@alfalab/core-components-page-indicator 3.0.4 → 3.0.5

package/esm/components/bullet/inverted.module.css.js

@@ -1,6 +1,6 @@
 import './inverted.css';
 
-var invertedColors = {"element":"page-indicator__element_6gwzc","active":"page-indicator__active_6gwzc"};
+var invertedColors = {"element":"page-indicator__element_197b8","active":"page-indicator__active_197b8"};
 
 export { invertedColors as default };
 //# sourceMappingURL=inverted.module.css.js.map

package/esm/components/bullet/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_ki4gw {
+.page-indicator__element_17abv {
     background: var(--page-indicator-color-static-inverted);
 }
-.page-indicator__element_ki4gw.page-indicator__active_ki4gw {
+.page-indicator__element_17abv.page-indicator__active_17abv {
         background: var(--page-indicator-active-color-static-inverted);
     }

package/esm/components/bullet/static-inverted.module.css.js

@@ -1,6 +1,6 @@
 import './static-inverted.css';
 
-var staticInvertedColors = {"element":"page-indicator__element_ki4gw","active":"page-indicator__active_ki4gw"};
+var staticInvertedColors = {"element":"page-indicator__element_17abv","active":"page-indicator__active_17abv"};
 
 export { staticInvertedColors as default };
 //# sourceMappingURL=static-inverted.module.css.js.map

package/esm/components/bullet/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_huezj {
+.page-indicator__element_1etn9 {
     background: var(--page-indicator-color-static);
 }
-.page-indicator__element_huezj.page-indicator__active_huezj {
+.page-indicator__element_1etn9.page-indicator__active_1etn9 {
         background: var(--page-indicator-active-color-static);
     }

package/esm/components/bullet/static.module.css.js

@@ -1,6 +1,6 @@
 import './static.css';
 
-var staticColors = {"element":"page-indicator__element_huezj","active":"page-indicator__active_huezj"};
+var staticColors = {"element":"page-indicator__element_1etn9","active":"page-indicator__active_1etn9"};
 
 export { staticColors as default };
 //# sourceMappingURL=static.module.css.js.map

package/esm/components/dynamic/default.css

@@ -6,11 +6,11 @@
     --page-indicator-color: var(--color-light-neutral-translucent-300);
     --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
 }
-.page-indicator__element_109ns {
+.page-indicator__element_1xj1z {
     background: var(--page-indicator-color);
 }
-.page-indicator__element_109ns.page-indicator__active_109ns {
-        .page-indicator__progress_109ns {
+.page-indicator__element_1xj1z.page-indicator__active_1xj1z {
+        .page-indicator__progress_1xj1z {
             background: var(--page-indicator-active-color);
         }
     }

package/esm/components/dynamic/default.module.css.js

@@ -1,6 +1,6 @@
 import './default.css';
 
-var defaultColors = {"element":"page-indicator__element_109ns","active":"page-indicator__active_109ns","progress":"page-indicator__progress_109ns"};
+var defaultColors = {"element":"page-indicator__element_1xj1z","active":"page-indicator__active_1xj1z","progress":"page-indicator__progress_1xj1z"};
 
 export { defaultColors as default };
 //# sourceMappingURL=default.module.css.js.map

package/esm/components/dynamic/index.css

@@ -1,22 +1,22 @@
 :root {
     --page-indicator-animation-duration: 0.2s;
 }
-.page-indicator__pageIndicator_1diwz {
+.page-indicator__pageIndicator_g9iso {
     display: flex;
 }
-.page-indicator__element_1diwz {
+.page-indicator__element_g9iso {
     list-style-type: none;
     overflow: hidden;
     transition: width var(--page-indicator-animation-duration) linear;
 }
-.page-indicator__element_1diwz:not(.page-indicator__active_1diwz) {
-        .page-indicator__progress_1diwz {
+.page-indicator__element_g9iso:not(.page-indicator__active_g9iso) {
+        .page-indicator__progress_g9iso {
             display: none;
         }
     }
-.page-indicator__element_1diwz {
+.page-indicator__element_g9iso {
 
-    .page-indicator__progress_1diwz {
+    .page-indicator__progress_g9iso {
         width: 100%;
         height: 100%;
         will-change: transform;

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"pageIndicator":"page-indicator__pageIndicator_1diwz","element":"page-indicator__element_1diwz","active":"page-indicator__active_1diwz","progress":"page-indicator__progress_1diwz"};
+var styles = {"pageIndicator":"page-indicator__pageIndicator_g9iso","element":"page-indicator__element_g9iso","active":"page-indicator__active_g9iso","progress":"page-indicator__progress_g9iso"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/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_16pcq {
+.page-indicator__element_4xmva {
     background: var(--page-indicator-color-inverted);
 }
-.page-indicator__element_16pcq.page-indicator__active_16pcq {
-        .page-indicator__progress_16pcq {
+.page-indicator__element_4xmva.page-indicator__active_4xmva {
+        .page-indicator__progress_4xmva {
             background: var(--page-indicator-active-color-inverted);
         }
     }

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

@@ -1,6 +1,6 @@
 import './inverted.css';
 
-var invertedColors = {"element":"page-indicator__element_16pcq","active":"page-indicator__active_16pcq","progress":"page-indicator__progress_16pcq"};
+var invertedColors = {"element":"page-indicator__element_4xmva","active":"page-indicator__active_4xmva","progress":"page-indicator__progress_4xmva"};
 
 export { invertedColors as default };
 //# sourceMappingURL=inverted.module.css.js.map

package/esm/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_9g15y {
+.page-indicator__element_1b7r0 {
     background: var(--page-indicator-color-static-inverted);
 }
-.page-indicator__element_9g15y.page-indicator__active_9g15y {
-        .page-indicator__progress_9g15y {
+.page-indicator__element_1b7r0.page-indicator__active_1b7r0 {
+        .page-indicator__progress_1b7r0 {
             background: var(--page-indicator-active-color-static-inverted);
         }
     }

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

@@ -1,6 +1,6 @@
 import './static-inverted.css';
 
-var staticInvertedColors = {"element":"page-indicator__element_9g15y","active":"page-indicator__active_9g15y","progress":"page-indicator__progress_9g15y"};
+var staticInvertedColors = {"element":"page-indicator__element_1b7r0","active":"page-indicator__active_1b7r0","progress":"page-indicator__progress_1b7r0"};
 
 export { staticInvertedColors as default };
 //# sourceMappingURL=static-inverted.module.css.js.map

package/esm/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_biexx {
+.page-indicator__element_1nrbl {
     background: var(--page-indicator-color-static);
 }
-.page-indicator__element_biexx.page-indicator__active_biexx {
-        .page-indicator__progress_biexx {
+.page-indicator__element_1nrbl.page-indicator__active_1nrbl {
+        .page-indicator__progress_1nrbl {
             background: var(--page-indicator-active-color-static);
         }
     }

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

@@ -1,6 +1,6 @@
 import './static.css';
 
-var staticColors = {"element":"page-indicator__element_biexx","active":"page-indicator__active_biexx","progress":"page-indicator__progress_biexx"};
+var staticColors = {"element":"page-indicator__element_1nrbl","active":"page-indicator__active_1nrbl","progress":"page-indicator__progress_1nrbl"};
 
 export { staticColors as default };
 //# sourceMappingURL=static.module.css.js.map

package/esm/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_1rwy3 {
+.page-indicator__pageIndicator_uxptg {
     background: var(--page-indicator-color);
 }
-.page-indicator__element_1rwy3 {
+.page-indicator__element_uxptg {
     background: var(--page-indicator-active-color);
 }

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

@@ -1,6 +1,6 @@
 import './default.css';
 
-var defaultColors = {"pageIndicator":"page-indicator__pageIndicator_1rwy3","element":"page-indicator__element_1rwy3"};
+var defaultColors = {"pageIndicator":"page-indicator__pageIndicator_uxptg","element":"page-indicator__element_uxptg"};
 
 export { defaultColors as default };
 //# sourceMappingURL=default.module.css.js.map

package/esm/components/runner/index.css

@@ -1,10 +1,10 @@
 :root {
     --page-indicator-animation-duration: 0.2s;
 }
-.page-indicator__element_1jh8s {
+.page-indicator__element_7wulx {
     transition: transform var(--page-indicator-animation-duration) linear;
     will-change: transition;
 }
-.page-indicator__pageIndicator_1jh8s {
+.page-indicator__pageIndicator_7wulx {
     width: 100%;
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"element":"page-indicator__element_1jh8s","pageIndicator":"page-indicator__pageIndicator_1jh8s"};
+var styles = {"element":"page-indicator__element_7wulx","pageIndicator":"page-indicator__pageIndicator_7wulx"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/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_1w9x8 {
+.page-indicator__pageIndicator_zaoz5 {
     background: var(--page-indicator-color-inverted);
 }
-.page-indicator__element_1w9x8 {
+.page-indicator__element_zaoz5 {
     background: var(--page-indicator-active-color-inverted);
 }

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

@@ -1,6 +1,6 @@
 import './inverted.css';
 
-var invertedColors = {"pageIndicator":"page-indicator__pageIndicator_1w9x8","element":"page-indicator__element_1w9x8"};
+var invertedColors = {"pageIndicator":"page-indicator__pageIndicator_zaoz5","element":"page-indicator__element_zaoz5"};
 
 export { invertedColors as default };
 //# sourceMappingURL=inverted.module.css.js.map

package/esm/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_wzm1r {
+.page-indicator__pageIndicator_1kgbx {
     background: var(--page-indicator-color-static-inverted);
 }
-.page-indicator__element_wzm1r {
+.page-indicator__element_1kgbx {
     background: var(--page-indicator-active-color-static-inverted);
 }

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

@@ -1,6 +1,6 @@
 import './static-inverted.css';
 
-var staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_wzm1r","element":"page-indicator__element_wzm1r"};
+var staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_1kgbx","element":"page-indicator__element_1kgbx"};
 
 export { staticInvertedColors as default };
 //# sourceMappingURL=static-inverted.module.css.js.map

package/esm/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_z0k68 {
+.page-indicator__pageIndicator_1vb9y {
     background: var(--page-indicator-color-static);
 }
-.page-indicator__element_z0k68 {
+.page-indicator__element_1vb9y {
     background: var(--page-indicator-active-color-static);
 }

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

@@ -1,6 +1,6 @@
 import './static.css';
 
-var staticColors = {"pageIndicator":"page-indicator__pageIndicator_z0k68","element":"page-indicator__element_z0k68"};
+var staticColors = {"pageIndicator":"page-indicator__pageIndicator_1vb9y","element":"page-indicator__element_1vb9y"};
 
 export { staticColors as default };
 //# sourceMappingURL=static.module.css.js.map

package/esm/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_ruypu {
+.page-indicator__element_52rbi {
     background: var(--page-indicator-color);
 }
-.page-indicator__element_ruypu.page-indicator__active_ruypu {
+.page-indicator__element_52rbi.page-indicator__active_52rbi {
         background: var(--page-indicator-active-color);
     }

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

@@ -1,6 +1,6 @@
 import './default.css';
 
-var defaultColors = {"element":"page-indicator__element_ruypu","active":"page-indicator__active_ruypu"};
+var defaultColors = {"element":"page-indicator__element_52rbi","active":"page-indicator__active_52rbi"};
 
 export { defaultColors as default };
 //# sourceMappingURL=default.module.css.js.map

package/esm/components/step/index.css

@@ -2,11 +2,11 @@
     --page-indicator-animation-duration: 0.2s;
     --page-indicator-animation-timing-function: ease-in-out;
 }
-.page-indicator__pageIndicator_19c8v {
+.page-indicator__pageIndicator_6lule {
     display: flex;
     width: 100%;
 }
-.page-indicator__element_19c8v {
+.page-indicator__element_6lule {
     list-style-type: none;
     flex-grow: 1;
     transition: backgroud var(--page-indicator-animation-duration)

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"pageIndicator":"page-indicator__pageIndicator_19c8v","element":"page-indicator__element_19c8v"};
+var styles = {"pageIndicator":"page-indicator__pageIndicator_6lule","element":"page-indicator__element_6lule"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/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_rw8w5 {
+.page-indicator__element_541hu {
     background: var(--page-indicator-color-inverted);
 }
-.page-indicator__element_rw8w5.page-indicator__active_rw8w5 {
+.page-indicator__element_541hu.page-indicator__active_541hu {
         background: var(--page-indicator-active-color-inverted);
     }

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

@@ -1,6 +1,6 @@
 import './inverted.css';
 
-var invertedColors = {"element":"page-indicator__element_rw8w5","active":"page-indicator__active_rw8w5"};
+var invertedColors = {"element":"page-indicator__element_541hu","active":"page-indicator__active_541hu"};
 
 export { invertedColors as default };
 //# sourceMappingURL=inverted.module.css.js.map

package/esm/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_swuyi {
+.page-indicator__element_1p7kq {
     background: var(--page-indicator-color-static-inverted);
 }
-.page-indicator__element_swuyi.page-indicator__active_swuyi {
+.page-indicator__element_1p7kq.page-indicator__active_1p7kq {
         background: var(--page-indicator-active-color-static-inverted);
     }

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

@@ -1,6 +1,6 @@
 import './static-inverted.css';
 
-var staticInvertedColors = {"element":"page-indicator__element_swuyi","active":"page-indicator__active_swuyi"};
+var staticInvertedColors = {"element":"page-indicator__element_1p7kq","active":"page-indicator__active_1p7kq"};
 
 export { staticInvertedColors as default };
 //# sourceMappingURL=static-inverted.module.css.js.map

package/esm/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_2xpc0 {
+.page-indicator__element_ppwqb {
     background: var(--page-indicator-color-static);
 }
-.page-indicator__element_2xpc0.page-indicator__active_2xpc0 {
+.page-indicator__element_ppwqb.page-indicator__active_ppwqb {
         background: var(--page-indicator-active-color-static);
     }

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

@@ -1,6 +1,6 @@
 import './static.css';
 
-var staticColors = {"element":"page-indicator__element_2xpc0","active":"page-indicator__active_2xpc0"};
+var staticColors = {"element":"page-indicator__element_ppwqb","active":"page-indicator__active_ppwqb"};
 
 export { staticColors as default };
 //# sourceMappingURL=static.module.css.js.map

package/modern/components/bullet/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_1ttab {
+.page-indicator__element_xikjh {
     background: var(--page-indicator-color);
 }
-.page-indicator__element_1ttab.page-indicator__active_1ttab {
+.page-indicator__element_xikjh.page-indicator__active_xikjh {
         background: var(--page-indicator-active-color);
     }

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

@@ -1,6 +1,6 @@
 import './default.css';
 
-const defaultColors = {"element":"page-indicator__element_1ttab","active":"page-indicator__active_1ttab"};
+const defaultColors = {"element":"page-indicator__element_xikjh","active":"page-indicator__active_xikjh"};
 
 export { defaultColors as default };
 //# sourceMappingURL=default.module.css.js.map

package/modern/components/bullet/index.css

@@ -5,27 +5,27 @@
     --page-indicator-animation-duration: 0.2s;
     --page-indicator-animation-timing-function: ease-in-out;
 }
-.page-indicator__pageIndicator_1ebir.page-indicator__bullet_1ebir {
+.page-indicator__pageIndicator_22m3m.page-indicator__bullet_22m3m {
         overflow: hidden;
     }
-.page-indicator__elementsList_1ebir {
+.page-indicator__elementsList_22m3m {
     display: flex;
     align-items: center;
     will-change: transform;
     transition: transform var(--page-indicator-animation-duration)
         var(--page-indicator-animation-timing-function);
 }
-.page-indicator__element_1ebir {
+.page-indicator__element_22m3m {
     list-style-type: none;
     flex-shrink: 0;
     transition: background var(--page-indicator-animation-duration)
         var(--page-indicator-animation-timing-function);
     border-radius: var(--border-radius-circle);
 }
-.page-indicator__element_1ebir.page-indicator__entering_1ebir {
+.page-indicator__element_22m3m.page-indicator__entering_22m3m {
         opacity: 0;
     }
-.page-indicator__element_1ebir.page-indicator__entered_1ebir {
+.page-indicator__element_22m3m.page-indicator__entered_22m3m {
         opacity: 1;
         transition:
             background var(--page-indicator-animation-duration)
@@ -33,9 +33,9 @@
             opacity var(--page-indicator-animation-duration)
                 var(--page-indicator-animation-timing-function);
     }
-.page-indicator__element_1ebir.page-indicator__exiting_1ebir {
+.page-indicator__element_22m3m.page-indicator__exiting_22m3m {
         opacity: 0;
     }
-.page-indicator__element_1ebir.page-indicator__exited_1ebir {
+.page-indicator__element_22m3m.page-indicator__exited_22m3m {
         opacity: 0;
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"pageIndicator":"page-indicator__pageIndicator_1ebir","bullet":"page-indicator__bullet_1ebir","elementsList":"page-indicator__elementsList_1ebir","element":"page-indicator__element_1ebir","entering":"page-indicator__entering_1ebir","entered":"page-indicator__entered_1ebir","exiting":"page-indicator__exiting_1ebir","exited":"page-indicator__exited_1ebir"};
+const styles = {"pageIndicator":"page-indicator__pageIndicator_22m3m","bullet":"page-indicator__bullet_22m3m","elementsList":"page-indicator__elementsList_22m3m","element":"page-indicator__element_22m3m","entering":"page-indicator__entering_22m3m","entered":"page-indicator__entered_22m3m","exiting":"page-indicator__exiting_22m3m","exited":"page-indicator__exited_22m3m"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/bullet/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_6gwzc {
+.page-indicator__element_197b8 {
     background: var(--page-indicator-color-inverted);
 }
-.page-indicator__element_6gwzc.page-indicator__active_6gwzc {
+.page-indicator__element_197b8.page-indicator__active_197b8 {
         background: var(--page-indicator-active-color-inverted);
     }

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

@@ -1,6 +1,6 @@
 import './inverted.css';
 
-const invertedColors = {"element":"page-indicator__element_6gwzc","active":"page-indicator__active_6gwzc"};
+const invertedColors = {"element":"page-indicator__element_197b8","active":"page-indicator__active_197b8"};
 
 export { invertedColors as default };
 //# sourceMappingURL=inverted.module.css.js.map

package/modern/components/bullet/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_ki4gw {
+.page-indicator__element_17abv {
     background: var(--page-indicator-color-static-inverted);
 }
-.page-indicator__element_ki4gw.page-indicator__active_ki4gw {
+.page-indicator__element_17abv.page-indicator__active_17abv {
         background: var(--page-indicator-active-color-static-inverted);
     }

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

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

package/modern/components/bullet/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_huezj {
+.page-indicator__element_1etn9 {
     background: var(--page-indicator-color-static);
 }
-.page-indicator__element_huezj.page-indicator__active_huezj {
+.page-indicator__element_1etn9.page-indicator__active_1etn9 {
         background: var(--page-indicator-active-color-static);
     }

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

@@ -1,6 +1,6 @@
 import './static.css';
 
-const staticColors = {"element":"page-indicator__element_huezj","active":"page-indicator__active_huezj"};
+const staticColors = {"element":"page-indicator__element_1etn9","active":"page-indicator__active_1etn9"};
 
 export { staticColors as default };
 //# sourceMappingURL=static.module.css.js.map

package/modern/components/dynamic/default.css

@@ -6,11 +6,11 @@
     --page-indicator-color: var(--color-light-neutral-translucent-300);
     --page-indicator-active-color: var(--color-light-neutral-translucent-1300);
 }
-.page-indicator__element_109ns {
+.page-indicator__element_1xj1z {
     background: var(--page-indicator-color);
 }
-.page-indicator__element_109ns.page-indicator__active_109ns {
-        .page-indicator__progress_109ns {
+.page-indicator__element_1xj1z.page-indicator__active_1xj1z {
+        .page-indicator__progress_1xj1z {
             background: var(--page-indicator-active-color);
         }
     }

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

@@ -1,6 +1,6 @@
 import './default.css';
 
-const defaultColors = {"element":"page-indicator__element_109ns","active":"page-indicator__active_109ns","progress":"page-indicator__progress_109ns"};
+const defaultColors = {"element":"page-indicator__element_1xj1z","active":"page-indicator__active_1xj1z","progress":"page-indicator__progress_1xj1z"};
 
 export { defaultColors as default };
 //# sourceMappingURL=default.module.css.js.map

package/modern/components/dynamic/index.css

@@ -1,22 +1,22 @@
 :root {
     --page-indicator-animation-duration: 0.2s;
 }
-.page-indicator__pageIndicator_1diwz {
+.page-indicator__pageIndicator_g9iso {
     display: flex;
 }
-.page-indicator__element_1diwz {
+.page-indicator__element_g9iso {
     list-style-type: none;
     overflow: hidden;
     transition: width var(--page-indicator-animation-duration) linear;
 }
-.page-indicator__element_1diwz:not(.page-indicator__active_1diwz) {
-        .page-indicator__progress_1diwz {
+.page-indicator__element_g9iso:not(.page-indicator__active_g9iso) {
+        .page-indicator__progress_g9iso {
             display: none;
         }
     }
-.page-indicator__element_1diwz {
+.page-indicator__element_g9iso {
 
-    .page-indicator__progress_1diwz {
+    .page-indicator__progress_g9iso {
         width: 100%;
         height: 100%;
         will-change: transform;