@alfalab/core-components 43.1.1 → 43.1.2

package/universal-date-input/components/date-input/index.js

@@ -15,7 +15,7 @@ require('date-fns/differenceInDays');
 require('date-fns/format');
 require('date-fns/isSameDay');
 require('date-fns/parse');
-require('../../index.module-d7d62181.js');
+require('../../index.module-ab02a85d.js');
 
 
 

package/universal-date-input/components/date-range-input/Component.js

@@ -11,7 +11,7 @@ var coreComponentsShared = require('../../../shared');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
 var consts = require('../../consts.js');
 var utils_index = require('../../utils/index.js');
-var index_module = require('../../index.module-d7d62181.js');
+var index_module = require('../../index.module-ab02a85d.js');
 require('date-fns/differenceInDays');
 require('date-fns/format');
 require('date-fns/isSameDay');

package/universal-date-input/components/date-range-input/index.js

@@ -16,7 +16,7 @@ require('date-fns/differenceInDays');
 require('date-fns/format');
 require('date-fns/isSameDay');
 require('date-fns/parse');
-require('../../index.module-d7d62181.js');
+require('../../index.module-ab02a85d.js');
 
 
 

package/universal-date-input/cssm/index.module.css

@@ -15,8 +15,6 @@
 } :root {
     --border-radius-m: 8px;
 } :root {
-    --gap-s: 12px;
-    --gap-s-neg: -12px;
 } :root {
 } :root {
 } :root {
@@ -55,8 +53,6 @@
     height: 100%;
     display: block;
     color: var(--calendar-icon-color);
-    margin-right: var(--gap-s-neg);
-    padding-right: var(--gap-s);
 } .calendarContainer {
     display: inline-block;
     box-sizing: border-box;

package/universal-date-input/desktop/index.js

@@ -28,7 +28,7 @@ require('../../input');
 require('../../popover');
 require('../../shared');
 require('@alfalab/icons-glyph/CalendarMIcon');
-require('../index.module-d7d62181.js');
+require('../index.module-ab02a85d.js');
 require('../components/date-range-input/Component.js');
 require('date-fns/startOfMonth');
 require('../components/time-input/Component.js');

package/universal-date-input/esm/Component.desktop.js

@@ -19,7 +19,7 @@ import '../../input/esm';
 import '../../popover/esm';
 import '../../shared/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-dcd64d67.js';
+import './index.module-1bcd7eb5.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';

package/universal-date-input/esm/Component.mobile.js

@@ -19,7 +19,7 @@ import '../../input/esm';
 import '../../popover/esm';
 import '../../shared/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-dcd64d67.js';
+import './index.module-1bcd7eb5.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';

package/universal-date-input/esm/Component.responsive.js

@@ -20,7 +20,7 @@ import '../../input/esm';
 import '../../popover/esm';
 import '../../shared/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-dcd64d67.js';
+import './index.module-1bcd7eb5.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';

package/universal-date-input/esm/components/base-universal-date-input/Component.js

@@ -10,7 +10,7 @@ import { createMaskOptions } from '../../mask/index.js';
 import { DateInput } from '../date-input/Component.js';
 import { DateRangeInput } from '../date-range-input/Component.js';
 import { TimeInput } from '../time-input/Component.js';
-import { s as styles } from '../../index.module-dcd64d67.js';
+import { s as styles } from '../../index.module-1bcd7eb5.js';
 import 'date-fns/clamp';
 import 'date-fns/getDaysInMonth';
 import 'date-fns/isValid';

package/universal-date-input/esm/components/base-universal-date-input/index.js

@@ -19,7 +19,7 @@ import '../../../../input/esm';
 import '../../../../popover/esm';
 import '../../../../shared/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../../index.module-dcd64d67.js';
+import '../../index.module-1bcd7eb5.js';
 import '../date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import '../time-input/Component.js';

package/universal-date-input/esm/components/date-input/Component.js

@@ -8,7 +8,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_TIME_SEPARATOR, DEFAULT_MIN_DATE, DATE_TIME_FORMAT, DATE_FORMAT, DEFAULT_MAX_DATE } from '../../consts.js';
 import { isValidDate, isCompleteTime, formatDate, preventDefault, isCompleteDate, parseDateString } from '../../utils/index.js';
