Merged in feat/new-rate-cards (pull request #1600)

feat(SW-1435): Added RateCard component to design system

* feat(SW-1435): Added new component: RateCard to design system

* feat: added reward night points rate card

* fix: set svg icon color to "currentColor" to make them more reusable

* fix: added click handler for info icon

* fix: added selectedRate


Approved-by: Arvid Norlin

packages/design-system/lib/components/Button/button.module.css

@@ -78,3 +78,19 @@
   color: var(--Scandic-Red-100);
   padding: var(--Space-x15) 0;
 }
+
+.variant-icon {
+  background-color: transparent;
+  border-color: transparent;
+  color: inherit;
+  padding: 0;
+  margin: 0;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.color-icon-default {
+  color: var(--Icon-Default);
+}

packages/design-system/lib/components/Button/variants.ts

@@ -11,10 +11,12 @@ export const config = {
       Secondary: styles['variant-secondary'],
       Tertiary: styles['variant-tertiary'],
       Text: styles['variant-text'],
+      Icon: styles['variant-icon'],
     },
     color: {
       Primary: styles['color-primary'],
       Inverted: styles['color-inverted'],
+      IconDefault: styles['color-icon-default'],
     },
     size: {
       Small: styles['size-small'],