@alfalab/core-components 47.2.0 → 47.3.0

package/action-button/inverted.css

@@ -53,31 +53,31 @@
     --action-button-inverted-disabled-color: var(--color-light-text-tertiary-inverted);
     --action-button-inverted-disabled-icon-color: var(--color-light-neutral-500-inverted);
     --action-button-inverted-disabled-bg-color: var(--color-light-neutral-100-inverted);
-} .action-button__primary_1380p {
+} .action-button__primary_113f3 {
     color: var(--action-button-inverted-primary-base-color)
-} .action-button__primary_1380p .action-button__iconWrapper_1380p {
+} .action-button__primary_113f3 .action-button__iconWrapper_113f3 {
         color: var(--action-button-inverted-primary-base-icon-color);
         background-color: var(--action-button-inverted-primary-base-bg-color);
-    } .action-button__primary_1380p:hover .action-button__iconWrapper_1380p {
+    } .action-button__primary_113f3:hover .action-button__iconWrapper_113f3 {
         background-color: var(--action-button-inverted-primary-hover-color);
-    } .action-button__primary_1380p:active .action-button__iconWrapper_1380p {
+    } .action-button__primary_113f3:active .action-button__iconWrapper_113f3 {
         background-color: var(--action-button-inverted-primary-active-color);
-    } .action-button__primary_1380p .action-button__loader_1380p {
+    } .action-button__primary_113f3 .action-button__loader_113f3 {
         color: var(--action-button-spinner-inverted-primary-color);
-    } .action-button__secondary_1380p {
+    } .action-button__secondary_113f3 {
     color: var(--action-button-inverted-secondary-base-color)
-} .action-button__secondary_1380p .action-button__iconWrapper_1380p {
+} .action-button__secondary_113f3 .action-button__iconWrapper_113f3 {
         color: var(--action-button-inverted-secondary-base-icon-color);
         background-color: var(--action-button-inverted-secondary-base-bg-color);
-    } .action-button__secondary_1380p:hover .action-button__iconWrapper_1380p {
+    } .action-button__secondary_113f3:hover .action-button__iconWrapper_113f3 {
         background-color: var(--action-button-inverted-secondary-hover-color);
-    } .action-button__secondary_1380p:active .action-button__iconWrapper_1380p {
+    } .action-button__secondary_113f3:active .action-button__iconWrapper_113f3 {
         background-color: var(--action-button-inverted-secondary-active-color);
-    } .action-button__secondary_1380p .action-button__loader_1380p {
+    } .action-button__secondary_113f3 .action-button__loader_113f3 {
         color: var(--action-button-spinner-inverted-default-color);
-    } .action-button__disabled_1380p {
+    } .action-button__disabled_113f3 {
     color: var(--action-button-inverted-disabled-color)
-} .action-button__disabled_1380p .action-button__iconWrapper_1380p {
+} .action-button__disabled_113f3 .action-button__iconWrapper_113f3 {
         color: var(--action-button-inverted-disabled-icon-color);
         background-color: var(--action-button-inverted-disabled-bg-color);
     }

package/action-button/modern/Component.js

@@ -6,16 +6,16 @@ import { Spinner } from '../../spinner/modern';
 import { useFocus } from '@alfalab/hooks';
 import { useLoader } from './hooks.js';
 
-const defaultColors = {"primary":"action-button__primary_1cv84","iconWrapper":"action-button__iconWrapper_1cv84","loader":"action-button__loader_1cv84","secondary":"action-button__secondary_1cv84","disabled":"action-button__disabled_1cv84"};
+const defaultColors = {"primary":"action-button__primary_1aqmi","iconWrapper":"action-button__iconWrapper_1aqmi","loader":"action-button__loader_1aqmi","secondary":"action-button__secondary_1aqmi","disabled":"action-button__disabled_1aqmi"};
 require('./default.css');
 
-const styles = {"component":"action-button__component_1mglo","size-48":"action-button__size-48_1mglo","disabled":"action-button__disabled_1mglo","loading":"action-button__loading_1mglo","iconWrapper":"action-button__iconWrapper_1mglo","label":"action-button__label_1mglo","loader":"action-button__loader_1mglo","focused":"action-button__focused_1mglo"};
+const styles = {"component":"action-button__component_fikpe","size-48":"action-button__size-48_fikpe","disabled":"action-button__disabled_fikpe","loading":"action-button__loading_fikpe","iconWrapper":"action-button__iconWrapper_fikpe","label":"action-button__label_fikpe","loader":"action-button__loader_fikpe","focused":"action-button__focused_fikpe"};
 require('./index.css');
 
