@salutejs/plasma-new-hope 0.167.0-canary.1475.11350736392.0 → 0.168.0-canary.1459.11360824834.0

package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx

@@ -4,7 +4,8 @@ import { action } from '@storybook/addon-actions';
 import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
 
 import { WithTheme } from '../../../_helpers';
-import { IconChevronLeft } from '../../../../components/_Icon';
+import { IconCross } from '../../../../components/_Icon';
+import type { PopoverPlacement } from '../Popover/Popover';
 
 import { TextField } from './TextField';
 
@@ -16,7 +17,29 @@ const onChipsChange = action('onChipsChange');
 
 const sizes = ['l', 'm', 's', 'xs'];
 const views = ['default', 'positive', 'warning', 'negative'];
+const hintViews = ['default', 'onDark', 'onLight'];
+const hintSizes = ['m', 's'];
+const hintTriggers = ['hover', 'click'];
 const labelPlacements = ['outer', 'inner'];
+const placements: Array<PopoverPlacement> = [
+    'top',
+    'top-start',
+    'top-end',
+
+    'bottom',
+    'bottom-start',
+    'bottom-end',
+
+    'left',
+    'left-start',
+    'left-end',
+
+    'right',
+    'right-start',
+    'right-end',
+
+    'auto',
+];
 
 const meta: Meta<typeof TextField> = {
     title: 'plasma_web/TextField',
@@ -70,6 +93,46 @@ const meta: Meta<typeof TextField> = {
                 type: 'inline-radio',
             },
         },
+        hintText: {
+            control: { type: 'text' },
+        },
+        hintView: {
+            options: hintViews,
+            control: {
+                type: 'select',
+            },
+            if: { arg: 'hintText', neq: '' },
+        },
+        hintSize: {
+            options: hintSizes,
+            control: {
+                type: 'select',
+            },
+            if: { arg: 'hintText', neq: '' },
+        },
+        hintTrigger: {
+            options: hintTriggers,
+            control: {
+                type: 'inline-radio',
+            },
+            if: { arg: 'hintText', neq: '' },
+        },
+        hintPlacement: {
+            options: placements,
+            control: {
+                type: 'select',
+            },
+            if: { arg: 'hintText', neq: '' },
+            mappers: placements,
+        },
+        hintHasArrow: {
+            control: { type: 'boolean' },
+            if: { arg: 'hintText', neq: '' },
+        },
+        hintWidth: {
+            control: { type: 'text' },
+            if: { arg: 'hintText', neq: '' },
+        },
     },
 };
 
