@alfalab/core-components 48.29.0-beta.0 → 48.29.0-snapshot-b4d1ee6

package/page-indicator/esm/components/dynamic/default.css

@@ -34,10 +34,10 @@
     /* static */
 
     /* static-inverted */
-} .page-indicator__element_1w95z {
+} .page-indicator__element_10nj4 {
     background: var(--page-indicator-color)
-} .page-indicator__element_1w95z.page-indicator__active_1w95z {
-        .page-indicator__progress_1w95z {
+} .page-indicator__element_10nj4.page-indicator__active_10nj4 {
+        .page-indicator__progress_10nj4 {
             background: var(--page-indicator-active-color);
         }
     }

package/page-indicator/esm/components/dynamic/index.css

@@ -31,21 +31,21 @@
     /* static */
 
     /* static-inverted */
-} .page-indicator__pageIndicator_12vgf {
+} .page-indicator__pageIndicator_1yh3b {
     margin: 0;
     padding: 0;
     display: flex;
-} .page-indicator__element_12vgf {
+} .page-indicator__element_1yh3b {
     list-style-type: none;
     overflow: hidden;
     transition: width var(--page-indicator-animation-duration) linear
-} .page-indicator__element_12vgf:not(.page-indicator__active_12vgf) {
-        .page-indicator__progress_12vgf {
+} .page-indicator__element_1yh3b:not(.page-indicator__active_1yh3b) {
+        .page-indicator__progress_1yh3b {
             display: none;
         }
-    } .page-indicator__element_12vgf {
+    } .page-indicator__element_1yh3b {
 
-    .page-indicator__progress_12vgf {
+    .page-indicator__progress_1yh3b {
         width: 100%;
         height: 100%;
         will-change: transform;

package/page-indicator/esm/components/dynamic/inverted.css

@@ -34,10 +34,10 @@
     /* static */
 
     /* static-inverted */
-} .page-indicator__element_14f3h {
+} .page-indicator__element_8tglr {
     background: var(--page-indicator-color-inverted)
-} .page-indicator__element_14f3h.page-indicator__active_14f3h {
-        .page-indicator__progress_14f3h {
+} .page-indicator__element_8tglr.page-indicator__active_8tglr {
+        .page-indicator__progress_8tglr {
             background: var(--page-indicator-active-color-inverted);
         }
     }

package/page-indicator/esm/components/dynamic/static-inverted.css

@@ -34,10 +34,10 @@
     /* static-inverted */
     --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_swsit {
+} .page-indicator__element_1oife {
     background: var(--page-indicator-color-static-inverted)
-} .page-indicator__element_swsit.page-indicator__active_swsit {
-        .page-indicator__progress_swsit {
+} .page-indicator__element_1oife.page-indicator__active_1oife {
+        .page-indicator__progress_1oife {
             background: var(--page-indicator-active-color-static-inverted);
         }
     }

package/page-indicator/esm/components/dynamic/static.css

@@ -34,10 +34,10 @@
     --page-indicator-active-color-static: var(--color-static-neutral-1300);
 
     /* static-inverted */
-} .page-indicator__element_hka29 {
+} .page-indicator__element_13mhq {
     background: var(--page-indicator-color-static)
-} .page-indicator__element_hka29.page-indicator__active_hka29 {
-        .page-indicator__progress_hka29 {
+} .page-indicator__element_13mhq.page-indicator__active_13mhq {
+        .page-indicator__progress_13mhq {
             background: var(--page-indicator-active-color-static);
         }
     }

package/page-indicator/esm/components/runner/Component.js

@@ -1,19 +1,19 @@
 import React from 'react';
 import cn from 'classnames';
 
-var defaultColors = {"pageIndicator":"page-indicator__pageIndicator_11xua","element":"page-indicator__element_11xua"};
+var defaultColors = {"pageIndicator":"page-indicator__pageIndicator_1x9b8","element":"page-indicator__element_1x9b8"};
 require('./default.css');
 
-var styles = {"element":"page-indicator__element_jytix"};
+var styles = {"element":"page-indicator__element_zqym6"};
 require('./index.css');
 
-var invertedColors = {"pageIndicator":"page-indicator__pageIndicator_mxrii","element":"page-indicator__element_mxrii"};
+var invertedColors = {"pageIndicator":"page-indicator__pageIndicator_1i98g","element":"page-indicator__element_1i98g"};
 require('./inverted.css');
 
-var staticColors = {"pageIndicator":"page-indicator__pageIndicator_zha50","element":"page-indicator__element_zha50"};
+var staticColors = {"pageIndicator":"page-indicator__pageIndicator_4ubo6","element":"page-indicator__element_4ubo6"};
 require('./static.css');
 
-var staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_1mkpy","element":"page-indicator__element_1mkpy"};
+var staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_3br00","element":"page-indicator__element_3br00"};
 require('./static-inverted.css');
 
 var colorsStyle = {

package/page-indicator/esm/components/runner/default.css

@@ -34,8 +34,8 @@
     /* static */
 
     /* static-inverted */
-} .page-indicator__pageIndicator_11xua {
+} .page-indicator__pageIndicator_1x9b8 {
     background: var(--page-indicator-color);
-} .page-indicator__element_11xua {
+} .page-indicator__element_1x9b8 {
     background: var(--page-indicator-active-color);
 }

package/page-indicator/esm/components/runner/index.css

@@ -31,7 +31,7 @@
     /* static */
 
     /* static-inverted */
-} .page-indicator__element_jytix {
+} .page-indicator__element_zqym6 {
     transition: transform var(--page-indicator-animation-duration) linear;
     will-change: transition;
 }

package/page-indicator/esm/components/runner/inverted.css

@@ -34,8 +34,8 @@
     /* static */
 
     /* static-inverted */
-} .page-indicator__pageIndicator_mxrii {
+} .page-indicator__pageIndicator_1i98g {
     background: var(--page-indicator-color-inverted);
-} .page-indicator__element_mxrii {
+} .page-indicator__element_1i98g {
     background: var(--page-indicator-active-color-inverted);
 }

package/page-indicator/esm/components/runner/static-inverted.css

@@ -34,8 +34,8 @@
     /* static-inverted */
     --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_1mkpy {
+} .page-indicator__pageIndicator_3br00 {
     background: var(--page-indicator-color-static-inverted);
-} .page-indicator__element_1mkpy {
+} .page-indicator__element_3br00 {
     background: var(--page-indicator-active-color-static-inverted);
 }

package/page-indicator/esm/components/runner/static.css

@@ -34,8 +34,8 @@
     --page-indicator-active-color-static: var(--color-static-neutral-1300);
 
     /* static-inverted */
-} .page-indicator__pageIndicator_zha50 {
+} .page-indicator__pageIndicator_4ubo6 {
     background: var(--page-indicator-color-static);
-} .page-indicator__element_zha50 {
+} .page-indicator__element_4ubo6 {
     background: var(--page-indicator-active-color-static);
 }

package/page-indicator/esm/components/step/Component.js

@@ -1,19 +1,19 @@
 import React from 'react';
 import cn from 'classnames';
 
-var defaultColors = {"element":"page-indicator__element_12vnh","active":"page-indicator__active_12vnh"};
+var defaultColors = {"element":"page-indicator__element_mezwp","active":"page-indicator__active_mezwp"};
 require('./default.css');
 
-var styles = {"pageIndicator":"page-indicator__pageIndicator_o0tqh","element":"page-indicator__element_o0tqh"};
+var styles = {"pageIndicator":"page-indicator__pageIndicator_1sezb","element":"page-indicator__element_1sezb"};
 require('./index.css');
 
-var invertedColors = {"element":"page-indicator__element_26aqo","active":"page-indicator__active_26aqo"};
+var invertedColors = {"element":"page-indicator__element_1kqr8","active":"page-indicator__active_1kqr8"};
 require('./inverted.css');
 
-var staticColors = {"element":"page-indicator__element_1epz2","active":"page-indicator__active_1epz2"};
+var staticColors = {"element":"page-indicator__element_1v6mm","active":"page-indicator__active_1v6mm"};
 require('./static.css');
 
-var staticInvertedColors = {"element":"page-indicator__element_1mohb","active":"page-indicator__active_1mohb"};
+var staticInvertedColors = {"element":"page-indicator__element_s1iun","active":"page-indicator__active_s1iun"};
 require('./static-inverted.css');
 
 var colorsStyle = {

package/page-indicator/esm/components/step/default.css

@@ -34,8 +34,8 @@
     /* static */
 
     /* static-inverted */
-} .page-indicator__element_12vnh {
+} .page-indicator__element_mezwp {
     background: var(--page-indicator-color)
-} .page-indicator__element_12vnh.page-indicator__active_12vnh {
+} .page-indicator__element_mezwp.page-indicator__active_mezwp {
         background: var(--page-indicator-active-color);
     }

package/page-indicator/esm/components/step/index.css

@@ -32,11 +32,11 @@
     /* static */
 
     /* static-inverted */
-} .page-indicator__pageIndicator_o0tqh {
+} .page-indicator__pageIndicator_1sezb {
     margin: 0;
     padding: 0;
     display: flex;
-} .page-indicator__element_o0tqh {
+} .page-indicator__element_1sezb {
     list-style-type: none;
     flex-grow: 1;
     transition: backgroud var(--page-indicator-animation-duration)

package/page-indicator/esm/components/step/inverted.css

@@ -34,8 +34,8 @@
     /* static */
 
     /* static-inverted */
-} .page-indicator__element_26aqo {
+} .page-indicator__element_1kqr8 {
     background: var(--page-indicator-color-inverted)
-} .page-indicator__element_26aqo.page-indicator__active_26aqo {
+} .page-indicator__element_1kqr8.page-indicator__active_1kqr8 {
         background: var(--page-indicator-active-color-inverted);
     }

package/page-indicator/esm/components/step/static-inverted.css

@@ -34,8 +34,8 @@
     /* static-inverted */
     --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_1mohb {
+} .page-indicator__element_s1iun {
     background: var(--page-indicator-color-static-inverted)
-} .page-indicator__element_1mohb.page-indicator__active_1mohb {
+} .page-indicator__element_s1iun.page-indicator__active_s1iun {
         background: var(--page-indicator-active-color-static-inverted);
     }

package/page-indicator/esm/components/step/static.css

@@ -34,8 +34,8 @@
     --page-indicator-active-color-static: var(--color-static-neutral-1300);
 
     /* static-inverted */
-} .page-indicator__element_1epz2 {
+} .page-indicator__element_1v6mm {
     background: var(--page-indicator-color-static)
-} .page-indicator__element_1epz2.page-indicator__active_1epz2 {
+} .page-indicator__element_1v6mm.page-indicator__active_1v6mm {
         background: var(--page-indicator-active-color-static);
     }