-import { s as styles } from '../../index.module-dcd64d67.js';
+import { s as styles } from '../../index.module-1bcd7eb5.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';

package/universal-date-input/esm/components/date-input/index.js

@@ -12,5 +12,5 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../index.module-dcd64d67.js';
+import '../../index.module-1bcd7eb5.js';
 import '../../utils/index.js';

package/universal-date-input/esm/components/date-range-input/Component.js

@@ -9,7 +9,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_RANGE_SEPARATOR, DEFAULT_MAX_DATE, DEFAULT_MIN_DATE } from '../../consts.js';
 import { getValidRange, formatDate, preventDefault, isCompleteDate, isCompleteDateRange, updateRange, parseDateString } from '../../utils/index.js';
-import { s as styles } from '../../index.module-dcd64d67.js';
+import { s as styles } from '../../index.module-1bcd7eb5.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';

package/universal-date-input/esm/components/date-range-input/index.js

@@ -13,5 +13,5 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../index.module-dcd64d67.js';
+import '../../index.module-1bcd7eb5.js';
 import '../../utils/index.js';

package/universal-date-input/esm/desktop/index.js

@@ -20,7 +20,7 @@ import '../../../input/esm';
 import '../../../popover/esm';
 import '../../../shared/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-dcd64d67.js';
+import '../index.module-1bcd7eb5.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import '../components/time-input/Component.js';

package/universal-date-input/esm/index.css

@@ -16,8 +16,6 @@
 } :root {
     --border-radius-m: 8px;
 } :root {
-    --gap-s: 12px;
-    --gap-s-neg: -12px;
 } :root {
 } :root {
 } :root {
@@ -45,29 +43,27 @@
 } :root {
     --calendar-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-popover-border-radius: var(--border-radius-m);
-} .universal-date-input__wrapper_1u1v2 {
+} .universal-date-input__wrapper_1ds5y {
     display: inline-block;
     outline: none;
     position: relative;
-} .universal-date-input__block_1u1v2 {
+} .universal-date-input__block_1ds5y {
     width: 100%;
-} .universal-date-input__calendarIcon_1u1v2 {
+} .universal-date-input__calendarIcon_1ds5y {
     width: 24px;
     height: 100%;
     display: block;
     color: var(--calendar-icon-color);
-    margin-right: var(--gap-s-neg);
-    padding-right: var(--gap-s);
-} .universal-date-input__calendarContainer_1u1v2 {
+} .universal-date-input__calendarContainer_1ds5y {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300);
     width: var(--calendar-width)
-} @media (max-width: 374px) { .universal-date-input__calendarContainer_1u1v2 {
+} @media (max-width: 374px) { .universal-date-input__calendarContainer_1ds5y {
         width: 100%;
         min-width: 288px
 }
-    } .universal-date-input__blink_1u1v2.universal-date-input__blink_1u1v2.universal-date-input__blink_1u1v2 {
+    } .universal-date-input__blink_1ds5y.universal-date-input__blink_1ds5y.universal-date-input__blink_1ds5y {
     background-color: var(--color-light-bg-negative-muted);
 }

package/universal-date-input/esm/index.js

@@ -21,7 +21,7 @@ import '../../input/esm';
 import '../../popover/esm';
 import '../../shared/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-dcd64d67.js';
+import './index.module-1bcd7eb5.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';

package/universal-date-input/esm/index.module-1bcd7eb5.js

@@ -0,0 +1,4 @@
+var styles = {"wrapper":"universal-date-input__wrapper_1ds5y","block":"universal-date-input__block_1ds5y","calendarIcon":"universal-date-input__calendarIcon_1ds5y","calendarContainer":"universal-date-input__calendarContainer_1ds5y","blink":"universal-date-input__blink_1ds5y"};
+require('./index.css');
+
+export { styles as s };

package/universal-date-input/esm/mobile/index.js

@@ -20,7 +20,7 @@ import '../../../input/esm';
 import '../../../popover/esm';
 import '../../../shared/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-dcd64d67.js';
+import '../index.module-1bcd7eb5.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import '../components/time-input/Component.js';

package/universal-date-input/index.css

@@ -16,8 +16,6 @@
 } :root {
     --border-radius-m: 8px;
 } :root {
-    --gap-s: 12px;
-    --gap-s-neg: -12px;
 } :root {
 } :root {
 } :root {
@@ -45,29 +43,27 @@
 } :root {
     --calendar-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-popover-border-radius: var(--border-radius-m);
-} .universal-date-input__wrapper_1u1v2 {
+} .universal-date-input__wrapper_1ds5y {
     display: inline-block;
     outline: none;
     position: relative;
-} .universal-date-input__block_1u1v2 {
+} .universal-date-input__block_1ds5y {
     width: 100%;
-} .universal-date-input__calendarIcon_1u1v2 {
+} .universal-date-input__calendarIcon_1ds5y {
     width: 24px;
     height: 100%;
     display: block;
     color: var(--calendar-icon-color);
-    margin-right: var(--gap-s-neg);
-    padding-right: var(--gap-s);
-} .universal-date-input__calendarContainer_1u1v2 {
+} .universal-date-input__calendarContainer_1ds5y {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300);
     width: var(--calendar-width)
