@telia/teddy 0.2.9 → 0.2.10

package/dist/components/progress-bar/progress-bar.cjs

@@ -21,12 +21,12 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const ProgressPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(ProgressPrimitive);
-const slideInFromLeft = "_slideInFromLeft_1j6wn_1";
+const slideInFromLeft = "_slideInFromLeft_j1bq2_1";
 const styles = {
-  "teddy-progress-bar": "_teddy-progress-bar_1j6wn_1",
-  "teddy-progress-bar__indicator": "_teddy-progress-bar__indicator_1j6wn_10",
+  "teddy-progress-bar": "_teddy-progress-bar_j1bq2_1",
+  "teddy-progress-bar__indicator": "_teddy-progress-bar__indicator_j1bq2_10",
   slideInFromLeft,
-  "teddy-progress-bar--dark": "_teddy-progress-bar--dark_1j6wn_16"
+  "teddy-progress-bar--dark": "_teddy-progress-bar--dark_j1bq2_17"
 };
 const rootClassName = "teddy-progress-bar";
 const ProgressBar = React.forwardRef(

package/dist/components/progress-bar/progress-bar.js

@@ -2,12 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-const slideInFromLeft = "_slideInFromLeft_1j6wn_1";
+const slideInFromLeft = "_slideInFromLeft_j1bq2_1";
 const styles = {
-  "teddy-progress-bar": "_teddy-progress-bar_1j6wn_1",
-  "teddy-progress-bar__indicator": "_teddy-progress-bar__indicator_1j6wn_10",
+  "teddy-progress-bar": "_teddy-progress-bar_j1bq2_1",
+  "teddy-progress-bar__indicator": "_teddy-progress-bar__indicator_j1bq2_10",
   slideInFromLeft,
-  "teddy-progress-bar--dark": "_teddy-progress-bar--dark_1j6wn_16"
+  "teddy-progress-bar--dark": "_teddy-progress-bar--dark_j1bq2_17"
 };
 const rootClassName = "teddy-progress-bar";
 const ProgressBar = React__default.forwardRef(

package/dist/style.css

@@ -1954,7 +1954,7 @@
 }
 ._teddy-color-dot--wide_d66ui_26 {
   width: calc(2 * var(--size));
-}._teddy-progress-bar_1j6wn_1 {
+}._teddy-progress-bar_j1bq2_1 {
   background: var(--teddy-color-transparent-black-100);
   overflow: hidden;
   border-radius: var(--teddy-border-radius-full);
@@ -1963,19 +1963,20 @@
   /* https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0 */
   transform: translateZ(0);
 }
-._teddy-progress-bar_1j6wn_1 ._teddy-progress-bar__indicator_1j6wn_10 {
+._teddy-progress-bar_j1bq2_1 ._teddy-progress-bar__indicator_j1bq2_10 {
   background-color: var(--teddy-color-purple-800);
   width: 100%;
   height: 100%;
-  animation: _slideInFromLeft_1j6wn_1 1s cubic-bezier(0.65, 0, 0.35, 1);
+  animation: _slideInFromLeft_j1bq2_1 1s cubic-bezier(0.65, 0, 0.35, 1);
+  transition: transform 660ms cubic-bezier(0.65, 0, 0.35, 1);
 }
-._teddy-progress-bar--dark_1j6wn_16 {
+._teddy-progress-bar--dark_j1bq2_17 {
   background: var(--teddy-color-transparent-white-100);
 }
-._teddy-progress-bar--dark_1j6wn_16 ._teddy-progress-bar__indicator_1j6wn_10 {
+._teddy-progress-bar--dark_j1bq2_17 ._teddy-progress-bar__indicator_j1bq2_10 {
   background-color: var(--teddy-color-purple-300);
 }
-@keyframes _slideInFromLeft_1j6wn_1 {
+@keyframes _slideInFromLeft_j1bq2_1 {
   0% {
     transform: translateX(-100%);
   }

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=9"
   },
   "private": false,
-  "version": "0.2.9",
+  "version": "0.2.10",
   "sideEffects": [
     "**/*.css",
     "**/*.svg"