package/page-indicator/modern/components/bullet/Component.js

@@ -3,19 +3,19 @@ import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { calcParams } from './utils/utils.js';
 
-const defaultColors = {"element":"page-indicator__element_6kuk6","active":"page-indicator__active_6kuk6"};
+const defaultColors = {"element":"page-indicator__element_117t1","active":"page-indicator__active_117t1"};
 require('./default.css');
 
-const styles = {"pageIndicator":"page-indicator__pageIndicator_10348","bullet":"page-indicator__bullet_10348","elementsList":"page-indicator__elementsList_10348","element":"page-indicator__element_10348","entering":"page-indicator__entering_10348","entered":"page-indicator__entered_10348","exiting":"page-indicator__exiting_10348","exited":"page-indicator__exited_10348"};
+const styles = {"pageIndicator":"page-indicator__pageIndicator_1gjrt","bullet":"page-indicator__bullet_1gjrt","elementsList":"page-indicator__elementsList_1gjrt","element":"page-indicator__element_1gjrt","entering":"page-indicator__entering_1gjrt","entered":"page-indicator__entered_1gjrt","exiting":"page-indicator__exiting_1gjrt","exited":"page-indicator__exited_1gjrt"};
 require('./index.css');
 
-const invertedColors = {"element":"page-indicator__element_17sgq","active":"page-indicator__active_17sgq"};
+const invertedColors = {"element":"page-indicator__element_3eb5k","active":"page-indicator__active_3eb5k"};
 require('./inverted.css');
 