-const invertedColors = {"primary":"action-button__primary_1380p","iconWrapper":"action-button__iconWrapper_1380p","loader":"action-button__loader_1380p","secondary":"action-button__secondary_1380p","disabled":"action-button__disabled_1380p"};
+const invertedColors = {"primary":"action-button__primary_113f3","iconWrapper":"action-button__iconWrapper_113f3","loader":"action-button__loader_113f3","secondary":"action-button__secondary_113f3","disabled":"action-button__disabled_113f3"};
 require('./inverted.css');
 
-const staticColors = {"primary":"action-button__primary_zsdxo","iconWrapper":"action-button__iconWrapper_zsdxo","loader":"action-button__loader_zsdxo","secondary":"action-button__secondary_zsdxo","disabled":"action-button__disabled_zsdxo"};
+const staticColors = {"primary":"action-button__primary_harvu","iconWrapper":"action-button__iconWrapper_harvu","loader":"action-button__loader_harvu","secondary":"action-button__secondary_harvu","disabled":"action-button__disabled_harvu"};
 require('./static.css');
 
 const colorStyles = {

package/action-button/modern/default.css

@@ -48,31 +48,31 @@
     --action-button-disabled-color: var(--color-light-text-tertiary);
     --action-button-disabled-icon-color: var(--color-light-neutral-500);
     --action-button-disabled-bg-color: var(--color-light-neutral-100);
-} .action-button__primary_1cv84 {
+} .action-button__primary_1aqmi {
     color: var(--action-button-primary-base-color)
-} .action-button__primary_1cv84 .action-button__iconWrapper_1cv84 {
+} .action-button__primary_1aqmi .action-button__iconWrapper_1aqmi {
         color: var(--action-button-primary-base-icon-color);
         background-color: var(--action-button-primary-base-bg-color);
-    } .action-button__primary_1cv84:hover .action-button__iconWrapper_1cv84 {
+    } .action-button__primary_1aqmi:hover .action-button__iconWrapper_1aqmi {
         background-color: var(--action-button-primary-hover-color);
-    } .action-button__primary_1cv84:active .action-button__iconWrapper_1cv84 {
+    } .action-button__primary_1aqmi:active .action-button__iconWrapper_1aqmi {
         background-color: var(--action-button-primary-active-color);
-    } .action-button__primary_1cv84 .action-button__loader_1cv84 {
+    } .action-button__primary_1aqmi .action-button__loader_1aqmi {
         color: var(--action-button-spinner-primary-color);
-    } .action-button__secondary_1cv84 {
+    } .action-button__secondary_1aqmi {
     color: var(--action-button-secondary-base-color)
-} .action-button__secondary_1cv84 .action-button__iconWrapper_1cv84 {
+} .action-button__secondary_1aqmi .action-button__iconWrapper_1aqmi {
         color: var(--action-button-secondary-base-icon-color);
         background-color: var(--action-button-secondary-base-bg-color);
-    } .action-button__secondary_1cv84:hover .action-button__iconWrapper_1cv84 {
+    } .action-button__secondary_1aqmi:hover .action-button__iconWrapper_1aqmi {
         background-color: var(--action-button-secondary-hover-color);
-    } .action-button__secondary_1cv84:active .action-button__iconWrapper_1cv84 {
+    } .action-button__secondary_1aqmi:active .action-button__iconWrapper_1aqmi {
         background-color: var(--action-button-secondary-active-color);
-    } .action-button__secondary_1cv84 .action-button__loader_1cv84 {
+    } .action-button__secondary_1aqmi .action-button__loader_1aqmi {
         color: var(--action-button-spinner-default-color);
-    } .action-button__disabled_1cv84 {
+    } .action-button__disabled_1aqmi {
     color: var(--action-button-disabled-color)
-} .action-button__disabled_1cv84 .action-button__iconWrapper_1cv84 {
+} .action-button__disabled_1aqmi .action-button__iconWrapper_1aqmi {
         color: var(--action-button-disabled-icon-color);
         background-color: var(--action-button-disabled-bg-color);
     }

package/action-button/modern/index.css

