@telia/teddy 0.7.40 → 0.7.42

package/dist/style.css

@@ -1,4 +1,162 @@
-@charset 'UTF-8';._teddy-spinner--xxs_ywden_1 {
+@charset 'UTF-8';@layer icon {
+  ._teddy-icon_1ur3a_2 {
+    display: inline;
+    align-self: center;
+    fill: currentColor;
+    flex-shrink: 0;
+  }
+  ._teddy-icon--font_1ur3a_8 {
+    width: 1em;
+    height: 1em;
+  }
+  ._teddy-icon--xxs_1ur3a_12 {
+    width: var(--teddy-spacing-150);
+    height: var(--teddy-spacing-150);
+  }
+  ._teddy-icon--xs_1ur3a_16 {
+    width: var(--teddy-spacing-200);
+    height: var(--teddy-spacing-200);
+  }
+  ._teddy-icon--sm_1ur3a_20 {
+    width: var(--teddy-spacing-250);
+    height: var(--teddy-spacing-250);
+  }
+  ._teddy-icon--md_1ur3a_24 {
+    width: var(--teddy-spacing-300);
+    height: var(--teddy-spacing-300);
+  }
+  ._teddy-icon--lg_1ur3a_28 {
+    width: var(--teddy-spacing-400);
+    height: var(--teddy-spacing-400);
+  }
+  ._teddy-icon--xl_1ur3a_32 {
+    width: var(--teddy-spacing-600);
+    height: var(--teddy-spacing-600);
+  }
+  ._teddy-icon-with-children_1ur3a_36 {
+    display: inline-flex;
+    align-items: center;
+    font-family: var(--teddy-typography-family-default);
+    gap: var(--teddy-spacing-100);
+  }
+}._teddy-top-row-buttons_1ytqf_1 {
+  width: 100%;
+}
+._teddy-top-row-buttons__track_1ytqf_4 {
+  display: flex;
+  gap: var(--teddy-spacing-200);
+  overflow-x: auto;
+  scroll-snap-type: x mandatory;
+  scroll-behavior: smooth;
+  scrollbar-width: none;
+  padding-bottom: var(--teddy-spacing-50);
+  width: 100%;
+}
+._teddy-top-row-buttons__track_1ytqf_4::-webkit-scrollbar {
+  display: none;
+}
+._teddy-top-row-buttons__track--centered_1ytqf_17 {
+  justify-content: center;
+}
+._teddy-top-row-buttons__track--scroll_1ytqf_20 {
+  justify-content: flex-start;
+}
+._teddy-top-row-buttons__item_1ytqf_23 {
+  flex: 0 0 auto;
+  scroll-snap-align: start;
+}
+._teddy-top-row-buttons__button_1ytqf_27 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--teddy-spacing-100);
+  padding: var(--teddy-spacing-150) var(--teddy-spacing-200);
+  border-radius: var(--teddy-border-radius-md);
+  text-decoration: none;
+  color: inherit;
+  min-height: 44px;
+  white-space: nowrap;
+  cursor: pointer;
+  font-family: var(--teddy-typography-family-default);
+  font-size: var(--teddy-typography-scale-100);
+  transition-property: background-color;
+  transition-duration: var(--teddy-motion-duration-150);
+  transition-timing-function: var(--teddy-motion-easing-ease-in-out);
+  position: relative;
+}
+._teddy-top-row-buttons__button_1ytqf_27:focus::before {
+  border-radius: inherit;
+  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-top-row-buttons__button_1ytqf_27:focus:not(:focus-visible)::before {
+  opacity: 0;
+}
+._teddy-top-row-buttons__track_1ytqf_4[data-color=beige] ._teddy-top-row-buttons__button_1ytqf_27:not([data-color]), ._teddy-top-row-buttons__button_1ytqf_27[data-color=beige] {
+  background-color: var(--teddy-color-background-beige);
+  color: var(--teddy-color-text-default);
+}
+._teddy-top-row-buttons__track_1ytqf_4[data-color=beige] ._teddy-top-row-buttons__button_1ytqf_27:not([data-color]):hover, ._teddy-top-row-buttons__button_1ytqf_27[data-color=beige]:hover {
+  background-color: var(--teddy-color-background-beige-hover);
+}
+._teddy-top-row-buttons__track_1ytqf_4[data-color=beige] ._teddy-top-row-buttons__button_1ytqf_27:not([data-color]):active, ._teddy-top-row-buttons__button_1ytqf_27[data-color=beige]:active {
+  background-color: var(--teddy-color-background-beige-active);
+}
+._teddy-top-row-buttons__track_1ytqf_4[data-color=beige] ._teddy-top-row-buttons__button_1ytqf_27:not([data-color]):focus-visible, ._teddy-top-row-buttons__button_1ytqf_27[data-color=beige]:focus-visible {
+  background-color: var(--teddy-color-background-beige);
+}
+._teddy-top-row-buttons__track_1ytqf_4[data-color=grey] ._teddy-top-row-buttons__button_1ytqf_27:not([data-color]), ._teddy-top-row-buttons__button_1ytqf_27[data-color=grey] {
+  background-color: var(--teddy-color-background-secondary);
+  color: var(--teddy-color-text-default);
+}
+._teddy-top-row-buttons__track_1ytqf_4[data-color=grey] ._teddy-top-row-buttons__button_1ytqf_27:not([data-color]):hover, ._teddy-top-row-buttons__button_1ytqf_27[data-color=grey]:hover {
+  background-color: var(--teddy-color-background-secondary-hover);
+}
+._teddy-top-row-buttons__track_1ytqf_4[data-color=grey] ._teddy-top-row-buttons__button_1ytqf_27:not([data-color]):active, ._teddy-top-row-buttons__button_1ytqf_27[data-color=grey]:active {
+  background-color: var(--teddy-color-background-secondary-active);
+}
+._teddy-top-row-buttons__track_1ytqf_4[data-color=grey] ._teddy-top-row-buttons__button_1ytqf_27:not([data-color]):focus-visible, ._teddy-top-row-buttons__button_1ytqf_27[data-color=grey]:focus-visible {
+  background-color: var(--teddy-color-background-secondary);
+}
+._teddy-top-row-buttons__track_1ytqf_4[data-color=white] ._teddy-top-row-buttons__button_1ytqf_27:not([data-color]), ._teddy-top-row-buttons__button_1ytqf_27[data-color=white] {
+  background-color: var(--teddy-color-brand-white);
+  color: var(--teddy-color-text-default);
+}
+._teddy-top-row-buttons__track_1ytqf_4[data-color=white] ._teddy-top-row-buttons__button_1ytqf_27:not([data-color]):hover, ._teddy-top-row-buttons__button_1ytqf_27[data-color=white]:hover {
+  background-color: var(--teddy-color-background-interactive-transparent-hover);
+}
+._teddy-top-row-buttons__track_1ytqf_4[data-color=white] ._teddy-top-row-buttons__button_1ytqf_27:not([data-color]):active, ._teddy-top-row-buttons__button_1ytqf_27[data-color=white]:active {
+  background-color: var(--teddy-color-background-interactive-transparent-active);
+}
+._teddy-top-row-buttons__track_1ytqf_4[data-color=white] ._teddy-top-row-buttons__button_1ytqf_27:not([data-color]):focus-visible, ._teddy-top-row-buttons__button_1ytqf_27[data-color=white]:focus-visible {
+  background-color: var(--teddy-color-brand-white);
+}
+._teddy-top-row-buttons__track_1ytqf_4[data-color=purple] ._teddy-top-row-buttons__button_1ytqf_27:not([data-color]), ._teddy-top-row-buttons__button_1ytqf_27[data-color=purple] {
+  background-color: var(--teddy-color-background-interactive-primary);
+  color: var(--teddy-color-text-interactive-on-primary);
+}
+._teddy-top-row-buttons__track_1ytqf_4[data-color=purple] ._teddy-top-row-buttons__button_1ytqf_27:not([data-color]):hover, ._teddy-top-row-buttons__button_1ytqf_27[data-color=purple]:hover {
+  background-color: var(--teddy-color-background-interactive-primary-hover);
+}
+._teddy-top-row-buttons__track_1ytqf_4[data-color=purple] ._teddy-top-row-buttons__button_1ytqf_27:not([data-color]):active, ._teddy-top-row-buttons__button_1ytqf_27[data-color=purple]:active {
+  background-color: var(--teddy-color-background-interactive-primary-active);
+}
+._teddy-top-row-buttons__track_1ytqf_4[data-color=purple] ._teddy-top-row-buttons__button_1ytqf_27:not([data-color]):focus-visible, ._teddy-top-row-buttons__button_1ytqf_27[data-color=purple]:focus-visible {
+  background-color: var(--teddy-color-background-interactive-primary);
+}
+._teddy-top-row-buttons__label_1ytqf_109 {
+  white-space: nowrap;
+}
+._teddy-top-row-buttons__emoji_1ytqf_112 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 1.25rem;
+  line-height: 1;
+}._teddy-spinner--xxs_ywden_1 {
   height: var(--teddy-spacing-250);
   width: var(--teddy-spacing-250);
 }