-const staticColors = {"element":"page-indicator__element_o9igj","active":"page-indicator__active_o9igj"};
+const staticColors = {"element":"page-indicator__element_1rz5k","active":"page-indicator__active_1rz5k"};
 require('./static.css');
 
-const staticInvertedColors = {"element":"page-indicator__element_mhbpo","active":"page-indicator__active_mhbpo"};
+const staticInvertedColors = {"element":"page-indicator__element_12xza","active":"page-indicator__active_12xza"};
 require('./static-inverted.css');
 
 const colorsStyle = {

package/page-indicator/modern/components/bullet/default.css

@@ -34,8 +34,8 @@
     /* static */
 
     /* static-inverted */
-} .page-indicator__element_6kuk6 {
+} .page-indicator__element_117t1 {
     background: var(--page-indicator-color)
-} .page-indicator__element_6kuk6.page-indicator__active_6kuk6 {
+} .page-indicator__element_117t1.page-indicator__active_117t1 {
         background: var(--page-indicator-active-color);
     }

package/page-indicator/modern/components/bullet/index.css

@@ -33,9 +33,9 @@
     /* static */
 
     /* static-inverted */
-} .page-indicator__pageIndicator_10348.page-indicator__bullet_10348 {
+} .page-indicator__pageIndicator_1gjrt.page-indicator__bullet_1gjrt {
         overflow: hidden;
-    } .page-indicator__elementsList_10348 {
+    } .page-indicator__elementsList_1gjrt {
     margin: 0;
     padding: 0;
     display: flex;
@@ -43,22 +43,22 @@
     will-change: transform;
     transition: transform var(--page-indicator-animation-duration)
         var(--page-indicator-animation-timing-function);
-} .page-indicator__element_10348 {
+} .page-indicator__element_1gjrt {
     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_10348.page-indicator__entering_10348 {
+} .page-indicator__element_1gjrt.page-indicator__entering_1gjrt {
         opacity: 0;
-    } .page-indicator__element_10348.page-indicator__entered_10348 {
+    } .page-indicator__element_1gjrt.page-indicator__entered_1gjrt {
         opacity: 1;
         transition: background var(--page-indicator-animation-duration)
                 var(--page-indicator-animation-timing-function),
             opacity var(--page-indicator-animation-duration)
                 var(--page-indicator-animation-timing-function);
-    } .page-indicator__element_10348.page-indicator__exiting_10348 {
+    } .page-indicator__element_1gjrt.page-indicator__exiting_1gjrt {
         opacity: 0;
-    } .page-indicator__element_10348.page-indicator__exited_10348 {
+    } .page-indicator__element_1gjrt.page-indicator__exited_1gjrt {
         opacity: 0;
     }

package/page-indicator/modern/components/bullet/inverted.css

@@ -34,8 +34,8 @@
     /* static */
 
     /* static-inverted */
-} .page-indicator__element_17sgq {
+} .page-indicator__element_3eb5k {
     background: var(--page-indicator-color-inverted)
-} .page-indicator__element_17sgq.page-indicator__active_17sgq {
+} .page-indicator__element_3eb5k.page-indicator__active_3eb5k {
         background: var(--page-indicator-active-color-inverted);
     }