@@ -105,13 +168,13 @@ const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: Sto
     const iconSize = rest.size === 'xs' ? 'xs' : 's';
 
     return (
-        <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem' }}>
+        <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem', width: '70%', margin: '0 auto' }}>
             <TextField
                 {...rest}
                 enumerationType="plain"
                 value={text}
-                contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
-                contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
+                contentLeft={enableContentLeft ? <IconCross color="inherit" size={iconSize} /> : undefined}
+                contentRight={enableContentRight ? <IconCross color="inherit" size={iconSize} /> : undefined}
                 view={view}
                 onChange={(e) => {
                     setText(e.target.value);
@@ -145,17 +208,27 @@ export const Default: StoryObj<StoryPropsDefault> = {
         view: 'default',
         label: 'Лейбл',
         labelPlacement: 'outer',
+        titleCaption: 'Подпись к полю',
+        textBefore: '',
+        textAfter: '',
         placeholder: 'Заполните поле',
         leftHelper: 'Подсказка к полю',
         disabled: false,
         readOnly: false,
-        required: false,
-        requiredPlacement: 'right',
-        optional: false,
         enableContentLeft: true,
         enableContentRight: true,
         clear: false,
         hasDivider: false,
+        optional: false,
+        required: false,
+        requiredPlacement: 'right',
+        hintText: 'Текст подсказки',
+        hintTrigger: 'hover',
+        hintView: 'default',
+        hintSize: 'm',
+        hintPlacement: 'auto',
+        hintWidth: '10rem',
+        hintHasArrow: true,
     },
     render: (args) => <StoryDemo {...args} />,
 };
@@ -176,8 +249,6 @@ type StoryPropsChips = Omit<
     | 'checked'
     | 'maxLength'
     | 'minLength'
-    | 'required'
-    | 'optional'
     | 'enumerationType'
 > & {
     enableContentLeft: boolean;
@@ -194,7 +265,7 @@ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: St
             {...rest}
             enumerationType="chip"
             value={text}
-            contentLeft={enableContentLeft ? <IconChevronLeft color="inherit" size={iconSize} /> : undefined}
+            contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
             contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
             view={view}
             onChange={(e) => {
@@ -204,6 +275,7 @@ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: St
             onFocus={onFocus}
             onBlur={onBlur}
             onChangeChips={onChipsChange}
+            style={{ width: '70%', margin: '0 auto' }}
         />
     );
 };

package/es/components/Autocomplete/Autocomplete.css

@@ -1,32 +1,47 @@
-.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_io4bpie__42c27ee8{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_i13qvwoy__42c27ee8{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasChips__42c27ee8{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasEmptyContentLeft__42c27ee8{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasEmptyContentRight__42c27ee8{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_lbt1ohz__42c27ee8{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_l1gjsnfi__42c27ee8{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_ssv2kwg__42c27ee8,.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_s190z894__42c27ee8{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_ssv2kwg__42c27ee8{margin:var(--plasma-textfield__before-text-margin);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_s190z894__42c27ee8{margin:var(--plasma-textfield__after-text-margin);}
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 
-.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_iq39zt5__03fc1b30{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_iq39zt5__03fc1b30:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_io4bpie__03fc1b30{color:var(--plasma-textfield-color);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_i19ry60d__03fc1b30{color:var(--plasma-textfield__placeholder-color);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_iq39zt5__03fc1b30:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_iq39zt5__03fc1b30:focus-within .base_1noe46b_i19ry60d__03fc1b30{color:var(--plasma-textfield__placeholder-color-focus);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_l1gjsnfi__03fc1b30{color:var(--plasma-textfield__left-helper-color);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_ssv2kwg__03fc1b30{color:var(--plasma-textfield__before-text-color);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_s190z894__03fc1b30{color:var(--plasma-textfield__after-text-color);}
+.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i13qvwoy__5f4dd9b9{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i19ry60d__5f4dd9b9{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasChips__5f4dd9b9{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentLeft__5f4dd9b9{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentRight__5f4dd9b9{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l1gjsnfi__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9:not(.base_1xdmaqh_labelPlacementInner__5f4dd9b9) .base_1xdmaqh_s16itze4__5f4dd9b9{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s1skqnhr__5f4dd9b9{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_hgy0im1__5f4dd9b9{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_t600610__5f4dd9b9{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l7hnwwb__5f4dd9b9{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9{margin:var(--plasma-textfield__before-text-margin);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{margin:var(--plasma-textfield__after-text-margin);}
 
-.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e[readonly] .base_rit6gc_iq39zt5__26539e4e,.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_iq39zt5__26539e4e{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e[readonly] .base_rit6gc_iq39zt5__26539e4e:hover,.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_iq39zt5__26539e4e:hover{background-color:unset;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_s600610__26539e4e{margin-left:0;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_suk2zst__26539e4e{margin-right:0;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_labelPlacementOuter__26539e4e .base_rit6gc_lbt1ohz__26539e4e{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_io4bpie__26539e4e{color:var(--plasma-textfield-clear-color);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_i19ry60d__26539e4e{color:var(--plasma-textfield__clear-placeholder-color);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_s7hnwwb__26539e4e.base_rit6gc_labelPlacementInner__26539e4e{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_s7hnwwb__26539e4e.base_rit6gc_labelPlacementInner__26539e4e.base_rit6gc_alignRight__26539e4e{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e .base_rit6gc_iq39zt5__26539e4e{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e .base_rit6gc_iq39zt5__26539e4e:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e:not([readonly]) .base_rit6gc_iq39zt5__26539e4e:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e:not([readonly]) .base_rit6gc_iq39zt5__26539e4e:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e:not([readonly]) .base_rit6gc_iq39zt5__26539e4e:focus-within .base_rit6gc_i19ry60d__26539e4e{color:var(--plasma-textfield__clear-placeholder-color-focus);}
+.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i13qvwoy__55992f65{color:var(--plasma-textfield-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_ibt1ohz__55992f65{color:var(--plasma-textfield__placeholder-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65:focus-within .base_qhyte8_ibt1ohz__55992f65{color:var(--plasma-textfield__placeholder-color-focus);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_t600610__55992f65{color:var(--plasma-textfield__title-caption-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_l7hnwwb__55992f65{color:var(--plasma-textfield__left-helper-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_smqgwd8__55992f65{color:var(--plasma-textfield__before-text-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_s14qvple__55992f65{color:var(--plasma-textfield__after-text-color);}
 
-.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
+.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1[readonly] .base_1pkwm4m_i1j28rg8__5797b2e1,.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_i1j28rg8__5797b2e1{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1[readonly] .base_1pkwm4m_i1j28rg8__5797b2e1:hover,.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_i1j28rg8__5797b2e1:hover{background-color:unset;}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_s190z894__5797b2e1{margin-left:0;}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_sb3k3v1__5797b2e1{margin-right:0;}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_labelPlacementOuter__5797b2e1 .base_1pkwm4m_olv9av6__5797b2e1{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_i13qvwoy__5797b2e1{color:var(--plasma-textfield-clear-color);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_ibt1ohz__5797b2e1{color:var(--plasma-textfield__clear-placeholder-color);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_s8yezh4__5797b2e1.base_1pkwm4m_labelPlacementInner__5797b2e1{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_s8yezh4__5797b2e1.base_1pkwm4m_labelPlacementInner__5797b2e1.base_1pkwm4m_alignRight__5797b2e1{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasHint__5797b2e1 .base_1pkwm4m_s1skqnhr__5797b2e1.base_1pkwm4m_labelPlacementInner__5797b2e1{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasHint__5797b2e1 .base_1pkwm4m_s8yezh4__5797b2e1.base_1pkwm4m_labelPlacementInner__5797b2e1.base_1pkwm4m_alignRight__5797b2e1{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasDivider__5797b2e1 .base_1pkwm4m_i1j28rg8__5797b2e1{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasDivider__5797b2e1 .base_1pkwm4m_i1j28rg8__5797b2e1:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasDivider__5797b2e1:not([readonly]) .base_1pkwm4m_i1j28rg8__5797b2e1:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasDivider__5797b2e1:not([readonly]) .base_1pkwm4m_i1j28rg8__5797b2e1:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasDivider__5797b2e1:not([readonly]) .base_1pkwm4m_i1j28rg8__5797b2e1:focus-within .base_1pkwm4m_ibt1ohz__5797b2e1{color:var(--plasma-textfield__clear-placeholder-color-focus);}
 
-.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_iq39zt5__4fc2b315{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1n7tghz_b1w985rt__4fc2b315[readonly].base_1n7tghz_textfieldHasDivider__4fc2b315 .base_1n7tghz_iq39zt5__4fc2b315:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_iq39zt5__4fc2b315:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_iq39zt5__4fc2b315:focus-within .base_1n7tghz_i19ry60d__4fc2b315,.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_i19ry60d__4fc2b315{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_io4bpie__4fc2b315{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_l1gjsnfi__4fc2b315{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1n7tghz_b1w985rt__4fc2b315[readonly].base_1n7tghz_labelPlacementOuter__4fc2b315 .base_1n7tghz_lbt1ohz__4fc2b315{color:var(--plasma-textfield__label-color-readonly);}
+.base_4d3opa_b15zsg4z__d935790a[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_4d3opa_b15zsg4z__d935790a[disabled] .base_4d3opa_i13qvwoy__d935790a{cursor:not-allowed;min-width:unset;}
 
-.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementOuter__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_i13qvwoy__7775bbdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_s190z894__7775bbdc,.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_ssv2kwg__7775bbdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_io4bpie__7775bbdc:focus ~ .base_1ghihns_lbt1ohz__7775bbdc,.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_io4bpie__7775bbdc.base_1ghihns_hasValue__7775bbdc ~ .base_1ghihns_lbt1ohz__7775bbdc{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc.base_1ghihns_textfieldClear__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{color:var(--plasma-textfield__clear-placeholder-color);}
+.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly].base_17ypmu7_textfieldHasDivider__5cf81a55 .base_17ypmu7_i1j28rg8__5cf81a55:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55:focus-within .base_17ypmu7_ibt1ohz__5cf81a55,.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_ibt1ohz__5cf81a55{color:var(--plasma-textfield__placeholder-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i13qvwoy__5cf81a55{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_t600610__5cf81a55{color:var(--plasma-textfield__title-caption-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_l7hnwwb__5cf81a55{color:var(--plasma-textfield__left-helper-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly].base_17ypmu7_labelPlacementOuter__5cf81a55 .base_17ypmu7_l1gjsnfi__5cf81a55{color:var(--plasma-textfield__label-color-readonly);}
 
-.TextField_styles_1d2ryq_iq39zt5__7c8f1496{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
-.TextField_styles_1d2ryq_i1j28rg8__7c8f1496{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1d2ryq_i1j28rg8__7c8f1496::-webkit-scrollbar{display:none;}.TextField_styles_1d2ryq_i1j28rg8__7c8f1496.TextField_styles_1d2ryq_hasChips__7c8f1496{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_1d2ryq_s13zudoe__7c8f1496{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_1d2ryq_io4bpie__7c8f1496{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_1d2ryq_io4bpie__7c8f1496::-webkit-input-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496::-moz-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496:-ms-input-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496::placeholder{opacity:0;}
-.TextField_styles_1d2ryq_i13qvwoy__7c8f1496{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
-.TextField_styles_1d2ryq_i19ry60d__7c8f1496{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
-.TextField_styles_1d2ryq_lbt1ohz__7c8f1496{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_1d2ryq_slv9av6__7c8f1496{color:var(--slv9av6-0);line-height:0;}
-.TextField_styles_1d2ryq_s600610__7c8f1496.TextField_styles_1d2ryq_slv9av6__7c8f1496{margin:var(--plasma-textfield__left-content-margin);}
-.TextField_styles_1d2ryq_suk2zst__7c8f1496{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1d2ryq_suk2zst__7c8f1496:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1d2ryq_suk2zst__7c8f1496:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementOuter__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i19ry60d__caf0c2d1{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_s14qvple__caf0c2d1,.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_smqgwd8__caf0c2d1{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i13qvwoy__caf0c2d1:focus ~ .base_3domm_l1gjsnfi__caf0c2d1,.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i13qvwoy__caf0c2d1.base_3domm_hasValue__caf0c2d1 ~ .base_3domm_l1gjsnfi__caf0c2d1{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1.base_3domm_textfieldClear__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{color:var(--plasma-textfield__clear-placeholder-color);}
 
+.base_l8etux_bbsd6t5__82026c13 .base_l8etux_hq39zt5__82026c13{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
 
+.base_1x99605_b10o15xy__faec7753 .base_1x99605_hq39zt5__faec7753{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
 
-.TextField_styles_1d2ryq_sb3k3v1__7c8f1496{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_1d2ryq_s7hnwwb__7c8f1496{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementOuter__7c8f1496{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementOuter__7c8f1496.TextField_styles_1d2ryq_alignRight__7c8f1496{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementInner__7c8f1496{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementInner__7c8f1496.TextField_styles_1d2ryq_alignRight__7c8f1496{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.Tooltip_styles_1jz4u92_teczcv4__3fe65388{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.Tooltip_styles_1jz4u92_teczcv4__3fe65388.Tooltip_styles_1jz4u92_hasContentLeft__3fe65388{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.Tooltip_styles_1jz4u92_s1j361h1__3fe65388{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
 
-.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+.Tooltip_aay375_s1cz8cv8__390cdb21{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
+
+
+.TextField_styles_17xt45g_i1j28rg8__decbeaf1{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
+.TextField_styles_17xt45g_i13zudoe__decbeaf1{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_17xt45g_i13zudoe__decbeaf1::-webkit-scrollbar{display:none;}.TextField_styles_17xt45g_i13zudoe__decbeaf1.TextField_styles_17xt45g_hasChips__decbeaf1{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_17xt45g_so4bpie__decbeaf1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_17xt45g_i13qvwoy__decbeaf1{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_17xt45g_i13qvwoy__decbeaf1::-webkit-input-placeholder{opacity:0;}.TextField_styles_17xt45g_i13qvwoy__decbeaf1::-moz-placeholder{opacity:0;}.TextField_styles_17xt45g_i13qvwoy__decbeaf1:-ms-input-placeholder{opacity:0;}.TextField_styles_17xt45g_i13qvwoy__decbeaf1::placeholder{opacity:0;}
+.TextField_styles_17xt45g_i19ry60d__decbeaf1{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
+.TextField_styles_17xt45g_ibt1ohz__decbeaf1{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
+.TextField_styles_17xt45g_olv9av6__decbeaf1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--olv9av6-0);}
+.TextField_styles_17xt45g_t600610__decbeaf1{display:inline-block;margin-left:auto;}
+.TextField_styles_17xt45g_suk2zst__decbeaf1{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_17xt45g_l1gjsnfi__decbeaf1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_17xt45g_ssv2kwg__decbeaf1{color:var(--ssv2kwg-0);line-height:0;}
+.TextField_styles_17xt45g_s190z894__decbeaf1.TextField_styles_17xt45g_ssv2kwg__decbeaf1{margin:var(--plasma-textfield__left-content-margin);}
+.TextField_styles_17xt45g_sb3k3v1__decbeaf1{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_17xt45g_sb3k3v1__decbeaf1:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_17xt45g_sb3k3v1__decbeaf1:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+
+
+
+.TextField_styles_17xt45g_s16itze4__decbeaf1{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_17xt45g_s1skqnhr__decbeaf1{display:inline-block;line-height:0;}.TextField_styles_17xt45g_s1skqnhr__decbeaf1.TextField_styles_17xt45g_labelPlacementInner__decbeaf1{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_17xt45g_hgy0im1__decbeaf1{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_17xt45g_s8yezh4__decbeaf1{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_17xt45g_s8yezh4__decbeaf1.TextField_styles_17xt45g_labelPlacementOuter__decbeaf1{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_17xt45g_s8yezh4__decbeaf1.TextField_styles_17xt45g_labelPlacementOuter__decbeaf1.TextField_styles_17xt45g_alignRight__decbeaf1{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_17xt45g_s8yezh4__decbeaf1.TextField_styles_17xt45g_labelPlacementOuter__decbeaf1.TextField_styles_17xt45g_alignRight__decbeaf1.TextField_styles_17xt45g_textfieldHasHint__decbeaf1{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_17xt45g_s8yezh4__decbeaf1.TextField_styles_17xt45g_labelPlacementInner__decbeaf1{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_17xt45g_s8yezh4__decbeaf1.TextField_styles_17xt45g_labelPlacementInner__decbeaf1.TextField_styles_17xt45g_alignRight__decbeaf1{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 
 .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
 

package/es/components/Autocomplete/Autocomplete.js

@@ -11,7 +11,7 @@ import { SuggestionItem } from './ui/SuggestionItem/SuggestionItem.js';
 import { StyledPopover, Ul, InfiniteLoaderWrapper, LeftHelper, base } from './Autocomplete.styles.js';
 import { useKeyNavigation } from './hooks/useKeyboardNavigation.js';
 
-var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch"];
+var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch", "hintText"];
 
 /**
  * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.
@@ -43,6 +43,7 @@ var autocompleteRoot = function autocompleteRoot(Root) {
       renderList = _ref.renderList,
       renderListEnd = _ref.renderListEnd,
       onSearch = _ref.onSearch,
+      hintText = _ref.hintText,
       rest = _objectWithoutProperties(_ref, _excluded);
     var _useReducer = useReducer(focusedReducer, null),
       _useReducer2 = _slicedToArray(_useReducer, 2),
@@ -140,7 +141,8 @@ var autocompleteRoot = function autocompleteRoot(Root) {
         "aria-controls": listId,
         "aria-expanded": isOpen,
         "aria-activedescendant": "".concat(listId, "/").concat(focused),
-        "aria-describedby": helperTextId
+        "aria-describedby": helperTextId,
+        hintText: String(hintText || '')
       }, rest)),
       preventOverflow: false,
       ref: targetRef,

package/es/components/Autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { useDidMountEffect, useOutsideClick } from '../../hooks';\nimport { RootProps } from '../../engines';\nimport { getPlacements } from '../../utils';\n\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField } from './ui';\nimport { StyledPopover, Ul, LeftHelper, base, InfiniteLoaderWrapper } from './Autocomplete.styles';\nimport type { AutocompleteProps, SuggestionItemType } from './Autocomplete.types';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n/**\n * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.\n */\nexport const autocompleteRoot = (Root: RootProps<HTMLInputElement, AutocompleteProps>) =>\n    forwardRef<HTMLInputElement, AutocompleteProps>(\n        (\n            {\n                value: outerValue,\n                onChange,\n                suggestions,\n                view,\n                size,\n                labelPlacement,\n                disabled,\n                readOnly,\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                onScroll,\n                listMaxHeight,\n                listWidth,\n                portal,\n                filter,\n                onSuggestionSelect,\n                threshold = 2,\n                renderList,\n                renderListEnd,\n                onSearch,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n            const [innerValue, setInnerValue] = useState<string | number>('');\n            const [isOpen, setIsOpen] = useState(false);\n\n            const listId = safeUseId();\n            const value = outerValue ?? innerValue;\n\n            const helperTextId = safeUseId();\n\n            const targetRef = useOutsideClick<HTMLDivElement>(() => {\n                setIsOpen(false);\n            });\n\n            const handleFocus = () => {\n                if (value.toString().length >= threshold) {\n                    setIsOpen(true);\n                }\n            };\n\n            const handleItemClick = (e: SuggestionItemType) => {\n                setInnerValue(e.label);\n\n                if (onSuggestionSelect) {\n                    onSuggestionSelect(e);\n                }\n\n                setIsOpen(false);\n            };\n\n            const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n                const currentValue = e.target.value;\n\n                setInnerValue(currentValue);\n\n                if (onChange) {\n                    onChange(e);\n                }\n\n                if (currentValue.toString().length >= threshold) {\n                    setIsOpen(true);\n                } else {\n                    setIsOpen(false);\n                }\n            };\n\n            const defaultFilterCallback = ({ label }: { label: string }) => {\n                return label.toLowerCase().includes(value.toString().toLowerCase());\n            };\n\n            const finalResults = suggestions?.filter(filter || defaultFilterCallback) || [];\n\n            const { onKeyDown } = useKeyNavigation({\n                isOpen,\n                setIsOpen,\n                focused,\n                dispatchFocused,\n                finalResults,\n                handleItemClick,\n            });\n\n            useDidMountEffect(() => {\n                dispatchFocused({ type: 'reset' });\n            }, [value]);\n\n            return (\n                <Root view={view} size={size} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n                    <StyledPopover\n                        opened={isOpen}\n                        offset={[0, 0]}\n                        placement={getPlacements('bottom')}\n                        isFocusTrapped={false}\n                        usePortal={Boolean(portal)}\n                        frame={portal}\n                        target={\n                            <StyledTextField\n                                value={value}\n                                onChange={handleChange}\n                                onSearch={focused === null ? onSearch : undefined}\n                                ref={ref}\n                                size={size}\n                                view={view}\n                                labelPlacement={labelPlacement}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                                label={label}\n                                contentLeft={contentLeft}\n                                contentRight={contentRight}\n                                textBefore={textBefore}\n                                textAfter={textAfter}\n                                onFocus={handleFocus}\n                                onKeyDown={onKeyDown}\n                                role=\"combobox\"\n                                aria-autocomplete=\"list\"\n                                aria-controls={listId}\n                                aria-expanded={isOpen}\n                                aria-activedescendant={`${listId}/${focused}`}\n                                aria-describedby={helperTextId}\n                                {...rest}\n                            />\n                        }\n                        preventOverflow={false}\n                        ref={targetRef}\n                        listWidth={listWidth}\n                    >\n                        {(renderList && renderList(finalResults)) ||\n                            (Boolean(finalResults.length) && (\n                                <Root\n                                    view={view}\n                                    size={size}\n                                    labelPlacement={labelPlacement}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                >\n                                    <Ul\n                                        id={listId}\n                                        role=\"listbox\"\n                                        aria-label={label}\n                                        onScroll={onScroll}\n                                        listMaxHeight={listMaxHeight}\n                                    >\n                                        {finalResults.map((suggestion, index) => (\n                                            <SuggestionItem\n                                                key={index}\n                                                item={suggestion}\n                                                onClick={handleItemClick}\n                                                id={`${listId}/${index}`}\n                                                focused={focused === index}\n                                            />\n                                        ))}\n\n                                        {renderListEnd && (\n                                            <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>\n                                        )}\n                                    </Ul>\n                                </Root>\n                            ))}\n                    </StyledPopover>\n\n                    {/* TODO: Дублируем хелпер для корректного позиционирования списка подсказок */}\n                    {leftHelper && (\n                        <LeftHelper id={helperTextId} disabled={disabled} readOnly={readOnly}>\n                            {leftHelper}\n                        </LeftHelper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const autocompleteConfig = {\n    name: 'Autocomplete',\n    tag: 'div',\n    layout: autocompleteRoot,\n    base,\n    defaults: {\n        view: 'default',\n        size: 'l',\n        labelPlacement: 'outer',\n    },\n    variations: {\n        view: {\n            css: '',\n        },\n    },\n};\n"],"names":["autocompleteRoot","Root","forwardRef","_ref","ref","outerValue","value","onChange","suggestions","view","size","labelPlacement","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","listMaxHeight","listWidth","portal","filter","onSuggestionSelect","_ref$threshold","threshold","renderList","renderListEnd","onSearch","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","focusedReducer","_useReducer2","_slicedToArray","focused","dispatchFocused","_useState","useState","_useState2","innerValue","setInnerValue","_useState3","_useState4","isOpen","setIsOpen","listId","safeUseId","helperTextId","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","_ref2","toLowerCase","includes","finalResults","_useKeyNavigation","useKeyNavigation","onKeyDown","useDidMountEffect","type","React","createElement","StyledPopover","opened","offset","placement","getPlacements","isFocusTrapped","usePortal","Boolean","frame","StyledTextField","_extends","undefined","onFocus","role","concat","preventOverflow","Ul","id","map","suggestion","index","SuggestionItem","key","item","onClick","InfiniteLoaderWrapper","LeftHelper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}
+{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { useDidMountEffect, useOutsideClick } from '../../hooks';\nimport { RootProps } from '../../engines';\nimport { getPlacements } from '../../utils';\n\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField } from './ui';\nimport { StyledPopover, Ul, LeftHelper, base, InfiniteLoaderWrapper } from './Autocomplete.styles';\nimport type { AutocompleteProps, SuggestionItemType } from './Autocomplete.types';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n/**\n * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.\n */\nexport const autocompleteRoot = (Root: RootProps<HTMLInputElement, AutocompleteProps>) =>\n    forwardRef<HTMLInputElement, AutocompleteProps>(\n        (\n            {\n                value: outerValue,\n                onChange,\n                suggestions,\n                view,\n                size,\n                labelPlacement,\n                disabled,\n                readOnly,\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                onScroll,\n                listMaxHeight,\n                listWidth,\n                portal,\n                filter,\n                onSuggestionSelect,\n                threshold = 2,\n                renderList,\n                renderListEnd,\n                onSearch,\n\n                hintText,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n            const [innerValue, setInnerValue] = useState<string | number>('');\n            const [isOpen, setIsOpen] = useState(false);\n\n            const listId = safeUseId();\n            const value = outerValue ?? innerValue;\n\n            const helperTextId = safeUseId();\n\n            const targetRef = useOutsideClick<HTMLDivElement>(() => {\n                setIsOpen(false);\n            });\n\n            const handleFocus = () => {\n                if (value.toString().length >= threshold) {\n                    setIsOpen(true);\n                }\n            };\n\n            const handleItemClick = (e: SuggestionItemType) => {\n                setInnerValue(e.label);\n\n                if (onSuggestionSelect) {\n                    onSuggestionSelect(e);\n                }\n\n                setIsOpen(false);\n            };\n\n            const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n                const currentValue = e.target.value;\n\n                setInnerValue(currentValue);\n\n                if (onChange) {\n                    onChange(e);\n                }\n\n                if (currentValue.toString().length >= threshold) {\n                    setIsOpen(true);\n                } else {\n                    setIsOpen(false);\n                }\n            };\n\n            const defaultFilterCallback = ({ label }: { label: string }) => {\n                return label.toLowerCase().includes(value.toString().toLowerCase());\n            };\n\n            const finalResults = suggestions?.filter(filter || defaultFilterCallback) || [];\n\n            const { onKeyDown } = useKeyNavigation({\n                isOpen,\n                setIsOpen,\n                focused,\n                dispatchFocused,\n                finalResults,\n                handleItemClick,\n            });\n\n            useDidMountEffect(() => {\n                dispatchFocused({ type: 'reset' });\n            }, [value]);\n\n            return (\n                <Root view={view} size={size} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n                    <StyledPopover\n                        opened={isOpen}\n                        offset={[0, 0]}\n                        placement={getPlacements('bottom')}\n                        isFocusTrapped={false}\n                        usePortal={Boolean(portal)}\n                        frame={portal}\n                        target={\n                            <StyledTextField\n                                value={value}\n                                onChange={handleChange}\n                                onSearch={focused === null ? onSearch : undefined}\n                                ref={ref}\n                                size={size}\n                                view={view}\n                                labelPlacement={labelPlacement}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                                label={label}\n                                contentLeft={contentLeft}\n                                contentRight={contentRight}\n                                textBefore={textBefore}\n                                textAfter={textAfter}\n                                onFocus={handleFocus}\n                                onKeyDown={onKeyDown}\n                                role=\"combobox\"\n                                aria-autocomplete=\"list\"\n                                aria-controls={listId}\n                                aria-expanded={isOpen}\n                                aria-activedescendant={`${listId}/${focused}`}\n                                aria-describedby={helperTextId}\n                                hintText={String(hintText || '')}\n                                {...rest}\n                            />\n                        }\n                        preventOverflow={false}\n                        ref={targetRef}\n                        listWidth={listWidth}\n                    >\n                        {(renderList && renderList(finalResults)) ||\n                            (Boolean(finalResults.length) && (\n                                <Root\n                                    view={view}\n                                    size={size}\n                                    labelPlacement={labelPlacement}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                >\n                                    <Ul\n                                        id={listId}\n                                        role=\"listbox\"\n                                        aria-label={label}\n                                        onScroll={onScroll}\n                                        listMaxHeight={listMaxHeight}\n                                    >\n                                        {finalResults.map((suggestion, index) => (\n                                            <SuggestionItem\n                                                key={index}\n                                                item={suggestion}\n                                                onClick={handleItemClick}\n                                                id={`${listId}/${index}`}\n                                                focused={focused === index}\n                                            />\n                                        ))}\n\n                                        {renderListEnd && (\n                                            <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>\n                                        )}\n                                    </Ul>\n                                </Root>\n                            ))}\n                    </StyledPopover>\n\n                    {/* TODO: Дублируем хелпер для корректного позиционирования списка подсказок */}\n                    {leftHelper && (\n                        <LeftHelper id={helperTextId} disabled={disabled} readOnly={readOnly}>\n                            {leftHelper}\n                        </LeftHelper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const autocompleteConfig = {\n    name: 'Autocomplete',\n    tag: 'div',\n    layout: autocompleteRoot,\n    base,\n    defaults: {\n        view: 'default',\n        size: 'l',\n        labelPlacement: 'outer',\n    },\n    variations: {\n        view: {\n            css: '',\n        },\n    },\n};\n"],"names":["autocompleteRoot","Root","forwardRef","_ref","ref","outerValue","value","onChange","suggestions","view","size","labelPlacement","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","listMaxHeight","listWidth","portal","filter","onSuggestionSelect","_ref$threshold","threshold","renderList","renderListEnd","onSearch","hintText","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","focusedReducer","_useReducer2","_slicedToArray","focused","dispatchFocused","_useState","useState","_useState2","innerValue","setInnerValue","_useState3","_useState4","isOpen","setIsOpen","listId","safeUseId","helperTextId","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","_ref2","toLowerCase","includes","finalResults","_useKeyNavigation","useKeyNavigation","onKeyDown","useDidMountEffect","type","React","createElement","StyledPopover","opened","offset","placement","getPlacements","isFocusTrapped","usePortal","Boolean","frame","StyledTextField","_extends","undefined","onFocus","role","concat","String","preventOverflow","Ul","id","map","suggestion","index","SuggestionItem","key","item","onClick","InfiniteLoaderWrapper","LeftHelper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}

package/es/components/Breadcrumbs/Breadcrumbs.css

@@ -8,9 +8,9 @@
 
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 
-.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e{opacity:var(--shehk3i-0);cursor:var(--shehk3i-1);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);position:relative;}.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e.Breadcrumbs_styles_1cfkltf_focusVisible__a158159e:focus::before,.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
-.Breadcrumbs_styles_1cfkltf_bkgt5xr__a158159e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
-.Breadcrumbs_styles_1cfkltf_sajtslk__a158159e{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}
+.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789{opacity:var(--shehk3i-0);cursor:var(--shehk3i-1);color:var(--shehk3i-2);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);position:relative;}.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789.Breadcrumbs_styles_19b6ey4_focusVisible__c0ed7789:focus::before,.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
+.Breadcrumbs_styles_19b6ey4_bkgt5xr__c0ed7789{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
+.Breadcrumbs_styles_19b6ey4_sajtslk__c0ed7789{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
 
 
 .BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8{cursor:pointer;position:relative;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8.BreadcrumbShorter_styles_czqxks_focusVisible__c6484ba8:focus::before,.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}

package/es/components/Breadcrumbs/Breadcrumbs.styles.js

@@ -1,4 +1,4 @@
-import './Breadcrumbs.styles_1cfkltf.css';
+import './Breadcrumbs.styles_19b6ey4.css';
 import { styled } from '@linaria/react';
 import { linkConfig } from '../Link/Link.js';
 import '@linaria/core';
@@ -24,20 +24,27 @@ var _exp3 = function _exp3() {
     return isHref ? 'pointer' : 'auto';
   };
 };
+var _exp4 = function _exp4() {
+  return function (_ref3) {
+    var isHref = _ref3.isHref;
+    return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
+  };
+};
 var StyledLink = /*#__PURE__*/styled(_exp())({
   name: "StyledLink",
   "class": "shehk3i",
   propsAsIs: true,
   vars: {
     "shehk3i-0": [/*#__PURE__*/_exp2()],
-    "shehk3i-1": [/*#__PURE__*/_exp3()]
+    "shehk3i-1": [/*#__PURE__*/_exp3()],
+    "shehk3i-2": [/*#__PURE__*/_exp4()]
   }
 });
 var base = "bkgt5xr";
-var _exp14 = function _exp14() {
+var _exp15 = function _exp15() {
   return IconDisclosureRight;
 };
-var Separator = /*#__PURE__*/styled(_exp14())({
+var Separator = /*#__PURE__*/styled(_exp15())({
   name: "Separator",
   "class": "sajtslk",
   propsAsIs: true

package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n    opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};\n    cursor: ${({ isHref }) => (isHref ? 'pointer' : 'auto')};\n\n    --plasma-link-disabled-opacity: var(${tokens.breadcrumbsOpacity});\n\n    ${addFocus({\n        outlineOffset: '0rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0rem',\n        outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n    })}\n`;\n\nexport const base = css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(${tokens.breadcrumbsGap});\n\n    color: var(${tokens.breadcrumbsColor});\n    font-family: var(${tokens.breadcrumbsFontFamily});\n    font-size: var(${tokens.breadcrumbsFontSize});\n    font-weight: var(${tokens.breadcrumbsFontWeight});\n    font-style: var(${tokens.breadcrumbsFontStyle});\n    letter-spacing: var(${tokens.breadcrumbsLetterSpacing});\n    line-height: var(${tokens.breadcrumbsLineHeight});\n`;\n\nexport const Separator = styled(IconDisclosureRight)`\n    color: var(${tokens.breadcrumbsColor});\n    opacity: var(${tokens.breadcrumbsOpacity});\n`;\n"],"names":["mergedLinkConfig","mergeConfig","linkConfig","Link","component","_exp","_exp2","_ref","isHref","concat","tokens","breadcrumbsOpacity","_exp3","_ref2","StyledLink","styled","name","class","propsAsIs","vars","base","_exp14","IconDisclosureRight","Separator"],"mappings":";;;;;;;;AAUA,IAAMA,gBAAgB,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAVvBA,SAUuBA,IAAAA,GAAA;AAAA,EAAA,OAERF,IAAI,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GAZnBA,SAYmBA,KAAAA,GAAA;AAAA,EAAA,OACtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAcA,MAAM,GAAG,CAAC,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,kBAAmB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAb/DA,SAa+DA,KAAAA,GAAA;AAAA,EAAA,OACnE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGL,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAcA,MAAM,GAAG,SAAS,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAFpD,IAAMM,UAAU,gBAAGC,MAAM,CAAAV,IAAA,EAAA,CAAA,CAAA;AAAAW,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACjBb,KAAkE,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACnEM,KAA6C,EAAA,CAAA;AAAA,GAAA;AAAA,CAU1D,EAAA;AAEM,IAAMQ,IAAI,GAahB,UAAA;AAAC,IAAAC,MAAA,GAvCgBA,SAuChBA,MAAAA,GAAA;AAAA,EAAA,OAE8BC,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA5C,IAAMC,SAAS,gBAAGR,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;"}
+{"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n    opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};\n    cursor: ${({ isHref }) => (isHref ? 'pointer' : 'auto')};\n    color: ${({ isHref }) => (isHref ? `var(${tokens.breadcrumbsColor})` : `var(${tokens.breadcrumbsColorText})`)};\n\n    --plasma-link-disabled-opacity: var(${tokens.breadcrumbsOpacity});\n\n    ${addFocus({\n        outlineOffset: '0rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0rem',\n        outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n    })}\n`;\n\nexport const base = css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(${tokens.breadcrumbsGap});\n\n    color: var(${tokens.breadcrumbsColor});\n    font-family: var(${tokens.breadcrumbsFontFamily});\n    font-size: var(${tokens.breadcrumbsFontSize});\n    font-weight: var(${tokens.breadcrumbsFontWeight});\n    font-style: var(${tokens.breadcrumbsFontStyle});\n    letter-spacing: var(${tokens.breadcrumbsLetterSpacing});\n    line-height: var(${tokens.breadcrumbsLineHeight});\n`;\n\nexport const Separator = styled(IconDisclosureRight)`\n    color: var(${tokens.breadcrumbsColorSeparator});\n    opacity: var(${tokens.breadcrumbsOpacity});\n`;\n"],"names":["mergedLinkConfig","mergeConfig","linkConfig","Link","component","_exp","_exp2","_ref","isHref","concat","tokens","breadcrumbsOpacity","_exp3","_ref2","_exp4","_ref3","breadcrumbsColor","breadcrumbsColorText","StyledLink","styled","name","class","propsAsIs","vars","base","_exp15","IconDisclosureRight","Separator"],"mappings":";;;;;;;;AAUA,IAAMA,gBAAgB,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAVvBA,SAUuBA,IAAAA,GAAA;AAAA,EAAA,OAERF,IAAI,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GAZnBA,SAYmBA,KAAAA,GAAA;AAAA,EAAA,OACtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAcA,MAAM,GAAG,CAAC,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,kBAAmB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAb/DA,SAa+DA,KAAAA,GAAA;AAAA,EAAA,OACnE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGL,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAcA,MAAM,GAAG,SAAS,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAM,KAAA,GAdzCA,SAcyCA,KAAAA,GAAA;AAAA,EAAA,OAC9C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGP,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAcA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACM,gBAAiB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAP,MAAA,CAAYC,MAAM,CAACO,oBAAqB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH1G,IAAMC,UAAU,gBAAGC,MAAM,CAAAd,IAAA,EAAA,CAAA,CAAA;AAAAe,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACjBjB,KAAkE,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACnEM,KAA6C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAC9CE,KAAoG,EAAA,CAAA;AAAA,GAAA;AAAA,CAUhH,EAAA;AAEM,IAAMU,IAAI,GAahB,UAAA;AAAC,IAAAC,MAAA,GAxCgBA,SAwChBA,MAAAA,GAAA;AAAA,EAAA,OAE8BC,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA5C,IAAMC,SAAS,gBAAGR,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;"}

package/es/components/Breadcrumbs/{Breadcrumbs.styles_1cfkltf.css → Breadcrumbs.styles_19b6ey4.css}

@@ -1,3 +1,3 @@
-.shehk3i{opacity:var(--shehk3i-0);cursor:var(--shehk3i-1);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);position:relative;}.shehk3i::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.shehk3i.focus-visible:focus::before,.shehk3i[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
+.shehk3i{opacity:var(--shehk3i-0);cursor:var(--shehk3i-1);color:var(--shehk3i-2);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);position:relative;}.shehk3i::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.shehk3i.focus-visible:focus::before,.shehk3i[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
 .bkgt5xr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
-.sajtslk{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}
+.sajtslk{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}

package/es/components/Breadcrumbs/Breadcrumbs.tokens.js

@@ -5,6 +5,8 @@ var tokens = {
   breadcrumbsGap: '--plasma-breadcrumbs-gap',
   breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',
   breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',
+  breadcrumbsColorSeparator: '--plasma-breadcrumbs-color-separator',
+  breadcrumbsColorText: '--plasma-breadcrumbs-color-text',
   breadcrumbsColor: '--plasma-breadcrumbs-color',
   breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',
   breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',

package/es/components/Breadcrumbs/Breadcrumbs.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.tokens.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tokens.ts"],"sourcesContent":["export const classes = {\n    breadcrumbsRoot: 'breadcrumbs-root',\n};\n\nexport const tokens = {\n    breadcrumbsGap: '--plasma-breadcrumbs-gap',\n    breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',\n    breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',\n\n    breadcrumbsColor: '--plasma-breadcrumbs-color',\n    breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',\n    breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',\n    breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',\n    breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',\n    breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',\n    breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height',\n};\n"],"names":["classes","breadcrumbsRoot","tokens","breadcrumbsGap","breadcrumbsOpacity","breadcrumbsFocusOutlineColor","breadcrumbsColor","breadcrumbsFontFamily","breadcrumbsFontSize","breadcrumbsFontStyle","breadcrumbsFontWeight","breadcrumbsLetterSpacing","breadcrumbsLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,eAAe,EAAE,kBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,0BAA0B;AAC1CC,EAAAA,kBAAkB,EAAE,8BAA8B;AAClDC,EAAAA,4BAA4B,EAAE,0CAA0C;AAExEC,EAAAA,gBAAgB,EAAE,4BAA4B;AAC9CC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,wBAAwB,EAAE,qCAAqC;AAC/DC,EAAAA,qBAAqB,EAAE,kCAAA;AAC3B;;;;"}
+{"version":3,"file":"Breadcrumbs.tokens.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tokens.ts"],"sourcesContent":["export const classes = {\n    breadcrumbsRoot: 'breadcrumbs-root',\n};\n\nexport const tokens = {\n    breadcrumbsGap: '--plasma-breadcrumbs-gap',\n    breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',\n    breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',\n    breadcrumbsColorSeparator: '--plasma-breadcrumbs-color-separator',\n    breadcrumbsColorText: '--plasma-breadcrumbs-color-text',\n\n    breadcrumbsColor: '--plasma-breadcrumbs-color',\n    breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',\n    breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',\n    breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',\n    breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',\n    breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',\n    breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height',\n};\n"],"names":["classes","breadcrumbsRoot","tokens","breadcrumbsGap","breadcrumbsOpacity","breadcrumbsFocusOutlineColor","breadcrumbsColorSeparator","breadcrumbsColorText","breadcrumbsColor","breadcrumbsFontFamily","breadcrumbsFontSize","breadcrumbsFontStyle","breadcrumbsFontWeight","breadcrumbsLetterSpacing","breadcrumbsLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,eAAe,EAAE,kBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,0BAA0B;AAC1CC,EAAAA,kBAAkB,EAAE,8BAA8B;AAClDC,EAAAA,4BAA4B,EAAE,0CAA0C;AACxEC,EAAAA,yBAAyB,EAAE,sCAAsC;AACjEC,EAAAA,oBAAoB,EAAE,iCAAiC;AAEvDC,EAAAA,gBAAgB,EAAE,4BAA4B;AAC9CC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,wBAAwB,EAAE,qCAAqC;AAC/DC,EAAAA,qBAAqB,EAAE,kCAAA;AAC3B;;;;"}

package/es/components/Breadcrumbs/utils/index.css

@@ -12,6 +12,6 @@
 
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 
-.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e{opacity:var(--shehk3i-0);cursor:var(--shehk3i-1);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);position:relative;}.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e.Breadcrumbs_styles_1cfkltf_focusVisible__a158159e:focus::before,.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
-.Breadcrumbs_styles_1cfkltf_bkgt5xr__a158159e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
-.Breadcrumbs_styles_1cfkltf_sajtslk__a158159e{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}
+.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789{opacity:var(--shehk3i-0);cursor:var(--shehk3i-1);color:var(--shehk3i-2);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);position:relative;}.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789.Breadcrumbs_styles_19b6ey4_focusVisible__c0ed7789:focus::before,.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
+.Breadcrumbs_styles_19b6ey4_bkgt5xr__c0ed7789{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
+.Breadcrumbs_styles_19b6ey4_sajtslk__c0ed7789{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}