@alfalab/core-components-page-indicator 3.0.1 → 3.0.2

package/modern/components/dynamic/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"pageIndicator":"page-indicator__pageIndicator_1e47w","element":"page-indicator__element_1e47w","active":"page-indicator__active_1e47w","progress":"page-indicator__progress_1e47w"};
+const styles = {"pageIndicator":"page-indicator__pageIndicator_1vz15","element":"page-indicator__element_1vz15","active":"page-indicator__active_1vz15","progress":"page-indicator__progress_1vz15"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/dynamic/inverted.css

@@ -6,11 +6,11 @@
     --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
     --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
 }
-.page-indicator__element_1641t {
+.page-indicator__element_1tfv5 {
     background: var(--page-indicator-color-inverted);
 }
-.page-indicator__element_1641t.page-indicator__active_1641t {
-        .page-indicator__progress_1641t {
+.page-indicator__element_1tfv5.page-indicator__active_1tfv5 {
+        .page-indicator__progress_1tfv5 {
             background: var(--page-indicator-active-color-inverted);
         }
     }

package/modern/components/dynamic/inverted.module.css.js

@@ -1,6 +1,6 @@
 import './inverted.css';
 
-const invertedColors = {"element":"page-indicator__element_1641t","active":"page-indicator__active_1641t","progress":"page-indicator__progress_1641t"};
+const invertedColors = {"element":"page-indicator__element_1tfv5","active":"page-indicator__active_1tfv5","progress":"page-indicator__progress_1tfv5"};
 
 export { invertedColors as default };
 //# sourceMappingURL=inverted.module.css.js.map

package/modern/components/dynamic/static-inverted.css

@@ -6,11 +6,11 @@
     --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
     --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
 }
-.page-indicator__element_a1c2w {
+.page-indicator__element_rw5c7 {
     background: var(--page-indicator-color-static-inverted);
 }
-.page-indicator__element_a1c2w.page-indicator__active_a1c2w {
-        .page-indicator__progress_a1c2w {
+.page-indicator__element_rw5c7.page-indicator__active_rw5c7 {
+        .page-indicator__progress_rw5c7 {
             background: var(--page-indicator-active-color-static-inverted);
         }
     }

package/modern/components/dynamic/static-inverted.module.css.js

@@ -1,6 +1,6 @@
 import './static-inverted.css';
 
-const staticInvertedColors = {"element":"page-indicator__element_a1c2w","active":"page-indicator__active_a1c2w","progress":"page-indicator__progress_a1c2w"};
+const staticInvertedColors = {"element":"page-indicator__element_rw5c7","active":"page-indicator__active_rw5c7","progress":"page-indicator__progress_rw5c7"};
 
 export { staticInvertedColors as default };
 //# sourceMappingURL=static-inverted.module.css.js.map

package/modern/components/dynamic/static.css

@@ -6,11 +6,11 @@
     --page-indicator-color-static: var(--color-static-neutral-translucent-300);
     --page-indicator-active-color-static: var(--color-static-neutral-1300);
 }
-.page-indicator__element_pwmho {
+.page-indicator__element_1o1du {
     background: var(--page-indicator-color-static);
 }
-.page-indicator__element_pwmho.page-indicator__active_pwmho {
-        .page-indicator__progress_pwmho {
+.page-indicator__element_1o1du.page-indicator__active_1o1du {
+        .page-indicator__progress_1o1du {
             background: var(--page-indicator-active-color-static);
         }
     }

package/modern/components/dynamic/static.module.css.js

@@ -1,6 +1,6 @@
 import './static.css';
 
-const staticColors = {"element":"page-indicator__element_pwmho","active":"page-indicator__active_pwmho","progress":"page-indicator__progress_pwmho"};
+const staticColors = {"element":"page-indicator__element_1o1du","active":"page-indicator__active_1o1du","progress":"page-indicator__progress_1o1du"};
 
 export { staticColors as default };
 //# sourceMappingURL=static.module.css.js.map

package/modern/components/runner/default.css

@@ -6,9 +6,9 @@
     --page-indicator-color: var(--color-light-neutral-translucent-300);
     --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
 }
-.page-indicator__pageIndicator_1ssex {
+.page-indicator__pageIndicator_camly {
     background: var(--page-indicator-color);
 }
-.page-indicator__element_1ssex {
+.page-indicator__element_camly {
     background: var(--page-indicator-active-color);
 }

package/modern/components/runner/default.module.css.js

@@ -1,6 +1,6 @@
 import './default.css';
 
-const defaultColors = {"pageIndicator":"page-indicator__pageIndicator_1ssex","element":"page-indicator__element_1ssex"};
+const defaultColors = {"pageIndicator":"page-indicator__pageIndicator_camly","element":"page-indicator__element_camly"};
 
 export { defaultColors as default };
 //# sourceMappingURL=default.module.css.js.map

package/modern/components/runner/index.css

@@ -1,7 +1,7 @@
 :root {
     --page-indicator-animation-duration: 0.2s;
 }
-.page-indicator__element_1939k {
+.page-indicator__element_34m5s {
     transition: transform var(--page-indicator-animation-duration) linear;
     will-change: transition;
 }

package/modern/components/runner/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"element":"page-indicator__element_1939k"};
+const styles = {"element":"page-indicator__element_34m5s"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/runner/inverted.css

@@ -6,9 +6,9 @@
     --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
     --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
 }
-.page-indicator__pageIndicator_1x5e3 {
+.page-indicator__pageIndicator_gnlrn {
     background: var(--page-indicator-color-inverted);
 }
-.page-indicator__element_1x5e3 {
+.page-indicator__element_gnlrn {
     background: var(--page-indicator-active-color-inverted);
 }

package/modern/components/runner/inverted.module.css.js

@@ -1,6 +1,6 @@
 import './inverted.css';
 
-const invertedColors = {"pageIndicator":"page-indicator__pageIndicator_1x5e3","element":"page-indicator__element_1x5e3"};
+const invertedColors = {"pageIndicator":"page-indicator__pageIndicator_gnlrn","element":"page-indicator__element_gnlrn"};
 
 export { invertedColors as default };
 //# sourceMappingURL=inverted.module.css.js.map

package/modern/components/runner/static-inverted.css

@@ -6,9 +6,9 @@
     --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
     --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
 }
-.page-indicator__pageIndicator_mlmtg {
+.page-indicator__pageIndicator_1fo3h {
     background: var(--page-indicator-color-static-inverted);
 }
-.page-indicator__element_mlmtg {
+.page-indicator__element_1fo3h {
     background: var(--page-indicator-active-color-static-inverted);
 }

package/modern/components/runner/static-inverted.module.css.js

@@ -1,6 +1,6 @@
 import './static-inverted.css';
 
-const staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_mlmtg","element":"page-indicator__element_mlmtg"};
+const staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_1fo3h","element":"page-indicator__element_1fo3h"};
 
 export { staticInvertedColors as default };
 //# sourceMappingURL=static-inverted.module.css.js.map

package/modern/components/runner/static.css

@@ -6,9 +6,9 @@
     --page-indicator-color-static: var(--color-static-neutral-translucent-300);
     --page-indicator-active-color-static: var(--color-static-neutral-1300);
 }
-.page-indicator__pageIndicator_u4v0i {
+.page-indicator__pageIndicator_ca1r8 {
     background: var(--page-indicator-color-static);
 }
-.page-indicator__element_u4v0i {
+.page-indicator__element_ca1r8 {
     background: var(--page-indicator-active-color-static);
 }

package/modern/components/runner/static.module.css.js

@@ -1,6 +1,6 @@
 import './static.css';
 
-const staticColors = {"pageIndicator":"page-indicator__pageIndicator_u4v0i","element":"page-indicator__element_u4v0i"};
+const staticColors = {"pageIndicator":"page-indicator__pageIndicator_ca1r8","element":"page-indicator__element_ca1r8"};
 
 export { staticColors as default };
 //# sourceMappingURL=static.module.css.js.map

package/modern/components/step/default.css

@@ -6,9 +6,9 @@
     --page-indicator-color: var(--color-light-neutral-translucent-300);
     --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
 }
-.page-indicator__element_12xgf {
+.page-indicator__element_213pw {
     background: var(--page-indicator-color);
 }
-.page-indicator__element_12xgf.page-indicator__active_12xgf {
+.page-indicator__element_213pw.page-indicator__active_213pw {
         background: var(--page-indicator-active-color);
     }

package/modern/components/step/default.module.css.js

@@ -1,6 +1,6 @@
 import './default.css';
 
-const defaultColors = {"element":"page-indicator__element_12xgf","active":"page-indicator__active_12xgf"};
+const defaultColors = {"element":"page-indicator__element_213pw","active":"page-indicator__active_213pw"};
 
 export { defaultColors as default };
 //# sourceMappingURL=default.module.css.js.map

package/modern/components/step/index.css

@@ -2,12 +2,12 @@
     --page-indicator-animation-duration: 0.2s;
     --page-indicator-animation-timing-function: ease-in-out;
 }
-.page-indicator__pageIndicator_17s9j {
+.page-indicator__pageIndicator_pxga7 {
     margin: 0;
     padding: 0;
     display: flex;
 }
-.page-indicator__element_17s9j {
+.page-indicator__element_pxga7 {
     list-style-type: none;
     flex-grow: 1;
     transition: backgroud var(--page-indicator-animation-duration)

package/modern/components/step/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"pageIndicator":"page-indicator__pageIndicator_17s9j","element":"page-indicator__element_17s9j"};
+const styles = {"pageIndicator":"page-indicator__pageIndicator_pxga7","element":"page-indicator__element_pxga7"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/step/inverted.css

@@ -6,9 +6,9 @@
     --page-indicator-color-inverted: var(--color-light-neutral-translucent-300-inverted);
     --page-indicator-active-color-inverted: var(--color-light-neutral-translucent-1300-inverted);
 }
-.page-indicator__element_12yql {
+.page-indicator__element_22dw7 {
     background: var(--page-indicator-color-inverted);
 }
-.page-indicator__element_12yql.page-indicator__active_12yql {
+.page-indicator__element_22dw7.page-indicator__active_22dw7 {
         background: var(--page-indicator-active-color-inverted);
     }

package/modern/components/step/inverted.module.css.js

@@ -1,6 +1,6 @@
 import './inverted.css';
 
-const invertedColors = {"element":"page-indicator__element_12yql","active":"page-indicator__active_12yql"};
+const invertedColors = {"element":"page-indicator__element_22dw7","active":"page-indicator__active_22dw7"};
 
 export { invertedColors as default };
 //# sourceMappingURL=inverted.module.css.js.map

package/modern/components/step/static-inverted.css

@@ -6,9 +6,9 @@
     --page-indicator-color-static-inverted: var(--color-static-neutral-translucent-300-inverted);
     --page-indicator-active-color-static-inverted: var(--color-static-neutral-1300-inverted);
 }
-.page-indicator__element_rcvmy {
+.page-indicator__element_9i2do {
     background: var(--page-indicator-color-static-inverted);
 }
-.page-indicator__element_rcvmy.page-indicator__active_rcvmy {
+.page-indicator__element_9i2do.page-indicator__active_9i2do {
         background: var(--page-indicator-active-color-static-inverted);
     }

package/modern/components/step/static-inverted.module.css.js

@@ -1,6 +1,6 @@
 import './static-inverted.css';
 
-const staticInvertedColors = {"element":"page-indicator__element_rcvmy","active":"page-indicator__active_rcvmy"};
+const staticInvertedColors = {"element":"page-indicator__element_9i2do","active":"page-indicator__active_9i2do"};
 
 export { staticInvertedColors as default };
 //# sourceMappingURL=static-inverted.module.css.js.map

package/modern/components/step/static.css

@@ -6,9 +6,9 @@
     --page-indicator-color-static: var(--color-static-neutral-translucent-300);
     --page-indicator-active-color-static: var(--color-static-neutral-1300);
 }
-.page-indicator__element_1nklu {
+.page-indicator__element_pfuhs {
     background: var(--page-indicator-color-static);
 }
-.page-indicator__element_1nklu.page-indicator__active_1nklu {
+.page-indicator__element_pfuhs.page-indicator__active_pfuhs {
         background: var(--page-indicator-active-color-static);
     }

package/modern/components/step/static.module.css.js

@@ -1,6 +1,6 @@
 import './static.css';
 
-const staticColors = {"element":"page-indicator__element_1nklu","active":"page-indicator__active_1nklu"};
+const staticColors = {"element":"page-indicator__element_pfuhs","active":"page-indicator__active_pfuhs"};
 
 export { staticColors as default };
 //# sourceMappingURL=static.module.css.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-page-indicator",
-    "version": "3.0.1",
+    "version": "3.0.2",
     "description": "PageIndicator component",
     "keywords": [],
     "license": "MIT",
@@ -10,7 +10,7 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-shared": "^2.0.1",
+        "@alfalab/core-components-shared": "^2.1.0",
         "@types/react-transition-group": "^4.4.12",
         "classnames": "^2.5.1",
         "react-transition-group": "^4.4.5",