package/page-indicator/modern/components/bullet/static-inverted.css

@@ -34,8 +34,8 @@
     /* static-inverted */
     --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_mhbpo {
+} .page-indicator__element_12xza {
     background: var(--page-indicator-color-static-inverted)
-} .page-indicator__element_mhbpo.page-indicator__active_mhbpo {
+} .page-indicator__element_12xza.page-indicator__active_12xza {
         background: var(--page-indicator-active-color-static-inverted);
     }

package/page-indicator/modern/components/bullet/static.css

@@ -34,8 +34,8 @@
     --page-indicator-active-color-static: var(--color-static-neutral-1300);
 
     /* static-inverted */
-} .page-indicator__element_o9igj {
+} .page-indicator__element_1rz5k {
     background: var(--page-indicator-color-static)
-} .page-indicator__element_o9igj.page-indicator__active_o9igj {
+} .page-indicator__element_1rz5k.page-indicator__active_1rz5k {
         background: var(--page-indicator-active-color-static);
     }

package/page-indicator/modern/components/dynamic/Component.js

@@ -2,19 +2,19 @@ import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
 import { hasOwnProperty, isNonNullable, isFn, noop, isNullable } from '../../../../shared/modern';
 
-const defaultColors = {"element":"page-indicator__element_1w95z","active":"page-indicator__active_1w95z","progress":"page-indicator__progress_1w95z"};
+const defaultColors = {"element":"page-indicator__element_10nj4","active":"page-indicator__active_10nj4","progress":"page-indicator__progress_10nj4"};
 require('./default.css');
 
