@alfalab/core-components 37.4.0 → 37.4.1

package/slider-input/index.css

@@ -66,75 +66,75 @@
     --slider-input-origin-width: calc(100% - 16px);
     --slider-input-origin-right: 8px;
 }
-.slider-input__component_gbwhs {
+.slider-input__component_1p1tu {
     position: relative;
     display: inline-block;
 }
-.slider-input__block_gbwhs {
+.slider-input__block_1p1tu {
     display: block;
 }
-.slider-input__slider_gbwhs {
+.slider-input__slider_1p1tu {
     width: calc(100% - var(--slider-input-progress-margin-horizontal) * 2);
     margin-left: var(--slider-input-progress-margin-horizontal);
     margin-right: var(--slider-input-progress-margin-horizontal);
     margin-top: calc(var(--slider-progress-s-height) / -2);
     transform: translateY(-1px)
 }
-.slider-input__slider_gbwhs.slider-input__xl_gbwhs {
+.slider-input__slider_1p1tu.slider-input__xl_1p1tu {
         width: calc(100% - var(--slider-input-xl-progress-margin-horizontal) * 2);
         margin-left: var(--slider-input-xl-progress-margin-horizontal);
         margin-right: var(--slider-input-xl-progress-margin-horizontal);
     }
-.slider-input__slider_gbwhs .noUi-base {
+.slider-input__slider_1p1tu .noUi-base {
         border-radius: var(--slider-input-progress-border-radius);
     }
-.slider-input__slider_gbwhs .noUi-base:hover > .noUi-connects {
+.slider-input__slider_1p1tu .noUi-base:hover > .noUi-connects {
             background-color: var(--slider-input-progress-hover-bg-color);
         }
-.slider-input__slider_gbwhs .noUi-connects {
+.slider-input__slider_1p1tu .noUi-connects {
         border-radius: var(--slider-input-progress-border-radius);
         background-color: var(--slider-input-progress-bg-color);
     }
-.slider-input__slider_gbwhs .noUi-origin {
+.slider-input__slider_1p1tu .noUi-origin {
         width: var(--slider-input-origin-width);
         right: var(--slider-input-origin-right);
     }
-.slider-input__slider_gbwhs {
+.slider-input__slider_1p1tu {
 
     /* TODO исправить на 6px когда слайдеру добавят position: absolute */
 }
-.slider-input__slider_gbwhs + * {
+.slider-input__slider_1p1tu + * {
         margin-top: 5px;
     }
-.slider-input__hidePips_gbwhs .noUi-pips {
+.slider-input__hidePips_1p1tu .noUi-pips {
         display: none;
     }
-.slider-input__component_gbwhs .slider-input__field_gbwhs.slider-input__s_gbwhs {
+.slider-input__component_1p1tu .slider-input__field_1p1tu.slider-input__s_1p1tu {
         border-bottom-left-radius: var(--slider-input-s-border-bottom-radius);
         border-bottom-right-radius: var(--slider-input-s-border-bottom-radius);
     }
-.slider-input__component_gbwhs .slider-input__field_gbwhs.slider-input__m_gbwhs {
+.slider-input__component_1p1tu .slider-input__field_1p1tu.slider-input__m_1p1tu {
         border-bottom-left-radius: var(--slider-input-m-border-bottom-radius);
         border-bottom-right-radius: var(--slider-input-m-border-bottom-radius);
     }
-.slider-input__component_gbwhs .slider-input__field_gbwhs.slider-input__l_gbwhs {
+.slider-input__component_1p1tu .slider-input__field_1p1tu.slider-input__l_1p1tu {
         border-bottom-left-radius: var(--slider-input-l-border-bottom-radius);
         border-bottom-right-radius: var(--slider-input-l-border-bottom-radius);
     }
-.slider-input__component_gbwhs .slider-input__field_gbwhs.slider-input__xl_gbwhs {
+.slider-input__component_1p1tu .slider-input__field_1p1tu.slider-input__xl_1p1tu {
         border-bottom-left-radius: var(--slider-input-xl-border-bottom-radius);
         border-bottom-right-radius: var(--slider-input-xl-border-bottom-radius);
     }
-.slider-input__input_gbwhs input,
-    .slider-input__input_gbwhs input + div {
+.slider-input__input_1p1tu input,
+    .slider-input__input_1p1tu input + div {
         font-weight: var(--slider-input-font-weight);
         font-feature-settings: "tnum";
         font-variant-numeric: tabular-nums;
     }
-.slider-input__input_gbwhs input::placeholder {
+.slider-input__input_1p1tu input::placeholder {
         font-weight: 400;
     }
-.slider-input__steps_gbwhs {
+.slider-input__steps_1p1tu {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -144,7 +144,7 @@
     margin-top: var(--gap-xs);
     color: var(--slider-input-steps-color);
 }
-.slider-input__info_gbwhs {
+.slider-input__info_1p1tu {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -155,28 +155,28 @@
     transition: 0.2s ease;
     visibility: hidden;
 }
-.slider-input__s_gbwhs.slider-input__hasLabel_gbwhs .slider-input__info_gbwhs:first-child {
+.slider-input__s_1p1tu.slider-input__hasLabel_1p1tu .slider-input__info_1p1tu:first-child {
     padding: var(--form-control-labeled-s-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__m_gbwhs.slider-input__hasLabel_gbwhs .slider-input__info_gbwhs:first-child {
+.slider-input__m_1p1tu.slider-input__hasLabel_1p1tu .slider-input__info_1p1tu:first-child {
     padding: var(--form-control-labeled-m-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__l_gbwhs.slider-input__hasLabel_gbwhs .slider-input__info_gbwhs:first-child {
+.slider-input__l_1p1tu.slider-input__hasLabel_1p1tu .slider-input__info_1p1tu:first-child {
     padding: var(--form-control-labeled-l-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__xl_gbwhs.slider-input__hasLabel_gbwhs .slider-input__info_gbwhs:first-child {
+.slider-input__xl_1p1tu.slider-input__hasLabel_1p1tu .slider-input__info_1p1tu:first-child {
     padding: var(--form-control-labeled-xl-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__focused_gbwhs .slider-input__info_gbwhs,
-.slider-input__filled_gbwhs .slider-input__info_gbwhs {
+.slider-input__focused_1p1tu .slider-input__info_1p1tu,
+.slider-input__filled_1p1tu .slider-input__info_1p1tu {
     visibility: visible;
     opacity: 1;
 }

package/slider-input/modern/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Input } from '../../input/modern';
 import { Slider } from '../../slider/modern';
 
-const styles = {"component":"slider-input__component_gbwhs","block":"slider-input__block_gbwhs","slider":"slider-input__slider_gbwhs","xl":"slider-input__xl_gbwhs","hidePips":"slider-input__hidePips_gbwhs","field":"slider-input__field_gbwhs","s":"slider-input__s_gbwhs","m":"slider-input__m_gbwhs","l":"slider-input__l_gbwhs","input":"slider-input__input_gbwhs","steps":"slider-input__steps_gbwhs","info":"slider-input__info_gbwhs","hasLabel":"slider-input__hasLabel_gbwhs","focused":"slider-input__focused_gbwhs","filled":"slider-input__filled_gbwhs"};
+const styles = {"component":"slider-input__component_1p1tu","block":"slider-input__block_1p1tu","slider":"slider-input__slider_1p1tu","xl":"slider-input__xl_1p1tu","hidePips":"slider-input__hidePips_1p1tu","field":"slider-input__field_1p1tu","s":"slider-input__s_1p1tu","m":"slider-input__m_1p1tu","l":"slider-input__l_1p1tu","input":"slider-input__input_1p1tu","steps":"slider-input__steps_1p1tu","info":"slider-input__info_1p1tu","hasLabel":"slider-input__hasLabel_1p1tu","focused":"slider-input__focused_1p1tu","filled":"slider-input__filled_1p1tu"};
 require('./index.css');
 
 const SliderInput = forwardRef(({ className, inputClassName, sliderClassName, stepsClassName, focusedClassName, fieldClassName, value = '', min = 0, max = 100, step = 1, block, steps = [], sliderValue = +value, size = 's', label, info, disabled, readOnly, onChange, onInputChange, onSliderChange, rightAddons, Input: Input$1 = Input, customInputProps = {}, error, hint, pips, range, dataTestId, ...restProps }, ref) => {

package/slider-input/modern/index.css

@@ -66,75 +66,75 @@
     --slider-input-origin-width: calc(100% - 16px);
     --slider-input-origin-right: 8px;
 }
-.slider-input__component_gbwhs {
+.slider-input__component_1p1tu {
     position: relative;
     display: inline-block;
 }
-.slider-input__block_gbwhs {
+.slider-input__block_1p1tu {
     display: block;
 }
-.slider-input__slider_gbwhs {
+.slider-input__slider_1p1tu {
     width: calc(100% - var(--slider-input-progress-margin-horizontal) * 2);
     margin-left: var(--slider-input-progress-margin-horizontal);
     margin-right: var(--slider-input-progress-margin-horizontal);
     margin-top: calc(var(--slider-progress-s-height) / -2);
     transform: translateY(-1px)
 }
-.slider-input__slider_gbwhs.slider-input__xl_gbwhs {
+.slider-input__slider_1p1tu.slider-input__xl_1p1tu {
         width: calc(100% - var(--slider-input-xl-progress-margin-horizontal) * 2);
         margin-left: var(--slider-input-xl-progress-margin-horizontal);
         margin-right: var(--slider-input-xl-progress-margin-horizontal);
     }
-.slider-input__slider_gbwhs .noUi-base {
+.slider-input__slider_1p1tu .noUi-base {
         border-radius: var(--slider-input-progress-border-radius);
     }
-.slider-input__slider_gbwhs .noUi-base:hover > .noUi-connects {
+.slider-input__slider_1p1tu .noUi-base:hover > .noUi-connects {
             background-color: var(--slider-input-progress-hover-bg-color);
         }
-.slider-input__slider_gbwhs .noUi-connects {
+.slider-input__slider_1p1tu .noUi-connects {
         border-radius: var(--slider-input-progress-border-radius);
         background-color: var(--slider-input-progress-bg-color);
     }
-.slider-input__slider_gbwhs .noUi-origin {
+.slider-input__slider_1p1tu .noUi-origin {
         width: var(--slider-input-origin-width);
         right: var(--slider-input-origin-right);
     }
-.slider-input__slider_gbwhs {
+.slider-input__slider_1p1tu {
 
     /* TODO исправить на 6px когда слайдеру добавят position: absolute */
 }
-.slider-input__slider_gbwhs + * {
+.slider-input__slider_1p1tu + * {
         margin-top: 5px;
     }
-.slider-input__hidePips_gbwhs .noUi-pips {
+.slider-input__hidePips_1p1tu .noUi-pips {
         display: none;
     }
-.slider-input__component_gbwhs .slider-input__field_gbwhs.slider-input__s_gbwhs {
+.slider-input__component_1p1tu .slider-input__field_1p1tu.slider-input__s_1p1tu {
         border-bottom-left-radius: var(--slider-input-s-border-bottom-radius);
         border-bottom-right-radius: var(--slider-input-s-border-bottom-radius);
     }
-.slider-input__component_gbwhs .slider-input__field_gbwhs.slider-input__m_gbwhs {
+.slider-input__component_1p1tu .slider-input__field_1p1tu.slider-input__m_1p1tu {
         border-bottom-left-radius: var(--slider-input-m-border-bottom-radius);
         border-bottom-right-radius: var(--slider-input-m-border-bottom-radius);
     }
-.slider-input__component_gbwhs .slider-input__field_gbwhs.slider-input__l_gbwhs {
+.slider-input__component_1p1tu .slider-input__field_1p1tu.slider-input__l_1p1tu {
         border-bottom-left-radius: var(--slider-input-l-border-bottom-radius);
         border-bottom-right-radius: var(--slider-input-l-border-bottom-radius);
     }
-.slider-input__component_gbwhs .slider-input__field_gbwhs.slider-input__xl_gbwhs {
+.slider-input__component_1p1tu .slider-input__field_1p1tu.slider-input__xl_1p1tu {
         border-bottom-left-radius: var(--slider-input-xl-border-bottom-radius);
         border-bottom-right-radius: var(--slider-input-xl-border-bottom-radius);
     }
-.slider-input__input_gbwhs input,
-    .slider-input__input_gbwhs input + div {
+.slider-input__input_1p1tu input,
+    .slider-input__input_1p1tu input + div {
         font-weight: var(--slider-input-font-weight);
         font-feature-settings: "tnum";
         font-variant-numeric: tabular-nums;
     }
-.slider-input__input_gbwhs input::placeholder {
+.slider-input__input_1p1tu input::placeholder {
         font-weight: 400;
     }
-.slider-input__steps_gbwhs {
+.slider-input__steps_1p1tu {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -144,7 +144,7 @@
     margin-top: var(--gap-xs);
     color: var(--slider-input-steps-color);
 }
-.slider-input__info_gbwhs {
+.slider-input__info_1p1tu {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -155,28 +155,28 @@
     transition: 0.2s ease;
     visibility: hidden;
 }
-.slider-input__s_gbwhs.slider-input__hasLabel_gbwhs .slider-input__info_gbwhs:first-child {
+.slider-input__s_1p1tu.slider-input__hasLabel_1p1tu .slider-input__info_1p1tu:first-child {
     padding: var(--form-control-labeled-s-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__m_gbwhs.slider-input__hasLabel_gbwhs .slider-input__info_gbwhs:first-child {
+.slider-input__m_1p1tu.slider-input__hasLabel_1p1tu .slider-input__info_1p1tu:first-child {
     padding: var(--form-control-labeled-m-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__l_gbwhs.slider-input__hasLabel_gbwhs .slider-input__info_gbwhs:first-child {
+.slider-input__l_1p1tu.slider-input__hasLabel_1p1tu .slider-input__info_1p1tu:first-child {
     padding: var(--form-control-labeled-l-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__xl_gbwhs.slider-input__hasLabel_gbwhs .slider-input__info_gbwhs:first-child {
+.slider-input__xl_1p1tu.slider-input__hasLabel_1p1tu .slider-input__info_1p1tu:first-child {
     padding: var(--form-control-labeled-xl-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__focused_gbwhs .slider-input__info_gbwhs,
-.slider-input__filled_gbwhs .slider-input__info_gbwhs {
+.slider-input__focused_1p1tu .slider-input__info_1p1tu,
+.slider-input__filled_1p1tu .slider-input__info_1p1tu {
     visibility: visible;
     opacity: 1;
 }

package/space/Component.js

@@ -1,4 +1,4 @@
-var Item = require('./Item-dc3254f4.js');
+var Item = require('./Item-95e54812.js');
 var React = require('react');
 var classNames = require('classnames');
 
@@ -7,7 +7,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 
-var styles = {"spaceContainer":"space__spaceContainer_cnkv3","spaceContainerFullWidth":"space__spaceContainerFullWidth_cnkv3","vertical":"space__vertical_cnkv3","center":"space__center_cnkv3","start":"space__start_cnkv3","end":"space__end_cnkv3","spaceItemFullWidth":"space__spaceItemFullWidth_cnkv3","spaceItem":"space__spaceItem_cnkv3"};
+var styles = {"spaceContainer":"space__spaceContainer_rwy93","spaceContainerFullWidth":"space__spaceContainerFullWidth_rwy93","vertical":"space__vertical_rwy93","center":"space__center_rwy93","start":"space__start_rwy93","end":"space__end_rwy93","spaceItemFullWidth":"space__spaceItemFullWidth_rwy93","spaceItem":"space__spaceItem_rwy93"};
 require('./index.css');
 
 var SpaceSizes = {

package/space/Item.js

@@ -1,4 +1,4 @@
-var Item = require('./Item-dc3254f4.js');
+var Item = require('./Item-95e54812.js');
 require('react');
 
 

package/space/esm/Component.js

@@ -1,8 +1,8 @@
-import { I as Item, _ as __assign } from './Item-6bc05881.js';
+import { I as Item, _ as __assign } from './Item-9e5c99ea.js';
 import React__default, { forwardRef, Children } from 'react';
 import classNames from 'classnames';
 
-var styles = {"spaceContainer":"space__spaceContainer_cnkv3","spaceContainerFullWidth":"space__spaceContainerFullWidth_cnkv3","vertical":"space__vertical_cnkv3","center":"space__center_cnkv3","start":"space__start_cnkv3","end":"space__end_cnkv3","spaceItemFullWidth":"space__spaceItemFullWidth_cnkv3","spaceItem":"space__spaceItem_cnkv3"};
+var styles = {"spaceContainer":"space__spaceContainer_rwy93","spaceContainerFullWidth":"space__spaceContainerFullWidth_rwy93","vertical":"space__vertical_rwy93","center":"space__center_rwy93","start":"space__start_rwy93","end":"space__end_rwy93","spaceItemFullWidth":"space__spaceItemFullWidth_rwy93","spaceItem":"space__spaceItem_rwy93"};
 require('./index.css');
 
 var SpaceSizes = {

package/space/esm/Item.js

@@ -1,2 +1,2 @@
-export { I as default } from './Item-6bc05881.js';
+export { I as default } from './Item-9e5c99ea.js';
 import 'react';

package/space/esm/index.css

@@ -7,27 +7,27 @@
 
     /* Hard up */
 }
-.space__spaceContainer_cnkv3 {
+.space__spaceContainer_rwy93 {
     display: inline-flex;
 }
-.space__spaceContainerFullWidth_cnkv3 {
+.space__spaceContainerFullWidth_rwy93 {
     width: 100%;
 }
-.space__vertical_cnkv3 {
+.space__vertical_rwy93 {
     flex-direction: column;
 }
-.space__center_cnkv3 {
+.space__center_rwy93 {
     align-items: center;
 }
-.space__start_cnkv3 {
+.space__start_rwy93 {
     align-items: flex-start;
 }
-.space__end_cnkv3 {
+.space__end_rwy93 {
     align-items: flex-end;
 }
-.space__spaceItemFullWidth_cnkv3 {
+.space__spaceItemFullWidth_rwy93 {
     width: 100%;
 }
-.space__spaceItem_cnkv3:empty {
+.space__spaceItem_rwy93:empty {
     display: none;
 }

package/space/esm/index.js

@@ -1,4 +1,4 @@
 export { Space } from './Component.js';
 import 'react';
 import 'classnames';
-import './Item-6bc05881.js';
+import './Item-9e5c99ea.js';

package/space/index.css

@@ -7,27 +7,27 @@
 
     /* Hard up */
 }
-.space__spaceContainer_cnkv3 {
+.space__spaceContainer_rwy93 {
     display: inline-flex;
 }
-.space__spaceContainerFullWidth_cnkv3 {
+.space__spaceContainerFullWidth_rwy93 {
     width: 100%;
 }
-.space__vertical_cnkv3 {
+.space__vertical_rwy93 {
     flex-direction: column;
 }
-.space__center_cnkv3 {
+.space__center_rwy93 {
     align-items: center;
 }
-.space__start_cnkv3 {
+.space__start_rwy93 {
     align-items: flex-start;
 }
-.space__end_cnkv3 {
+.space__end_rwy93 {
     align-items: flex-end;
 }
-.space__spaceItemFullWidth_cnkv3 {
+.space__spaceItemFullWidth_rwy93 {
     width: 100%;
 }
-.space__spaceItem_cnkv3:empty {
+.space__spaceItem_rwy93:empty {
     display: none;
 }

package/space/index.js

@@ -1,5 +1,5 @@
 var Component = require('./Component.js');
-require('./Item-dc3254f4.js');
+require('./Item-95e54812.js');
 require('react');
 require('classnames');
 

package/space/modern/Component.js

@@ -2,7 +2,7 @@ import React__default, { forwardRef, Children } from 'react';
 import classNames from 'classnames';
 import Item from './Item.js';
 
-const styles = {"spaceContainer":"space__spaceContainer_cnkv3","spaceContainerFullWidth":"space__spaceContainerFullWidth_cnkv3","vertical":"space__vertical_cnkv3","center":"space__center_cnkv3","start":"space__start_cnkv3","end":"space__end_cnkv3","spaceItemFullWidth":"space__spaceItemFullWidth_cnkv3","spaceItem":"space__spaceItem_cnkv3"};
+const styles = {"spaceContainer":"space__spaceContainer_rwy93","spaceContainerFullWidth":"space__spaceContainerFullWidth_rwy93","vertical":"space__vertical_rwy93","center":"space__center_rwy93","start":"space__start_rwy93","end":"space__end_rwy93","spaceItemFullWidth":"space__spaceItemFullWidth_rwy93","spaceItem":"space__spaceItem_rwy93"};
 require('./index.css');
 
 const SpaceSizes = {

package/space/modern/index.css

@@ -7,27 +7,27 @@
 
     /* Hard up */
 }
-.space__spaceContainer_cnkv3 {
+.space__spaceContainer_rwy93 {
     display: inline-flex;
 }
-.space__spaceContainerFullWidth_cnkv3 {
+.space__spaceContainerFullWidth_rwy93 {
     width: 100%;
 }
-.space__vertical_cnkv3 {
+.space__vertical_rwy93 {
     flex-direction: column;
 }
-.space__center_cnkv3 {
+.space__center_rwy93 {
     align-items: center;
 }
-.space__start_cnkv3 {
+.space__start_rwy93 {
     align-items: flex-start;
 }
-.space__end_cnkv3 {
+.space__end_rwy93 {
     align-items: flex-end;
 }
-.space__spaceItemFullWidth_cnkv3 {
+.space__spaceItemFullWidth_rwy93 {
     width: 100%;
 }
-.space__spaceItem_cnkv3:empty {
+.space__spaceItem_rwy93:empty {
     display: none;
 }

package/spinner/Component.js

@@ -7,13 +7,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"component":"spinner__component_15ktg"};
+var defaultColors = {"component":"spinner__component_1eom5"};
 require('./default.css');
 
-var styles = {"spinner":"spinner__spinner_3xla8","spin_animation":"spinner__spin_animation_3xla8","visible":"spinner__visible_3xla8","xs":"spinner__xs_3xla8","s":"spinner__s_3xla8","m":"spinner__m_3xla8"};
+var styles = {"spinner":"spinner__spinner_1x80h","spin_animation":"spinner__spin_animation_1x80h","visible":"spinner__visible_1x80h","xs":"spinner__xs_1x80h","s":"spinner__s_1x80h","m":"spinner__m_1x80h"};
 require('./index.css');
 
-var invertedColors = {"component":"spinner__component_6zxa5"};
+var invertedColors = {"component":"spinner__component_1kiym"};
 require('./inverted.css');
 
 var colorStyles = {

package/spinner/default.css

@@ -13,6 +13,6 @@
 :root {
     --spinner-default-color: var(--color-light-graphic-primary);
 }
-.spinner__component_15ktg {
+.spinner__component_1eom5 {
     color: var(--spinner-default-color);
 }

package/spinner/esm/Component.js

@@ -2,13 +2,13 @@ import React from 'react';
 import cn from 'classnames';
 import { useId } from '@alfalab/hooks';
 
-var defaultColors = {"component":"spinner__component_15ktg"};
+var defaultColors = {"component":"spinner__component_1eom5"};
 require('./default.css');
 
-var styles = {"spinner":"spinner__spinner_3xla8","spin_animation":"spinner__spin_animation_3xla8","visible":"spinner__visible_3xla8","xs":"spinner__xs_3xla8","s":"spinner__s_3xla8","m":"spinner__m_3xla8"};
+var styles = {"spinner":"spinner__spinner_1x80h","spin_animation":"spinner__spin_animation_1x80h","visible":"spinner__visible_1x80h","xs":"spinner__xs_1x80h","s":"spinner__s_1x80h","m":"spinner__m_1x80h"};
 require('./index.css');
 
-var invertedColors = {"component":"spinner__component_6zxa5"};
+var invertedColors = {"component":"spinner__component_1kiym"};
 require('./inverted.css');
 
 var colorStyles = {

package/spinner/esm/default.css

@@ -13,6 +13,6 @@
 :root {
     --spinner-default-color: var(--color-light-graphic-primary);
 }
-.spinner__component_15ktg {
+.spinner__component_1eom5 {
     color: var(--spinner-default-color);
 }

package/spinner/esm/index.css

@@ -12,28 +12,28 @@
     --spinner-animation-duration: 0.8s;
     --spinner-animation-timing-function: linear;
 }
-.spinner__spinner_3xla8 {
+.spinner__spinner_1x80h {
     display: none;
-    animation: spinner__spin_animation_3xla8 var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_1x80h var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
 }
-.spinner__visible_3xla8 {
+.spinner__visible_1x80h {
     display: var(--spinner-display-visible);
     vertical-align: middle;
 }
-.spinner__xs_3xla8 {
+.spinner__xs_1x80h {
     width: 18px;
     height: 18px;
 }
-.spinner__s_3xla8 {
+.spinner__s_1x80h {
     width: 24px;
     height: 24px;
 }
-.spinner__m_3xla8 {
+.spinner__m_1x80h {
     width: 48px;
     height: 48px;
 }
-@keyframes spinner__spin_animation_3xla8 {
+@keyframes spinner__spin_animation_1x80h {
     from {
         transform: rotate(0);
     }

package/spinner/esm/inverted.css

@@ -13,6 +13,6 @@
 :root {
     --spinner-inverted-color: var(--color-light-graphic-primary-inverted);
 }
-.spinner__component_6zxa5 {
+.spinner__component_1kiym {
     color: var(--spinner-inverted-color);
 }

package/spinner/index.css

@@ -12,28 +12,28 @@
     --spinner-animation-duration: 0.8s;
     --spinner-animation-timing-function: linear;
 }
-.spinner__spinner_3xla8 {
+.spinner__spinner_1x80h {
     display: none;
-    animation: spinner__spin_animation_3xla8 var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_1x80h var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
 }
-.spinner__visible_3xla8 {
+.spinner__visible_1x80h {
     display: var(--spinner-display-visible);
     vertical-align: middle;
 }
-.spinner__xs_3xla8 {
+.spinner__xs_1x80h {
     width: 18px;
     height: 18px;
 }
-.spinner__s_3xla8 {
+.spinner__s_1x80h {
     width: 24px;
     height: 24px;
 }
-.spinner__m_3xla8 {
+.spinner__m_1x80h {
     width: 48px;
     height: 48px;
 }
-@keyframes spinner__spin_animation_3xla8 {
+@keyframes spinner__spin_animation_1x80h {
     from {
         transform: rotate(0);
     }

package/spinner/inverted.css

@@ -13,6 +13,6 @@
 :root {
     --spinner-inverted-color: var(--color-light-graphic-primary-inverted);
 }
-.spinner__component_6zxa5 {
+.spinner__component_1kiym {
     color: var(--spinner-inverted-color);
 }

package/spinner/modern/Component.js

@@ -2,13 +2,13 @@ import React from 'react';
 import cn from 'classnames';
 import { useId } from '@alfalab/hooks';
 
-const defaultColors = {"component":"spinner__component_15ktg"};
+const defaultColors = {"component":"spinner__component_1eom5"};
 require('./default.css');
 
-const styles = {"spinner":"spinner__spinner_3xla8","spin_animation":"spinner__spin_animation_3xla8","visible":"spinner__visible_3xla8","xs":"spinner__xs_3xla8","s":"spinner__s_3xla8","m":"spinner__m_3xla8"};
+const styles = {"spinner":"spinner__spinner_1x80h","spin_animation":"spinner__spin_animation_1x80h","visible":"spinner__visible_1x80h","xs":"spinner__xs_1x80h","s":"spinner__s_1x80h","m":"spinner__m_1x80h"};
 require('./index.css');
 
-const invertedColors = {"component":"spinner__component_6zxa5"};
+const invertedColors = {"component":"spinner__component_1kiym"};
 require('./inverted.css');
 
 const colorStyles = {

package/spinner/modern/default.css

@@ -13,6 +13,6 @@
 :root {
     --spinner-default-color: var(--color-light-graphic-primary);
 }
-.spinner__component_15ktg {
+.spinner__component_1eom5 {
     color: var(--spinner-default-color);
 }