@alfalab/core-components 46.3.0 → 46.3.1

package/amount-input/index.css

@@ -25,14 +25,14 @@
 * Решение
 * Делаем скрытый текст где держим то же значение, добавляем символ валюты
 * Важно расположить этот текст ровно на месте инпута и чтобы он имел те же параметры что и текст в инпуте
-*/ .amount-input__container_159u3 {
+*/ .amount-input__container_2fx38 {
     position: relative;
-} .amount-input__bold_159u3 .amount-input__input_159u3,
-.amount-input__bold_159u3 .amount-input__suffixContainer_159u3 {
+} .amount-input__bold_2fx38 .amount-input__input_2fx38,
+.amount-input__bold_2fx38 .amount-input__suffixContainer_2fx38 {
     font-weight: bold;
-} /* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */ .amount-input__suffixContainer_159u3 > *:first-child {
+} /* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */ .amount-input__suffixContainer_2fx38 > *:first-child {
     display: none;
-} .amount-input__filled_159u3 .amount-input__input_159u3,
-.amount-input__input_159u3:focus {
+} .amount-input__filled_2fx38 .amount-input__input_2fx38,
+.amount-input__input_2fx38:focus {
     -webkit-text-fill-color: transparent;
 }

package/amount-input/inverted.css

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

package/amount-input/modern/Component.js

@@ -5,13 +5,13 @@ import { withSuffix } from '../../with-suffix/modern';
 import { formatAmount, THINSP } from '@alfalab/utils';
 import { getCurrencyCodeWithFormat, getAmountValueFromStr, getFormattedValue } from './utils/index.js';
 
-const defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_mapzr"};
+const defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_hgunk"};
 require('./default.css');
 
-const styles = {"container":"amount-input__container_159u3","bold":"amount-input__bold_159u3","input":"amount-input__input_159u3","suffixContainer":"amount-input__suffixContainer_159u3","filled":"amount-input__filled_159u3"};
+const styles = {"container":"amount-input__container_2fx38","bold":"amount-input__bold_2fx38","input":"amount-input__input_2fx38","suffixContainer":"amount-input__suffixContainer_2fx38","filled":"amount-input__filled_2fx38"};
 require('./index.css');
 
-const invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_1gu04"};
+const invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_1c04s"};
 require('./inverted.css');
 
 const colorStyles = {

package/amount-input/modern/default.css

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

package/amount-input/modern/index.css

@@ -25,14 +25,14 @@
 * Решение
 * Делаем скрытый текст где держим то же значение, добавляем символ валюты
 * Важно расположить этот текст ровно на месте инпута и чтобы он имел те же параметры что и текст в инпуте
-*/ .amount-input__container_159u3 {
+*/ .amount-input__container_2fx38 {
     position: relative;
-} .amount-input__bold_159u3 .amount-input__input_159u3,
-.amount-input__bold_159u3 .amount-input__suffixContainer_159u3 {
+} .amount-input__bold_2fx38 .amount-input__input_2fx38,
+.amount-input__bold_2fx38 .amount-input__suffixContainer_2fx38 {
     font-weight: bold;
-} /* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */ .amount-input__suffixContainer_159u3 > *:first-child {
+} /* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */ .amount-input__suffixContainer_2fx38 > *:first-child {
     display: none;
-} .amount-input__filled_159u3 .amount-input__input_159u3,
-.amount-input__input_159u3:focus {
+} .amount-input__filled_2fx38 .amount-input__input_2fx38,
+.amount-input__input_2fx38:focus {
     -webkit-text-fill-color: transparent;
 }

package/amount-input/modern/inverted.css

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

package/attach/Component.js

@@ -18,7 +18,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"attach__component_d324j","label":"attach__label_d324j","control":"attach__control_d324j","size-64":"attach__size-64_d324j","file":"attach__file_d324j","noFile":"attach__noFile_d324j","abbreviation":"attach__abbreviation_d324j","clear":"attach__clear_d324j","progressBar":"attach__progressBar_d324j","disabled":"attach__disabled_d324j","icon":"attach__icon_d324j","focused":"attach__focused_d324j"};
+var styles = {"component":"attach__component_1scez","label":"attach__label_1scez","control":"attach__control_1scez","size-64":"attach__size-64_1scez","file":"attach__file_1scez","noFile":"attach__noFile_1scez","abbreviation":"attach__abbreviation_1scez","clear":"attach__clear_1scez","progressBar":"attach__progressBar_1scez","disabled":"attach__disabled_1scez","icon":"attach__icon_1scez","focused":"attach__focused_1scez"};
 require('./index.css');
 
 var MULTIPLE_TEXTS = ['файл', 'файла', 'файлов'];

package/attach/esm/Component.js

@@ -10,7 +10,7 @@ import { PaperclipSIcon } from '@alfalab/icons-glyph/PaperclipSIcon';
 import { pluralize } from '@alfalab/utils';
 import { truncateFilename } from './utils/index.js';
 
-var styles = {"component":"attach__component_d324j","label":"attach__label_d324j","control":"attach__control_d324j","size-64":"attach__size-64_d324j","file":"attach__file_d324j","noFile":"attach__noFile_d324j","abbreviation":"attach__abbreviation_d324j","clear":"attach__clear_d324j","progressBar":"attach__progressBar_d324j","disabled":"attach__disabled_d324j","icon":"attach__icon_d324j","focused":"attach__focused_d324j"};
+var styles = {"component":"attach__component_1scez","label":"attach__label_1scez","control":"attach__control_1scez","size-64":"attach__size-64_1scez","file":"attach__file_1scez","noFile":"attach__noFile_1scez","abbreviation":"attach__abbreviation_1scez","clear":"attach__clear_1scez","progressBar":"attach__progressBar_1scez","disabled":"attach__disabled_1scez","icon":"attach__icon_1scez","focused":"attach__focused_1scez"};
 require('./index.css');
 
 var MULTIPLE_TEXTS = ['файл', 'файла', 'файлов'];

package/attach/esm/index.css

@@ -20,7 +20,7 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .attach__component_d324j {
+} .attach__component_1scez {
     display: inline-flex;
     align-items: center;
     position: relative;
@@ -29,7 +29,7 @@
     * {
         box-sizing: border-box;
     }
-} .attach__label_d324j {
+} .attach__label_1scez {
     position: absolute;
     top: 0;
     left: 0;
@@ -38,16 +38,16 @@
     cursor: inherit;
     width: 0;
     height: 0;
-} .attach__control_d324j {
+} .attach__control_1scez {
     opacity: 0;
     cursor: inherit
-} .attach__control_d324j::-webkit-file-upload-button {
+} .attach__control_1scez::-webkit-file-upload-button {
         cursor: inherit;
-    } .attach__size-64_d324j .attach__file_d324j,
-.attach__size-64_d324j .attach__noFile_d324j {
+    } .attach__size-64_1scez .attach__file_1scez,
+.attach__size-64_1scez .attach__noFile_1scez {
     margin-left: var(--gap-s);
-} .attach__file_d324j,
-.attach__noFile_d324j {
+} .attach__file_1scez,
+.attach__noFile_1scez {
     display: inline-block;
     text-align: center;
     color: var(--color-light-text-secondary);
@@ -58,9 +58,9 @@
     line-height: 16px;
 
     font-weight: 400;
-} .attach__abbreviation_d324j {
+} .attach__abbreviation_1scez {
     text-decoration: none;
-} .attach__clear_d324j {
+} .attach__clear_1scez {
     margin: 0 0 0 5px;
     padding: 0;
     cursor: pointer;
@@ -71,17 +71,17 @@
     font: inherit;
     background: none;
     border: none
-} .attach__clear_d324j:before {
+} .attach__clear_1scez:before {
         content: '\D7';
-    } .attach__progressBar_d324j {
+    } .attach__progressBar_1scez {
     margin-top: var(--gap-2xs);
-} .attach__disabled_d324j .attach__noFile_d324j,
-.attach__disabled_d324j .attach__file_d324j,
-.attach__disabled_d324j .attach__icon_d324j {
+} .attach__disabled_1scez .attach__noFile_1scez,
+.attach__disabled_1scez .attach__file_1scez,
+.attach__disabled_1scez .attach__icon_1scez {
     opacity: 0.3;
-} .attach__disabled_d324j .attach__clear_d324j {
+} .attach__disabled_1scez .attach__clear_1scez {
     display: none;
-} .attach__focused_d324j {
+} .attach__focused_1scez {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/attach/index.css

@@ -20,7 +20,7 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .attach__component_d324j {
+} .attach__component_1scez {
     display: inline-flex;
     align-items: center;
     position: relative;
@@ -29,7 +29,7 @@
     * {
         box-sizing: border-box;
     }
-} .attach__label_d324j {
+} .attach__label_1scez {
     position: absolute;
     top: 0;
     left: 0;
@@ -38,16 +38,16 @@
     cursor: inherit;
     width: 0;
     height: 0;
-} .attach__control_d324j {
+} .attach__control_1scez {
     opacity: 0;
     cursor: inherit
-} .attach__control_d324j::-webkit-file-upload-button {
+} .attach__control_1scez::-webkit-file-upload-button {
         cursor: inherit;
-    } .attach__size-64_d324j .attach__file_d324j,
-.attach__size-64_d324j .attach__noFile_d324j {
+    } .attach__size-64_1scez .attach__file_1scez,
+.attach__size-64_1scez .attach__noFile_1scez {
     margin-left: var(--gap-s);
-} .attach__file_d324j,
-.attach__noFile_d324j {
+} .attach__file_1scez,
+.attach__noFile_1scez {
     display: inline-block;
     text-align: center;
     color: var(--color-light-text-secondary);
@@ -58,9 +58,9 @@
     line-height: 16px;
 
     font-weight: 400;
-} .attach__abbreviation_d324j {
+} .attach__abbreviation_1scez {
     text-decoration: none;
-} .attach__clear_d324j {
+} .attach__clear_1scez {
     margin: 0 0 0 5px;
     padding: 0;
     cursor: pointer;
@@ -71,17 +71,17 @@
     font: inherit;
     background: none;
     border: none
-} .attach__clear_d324j:before {
+} .attach__clear_1scez:before {
         content: '\D7';
-    } .attach__progressBar_d324j {
+    } .attach__progressBar_1scez {
     margin-top: var(--gap-2xs);
-} .attach__disabled_d324j .attach__noFile_d324j,
-.attach__disabled_d324j .attach__file_d324j,
-.attach__disabled_d324j .attach__icon_d324j {
+} .attach__disabled_1scez .attach__noFile_1scez,
+.attach__disabled_1scez .attach__file_1scez,
+.attach__disabled_1scez .attach__icon_1scez {
     opacity: 0.3;
-} .attach__disabled_d324j .attach__clear_d324j {
+} .attach__disabled_1scez .attach__clear_1scez {
     display: none;
-} .attach__focused_d324j {
+} .attach__focused_1scez {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/attach/modern/Component.js

@@ -9,7 +9,7 @@ import { PaperclipSIcon } from '@alfalab/icons-glyph/PaperclipSIcon';
 import { pluralize } from '@alfalab/utils';
 import { truncateFilename } from './utils/index.js';
 
-const styles = {"component":"attach__component_d324j","label":"attach__label_d324j","control":"attach__control_d324j","size-64":"attach__size-64_d324j","file":"attach__file_d324j","noFile":"attach__noFile_d324j","abbreviation":"attach__abbreviation_d324j","clear":"attach__clear_d324j","progressBar":"attach__progressBar_d324j","disabled":"attach__disabled_d324j","icon":"attach__icon_d324j","focused":"attach__focused_d324j"};
+const styles = {"component":"attach__component_1scez","label":"attach__label_1scez","control":"attach__control_1scez","size-64":"attach__size-64_1scez","file":"attach__file_1scez","noFile":"attach__noFile_1scez","abbreviation":"attach__abbreviation_1scez","clear":"attach__clear_1scez","progressBar":"attach__progressBar_1scez","disabled":"attach__disabled_1scez","icon":"attach__icon_1scez","focused":"attach__focused_1scez"};
 require('./index.css');
 
 const MULTIPLE_TEXTS = ['файл', 'файла', 'файлов'];

package/attach/modern/index.css

@@ -20,7 +20,7 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .attach__component_d324j {
+} .attach__component_1scez {
     display: inline-flex;
     align-items: center;
     position: relative;
@@ -29,7 +29,7 @@
     * {
         box-sizing: border-box;
     }
-} .attach__label_d324j {
+} .attach__label_1scez {
     position: absolute;
     top: 0;
     left: 0;
@@ -38,16 +38,16 @@
     cursor: inherit;
     width: 0;
     height: 0;
-} .attach__control_d324j {
+} .attach__control_1scez {
     opacity: 0;
     cursor: inherit
-} .attach__control_d324j::-webkit-file-upload-button {
+} .attach__control_1scez::-webkit-file-upload-button {
         cursor: inherit;
-    } .attach__size-64_d324j .attach__file_d324j,
-.attach__size-64_d324j .attach__noFile_d324j {
+    } .attach__size-64_1scez .attach__file_1scez,
+.attach__size-64_1scez .attach__noFile_1scez {
     margin-left: var(--gap-s);
-} .attach__file_d324j,
-.attach__noFile_d324j {
+} .attach__file_1scez,
+.attach__noFile_1scez {
     display: inline-block;
     text-align: center;
     color: var(--color-light-text-secondary);
@@ -58,9 +58,9 @@
     line-height: 16px;
 
     font-weight: 400;
-} .attach__abbreviation_d324j {
+} .attach__abbreviation_1scez {
     text-decoration: none;
-} .attach__clear_d324j {
+} .attach__clear_1scez {
     margin: 0 0 0 5px;
     padding: 0;
     cursor: pointer;
@@ -71,17 +71,17 @@
     font: inherit;
     background: none;
     border: none
-} .attach__clear_d324j:before {
+} .attach__clear_1scez:before {
         content: '\D7';
-    } .attach__progressBar_d324j {
+    } .attach__progressBar_1scez {
     margin-top: var(--gap-2xs);
-} .attach__disabled_d324j .attach__noFile_d324j,
-.attach__disabled_d324j .attach__file_d324j,
-.attach__disabled_d324j .attach__icon_d324j {
+} .attach__disabled_1scez .attach__noFile_1scez,
+.attach__disabled_1scez .attach__file_1scez,
+.attach__disabled_1scez .attach__icon_1scez {
     opacity: 0.3;
-} .attach__disabled_d324j .attach__clear_d324j {
+} .attach__disabled_1scez .attach__clear_1scez {
     display: none;
-} .attach__focused_d324j {
+} .attach__focused_1scez {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/backdrop/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 = {"backdrop":"backdrop__backdrop_tkg8x","appear":"backdrop__appear_tkg8x","enter":"backdrop__enter_tkg8x","appearActive":"backdrop__appearActive_tkg8x","enterActive":"backdrop__enterActive_tkg8x","appearDone":"backdrop__appearDone_tkg8x","enterDone":"backdrop__enterDone_tkg8x","exit":"backdrop__exit_tkg8x","exitActive":"backdrop__exitActive_tkg8x","exitDone":"backdrop__exitDone_tkg8x"};
+var styles = {"backdrop":"backdrop__backdrop_lbt9o","appear":"backdrop__appear_lbt9o","enter":"backdrop__enter_lbt9o","appearActive":"backdrop__appearActive_lbt9o","enterActive":"backdrop__enterActive_lbt9o","appearDone":"backdrop__appearDone_lbt9o","enterDone":"backdrop__enterDone_lbt9o","exit":"backdrop__exit_lbt9o","exitActive":"backdrop__exitActive_lbt9o","exitDone":"backdrop__exitDone_lbt9o"};
 require('./index.css');
 
 var Backdrop = function (_a) {

package/backdrop/esm/Component.js

@@ -3,7 +3,7 @@ import React, { useRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 
-var styles = {"backdrop":"backdrop__backdrop_tkg8x","appear":"backdrop__appear_tkg8x","enter":"backdrop__enter_tkg8x","appearActive":"backdrop__appearActive_tkg8x","enterActive":"backdrop__enterActive_tkg8x","appearDone":"backdrop__appearDone_tkg8x","enterDone":"backdrop__enterDone_tkg8x","exit":"backdrop__exit_tkg8x","exitActive":"backdrop__exitActive_tkg8x","exitDone":"backdrop__exitDone_tkg8x"};
+var styles = {"backdrop":"backdrop__backdrop_lbt9o","appear":"backdrop__appear_lbt9o","enter":"backdrop__enter_lbt9o","appearActive":"backdrop__appearActive_lbt9o","enterActive":"backdrop__enterActive_lbt9o","appearDone":"backdrop__appearDone_lbt9o","enterDone":"backdrop__enterDone_lbt9o","exit":"backdrop__exit_lbt9o","exitActive":"backdrop__exitActive_lbt9o","exitDone":"backdrop__exitDone_lbt9o"};
 require('./index.css');
 
 var Backdrop = function (_a) {

package/backdrop/esm/index.css

@@ -18,7 +18,7 @@
 } :root {
     --backdrop-visible-background: var(--color-light-overlay-default);
     --backdrop-hidden-background: transparent;
-} .backdrop__backdrop_tkg8x {
+} .backdrop__backdrop_lbt9o {
     z-index: -1;
     position: fixed;
     right: 0;
@@ -26,19 +26,19 @@
     top: 0;
     left: 0;
     -webkit-tap-highlight-color: transparent; /* убирает хайлайт */
-} .backdrop__appear_tkg8x,
-.backdrop__enter_tkg8x {
+} .backdrop__appear_lbt9o,
+.backdrop__enter_lbt9o {
     background-color: var(--backdrop-hidden-background);
-} .backdrop__appearActive_tkg8x,
-.backdrop__enterActive_tkg8x,
-.backdrop__appearDone_tkg8x,
-.backdrop__enterDone_tkg8x {
+} .backdrop__appearActive_lbt9o,
+.backdrop__enterActive_lbt9o,
+.backdrop__appearDone_lbt9o,
+.backdrop__enterDone_lbt9o {
     background-color: var(--backdrop-visible-background);
     transition: background-color 200ms ease-in;
-} .backdrop__exit_tkg8x {
+} .backdrop__exit_lbt9o {
     background-color: var(--backdrop-visible-background);
-} .backdrop__exitActive_tkg8x,
-.backdrop__exitDone_tkg8x {
+} .backdrop__exitActive_lbt9o,
+.backdrop__exitDone_lbt9o {
     background-color: var(--backdrop-hidden-background);
     transition: background-color 200ms ease-out;
 }

package/backdrop/index.css

@@ -18,7 +18,7 @@
 } :root {
     --backdrop-visible-background: var(--color-light-overlay-default);
     --backdrop-hidden-background: transparent;
-} .backdrop__backdrop_tkg8x {
+} .backdrop__backdrop_lbt9o {
     z-index: -1;
     position: fixed;
     right: 0;
@@ -26,19 +26,19 @@
     top: 0;
     left: 0;
     -webkit-tap-highlight-color: transparent; /* убирает хайлайт */
-} .backdrop__appear_tkg8x,
-.backdrop__enter_tkg8x {
+} .backdrop__appear_lbt9o,
+.backdrop__enter_lbt9o {
     background-color: var(--backdrop-hidden-background);
-} .backdrop__appearActive_tkg8x,
-.backdrop__enterActive_tkg8x,
-.backdrop__appearDone_tkg8x,
-.backdrop__enterDone_tkg8x {
+} .backdrop__appearActive_lbt9o,
+.backdrop__enterActive_lbt9o,
+.backdrop__appearDone_lbt9o,
+.backdrop__enterDone_lbt9o {
     background-color: var(--backdrop-visible-background);
     transition: background-color 200ms ease-in;
-} .backdrop__exit_tkg8x {
+} .backdrop__exit_lbt9o {
     background-color: var(--backdrop-visible-background);
-} .backdrop__exitActive_tkg8x,
-.backdrop__exitDone_tkg8x {
+} .backdrop__exitActive_lbt9o,
+.backdrop__exitDone_lbt9o {
     background-color: var(--backdrop-hidden-background);
     transition: background-color 200ms ease-out;
 }

package/backdrop/modern/Component.js

@@ -2,7 +2,7 @@ import React, { useRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 
-const styles = {"backdrop":"backdrop__backdrop_tkg8x","appear":"backdrop__appear_tkg8x","enter":"backdrop__enter_tkg8x","appearActive":"backdrop__appearActive_tkg8x","enterActive":"backdrop__enterActive_tkg8x","appearDone":"backdrop__appearDone_tkg8x","enterDone":"backdrop__enterDone_tkg8x","exit":"backdrop__exit_tkg8x","exitActive":"backdrop__exitActive_tkg8x","exitDone":"backdrop__exitDone_tkg8x"};
+const styles = {"backdrop":"backdrop__backdrop_lbt9o","appear":"backdrop__appear_lbt9o","enter":"backdrop__enter_lbt9o","appearActive":"backdrop__appearActive_lbt9o","enterActive":"backdrop__enterActive_lbt9o","appearDone":"backdrop__appearDone_lbt9o","enterDone":"backdrop__enterDone_lbt9o","exit":"backdrop__exit_lbt9o","exitActive":"backdrop__exitActive_lbt9o","exitDone":"backdrop__exitDone_lbt9o"};
 require('./index.css');
 
 const Backdrop = ({ className, open = false, invisible = false, timeout = 200, children, onClose, dataTestId, transitionClassNames = styles, ...restProps }) => {

package/backdrop/modern/index.css

@@ -18,7 +18,7 @@
 } :root {
     --backdrop-visible-background: var(--color-light-overlay-default);
     --backdrop-hidden-background: transparent;
-} .backdrop__backdrop_tkg8x {
+} .backdrop__backdrop_lbt9o {
     z-index: -1;
     position: fixed;
     right: 0;
@@ -26,19 +26,19 @@
     top: 0;
     left: 0;
     -webkit-tap-highlight-color: transparent; /* убирает хайлайт */
-} .backdrop__appear_tkg8x,
-.backdrop__enter_tkg8x {
+} .backdrop__appear_lbt9o,
+.backdrop__enter_lbt9o {
     background-color: var(--backdrop-hidden-background);
-} .backdrop__appearActive_tkg8x,
-.backdrop__enterActive_tkg8x,
-.backdrop__appearDone_tkg8x,
-.backdrop__enterDone_tkg8x {
+} .backdrop__appearActive_lbt9o,
+.backdrop__enterActive_lbt9o,
+.backdrop__appearDone_lbt9o,
+.backdrop__enterDone_lbt9o {
     background-color: var(--backdrop-visible-background);
     transition: background-color 200ms ease-in;
-} .backdrop__exit_tkg8x {
+} .backdrop__exit_lbt9o {
     background-color: var(--backdrop-visible-background);
-} .backdrop__exitActive_tkg8x,
-.backdrop__exitDone_tkg8x {
+} .backdrop__exitActive_lbt9o,
+.backdrop__exitDone_lbt9o {
     background-color: var(--backdrop-hidden-background);
     transition: background-color 200ms ease-out;
 }

package/badge/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 = {"wrapper":"badge__wrapper_ta7xa","s":"badge__s_ta7xa","m":"badge__m_ta7xa","xl":"badge__xl_ta7xa","component":"badge__component_ta7xa","background-accent":"badge__background-accent_ta7xa","background-specialbg-secondary-transparent":"badge__background-specialbg-secondary-transparent_ta7xa","background-primary":"badge__background-primary_ta7xa","countWrapper":"badge__countWrapper_ta7xa","count":"badge__count_ta7xa","outlineCount":"badge__outlineCount_ta7xa","l":"badge__l_ta7xa","heightS":"badge__heightS_ta7xa","heightM":"badge__heightM_ta7xa","heightL":"badge__heightL_ta7xa","heightXL":"badge__heightXL_ta7xa","heightXXL":"badge__heightXXL_ta7xa","icon":"badge__icon_ta7xa","positive":"badge__positive_ta7xa","attention":"badge__attention_ta7xa","negative":"badge__negative_ta7xa","link":"badge__link_ta7xa","tertiary":"badge__tertiary_ta7xa","secondary":"badge__secondary_ta7xa","primary":"badge__primary_ta7xa","graphic-static-light":"badge__graphic-static-light_ta7xa","graphic-primary":"badge__graphic-primary_ta7xa","outline":"badge__outline_ta7xa","outlineColor":"badge__outlineColor_ta7xa","dot":"badge__dot_ta7xa","isHidden":"badge__isHidden_ta7xa"};
+var styles = {"wrapper":"badge__wrapper_11alr","s":"badge__s_11alr","m":"badge__m_11alr","xl":"badge__xl_11alr","component":"badge__component_11alr","background-accent":"badge__background-accent_11alr","background-specialbg-secondary-transparent":"badge__background-specialbg-secondary-transparent_11alr","background-primary":"badge__background-primary_11alr","countWrapper":"badge__countWrapper_11alr","count":"badge__count_11alr","outlineCount":"badge__outlineCount_11alr","l":"badge__l_11alr","heightS":"badge__heightS_11alr","heightM":"badge__heightM_11alr","heightL":"badge__heightL_11alr","heightXL":"badge__heightXL_11alr","heightXXL":"badge__heightXXL_11alr","icon":"badge__icon_11alr","positive":"badge__positive_11alr","attention":"badge__attention_11alr","negative":"badge__negative_11alr","link":"badge__link_11alr","tertiary":"badge__tertiary_11alr","secondary":"badge__secondary_11alr","primary":"badge__primary_11alr","graphic-static-light":"badge__graphic-static-light_11alr","graphic-primary":"badge__graphic-primary_11alr","outline":"badge__outline_11alr","outlineColor":"badge__outlineColor_11alr","dot":"badge__dot_11alr","isHidden":"badge__isHidden_11alr"};
 require('./index.css');
 
 function getSize(height) {

package/badge/esm/Component.js

@@ -2,7 +2,7 @@ import { __assign } from 'tslib';
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"wrapper":"badge__wrapper_ta7xa","s":"badge__s_ta7xa","m":"badge__m_ta7xa","xl":"badge__xl_ta7xa","component":"badge__component_ta7xa","background-accent":"badge__background-accent_ta7xa","background-specialbg-secondary-transparent":"badge__background-specialbg-secondary-transparent_ta7xa","background-primary":"badge__background-primary_ta7xa","countWrapper":"badge__countWrapper_ta7xa","count":"badge__count_ta7xa","outlineCount":"badge__outlineCount_ta7xa","l":"badge__l_ta7xa","heightS":"badge__heightS_ta7xa","heightM":"badge__heightM_ta7xa","heightL":"badge__heightL_ta7xa","heightXL":"badge__heightXL_ta7xa","heightXXL":"badge__heightXXL_ta7xa","icon":"badge__icon_ta7xa","positive":"badge__positive_ta7xa","attention":"badge__attention_ta7xa","negative":"badge__negative_ta7xa","link":"badge__link_ta7xa","tertiary":"badge__tertiary_ta7xa","secondary":"badge__secondary_ta7xa","primary":"badge__primary_ta7xa","graphic-static-light":"badge__graphic-static-light_ta7xa","graphic-primary":"badge__graphic-primary_ta7xa","outline":"badge__outline_ta7xa","outlineColor":"badge__outlineColor_ta7xa","dot":"badge__dot_ta7xa","isHidden":"badge__isHidden_ta7xa"};
+var styles = {"wrapper":"badge__wrapper_11alr","s":"badge__s_11alr","m":"badge__m_11alr","xl":"badge__xl_11alr","component":"badge__component_11alr","background-accent":"badge__background-accent_11alr","background-specialbg-secondary-transparent":"badge__background-specialbg-secondary-transparent_11alr","background-primary":"badge__background-primary_11alr","countWrapper":"badge__countWrapper_11alr","count":"badge__count_11alr","outlineCount":"badge__outlineCount_11alr","l":"badge__l_11alr","heightS":"badge__heightS_11alr","heightM":"badge__heightM_11alr","heightL":"badge__heightL_11alr","heightXL":"badge__heightXL_11alr","heightXXL":"badge__heightXXL_11alr","icon":"badge__icon_11alr","positive":"badge__positive_11alr","attention":"badge__attention_11alr","negative":"badge__negative_11alr","link":"badge__link_11alr","tertiary":"badge__tertiary_11alr","secondary":"badge__secondary_11alr","primary":"badge__primary_11alr","graphic-static-light":"badge__graphic-static-light_11alr","graphic-primary":"badge__graphic-primary_11alr","outline":"badge__outline_11alr","outlineColor":"badge__outlineColor_11alr","dot":"badge__dot_11alr","isHidden":"badge__isHidden_11alr"};
 require('./index.css');
 
 function getSize(height) {