@@ -361,47 +519,6 @@
   ._teddy-button--icon-only_18j14_56 ._teddy-button__loading_18j14_287 {
     background-color: var(--teddy-color-gray-100);
   }
-}@layer icon {
-  ._teddy-icon_1ur3a_2 {
-    display: inline;
-    align-self: center;
-    fill: currentColor;
-    flex-shrink: 0;
-  }
-  ._teddy-icon--font_1ur3a_8 {
-    width: 1em;
-    height: 1em;
-  }
-  ._teddy-icon--xxs_1ur3a_12 {
-    width: var(--teddy-spacing-150);
-    height: var(--teddy-spacing-150);
-  }
-  ._teddy-icon--xs_1ur3a_16 {
-    width: var(--teddy-spacing-200);
-    height: var(--teddy-spacing-200);
-  }
-  ._teddy-icon--sm_1ur3a_20 {
-    width: var(--teddy-spacing-250);
-    height: var(--teddy-spacing-250);
-  }
-  ._teddy-icon--md_1ur3a_24 {
-    width: var(--teddy-spacing-300);
-    height: var(--teddy-spacing-300);
-  }
-  ._teddy-icon--lg_1ur3a_28 {
-    width: var(--teddy-spacing-400);
-    height: var(--teddy-spacing-400);
-  }
-  ._teddy-icon--xl_1ur3a_32 {
-    width: var(--teddy-spacing-600);
-    height: var(--teddy-spacing-600);
-  }
-  ._teddy-icon-with-children_1ur3a_36 {
-    display: inline-flex;
-    align-items: center;
-    font-family: var(--teddy-typography-family-default);
-    gap: var(--teddy-spacing-100);
-  }
 }._teddy-dashed-button_1wq9c_1 {
   box-shadow: none;
   color: var(--teddy-color-text-default);

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=10"
   },
   "private": false,
-  "version": "0.7.40",
+  "version": "0.7.42",
   "sideEffects": [
     "**/*.css",
     "**/*.svg"
@@ -44,7 +44,7 @@
     "@typescript-eslint/eslint-plugin": "6.20.0",
     "@typescript-eslint/parser": "6.20.0",
     "@vitejs/plugin-react-swc": "3.7.0",
-    "axios": "1.12.0",
+    "axios": "1.13.5",
     "eslint": "8.57.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-import-resolver-alias": "1.1.2",
@@ -63,7 +63,7 @@
     "react-router-dom": "6.23.0",
     "rollup-plugin-visualizer": "5.12.0",
     "sass": "1.70.0",
-    "storybook": "9.0.17",
+    "storybook": "9.1.19",
     "storybook-addon-pseudo-states": "9.0.17",
     "style-dictionary": "3.9.2",
     "tsx": "4.7.0",