@@ -18,7 +18,7 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-status-info);
-} .action-button__component_1mglo {
+} .action-button__component_fikpe {
     position: relative;
     display: inline-flex;
     flex-flow: column nowrap;
@@ -42,17 +42,17 @@
     font-family: inherit;
     appearance: none;
     -webkit-tap-highlight-color: transparent
-} .action-button__component_1mglo.action-button__size-48_1mglo {
+} .action-button__component_fikpe.action-button__size-48_fikpe {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
-    } .action-button__disabled_1mglo {
+    } .action-button__disabled_fikpe {
     cursor: not-allowed;
     pointer-events: none;
-} .action-button__loading_1mglo {
+} .action-button__loading_fikpe {
     cursor: auto;
     pointer-events: none;
-} .action-button__iconWrapper_1mglo {
+} .action-button__iconWrapper_fikpe {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -61,21 +61,21 @@
     border-radius: var(--border-radius-circle);
     transition: background-color 0.2s ease;
     line-height: 0
-} .action-button__iconWrapper_1mglo.action-button__size-48_1mglo {
+} .action-button__iconWrapper_fikpe.action-button__size-48_fikpe {
         width: 48px;
         height: 48px;
-    } .action-button__label_1mglo {
+    } .action-button__label_fikpe {
     display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
-} .action-button__loader_1mglo {
+} .action-button__loader_fikpe {
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
-} .action-button__focused_1mglo {
+} .action-button__focused_fikpe {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/action-button/modern/inverted.css

@@ -53,31 +53,31 @@
     --action-button-inverted-disabled-color: var(--color-light-text-tertiary-inverted);
     --action-button-inverted-disabled-icon-color: var(--color-light-neutral-500-inverted);
     --action-button-inverted-disabled-bg-color: var(--color-light-neutral-100-inverted);
-} .action-button__primary_1380p {
+} .action-button__primary_113f3 {
     color: var(--action-button-inverted-primary-base-color)
-} .action-button__primary_1380p .action-button__iconWrapper_1380p {
+} .action-button__primary_113f3 .action-button__iconWrapper_113f3 {
         color: var(--action-button-inverted-primary-base-icon-color);
         background-color: var(--action-button-inverted-primary-base-bg-color);
-    } .action-button__primary_1380p:hover .action-button__iconWrapper_1380p {
+    } .action-button__primary_113f3:hover .action-button__iconWrapper_113f3 {
         background-color: var(--action-button-inverted-primary-hover-color);
-    } .action-button__primary_1380p:active .action-button__iconWrapper_1380p {
+    } .action-button__primary_113f3:active .action-button__iconWrapper_113f3 {
         background-color: var(--action-button-inverted-primary-active-color);
-    } .action-button__primary_1380p .action-button__loader_1380p {
+    } .action-button__primary_113f3 .action-button__loader_113f3 {
         color: var(--action-button-spinner-inverted-primary-color);
-    } .action-button__secondary_1380p {
+    } .action-button__secondary_113f3 {
     color: var(--action-button-inverted-secondary-base-color)
-} .action-button__secondary_1380p .action-button__iconWrapper_1380p {
+} .action-button__secondary_113f3 .action-button__iconWrapper_113f3 {
         color: var(--action-button-inverted-secondary-base-icon-color);
         background-color: var(--action-button-inverted-secondary-base-bg-color);
-    } .action-button__secondary_1380p:hover .action-button__iconWrapper_1380p {
+    } .action-button__secondary_113f3:hover .action-button__iconWrapper_113f3 {
         background-color: var(--action-button-inverted-secondary-hover-color);
-    } .action-button__secondary_1380p:active .action-button__iconWrapper_1380p {
+    } .action-button__secondary_113f3:active .action-button__iconWrapper_113f3 {
         background-color: var(--action-button-inverted-secondary-active-color);
-    } .action-button__secondary_1380p .action-button__loader_1380p {
+    } .action-button__secondary_113f3 .action-button__loader_113f3 {
         color: var(--action-button-spinner-inverted-default-color);
-    } .action-button__disabled_1380p {
+    } .action-button__disabled_113f3 {
     color: var(--action-button-inverted-disabled-color)
-} .action-button__disabled_1380p .action-button__iconWrapper_1380p {
+} .action-button__disabled_113f3 .action-button__iconWrapper_113f3 {
         color: var(--action-button-inverted-disabled-icon-color);
         background-color: var(--action-button-inverted-disabled-bg-color);
     }

package/action-button/modern/static.css

