@alfalab/core-components 23.6.1 → 23.7.0

package/icon-view/components/base-shape/index.css

@@ -11,21 +11,21 @@
 
     /* Hard up */
 }
-.icon-view__componentWrapper_yxsbx {
+.icon-view__componentWrapper_e8sv6 {
     position: relative;
     display: inline-flex;
 }
-.icon-view__component_yxsbx {
+.icon-view__component_e8sv6 {
     display: flex;
     position: relative;
     color: var(--color-light-text-secondary-transparent);
 }
-.icon-view__border_yxsbx {
+.icon-view__border_e8sv6 {
     stroke: var(--color-light-specialbg-component);
     stroke-width: 1px;
     fill: transparent;
 }
-.icon-view__children_yxsbx {
+.icon-view__children_e8sv6 {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -35,82 +35,82 @@
     left: 50%;
     transform: translate(-50%, -50%)
 }
-.icon-view__children_yxsbx svg {
+.icon-view__children_e8sv6 svg {
         width: 100%;
         height: 100%;
     }
-.icon-view__addons_yxsbx {
+.icon-view__addons_e8sv6 {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-shrink: 0;
     position: absolute
 }
-.icon-view__addons_yxsbx svg {
+.icon-view__addons_e8sv6 svg {
         width: 100%;
         height: 100%;
     }
-.icon-view__size_48_yxsbx .icon-view__children_yxsbx {
+.icon-view__size_48_e8sv6 .icon-view__children_e8sv6 {
         width: 24px;
         height: 24px;
     }
-.icon-view__size_48_yxsbx .icon-view__addons_yxsbx {
+.icon-view__size_48_e8sv6 .icon-view__addons_e8sv6 {
         width: 18px;
         height: 18px;
     }
-.icon-view__size_48_yxsbx .icon-view__topAddons_yxsbx {
+.icon-view__size_48_e8sv6 .icon-view__topAddons_e8sv6 {
         top: -4px;
         right: -4px;
     }
-.icon-view__size_48_yxsbx .icon-view__bottomAddons_yxsbx {
+.icon-view__size_48_e8sv6 .icon-view__bottomAddons_e8sv6 {
         bottom: -4px;
         right: -4px;
     }
-.icon-view__size_64_yxsbx .icon-view__children_yxsbx {
+.icon-view__size_64_e8sv6 .icon-view__children_e8sv6 {
         width: 32px;
         height: 32px;
     }
-.icon-view__size_64_yxsbx .icon-view__addons_yxsbx {
+.icon-view__size_64_e8sv6 .icon-view__addons_e8sv6 {
         width: 18px;
         height: 18px;
     }
-.icon-view__size_64_yxsbx .icon-view__topAddons_yxsbx {
+.icon-view__size_64_e8sv6 .icon-view__topAddons_e8sv6 {
         top: -2px;
         right: -2px;
     }
-.icon-view__size_64_yxsbx .icon-view__bottomAddons_yxsbx {
+.icon-view__size_64_e8sv6 .icon-view__bottomAddons_e8sv6 {
         bottom: -2px;
         right: -2px;
     }
-.icon-view__size_80_yxsbx .icon-view__children_yxsbx {
+.icon-view__size_80_e8sv6 .icon-view__children_e8sv6 {
         width: 48px;
         height: 48px;
     }
-.icon-view__size_80_yxsbx .icon-view__addons_yxsbx {
+.icon-view__size_80_e8sv6 .icon-view__addons_e8sv6 {
         width: 24px;
         height: 24px;
     }
-.icon-view__size_80_yxsbx .icon-view__topAddons_yxsbx {
+.icon-view__size_80_e8sv6 .icon-view__topAddons_e8sv6 {
         top: -4px;
         right: -4px;
     }
-.icon-view__size_80_yxsbx .icon-view__bottomAddons_yxsbx {
+.icon-view__size_80_e8sv6 .icon-view__bottomAddons_e8sv6 {
         bottom: -4px;
         right: -4px;
     }
-.icon-view__size_128_yxsbx .icon-view__children_yxsbx {
+.icon-view__size_128_e8sv6 .icon-view__children_e8sv6 {
         width: 60px;
         height: 60px;
     }
-.icon-view__size_128_yxsbx .icon-view__addons_yxsbx {
+.icon-view__size_128_e8sv6 .icon-view__addons_e8sv6 {
         width: 40px;
         height: 40px;
     }
-.icon-view__size_128_yxsbx .icon-view__topAddons_yxsbx {
+.icon-view__size_128_e8sv6 .icon-view__topAddons_e8sv6 {
         top: -8px;
         right: -8px;
     }
-.icon-view__size_128_yxsbx .icon-view__bottomAddons_yxsbx {
+.icon-view__size_128_e8sv6 .icon-view__bottomAddons_e8sv6 {
         bottom: -8px;
         right: -8px;
     }

package/icon-view/components/circle/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-290b3339.js');
+var tslib_es6 = require('../../tslib.es6-866729c5.js');
 var React = require('react');
 var components_circle_paths = require('./paths.js');
 require('classnames');

package/icon-view/components/circle/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-290b3339.js');
+require('../../tslib.es6-866729c5.js');
 require('react');
 require('./paths.js');
 require('classnames');

package/icon-view/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-290b3339.js');
+require('../tslib.es6-866729c5.js');
 require('react');
 require('./circle/paths.js');
 require('classnames');

package/icon-view/components/super-ellipse/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-290b3339.js');
+var tslib_es6 = require('../../tslib.es6-866729c5.js');
 var React = require('react');
 require('classnames');
 require('../base-shape/utils.js');

package/icon-view/components/super-ellipse/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-290b3339.js');
+require('../../tslib.es6-866729c5.js');
 require('react');
 require('classnames');
 require('../base-shape/utils.js');

package/icon-view/esm/circle.js

@@ -1,4 +1,4 @@
-import './tslib.es6-3bd0d7b4.js';
+import './tslib.es6-eb5ecbba.js';
 import 'react';
 import './components/circle/paths.js';
 import 'classnames';

package/icon-view/esm/components/base-shape/component.js

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { getPath } from './utils.js';
 
-var styles = {"componentWrapper":"icon-view__componentWrapper_yxsbx","component":"icon-view__component_yxsbx","border":"icon-view__border_yxsbx","children":"icon-view__children_yxsbx","addons":"icon-view__addons_yxsbx","size_48":"icon-view__size_48_yxsbx","topAddons":"icon-view__topAddons_yxsbx","bottomAddons":"icon-view__bottomAddons_yxsbx","size_64":"icon-view__size_64_yxsbx","size_80":"icon-view__size_80_yxsbx","size_128":"icon-view__size_128_yxsbx"};
+var styles = {"componentWrapper":"icon-view__componentWrapper_e8sv6","component":"icon-view__component_e8sv6","border":"icon-view__border_e8sv6","children":"icon-view__children_e8sv6","addons":"icon-view__addons_e8sv6","size_48":"icon-view__size_48_e8sv6","topAddons":"icon-view__topAddons_e8sv6","bottomAddons":"icon-view__bottomAddons_e8sv6","size_64":"icon-view__size_64_e8sv6","size_80":"icon-view__size_80_e8sv6","size_128":"icon-view__size_128_e8sv6"};
 require('./index.css');
 
 var BaseShape = forwardRef(function (_a, ref) {

package/icon-view/esm/components/base-shape/index.css

@@ -11,21 +11,21 @@
 
     /* Hard up */
 }
-.icon-view__componentWrapper_yxsbx {
+.icon-view__componentWrapper_e8sv6 {
     position: relative;
     display: inline-flex;
 }
-.icon-view__component_yxsbx {
+.icon-view__component_e8sv6 {
     display: flex;
     position: relative;
     color: var(--color-light-text-secondary-transparent);
 }
-.icon-view__border_yxsbx {
+.icon-view__border_e8sv6 {
     stroke: var(--color-light-specialbg-component);
     stroke-width: 1px;
     fill: transparent;
 }
-.icon-view__children_yxsbx {
+.icon-view__children_e8sv6 {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -35,82 +35,82 @@
     left: 50%;
     transform: translate(-50%, -50%)
 }
-.icon-view__children_yxsbx svg {
+.icon-view__children_e8sv6 svg {
         width: 100%;
         height: 100%;
     }
-.icon-view__addons_yxsbx {
+.icon-view__addons_e8sv6 {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-shrink: 0;
     position: absolute
 }
-.icon-view__addons_yxsbx svg {
+.icon-view__addons_e8sv6 svg {
         width: 100%;
         height: 100%;
     }
-.icon-view__size_48_yxsbx .icon-view__children_yxsbx {
+.icon-view__size_48_e8sv6 .icon-view__children_e8sv6 {
         width: 24px;
         height: 24px;
     }
-.icon-view__size_48_yxsbx .icon-view__addons_yxsbx {
+.icon-view__size_48_e8sv6 .icon-view__addons_e8sv6 {
         width: 18px;
         height: 18px;
     }
-.icon-view__size_48_yxsbx .icon-view__topAddons_yxsbx {
+.icon-view__size_48_e8sv6 .icon-view__topAddons_e8sv6 {
         top: -4px;
         right: -4px;
     }
-.icon-view__size_48_yxsbx .icon-view__bottomAddons_yxsbx {
+.icon-view__size_48_e8sv6 .icon-view__bottomAddons_e8sv6 {
         bottom: -4px;
         right: -4px;
     }
-.icon-view__size_64_yxsbx .icon-view__children_yxsbx {
+.icon-view__size_64_e8sv6 .icon-view__children_e8sv6 {
         width: 32px;
         height: 32px;
     }
-.icon-view__size_64_yxsbx .icon-view__addons_yxsbx {
+.icon-view__size_64_e8sv6 .icon-view__addons_e8sv6 {
         width: 18px;
         height: 18px;
     }
-.icon-view__size_64_yxsbx .icon-view__topAddons_yxsbx {
+.icon-view__size_64_e8sv6 .icon-view__topAddons_e8sv6 {
         top: -2px;
         right: -2px;
     }
-.icon-view__size_64_yxsbx .icon-view__bottomAddons_yxsbx {
+.icon-view__size_64_e8sv6 .icon-view__bottomAddons_e8sv6 {
         bottom: -2px;
         right: -2px;
     }
-.icon-view__size_80_yxsbx .icon-view__children_yxsbx {
+.icon-view__size_80_e8sv6 .icon-view__children_e8sv6 {
         width: 48px;
         height: 48px;
     }
-.icon-view__size_80_yxsbx .icon-view__addons_yxsbx {
+.icon-view__size_80_e8sv6 .icon-view__addons_e8sv6 {
         width: 24px;
         height: 24px;
     }
-.icon-view__size_80_yxsbx .icon-view__topAddons_yxsbx {
+.icon-view__size_80_e8sv6 .icon-view__topAddons_e8sv6 {
         top: -4px;
         right: -4px;
     }
-.icon-view__size_80_yxsbx .icon-view__bottomAddons_yxsbx {
+.icon-view__size_80_e8sv6 .icon-view__bottomAddons_e8sv6 {
         bottom: -4px;
         right: -4px;
     }
-.icon-view__size_128_yxsbx .icon-view__children_yxsbx {
+.icon-view__size_128_e8sv6 .icon-view__children_e8sv6 {
         width: 60px;
         height: 60px;
     }
-.icon-view__size_128_yxsbx .icon-view__addons_yxsbx {
+.icon-view__size_128_e8sv6 .icon-view__addons_e8sv6 {
         width: 40px;
         height: 40px;
     }
-.icon-view__size_128_yxsbx .icon-view__topAddons_yxsbx {
+.icon-view__size_128_e8sv6 .icon-view__topAddons_e8sv6 {
         top: -8px;
         right: -8px;
     }
-.icon-view__size_128_yxsbx .icon-view__bottomAddons_yxsbx {
+.icon-view__size_128_e8sv6 .icon-view__bottomAddons_e8sv6 {
         bottom: -8px;
         right: -8px;
     }

package/icon-view/esm/components/circle/component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-3bd0d7b4.js';
+import { _ as __assign } from '../../tslib.es6-eb5ecbba.js';
 import React, { forwardRef } from 'react';
 import { pathsMap } from './paths.js';
 import 'classnames';

package/icon-view/esm/components/circle/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-3bd0d7b4.js';
+import '../../tslib.es6-eb5ecbba.js';
 import 'react';
 import './paths.js';
 import 'classnames';

package/icon-view/esm/components/index.js

@@ -1,4 +1,4 @@
-import '../tslib.es6-3bd0d7b4.js';
+import '../tslib.es6-eb5ecbba.js';
 import 'react';
 import './circle/paths.js';
 import 'classnames';

package/icon-view/esm/components/super-ellipse/component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-3bd0d7b4.js';
+import { _ as __assign } from '../../tslib.es6-eb5ecbba.js';
 import React, { forwardRef } from 'react';
 import 'classnames';
 import '../base-shape/utils.js';

package/icon-view/esm/components/super-ellipse/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-3bd0d7b4.js';
+import '../../tslib.es6-eb5ecbba.js';
 import 'react';
 import 'classnames';
 import '../base-shape/utils.js';

package/icon-view/esm/super-ellipse.js

@@ -1,4 +1,4 @@
-import './tslib.es6-3bd0d7b4.js';
+import './tslib.es6-eb5ecbba.js';
 import 'react';
 import 'classnames';
 import './components/base-shape/utils.js';

package/icon-view/modern/components/base-shape/component.js

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { getPath } from './utils.js';
 
-var styles = {"componentWrapper":"icon-view__componentWrapper_yxsbx","component":"icon-view__component_yxsbx","border":"icon-view__border_yxsbx","children":"icon-view__children_yxsbx","addons":"icon-view__addons_yxsbx","size_48":"icon-view__size_48_yxsbx","topAddons":"icon-view__topAddons_yxsbx","bottomAddons":"icon-view__bottomAddons_yxsbx","size_64":"icon-view__size_64_yxsbx","size_80":"icon-view__size_80_yxsbx","size_128":"icon-view__size_128_yxsbx"};
+var styles = {"componentWrapper":"icon-view__componentWrapper_e8sv6","component":"icon-view__component_e8sv6","border":"icon-view__border_e8sv6","children":"icon-view__children_e8sv6","addons":"icon-view__addons_e8sv6","size_48":"icon-view__size_48_e8sv6","topAddons":"icon-view__topAddons_e8sv6","bottomAddons":"icon-view__bottomAddons_e8sv6","size_64":"icon-view__size_64_e8sv6","size_80":"icon-view__size_80_e8sv6","size_128":"icon-view__size_128_e8sv6"};
 require('./index.css');
 
 const BaseShape = forwardRef(({ size = 64, border = false, backgroundColor = '#f3f4f5', imageUrl, className, children, topAddons, bottomAddons, pathsMap, dataTestId, }, ref) => {

package/icon-view/modern/components/base-shape/index.css

@@ -11,21 +11,21 @@
 
     /* Hard up */
 }
-.icon-view__componentWrapper_yxsbx {
+.icon-view__componentWrapper_e8sv6 {
     position: relative;
     display: inline-flex;
 }
-.icon-view__component_yxsbx {
+.icon-view__component_e8sv6 {
     display: flex;
     position: relative;
     color: var(--color-light-text-secondary-transparent);
 }
-.icon-view__border_yxsbx {
+.icon-view__border_e8sv6 {
     stroke: var(--color-light-specialbg-component);
     stroke-width: 1px;
     fill: transparent;
 }
-.icon-view__children_yxsbx {
+.icon-view__children_e8sv6 {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -35,82 +35,82 @@
     left: 50%;
     transform: translate(-50%, -50%)
 }
-.icon-view__children_yxsbx svg {
+.icon-view__children_e8sv6 svg {
         width: 100%;
         height: 100%;
     }
-.icon-view__addons_yxsbx {
+.icon-view__addons_e8sv6 {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-shrink: 0;
     position: absolute
 }
-.icon-view__addons_yxsbx svg {
+.icon-view__addons_e8sv6 svg {
         width: 100%;
         height: 100%;
     }
-.icon-view__size_48_yxsbx .icon-view__children_yxsbx {
+.icon-view__size_48_e8sv6 .icon-view__children_e8sv6 {
         width: 24px;
         height: 24px;
     }
-.icon-view__size_48_yxsbx .icon-view__addons_yxsbx {
+.icon-view__size_48_e8sv6 .icon-view__addons_e8sv6 {
         width: 18px;
         height: 18px;
     }
-.icon-view__size_48_yxsbx .icon-view__topAddons_yxsbx {
+.icon-view__size_48_e8sv6 .icon-view__topAddons_e8sv6 {
         top: -4px;
         right: -4px;
     }
-.icon-view__size_48_yxsbx .icon-view__bottomAddons_yxsbx {
+.icon-view__size_48_e8sv6 .icon-view__bottomAddons_e8sv6 {
         bottom: -4px;
         right: -4px;
     }
-.icon-view__size_64_yxsbx .icon-view__children_yxsbx {
+.icon-view__size_64_e8sv6 .icon-view__children_e8sv6 {
         width: 32px;
         height: 32px;
     }
-.icon-view__size_64_yxsbx .icon-view__addons_yxsbx {
+.icon-view__size_64_e8sv6 .icon-view__addons_e8sv6 {
         width: 18px;
         height: 18px;
     }
-.icon-view__size_64_yxsbx .icon-view__topAddons_yxsbx {
+.icon-view__size_64_e8sv6 .icon-view__topAddons_e8sv6 {
         top: -2px;
         right: -2px;
     }
-.icon-view__size_64_yxsbx .icon-view__bottomAddons_yxsbx {
+.icon-view__size_64_e8sv6 .icon-view__bottomAddons_e8sv6 {
         bottom: -2px;
         right: -2px;
     }
-.icon-view__size_80_yxsbx .icon-view__children_yxsbx {
+.icon-view__size_80_e8sv6 .icon-view__children_e8sv6 {
         width: 48px;
         height: 48px;
     }
-.icon-view__size_80_yxsbx .icon-view__addons_yxsbx {
+.icon-view__size_80_e8sv6 .icon-view__addons_e8sv6 {
         width: 24px;
         height: 24px;
     }
-.icon-view__size_80_yxsbx .icon-view__topAddons_yxsbx {
+.icon-view__size_80_e8sv6 .icon-view__topAddons_e8sv6 {
         top: -4px;
         right: -4px;
     }
-.icon-view__size_80_yxsbx .icon-view__bottomAddons_yxsbx {
+.icon-view__size_80_e8sv6 .icon-view__bottomAddons_e8sv6 {
         bottom: -4px;
         right: -4px;
     }
-.icon-view__size_128_yxsbx .icon-view__children_yxsbx {
+.icon-view__size_128_e8sv6 .icon-view__children_e8sv6 {
         width: 60px;
         height: 60px;
     }
-.icon-view__size_128_yxsbx .icon-view__addons_yxsbx {
+.icon-view__size_128_e8sv6 .icon-view__addons_e8sv6 {
         width: 40px;
         height: 40px;
     }
-.icon-view__size_128_yxsbx .icon-view__topAddons_yxsbx {
+.icon-view__size_128_e8sv6 .icon-view__topAddons_e8sv6 {
         top: -8px;
         right: -8px;
     }
-.icon-view__size_128_yxsbx .icon-view__bottomAddons_yxsbx {
+.icon-view__size_128_e8sv6 .icon-view__bottomAddons_e8sv6 {
         bottom: -8px;
         right: -8px;
     }

package/icon-view/super-ellipse.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-290b3339.js');
+require('./tslib.es6-866729c5.js');
 require('react');
 require('classnames');
 require('./components/base-shape/utils.js');

package/input/Component.js

@@ -53,13 +53,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"input":"input__input_1t69l","hasLabel":"input__hasLabel_1t69l","block":"input__block_1t69l","clearIcon":"input__clearIcon_1t69l","errorIcon":"input__errorIcon_1t69l","clearButton":"input__clearButton_1t69l","successIcon":"input__successIcon_1t69l","focusVisible":"input__focusVisible_1t69l","onautofillstart":"input__onautofillstart_1t69l","onautofillcancel":"input__onautofillcancel_1t69l"};
+var styles = {"input":"input__input_2uc89","hasLabel":"input__hasLabel_2uc89","block":"input__block_2uc89","clearIcon":"input__clearIcon_2uc89","errorIcon":"input__errorIcon_2uc89","clearButton":"input__clearButton_2uc89","successIcon":"input__successIcon_2uc89","focusVisible":"input__focusVisible_2uc89","onautofillstart":"input__onautofillstart_2uc89","onautofillcancel":"input__onautofillcancel_2uc89"};
 require('./index.css');
 
-var defaultColors = {"input":"input__input_162o9","hasLabel":"input__hasLabel_162o9","clearIcon":"input__clearIcon_162o9","errorIcon":"input__errorIcon_162o9","successIcon":"input__successIcon_162o9","error":"input__error_162o9"};
+var defaultColors = {"input":"input__input_4dv23","hasLabel":"input__hasLabel_4dv23","clearIcon":"input__clearIcon_4dv23","errorIcon":"input__errorIcon_4dv23","successIcon":"input__successIcon_4dv23","error":"input__error_4dv23"};
 require('./default.css');
 
-var invertedColors = {"input":"input__input_1o0k3","hasLabel":"input__hasLabel_1o0k3","clearIcon":"input__clearIcon_1o0k3","errorIcon":"input__errorIcon_1o0k3","successIcon":"input__successIcon_1o0k3","error":"input__error_1o0k3"};
+var invertedColors = {"input":"input__input_1r8ch","hasLabel":"input__hasLabel_1r8ch","clearIcon":"input__clearIcon_1r8ch","errorIcon":"input__errorIcon_1r8ch","successIcon":"input__successIcon_1r8ch","error":"input__error_1r8ch"};
 require('./inverted.css');
 
 var colorStyles = {

package/input/default.css

@@ -31,47 +31,47 @@
     /* error */
     --input-error-color: var(--color-light-text-primary);
 }
-.input__input_162o9 {
+.input__input_4dv23 {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.input__input_162o9:-webkit-autofill {
+.input__input_4dv23:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
 }
-.input__input_162o9::placeholder {
+.input__input_4dv23::placeholder {
     color: var(--input-placeholder-color);
 }
-.input__hasLabel_162o9::placeholder {
+.input__hasLabel_4dv23::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
-.input__clearIcon_162o9 {
+.input__clearIcon_4dv23 {
     color: var(--color-light-graphic-primary);
 }
-.input__errorIcon_162o9 {
+.input__errorIcon_4dv23 {
     background-image: var(--input-error-icon);
 }
-.input__successIcon_162o9 {
+.input__successIcon_4dv23 {
     background-image: var(--input-success-icon);
 }
 /* READ-ONLY STATE */
-.input__input_162o9:read-only {
+.input__input_4dv23:read-only {
     color: var(--input-read-only-color)
 }
-.input__input_162o9:read-only:focus::placeholder {
+.input__input_4dv23:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
     }
 /* DISABLED STATE */
-.input__input_162o9:disabled {
+.input__input_4dv23:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* FOCUS STATE */
-.input__input_162o9:focus::placeholder {
+.input__input_4dv23:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }
 /* ERROR STATE */
-.input__error_162o9 {
+.input__error_4dv23 {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }

package/input/esm/Component.js

@@ -45,13 +45,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"input":"input__input_1t69l","hasLabel":"input__hasLabel_1t69l","block":"input__block_1t69l","clearIcon":"input__clearIcon_1t69l","errorIcon":"input__errorIcon_1t69l","clearButton":"input__clearButton_1t69l","successIcon":"input__successIcon_1t69l","focusVisible":"input__focusVisible_1t69l","onautofillstart":"input__onautofillstart_1t69l","onautofillcancel":"input__onautofillcancel_1t69l"};
+var styles = {"input":"input__input_2uc89","hasLabel":"input__hasLabel_2uc89","block":"input__block_2uc89","clearIcon":"input__clearIcon_2uc89","errorIcon":"input__errorIcon_2uc89","clearButton":"input__clearButton_2uc89","successIcon":"input__successIcon_2uc89","focusVisible":"input__focusVisible_2uc89","onautofillstart":"input__onautofillstart_2uc89","onautofillcancel":"input__onautofillcancel_2uc89"};
 require('./index.css');
 
-var defaultColors = {"input":"input__input_162o9","hasLabel":"input__hasLabel_162o9","clearIcon":"input__clearIcon_162o9","errorIcon":"input__errorIcon_162o9","successIcon":"input__successIcon_162o9","error":"input__error_162o9"};
+var defaultColors = {"input":"input__input_4dv23","hasLabel":"input__hasLabel_4dv23","clearIcon":"input__clearIcon_4dv23","errorIcon":"input__errorIcon_4dv23","successIcon":"input__successIcon_4dv23","error":"input__error_4dv23"};
 require('./default.css');
 
-var invertedColors = {"input":"input__input_1o0k3","hasLabel":"input__hasLabel_1o0k3","clearIcon":"input__clearIcon_1o0k3","errorIcon":"input__errorIcon_1o0k3","successIcon":"input__successIcon_1o0k3","error":"input__error_1o0k3"};
+var invertedColors = {"input":"input__input_1r8ch","hasLabel":"input__hasLabel_1r8ch","clearIcon":"input__clearIcon_1r8ch","errorIcon":"input__errorIcon_1r8ch","successIcon":"input__successIcon_1r8ch","error":"input__error_1r8ch"};
 require('./inverted.css');
 
 var colorStyles = {