-} @media (max-width: 374px) { .universal-date-input__calendarContainer_1u1v2 {
+} @media (max-width: 374px) { .universal-date-input__calendarContainer_1ds5y {
         width: 100%;
         min-width: 288px
 }
-    } .universal-date-input__blink_1u1v2.universal-date-input__blink_1u1v2.universal-date-input__blink_1u1v2 {
+    } .universal-date-input__blink_1ds5y.universal-date-input__blink_1ds5y.universal-date-input__blink_1ds5y {
     background-color: var(--color-light-bg-negative-muted);
 }

package/universal-date-input/index.js

@@ -29,7 +29,7 @@ require('../input');
 require('../popover');
 require('../shared');
 require('@alfalab/icons-glyph/CalendarMIcon');
-require('./index.module-d7d62181.js');
+require('./index.module-ab02a85d.js');
 require('./components/date-range-input/Component.js');
 require('date-fns/startOfMonth');
 require('./components/time-input/Component.js');

package/universal-date-input/index.module-ab02a85d.js

@@ -0,0 +1,4 @@
+var styles = {"wrapper":"universal-date-input__wrapper_1ds5y","block":"universal-date-input__block_1ds5y","calendarIcon":"universal-date-input__calendarIcon_1ds5y","calendarContainer":"universal-date-input__calendarContainer_1ds5y","blink":"universal-date-input__blink_1ds5y"};
+require('./index.css');
+
+exports.styles = styles;

package/universal-date-input/mobile/index.js

@@ -28,7 +28,7 @@ require('../../input');
 require('../../popover');
 require('../../shared');
 require('@alfalab/icons-glyph/CalendarMIcon');
-require('../index.module-d7d62181.js');
+require('../index.module-ab02a85d.js');
 require('../components/date-range-input/Component.js');
 require('date-fns/startOfMonth');
 require('../components/time-input/Component.js');

package/universal-date-input/modern/Component.desktop.js

@@ -18,7 +18,7 @@ import '../../input/modern';
 import '../../popover/modern';
 import '../../shared/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-33d11835.js';
+import './index.module-b3b36a1d.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';

package/universal-date-input/modern/Component.mobile.js

@@ -18,7 +18,7 @@ import '../../input/modern';
 import '../../popover/modern';
 import '../../shared/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-33d11835.js';
+import './index.module-b3b36a1d.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';

package/universal-date-input/modern/Component.responsive.js

@@ -19,7 +19,7 @@ import '../../input/modern';
 import '../../popover/modern';
 import '../../shared/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-33d11835.js';
+import './index.module-b3b36a1d.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';

package/universal-date-input/modern/components/base-universal-date-input/Component.js

@@ -9,7 +9,7 @@ import { createMaskOptions } from '../../mask/index.js';
 import { DateInput } from '../date-input/Component.js';
 import { DateRangeInput } from '../date-range-input/Component.js';
 import { TimeInput } from '../time-input/Component.js';
-import { s as styles } from '../../index.module-33d11835.js';
+import { s as styles } from '../../index.module-b3b36a1d.js';
 import 'date-fns/clamp';
 import 'date-fns/getDaysInMonth';
 import 'date-fns/isValid';

package/universal-date-input/modern/components/base-universal-date-input/index.js

@@ -18,7 +18,7 @@ import '../../../../input/modern';
 import '../../../../popover/modern';
 import '../../../../shared/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../../index.module-33d11835.js';
+import '../../index.module-b3b36a1d.js';
 import '../date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import '../time-input/Component.js';

package/universal-date-input/modern/components/date-input/Component.js

@@ -7,7 +7,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_TIME_SEPARATOR, DEFAULT_MIN_DATE, DEFAULT_MAX_DATE, DATE_TIME_FORMAT, DATE_FORMAT } from '../../consts.js';
 import { isValidDate, isCompleteTime, formatDate, preventDefault, isCompleteDate, parseDateString } from '../../utils/index.js';