@@ -43,23 +43,23 @@
     --action-button-static-disabled-color: var(--color-static-text-tertiary);
     --action-button-static-disabled-icon-color: var(--color-static-neutral-500);
     --action-button-static-disabled-bg-color: var(--color-static-neutral-100);
-} .action-button__primary_zsdxo {
+} .action-button__primary_harvu {
     color: var(--action-button-static-primary-base-color)
-} .action-button__primary_zsdxo .action-button__iconWrapper_zsdxo {
+} .action-button__primary_harvu .action-button__iconWrapper_harvu {
         color: var(--action-button-static-primary-base-icon-color);
         background-color: var(--action-button-static-primary-base-bg-color);
-    } .action-button__primary_zsdxo .action-button__loader_zsdxo {
+    } .action-button__primary_harvu .action-button__loader_harvu {
         color: var(--action-button-spinner-static-primary-color);
-    } .action-button__secondary_zsdxo {
+    } .action-button__secondary_harvu {
     color: var(--action-button-static-secondary-base-color)
-} .action-button__secondary_zsdxo .action-button__iconWrapper_zsdxo {
+} .action-button__secondary_harvu .action-button__iconWrapper_harvu {
         color: var(--action-button-static-secondary-base-icon-color);
         background-color: var(--action-button-static-secondary-base-bg-color);
-    } .action-button__secondary_zsdxo .action-button__loader_zsdxo {
+    } .action-button__secondary_harvu .action-button__loader_harvu {
         color: var(--action-button-spinner-static-secondary-color);
-    } .action-button__disabled_zsdxo {
+    } .action-button__disabled_harvu {
     color: var(--action-button-static-disabled-color)
-} .action-button__disabled_zsdxo .action-button__iconWrapper_zsdxo {
+} .action-button__disabled_harvu .action-button__iconWrapper_harvu {
         color: var(--action-button-static-disabled-icon-color);
         background-color: var(--action-button-static-disabled-bg-color);
     }

package/action-button/static.css

@@ -43,23 +43,23 @@
     --action-button-static-disabled-color: var(--color-static-text-tertiary);
     --action-button-static-disabled-icon-color: var(--color-static-neutral-500);
     --action-button-static-disabled-bg-color: var(--color-static-neutral-100);
-} .action-button__primary_zsdxo {
+} .action-button__primary_harvu {
     color: var(--action-button-static-primary-base-color)
-} .action-button__primary_zsdxo .action-button__iconWrapper_zsdxo {
+} .action-button__primary_harvu .action-button__iconWrapper_harvu {
         color: var(--action-button-static-primary-base-icon-color);
         background-color: var(--action-button-static-primary-base-bg-color);
-    } .action-button__primary_zsdxo .action-button__loader_zsdxo {
+    } .action-button__primary_harvu .action-button__loader_harvu {
         color: var(--action-button-spinner-static-primary-color);
-    } .action-button__secondary_zsdxo {
+    } .action-button__secondary_harvu {
     color: var(--action-button-static-secondary-base-color)
-} .action-button__secondary_zsdxo .action-button__iconWrapper_zsdxo {
+} .action-button__secondary_harvu .action-button__iconWrapper_harvu {
         color: var(--action-button-static-secondary-base-icon-color);
         background-color: var(--action-button-static-secondary-base-bg-color);
-    } .action-button__secondary_zsdxo .action-button__loader_zsdxo {
+    } .action-button__secondary_harvu .action-button__loader_harvu {
         color: var(--action-button-spinner-static-secondary-color);
-    } .action-button__disabled_zsdxo {
+    } .action-button__disabled_harvu {
     color: var(--action-button-static-disabled-color)
-} .action-button__disabled_zsdxo .action-button__iconWrapper_zsdxo {
+} .action-button__disabled_harvu .action-button__iconWrapper_harvu {
         color: var(--action-button-static-disabled-icon-color);
         background-color: var(--action-button-static-disabled-bg-color);
     }

package/alert/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"alert__component_ehe03","title":"alert__title_ehe03"};
+var styles = {"component":"alert__component_1o1bd","title":"alert__title_1o1bd"};
 require('./index.css');
 
 var Alert = function (_a) {

package/alert/esm/Component.js

@@ -3,7 +3,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Plate } from '../../plate/esm';
 