-const styles = {"pageIndicator":"page-indicator__pageIndicator_12vgf","element":"page-indicator__element_12vgf","active":"page-indicator__active_12vgf","progress":"page-indicator__progress_12vgf"};
+const styles = {"pageIndicator":"page-indicator__pageIndicator_1yh3b","element":"page-indicator__element_1yh3b","active":"page-indicator__active_1yh3b","progress":"page-indicator__progress_1yh3b"};
 require('./index.css');
 
-const invertedColors = {"element":"page-indicator__element_14f3h","active":"page-indicator__active_14f3h","progress":"page-indicator__progress_14f3h"};
+const invertedColors = {"element":"page-indicator__element_8tglr","active":"page-indicator__active_8tglr","progress":"page-indicator__progress_8tglr"};
 require('./inverted.css');
 
-const staticColors = {"element":"page-indicator__element_hka29","active":"page-indicator__active_hka29","progress":"page-indicator__progress_hka29"};
+const staticColors = {"element":"page-indicator__element_13mhq","active":"page-indicator__active_13mhq","progress":"page-indicator__progress_13mhq"};
 require('./static.css');
 
-const staticInvertedColors = {"element":"page-indicator__element_swsit","active":"page-indicator__active_swsit","progress":"page-indicator__progress_swsit"};
+const staticInvertedColors = {"element":"page-indicator__element_1oife","active":"page-indicator__active_1oife","progress":"page-indicator__progress_1oife"};
 require('./static-inverted.css');
 
 const colorsStyle = {

package/page-indicator/modern/components/dynamic/default.css

@@ -34,10 +34,10 @@
     /* static */
 
     /* static-inverted */
-} .page-indicator__element_1w95z {
+} .page-indicator__element_10nj4 {
     background: var(--page-indicator-color)
-} .page-indicator__element_1w95z.page-indicator__active_1w95z {
-        .page-indicator__progress_1w95z {
+} .page-indicator__element_10nj4.page-indicator__active_10nj4 {
+        .page-indicator__progress_10nj4 {
             background: var(--page-indicator-active-color);
         }
     }

package/page-indicator/modern/components/dynamic/index.css

@@ -31,21 +31,21 @@
     /* static */
 
     /* static-inverted */
-} .page-indicator__pageIndicator_12vgf {
+} .page-indicator__pageIndicator_1yh3b {
     margin: 0;
     padding: 0;
     display: flex;
-} .page-indicator__element_12vgf {
+} .page-indicator__element_1yh3b {
     list-style-type: none;
     overflow: hidden;
     transition: width var(--page-indicator-animation-duration) linear
-} .page-indicator__element_12vgf:not(.page-indicator__active_12vgf) {
-        .page-indicator__progress_12vgf {
+} .page-indicator__element_1yh3b:not(.page-indicator__active_1yh3b) {
+        .page-indicator__progress_1yh3b {
             display: none;
         }
-    } .page-indicator__element_12vgf {
+    } .page-indicator__element_1yh3b {
 
-    .page-indicator__progress_12vgf {
+    .page-indicator__progress_1yh3b {
         width: 100%;
         height: 100%;
         will-change: transform;

package/page-indicator/modern/components/dynamic/inverted.css

@@ -34,10 +34,10 @@
     /* static */
 
     /* static-inverted */
-} .page-indicator__element_14f3h {
+} .page-indicator__element_8tglr {
     background: var(--page-indicator-color-inverted)
-} .page-indicator__element_14f3h.page-indicator__active_14f3h {
-        .page-indicator__progress_14f3h {
+} .page-indicator__element_8tglr.page-indicator__active_8tglr {
+        .page-indicator__progress_8tglr {
             background: var(--page-indicator-active-color-inverted);
         }
     }

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

@@ -34,10 +34,10 @@
     /* static-inverted */
     --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_swsit {
+} .page-indicator__element_1oife {
     background: var(--page-indicator-color-static-inverted)
-} .page-indicator__element_swsit.page-indicator__active_swsit {
-        .page-indicator__progress_swsit {
+} .page-indicator__element_1oife.page-indicator__active_1oife {
+        .page-indicator__progress_1oife {
             background: var(--page-indicator-active-color-static-inverted);
         }
     }

package/page-indicator/modern/components/dynamic/static.css

@@ -34,10 +34,10 @@
     --page-indicator-active-color-static: var(--color-static-neutral-1300);
 
     /* static-inverted */
-} .page-indicator__element_hka29 {
+} .page-indicator__element_13mhq {
     background: var(--page-indicator-color-static)
-} .page-indicator__element_hka29.page-indicator__active_hka29 {
-        .page-indicator__progress_hka29 {
+} .page-indicator__element_13mhq.page-indicator__active_13mhq {
+        .page-indicator__progress_13mhq {
             background: var(--page-indicator-active-color-static);
         }
     }

package/page-indicator/modern/components/runner/Component.js

@@ -1,19 +1,19 @@
 import React from 'react';
 import cn from 'classnames';
 
-const defaultColors = {"pageIndicator":"page-indicator__pageIndicator_11xua","element":"page-indicator__element_11xua"};
+const defaultColors = {"pageIndicator":"page-indicator__pageIndicator_1x9b8","element":"page-indicator__element_1x9b8"};
 require('./default.css');
 
-const styles = {"element":"page-indicator__element_jytix"};
+const styles = {"element":"page-indicator__element_zqym6"};
 require('./index.css');
 
-const invertedColors = {"pageIndicator":"page-indicator__pageIndicator_mxrii","element":"page-indicator__element_mxrii"};
+const invertedColors = {"pageIndicator":"page-indicator__pageIndicator_1i98g","element":"page-indicator__element_1i98g"};
 require('./inverted.css');
 
-const staticColors = {"pageIndicator":"page-indicator__pageIndicator_zha50","element":"page-indicator__element_zha50"};
+const staticColors = {"pageIndicator":"page-indicator__pageIndicator_4ubo6","element":"page-indicator__element_4ubo6"};
 require('./static.css');
 
-const staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_1mkpy","element":"page-indicator__element_1mkpy"};
+const staticInvertedColors = {"pageIndicator":"page-indicator__pageIndicator_3br00","element":"page-indicator__element_3br00"};
 require('./static-inverted.css');
 
 const colorsStyle = {

package/page-indicator/modern/components/runner/default.css

@@ -34,8 +34,8 @@
     /* static */
 
     /* static-inverted */
-} .page-indicator__pageIndicator_11xua {
+} .page-indicator__pageIndicator_1x9b8 {
     background: var(--page-indicator-color);
-} .page-indicator__element_11xua {
+} .page-indicator__element_1x9b8 {
     background: var(--page-indicator-active-color);
 }

package/page-indicator/modern/components/runner/index.css

@@ -31,7 +31,7 @@
     /* static */
 
     /* static-inverted */
-} .page-indicator__element_jytix {
+} .page-indicator__element_zqym6 {
     transition: transform var(--page-indicator-animation-duration) linear;
     will-change: transition;
 }

package/page-indicator/modern/components/runner/inverted.css

@@ -34,8 +34,8 @@
     /* static */
 
     /* static-inverted */
-} .page-indicator__pageIndicator_mxrii {
+} .page-indicator__pageIndicator_1i98g {
     background: var(--page-indicator-color-inverted);
-} .page-indicator__element_mxrii {
+} .page-indicator__element_1i98g {
     background: var(--page-indicator-active-color-inverted);
 }

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

@@ -34,8 +34,8 @@
     /* static-inverted */
     --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_1mkpy {
+} .page-indicator__pageIndicator_3br00 {
     background: var(--page-indicator-color-static-inverted);
-} .page-indicator__element_1mkpy {
+} .page-indicator__element_3br00 {
     background: var(--page-indicator-active-color-static-inverted);
 }

package/page-indicator/modern/components/runner/static.css

@@ -34,8 +34,8 @@
     --page-indicator-active-color-static: var(--color-static-neutral-1300);
 
     /* static-inverted */
-} .page-indicator__pageIndicator_zha50 {
+} .page-indicator__pageIndicator_4ubo6 {
     background: var(--page-indicator-color-static);
-} .page-indicator__element_zha50 {
+} .page-indicator__element_4ubo6 {
     background: var(--page-indicator-active-color-static);
 }

package/page-indicator/modern/components/step/Component.js

@@ -1,19 +1,19 @@
 import React from 'react';
 import cn from 'classnames';
 
-const defaultColors = {"element":"page-indicator__element_12vnh","active":"page-indicator__active_12vnh"};
+const defaultColors = {"element":"page-indicator__element_mezwp","active":"page-indicator__active_mezwp"};
 require('./default.css');
 
-const styles = {"pageIndicator":"page-indicator__pageIndicator_o0tqh","element":"page-indicator__element_o0tqh"};
+const styles = {"pageIndicator":"page-indicator__pageIndicator_1sezb","element":"page-indicator__element_1sezb"};
 require('./index.css');
 
-const invertedColors = {"element":"page-indicator__element_26aqo","active":"page-indicator__active_26aqo"};
+const invertedColors = {"element":"page-indicator__element_1kqr8","active":"page-indicator__active_1kqr8"};
 require('./inverted.css');
 
-const staticColors = {"element":"page-indicator__element_1epz2","active":"page-indicator__active_1epz2"};
+const staticColors = {"element":"page-indicator__element_1v6mm","active":"page-indicator__active_1v6mm"};
 require('./static.css');
 
-const staticInvertedColors = {"element":"page-indicator__element_1mohb","active":"page-indicator__active_1mohb"};
+const staticInvertedColors = {"element":"page-indicator__element_s1iun","active":"page-indicator__active_s1iun"};
 require('./static-inverted.css');
 
 const colorsStyle = {

package/page-indicator/modern/components/step/default.css

@@ -34,8 +34,8 @@
     /* static */
 
     /* static-inverted */
-} .page-indicator__element_12vnh {
+} .page-indicator__element_mezwp {
     background: var(--page-indicator-color)
-} .page-indicator__element_12vnh.page-indicator__active_12vnh {
+} .page-indicator__element_mezwp.page-indicator__active_mezwp {
         background: var(--page-indicator-active-color);
     }