-import { s as styles } from '../../index.module-33d11835.js';
+import { s as styles } from '../../index.module-b3b36a1d.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';

package/universal-date-input/modern/components/date-input/index.js

@@ -11,5 +11,5 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../index.module-33d11835.js';
+import '../../index.module-b3b36a1d.js';
 import '../../utils/index.js';

package/universal-date-input/modern/components/date-range-input/Component.js

@@ -8,7 +8,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_RANGE_SEPARATOR, DEFAULT_MAX_DATE, DEFAULT_MIN_DATE } from '../../consts.js';
 import { getValidRange, formatDate, preventDefault, isCompleteDate, isCompleteDateRange, updateRange, parseDateString } from '../../utils/index.js';
-import { s as styles } from '../../index.module-33d11835.js';
+import { s as styles } from '../../index.module-b3b36a1d.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';

package/universal-date-input/modern/components/date-range-input/index.js

@@ -12,5 +12,5 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../index.module-33d11835.js';
+import '../../index.module-b3b36a1d.js';
 import '../../utils/index.js';

package/universal-date-input/modern/desktop/index.js

@@ -19,7 +19,7 @@ import '../../../input/modern';
 import '../../../popover/modern';
 import '../../../shared/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-33d11835.js';
+import '../index.module-b3b36a1d.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import '../components/time-input/Component.js';

package/universal-date-input/modern/index.css

@@ -16,8 +16,6 @@
 } :root {
     --border-radius-m: 8px;
 } :root {
-    --gap-s: 12px;
-    --gap-s-neg: -12px;
 } :root {
 } :root {
 } :root {
@@ -45,29 +43,27 @@
 } :root {
     --calendar-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-popover-border-radius: var(--border-radius-m);
-} .universal-date-input__wrapper_1u1v2 {
+} .universal-date-input__wrapper_1ds5y {
     display: inline-block;
     outline: none;
     position: relative;
-} .universal-date-input__block_1u1v2 {
+} .universal-date-input__block_1ds5y {
     width: 100%;
-} .universal-date-input__calendarIcon_1u1v2 {
+} .universal-date-input__calendarIcon_1ds5y {
     width: 24px;
     height: 100%;
     display: block;
     color: var(--calendar-icon-color);
-    margin-right: var(--gap-s-neg);
-    padding-right: var(--gap-s);
-} .universal-date-input__calendarContainer_1u1v2 {
+} .universal-date-input__calendarContainer_1ds5y {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300);
     width: var(--calendar-width)
