@alfalab/core-components 27.5.0 → 27.6.0

package/slider-input/Component.js

@@ -49,7 +49,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"slider-input__component_g1j31","block":"slider-input__block_g1j31","slider":"slider-input__slider_g1j31","field":"slider-input__field_g1j31","input":"slider-input__input_g1j31","steps":"slider-input__steps_g1j31","info":"slider-input__info_g1j31","s":"slider-input__s_g1j31","hasLabel":"slider-input__hasLabel_g1j31","m":"slider-input__m_g1j31","l":"slider-input__l_g1j31","xl":"slider-input__xl_g1j31","focused":"slider-input__focused_g1j31","filled":"slider-input__filled_g1j31"};
+var styles = {"component":"slider-input__component_hc6c6","block":"slider-input__block_hc6c6","slider":"slider-input__slider_hc6c6","field":"slider-input__field_hc6c6","input":"slider-input__input_hc6c6","steps":"slider-input__steps_hc6c6","info":"slider-input__info_hc6c6","s":"slider-input__s_hc6c6","hasLabel":"slider-input__hasLabel_hc6c6","m":"slider-input__m_hc6c6","l":"slider-input__l_hc6c6","xl":"slider-input__xl_hc6c6","focused":"slider-input__focused_hc6c6","filled":"slider-input__filled_hc6c6"};
 require('./index.css');
 
 var SliderInput = React.forwardRef(function (_a, ref) {

package/slider-input/esm/Component.js

@@ -42,7 +42,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"slider-input__component_g1j31","block":"slider-input__block_g1j31","slider":"slider-input__slider_g1j31","field":"slider-input__field_g1j31","input":"slider-input__input_g1j31","steps":"slider-input__steps_g1j31","info":"slider-input__info_g1j31","s":"slider-input__s_g1j31","hasLabel":"slider-input__hasLabel_g1j31","m":"slider-input__m_g1j31","l":"slider-input__l_g1j31","xl":"slider-input__xl_g1j31","focused":"slider-input__focused_g1j31","filled":"slider-input__filled_g1j31"};
+var styles = {"component":"slider-input__component_hc6c6","block":"slider-input__block_hc6c6","slider":"slider-input__slider_hc6c6","field":"slider-input__field_hc6c6","input":"slider-input__input_hc6c6","steps":"slider-input__steps_hc6c6","info":"slider-input__info_hc6c6","s":"slider-input__s_hc6c6","hasLabel":"slider-input__hasLabel_hc6c6","m":"slider-input__m_hc6c6","l":"slider-input__l_hc6c6","xl":"slider-input__xl_hc6c6","focused":"slider-input__focused_hc6c6","filled":"slider-input__filled_hc6c6"};
 require('./index.css');
 
 var SliderInput = forwardRef(function (_a, ref) {

package/slider-input/esm/index.css

@@ -18,35 +18,35 @@
     --slider-input-info-color: var(--color-light-text-secondary);
     --slider-input-font-weight: 700;
 }
-.slider-input__component_g1j31 {
+.slider-input__component_hc6c6 {
     position: relative;
     display: inline-block;
 }
-.slider-input__block_g1j31 {
+.slider-input__block_hc6c6 {
     display: block;
 }
-.slider-input__slider_g1j31 {
+.slider-input__slider_hc6c6 {
     position: absolute;
     margin-top: -1px;
     transform: translateY(-50%)
 }
-.slider-input__slider_g1j31 + * {
+.slider-input__slider_hc6c6 + * {
         margin-top: var(--gap-xs);
     }
-.slider-input__field_g1j31 {
+.slider-input__field_hc6c6 {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
 }
-.slider-input__input_g1j31 input,
-    .slider-input__input_g1j31 input + div {
+.slider-input__input_hc6c6 input,
+    .slider-input__input_hc6c6 input + div {
         font-weight: var(--slider-input-font-weight);
         font-feature-settings: "tnum";
         font-variant-numeric: tabular-nums;
     }
-.slider-input__input_g1j31 input::placeholder {
+.slider-input__input_hc6c6 input::placeholder {
         font-weight: 400;
     }
-.slider-input__steps_g1j31 {
+.slider-input__steps_hc6c6 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -56,7 +56,7 @@
     margin-top: var(--gap-xs);
     color: var(--slider-input-steps-color);
 }
-.slider-input__info_g1j31 {
+.slider-input__info_hc6c6 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -67,28 +67,28 @@
     transition: 0.2s ease;
     visibility: hidden;
 }
-.slider-input__s_g1j31.slider-input__hasLabel_g1j31 .slider-input__info_g1j31:first-child {
+.slider-input__s_hc6c6.slider-input__hasLabel_hc6c6 .slider-input__info_hc6c6:first-child {
     padding: var(--form-control-labeled-s-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__m_g1j31.slider-input__hasLabel_g1j31 .slider-input__info_g1j31:first-child {
+.slider-input__m_hc6c6.slider-input__hasLabel_hc6c6 .slider-input__info_hc6c6:first-child {
     padding: var(--form-control-labeled-m-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__l_g1j31.slider-input__hasLabel_g1j31 .slider-input__info_g1j31:first-child {
+.slider-input__l_hc6c6.slider-input__hasLabel_hc6c6 .slider-input__info_hc6c6:first-child {
     padding: var(--form-control-labeled-l-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__xl_g1j31.slider-input__hasLabel_g1j31 .slider-input__info_g1j31:first-child {
+.slider-input__xl_hc6c6.slider-input__hasLabel_hc6c6 .slider-input__info_hc6c6:first-child {
     padding: var(--form-control-labeled-xl-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__focused_g1j31 .slider-input__info_g1j31,
-.slider-input__filled_g1j31 .slider-input__info_g1j31 {
+.slider-input__focused_hc6c6 .slider-input__info_hc6c6,
+.slider-input__filled_hc6c6 .slider-input__info_hc6c6 {
     visibility: visible;
     opacity: 1;
 }

package/slider-input/index.css

@@ -18,35 +18,35 @@
     --slider-input-info-color: var(--color-light-text-secondary);
     --slider-input-font-weight: 700;
 }
-.slider-input__component_g1j31 {
+.slider-input__component_hc6c6 {
     position: relative;
     display: inline-block;
 }
-.slider-input__block_g1j31 {
+.slider-input__block_hc6c6 {
     display: block;
 }
-.slider-input__slider_g1j31 {
+.slider-input__slider_hc6c6 {
     position: absolute;
     margin-top: -1px;
     transform: translateY(-50%)
 }
-.slider-input__slider_g1j31 + * {
+.slider-input__slider_hc6c6 + * {
         margin-top: var(--gap-xs);
     }
-.slider-input__field_g1j31 {
+.slider-input__field_hc6c6 {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
 }
-.slider-input__input_g1j31 input,
-    .slider-input__input_g1j31 input + div {
+.slider-input__input_hc6c6 input,
+    .slider-input__input_hc6c6 input + div {
         font-weight: var(--slider-input-font-weight);
         font-feature-settings: "tnum";
         font-variant-numeric: tabular-nums;
     }
-.slider-input__input_g1j31 input::placeholder {
+.slider-input__input_hc6c6 input::placeholder {
         font-weight: 400;
     }
-.slider-input__steps_g1j31 {
+.slider-input__steps_hc6c6 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -56,7 +56,7 @@
     margin-top: var(--gap-xs);
     color: var(--slider-input-steps-color);
 }
-.slider-input__info_g1j31 {
+.slider-input__info_hc6c6 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -67,28 +67,28 @@
     transition: 0.2s ease;
     visibility: hidden;
 }
-.slider-input__s_g1j31.slider-input__hasLabel_g1j31 .slider-input__info_g1j31:first-child {
+.slider-input__s_hc6c6.slider-input__hasLabel_hc6c6 .slider-input__info_hc6c6:first-child {
     padding: var(--form-control-labeled-s-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__m_g1j31.slider-input__hasLabel_g1j31 .slider-input__info_g1j31:first-child {
+.slider-input__m_hc6c6.slider-input__hasLabel_hc6c6 .slider-input__info_hc6c6:first-child {
     padding: var(--form-control-labeled-m-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__l_g1j31.slider-input__hasLabel_g1j31 .slider-input__info_g1j31:first-child {
+.slider-input__l_hc6c6.slider-input__hasLabel_hc6c6 .slider-input__info_hc6c6:first-child {
     padding: var(--form-control-labeled-l-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__xl_g1j31.slider-input__hasLabel_g1j31 .slider-input__info_g1j31:first-child {
+.slider-input__xl_hc6c6.slider-input__hasLabel_hc6c6 .slider-input__info_hc6c6:first-child {
     padding: var(--form-control-labeled-xl-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__focused_g1j31 .slider-input__info_g1j31,
-.slider-input__filled_g1j31 .slider-input__info_g1j31 {
+.slider-input__focused_hc6c6 .slider-input__info_hc6c6,
+.slider-input__filled_hc6c6 .slider-input__info_hc6c6 {
     visibility: visible;
     opacity: 1;
 }

package/slider-input/modern/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Slider } from '../../slider/modern';
 import { Input } from '../../input/modern';
 
-var styles = {"component":"slider-input__component_g1j31","block":"slider-input__block_g1j31","slider":"slider-input__slider_g1j31","field":"slider-input__field_g1j31","input":"slider-input__input_g1j31","steps":"slider-input__steps_g1j31","info":"slider-input__info_g1j31","s":"slider-input__s_g1j31","hasLabel":"slider-input__hasLabel_g1j31","m":"slider-input__m_g1j31","l":"slider-input__l_g1j31","xl":"slider-input__xl_g1j31","focused":"slider-input__focused_g1j31","filled":"slider-input__filled_g1j31"};
+var styles = {"component":"slider-input__component_hc6c6","block":"slider-input__block_hc6c6","slider":"slider-input__slider_hc6c6","field":"slider-input__field_hc6c6","input":"slider-input__input_hc6c6","steps":"slider-input__steps_hc6c6","info":"slider-input__info_hc6c6","s":"slider-input__s_hc6c6","hasLabel":"slider-input__hasLabel_hc6c6","m":"slider-input__m_hc6c6","l":"slider-input__l_hc6c6","xl":"slider-input__xl_hc6c6","focused":"slider-input__focused_hc6c6","filled":"slider-input__filled_hc6c6"};
 require('./index.css');
 
 const SliderInput = forwardRef(({ className, inputClassName, sliderClassName, stepsClassName, focusedClassName, fieldClassName, value = '', min = 0, max = 100, step = 1, block, sliderValue = +value, steps = [], size = 's', label, info, disabled, readOnly, onChange, onInputChange, onSliderChange, rightAddons, Input: Input$1 = Input, customInputProps = {}, dataTestId, error, ...restProps }, ref) => {

package/slider-input/modern/index.css

@@ -18,35 +18,35 @@
     --slider-input-info-color: var(--color-light-text-secondary);
     --slider-input-font-weight: 700;
 }
-.slider-input__component_g1j31 {
+.slider-input__component_hc6c6 {
     position: relative;
     display: inline-block;
 }
-.slider-input__block_g1j31 {
+.slider-input__block_hc6c6 {
     display: block;
 }
-.slider-input__slider_g1j31 {
+.slider-input__slider_hc6c6 {
     position: absolute;
     margin-top: -1px;
     transform: translateY(-50%)
 }
-.slider-input__slider_g1j31 + * {
+.slider-input__slider_hc6c6 + * {
         margin-top: var(--gap-xs);
     }
-.slider-input__field_g1j31 {
+.slider-input__field_hc6c6 {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
 }
-.slider-input__input_g1j31 input,
-    .slider-input__input_g1j31 input + div {
+.slider-input__input_hc6c6 input,
+    .slider-input__input_hc6c6 input + div {
         font-weight: var(--slider-input-font-weight);
         font-feature-settings: "tnum";
         font-variant-numeric: tabular-nums;
     }
-.slider-input__input_g1j31 input::placeholder {
+.slider-input__input_hc6c6 input::placeholder {
         font-weight: 400;
     }
-.slider-input__steps_g1j31 {
+.slider-input__steps_hc6c6 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -56,7 +56,7 @@
     margin-top: var(--gap-xs);
     color: var(--slider-input-steps-color);
 }
-.slider-input__info_g1j31 {
+.slider-input__info_hc6c6 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -67,28 +67,28 @@
     transition: 0.2s ease;
     visibility: hidden;
 }
-.slider-input__s_g1j31.slider-input__hasLabel_g1j31 .slider-input__info_g1j31:first-child {
+.slider-input__s_hc6c6.slider-input__hasLabel_hc6c6 .slider-input__info_hc6c6:first-child {
     padding: var(--form-control-labeled-s-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__m_g1j31.slider-input__hasLabel_g1j31 .slider-input__info_g1j31:first-child {
+.slider-input__m_hc6c6.slider-input__hasLabel_hc6c6 .slider-input__info_hc6c6:first-child {
     padding: var(--form-control-labeled-m-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__l_g1j31.slider-input__hasLabel_g1j31 .slider-input__info_g1j31:first-child {
+.slider-input__l_hc6c6.slider-input__hasLabel_hc6c6 .slider-input__info_hc6c6:first-child {
     padding: var(--form-control-labeled-l-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__xl_g1j31.slider-input__hasLabel_g1j31 .slider-input__info_g1j31:first-child {
+.slider-input__xl_hc6c6.slider-input__hasLabel_hc6c6 .slider-input__info_hc6c6:first-child {
     padding: var(--form-control-labeled-xl-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__focused_g1j31 .slider-input__info_g1j31,
-.slider-input__filled_g1j31 .slider-input__info_g1j31 {
+.slider-input__focused_hc6c6 .slider-input__info_hc6c6,
+.slider-input__filled_hc6c6 .slider-input__info_hc6c6 {
     visibility: visible;
     opacity: 1;
 }

package/space/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Item = require('./Item-da29c92b.js');
+var Item = require('./Item-2fdfef17.js');
 var React = require('react');
 var classNames = require('classnames');
 
@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
-var styles = {"spaceContainer":"space__spaceContainer_if0k3","spaceContainerFullWidth":"space__spaceContainerFullWidth_if0k3","vertical":"space__vertical_if0k3","center":"space__center_if0k3","start":"space__start_if0k3","end":"space__end_if0k3","spaceItemFullWidth":"space__spaceItemFullWidth_if0k3","spaceItem":"space__spaceItem_if0k3"};
+var styles = {"spaceContainer":"space__spaceContainer_qfeeo","spaceContainerFullWidth":"space__spaceContainerFullWidth_qfeeo","vertical":"space__vertical_qfeeo","center":"space__center_qfeeo","start":"space__start_qfeeo","end":"space__end_qfeeo","spaceItemFullWidth":"space__spaceItemFullWidth_qfeeo","spaceItem":"space__spaceItem_qfeeo"};
 require('./index.css');
 
 var SpaceSizes = {

package/space/Item.js

@@ -1,4 +1,4 @@
-var Item = require('./Item-da29c92b.js');
+var Item = require('./Item-2fdfef17.js');
 require('react');
 
 

package/space/esm/Component.js

@@ -1,8 +1,8 @@
 import React, { forwardRef, Children } from 'react';
-import { I as Item, _ as __assign } from './Item-6854f6e1.js';
+import { I as Item, _ as __assign } from './Item-0887c201.js';
 import classNames from 'classnames';
 
-var styles = {"spaceContainer":"space__spaceContainer_if0k3","spaceContainerFullWidth":"space__spaceContainerFullWidth_if0k3","vertical":"space__vertical_if0k3","center":"space__center_if0k3","start":"space__start_if0k3","end":"space__end_if0k3","spaceItemFullWidth":"space__spaceItemFullWidth_if0k3","spaceItem":"space__spaceItem_if0k3"};
+var styles = {"spaceContainer":"space__spaceContainer_qfeeo","spaceContainerFullWidth":"space__spaceContainerFullWidth_qfeeo","vertical":"space__vertical_qfeeo","center":"space__center_qfeeo","start":"space__start_qfeeo","end":"space__end_qfeeo","spaceItemFullWidth":"space__spaceItemFullWidth_qfeeo","spaceItem":"space__spaceItem_qfeeo"};
 require('./index.css');
 
 var SpaceSizes = {

package/space/esm/Item.js

@@ -1,2 +1,2 @@
 import 'react';
-export { I as default } from './Item-6854f6e1.js';
+export { I as default } from './Item-0887c201.js';

package/space/esm/index.css

@@ -7,27 +7,27 @@
 
     /* Hard up */
 }
-.space__spaceContainer_if0k3 {
+.space__spaceContainer_qfeeo {
     display: inline-flex;
 }
-.space__spaceContainerFullWidth_if0k3 {
+.space__spaceContainerFullWidth_qfeeo {
     width: 100%;
 }
-.space__vertical_if0k3 {
+.space__vertical_qfeeo {
     flex-direction: column;
 }
-.space__center_if0k3 {
+.space__center_qfeeo {
     align-items: center;
 }
-.space__start_if0k3 {
+.space__start_qfeeo {
     align-items: flex-start;
 }
-.space__end_if0k3 {
+.space__end_qfeeo {
     align-items: flex-end;
 }
-.space__spaceItemFullWidth_if0k3 {
+.space__spaceItemFullWidth_qfeeo {
     width: 100%;
 }
-.space__spaceItem_if0k3:empty {
+.space__spaceItem_qfeeo:empty {
     display: none;
 }

package/space/esm/index.js

@@ -1,4 +1,4 @@
 import 'react';
-import './Item-6854f6e1.js';
+import './Item-0887c201.js';
 import 'classnames';
 export { Space } from './Component.js';

package/space/index.css

@@ -7,27 +7,27 @@
 
     /* Hard up */
 }
-.space__spaceContainer_if0k3 {
+.space__spaceContainer_qfeeo {
     display: inline-flex;
 }
-.space__spaceContainerFullWidth_if0k3 {
+.space__spaceContainerFullWidth_qfeeo {
     width: 100%;
 }
-.space__vertical_if0k3 {
+.space__vertical_qfeeo {
     flex-direction: column;
 }
-.space__center_if0k3 {
+.space__center_qfeeo {
     align-items: center;
 }
-.space__start_if0k3 {
+.space__start_qfeeo {
     align-items: flex-start;
 }
-.space__end_if0k3 {
+.space__end_qfeeo {
     align-items: flex-end;
 }
-.space__spaceItemFullWidth_if0k3 {
+.space__spaceItemFullWidth_qfeeo {
     width: 100%;
 }
-.space__spaceItem_if0k3:empty {
+.space__spaceItem_qfeeo:empty {
     display: none;
 }

package/space/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Item-da29c92b.js');
+require('./Item-2fdfef17.js');
 require('react');
 require('classnames');
 var Component = require('./Component.js');

package/space/modern/Component.js

@@ -2,7 +2,7 @@ import React, { forwardRef, Children } from 'react';
 import classNames from 'classnames';
 import Item from './Item.js';
 
-var styles = {"spaceContainer":"space__spaceContainer_if0k3","spaceContainerFullWidth":"space__spaceContainerFullWidth_if0k3","vertical":"space__vertical_if0k3","center":"space__center_if0k3","start":"space__start_if0k3","end":"space__end_if0k3","spaceItemFullWidth":"space__spaceItemFullWidth_if0k3","spaceItem":"space__spaceItem_if0k3"};
+var styles = {"spaceContainer":"space__spaceContainer_qfeeo","spaceContainerFullWidth":"space__spaceContainerFullWidth_qfeeo","vertical":"space__vertical_qfeeo","center":"space__center_qfeeo","start":"space__start_qfeeo","end":"space__end_qfeeo","spaceItemFullWidth":"space__spaceItemFullWidth_qfeeo","spaceItem":"space__spaceItem_qfeeo"};
 require('./index.css');
 
 const SpaceSizes = {

package/space/modern/index.css

@@ -7,27 +7,27 @@
 
     /* Hard up */
 }
-.space__spaceContainer_if0k3 {
+.space__spaceContainer_qfeeo {
     display: inline-flex;
 }
-.space__spaceContainerFullWidth_if0k3 {
+.space__spaceContainerFullWidth_qfeeo {
     width: 100%;
 }
-.space__vertical_if0k3 {
+.space__vertical_qfeeo {
     flex-direction: column;
 }
-.space__center_if0k3 {
+.space__center_qfeeo {
     align-items: center;
 }
-.space__start_if0k3 {
+.space__start_qfeeo {
     align-items: flex-start;
 }
-.space__end_if0k3 {
+.space__end_qfeeo {
     align-items: flex-end;
 }
-.space__spaceItemFullWidth_if0k3 {
+.space__spaceItemFullWidth_qfeeo {
     width: 100%;
 }
-.space__spaceItem_if0k3:empty {
+.space__spaceItem_qfeeo:empty {
     display: none;
 }

package/spinner/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"spinner":"spinner__spinner_1knhg","spin_animation":"spinner__spin_animation_1knhg","visible":"spinner__visible_1knhg","s":"spinner__s_1knhg","m":"spinner__m_1knhg"};
+var styles = {"spinner":"spinner__spinner_17hke","spin_animation":"spinner__spin_animation_17hke","visible":"spinner__visible_17hke","s":"spinner__s_17hke","m":"spinner__m_17hke"};
 require('./index.css');
 
 var Spinner = function (_a) {

package/spinner/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"spinner":"spinner__spinner_1knhg","spin_animation":"spinner__spin_animation_1knhg","visible":"spinner__visible_1knhg","s":"spinner__s_1knhg","m":"spinner__m_1knhg"};
+var styles = {"spinner":"spinner__spinner_17hke","spin_animation":"spinner__spin_animation_17hke","visible":"spinner__visible_17hke","s":"spinner__s_17hke","m":"spinner__m_17hke"};
 require('./index.css');
 
 var Spinner = function (_a) {

package/spinner/esm/index.css

@@ -5,31 +5,31 @@
     --spinner-animation-timing-function: linear;
 }
 
-.spinner__spinner_1knhg {
+.spinner__spinner_17hke {
     display: none;
-    animation: spinner__spin_animation_1knhg var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_17hke var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
     background-repeat: no-repeat;
     background-size: 100%;
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAEuElEQVR4Ad3ZA5AdeRdA8YxtM7Zt27Zt27Zt27ZtO/mwtu3d01U3VTf27Ov/VP2C1pvz2t2J3taPV3x2bxRHT8zHcdzHF/gAYYns/mNFoC324Ev8gB/xM37Fb/gbnyLMzqF5sQqf4Wt8g+/wvTHBEpof2yT0c3yJryT4W+jgX2wZLKERmIWP8Ak+legvJPhrCb6C6WiNYkiKELjDyS6xRXELH+BDfIxP1Fo+hg6INeGg1BL/x3t4X6I/kug9yG/7SAn1wHj8T4LflegPcBIVjQiV2GCsx3/wX4l+R/5uBTeTYt2xBndxX0VfQj5jQlXwaNzGHRW9G/EmxjbBTdxS0Yvha4Pf3ellZyiIa7ihorfbJNYZLnB+mevhE7gq0ddxEnGOvlZVrCvc4PSi++1lXJHoy8hlh81Yx8Idbs+bKQcu4hIui0Y2Ou64SKgHPIXLs2ZYgPO4IOFb4WajYCcV6wVveD1t4mw4i3MquoQNzy4u8BY+8IXrkyacgDPiLJbY+JTqJaF+wvvRCYJwHKdwWqKz2zjYFf4iAIFw1hPUxgmcFMsMuHDyk9Ag4alHzsBxcQJ1DQj2RLAIQYAecRBHxTFEGBDsIqGhIgxO1oicOCyOYKVht7ZhCBce1sB6OIhDortBwf6IEJHwtQb2wgGlskHBPohSgqyB07BP7Ec2g4I9EKOEWwOXYq8SaVCwK2JFHKKtgeuwW/E3KNgF8UqsNXArdipuBgU7IYlmDdyCHYppwck0a+BKbFNM26STK0mtgfOxRYkwKNgNKQFI8FhsFpuQybDzcGol3hrYERuVMoZdWqZFGhFtDayGDVgvWhsUHI10Sqg1MDPWibWYalBwamQQ6R9cS3tgJdaI1QgxINYdmURGiXZ+MHIIVomVKG9AcASyILNIrkeWldAVYqQBwWmRDVklPFyPDMBSLMcyLEVam98H50B2ZBNuj07UDUvFEgyycXB65BQ5kOJpR7QlWIxFIqcNY0OQB7mRS/g9beK+EroQCzAKrjaKdUY25EUekf55O/oCzBfzUNJGwbEogPzIJ+EBz5uppYTOxRzMRGobxAahEAqq6FQvMmMgpkjsbMzCOIQ6cKyXhBZBIZEP7i+6gAyYKWZgOvrB00GfW+VBMRSV6MIIftkFlVCx0zAV7eDpYLE5UBLFVXTcqy6woYqdgknohRAHiPVGAZRGKRWd7nWfGHRVsRMxAUOR/F+MDZXIsiijonPB+XUX7ovOKnY8xmIUCsIlgc+zKVBBlFfReeD+JveVOhI7DmMwWqK7IUMCnWNLoQoqoaJEl0MmOL+NDy2sYzESwzEMLZHkLXxmOIqjBqqhKiqr6GQJ8RRhiMSOkNihGIxBaIU88H/Nh2/pUBZ1UEuCq0t0FZRHRELeftVSa3eIBA9Ef/RDH7REaWRBPALgBRfhCX/ESGB+CWqIBqgnwbVRU63lnAl+epTwpGiu1u4ACe4rwb3QA93RFZ3RER3QDm3QCi3RHE3RGI1UcF0JroWiCHOEC4AkqKPWbl/0VsHdXiK4iQQ3RH0JLoRwR7ym9UUuNEBPiwru8pTg1iq4mQQ3RGmkhaedXnMkRW6UQR0Jaom2EtsU9VEZhZEZMW/zHvwfwW498JQ0LD4AAAAASUVORK5CYII=');
 }
 
-.spinner__visible_1knhg {
+.spinner__visible_17hke {
     display: var(--spinner-display-visible);
     vertical-align: middle;
 }
 
-.spinner__s_1knhg {
+.spinner__s_17hke {
     width: 24px;
     height: 24px;
 }
 
-.spinner__m_1knhg {
+.spinner__m_17hke {
     width: 48px;
     height: 48px;
 }
 
-@keyframes spinner__spin_animation_1knhg {
+@keyframes spinner__spin_animation_17hke {
     from {
         transform: rotate(0);
     }

package/spinner/index.css

@@ -5,31 +5,31 @@
     --spinner-animation-timing-function: linear;
 }
 
-.spinner__spinner_1knhg {
+.spinner__spinner_17hke {
     display: none;
-    animation: spinner__spin_animation_1knhg var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_17hke var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
     background-repeat: no-repeat;
     background-size: 100%;
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAEuElEQVR4Ad3ZA5AdeRdA8YxtM7Zt27Zt27Zt27ZtO/mwtu3d01U3VTf27Ov/VP2C1pvz2t2J3taPV3x2bxRHT8zHcdzHF/gAYYns/mNFoC324Ev8gB/xM37Fb/gbnyLMzqF5sQqf4Wt8g+/wvTHBEpof2yT0c3yJryT4W+jgX2wZLKERmIWP8Ak+legvJPhrCb6C6WiNYkiKELjDyS6xRXELH+BDfIxP1Fo+hg6INeGg1BL/x3t4X6I/kug9yG/7SAn1wHj8T4LflegPcBIVjQiV2GCsx3/wX4l+R/5uBTeTYt2xBndxX0VfQj5jQlXwaNzGHRW9G/EmxjbBTdxS0Yvha4Pf3ellZyiIa7ihorfbJNYZLnB+mevhE7gq0ddxEnGOvlZVrCvc4PSi++1lXJHoy8hlh81Yx8Idbs+bKQcu4hIui0Y2Ou64SKgHPIXLs2ZYgPO4IOFb4WajYCcV6wVveD1t4mw4i3MquoQNzy4u8BY+8IXrkyacgDPiLJbY+JTqJaF+wvvRCYJwHKdwWqKz2zjYFf4iAIFw1hPUxgmcFMsMuHDyk9Ag4alHzsBxcQJ1DQj2RLAIQYAecRBHxTFEGBDsIqGhIgxO1oicOCyOYKVht7ZhCBce1sB6OIhDortBwf6IEJHwtQb2wgGlskHBPohSgqyB07BP7Ec2g4I9EKOEWwOXYq8SaVCwK2JFHKKtgeuwW/E3KNgF8UqsNXArdipuBgU7IYlmDdyCHYppwck0a+BKbFNM26STK0mtgfOxRYkwKNgNKQFI8FhsFpuQybDzcGol3hrYERuVMoZdWqZFGhFtDayGDVgvWhsUHI10Sqg1MDPWibWYalBwamQQ6R9cS3tgJdaI1QgxINYdmURGiXZ+MHIIVomVKG9AcASyILNIrkeWldAVYqQBwWmRDVklPFyPDMBSLMcyLEVam98H50B2ZBNuj07UDUvFEgyycXB65BQ5kOJpR7QlWIxFIqcNY0OQB7mRS/g9beK+EroQCzAKrjaKdUY25EUekf55O/oCzBfzUNJGwbEogPzIJ+EBz5uppYTOxRzMRGobxAahEAqq6FQvMmMgpkjsbMzCOIQ6cKyXhBZBIZEP7i+6gAyYKWZgOvrB00GfW+VBMRSV6MIIftkFlVCx0zAV7eDpYLE5UBLFVXTcqy6woYqdgknohRAHiPVGAZRGKRWd7nWfGHRVsRMxAUOR/F+MDZXIsiijonPB+XUX7ovOKnY8xmIUCsIlgc+zKVBBlFfReeD+JveVOhI7DmMwWqK7IUMCnWNLoQoqoaJEl0MmOL+NDy2sYzESwzEMLZHkLXxmOIqjBqqhKiqr6GQJ8RRhiMSOkNihGIxBaIU88H/Nh2/pUBZ1UEuCq0t0FZRHRELeftVSa3eIBA9Ef/RDH7REaWRBPALgBRfhCX/ESGB+CWqIBqgnwbVRU63lnAl+epTwpGiu1u4ACe4rwb3QA93RFZ3RER3QDm3QCi3RHE3RGI1UcF0JroWiCHOEC4AkqKPWbl/0VsHdXiK4iQQ3RH0JLoRwR7ym9UUuNEBPiwru8pTg1iq4mQQ3RGmkhaedXnMkRW6UQR0Jaom2EtsU9VEZhZEZMW/zHvwfwW498JQ0LD4AAAAASUVORK5CYII=');
 }
 
-.spinner__visible_1knhg {
+.spinner__visible_17hke {
     display: var(--spinner-display-visible);
     vertical-align: middle;
 }
 
-.spinner__s_1knhg {
+.spinner__s_17hke {
     width: 24px;
     height: 24px;
 }
 
-.spinner__m_1knhg {
+.spinner__m_17hke {
     width: 48px;
     height: 48px;
 }
 
-@keyframes spinner__spin_animation_1knhg {
+@keyframes spinner__spin_animation_17hke {
     from {
         transform: rotate(0);
     }

package/spinner/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"spinner":"spinner__spinner_1knhg","spin_animation":"spinner__spin_animation_1knhg","visible":"spinner__visible_1knhg","s":"spinner__s_1knhg","m":"spinner__m_1knhg"};
+var styles = {"spinner":"spinner__spinner_17hke","spin_animation":"spinner__spin_animation_17hke","visible":"spinner__visible_17hke","s":"spinner__s_17hke","m":"spinner__m_17hke"};
 require('./index.css');
 
 const Spinner = ({ size = 's', visible, id, className, dataTestId }) => {