-var styles = {"component":"alert__component_ehe03","title":"alert__title_ehe03"};
+var styles = {"component":"alert__component_1o1bd","title":"alert__title_1o1bd"};
 require('./index.css');
 
 var Alert = function (_a) {

package/alert/esm/index.css

@@ -14,9 +14,9 @@
 } :root {
 } :root {
 } :root {
-} .alert__component_ehe03.alert__component_ehe03 {
+} .alert__component_1o1bd.alert__component_1o1bd {
     min-height: 48px;
-} .alert__title_ehe03 {
+} .alert__title_1o1bd {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;

package/alert/index.css

@@ -14,9 +14,9 @@
 } :root {
 } :root {
 } :root {
-} .alert__component_ehe03.alert__component_ehe03 {
+} .alert__component_1o1bd.alert__component_1o1bd {
     min-height: 48px;
-} .alert__title_ehe03 {
+} .alert__title_1o1bd {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;

package/alert/modern/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Plate } from '../../plate/modern';
 
-const styles = {"component":"alert__component_ehe03","title":"alert__title_ehe03"};
+const styles = {"component":"alert__component_1o1bd","title":"alert__title_1o1bd"};
 require('./index.css');
 
 const Alert = ({ className, title, ...restProps }) => (React.createElement(Plate, { className: cn(styles.component, className), title: title ? React.createElement("span", { className: styles.title }, title) : null, rounded: false, limitContentWidth: false, ...restProps }));

package/alert/modern/index.css

@@ -14,9 +14,9 @@
 } :root {
 } :root {
 } :root {
-} .alert__component_ehe03.alert__component_ehe03 {
+} .alert__component_1o1bd.alert__component_1o1bd {
     min-height: 48px;
-} .alert__title_ehe03 {
+} .alert__title_1o1bd {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;

package/amount/component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"amount__component_1q14v","transparentMinor":"amount__transparentMinor_1q14v","bold":"amount__bold_1q14v","normalMinor":"amount__normalMinor_1q14v","defaultStyles":"amount__defaultStyles_1q14v","defaultMinor":"amount__defaultMinor_1q14v","minorPartAndCurrency":"amount__minorPartAndCurrency_1q14v"};
+var styles = {"component":"amount__component_1ft3o","transparentMinor":"amount__transparentMinor_1ft3o","bold":"amount__bold_1ft3o","normalMinor":"amount__normalMinor_1ft3o","defaultStyles":"amount__defaultStyles_1ft3o","defaultMinor":"amount__defaultMinor_1ft3o","minorPartAndCurrency":"amount__minorPartAndCurrency_1ft3o"};
 require('./index.css');
 
 /**

package/amount/esm/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { formatAmount, AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR } from '@alfalab/utils';
 
-var styles = {"component":"amount__component_1q14v","transparentMinor":"amount__transparentMinor_1q14v","bold":"amount__bold_1q14v","normalMinor":"amount__normalMinor_1q14v","defaultStyles":"amount__defaultStyles_1q14v","defaultMinor":"amount__defaultMinor_1q14v","minorPartAndCurrency":"amount__minorPartAndCurrency_1q14v"};
+var styles = {"component":"amount__component_1ft3o","transparentMinor":"amount__transparentMinor_1ft3o","bold":"amount__bold_1ft3o","normalMinor":"amount__normalMinor_1ft3o","defaultStyles":"amount__defaultStyles_1ft3o","defaultMinor":"amount__defaultMinor_1ft3o","minorPartAndCurrency":"amount__minorPartAndCurrency_1ft3o"};
 require('./index.css');
 
 /**

package/amount/esm/index.css

@@ -18,20 +18,20 @@
     --amount-major-part-font-weight: bold;
     --amount-minor-part-font-weight: normal;
     --amount-minor-part-opacity: 0.6;
-} .amount__component_1q14v {
+} .amount__component_1ft3o {
     white-space: nowrap;
-} .amount__transparentMinor_1q14v {
+} .amount__transparentMinor_1ft3o {
     opacity: 0.6;
-} .amount__bold_1q14v {
+} .amount__bold_1ft3o {
     font-weight: bold;
-} .amount__normalMinor_1q14v {
+} .amount__normalMinor_1ft3o {
     font-weight: normal;
-} .amount__defaultStyles_1q14v {
+} .amount__defaultStyles_1ft3o {
     font-weight: var(--amount-major-part-font-weight);
-} .amount__defaultMinor_1q14v {
+} .amount__defaultMinor_1ft3o {
     opacity: var(--amount-minor-part-opacity);
     font-weight: var(--amount-minor-part-font-weight);
-} .amount__minorPartAndCurrency_1q14v {
+} .amount__minorPartAndCurrency_1ft3o {
     display: inline-flex;
     align-items: center;
 }

package/amount/esm/pure/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { formatAmount, THINSP } from '@alfalab/utils';
 
-var styles = {"component":"amount__component_1mk0w"};
+var styles = {"component":"amount__component_vyyxq"};
 require('./index.css');
 
 /**

package/amount/esm/pure/index.css

@@ -1,4 +1,4 @@
 /* hash: vxrp6 */
