@alfalab/core-components 26.9.1 → 26.10.0

package/typography/title/component.d.ts

@@ -51,7 +51,7 @@ declare const Title: React.ForwardRefExoticComponent<Pick<NativeProps, "defaultC
     /**
      * HTML тег
      */
-    tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
     /**
      * [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
      */
@@ -59,7 +59,7 @@ declare const Title: React.ForwardRefExoticComponent<Pick<NativeProps, "defaultC
     /**
      * Цвет текста
      */
-    color?: "secondary" | "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | undefined;
+    color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | undefined;
     /**
      * Толщина шрифта
      */

package/typography/title/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var colors_module = require('../colors.module-03a15761.js');
+var colors_module = require('../colors.module-e01c1269.js');
 var React = require('react');
 var cn = require('classnames');
 

package/typography/title/index.css

@@ -17,87 +17,87 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 }
-.typography__styrene-xlarge_vto31 {
+.typography__styrene-xlarge_p5vcw {
     font-size: 48px;
     line-height: 64px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-large_vto31 {
+.typography__styrene-large_p5vcw {
     font-size: 40px;
     line-height: 48px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-medium_vto31 {
+.typography__styrene-medium_p5vcw {
     font-size: 32px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-small_vto31 {
+.typography__styrene-small_p5vcw {
     font-size: 24px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-xsmall_vto31 {
+.typography__styrene-xsmall_p5vcw {
     font-size: 20px;
     line-height: 24px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__system-xlarge_vto31 {
+.typography__system-xlarge_p5vcw {
     font-size: 48px;
     line-height: 52px;
     font-weight: 700;
 }
-.typography__system-large_vto31 {
+.typography__system-large_p5vcw {
     font-size: 40px;
     line-height: 48px;
     font-weight: 700;
 }
-.typography__system-medium_vto31 {
+.typography__system-medium_p5vcw {
     font-size: 30px;
     line-height: 36px;
     font-weight: 700;
 }
-.typography__system-small_vto31 {
+.typography__system-small_p5vcw {
     font-size: 22px;
     line-height: 26px;
     font-weight: 700;
 }
-.typography__system-xsmall_vto31 {
+.typography__system-xsmall_p5vcw {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
 }
-.typography__margins-xlarge_vto31 {
+.typography__margins-xlarge_p5vcw {
     margin: 0 0 var(--gap-xl);
 }
-.typography__margins-large_vto31 {
+.typography__margins-large_p5vcw {
     margin: var(--gap-4xl) 0 var(--gap-xl);
 }
-.typography__margins-medium_vto31 {
+.typography__margins-medium_p5vcw {
     margin: var(--gap-4xl) 0 var(--gap-xl);
 }
-.typography__margins-small_vto31 {
+.typography__margins-small_p5vcw {
     margin: var(--gap-3xl) 0 var(--gap-m);
 }
-.typography__margins-xsmall_vto31 {
+.typography__margins-xsmall_p5vcw {
     margin: var(--gap-3xl) 0 var(--gap-m);
 }
-.typography__bold_vto31 {
+.typography__bold_p5vcw {
     font-weight: bold;
 }
-.typography__medium_vto31 {
+.typography__medium_p5vcw {
     font-weight: 500;
 }
-.typography__regular_vto31 {
+.typography__regular_p5vcw {
     font-weight: normal;
 }

package/typography/title/index.js

@@ -1,16 +1,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var colors_module = require('../colors.module-03a15761.js');
+var colors_module = require('../colors.module-e01c1269.js');
 var React = require('react');
 require('classnames');
 var title_component = require('./component.js');
-var common_module = require('../common.module-6047feb3.js');
+var common_module = require('../common.module-0c6a99be.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"styrene-xlarge":"typography__styrene-xlarge_vto31","styrene-large":"typography__styrene-large_vto31","styrene-medium":"typography__styrene-medium_vto31","styrene-small":"typography__styrene-small_vto31","styrene-xsmall":"typography__styrene-xsmall_vto31","system-xlarge":"typography__system-xlarge_vto31","system-large":"typography__system-large_vto31","system-medium":"typography__system-medium_vto31","system-small":"typography__system-small_vto31","system-xsmall":"typography__system-xsmall_vto31","margins-xlarge":"typography__margins-xlarge_vto31","margins-large":"typography__margins-large_vto31","margins-medium":"typography__margins-medium_vto31","margins-small":"typography__margins-small_vto31","margins-xsmall":"typography__margins-xsmall_vto31","bold":"typography__bold_vto31","medium":"typography__medium_vto31","regular":"typography__regular_vto31"};
+var styles = {"styrene-xlarge":"typography__styrene-xlarge_p5vcw","styrene-large":"typography__styrene-large_p5vcw","styrene-medium":"typography__styrene-medium_p5vcw","styrene-small":"typography__styrene-small_p5vcw","styrene-xsmall":"typography__styrene-xsmall_p5vcw","system-xlarge":"typography__system-xlarge_p5vcw","system-large":"typography__system-large_p5vcw","system-medium":"typography__system-medium_p5vcw","system-small":"typography__system-small_p5vcw","system-xsmall":"typography__system-xsmall_p5vcw","margins-xlarge":"typography__margins-xlarge_p5vcw","margins-large":"typography__margins-large_p5vcw","margins-medium":"typography__margins-medium_p5vcw","margins-small":"typography__margins-small_p5vcw","margins-xsmall":"typography__margins-xsmall_p5vcw","bold":"typography__bold_p5vcw","medium":"typography__medium_p5vcw","regular":"typography__regular_p5vcw"};
 require('./index.css');
 
 var Title = function (props) {

package/typography/title-mobile/component.js

@@ -1,16 +1,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var colors_module = require('../colors.module-03a15761.js');
+var colors_module = require('../colors.module-e01c1269.js');
 var React = require('react');
 require('classnames');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-6047feb3.js');
+var common_module = require('../common.module-0c6a99be.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"styrene-xlarge":"typography__styrene-xlarge_468ry","styrene-large":"typography__styrene-large_468ry","styrene-medium":"typography__styrene-medium_468ry","styrene-small":"typography__styrene-small_468ry","styrene-xsmall":"typography__styrene-xsmall_468ry","system-xlarge":"typography__system-xlarge_468ry","system-large":"typography__system-large_468ry","system-medium":"typography__system-medium_468ry","system-small":"typography__system-small_468ry","system-xsmall":"typography__system-xsmall_468ry","bold":"typography__bold_468ry","medium":"typography__medium_468ry","regular":"typography__regular_468ry"};
+var styles = {"styrene-xlarge":"typography__styrene-xlarge_au1i3","styrene-large":"typography__styrene-large_au1i3","styrene-medium":"typography__styrene-medium_au1i3","styrene-small":"typography__styrene-small_au1i3","styrene-xsmall":"typography__styrene-xsmall_au1i3","system-xlarge":"typography__system-xlarge_au1i3","system-large":"typography__system-large_au1i3","system-medium":"typography__system-medium_au1i3","system-small":"typography__system-small_au1i3","system-xsmall":"typography__system-xsmall_au1i3","bold":"typography__bold_au1i3","medium":"typography__medium_au1i3","regular":"typography__regular_au1i3"};
 require('./index.css');
 
 var TitleMobile = function (props) {

package/typography/title-mobile/index.css

@@ -11,72 +11,72 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 }
-.typography__styrene-xlarge_468ry {
+.typography__styrene-xlarge_au1i3 {
     font-size: 34px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-large_468ry {
+.typography__styrene-large_au1i3 {
     font-size: 30px;
     line-height: 36px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-medium_468ry {
+.typography__styrene-medium_au1i3 {
     font-size: 26px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-small_468ry {
+.typography__styrene-small_au1i3 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-xsmall_468ry {
+.typography__styrene-xsmall_au1i3 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__system-xlarge_468ry {
+.typography__system-xlarge_au1i3 {
     font-size: 34px;
     line-height: 40px;
     font-weight: 600;
 }
-.typography__system-large_468ry {
+.typography__system-large_au1i3 {
     font-size: 30px;
     line-height: 36px;
     font-weight: 600;
 }
-.typography__system-medium_468ry {
+.typography__system-medium_au1i3 {
     font-size: 26px;
     line-height: 32px;
     font-weight: 600;
 }
-.typography__system-small_468ry {
+.typography__system-small_au1i3 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;
 }
-.typography__system-xsmall_468ry {
+.typography__system-xsmall_au1i3 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 600;
 }
-.typography__bold_468ry {
+.typography__bold_au1i3 {
     font-weight: bold;
 }
-.typography__medium_468ry {
+.typography__medium_au1i3 {
     font-weight: 500;
 }
-.typography__regular_468ry {
+.typography__regular_au1i3 {
     font-weight: normal;
 }

package/typography/title-mobile/index.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../colors.module-03a15761.js');
+require('../colors.module-e01c1269.js');
 require('react');
 require('classnames');
 require('../title/component.js');
-require('../common.module-6047feb3.js');
+require('../common.module-0c6a99be.js');
 var titleMobile_component = require('./component.js');
 
 

package/typography/title-responsive/component.js

@@ -1,16 +1,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var colors_module = require('../colors.module-03a15761.js');
+var colors_module = require('../colors.module-e01c1269.js');
 var React = require('react');
 require('classnames');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-6047feb3.js');
+var common_module = require('../common.module-0c6a99be.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"styrene-xlarge":"typography__styrene-xlarge_142z6","styrene-large":"typography__styrene-large_142z6","styrene-medium":"typography__styrene-medium_142z6","styrene-small":"typography__styrene-small_142z6","styrene-xsmall":"typography__styrene-xsmall_142z6","system-xlarge":"typography__system-xlarge_142z6","system-large":"typography__system-large_142z6","system-medium":"typography__system-medium_142z6","system-small":"typography__system-small_142z6","system-xsmall":"typography__system-xsmall_142z6","margins-xlarge":"typography__margins-xlarge_142z6","margins-large":"typography__margins-large_142z6","margins-medium":"typography__margins-medium_142z6","margins-small":"typography__margins-small_142z6","margins-xsmall":"typography__margins-xsmall_142z6"};
+var styles = {"styrene-xlarge":"typography__styrene-xlarge_1anf2","styrene-large":"typography__styrene-large_1anf2","styrene-medium":"typography__styrene-medium_1anf2","styrene-small":"typography__styrene-small_1anf2","styrene-xsmall":"typography__styrene-xsmall_1anf2","system-xlarge":"typography__system-xlarge_1anf2","system-large":"typography__system-large_1anf2","system-medium":"typography__system-medium_1anf2","system-small":"typography__system-small_1anf2","system-xsmall":"typography__system-xsmall_1anf2","margins-xlarge":"typography__margins-xlarge_1anf2","margins-large":"typography__margins-large_1anf2","margins-medium":"typography__margins-medium_1anf2","margins-small":"typography__margins-small_1anf2","margins-xsmall":"typography__margins-xsmall_1anf2"};
 require('./index.css');
 
 var TitleResponsive = function (props) {

package/typography/title-responsive/index.css

@@ -18,134 +18,134 @@
         'Helvetica Neue', Helvetica, sans-serif;
 }
 /* TODO: поменять медиа-запросы на миксины */
-.typography__styrene-xlarge_142z6 {
+.typography__styrene-xlarge_1anf2 {
     font-size: 34px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-large_142z6 {
+.typography__styrene-large_1anf2 {
     font-size: 30px;
     line-height: 36px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-medium_142z6 {
+.typography__styrene-medium_1anf2 {
     font-size: 26px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-small_142z6 {
+.typography__styrene-small_1anf2 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-xsmall_142z6 {
+.typography__styrene-xsmall_1anf2 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__system-xlarge_142z6 {
+.typography__system-xlarge_1anf2 {
     font-size: 30px;
     line-height: 36px;
     font-weight: 700;
 }
-.typography__system-large_142z6 {
+.typography__system-large_1anf2 {
     font-size: 22px;
     line-height: 26px;
     font-weight: 700;
 }
-.typography__system-medium_142z6 {
+.typography__system-medium_1anf2 {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
 }
-.typography__system-small_142z6 {
+.typography__system-small_1anf2 {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
 }
-.typography__system-xsmall_142z6 {
+.typography__system-xsmall_1anf2 {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
 }
-.typography__margins-xlarge_142z6 {
+.typography__margins-xlarge_1anf2 {
     margin: 0 0 var(--gap-xl);
 }
-.typography__margins-large_142z6 {
+.typography__margins-large_1anf2 {
     margin: var(--gap-3xl) 0 var(--gap-m);
 }
-.typography__margins-medium_142z6 {
+.typography__margins-medium_1anf2 {
     margin: var(--gap-3xl) 0 var(--gap-m);
 }
-.typography__margins-small_142z6 {
+.typography__margins-small_1anf2 {
     margin: var(--gap-3xl) 0 var(--gap-m);
 }
-.typography__margins-xsmall_142z6 {
+.typography__margins-xsmall_1anf2 {
     margin: var(--gap-3xl) 0 var(--gap-m);
 }
 @media screen and (min-width: 600px) {
-    .typography__system-xlarge_142z6 {
+    .typography__system-xlarge_1anf2 {
         font-size: 40px;
         line-height: 48px;
         font-weight: 700;
     }
 
-    .typography__system-large_142z6 {
+    .typography__system-large_1anf2 {
         font-size: 30px;
         line-height: 36px;
         font-weight: 700;
     }
 
-    .typography__system-medium_142z6 {
+    .typography__system-medium_1anf2 {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
     }
 
-    .typography__system-small_142z6 {
+    .typography__system-small_1anf2 {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
     }
 
-    .typography__system-xsmall_142z6 {
+    .typography__system-xsmall_1anf2 {
         font-size: 18px;
         line-height: 22px;
         font-weight: 700;
     }
 
-    .typography__margins-xlarge_142z6 {
+    .typography__margins-xlarge_1anf2 {
         margin: 0 0 var(--gap-xl);
     }
 
-    .typography__margins-large_142z6 {
+    .typography__margins-large_1anf2 {
         margin: var(--gap-4xl) 0 var(--gap-xl);
     }
 
-    .typography__margins-medium_142z6 {
+    .typography__margins-medium_1anf2 {
         margin: var(--gap-3xl) 0 var(--gap-m);
     }
 
-    .typography__margins-small_142z6 {
+    .typography__margins-small_1anf2 {
         margin: var(--gap-3xl) 0 var(--gap-m);
     }
 
-    .typography__margins-xsmall_142z6 {
+    .typography__margins-xsmall_1anf2 {
         margin: var(--gap-3xl) 0 var(--gap-m);
     }
 }
 @media screen and (min-width: 1024px) {
-    .typography__styrene-xlarge_142z6 {
+    .typography__styrene-xlarge_1anf2 {
         font-size: 48px;
         line-height: 64px;
         font-weight: 500;
@@ -153,7 +153,7 @@
         font-family: var(--font-family-styrene);
     }
 
-    .typography__styrene-large_142z6 {
+    .typography__styrene-large_1anf2 {
         font-size: 40px;
         line-height: 48px;
         font-weight: 500;
@@ -161,7 +161,7 @@
         font-family: var(--font-family-styrene);
     }
 
-    .typography__styrene-medium_142z6 {
+    .typography__styrene-medium_1anf2 {
         font-size: 32px;
         line-height: 40px;
         font-weight: 500;
@@ -169,7 +169,7 @@
         font-family: var(--font-family-styrene);
     }
 
-    .typography__styrene-small_142z6 {
+    .typography__styrene-small_1anf2 {
         font-size: 24px;
         line-height: 32px;
         font-weight: 500;
@@ -177,7 +177,7 @@
         font-family: var(--font-family-styrene);
     }
 
-    .typography__styrene-xsmall_142z6 {
+    .typography__styrene-xsmall_1anf2 {
         font-size: 20px;
         line-height: 24px;
         font-weight: 500;
@@ -185,53 +185,53 @@
         font-family: var(--font-family-styrene);
     }
 
-    .typography__system-xlarge_142z6 {
+    .typography__system-xlarge_1anf2 {
         font-size: 48px;
         line-height: 52px;
         font-weight: 700;
     }
 
-    .typography__system-large_142z6 {
+    .typography__system-large_1anf2 {
         font-size: 40px;
         line-height: 48px;
         font-weight: 700;
     }
 
-    .typography__system-medium_142z6 {
+    .typography__system-medium_1anf2 {
         font-size: 30px;
         line-height: 36px;
         font-weight: 700;
     }
 
-    .typography__system-small_142z6 {
+    .typography__system-small_1anf2 {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
     }
 
-    .typography__system-xsmall_142z6 {
+    .typography__system-xsmall_1anf2 {
         font-size: 18px;
         line-height: 22px;
         font-weight: 700;
     }
 
-    .typography__margins-xlarge_142z6 {
+    .typography__margins-xlarge_1anf2 {
         margin: 0 0 var(--gap-xl);
     }
 
-    .typography__margins-large_142z6 {
+    .typography__margins-large_1anf2 {
         margin: var(--gap-4xl) 0 var(--gap-xl);
     }
 
-    .typography__margins-medium_142z6 {
+    .typography__margins-medium_1anf2 {
         margin: var(--gap-4xl) 0 var(--gap-xl);
     }
 
-    .typography__margins-small_142z6 {
+    .typography__margins-small_1anf2 {
         margin: var(--gap-3xl) 0 var(--gap-m);
     }
 
-    .typography__margins-xsmall_142z6 {
+    .typography__margins-xsmall_1anf2 {
         margin: var(--gap-3xl) 0 var(--gap-m);
     }
 }

package/typography/title-responsive/index.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../colors.module-03a15761.js');
+require('../colors.module-e01c1269.js');
 require('react');
 require('classnames');
 require('../title/component.js');
-require('../common.module-6047feb3.js');
+require('../common.module-0c6a99be.js');
 var titleResponsive_component = require('./component.js');
 
 

package/with-suffix/Component.js

@@ -50,7 +50,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"suffixContainer":"with-suffix__suffixContainer_6s22t","suffixVisible":"with-suffix__suffixVisible_6s22t","hasSuffix":"with-suffix__hasSuffix_6s22t","spacer":"with-suffix__spacer_6s22t","suffix":"with-suffix__suffix_6s22t","disabled":"with-suffix__disabled_6s22t","readOnly":"with-suffix__readOnly_6s22t"};
+var styles = {"suffixContainer":"with-suffix__suffixContainer_1133u","suffixVisible":"with-suffix__suffixVisible_1133u","hasSuffix":"with-suffix__hasSuffix_1133u","spacer":"with-suffix__spacer_1133u","suffix":"with-suffix__suffix_1133u","disabled":"with-suffix__disabled_1133u","readOnly":"with-suffix__readOnly_1133u"};
 require('./index.css');
 
 var withSuffix = function (Input) {

package/with-suffix/esm/Component.js

@@ -42,7 +42,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"suffixContainer":"with-suffix__suffixContainer_6s22t","suffixVisible":"with-suffix__suffixVisible_6s22t","hasSuffix":"with-suffix__hasSuffix_6s22t","spacer":"with-suffix__spacer_6s22t","suffix":"with-suffix__suffix_6s22t","disabled":"with-suffix__disabled_6s22t","readOnly":"with-suffix__readOnly_6s22t"};
+var styles = {"suffixContainer":"with-suffix__suffixContainer_1133u","suffixVisible":"with-suffix__suffixVisible_1133u","hasSuffix":"with-suffix__hasSuffix_1133u","spacer":"with-suffix__spacer_1133u","suffix":"with-suffix__suffix_1133u","disabled":"with-suffix__disabled_1133u","readOnly":"with-suffix__readOnly_1133u"};
 require('./index.css');
 
 var withSuffix = function (Input) {

package/with-suffix/esm/index.css

@@ -7,7 +7,7 @@
 
     /* Hard up */
 }
-.with-suffix__suffixContainer_6s22t {
+.with-suffix__suffixContainer_1133u {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -20,25 +20,25 @@
     display: none;
     pointer-events: none;
 }
-input:focus:not(:read-only) + .with-suffix__suffixContainer_6s22t,
-.with-suffix__suffixVisible_6s22t .with-suffix__suffixContainer_6s22t {
+input:focus:not(:read-only) + .with-suffix__suffixContainer_1133u,
+.with-suffix__suffixVisible_1133u .with-suffix__suffixContainer_1133u {
     display: inline-flex;
 }
-.with-suffix__hasSuffix_6s22t input:focus::placeholder {
+.with-suffix__hasSuffix_1133u input:focus::placeholder {
     color: transparent;
     transition: none;
 }
-.with-suffix__spacer_6s22t {
+.with-suffix__spacer_1133u {
     visibility: hidden;
     flex-shrink: 0;
     white-space: pre;
 }
-.with-suffix__suffix_6s22t {
+.with-suffix__suffix_1133u {
     white-space: pre;
 }
-.with-suffix__disabled_6s22t {
+.with-suffix__disabled_1133u {
     color: var(--input-disabled-color);
 }
-.with-suffix__readOnly_6s22t {
+.with-suffix__readOnly_1133u {
     color: var(--input-read-only-color);
 }