-} @media (max-width: 374px) { .universal-date-input__calendarContainer_1u1v2 {
+} @media (max-width: 374px) { .universal-date-input__calendarContainer_1ds5y {
         width: 100%;
         min-width: 288px
 }
-    } .universal-date-input__blink_1u1v2.universal-date-input__blink_1u1v2.universal-date-input__blink_1u1v2 {
+    } .universal-date-input__blink_1ds5y.universal-date-input__blink_1ds5y.universal-date-input__blink_1ds5y {
     background-color: var(--color-light-bg-negative-muted);
 }

package/universal-date-input/modern/index.js

@@ -20,7 +20,7 @@ import '../../input/modern';
 import '../../popover/modern';
 import '../../shared/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-33d11835.js';
+import './index.module-b3b36a1d.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';

package/universal-date-input/modern/index.module-b3b36a1d.js

@@ -0,0 +1,4 @@
+const styles = {"wrapper":"universal-date-input__wrapper_1ds5y","block":"universal-date-input__block_1ds5y","calendarIcon":"universal-date-input__calendarIcon_1ds5y","calendarContainer":"universal-date-input__calendarContainer_1ds5y","blink":"universal-date-input__blink_1ds5y"};
+require('./index.css');
+
+export { styles as s };

package/universal-date-input/modern/mobile/index.js

@@ -19,7 +19,7 @@ import '../../../input/modern';
 import '../../../popover/modern';
 import '../../../shared/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-33d11835.js';
+import '../index.module-b3b36a1d.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import '../components/time-input/Component.js';

package/with-suffix/Component.js

@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"suffixContainer":"with-suffix__suffixContainer_1safw","suffixVisible":"with-suffix__suffixVisible_1safw","hasSuffix":"with-suffix__hasSuffix_1safw","spacer":"with-suffix__spacer_1safw","suffix":"with-suffix__suffix_1safw","disabled":"with-suffix__disabled_1safw","readOnly":"with-suffix__readOnly_1safw"};
+var styles = {"suffixContainer":"with-suffix__suffixContainer_2vzq8","suffixVisible":"with-suffix__suffixVisible_2vzq8","hasSuffix":"with-suffix__hasSuffix_2vzq8","spacer":"with-suffix__spacer_2vzq8","suffix":"with-suffix__suffix_2vzq8","disabled":"with-suffix__disabled_2vzq8","readOnly":"with-suffix__readOnly_2vzq8"};
 require('./index.css');
 
 var withSuffix = function (Input) {

package/with-suffix/esm/Component.js

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Portal } from '../../portal/esm';
 
-var styles = {"suffixContainer":"with-suffix__suffixContainer_1safw","suffixVisible":"with-suffix__suffixVisible_1safw","hasSuffix":"with-suffix__hasSuffix_1safw","spacer":"with-suffix__spacer_1safw","suffix":"with-suffix__suffix_1safw","disabled":"with-suffix__disabled_1safw","readOnly":"with-suffix__readOnly_1safw"};
+var styles = {"suffixContainer":"with-suffix__suffixContainer_2vzq8","suffixVisible":"with-suffix__suffixVisible_2vzq8","hasSuffix":"with-suffix__hasSuffix_2vzq8","spacer":"with-suffix__spacer_2vzq8","suffix":"with-suffix__suffix_2vzq8","disabled":"with-suffix__disabled_2vzq8","readOnly":"with-suffix__readOnly_2vzq8"};
 require('./index.css');
 
 var withSuffix = function (Input) {

package/with-suffix/esm/index.css

@@ -28,7 +28,7 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .with-suffix__suffixContainer_1safw {
+} .with-suffix__suffixContainer_2vzq8 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -40,20 +40,20 @@
     align-items: center;
     display: none;
     pointer-events: none;
-} input:focus:not(:read-only) + .with-suffix__suffixContainer_1safw,
-.with-suffix__suffixVisible_1safw .with-suffix__suffixContainer_1safw {
+} input:focus:not(:read-only) + .with-suffix__suffixContainer_2vzq8,
+.with-suffix__suffixVisible_2vzq8 .with-suffix__suffixContainer_2vzq8 {
     display: inline-flex;
-} .with-suffix__hasSuffix_1safw input:focus::placeholder {
+} .with-suffix__hasSuffix_2vzq8 input:focus::placeholder {
     color: transparent;
     transition: none;
-} .with-suffix__spacer_1safw {
+} .with-suffix__spacer_2vzq8 {
     visibility: hidden;
     flex-shrink: 0;
     white-space: pre;
-} .with-suffix__suffix_1safw {
+} .with-suffix__suffix_2vzq8 {
     white-space: pre;
-} .with-suffix__disabled_1safw {
+} .with-suffix__disabled_2vzq8 {
     color: var(--input-disabled-color);
-} .with-suffix__readOnly_1safw {
+} .with-suffix__readOnly_2vzq8 {
     color: var(--input-read-only-color);
 }