-.amount__component_1mk0w {
+.amount__component_vyyxq {
     white-space: nowrap;
 }

package/amount/index.css

@@ -18,20 +18,20 @@
     --amount-major-part-font-weight: bold;
     --amount-minor-part-font-weight: normal;
     --amount-minor-part-opacity: 0.6;
-} .amount__component_1q14v {
+} .amount__component_1ft3o {
     white-space: nowrap;
-} .amount__transparentMinor_1q14v {
+} .amount__transparentMinor_1ft3o {
     opacity: 0.6;
-} .amount__bold_1q14v {
+} .amount__bold_1ft3o {
     font-weight: bold;
-} .amount__normalMinor_1q14v {
+} .amount__normalMinor_1ft3o {
     font-weight: normal;
-} .amount__defaultStyles_1q14v {
+} .amount__defaultStyles_1ft3o {
     font-weight: var(--amount-major-part-font-weight);
-} .amount__defaultMinor_1q14v {
+} .amount__defaultMinor_1ft3o {
     opacity: var(--amount-minor-part-opacity);
     font-weight: var(--amount-minor-part-font-weight);
-} .amount__minorPartAndCurrency_1q14v {
+} .amount__minorPartAndCurrency_1ft3o {
     display: inline-flex;
     align-items: center;
 }

package/amount/modern/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { formatAmount, AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR } from '@alfalab/utils';
 
-const styles = {"component":"amount__component_1q14v","transparentMinor":"amount__transparentMinor_1q14v","bold":"amount__bold_1q14v","normalMinor":"amount__normalMinor_1q14v","defaultStyles":"amount__defaultStyles_1q14v","defaultMinor":"amount__defaultMinor_1q14v","minorPartAndCurrency":"amount__minorPartAndCurrency_1q14v"};
+const styles = {"component":"amount__component_1ft3o","transparentMinor":"amount__transparentMinor_1ft3o","bold":"amount__bold_1ft3o","normalMinor":"amount__normalMinor_1ft3o","defaultStyles":"amount__defaultStyles_1ft3o","defaultMinor":"amount__defaultMinor_1ft3o","minorPartAndCurrency":"amount__minorPartAndCurrency_1ft3o"};
 require('./index.css');
 
 /**

package/amount/modern/index.css

@@ -18,20 +18,20 @@
     --amount-major-part-font-weight: bold;
     --amount-minor-part-font-weight: normal;
     --amount-minor-part-opacity: 0.6;
-} .amount__component_1q14v {
+} .amount__component_1ft3o {
     white-space: nowrap;
-} .amount__transparentMinor_1q14v {
+} .amount__transparentMinor_1ft3o {
     opacity: 0.6;
-} .amount__bold_1q14v {
+} .amount__bold_1ft3o {
     font-weight: bold;
-} .amount__normalMinor_1q14v {
+} .amount__normalMinor_1ft3o {
     font-weight: normal;
-} .amount__defaultStyles_1q14v {
+} .amount__defaultStyles_1ft3o {
     font-weight: var(--amount-major-part-font-weight);
-} .amount__defaultMinor_1q14v {
+} .amount__defaultMinor_1ft3o {
     opacity: var(--amount-minor-part-opacity);
     font-weight: var(--amount-minor-part-font-weight);
-} .amount__minorPartAndCurrency_1q14v {
+} .amount__minorPartAndCurrency_1ft3o {
     display: inline-flex;
     align-items: center;
 }

package/amount/modern/pure/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { formatAmount, THINSP } from '@alfalab/utils';
 
-const styles = {"component":"amount__component_1mk0w"};
+const styles = {"component":"amount__component_vyyxq"};
 require('./index.css');
 
 /**

package/amount/modern/pure/index.css

@@ -1,4 +1,4 @@
 /* hash: vxrp6 */
