@telia/teddy 0.7.61 → 0.7.62

package/dist/components/top-row-buttons/top-row-buttons.cjs

@@ -6,14 +6,14 @@ const React = require("react");
 require("../../assets/sprite.44b293a1-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
 const styles = {
-  "teddy-top-row-buttons": "_teddy-top-row-buttons_1ytqf_1",
-  "teddy-top-row-buttons__track": "_teddy-top-row-buttons__track_1ytqf_4",
-  "teddy-top-row-buttons__track--centered": "_teddy-top-row-buttons__track--centered_1ytqf_17",
-  "teddy-top-row-buttons__track--scroll": "_teddy-top-row-buttons__track--scroll_1ytqf_20",
-  "teddy-top-row-buttons__item": "_teddy-top-row-buttons__item_1ytqf_23",
-  "teddy-top-row-buttons__button": "_teddy-top-row-buttons__button_1ytqf_27",
-  "teddy-top-row-buttons__label": "_teddy-top-row-buttons__label_1ytqf_109",
-  "teddy-top-row-buttons__emoji": "_teddy-top-row-buttons__emoji_1ytqf_112"
+  "teddy-top-row-buttons": "_teddy-top-row-buttons_1ogzx_1",
+  "teddy-top-row-buttons__track": "_teddy-top-row-buttons__track_1ogzx_4",
+  "teddy-top-row-buttons__track--centered": "_teddy-top-row-buttons__track--centered_1ogzx_16",
+  "teddy-top-row-buttons__track--scroll": "_teddy-top-row-buttons__track--scroll_1ogzx_19",
+  "teddy-top-row-buttons__item": "_teddy-top-row-buttons__item_1ogzx_23",
+  "teddy-top-row-buttons__button": "_teddy-top-row-buttons__button_1ogzx_27",
+  "teddy-top-row-buttons__label": "_teddy-top-row-buttons__label_1ogzx_109",
+  "teddy-top-row-buttons__emoji": "_teddy-top-row-buttons__emoji_1ogzx_112"
 };
 const rootClassName = "teddy-top-row-buttons";
 const Root = React.forwardRef(

package/dist/components/top-row-buttons/top-row-buttons.js

@@ -4,14 +4,14 @@ import React__default from "react";
 import "../../assets/sprite.44b293a1-teddy.svg";
 import { Icon } from "../icon/icon.js";
 const styles = {
-  "teddy-top-row-buttons": "_teddy-top-row-buttons_1ytqf_1",
-  "teddy-top-row-buttons__track": "_teddy-top-row-buttons__track_1ytqf_4",
-  "teddy-top-row-buttons__track--centered": "_teddy-top-row-buttons__track--centered_1ytqf_17",
-  "teddy-top-row-buttons__track--scroll": "_teddy-top-row-buttons__track--scroll_1ytqf_20",
-  "teddy-top-row-buttons__item": "_teddy-top-row-buttons__item_1ytqf_23",
-  "teddy-top-row-buttons__button": "_teddy-top-row-buttons__button_1ytqf_27",
-  "teddy-top-row-buttons__label": "_teddy-top-row-buttons__label_1ytqf_109",
-  "teddy-top-row-buttons__emoji": "_teddy-top-row-buttons__emoji_1ytqf_112"
+  "teddy-top-row-buttons": "_teddy-top-row-buttons_1ogzx_1",
+  "teddy-top-row-buttons__track": "_teddy-top-row-buttons__track_1ogzx_4",
+  "teddy-top-row-buttons__track--centered": "_teddy-top-row-buttons__track--centered_1ogzx_16",
+  "teddy-top-row-buttons__track--scroll": "_teddy-top-row-buttons__track--scroll_1ogzx_19",
+  "teddy-top-row-buttons__item": "_teddy-top-row-buttons__item_1ogzx_23",
+  "teddy-top-row-buttons__button": "_teddy-top-row-buttons__button_1ogzx_27",
+  "teddy-top-row-buttons__label": "_teddy-top-row-buttons__label_1ogzx_109",
+  "teddy-top-row-buttons__emoji": "_teddy-top-row-buttons__emoji_1ogzx_112"
 };
 const rootClassName = "teddy-top-row-buttons";
 const Root = React__default.forwardRef(

package/dist/style.css

@@ -252,33 +252,33 @@
     font-family: var(--teddy-typography-family-default);
     gap: var(--teddy-spacing-100);
   }
-}._teddy-top-row-buttons_1ytqf_1 {
+}._teddy-top-row-buttons_1ogzx_1 {
   width: 100%;
 }
-._teddy-top-row-buttons__track_1ytqf_4 {
+._teddy-top-row-buttons__track_1ogzx_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 {
+._teddy-top-row-buttons__track_1ogzx_4::-webkit-scrollbar {
   display: none;
 }
-._teddy-top-row-buttons__track--centered_1ytqf_17 {
+._teddy-top-row-buttons__track--centered_1ogzx_16 {
   justify-content: center;
 }
-._teddy-top-row-buttons__track--scroll_1ytqf_20 {
+._teddy-top-row-buttons__track--scroll_1ogzx_19 {
   justify-content: flex-start;
+  scroll-snap-type: x mandatory;
 }
-._teddy-top-row-buttons__item_1ytqf_23 {
+._teddy-top-row-buttons__item_1ogzx_23 {
   flex: 0 0 auto;
   scroll-snap-align: start;
 }
-._teddy-top-row-buttons__button_1ytqf_27 {
+._teddy-top-row-buttons__button_1ogzx_27 {
   display: inline-flex;
   align-items: center;
   gap: var(--teddy-spacing-100);
@@ -296,7 +296,7 @@
   transition-timing-function: var(--teddy-motion-easing-ease-in-out);
   position: relative;
 }
-._teddy-top-row-buttons__button_1ytqf_27:focus::before {
+._teddy-top-row-buttons__button_1ogzx_27:focus::before {
   border-radius: inherit;
   box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
   content: "";
@@ -305,65 +305,65 @@
   inset: calc(var(--teddy-spacing-25) * -1);
   position: absolute;
 }
-._teddy-top-row-buttons__button_1ytqf_27:focus:not(:focus-visible)::before {
+._teddy-top-row-buttons__button_1ogzx_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] {
+._teddy-top-row-buttons__track_1ogzx_4[data-color=beige] ._teddy-top-row-buttons__button_1ogzx_27:not([data-color]), ._teddy-top-row-buttons__button_1ogzx_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 {
+._teddy-top-row-buttons__track_1ogzx_4[data-color=beige] ._teddy-top-row-buttons__button_1ogzx_27:not([data-color]):hover, ._teddy-top-row-buttons__button_1ogzx_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 {
+._teddy-top-row-buttons__track_1ogzx_4[data-color=beige] ._teddy-top-row-buttons__button_1ogzx_27:not([data-color]):active, ._teddy-top-row-buttons__button_1ogzx_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 {
+._teddy-top-row-buttons__track_1ogzx_4[data-color=beige] ._teddy-top-row-buttons__button_1ogzx_27:not([data-color]):focus-visible, ._teddy-top-row-buttons__button_1ogzx_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] {
+._teddy-top-row-buttons__track_1ogzx_4[data-color=grey] ._teddy-top-row-buttons__button_1ogzx_27:not([data-color]), ._teddy-top-row-buttons__button_1ogzx_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 {
+._teddy-top-row-buttons__track_1ogzx_4[data-color=grey] ._teddy-top-row-buttons__button_1ogzx_27:not([data-color]):hover, ._teddy-top-row-buttons__button_1ogzx_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 {
+._teddy-top-row-buttons__track_1ogzx_4[data-color=grey] ._teddy-top-row-buttons__button_1ogzx_27:not([data-color]):active, ._teddy-top-row-buttons__button_1ogzx_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 {
+._teddy-top-row-buttons__track_1ogzx_4[data-color=grey] ._teddy-top-row-buttons__button_1ogzx_27:not([data-color]):focus-visible, ._teddy-top-row-buttons__button_1ogzx_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] {
+._teddy-top-row-buttons__track_1ogzx_4[data-color=white] ._teddy-top-row-buttons__button_1ogzx_27:not([data-color]), ._teddy-top-row-buttons__button_1ogzx_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 {
+._teddy-top-row-buttons__track_1ogzx_4[data-color=white] ._teddy-top-row-buttons__button_1ogzx_27:not([data-color]):hover, ._teddy-top-row-buttons__button_1ogzx_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 {
+._teddy-top-row-buttons__track_1ogzx_4[data-color=white] ._teddy-top-row-buttons__button_1ogzx_27:not([data-color]):active, ._teddy-top-row-buttons__button_1ogzx_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 {
+._teddy-top-row-buttons__track_1ogzx_4[data-color=white] ._teddy-top-row-buttons__button_1ogzx_27:not([data-color]):focus-visible, ._teddy-top-row-buttons__button_1ogzx_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] {
+._teddy-top-row-buttons__track_1ogzx_4[data-color=purple] ._teddy-top-row-buttons__button_1ogzx_27:not([data-color]), ._teddy-top-row-buttons__button_1ogzx_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 {
+._teddy-top-row-buttons__track_1ogzx_4[data-color=purple] ._teddy-top-row-buttons__button_1ogzx_27:not([data-color]):hover, ._teddy-top-row-buttons__button_1ogzx_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 {
+._teddy-top-row-buttons__track_1ogzx_4[data-color=purple] ._teddy-top-row-buttons__button_1ogzx_27:not([data-color]):active, ._teddy-top-row-buttons__button_1ogzx_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 {
+._teddy-top-row-buttons__track_1ogzx_4[data-color=purple] ._teddy-top-row-buttons__button_1ogzx_27:not([data-color]):focus-visible, ._teddy-top-row-buttons__button_1ogzx_27[data-color=purple]:focus-visible {
   background-color: var(--teddy-color-background-interactive-primary);
 }
-._teddy-top-row-buttons__label_1ytqf_109 {
+._teddy-top-row-buttons__label_1ogzx_109 {
   white-space: nowrap;
 }
-._teddy-top-row-buttons__emoji_1ytqf_112 {
+._teddy-top-row-buttons__emoji_1ogzx_112 {
   display: inline-flex;
   align-items: center;
   justify-content: center;

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=10"
   },
   "private": false,
-  "version": "0.7.61",
+  "version": "0.7.62",
   "sideEffects": [
     "**/*.css",
     "**/*.svg"