package/with-suffix/index.css

@@ -28,7 +28,7 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .with-suffix__suffixContainer_1safw {
+} .with-suffix__suffixContainer_2vzq8 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -40,20 +40,20 @@
     align-items: center;
     display: none;
     pointer-events: none;
-} input:focus:not(:read-only) + .with-suffix__suffixContainer_1safw,
-.with-suffix__suffixVisible_1safw .with-suffix__suffixContainer_1safw {
+} input:focus:not(:read-only) + .with-suffix__suffixContainer_2vzq8,
+.with-suffix__suffixVisible_2vzq8 .with-suffix__suffixContainer_2vzq8 {
     display: inline-flex;
-} .with-suffix__hasSuffix_1safw input:focus::placeholder {
+} .with-suffix__hasSuffix_2vzq8 input:focus::placeholder {
     color: transparent;
     transition: none;
-} .with-suffix__spacer_1safw {
+} .with-suffix__spacer_2vzq8 {
     visibility: hidden;
     flex-shrink: 0;
     white-space: pre;
-} .with-suffix__suffix_1safw {
+} .with-suffix__suffix_2vzq8 {
     white-space: pre;
-} .with-suffix__disabled_1safw {
+} .with-suffix__disabled_2vzq8 {
     color: var(--input-disabled-color);
-} .with-suffix__readOnly_1safw {
+} .with-suffix__readOnly_2vzq8 {
     color: var(--input-read-only-color);
 }

package/with-suffix/modern/Component.js

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Portal } from '../../portal/modern';
 
-const styles = {"suffixContainer":"with-suffix__suffixContainer_1safw","suffixVisible":"with-suffix__suffixVisible_1safw","hasSuffix":"with-suffix__hasSuffix_1safw","spacer":"with-suffix__spacer_1safw","suffix":"with-suffix__suffix_1safw","disabled":"with-suffix__disabled_1safw","readOnly":"with-suffix__readOnly_1safw"};
+const styles = {"suffixContainer":"with-suffix__suffixContainer_2vzq8","suffixVisible":"with-suffix__suffixVisible_2vzq8","hasSuffix":"with-suffix__hasSuffix_2vzq8","spacer":"with-suffix__spacer_2vzq8","suffix":"with-suffix__suffix_2vzq8","disabled":"with-suffix__disabled_2vzq8","readOnly":"with-suffix__readOnly_2vzq8"};
 require('./index.css');
 
 const withSuffix = (Input) => forwardRef(({ value, defaultValue, onChange, onClear, suffix = '', placeholder, className, disabled, readOnly, suffixContainerClassName, ...restProps }, ref) => {

package/with-suffix/modern/index.css

@@ -28,7 +28,7 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .with-suffix__suffixContainer_1safw {
+} .with-suffix__suffixContainer_2vzq8 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -40,20 +40,20 @@
     align-items: center;
     display: none;
     pointer-events: none;
-} input:focus:not(:read-only) + .with-suffix__suffixContainer_1safw,
-.with-suffix__suffixVisible_1safw .with-suffix__suffixContainer_1safw {
+} input:focus:not(:read-only) + .with-suffix__suffixContainer_2vzq8,
+.with-suffix__suffixVisible_2vzq8 .with-suffix__suffixContainer_2vzq8 {
     display: inline-flex;
-} .with-suffix__hasSuffix_1safw input:focus::placeholder {
+} .with-suffix__hasSuffix_2vzq8 input:focus::placeholder {
     color: transparent;
     transition: none;
-} .with-suffix__spacer_1safw {
+} .with-suffix__spacer_2vzq8 {
     visibility: hidden;
     flex-shrink: 0;
     white-space: pre;
-} .with-suffix__suffix_1safw {
+} .with-suffix__suffix_2vzq8 {
     white-space: pre;
-} .with-suffix__disabled_1safw {
+} .with-suffix__disabled_2vzq8 {
     color: var(--input-disabled-color);
-} .with-suffix__readOnly_1safw {
+} .with-suffix__readOnly_2vzq8 {
     color: var(--input-read-only-color);
 }