@telia/teddy 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +1 -1
  2. package/dist/assets/button.css +1 -1
  3. package/dist/assets/main.css +1 -1
  4. package/dist/components/button/button.js +42 -42
  5. package/package.json +21 -21
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Teddy - Telia Norway's Design System
2
2
 
3
- ![Teddy - Telia Norway's Design System](/other/stories/assets/teddy200.png)
3
+ ![Teddy - Telia Norway's Design System](/other/stories/assets/teddy200.png?raw=true)
4
4
 
5
5
  Welcome to Teddy, Telia Norway's advanced component library crafted to enhance the development of consistent,
6
6
  user-friendly interfaces. Teddy offers a suite of components styled in harmony with Telia's brand guidelines, aiming to
package/dist/assets/button.css CHANGED
@@ -1 +1 @@
1
- @keyframes _fadeInAnimation_882sa_1{0%{opacity:0}to{opacity:1}}@keyframes _scaleInAnimation_882sa_1{0%{scale:0}to{scale:100%}}._teddy-button_882sa_17{align-items:center;border-radius:var(--teddy-border-radius-full);border-width:0;cursor:pointer;display:inline-flex;font-size:var(--teddy-typography-scale-100);font-family:var(--teddy-typography-family-default);font-weight:var(--teddy-typography-weight-medium);gap:var(--teddy-spacing-100);justify-content:center;line-height:var(--teddy-spacing-300);outline:0;position:relative;text-decoration:none;transition-duration:var(--teddy-motion-duration-100);transition-timing-function:var(--teddy-motion-easing-ease-in-out);transition-property:background-color,color;width:auto}._teddy-button_882sa_17:focus:before{border-radius:var(--teddy-border-radius-full);box-shadow:0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);content:"";opacity:1;display:block;inset:calc(var(--teddy-spacing-25) * -1);position:absolute}._teddy-button_882sa_17:focus:not(:focus-visible):before{opacity:0}._teddy-button_882sa_17 svg{display:block}._teddy-button--sm_882sa_52{padding:var(--teddy-spacing-100) var(--teddy-spacing-250)}._teddy-button--sm_882sa_52._teddy-button--icon-only_882sa_55{padding:var(--teddy-spacing-100)}._teddy-button--md_882sa_58{padding:var(--teddy-spacing-150) var(--teddy-spacing-300)}._teddy-button--md_882sa_58._teddy-button--icon-only_882sa_55{padding:var(--teddy-spacing-150)}._teddy-button--lg_882sa_64{padding:var(--teddy-spacing-200) var(--teddy-spacing-400)}._teddy-button--lg_882sa_64._teddy-button--icon-only_882sa_55{padding:var(--teddy-spacing-200)}._teddy-button--full-width_882sa_70{width:100%}._teddy-button--primary_882sa_73{background-color:var(--teddy-color-background-interactive-primary);color:var(--teddy-color-text-interactive-on-primary)}._teddy-button--primary_882sa_73:hover:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-primary-hover)}._teddy-button--primary_882sa_73:active:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-primary-active)}._teddy-button--primary-negative_882sa_83{background-color:var(--teddy-color-background-interactive-primary-negative);color:var(--teddy-color-text-interactive-on-primary-negative)}._teddy-button--primary-negative_882sa_83:hover:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-primary-negative-hover);border-color:var(--teddy-color-background-interactive-primary-negative-hover)}._teddy-button--primary-negative_882sa_83:active:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-primary-negative-active);border-color:var(--teddy-color-background-interactive-primary-negative-active)}._teddy-button--secondary_882sa_95{background-color:var(--teddy-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);color:var(--teddy-color-text-interactive-primary)}._teddy-button--secondary_882sa_95:hover:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-transparent-hover)}._teddy-button--secondary_882sa_95:active:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-transparent-active)}._teddy-button--secondary-negative_882sa_106{background-color:var(--teddy-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);color:var(--teddy-color-text-interactive-primary-negative)}._teddy-button--secondary-negative_882sa_106:hover:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-transparent-negative-hover)}._teddy-button--secondary-negative_882sa_106:active:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-transparent-negative-active)}._teddy-button--expressive_882sa_117{background-color:var(--teddy-color-background-interactive-expressive);color:var(--teddy-color-text-interactive-on-expressive)}._teddy-button--expressive_882sa_117:hover:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-expressive-hover)}._teddy-button--expressive_882sa_117:active:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-expressive-active)}._teddy-button--expressive-negative_882sa_127{background-color:var(--teddy-color-background-interactive-expressive-negative);color:var(--teddy-color-text-interactive-on-expressive-negative)}._teddy-button--expressive-negative_882sa_127:hover:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-expressive-negative-hover);color:var(--teddy-color-text-interactive-on-expressive-negative-hover)}._teddy-button--expressive-negative_882sa_127:active:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-expressive-negative-active);color:var(--teddy-color-text-interactive-on-expressive-negative-active)}._teddy-button--negative_882sa_139._teddy-button--disabled_882sa_77{background-color:var(--teddy-color-background-interactive-disabled-negative);color:var(--teddy-color-text-weak-negative)}._teddy-button--secondary_882sa_95._teddy-button--disabled_882sa_77,._teddy-button--secondary-negative_882sa_106._teddy-button--disabled_882sa_77{box-shadow:none}._teddy-button--destructive_882sa_146{background-color:var(--teddy-color-background-interactive-destructive);color:var(--teddy-color-text-interactive-on-destructive)}._teddy-button--destructive_882sa_146:hover:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-destructive-hover)}._teddy-button--destructive_882sa_146:active:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-destructive-active)}._teddy-button--destructive-negative_882sa_156{background-color:var(--teddy-color-background-interactive-destructive);color:var(--teddy-color-text-interactive-on-destructive)}._teddy-button--destructive-negative_882sa_156:hover:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-destructive-hover)}._teddy-button--destructive-negative_882sa_156:active:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-destructive-active)}._teddy-button--tertiary-purple_882sa_166{background-color:var(--teddy-color-background-interactive-transparent);color:var(--teddy-color-text-interactive-primary)}._teddy-button--tertiary-purple_882sa_166._teddy-button--disabled_882sa_77{background-color:var(--teddy-color-background-interactive-transparent)}._teddy-button--tertiary-purple_882sa_166:hover:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-transparent-hover)}._teddy-button--tertiary-purple_882sa_166:active:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-transparent-active)}._teddy-button--tertiary-purple-negative_882sa_179{background-color:var(--teddy-color-background-interactive-transparent);color:var(--teddy-color-text-interactive-primary-negative)}._teddy-button--tertiary-purple-negative_882sa_179._teddy-button--disabled_882sa_77{background-color:var(--teddy-color-background-interactive-transparent)}._teddy-button--tertiary-purple-negative_882sa_179:hover:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-transparent-negative-hover);color:var(--teddy-color-text-interactive-primary-negative-hover)}._teddy-button--tertiary-purple-negative_882sa_179:active:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-transparent-negative-active);color:var(--teddy-color-text-interactive-primary-negative-active)}._teddy-button--text-negative_882sa_194{border-radius:0;padding-left:0;padding-right:0;background-color:var(--teddy-color-background-interactive-transparent);color:var(--teddy-color-text-interactive-primary-negative)}._teddy-button--text-negative_882sa_194:focus-visible:before{border-radius:0}._teddy-button--text-negative_882sa_194._teddy-button--disabled_882sa_77{background-color:var(--teddy-color-background-interactive-transparent)}._teddy-button--text-negative_882sa_194:hover:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-transparent-negative-hover);color:var(--teddy-color-text-interactive-primary-negative-hover)}._teddy-button--text-negative_882sa_194:active:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-transparent-negative-active);color:var(--teddy-color-text-interactive-primary-negative-active)}._teddy-button--text_882sa_194{border-radius:0;padding-left:0;padding-right:0;background-color:var(--teddy-color-background-interactive-transparent);color:var(--teddy-color-text-interactive-primary)}._teddy-button--text_882sa_194:focus-visible:before{border-radius:0}._teddy-button--text_882sa_194._teddy-button--disabled_882sa_77{background-color:var(--teddy-color-background-interactive-transparent);color:var(--teddy-color-text-weak)}._teddy-button--text_882sa_194:hover:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-transparent-hover)}._teddy-button--text_882sa_194:active:not(._teddy-button--disabled_882sa_77){background-color:var(--teddy-color-background-interactive-transparent-active)}._teddy-button--disabled_882sa_77{background-color:var(--teddy-color-background-interactive-disabled);color:var(--teddy-color-text-weak);cursor:not-allowed;transition-duration:var(--teddy-motion-duration-400)}._teddy-button__loading_882sa_241{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:inherit;background-color:var(--teddy-color-transparent-gray-100);animation:_fadeInAnimation_882sa_1 ease var(--teddy-motion-duration-2000);animation-iteration-count:1;animation-fill-mode:forwards}._teddy-button__loading_882sa_241 ._teddy-button__spinner_882sa_252 circle{stroke:var(--teddy-color-transparent-black-700)}._teddy-button--icon-only_882sa_55 ._teddy-button__loading_882sa_241{background-color:var(--teddy-color-gray-100)}
1
+ @keyframes _fadeInAnimation_arfv5_1{0%{opacity:0}to{opacity:1}}@keyframes _scaleInAnimation_arfv5_1{0%{scale:0}to{scale:100%}}._teddy-button_arfv5_17{align-items:center;border-radius:var(--teddy-border-radius-full);border-width:0;cursor:pointer;display:inline-flex;font-size:var(--teddy-typography-scale-100);font-family:var(--teddy-typography-family-default);font-weight:var(--teddy-typography-weight-medium);gap:var(--teddy-spacing-100);justify-content:center;line-height:var(--teddy-spacing-300);outline:0;position:relative;text-decoration:none;transition-duration:var(--teddy-motion-duration-100);transition-timing-function:var(--teddy-motion-easing-ease-in-out);transition-property:background-color,color;width:auto}._teddy-button_arfv5_17:focus:before{border-radius:var(--teddy-border-radius-full);box-shadow:0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);content:"";opacity:1;display:block;inset:calc(var(--teddy-spacing-25) * -1);position:absolute}._teddy-button_arfv5_17:focus:not(:focus-visible):before{opacity:0}._teddy-button_arfv5_17 svg{display:block}._teddy-button--sm_arfv5_52{padding:var(--teddy-spacing-100) var(--teddy-spacing-250)}._teddy-button--sm_arfv5_52._teddy-button--icon-only_arfv5_55{padding:var(--teddy-spacing-100)}._teddy-button--md_arfv5_58{padding:var(--teddy-spacing-150) var(--teddy-spacing-300)}._teddy-button--md_arfv5_58._teddy-button--icon-only_arfv5_55{padding:var(--teddy-spacing-150)}._teddy-button--lg_arfv5_64{padding:var(--teddy-spacing-200) var(--teddy-spacing-400)}._teddy-button--lg_arfv5_64._teddy-button--icon-only_arfv5_55{padding:var(--teddy-spacing-200)}._teddy-button--full-width_arfv5_70{width:100%}._teddy-button--primary_arfv5_73{background-color:var(--teddy-color-background-interactive-primary);color:var(--teddy-color-text-interactive-on-primary)}._teddy-button--primary_arfv5_73:hover:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-primary-hover)}._teddy-button--primary_arfv5_73:active:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-primary-active)}._teddy-button--primary-negative_arfv5_83{background-color:var(--teddy-color-background-interactive-primary-negative);color:var(--teddy-color-text-interactive-on-primary-negative)}._teddy-button--primary-negative_arfv5_83:hover:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-primary-negative-hover);border-color:var(--teddy-color-background-interactive-primary-negative-hover)}._teddy-button--primary-negative_arfv5_83:active:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-primary-negative-active);border-color:var(--teddy-color-background-interactive-primary-negative-active)}._teddy-button--secondary_arfv5_95{background-color:var(--teddy-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);color:var(--teddy-color-text-interactive-primary)}._teddy-button--secondary_arfv5_95:hover:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-transparent-hover)}._teddy-button--secondary_arfv5_95:active:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-transparent-active)}._teddy-button--secondary-negative_arfv5_106{background-color:var(--teddy-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);color:var(--teddy-color-text-interactive-primary-negative)}._teddy-button--secondary-negative_arfv5_106:hover:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-transparent-negative-hover)}._teddy-button--secondary-negative_arfv5_106:active:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-transparent-negative-active)}._teddy-button--expressive_arfv5_117{background-color:var(--teddy-color-background-interactive-expressive);color:var(--teddy-color-text-interactive-on-expressive)}._teddy-button--expressive_arfv5_117:hover:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-expressive-hover)}._teddy-button--expressive_arfv5_117:active:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-expressive-active)}._teddy-button--expressive-negative_arfv5_127{background-color:var(--teddy-color-background-interactive-expressive-negative);color:var(--teddy-color-text-interactive-on-expressive-negative)}._teddy-button--expressive-negative_arfv5_127:hover:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-expressive-negative-hover);color:var(--teddy-color-text-interactive-on-expressive-negative-hover)}._teddy-button--expressive-negative_arfv5_127:active:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-expressive-negative-active);color:var(--teddy-color-text-interactive-on-expressive-negative-active)}._teddy-button--negative_arfv5_139._teddy-button--disabled_arfv5_77{background-color:var(--teddy-color-background-interactive-disabled-negative);color:var(--teddy-color-text-weak-negative)}._teddy-button--secondary_arfv5_95._teddy-button--disabled_arfv5_77,._teddy-button--secondary-negative_arfv5_106._teddy-button--disabled_arfv5_77{box-shadow:none}._teddy-button--destructive_arfv5_146{background-color:var(--teddy-color-background-interactive-destructive);color:var(--teddy-color-text-interactive-on-destructive)}._teddy-button--destructive_arfv5_146:hover:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-destructive-hover)}._teddy-button--destructive_arfv5_146:active:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-destructive-active)}._teddy-button--destructive-negative_arfv5_156{background-color:var(--teddy-color-background-interactive-destructive);color:var(--teddy-color-text-interactive-on-destructive)}._teddy-button--destructive-negative_arfv5_156:hover:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-destructive-hover)}._teddy-button--destructive-negative_arfv5_156:active:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-destructive-active)}._teddy-button--tertiary-purple_arfv5_166{background-color:var(--teddy-color-background-interactive-transparent);color:var(--teddy-color-text-interactive-primary)}._teddy-button--tertiary-purple_arfv5_166._teddy-button--disabled_arfv5_77{background-color:var(--teddy-color-background-interactive-transparent)}._teddy-button--tertiary-purple_arfv5_166:hover:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-transparent-hover)}._teddy-button--tertiary-purple_arfv5_166:active:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-transparent-active)}._teddy-button--tertiary-purple-negative_arfv5_179{background-color:var(--teddy-color-background-interactive-transparent);color:var(--teddy-color-text-interactive-primary-negative)}._teddy-button--tertiary-purple-negative_arfv5_179._teddy-button--disabled_arfv5_77{background-color:var(--teddy-color-background-interactive-transparent)}._teddy-button--tertiary-purple-negative_arfv5_179:hover:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-transparent-negative-hover);color:var(--teddy-color-text-interactive-primary-negative-hover)}._teddy-button--tertiary-purple-negative_arfv5_179:active:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-transparent-negative-active);color:var(--teddy-color-text-interactive-primary-negative-active)}._teddy-button--text-negative_arfv5_194{border-radius:0;padding-left:0;padding-right:0;background-color:var(--teddy-color-background-interactive-transparent);color:var(--teddy-color-text-interactive-primary-negative)}._teddy-button--text-negative_arfv5_194:focus-visible:before{border-radius:0}._teddy-button--text-negative_arfv5_194._teddy-button--disabled_arfv5_77{background-color:var(--teddy-color-background-interactive-transparent)}._teddy-button--text-negative_arfv5_194:hover:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-transparent-negative-hover);color:var(--teddy-color-text-interactive-primary-negative-hover)}._teddy-button--text-negative_arfv5_194:active:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-transparent-negative-active);color:var(--teddy-color-text-interactive-primary-negative-active)}._teddy-button--text_arfv5_194{border-radius:0;padding-left:0;padding-right:0;background-color:var(--teddy-color-background-interactive-transparent);color:var(--teddy-color-text-interactive-primary)}._teddy-button--text_arfv5_194:focus-visible:before{border-radius:0}._teddy-button--text_arfv5_194._teddy-button--disabled_arfv5_77{background-color:var(--teddy-color-background-interactive-transparent);color:var(--teddy-color-text-weak)}._teddy-button--text_arfv5_194:hover:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-transparent-hover)}._teddy-button--text_arfv5_194:active:not(._teddy-button--disabled_arfv5_77){background-color:var(--teddy-color-background-interactive-transparent-active)}._teddy-button--disabled_arfv5_77{background-color:var(--teddy-color-background-interactive-disabled);color:var(--teddy-color-text-weak);cursor:not-allowed;transition-duration:var(--teddy-motion-duration-400)}._teddy-button__loading_arfv5_241{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:inherit;background-color:var(--teddy-color-transparent-white-500);animation:_fadeInAnimation_arfv5_1 ease var(--teddy-motion-duration-500);animation-iteration-count:1;animation-fill-mode:forwards}._teddy-button__loading_arfv5_241 ._teddy-button__spinner_arfv5_252 circle{stroke:var(--teddy-color-transparent-black-700)}._teddy-button--icon-only_arfv5_55 ._teddy-button__loading_arfv5_241{background-color:var(--teddy-color-gray-100)}
package/dist/assets/main.css CHANGED
@@ -1 +1 @@
1
- :root{--purpur-border-radius-xs: 2px;--purpur-border-radius-sm: 4px;--purpur-border-radius-md: 8px;--purpur-border-radius-lg: 16px;--purpur-border-radius-full: 999px;--purpur-border-width-xs: 1px;--purpur-border-width-sm: 2px;--purpur-border-width-md: 3px;--purpur-border-width-lg: 6px}:root{--purpur-breakpoint-sm: 0px;--purpur-breakpoint-md: 600px;--purpur-breakpoint-lg: 1024px;--purpur-breakpoint-xl: 1440px;--purpur-breakpoint-relative-sm: 0em;--purpur-breakpoint-relative-md: 37.5em;--purpur-breakpoint-relative-lg: 64em;--purpur-breakpoint-relative-xl: 90em}:root{--purpur-color-functional-transparent: rgba(255, 255, 255, 0);--purpur-color-functional-white: #ffffff;--purpur-color-functional-black: #000000;--purpur-color-transparent-white-950: rgba(255, 255, 255, .95);--purpur-color-transparent-white-900: rgba(255, 255, 255, .89);--purpur-color-transparent-white-850: rgba(255, 255, 255, .84);--purpur-color-transparent-white-800: rgba(255, 255, 255, .79);--purpur-color-transparent-white-700: rgba(255, 255, 255, .66);--purpur-color-transparent-white-600: rgba(255, 255, 255, .55);--purpur-color-transparent-white-500: rgba(255, 255, 255, .46);--purpur-color-transparent-white-400: rgba(255, 255, 255, .37);--purpur-color-transparent-white-300: rgba(255, 255, 255, .29);--purpur-color-transparent-white-200: rgba(255, 255, 255, .21);--purpur-color-transparent-white-150: rgba(255, 255, 255, .16);--purpur-color-transparent-white-100: rgba(255, 255, 255, .11);--purpur-color-transparent-white-50: rgba(255, 255, 255, .07);--purpur-color-transparent-black-950: rgba(0, 0, 0, .93);--purpur-color-transparent-black-900: rgba(0, 0, 0, .88);--purpur-color-transparent-black-850: rgba(0, 0, 0, .84);--purpur-color-transparent-black-800: rgba(0, 0, 0, .8);--purpur-color-transparent-black-700: rgba(0, 0, 0, .71);--purpur-color-transparent-black-600: rgba(0, 0, 0, .62);--purpur-color-transparent-black-500: rgba(0, 0, 0, .54);--purpur-color-transparent-black-400: rgba(0, 0, 0, .44);--purpur-color-transparent-black-300: rgba(0, 0, 0, .33);--purpur-color-transparent-black-200: rgba(0, 0, 0, .22);--purpur-color-transparent-black-150: rgba(0, 0, 0, .16);--purpur-color-transparent-black-100: rgba(0, 0, 0, .1);--purpur-color-transparent-black-50: rgba(0, 0, 0, .05);--purpur-color-blue-950: #011320;--purpur-color-blue-900: #002036;--purpur-color-blue-800: #03385b;--purpur-color-blue-700: #014d80;--purpur-color-blue-600: #0063a6;--purpur-color-blue-500: #0078cb;--purpur-color-blue-400: #3694d3;--purpur-color-blue-300: #62b2e7;--purpur-color-blue-200: #91cdf4;--purpur-color-blue-100: #caeaff;--purpur-color-blue-50: #e8f6ff;--purpur-color-orange-950: #1a0f00;--purpur-color-orange-900: #2b1b03;--purpur-color-orange-800: #4c2f03;--purpur-color-orange-700: #6a4102;--purpur-color-orange-600: #8b5301;--purpur-color-orange-500: #a86602;--purpur-color-orange-400: #cc7a00;--purpur-color-orange-300: #f39200;--purpur-color-orange-200: #f9bb5b;--purpur-color-orange-100: #ffe1b3;--purpur-color-orange-50: #fff2de;--purpur-color-red-950: #2c000e;--purpur-color-red-900: #440016;--purpur-color-red-800: #700025;--purpur-color-red-700: #980233;--purpur-color-red-600: #c00543;--purpur-color-red-500: #e4175c;--purpur-color-red-400: #fb4885;--purpur-color-red-300: #ff80ab;--purpur-color-red-200: #ffafc9;--purpur-color-red-100: #ffdde8;--purpur-color-red-50: #fff0f5;--purpur-color-green-950: #00150a;--purpur-color-green-900: #002411;--purpur-color-green-800: #003e1e;--purpur-color-green-700: #02562b;--purpur-color-green-600: #017037;--purpur-color-green-500: #018842;--purpur-color-green-400: #1fa15e;--purpur-color-green-300: #3dbf7c;--purpur-color-green-200: #79d9a7;--purpur-color-green-100: #c5efd9;--purpur-color-green-50: #e1f9ec;--purpur-color-gray-950: #111111;--purpur-color-gray-900: #1e1e20;--purpur-color-gray-850: #2a2a2c;--purpur-color-gray-800: #353537;--purpur-color-gray-700: #4a4a4d;--purpur-color-gray-600: #5f5f63;--purpur-color-gray-500: #757579;--purpur-color-gray-400: #8d8d94;--purpur-color-gray-300: #aaaab0;--purpur-color-gray-200: #c6c6cd;--purpur-color-gray-150: #d6d6dd;--purpur-color-gray-100: #e5e5eb;--purpur-color-gray-50: #f3f3f8;--purpur-color-teal-950: #011413;--purpur-color-teal-900: #032220;--purpur-color-teal-800: #063c39;--purpur-color-teal-700: #02534f;--purpur-color-teal-600: #006c67;--purpur-color-teal-500: #00847e;--purpur-color-teal-400: #3a9b96;--purpur-color-teal-300: #6eb5b2;--purpur-color-teal-200: #a1cfcd;--purpur-color-teal-100: #d5eae9;--purpur-color-teal-50: #edf5f5;--purpur-color-beige-950: #170f09;--purpur-color-beige-900: #241c16;--purpur-color-beige-800: #3b332d;--purpur-color-beige-700: #4f4741;--purpur-color-beige-600: #665e58;--purpur-color-beige-500: #807268;--purpur-color-beige-400: #a08877;--purpur-color-beige-300: #bba494;--purpur-color-beige-200: #d7c3b5;--purpur-color-beige-100: #ede1d8;--purpur-color-beige-50: #f9f1ec;--purpur-color-purple-950: #1f002e;--purpur-color-purple-900: #29003e;--purpur-color-purple-800: #4e0174;--purpur-color-purple-700: #6d02a3;--purpur-color-purple-600: #8c07d0;--purpur-color-purple-550: #990ae3;--purpur-color-purple-500: #b12df4;--purpur-color-purple-400: #c461f7;--purpur-color-purple-300: #d58df9;--purpur-color-purple-200: #e4b6fb;--purpur-color-purple-100: #f5e0ff;--purpur-color-purple-50: #faf0ff;--purpur-color-overlay-default: var(--purpur-color-transparent-black-300);--purpur-color-border-status-success: var(--purpur-color-green-500);--purpur-color-border-status-info: var(--purpur-color-blue-500);--purpur-color-border-status-warning: var(--purpur-color-orange-400);--purpur-color-border-status-error: var(--purpur-color-red-500);--purpur-color-border-interactive-subtle-hover: var(--purpur-color-purple-800);--purpur-color-border-interactive-subtle: var(--purpur-color-transparent-black-300);--purpur-color-border-interactive-selected: var(--purpur-color-purple-550);--purpur-color-border-interactive-primary-negative-active: var(--purpur-color-purple-200);--purpur-color-border-interactive-primary-negative-hover: var(--purpur-color-purple-200);--purpur-color-border-interactive-primary-active: var(--purpur-color-purple-900);--purpur-color-border-interactive-primary-hover: var(--purpur-color-purple-800);--purpur-color-border-interactive-primary-negative: var(--purpur-color-purple-100);--purpur-color-border-interactive-primary: var(--purpur-color-purple-700);--purpur-color-border-interactive-focus: var(--purpur-color-purple-500);--purpur-color-border-weak-negative: var(--purpur-color-transparent-white-150);--purpur-color-border-weak: var(--purpur-color-transparent-black-150);--purpur-color-border-strong-negative: var(--purpur-color-transparent-white-500);--purpur-color-border-strong: var(--purpur-color-transparent-black-500);--purpur-color-border-medium-negative: var(--purpur-color-transparent-white-300);--purpur-color-border-medium: var(--purpur-color-transparent-black-300);--purpur-color-background-tone-on-tone-quaternary: var(--purpur-color-beige-50);--purpur-color-background-tone-on-tone-tertiary: var(--purpur-color-beige-100);--purpur-color-background-tone-on-tone-secondary: var(--purpur-color-purple-100);--purpur-color-background-tone-on-tone-primary: var(--purpur-color-purple-900);--purpur-color-background-status-attention: var(--purpur-color-purple-700);--purpur-color-background-status-special: var(--purpur-color-purple-100);--purpur-color-background-status-neutral: var(--purpur-color-gray-100);--purpur-color-background-status-warning-strong: var(--purpur-color-orange-100);--purpur-color-background-status-warning: var(--purpur-color-orange-50);--purpur-color-background-status-error-strong: var(--purpur-color-red-100);--purpur-color-background-status-error: var(--purpur-color-red-50);--purpur-color-background-status-success-strong: var(--purpur-color-green-100);--purpur-color-background-status-success: var(--purpur-color-green-50);--purpur-color-background-status-info-strong: var(--purpur-color-blue-100);--purpur-color-background-status-info: var(--purpur-color-blue-50);--purpur-color-background-interactive-destructive-active: var(--purpur-color-red-700);--purpur-color-background-interactive-destructive-hover: var(--purpur-color-red-600);--purpur-color-background-interactive-destructive: var(--purpur-color-red-500);--purpur-color-background-interactive-read-only: var(--purpur-color-transparent-black-50);--purpur-color-background-interactive-inactive-negative: var(--purpur-color-transparent-white-150);--purpur-color-background-interactive-inactive: var(--purpur-color-transparent-black-50);--purpur-color-background-interactive-transparent-negative-active: var(--purpur-color-purple-700);--purpur-color-background-interactive-transparent-active: var(--purpur-color-purple-200);--purpur-color-background-interactive-transparent-negative-hover: var(--purpur-color-purple-800);--purpur-color-background-interactive-transparent-hover: var(--purpur-color-purple-100);--purpur-color-background-interactive-transparent: var(--purpur-color-functional-transparent);--purpur-color-background-interactive-disabled-negative: var(--purpur-color-transparent-white-100);--purpur-color-background-interactive-disabled: var(--purpur-color-transparent-black-100);--purpur-color-background-interactive-expressive-negative-active: var(--purpur-color-purple-300);--purpur-color-background-interactive-expressive-negative-hover: var(--purpur-color-purple-400);--purpur-color-background-interactive-expressive-negative: var(--purpur-color-purple-550);--purpur-color-background-interactive-expressive-active: var(--purpur-color-purple-800);--purpur-color-background-interactive-expressive-hover: var(--purpur-color-purple-700);--purpur-color-background-interactive-expressive: var(--purpur-color-purple-550);--purpur-color-background-interactive-primary-negative-active: var(--purpur-color-purple-300);--purpur-color-background-interactive-primary-negative-hover: var(--purpur-color-purple-200);--purpur-color-background-interactive-primary-negative: var(--purpur-color-purple-100);--purpur-color-background-interactive-primary-active: var(--purpur-color-purple-600);--purpur-color-background-interactive-primary-hover: var(--purpur-color-purple-700);--purpur-color-background-interactive-primary: var(--purpur-color-purple-800);--purpur-color-background-secondary: var(--purpur-color-gray-50);--purpur-color-background-primary: var(--purpur-color-functional-white);--purpur-color-text-tone-on-tone-tertiary: var(--purpur-color-beige-700);--purpur-color-text-tone-on-tone-secondary: var(--purpur-color-purple-900);--purpur-color-text-tone-on-tone-primary: var(--purpur-color-purple-100);--purpur-color-text-status-attention: var(--purpur-color-functional-white);--purpur-color-text-status-special: var(--purpur-color-purple-800);--purpur-color-text-status-neutral: var(--purpur-color-transparent-black-700);--purpur-color-text-status-info-medium: var(--purpur-color-blue-500);--purpur-color-text-status-info-strong: var(--purpur-color-blue-700);--purpur-color-text-status-warning-medium: var(--purpur-color-orange-500);--purpur-color-text-status-warning-strong: var(--purpur-color-orange-700);--purpur-color-text-status-success-medium: var(--purpur-color-green-500);--purpur-color-text-status-success-strong: var(--purpur-color-green-700);--purpur-color-text-status-error-medium: var(--purpur-color-red-500);--purpur-color-text-status-error-strong: var(--purpur-color-red-700);--purpur-color-text-status-discount: var(--purpur-color-purple-550);--purpur-color-text-interactive-selected: var(--purpur-color-purple-550);--purpur-color-text-interactive-on-destructive: var(--purpur-color-functional-white);--purpur-color-text-interactive-on-expressive-negative-active: var(--purpur-color-purple-900);--purpur-color-text-interactive-on-expressive-negative-hover: var(--purpur-color-purple-900);--purpur-color-text-interactive-on-expressive-negative: var(--purpur-color-functional-white);--purpur-color-text-interactive-on-expressive: var(--purpur-color-functional-white);--purpur-color-text-interactive-primary-negative-active: var(--purpur-color-purple-200);--purpur-color-text-interactive-primary-negative-hover: var(--purpur-color-purple-200);--purpur-color-text-interactive-primary-negative: var(--purpur-color-purple-100);--purpur-color-text-interactive-on-primary-negative: var(--purpur-color-purple-800);--purpur-color-text-interactive-on-primary: var(--purpur-color-functional-white);--purpur-color-text-interactive-primary-active: var(--purpur-color-purple-900);--purpur-color-text-interactive-primary-hover: var(--purpur-color-purple-800);--purpur-color-text-interactive-primary: var(--purpur-color-purple-700);--purpur-color-text-weak-negative: var(--purpur-color-transparent-white-400);--purpur-color-text-medium-negative: var(--purpur-color-transparent-white-600);--purpur-color-text-default-negative: var(--purpur-color-transparent-white-850);--purpur-color-text-weak: var(--purpur-color-transparent-black-400);--purpur-color-text-medium: var(--purpur-color-transparent-black-600);--purpur-color-text-default: var(--purpur-color-transparent-black-850);--purpur-color-brand-white: var(--purpur-color-functional-white);--purpur-color-brand-off-black: var(--purpur-color-gray-900);--purpur-color-brand-light-beige: var(--purpur-color-beige-50);--purpur-color-brand-beige: var(--purpur-color-beige-100);--purpur-color-brand-deep-beige: var(--purpur-color-beige-700);--purpur-color-brand-light-purple: var(--purpur-color-purple-100);--purpur-color-brand-core-purple: var(--purpur-color-purple-550);--purpur-color-brand-deep-purple: var(--purpur-color-purple-900)}:root{--purpur-motion-duration-100: .1s;--purpur-motion-duration-150: .15s;--purpur-motion-duration-200: .2s;--purpur-motion-duration-300: .3s;--purpur-motion-duration-400: .4s;--purpur-motion-duration-500: .5s;--purpur-motion-duration-1500: 1.5s;--purpur-motion-duration-2000: 2s;--purpur-motion-easing-ease-in: cubic-bezier(.35, .07, .88, .43);--purpur-motion-easing-ease-out: cubic-bezier(.33, .9, .75, .95);--purpur-motion-easing-ease-in-out: cubic-bezier(.45, 0, .52, .98)}:root{--purpur-shadow-none: calc(0rem * var(--purpur-rescale)) calc(0rem * var(--purpur-rescale)) calc(0rem * var(--purpur-rescale)) calc(0rem * var(--purpur-rescale)) rgba(0, 0, 0, .1);--purpur-shadow-sm: calc(0rem * var(--purpur-rescale)) calc(.0625rem * var(--purpur-rescale)) calc(.25rem * var(--purpur-rescale)) calc(0rem * var(--purpur-rescale)) rgba(0, 0, 0, .1);--purpur-shadow-md: calc(0rem * var(--purpur-rescale)) calc(.25rem * var(--purpur-rescale)) calc(.75rem * var(--purpur-rescale)) calc(0rem * var(--purpur-rescale)) rgba(0, 0, 0, .1);--purpur-shadow-lg: calc(0rem * var(--purpur-rescale)) calc(.75rem * var(--purpur-rescale)) calc(1.5rem * var(--purpur-rescale)) calc(0rem * var(--purpur-rescale)) rgba(0, 0, 0, .1)}:root{--purpur-spacing-1600: calc(8rem * var(--purpur-rescale));--purpur-spacing-1200: calc(6rem * var(--purpur-rescale));--purpur-spacing-1000: calc(5rem * var(--purpur-rescale));--purpur-spacing-800: calc(4rem * var(--purpur-rescale));--purpur-spacing-600: calc(3rem * var(--purpur-rescale));--purpur-spacing-400: calc(2rem * var(--purpur-rescale));--purpur-spacing-300: calc(1.5rem * var(--purpur-rescale));--purpur-spacing-250: calc(1.25rem * var(--purpur-rescale));--purpur-spacing-200: calc(1rem * var(--purpur-rescale));--purpur-spacing-150: calc(.75rem * var(--purpur-rescale));--purpur-spacing-100: calc(.5rem * var(--purpur-rescale));--purpur-spacing-50: calc(.25rem * var(--purpur-rescale));--purpur-spacing-25: calc(.125rem * var(--purpur-rescale));--purpur-spacing-10: calc(.0625rem * var(--purpur-rescale));--purpur-spacing-0: calc(0rem * var(--purpur-rescale));--purpur-spacing-page-padding-xl: var(--purpur-spacing-600);--purpur-spacing-page-padding-lg: var(--purpur-spacing-600);--purpur-spacing-page-padding-md: var(--purpur-spacing-300);--purpur-spacing-page-padding-sm: var(--purpur-spacing-200);--purpur-spacing-gutter-xl: var(--purpur-spacing-300);--purpur-spacing-gutter-lg: var(--purpur-spacing-300);--purpur-spacing-gutter-md: var(--purpur-spacing-300);--purpur-spacing-gutter-sm: var(--purpur-spacing-200)}:root{--purpur-typography-family-default: TeliaSans;--purpur-typography-family-display: TeliaSansHeading;--purpur-typography-weight-normal: 400;--purpur-typography-weight-medium: 500;--purpur-typography-weight-bold: 700;--purpur-typography-line-height-tight: 100%;--purpur-typography-line-height-default: 125%;--purpur-typography-line-height-loose: 150%;--purpur-typography-line-height-looser: 175%;--purpur-typography-scale-50: calc(.75rem * var(--purpur-rescale));--purpur-typography-scale-75: calc(.875rem * var(--purpur-rescale));--purpur-typography-scale-100: calc(1rem * var(--purpur-rescale));--purpur-typography-scale-150: calc(1.125rem * var(--purpur-rescale));--purpur-typography-scale-200: calc(1.25rem * var(--purpur-rescale));--purpur-typography-scale-400: calc(1.5rem * var(--purpur-rescale));--purpur-typography-scale-500: calc(1.75rem * var(--purpur-rescale));--purpur-typography-scale-600: calc(2rem * var(--purpur-rescale));--purpur-typography-scale-650: calc(2.25rem * var(--purpur-rescale));--purpur-typography-scale-700: calc(2.5rem * var(--purpur-rescale));--purpur-typography-scale-800: calc(3rem * var(--purpur-rescale));--purpur-typography-scale-850: calc(3.5rem * var(--purpur-rescale));--purpur-typography-scale-900: calc(4rem * var(--purpur-rescale));--purpur-typography-scale-1000: calc(5rem * var(--purpur-rescale));--purpur-typography-scale-1100: calc(6rem * var(--purpur-rescale))}:root{--teddy-border-radius-xs: 2px;--teddy-border-radius-sm: 4px;--teddy-border-radius-md: 8px;--teddy-border-radius-lg: 16px;--teddy-border-radius-full: 999px;--teddy-border-width-xs: 1px;--teddy-border-width-sm: 2px;--teddy-border-width-md: 3px;--teddy-border-width-lg: 6px}:root{--teddy-breakpoint-sm: 0px;--teddy-breakpoint-md: 600px;--teddy-breakpoint-lg: 1024px;--teddy-breakpoint-xl: 1440px}:root{--teddy-color-functional-transparent: rgba(255, 255, 255, 0);--teddy-color-functional-white: #ffffff;--teddy-color-functional-black: #000000;--teddy-color-transparent-white-950: rgba(255, 255, 255, .95);--teddy-color-transparent-white-900: rgba(255, 255, 255, .89);--teddy-color-transparent-white-850: rgba(255, 255, 255, .84);--teddy-color-transparent-white-800: rgba(255, 255, 255, .79);--teddy-color-transparent-white-700: rgba(255, 255, 255, .66);--teddy-color-transparent-white-600: rgba(255, 255, 255, .55);--teddy-color-transparent-white-500: rgba(255, 255, 255, .46);--teddy-color-transparent-white-400: rgba(255, 255, 255, .37);--teddy-color-transparent-white-300: rgba(255, 255, 255, .29);--teddy-color-transparent-white-200: rgba(255, 255, 255, .21);--teddy-color-transparent-white-150: rgba(255, 255, 255, .16);--teddy-color-transparent-white-100: rgba(255, 255, 255, .11);--teddy-color-transparent-white-50: rgba(255, 255, 255, .07);--teddy-color-transparent-black-950: rgba(0, 0, 0, .93);--teddy-color-transparent-black-900: rgba(0, 0, 0, .88);--teddy-color-transparent-black-850: rgba(0, 0, 0, .84);--teddy-color-transparent-black-800: rgba(0, 0, 0, .8);--teddy-color-transparent-black-700: rgba(0, 0, 0, .71);--teddy-color-transparent-black-600: rgba(0, 0, 0, .62);--teddy-color-transparent-black-500: rgba(0, 0, 0, .54);--teddy-color-transparent-black-400: rgba(0, 0, 0, .44);--teddy-color-transparent-black-300: rgba(0, 0, 0, .33);--teddy-color-transparent-black-200: rgba(0, 0, 0, .22);--teddy-color-transparent-black-150: rgba(0, 0, 0, .16);--teddy-color-transparent-black-100: rgba(0, 0, 0, .1);--teddy-color-transparent-black-50: rgba(0, 0, 0, .05);--teddy-color-blue-950: #011320;--teddy-color-blue-900: #002036;--teddy-color-blue-800: #03385b;--teddy-color-blue-700: #014d80;--teddy-color-blue-600: #0063a6;--teddy-color-blue-500: #0078cb;--teddy-color-blue-400: #3694d3;--teddy-color-blue-300: #62b2e7;--teddy-color-blue-200: #91cdf4;--teddy-color-blue-100: #caeaff;--teddy-color-blue-50: #e8f6ff;--teddy-color-orange-950: #1a0f00;--teddy-color-orange-900: #2b1b03;--teddy-color-orange-800: #4c2f03;--teddy-color-orange-700: #6a4102;--teddy-color-orange-600: #8b5301;--teddy-color-orange-500: #a86602;--teddy-color-orange-400: #cc7a00;--teddy-color-orange-300: #f39200;--teddy-color-orange-200: #f9bb5b;--teddy-color-orange-100: #ffe1b3;--teddy-color-orange-50: #fff2de;--teddy-color-red-950: #2c000e;--teddy-color-red-900: #440016;--teddy-color-red-800: #700025;--teddy-color-red-700: #980233;--teddy-color-red-600: #c00543;--teddy-color-red-500: #e4175c;--teddy-color-red-400: #fb4885;--teddy-color-red-300: #ff80ab;--teddy-color-red-200: #ffafc9;--teddy-color-red-100: #ffdde8;--teddy-color-red-50: #fff0f5;--teddy-color-green-950: #00150a;--teddy-color-green-900: #002411;--teddy-color-green-800: #003e1e;--teddy-color-green-700: #02562b;--teddy-color-green-600: #017037;--teddy-color-green-500: #018842;--teddy-color-green-400: #1fa15e;--teddy-color-green-300: #3dbf7c;--teddy-color-green-200: #79d9a7;--teddy-color-green-100: #c5efd9;--teddy-color-green-50: #e1f9ec;--teddy-color-gray-950: #111111;--teddy-color-gray-900: #1e1e20;--teddy-color-gray-850: #2a2a2c;--teddy-color-gray-800: #353537;--teddy-color-gray-700: #4a4a4d;--teddy-color-gray-600: #5f5f63;--teddy-color-gray-500: #757579;--teddy-color-gray-400: #8d8d94;--teddy-color-gray-300: #aaaab0;--teddy-color-gray-200: #c6c6cd;--teddy-color-gray-150: #d6d6dd;--teddy-color-gray-100: #e5e5eb;--teddy-color-gray-50: #f3f3f8;--teddy-color-teal-950: #011413;--teddy-color-teal-900: #032220;--teddy-color-teal-800: #063c39;--teddy-color-teal-700: #02534f;--teddy-color-teal-600: #006c67;--teddy-color-teal-500: #00847e;--teddy-color-teal-400: #3a9b96;--teddy-color-teal-300: #6eb5b2;--teddy-color-teal-200: #a1cfcd;--teddy-color-teal-100: #d5eae9;--teddy-color-teal-50: #edf5f5;--teddy-color-beige-950: #170f09;--teddy-color-beige-900: #241c16;--teddy-color-beige-800: #3b332d;--teddy-color-beige-700: #4f4741;--teddy-color-beige-600: #665e58;--teddy-color-beige-500: #807268;--teddy-color-beige-400: #a08877;--teddy-color-beige-300: #bba494;--teddy-color-beige-200: #d7c3b5;--teddy-color-beige-100: #ede1d8;--teddy-color-beige-50: #f9f1ec;--teddy-color-purple-950: #1f002e;--teddy-color-purple-900: #29003e;--teddy-color-purple-800: #4e0174;--teddy-color-purple-700: #6d02a3;--teddy-color-purple-600: #8c07d0;--teddy-color-purple-550: #990ae3;--teddy-color-purple-500: #b12df4;--teddy-color-purple-400: #c461f7;--teddy-color-purple-300: #d58df9;--teddy-color-purple-200: #e4b6fb;--teddy-color-purple-100: #f5e0ff;--teddy-color-purple-50: #faf0ff;--teddy-color-overlay-default: var(--teddy-color-transparent-black-300);--teddy-color-border-status-success: var(--teddy-color-green-500);--teddy-color-border-status-info: var(--teddy-color-blue-500);--teddy-color-border-status-warning: var(--teddy-color-orange-400);--teddy-color-border-status-error: var(--teddy-color-red-500);--teddy-color-border-interactive-subtle-hover: var(--teddy-color-purple-800);--teddy-color-border-interactive-subtle: var(--teddy-color-transparent-black-300);--teddy-color-border-interactive-selected: var(--teddy-color-purple-550);--teddy-color-border-interactive-primary-negative-active: var(--teddy-color-purple-200);--teddy-color-border-interactive-primary-negative-hover: var(--teddy-color-purple-200);--teddy-color-border-interactive-primary-active: var(--teddy-color-purple-900);--teddy-color-border-interactive-primary-hover: var(--teddy-color-purple-800);--teddy-color-border-interactive-primary-negative: var(--teddy-color-purple-100);--teddy-color-border-interactive-primary: var(--teddy-color-purple-700);--teddy-color-border-interactive-focus: var(--teddy-color-blue-500);--teddy-color-border-weak-negative: var(--teddy-color-transparent-white-150);--teddy-color-border-weak: var(--teddy-color-transparent-black-150);--teddy-color-border-strong-negative: var(--teddy-color-transparent-white-500);--teddy-color-border-strong: var(--teddy-color-transparent-black-500);--teddy-color-border-medium-negative: var(--teddy-color-transparent-white-300);--teddy-color-border-medium: var(--teddy-color-transparent-black-300);--teddy-color-background-tone-on-tone-quaternary: var(--teddy-color-beige-50);--teddy-color-background-tone-on-tone-tertiary: var(--teddy-color-beige-100);--teddy-color-background-tone-on-tone-secondary: var(--teddy-color-purple-100);--teddy-color-background-tone-on-tone-primary: var(--teddy-color-purple-900);--teddy-color-background-status-attention: var(--teddy-color-purple-700);--teddy-color-background-status-special: var(--teddy-color-purple-100);--teddy-color-background-status-neutral: var(--teddy-color-gray-100);--teddy-color-background-status-warning-strong: var(--teddy-color-orange-100);--teddy-color-background-status-warning: var(--teddy-color-orange-50);--teddy-color-background-status-error-strong: var(--teddy-color-red-100);--teddy-color-background-status-error: var(--teddy-color-red-50);--teddy-color-background-status-success-strong: var(--teddy-color-green-100);--teddy-color-background-status-success: var(--teddy-color-green-50);--teddy-color-background-status-info-strong: var(--teddy-color-blue-100);--teddy-color-background-status-info: var(--teddy-color-blue-50);--teddy-color-background-interactive-destructive-active: var(--teddy-color-red-700);--teddy-color-background-interactive-destructive-hover: var(--teddy-color-red-600);--teddy-color-background-interactive-destructive: var(--teddy-color-red-500);--teddy-color-background-interactive-read-only: var(--teddy-color-transparent-black-50);--teddy-color-background-interactive-inactive-negative: var(--teddy-color-transparent-white-150);--teddy-color-background-interactive-inactive: var(--teddy-color-transparent-black-50);--teddy-color-background-interactive-transparent-negative-active: var(--teddy-color-purple-700);--teddy-color-background-interactive-transparent-active: var(--teddy-color-purple-200);--teddy-color-background-interactive-transparent-negative-hover: var(--teddy-color-purple-800);--teddy-color-background-interactive-transparent-hover: var(--teddy-color-purple-100);--teddy-color-background-interactive-transparent: var(--teddy-color-functional-transparent);--teddy-color-background-interactive-disabled-negative: var(--teddy-color-transparent-white-100);--teddy-color-background-interactive-disabled: var(--teddy-color-transparent-black-100);--teddy-color-background-interactive-expressive-negative-active: var(--teddy-color-purple-300);--teddy-color-background-interactive-expressive-negative-hover: var(--teddy-color-purple-400);--teddy-color-background-interactive-expressive-negative: var(--teddy-color-purple-550);--teddy-color-background-interactive-expressive-active: var(--teddy-color-purple-800);--teddy-color-background-interactive-expressive-hover: var(--teddy-color-purple-700);--teddy-color-background-interactive-expressive: var(--teddy-color-purple-550);--teddy-color-background-interactive-primary-negative-active: var(--teddy-color-purple-300);--teddy-color-background-interactive-primary-negative-hover: var(--teddy-color-purple-200);--teddy-color-background-interactive-primary-negative: var(--teddy-color-purple-100);--teddy-color-background-interactive-primary-active: var(--teddy-color-purple-600);--teddy-color-background-interactive-primary-hover: var(--teddy-color-purple-700);--teddy-color-background-interactive-primary: var(--teddy-color-purple-800);--teddy-color-background-secondary: var(--teddy-color-gray-50);--teddy-color-background-primary: var(--teddy-color-functional-white);--teddy-color-text-tone-on-tone-tertiary: var(--teddy-color-beige-700);--teddy-color-text-tone-on-tone-secondary: var(--teddy-color-purple-900);--teddy-color-text-tone-on-tone-primary: var(--teddy-color-purple-100);--teddy-color-text-status-attention: var(--teddy-color-functional-white);--teddy-color-text-status-special: var(--teddy-color-purple-800);--teddy-color-text-status-neutral: var(--teddy-color-transparent-black-700);--teddy-color-text-status-info-medium: var(--teddy-color-blue-500);--teddy-color-text-status-info-strong: var(--teddy-color-blue-700);--teddy-color-text-status-warning-medium: var(--teddy-color-orange-500);--teddy-color-text-status-warning-strong: var(--teddy-color-orange-700);--teddy-color-text-status-success-medium: var(--teddy-color-green-500);--teddy-color-text-status-success-strong: var(--teddy-color-green-700);--teddy-color-text-status-error-medium: var(--teddy-color-red-500);--teddy-color-text-status-error-strong: var(--teddy-color-red-700);--teddy-color-text-status-discount: var(--teddy-color-purple-550);--teddy-color-text-interactive-selected: var(--teddy-color-purple-550);--teddy-color-text-interactive-on-destructive: var(--teddy-color-functional-white);--teddy-color-text-interactive-on-expressive-negative-active: var(--teddy-color-purple-900);--teddy-color-text-interactive-on-expressive-negative-hover: var(--teddy-color-purple-900);--teddy-color-text-interactive-on-expressive-negative: var(--teddy-color-functional-white);--teddy-color-text-interactive-on-expressive: var(--teddy-color-functional-white);--teddy-color-text-interactive-primary-negative-active: var(--teddy-color-purple-200);--teddy-color-text-interactive-primary-negative-hover: var(--teddy-color-purple-200);--teddy-color-text-interactive-primary-negative: var(--teddy-color-purple-100);--teddy-color-text-interactive-on-primary-negative: var(--teddy-color-purple-800);--teddy-color-text-interactive-on-primary: var(--teddy-color-functional-white);--teddy-color-text-interactive-primary-active: var(--teddy-color-purple-900);--teddy-color-text-interactive-primary-hover: var(--teddy-color-purple-800);--teddy-color-text-interactive-primary: var(--teddy-color-purple-700);--teddy-color-text-weak-negative: var(--teddy-color-transparent-white-400);--teddy-color-text-medium-negative: var(--teddy-color-transparent-white-600);--teddy-color-text-default-negative: var(--teddy-color-transparent-white-850);--teddy-color-text-weak: var(--teddy-color-transparent-black-400);--teddy-color-text-medium: var(--teddy-color-transparent-black-600);--teddy-color-text-default: var(--teddy-color-transparent-black-850);--teddy-color-brand-white: var(--teddy-color-functional-white);--teddy-color-brand-off-black: var(--teddy-color-gray-900);--teddy-color-brand-light-beige: var(--teddy-color-beige-50);--teddy-color-brand-beige: var(--teddy-color-beige-100);--teddy-color-brand-deep-beige: var(--teddy-color-beige-700);--teddy-color-brand-light-purple: var(--teddy-color-purple-100);--teddy-color-brand-core-purple: var(--teddy-color-purple-550);--teddy-color-brand-deep-purple: var(--teddy-color-purple-900)}:root{--teddy-motion-duration-100: .1s;--teddy-motion-duration-150: .15s;--teddy-motion-duration-200: .2s;--teddy-motion-duration-300: .3s;--teddy-motion-duration-400: .4s;--teddy-motion-duration-500: .5s;--teddy-motion-duration-1500: 1.5s;--teddy-motion-duration-2000: 2s;--teddy-motion-easing-ease-in: cubic-bezier(.35, .07, .88, .43);--teddy-motion-easing-ease-out: cubic-bezier(.33, .9, .75, .95);--teddy-motion-easing-ease-in-out: cubic-bezier(.45, 0, .52, .98)}:root{--teddy-shadow-none: calc(0rem * var(--teddy-rescale)) calc(0rem * var(--teddy-rescale)) calc(0rem * var(--teddy-rescale)) calc(0rem * var(--teddy-rescale)) rgba(0, 0, 0, .1);--teddy-shadow-sm: calc(0rem * var(--teddy-rescale)) calc(.0625rem * var(--teddy-rescale)) calc(.25rem * var(--teddy-rescale)) calc(0rem * var(--teddy-rescale)) rgba(0, 0, 0, .1);--teddy-shadow-md: calc(0rem * var(--teddy-rescale)) calc(.25rem * var(--teddy-rescale)) calc(.75rem * var(--teddy-rescale)) calc(0rem * var(--teddy-rescale)) rgba(0, 0, 0, .1);--teddy-shadow-lg: calc(0rem * var(--teddy-rescale)) calc(.75rem * var(--teddy-rescale)) calc(1.5rem * var(--teddy-rescale)) calc(0rem * var(--teddy-rescale)) rgba(0, 0, 0, .1)}:root{--teddy-spacing-1600: calc(8rem * var(--teddy-rescale));--teddy-spacing-1200: calc(6rem * var(--teddy-rescale));--teddy-spacing-1000: calc(5rem * var(--teddy-rescale));--teddy-spacing-800: calc(4rem * var(--teddy-rescale));--teddy-spacing-600: calc(3rem * var(--teddy-rescale));--teddy-spacing-400: calc(2rem * var(--teddy-rescale));--teddy-spacing-300: calc(1.5rem * var(--teddy-rescale));--teddy-spacing-250: calc(1.25rem * var(--teddy-rescale));--teddy-spacing-200: calc(1rem * var(--teddy-rescale));--teddy-spacing-150: calc(.75rem * var(--teddy-rescale));--teddy-spacing-100: calc(.5rem * var(--teddy-rescale));--teddy-spacing-50: calc(.25rem * var(--teddy-rescale));--teddy-spacing-25: calc(.125rem * var(--teddy-rescale));--teddy-spacing-10: calc(.0625rem * var(--teddy-rescale));--teddy-spacing-0: calc(0rem * var(--teddy-rescale));--teddy-spacing-page-padding-xl: var(--teddy-spacing-600);--teddy-spacing-page-padding-lg: var(--teddy-spacing-600);--teddy-spacing-page-padding-md: var(--teddy-spacing-300);--teddy-spacing-page-padding-sm: var(--teddy-spacing-200);--teddy-spacing-gutter-xl: var(--teddy-spacing-300);--teddy-spacing-gutter-lg: var(--teddy-spacing-300);--teddy-spacing-gutter-md: var(--teddy-spacing-300);--teddy-spacing-gutter-sm: var(--teddy-spacing-200)}:root{--teddy-typography-family-default: TeliaSans, Helvetica, sans-serif;--teddy-typography-family-display: TeliaSansHeading, Helvetica, sans-serif;--teddy-typography-weight-normal: 400;--teddy-typography-weight-medium: 500;--teddy-typography-weight-bold: 700;--teddy-typography-line-height-tight: 100%;--teddy-typography-line-height-default: 125%;--teddy-typography-line-height-loose: 150%;--teddy-typography-line-height-looser: 175%;--teddy-typography-scale-50: calc(.75rem * var(--teddy-rescale));--teddy-typography-scale-75: calc(.875rem * var(--teddy-rescale));--teddy-typography-scale-100: calc(1rem * var(--teddy-rescale));--teddy-typography-scale-150: calc(1.125rem * var(--teddy-rescale));--teddy-typography-scale-200: calc(1.25rem * var(--teddy-rescale));--teddy-typography-scale-400: calc(1.5rem * var(--teddy-rescale));--teddy-typography-scale-500: calc(1.75rem * var(--teddy-rescale));--teddy-typography-scale-600: calc(2rem * var(--teddy-rescale));--teddy-typography-scale-650: calc(2.25rem * var(--teddy-rescale));--teddy-typography-scale-700: calc(2.5rem * var(--teddy-rescale));--teddy-typography-scale-800: calc(3rem * var(--teddy-rescale));--teddy-typography-scale-850: calc(3.5rem * var(--teddy-rescale));--teddy-typography-scale-900: calc(4rem * var(--teddy-rescale));--teddy-typography-scale-1000: calc(5rem * var(--teddy-rescale));--teddy-typography-scale-1100: calc(6rem * var(--teddy-rescale))}:root{--purpur-rescale: var(--teddy-rescale)}
1
+ :root{--purpur-border-radius-xs: 2px;--purpur-border-radius-sm: 4px;--purpur-border-radius-md: 8px;--purpur-border-radius-lg: 16px;--purpur-border-radius-full: 999px;--purpur-border-width-xs: 1px;--purpur-border-width-sm: 2px;--purpur-border-width-md: 3px;--purpur-border-width-lg: 6px}:root{--purpur-breakpoint-sm: 0px;--purpur-breakpoint-md: 600px;--purpur-breakpoint-lg: 1024px;--purpur-breakpoint-xl: 1440px;--purpur-breakpoint-relative-sm: 0em;--purpur-breakpoint-relative-md: 37.5em;--purpur-breakpoint-relative-lg: 64em;--purpur-breakpoint-relative-xl: 90em}:root{--purpur-color-functional-transparent: rgba(255, 255, 255, 0);--purpur-color-functional-white: #ffffff;--purpur-color-functional-black: #000000;--purpur-color-transparent-white-950: rgba(255, 255, 255, .95);--purpur-color-transparent-white-900: rgba(255, 255, 255, .89);--purpur-color-transparent-white-850: rgba(255, 255, 255, .84);--purpur-color-transparent-white-800: rgba(255, 255, 255, .79);--purpur-color-transparent-white-700: rgba(255, 255, 255, .66);--purpur-color-transparent-white-600: rgba(255, 255, 255, .55);--purpur-color-transparent-white-500: rgba(255, 255, 255, .46);--purpur-color-transparent-white-400: rgba(255, 255, 255, .37);--purpur-color-transparent-white-300: rgba(255, 255, 255, .29);--purpur-color-transparent-white-200: rgba(255, 255, 255, .21);--purpur-color-transparent-white-150: rgba(255, 255, 255, .16);--purpur-color-transparent-white-100: rgba(255, 255, 255, .11);--purpur-color-transparent-white-50: rgba(255, 255, 255, .07);--purpur-color-transparent-black-950: rgba(0, 0, 0, .93);--purpur-color-transparent-black-900: rgba(0, 0, 0, .88);--purpur-color-transparent-black-850: rgba(0, 0, 0, .84);--purpur-color-transparent-black-800: rgba(0, 0, 0, .8);--purpur-color-transparent-black-700: rgba(0, 0, 0, .71);--purpur-color-transparent-black-600: rgba(0, 0, 0, .62);--purpur-color-transparent-black-500: rgba(0, 0, 0, .54);--purpur-color-transparent-black-400: rgba(0, 0, 0, .44);--purpur-color-transparent-black-300: rgba(0, 0, 0, .33);--purpur-color-transparent-black-200: rgba(0, 0, 0, .22);--purpur-color-transparent-black-150: rgba(0, 0, 0, .16);--purpur-color-transparent-black-100: rgba(0, 0, 0, .1);--purpur-color-transparent-black-50: rgba(0, 0, 0, .05);--purpur-color-blue-950: #011320;--purpur-color-blue-900: #002036;--purpur-color-blue-800: #03385b;--purpur-color-blue-700: #014d80;--purpur-color-blue-600: #0063a6;--purpur-color-blue-500: #0078cb;--purpur-color-blue-400: #3694d3;--purpur-color-blue-300: #62b2e7;--purpur-color-blue-200: #91cdf4;--purpur-color-blue-100: #caeaff;--purpur-color-blue-50: #e8f6ff;--purpur-color-orange-950: #1a0f00;--purpur-color-orange-900: #2b1b03;--purpur-color-orange-800: #4c2f03;--purpur-color-orange-700: #6a4102;--purpur-color-orange-600: #8b5301;--purpur-color-orange-500: #a86602;--purpur-color-orange-400: #cc7a00;--purpur-color-orange-300: #f39200;--purpur-color-orange-200: #f9bb5b;--purpur-color-orange-100: #ffe1b3;--purpur-color-orange-50: #fff2de;--purpur-color-red-950: #2c000e;--purpur-color-red-900: #440016;--purpur-color-red-800: #700025;--purpur-color-red-700: #980233;--purpur-color-red-600: #c00543;--purpur-color-red-500: #e4175c;--purpur-color-red-400: #fb4885;--purpur-color-red-300: #ff80ab;--purpur-color-red-200: #ffafc9;--purpur-color-red-100: #ffdde8;--purpur-color-red-50: #fff0f5;--purpur-color-green-950: #00150a;--purpur-color-green-900: #002411;--purpur-color-green-800: #003e1e;--purpur-color-green-700: #02562b;--purpur-color-green-600: #017037;--purpur-color-green-500: #018842;--purpur-color-green-400: #1fa15e;--purpur-color-green-300: #3dbf7c;--purpur-color-green-200: #79d9a7;--purpur-color-green-100: #c5efd9;--purpur-color-green-50: #e1f9ec;--purpur-color-gray-950: #111111;--purpur-color-gray-900: #1e1e20;--purpur-color-gray-850: #2a2a2c;--purpur-color-gray-800: #353537;--purpur-color-gray-700: #4a4a4d;--purpur-color-gray-600: #5f5f63;--purpur-color-gray-500: #757579;--purpur-color-gray-400: #8d8d94;--purpur-color-gray-300: #aaaab0;--purpur-color-gray-200: #c6c6cd;--purpur-color-gray-150: #d6d6dd;--purpur-color-gray-100: #e5e5eb;--purpur-color-gray-50: #f3f3f8;--purpur-color-teal-950: #011413;--purpur-color-teal-900: #032220;--purpur-color-teal-800: #063c39;--purpur-color-teal-700: #02534f;--purpur-color-teal-600: #006c67;--purpur-color-teal-500: #00847e;--purpur-color-teal-400: #3a9b96;--purpur-color-teal-300: #6eb5b2;--purpur-color-teal-200: #a1cfcd;--purpur-color-teal-100: #d5eae9;--purpur-color-teal-50: #edf5f5;--purpur-color-beige-950: #170f09;--purpur-color-beige-900: #241c16;--purpur-color-beige-800: #3b332d;--purpur-color-beige-700: #4f4741;--purpur-color-beige-600: #665e58;--purpur-color-beige-500: #807268;--purpur-color-beige-400: #a08877;--purpur-color-beige-300: #bba494;--purpur-color-beige-200: #d7c3b5;--purpur-color-beige-100: #ede1d8;--purpur-color-beige-50: #f9f1ec;--purpur-color-purple-950: #1f002e;--purpur-color-purple-900: #29003e;--purpur-color-purple-800: #4e0174;--purpur-color-purple-700: #6d02a3;--purpur-color-purple-600: #8c07d0;--purpur-color-purple-550: #990ae3;--purpur-color-purple-500: #b12df4;--purpur-color-purple-400: #c461f7;--purpur-color-purple-300: #d58df9;--purpur-color-purple-200: #e4b6fb;--purpur-color-purple-100: #f5e0ff;--purpur-color-purple-50: #faf0ff;--purpur-color-overlay-default: var(--purpur-color-transparent-black-300);--purpur-color-border-status-success: var(--purpur-color-green-500);--purpur-color-border-status-info: var(--purpur-color-blue-500);--purpur-color-border-status-warning: var(--purpur-color-orange-400);--purpur-color-border-status-error: var(--purpur-color-red-500);--purpur-color-border-interactive-subtle-hover: var(--purpur-color-purple-800);--purpur-color-border-interactive-subtle: var(--purpur-color-transparent-black-300);--purpur-color-border-interactive-selected: var(--purpur-color-purple-550);--purpur-color-border-interactive-primary-negative-active: var(--purpur-color-purple-200);--purpur-color-border-interactive-primary-negative-hover: var(--purpur-color-purple-200);--purpur-color-border-interactive-primary-active: var(--purpur-color-purple-900);--purpur-color-border-interactive-primary-hover: var(--purpur-color-purple-800);--purpur-color-border-interactive-primary-negative: var(--purpur-color-purple-100);--purpur-color-border-interactive-primary: var(--purpur-color-purple-700);--purpur-color-border-interactive-focus: var(--purpur-color-purple-500);--purpur-color-border-weak-negative: var(--purpur-color-transparent-white-150);--purpur-color-border-weak: var(--purpur-color-transparent-black-150);--purpur-color-border-strong-negative: var(--purpur-color-transparent-white-500);--purpur-color-border-strong: var(--purpur-color-transparent-black-500);--purpur-color-border-medium-negative: var(--purpur-color-transparent-white-300);--purpur-color-border-medium: var(--purpur-color-transparent-black-300);--purpur-color-background-tone-on-tone-quaternary: var(--purpur-color-beige-50);--purpur-color-background-tone-on-tone-tertiary: var(--purpur-color-beige-100);--purpur-color-background-tone-on-tone-secondary: var(--purpur-color-purple-100);--purpur-color-background-tone-on-tone-primary: var(--purpur-color-purple-900);--purpur-color-background-status-attention: var(--purpur-color-purple-700);--purpur-color-background-status-special: var(--purpur-color-purple-100);--purpur-color-background-status-neutral: var(--purpur-color-gray-100);--purpur-color-background-status-warning-strong: var(--purpur-color-orange-100);--purpur-color-background-status-warning: var(--purpur-color-orange-50);--purpur-color-background-status-error-strong: var(--purpur-color-red-100);--purpur-color-background-status-error: var(--purpur-color-red-50);--purpur-color-background-status-success-strong: var(--purpur-color-green-100);--purpur-color-background-status-success: var(--purpur-color-green-50);--purpur-color-background-status-info-strong: var(--purpur-color-blue-100);--purpur-color-background-status-info: var(--purpur-color-blue-50);--purpur-color-background-interactive-destructive-active: var(--purpur-color-red-700);--purpur-color-background-interactive-destructive-hover: var(--purpur-color-red-600);--purpur-color-background-interactive-destructive: var(--purpur-color-red-500);--purpur-color-background-interactive-read-only: var(--purpur-color-transparent-black-50);--purpur-color-background-interactive-inactive-negative: var(--purpur-color-transparent-white-150);--purpur-color-background-interactive-inactive: var(--purpur-color-transparent-black-50);--purpur-color-background-interactive-transparent-negative-active: var(--purpur-color-purple-700);--purpur-color-background-interactive-transparent-active: var(--purpur-color-purple-200);--purpur-color-background-interactive-transparent-negative-hover: var(--purpur-color-purple-800);--purpur-color-background-interactive-transparent-hover: var(--purpur-color-purple-100);--purpur-color-background-interactive-transparent: var(--purpur-color-functional-transparent);--purpur-color-background-interactive-disabled-negative: var(--purpur-color-transparent-white-100);--purpur-color-background-interactive-disabled: var(--purpur-color-transparent-black-100);--purpur-color-background-interactive-expressive-negative-active: var(--purpur-color-purple-300);--purpur-color-background-interactive-expressive-negative-hover: var(--purpur-color-purple-400);--purpur-color-background-interactive-expressive-negative: var(--purpur-color-purple-550);--purpur-color-background-interactive-expressive-active: var(--purpur-color-purple-800);--purpur-color-background-interactive-expressive-hover: var(--purpur-color-purple-700);--purpur-color-background-interactive-expressive: var(--purpur-color-purple-550);--purpur-color-background-interactive-primary-negative-active: var(--purpur-color-purple-300);--purpur-color-background-interactive-primary-negative-hover: var(--purpur-color-purple-200);--purpur-color-background-interactive-primary-negative: var(--purpur-color-purple-100);--purpur-color-background-interactive-primary-active: var(--purpur-color-purple-600);--purpur-color-background-interactive-primary-hover: var(--purpur-color-purple-700);--purpur-color-background-interactive-primary: var(--purpur-color-purple-800);--purpur-color-background-secondary: var(--purpur-color-gray-50);--purpur-color-background-primary: var(--purpur-color-functional-white);--purpur-color-text-tone-on-tone-tertiary: var(--purpur-color-beige-700);--purpur-color-text-tone-on-tone-secondary: var(--purpur-color-purple-900);--purpur-color-text-tone-on-tone-primary: var(--purpur-color-purple-100);--purpur-color-text-status-attention: var(--purpur-color-functional-white);--purpur-color-text-status-special: var(--purpur-color-purple-800);--purpur-color-text-status-neutral: var(--purpur-color-transparent-black-700);--purpur-color-text-status-info-medium: var(--purpur-color-blue-500);--purpur-color-text-status-info-strong: var(--purpur-color-blue-700);--purpur-color-text-status-warning-medium: var(--purpur-color-orange-500);--purpur-color-text-status-warning-strong: var(--purpur-color-orange-700);--purpur-color-text-status-success-medium: var(--purpur-color-green-500);--purpur-color-text-status-success-strong: var(--purpur-color-green-700);--purpur-color-text-status-error-medium: var(--purpur-color-red-500);--purpur-color-text-status-error-strong: var(--purpur-color-red-700);--purpur-color-text-status-discount: var(--purpur-color-purple-550);--purpur-color-text-interactive-selected: var(--purpur-color-purple-550);--purpur-color-text-interactive-on-destructive: var(--purpur-color-functional-white);--purpur-color-text-interactive-on-expressive-negative-active: var(--purpur-color-purple-900);--purpur-color-text-interactive-on-expressive-negative-hover: var(--purpur-color-purple-900);--purpur-color-text-interactive-on-expressive-negative: var(--purpur-color-functional-white);--purpur-color-text-interactive-on-expressive: var(--purpur-color-functional-white);--purpur-color-text-interactive-primary-negative-active: var(--purpur-color-purple-200);--purpur-color-text-interactive-primary-negative-hover: var(--purpur-color-purple-200);--purpur-color-text-interactive-primary-negative: var(--purpur-color-purple-100);--purpur-color-text-interactive-on-primary-negative: var(--purpur-color-purple-800);--purpur-color-text-interactive-on-primary: var(--purpur-color-functional-white);--purpur-color-text-interactive-primary-active: var(--purpur-color-purple-900);--purpur-color-text-interactive-primary-hover: var(--purpur-color-purple-800);--purpur-color-text-interactive-primary: var(--purpur-color-purple-700);--purpur-color-text-weak-negative: var(--purpur-color-transparent-white-400);--purpur-color-text-medium-negative: var(--purpur-color-transparent-white-600);--purpur-color-text-default-negative: var(--purpur-color-transparent-white-850);--purpur-color-text-weak: var(--purpur-color-transparent-black-400);--purpur-color-text-medium: var(--purpur-color-transparent-black-600);--purpur-color-text-default: var(--purpur-color-transparent-black-850);--purpur-color-brand-white: var(--purpur-color-functional-white);--purpur-color-brand-off-black: var(--purpur-color-gray-900);--purpur-color-brand-light-beige: var(--purpur-color-beige-50);--purpur-color-brand-beige: var(--purpur-color-beige-100);--purpur-color-brand-deep-beige: var(--purpur-color-beige-700);--purpur-color-brand-light-purple: var(--purpur-color-purple-100);--purpur-color-brand-core-purple: var(--purpur-color-purple-550);--purpur-color-brand-deep-purple: var(--purpur-color-purple-900)}:root{--purpur-motion-duration-100: .1s;--purpur-motion-duration-150: .15s;--purpur-motion-duration-200: .2s;--purpur-motion-duration-300: .3s;--purpur-motion-duration-400: .4s;--purpur-motion-duration-500: .5s;--purpur-motion-duration-1500: 1.5s;--purpur-motion-duration-2000: 2s;--purpur-motion-easing-ease-in: cubic-bezier(.35, .07, .88, .43);--purpur-motion-easing-ease-out: cubic-bezier(.33, .9, .75, .95);--purpur-motion-easing-ease-in-out: cubic-bezier(.45, 0, .52, .98)}:root{--purpur-shadow-none: calc(0rem * var(--purpur-rescale)) calc(0rem * var(--purpur-rescale)) calc(0rem * var(--purpur-rescale)) calc(0rem * var(--purpur-rescale)) rgba(0, 0, 0, .1);--purpur-shadow-sm: calc(0rem * var(--purpur-rescale)) calc(.0625rem * var(--purpur-rescale)) calc(.25rem * var(--purpur-rescale)) calc(0rem * var(--purpur-rescale)) rgba(0, 0, 0, .1);--purpur-shadow-md: calc(0rem * var(--purpur-rescale)) calc(.25rem * var(--purpur-rescale)) calc(.75rem * var(--purpur-rescale)) calc(0rem * var(--purpur-rescale)) rgba(0, 0, 0, .1);--purpur-shadow-lg: calc(0rem * var(--purpur-rescale)) calc(.75rem * var(--purpur-rescale)) calc(1.5rem * var(--purpur-rescale)) calc(0rem * var(--purpur-rescale)) rgba(0, 0, 0, .1)}:root{--purpur-spacing-1600: calc(8rem * var(--purpur-rescale));--purpur-spacing-1200: calc(6rem * var(--purpur-rescale));--purpur-spacing-1000: calc(5rem * var(--purpur-rescale));--purpur-spacing-800: calc(4rem * var(--purpur-rescale));--purpur-spacing-600: calc(3rem * var(--purpur-rescale));--purpur-spacing-400: calc(2rem * var(--purpur-rescale));--purpur-spacing-300: calc(1.5rem * var(--purpur-rescale));--purpur-spacing-250: calc(1.25rem * var(--purpur-rescale));--purpur-spacing-200: calc(1rem * var(--purpur-rescale));--purpur-spacing-150: calc(.75rem * var(--purpur-rescale));--purpur-spacing-100: calc(.5rem * var(--purpur-rescale));--purpur-spacing-50: calc(.25rem * var(--purpur-rescale));--purpur-spacing-25: calc(.125rem * var(--purpur-rescale));--purpur-spacing-10: calc(.0625rem * var(--purpur-rescale));--purpur-spacing-0: calc(0rem * var(--purpur-rescale));--purpur-spacing-page-padding-xl: var(--purpur-spacing-600);--purpur-spacing-page-padding-lg: var(--purpur-spacing-600);--purpur-spacing-page-padding-md: var(--purpur-spacing-300);--purpur-spacing-page-padding-sm: var(--purpur-spacing-200);--purpur-spacing-gutter-xl: var(--purpur-spacing-300);--purpur-spacing-gutter-lg: var(--purpur-spacing-300);--purpur-spacing-gutter-md: var(--purpur-spacing-300);--purpur-spacing-gutter-sm: var(--purpur-spacing-200)}:root{--purpur-typography-family-default: TeliaSans;--purpur-typography-family-display: TeliaSansHeading;--purpur-typography-weight-normal: 400;--purpur-typography-weight-medium: 500;--purpur-typography-weight-bold: 700;--purpur-typography-line-height-tight: 100%;--purpur-typography-line-height-default: 125%;--purpur-typography-line-height-loose: 150%;--purpur-typography-line-height-looser: 175%;--purpur-typography-scale-50: calc(.75rem * var(--purpur-rescale));--purpur-typography-scale-75: calc(.875rem * var(--purpur-rescale));--purpur-typography-scale-100: calc(1rem * var(--purpur-rescale));--purpur-typography-scale-150: calc(1.125rem * var(--purpur-rescale));--purpur-typography-scale-200: calc(1.25rem * var(--purpur-rescale));--purpur-typography-scale-400: calc(1.5rem * var(--purpur-rescale));--purpur-typography-scale-500: calc(1.75rem * var(--purpur-rescale));--purpur-typography-scale-600: calc(2rem * var(--purpur-rescale));--purpur-typography-scale-650: calc(2.25rem * var(--purpur-rescale));--purpur-typography-scale-700: calc(2.5rem * var(--purpur-rescale));--purpur-typography-scale-800: calc(3rem * var(--purpur-rescale));--purpur-typography-scale-850: calc(3.5rem * var(--purpur-rescale));--purpur-typography-scale-900: calc(4rem * var(--purpur-rescale));--purpur-typography-scale-1000: calc(5rem * var(--purpur-rescale));--purpur-typography-scale-1100: calc(6rem * var(--purpur-rescale))}:root{--teddy-border-radius-xs: 2px;--teddy-border-radius-sm: 4px;--teddy-border-radius-md: 8px;--teddy-border-radius-lg: 16px;--teddy-border-radius-full: 999px;--teddy-border-width-xs: 1px;--teddy-border-width-sm: 2px;--teddy-border-width-md: 3px;--teddy-border-width-lg: 6px}:root{--teddy-breakpoint-sm: 0px;--teddy-breakpoint-md: 600px;--teddy-breakpoint-lg: 1024px;--teddy-breakpoint-xl: 1440px}:root{--teddy-color-functional-transparent: rgba(255, 255, 255, 0);--teddy-color-functional-white: #ffffff;--teddy-color-functional-black: #000000;--teddy-color-transparent-white-950: rgba(255, 255, 255, .95);--teddy-color-transparent-white-900: rgba(255, 255, 255, .89);--teddy-color-transparent-white-850: rgba(255, 255, 255, .84);--teddy-color-transparent-white-800: rgba(255, 255, 255, .79);--teddy-color-transparent-white-700: rgba(255, 255, 255, .66);--teddy-color-transparent-white-600: rgba(255, 255, 255, .55);--teddy-color-transparent-white-500: rgba(255, 255, 255, .46);--teddy-color-transparent-white-400: rgba(255, 255, 255, .37);--teddy-color-transparent-white-300: rgba(255, 255, 255, .29);--teddy-color-transparent-white-200: rgba(255, 255, 255, .21);--teddy-color-transparent-white-150: rgba(255, 255, 255, .16);--teddy-color-transparent-white-100: rgba(255, 255, 255, .11);--teddy-color-transparent-white-50: rgba(255, 255, 255, .07);--teddy-color-transparent-black-950: rgba(0, 0, 0, .93);--teddy-color-transparent-black-900: rgba(0, 0, 0, .88);--teddy-color-transparent-black-850: rgba(0, 0, 0, .84);--teddy-color-transparent-black-800: rgba(0, 0, 0, .8);--teddy-color-transparent-black-700: rgba(0, 0, 0, .71);--teddy-color-transparent-black-600: rgba(0, 0, 0, .62);--teddy-color-transparent-black-500: rgba(0, 0, 0, .54);--teddy-color-transparent-black-400: rgba(0, 0, 0, .44);--teddy-color-transparent-black-300: rgba(0, 0, 0, .33);--teddy-color-transparent-black-200: rgba(0, 0, 0, .22);--teddy-color-transparent-black-150: rgba(0, 0, 0, .16);--teddy-color-transparent-black-100: rgba(0, 0, 0, .1);--teddy-color-transparent-black-50: rgba(0, 0, 0, .05);--teddy-color-blue-950: #011320;--teddy-color-blue-900: #002036;--teddy-color-blue-800: #03385b;--teddy-color-blue-700: #014d80;--teddy-color-blue-600: #0063a6;--teddy-color-blue-500: #0078cb;--teddy-color-blue-400: #3694d3;--teddy-color-blue-300: #62b2e7;--teddy-color-blue-200: #91cdf4;--teddy-color-blue-100: #caeaff;--teddy-color-blue-50: #e8f6ff;--teddy-color-orange-950: #1a0f00;--teddy-color-orange-900: #2b1b03;--teddy-color-orange-800: #4c2f03;--teddy-color-orange-700: #6a4102;--teddy-color-orange-600: #8b5301;--teddy-color-orange-500: #a86602;--teddy-color-orange-400: #cc7a00;--teddy-color-orange-300: #f39200;--teddy-color-orange-200: #f9bb5b;--teddy-color-orange-100: #ffe1b3;--teddy-color-orange-50: #fff2de;--teddy-color-red-950: #2c000e;--teddy-color-red-900: #440016;--teddy-color-red-800: #700025;--teddy-color-red-700: #980233;--teddy-color-red-600: #c00543;--teddy-color-red-500: #e4175c;--teddy-color-red-400: #fb4885;--teddy-color-red-300: #ff80ab;--teddy-color-red-200: #ffafc9;--teddy-color-red-100: #ffdde8;--teddy-color-red-50: #fff0f5;--teddy-color-green-950: #00150a;--teddy-color-green-900: #002411;--teddy-color-green-800: #003e1e;--teddy-color-green-700: #02562b;--teddy-color-green-600: #017037;--teddy-color-green-500: #018842;--teddy-color-green-400: #1fa15e;--teddy-color-green-300: #3dbf7c;--teddy-color-green-200: #79d9a7;--teddy-color-green-100: #c5efd9;--teddy-color-green-50: #e1f9ec;--teddy-color-gray-950: #111111;--teddy-color-gray-900: #1e1e20;--teddy-color-gray-850: #2a2a2c;--teddy-color-gray-800: #353537;--teddy-color-gray-700: #4a4a4d;--teddy-color-gray-600: #5f5f63;--teddy-color-gray-500: #757579;--teddy-color-gray-400: #8d8d94;--teddy-color-gray-300: #aaaab0;--teddy-color-gray-200: #c6c6cd;--teddy-color-gray-150: #d6d6dd;--teddy-color-gray-100: #e5e5eb;--teddy-color-gray-50: #f3f3f8;--teddy-color-teal-950: #011413;--teddy-color-teal-900: #032220;--teddy-color-teal-800: #063c39;--teddy-color-teal-700: #02534f;--teddy-color-teal-600: #006c67;--teddy-color-teal-500: #00847e;--teddy-color-teal-400: #3a9b96;--teddy-color-teal-300: #6eb5b2;--teddy-color-teal-200: #a1cfcd;--teddy-color-teal-100: #d5eae9;--teddy-color-teal-50: #edf5f5;--teddy-color-beige-950: #170f09;--teddy-color-beige-900: #241c16;--teddy-color-beige-800: #3b332d;--teddy-color-beige-700: #4f4741;--teddy-color-beige-600: #665e58;--teddy-color-beige-500: #807268;--teddy-color-beige-400: #a08877;--teddy-color-beige-300: #bba494;--teddy-color-beige-200: #d7c3b5;--teddy-color-beige-100: #ede1d8;--teddy-color-beige-50: #f9f1ec;--teddy-color-purple-950: #1f002e;--teddy-color-purple-900: #29003e;--teddy-color-purple-800: #4e0174;--teddy-color-purple-700: #6d02a3;--teddy-color-purple-600: #8c07d0;--teddy-color-purple-550: #990ae3;--teddy-color-purple-500: #b12df4;--teddy-color-purple-400: #c461f7;--teddy-color-purple-300: #d58df9;--teddy-color-purple-200: #e4b6fb;--teddy-color-purple-100: #f5e0ff;--teddy-color-purple-50: #faf0ff;--teddy-color-overlay-default: var(--teddy-color-transparent-black-300);--teddy-color-border-status-success: var(--teddy-color-green-500);--teddy-color-border-status-info: var(--teddy-color-blue-500);--teddy-color-border-status-warning: var(--teddy-color-orange-400);--teddy-color-border-status-error: var(--teddy-color-red-500);--teddy-color-border-interactive-subtle-hover: var(--teddy-color-purple-800);--teddy-color-border-interactive-subtle: var(--teddy-color-transparent-black-300);--teddy-color-border-interactive-selected: var(--teddy-color-purple-550);--teddy-color-border-interactive-primary-negative-active: var(--teddy-color-purple-200);--teddy-color-border-interactive-primary-negative-hover: var(--teddy-color-purple-200);--teddy-color-border-interactive-primary-active: var(--teddy-color-purple-900);--teddy-color-border-interactive-primary-hover: var(--teddy-color-purple-800);--teddy-color-border-interactive-primary-negative: var(--teddy-color-purple-100);--teddy-color-border-interactive-primary: var(--teddy-color-purple-700);--teddy-color-border-interactive-focus: var(--teddy-color-blue-500);--teddy-color-border-weak-negative: var(--teddy-color-transparent-white-150);--teddy-color-border-weak: var(--teddy-color-transparent-black-150);--teddy-color-border-strong-negative: var(--teddy-color-transparent-white-500);--teddy-color-border-strong: var(--teddy-color-transparent-black-500);--teddy-color-border-medium-negative: var(--teddy-color-transparent-white-300);--teddy-color-border-medium: var(--teddy-color-transparent-black-300);--teddy-color-background-tone-on-tone-quaternary: var(--teddy-color-beige-50);--teddy-color-background-tone-on-tone-tertiary: var(--teddy-color-beige-100);--teddy-color-background-tone-on-tone-secondary: var(--teddy-color-purple-100);--teddy-color-background-tone-on-tone-primary: var(--teddy-color-purple-900);--teddy-color-background-status-attention: var(--teddy-color-purple-700);--teddy-color-background-status-special: var(--teddy-color-purple-100);--teddy-color-background-status-neutral: var(--teddy-color-gray-100);--teddy-color-background-status-warning-strong: var(--teddy-color-orange-100);--teddy-color-background-status-warning: var(--teddy-color-orange-50);--teddy-color-background-status-error-strong: var(--teddy-color-red-100);--teddy-color-background-status-error: var(--teddy-color-red-50);--teddy-color-background-status-success-strong: var(--teddy-color-green-100);--teddy-color-background-status-success: var(--teddy-color-green-50);--teddy-color-background-status-info-strong: var(--teddy-color-blue-100);--teddy-color-background-status-info: var(--teddy-color-blue-50);--teddy-color-background-interactive-destructive-active: var(--teddy-color-red-700);--teddy-color-background-interactive-destructive-hover: var(--teddy-color-red-600);--teddy-color-background-interactive-destructive: var(--teddy-color-red-500);--teddy-color-background-interactive-read-only: var(--teddy-color-transparent-black-50);--teddy-color-background-interactive-inactive-negative: var(--teddy-color-transparent-white-150);--teddy-color-background-interactive-inactive: var(--teddy-color-transparent-black-50);--teddy-color-background-interactive-transparent-negative-active: var(--teddy-color-purple-700);--teddy-color-background-interactive-transparent-active: var(--teddy-color-purple-200);--teddy-color-background-interactive-transparent-negative-hover: var(--teddy-color-purple-800);--teddy-color-background-interactive-transparent-hover: var(--teddy-color-purple-100);--teddy-color-background-interactive-transparent: var(--teddy-color-functional-transparent);--teddy-color-background-interactive-disabled-negative: var(--teddy-color-transparent-white-100);--teddy-color-background-interactive-disabled: var(--teddy-color-transparent-black-100);--teddy-color-background-interactive-expressive-negative-active: var(--teddy-color-purple-300);--teddy-color-background-interactive-expressive-negative-hover: var(--teddy-color-purple-400);--teddy-color-background-interactive-expressive-negative: var(--teddy-color-purple-550);--teddy-color-background-interactive-expressive-active: var(--teddy-color-purple-800);--teddy-color-background-interactive-expressive-hover: var(--teddy-color-purple-700);--teddy-color-background-interactive-expressive: var(--teddy-color-purple-550);--teddy-color-background-interactive-primary-negative-active: var(--teddy-color-purple-300);--teddy-color-background-interactive-primary-negative-hover: var(--teddy-color-purple-200);--teddy-color-background-interactive-primary-negative: var(--teddy-color-purple-100);--teddy-color-background-interactive-primary-active: var(--teddy-color-purple-600);--teddy-color-background-interactive-primary-hover: var(--teddy-color-purple-700);--teddy-color-background-interactive-primary: var(--teddy-color-purple-800);--teddy-color-background-secondary: var(--teddy-color-gray-50);--teddy-color-background-primary: var(--teddy-color-functional-white);--teddy-color-text-tone-on-tone-tertiary: var(--teddy-color-beige-700);--teddy-color-text-tone-on-tone-secondary: var(--teddy-color-purple-900);--teddy-color-text-tone-on-tone-primary: var(--teddy-color-purple-100);--teddy-color-text-status-attention: var(--teddy-color-functional-white);--teddy-color-text-status-special: var(--teddy-color-purple-800);--teddy-color-text-status-neutral: var(--teddy-color-transparent-black-700);--teddy-color-text-status-info-medium: var(--teddy-color-blue-500);--teddy-color-text-status-info-strong: var(--teddy-color-blue-700);--teddy-color-text-status-warning-medium: var(--teddy-color-orange-500);--teddy-color-text-status-warning-strong: var(--teddy-color-orange-700);--teddy-color-text-status-success-medium: var(--teddy-color-green-500);--teddy-color-text-status-success-strong: var(--teddy-color-green-700);--teddy-color-text-status-error-medium: var(--teddy-color-red-500);--teddy-color-text-status-error-strong: var(--teddy-color-red-700);--teddy-color-text-status-discount: var(--teddy-color-purple-550);--teddy-color-text-interactive-selected: var(--teddy-color-purple-550);--teddy-color-text-interactive-on-destructive: var(--teddy-color-functional-white);--teddy-color-text-interactive-on-expressive-negative-active: var(--teddy-color-purple-900);--teddy-color-text-interactive-on-expressive-negative-hover: var(--teddy-color-purple-900);--teddy-color-text-interactive-on-expressive-negative: var(--teddy-color-functional-white);--teddy-color-text-interactive-on-expressive: var(--teddy-color-functional-white);--teddy-color-text-interactive-primary-negative-active: var(--teddy-color-purple-200);--teddy-color-text-interactive-primary-negative-hover: var(--teddy-color-purple-200);--teddy-color-text-interactive-primary-negative: var(--teddy-color-purple-100);--teddy-color-text-interactive-on-primary-negative: var(--teddy-color-purple-800);--teddy-color-text-interactive-on-primary: var(--teddy-color-functional-white);--teddy-color-text-interactive-primary-active: var(--teddy-color-purple-900);--teddy-color-text-interactive-primary-hover: var(--teddy-color-purple-800);--teddy-color-text-interactive-primary: var(--teddy-color-purple-700);--teddy-color-text-weak-negative: var(--teddy-color-transparent-white-400);--teddy-color-text-medium-negative: var(--teddy-color-transparent-white-600);--teddy-color-text-default-negative: var(--teddy-color-transparent-white-850);--teddy-color-text-weak: var(--teddy-color-transparent-black-400);--teddy-color-text-medium: var(--teddy-color-transparent-black-600);--teddy-color-text-default: var(--teddy-color-transparent-black-850);--teddy-color-brand-white: var(--teddy-color-functional-white);--teddy-color-brand-off-black: var(--teddy-color-gray-900);--teddy-color-brand-light-beige: var(--teddy-color-beige-50);--teddy-color-brand-beige: var(--teddy-color-beige-100);--teddy-color-brand-deep-beige: var(--teddy-color-beige-700);--teddy-color-brand-light-purple: var(--teddy-color-purple-100);--teddy-color-brand-core-purple: var(--teddy-color-purple-550);--teddy-color-brand-deep-purple: var(--teddy-color-purple-900)}:root{--teddy-motion-duration-100: .1s;--teddy-motion-duration-150: .15s;--teddy-motion-duration-200: .2s;--teddy-motion-duration-300: .3s;--teddy-motion-duration-400: .4s;--teddy-motion-duration-500: .5s;--teddy-motion-duration-1500: 1.5s;--teddy-motion-duration-2000: 2s;--teddy-motion-easing-ease-in: cubic-bezier(.35, .07, .88, .43);--teddy-motion-easing-ease-out: cubic-bezier(.33, .9, .75, .95);--teddy-motion-easing-ease-in-out: cubic-bezier(.45, 0, .52, .98)}:root{--teddy-shadow-none: calc(0rem * var(--teddy-rescale)) calc(0rem * var(--teddy-rescale)) calc(0rem * var(--teddy-rescale)) calc(0rem * var(--teddy-rescale)) rgba(0, 0, 0, .1);--teddy-shadow-sm: calc(0rem * var(--teddy-rescale)) calc(.0625rem * var(--teddy-rescale)) calc(.25rem * var(--teddy-rescale)) calc(0rem * var(--teddy-rescale)) rgba(0, 0, 0, .1);--teddy-shadow-md: calc(0rem * var(--teddy-rescale)) calc(.25rem * var(--teddy-rescale)) calc(.75rem * var(--teddy-rescale)) calc(0rem * var(--teddy-rescale)) rgba(0, 0, 0, .1);--teddy-shadow-lg: calc(0rem * var(--teddy-rescale)) calc(.75rem * var(--teddy-rescale)) calc(1.5rem * var(--teddy-rescale)) calc(0rem * var(--teddy-rescale)) rgba(0, 0, 0, .1)}:root{--teddy-spacing-1600: calc(8rem * var(--teddy-rescale));--teddy-spacing-1200: calc(6rem * var(--teddy-rescale));--teddy-spacing-1000: calc(5rem * var(--teddy-rescale));--teddy-spacing-800: calc(4rem * var(--teddy-rescale));--teddy-spacing-600: calc(3rem * var(--teddy-rescale));--teddy-spacing-400: calc(2rem * var(--teddy-rescale));--teddy-spacing-300: calc(1.5rem * var(--teddy-rescale));--teddy-spacing-250: calc(1.25rem * var(--teddy-rescale));--teddy-spacing-200: calc(1rem * var(--teddy-rescale));--teddy-spacing-150: calc(.75rem * var(--teddy-rescale));--teddy-spacing-100: calc(.5rem * var(--teddy-rescale));--teddy-spacing-50: calc(.25rem * var(--teddy-rescale));--teddy-spacing-25: calc(.125rem * var(--teddy-rescale));--teddy-spacing-10: calc(.0625rem * var(--teddy-rescale));--teddy-spacing-0: calc(0rem * var(--teddy-rescale));--teddy-spacing-page-padding-xl: var(--teddy-spacing-600);--teddy-spacing-page-padding-lg: var(--teddy-spacing-600);--teddy-spacing-page-padding-md: var(--teddy-spacing-300);--teddy-spacing-page-padding-sm: var(--teddy-spacing-200);--teddy-spacing-gutter-xl: var(--teddy-spacing-300);--teddy-spacing-gutter-lg: var(--teddy-spacing-300);--teddy-spacing-gutter-md: var(--teddy-spacing-300);--teddy-spacing-gutter-sm: var(--teddy-spacing-200)}:root{--teddy-typography-family-default: TeliaSans, Helvetica, sans-serif;--teddy-typography-family-display: TeliaSansHeading, Helvetica, sans-serif;--teddy-typography-weight-normal: 400;--teddy-typography-weight-medium: 500;--teddy-typography-weight-bold: 700;--teddy-typography-line-height-tight: 100%;--teddy-typography-line-height-default: 125%;--teddy-typography-line-height-loose: 150%;--teddy-typography-line-height-looser: 175%;--teddy-typography-scale-50: calc(.75rem * var(--teddy-rescale));--teddy-typography-scale-75: calc(.875rem * var(--teddy-rescale));--teddy-typography-scale-100: calc(1rem * var(--teddy-rescale));--teddy-typography-scale-150: calc(1.125rem * var(--teddy-rescale));--teddy-typography-scale-200: calc(1.25rem * var(--teddy-rescale));--teddy-typography-scale-400: calc(1.5rem * var(--teddy-rescale));--teddy-typography-scale-500: calc(1.75rem * var(--teddy-rescale));--teddy-typography-scale-600: calc(2rem * var(--teddy-rescale));--teddy-typography-scale-650: calc(2.25rem * var(--teddy-rescale));--teddy-typography-scale-700: calc(2.5rem * var(--teddy-rescale));--teddy-typography-scale-800: calc(3rem * var(--teddy-rescale));--teddy-typography-scale-850: calc(3.5rem * var(--teddy-rescale));--teddy-typography-scale-900: calc(4rem * var(--teddy-rescale));--teddy-typography-scale-1000: calc(5rem * var(--teddy-rescale));--teddy-typography-scale-1100: calc(6rem * var(--teddy-rescale))}:root{--teddy-rescale: 1;--purpur-rescale: var(--teddy-rescale)}
package/dist/components/button/button.js CHANGED
@@ -1,34 +1,34 @@
1
1
  import "../../assets/button.css";
2
- import { jsxs as x, jsx as o } from "react/jsx-runtime";
2
+ import { jsxs as x, jsx as r } from "react/jsx-runtime";
3
3
  import { VARIANT as $ } from "../../utils/action.js";
4
4
  import { $ as E, a as T } from "../../index-TI1xsy6a.js";
5
5
  import { c as I } from "../../clsx-DB4S2d7J.js";
6
6
  import * as A from "react";
7
7
  import { Spinner as R } from "../spinner/spinner.js";
8
- const N = "_fadeInAnimation_882sa_1", h = "_scaleInAnimation_882sa_1", t = {
9
- "teddy-button": "_teddy-button_882sa_17",
10
- "teddy-button--sm": "_teddy-button--sm_882sa_52",
11
- "teddy-button--icon-only": "_teddy-button--icon-only_882sa_55",
12
- "teddy-button--md": "_teddy-button--md_882sa_58",
13
- "teddy-button--lg": "_teddy-button--lg_882sa_64",
14
- "teddy-button--full-width": "_teddy-button--full-width_882sa_70",
15
- "teddy-button--primary": "_teddy-button--primary_882sa_73",
16
- "teddy-button--disabled": "_teddy-button--disabled_882sa_77",
17
- "teddy-button--primary-negative": "_teddy-button--primary-negative_882sa_83",
18
- "teddy-button--secondary": "_teddy-button--secondary_882sa_95",
19
- "teddy-button--secondary-negative": "_teddy-button--secondary-negative_882sa_106",
20
- "teddy-button--expressive": "_teddy-button--expressive_882sa_117",
21
- "teddy-button--expressive-negative": "_teddy-button--expressive-negative_882sa_127",
22
- "teddy-button--negative": "_teddy-button--negative_882sa_139",
23
- "teddy-button--destructive": "_teddy-button--destructive_882sa_146",
24
- "teddy-button--destructive-negative": "_teddy-button--destructive-negative_882sa_156",
25
- "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_882sa_166",
26
- "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_882sa_179",
27
- "teddy-button--text-negative": "_teddy-button--text-negative_882sa_194",
28
- "teddy-button--text": "_teddy-button--text_882sa_194",
29
- "teddy-button__loading": "_teddy-button__loading_882sa_241",
8
+ const N = "_fadeInAnimation_arfv5_1", h = "_scaleInAnimation_arfv5_1", t = {
9
+ "teddy-button": "_teddy-button_arfv5_17",
10
+ "teddy-button--sm": "_teddy-button--sm_arfv5_52",
11
+ "teddy-button--icon-only": "_teddy-button--icon-only_arfv5_55",
12
+ "teddy-button--md": "_teddy-button--md_arfv5_58",
13
+ "teddy-button--lg": "_teddy-button--lg_arfv5_64",
14
+ "teddy-button--full-width": "_teddy-button--full-width_arfv5_70",
15
+ "teddy-button--primary": "_teddy-button--primary_arfv5_73",
16
+ "teddy-button--disabled": "_teddy-button--disabled_arfv5_77",
17
+ "teddy-button--primary-negative": "_teddy-button--primary-negative_arfv5_83",
18
+ "teddy-button--secondary": "_teddy-button--secondary_arfv5_95",
19
+ "teddy-button--secondary-negative": "_teddy-button--secondary-negative_arfv5_106",
20
+ "teddy-button--expressive": "_teddy-button--expressive_arfv5_117",
21
+ "teddy-button--expressive-negative": "_teddy-button--expressive-negative_arfv5_127",
22
+ "teddy-button--negative": "_teddy-button--negative_arfv5_139",
23
+ "teddy-button--destructive": "_teddy-button--destructive_arfv5_146",
24
+ "teddy-button--destructive-negative": "_teddy-button--destructive-negative_arfv5_156",
25
+ "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_arfv5_166",
26
+ "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_arfv5_179",
27
+ "teddy-button--text-negative": "_teddy-button--text-negative_arfv5_194",
28
+ "teddy-button--text": "_teddy-button--text_arfv5_194",
29
+ "teddy-button__loading": "_teddy-button__loading_arfv5_241",
30
30
  fadeInAnimation: N,
31
- "teddy-button__spinner": "_teddy-button__spinner_882sa_252",
31
+ "teddy-button__spinner": "_teddy-button__spinner_arfv5_252",
32
32
  scaleInAnimation: h
33
33
  };
34
34
  ({
@@ -38,52 +38,52 @@ const e = "teddy-button", V = A.forwardRef(
38
38
  ({
39
39
  className: u,
40
40
  variant: n,
41
- size: s = "md",
41
+ size: o = "md",
42
42
  iconOnly: y,
43
- fullWidth: b,
43
+ fullWidth: v,
44
44
  disabled: a = !1,
45
45
  loading: d = !1,
46
- asChild: c = !1,
46
+ asChild: b = !1,
47
47
  onClick: _,
48
- children: l,
48
+ children: f,
49
49
  ...i
50
- }, p) => {
51
- const m = c ? T : "button", v = I(
52
- [t[e], t[`${e}--${n}`], t[`${e}--${s}`]],
50
+ }, c) => {
51
+ const l = b ? T : "button", p = I(
52
+ [t[e], t[`${e}--${n}`], t[`${e}--${o}`]],
53
53
  {
54
54
  [t[`${e}--icon-only`]]: y,
55
55
  [t[`${e}--negative`]]: n.endsWith("negative"),
56
- [t[`${e}--full-width`]]: b,
56
+ [t[`${e}--full-width`]]: v,
57
57
  [t[`${e}--disabled`]]: a || d
58
58
  },
59
59
  u
60
60
  );
61
- function f(r) {
61
+ function m(s) {
62
62
  if (a || d) {
63
- r.preventDefault();
63
+ s.preventDefault();
64
64
  return;
65
65
  }
66
- _ && _(r);
66
+ _ && _(s);
67
67
  }
68
68
  const g = () => n.endsWith("negative") ? "negative-disabled" : "disabled";
69
69
  return /* @__PURE__ */ x(
70
- m,
70
+ l,
71
71
  {
72
- className: v,
72
+ className: p,
73
73
  "aria-disabled": i["aria-disabled"] || a || d,
74
- onClick: f,
75
- ref: p,
74
+ onClick: m,
75
+ ref: c,
76
76
  ...i,
77
77
  children: [
78
- d && /* @__PURE__ */ o("span", { className: t[`${e}__loading`], children: /* @__PURE__ */ o(
78
+ d && /* @__PURE__ */ r("span", { className: t[`${e}__loading`], children: /* @__PURE__ */ r(
79
79
  R,
80
80
  {
81
- size: s === "lg" ? "xs" : "xxs",
81
+ size: o === "lg" ? "xs" : "xxs",
82
82
  variant: g(),
83
83
  className: t[`${e}__spinner`]
84
84
  }
85
85
  ) }),
86
- /* @__PURE__ */ o(E, { children: l })
86
+ /* @__PURE__ */ r(E, { children: f })
87
87
  ]
88
88
  }
89
89
  );
package/package.json CHANGED
@@ -11,27 +11,10 @@
11
11
  "pnpm": ">=8"
12
12
  },
13
13
  "private": false,
14
- "version": "0.0.1",
14
+ "version": "0.0.2",
15
15
  "sideEffects": [
16
16
  "**/*.css"
17
17
  ],
18
- "scripts": {
19
- "build:icons": "tsx other/scripts/build-icons.ts",
20
- "build:tokens": "tsx other/scripts/build-tokens.ts",
21
- "create:comp": "tsx node_modules/.bin/plop --plopfile other/scripts/plopfile.ts",
22
- "clean": "rm -rf dist",
23
- "prebuild": "pnpm run build:icons && pnpm run build:tokens",
24
- "storybook": "storybook dev -p 6006",
25
- "build-storybook": "storybook build",
26
- "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
27
- "preinstall": "npx only-allow pnpm",
28
- "dev": "vite",
29
- "build": "pnpm run clean && tsc --p ./tsconfig.build.json && vite build",
30
- "preview": "vite preview",
31
- "release": "pnpm run build && changeset publish",
32
- "format": "prettier --write .",
33
- "lint:fix": "eslint . --ext ts,tsx --fix"
34
- },
35
18
  "peerDependencies": {
36
19
  "react": "^18.0.0",
37
20
  "react-dom": "^18.0.0"
@@ -94,7 +77,7 @@
94
77
  "clsx": "^2.1.0",
95
78
  "rollup-plugin-visualizer": "^5.12.0"
96
79
  },
97
- "description": "![Teddy - Telia Norway's Design System](/other/stories/assets/teddy200.png)",
80
+ "description": "![Teddy - Telia Norway's Design System](/other/stories/assets/teddy200.png?raw=true)",
98
81
  "directories": {
99
82
  "doc": "docs",
100
83
  "lib": "lib"
@@ -108,5 +91,22 @@
108
91
  "bugs": {
109
92
  "url": "https://github.com/telia-company/teddy/issues"
110
93
  },
111
- "homepage": "https://github.com/telia-company/teddy#readme"
112
- }
94
+ "homepage": "https://github.com/telia-company/teddy#readme",
95
+ "scripts": {
96
+ "build:icons": "tsx other/scripts/build-icons.ts",
97
+ "build:tokens": "tsx other/scripts/build-tokens.ts",
98
+ "create:comp": "tsx node_modules/.bin/plop --plopfile other/scripts/plopfile.ts",
99
+ "clean": "rm -rf dist",
100
+ "prebuild": "pnpm run build:icons && pnpm run build:tokens",
101
+ "storybook": "storybook dev -p 6006",
102
+ "build-storybook": "storybook build",
103
+ "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
104
+ "preinstall": "npx only-allow pnpm",
105
+ "dev": "vite",
106
+ "build": "pnpm run clean && tsc --p ./tsconfig.build.json && vite build",
107
+ "preview": "vite preview",
108
+ "release": "pnpm run build && changeset publish",
109
+ "format": "prettier --write .",
110
+ "lint:fix": "eslint . --ext ts,tsx --fix"
111
+ }
112
+ }