-.amount__component_1mk0w {
+.amount__component_vyyxq {
     white-space: nowrap;
 }

package/amount/pure/component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"amount__component_1mk0w"};
+var styles = {"component":"amount__component_vyyxq"};
 require('./index.css');
 
 /**

package/amount/pure/index.css

@@ -1,4 +1,4 @@
 /* hash: vxrp6 */
-.amount__component_1mk0w {
+.amount__component_vyyxq {
     white-space: nowrap;
 }

package/amount-input/Component.js

@@ -13,13 +13,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_1d0xy"};
+var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_1wlmi"};
 require('./default.css');
 
-var styles = {"container":"amount-input__container_z84xp","bold":"amount-input__bold_z84xp","input":"amount-input__input_z84xp","suffixContainer":"amount-input__suffixContainer_z84xp","filled":"amount-input__filled_z84xp"};
+var styles = {"container":"amount-input__container_1e23g","bold":"amount-input__bold_1e23g","input":"amount-input__input_1e23g","suffixContainer":"amount-input__suffixContainer_1e23g","filled":"amount-input__filled_1e23g"};
 require('./index.css');
 
-var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_8j41q"};
+var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_s3sl3"};
 require('./inverted.css');
 
 var colorStyles = {

package/amount-input/default.css

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --amount-input-minor-part-and-currency-color: var(--color-light-text-secondary);
-} .amount-input__minorPartAndCurrency_1d0xy {
+} .amount-input__minorPartAndCurrency_1wlmi {
     color: var(--amount-input-minor-part-and-currency-color);
 }

package/amount-input/esm/Component.js

@@ -6,13 +6,13 @@ import { withSuffix } from '../../with-suffix/esm';
 import { formatAmount, THINSP } from '@alfalab/utils';
 import { getCurrencyCodeWithFormat, getAmountValueFromStr, getFormattedValue } from './utils/index.js';
 
-var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_1d0xy"};
+var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_1wlmi"};
 require('./default.css');
 
-var styles = {"container":"amount-input__container_z84xp","bold":"amount-input__bold_z84xp","input":"amount-input__input_z84xp","suffixContainer":"amount-input__suffixContainer_z84xp","filled":"amount-input__filled_z84xp"};
+var styles = {"container":"amount-input__container_1e23g","bold":"amount-input__bold_1e23g","input":"amount-input__input_1e23g","suffixContainer":"amount-input__suffixContainer_1e23g","filled":"amount-input__filled_1e23g"};
 require('./index.css');
 
-var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_8j41q"};
+var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_s3sl3"};
 require('./inverted.css');
 
 var colorStyles = {

package/amount-input/esm/default.css

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --amount-input-minor-part-and-currency-color: var(--color-light-text-secondary);
-} .amount-input__minorPartAndCurrency_1d0xy {
+} .amount-input__minorPartAndCurrency_1wlmi {
     color: var(--amount-input-minor-part-and-currency-color);
 }

package/amount-input/esm/index.css

@@ -25,14 +25,14 @@
 * Решение
 * Делаем скрытый текст где держим то же значение, добавляем символ валюты
 * Важно расположить этот текст ровно на месте инпута и чтобы он имел те же параметры что и текст в инпуте
-*/ .amount-input__container_z84xp {
+*/ .amount-input__container_1e23g {
     position: relative;
-} .amount-input__bold_z84xp .amount-input__input_z84xp,
-.amount-input__bold_z84xp .amount-input__suffixContainer_z84xp {
+} .amount-input__bold_1e23g .amount-input__input_1e23g,
+.amount-input__bold_1e23g .amount-input__suffixContainer_1e23g {
     font-weight: bold;
-} /* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */ .amount-input__suffixContainer_z84xp > *:first-child {
+} /* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */ .amount-input__suffixContainer_1e23g > *:first-child {
     display: none;
-} .amount-input__filled_z84xp .amount-input__input_z84xp,
-.amount-input__input_z84xp:focus {
+} .amount-input__filled_1e23g .amount-input__input_1e23g,
+.amount-input__input_1e23g:focus {
     -webkit-text-fill-color: transparent;
 }

package/amount-input/esm/inverted.css

@@ -18,6 +18,6 @@
     --amount-input-inverted-minor-part-and-currency-color: var(
         --color-light-text-secondary-inverted
     );
-} .amount-input__minorPartAndCurrency_8j41q {
+} .amount-input__minorPartAndCurrency_s3sl3 {
     color: var(--amount-input-inverted-minor-part-and-currency-color);
 }