@salutejs/plasma-new-hope 0.320.1-canary.1912.14467531905.0 → 0.320.1-canary.1913.14480249004.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Autocomplete/Autocomplete.css +3 -2
- package/cjs/components/Autocomplete/Autocomplete.js +7 -1
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.styles.js +7 -1
- package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/cjs/components/Autocomplete/{Autocomplete.styles_3utepb.css → Autocomplete.styles_1luhe6h.css} +1 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +5 -4
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +7 -2
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +7 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/{Combobox.styles_1wjf3wt.css → Combobox.styles_1ckzrys.css} +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +5 -4
- package/cjs/components/Pagination/Pagination.css +4 -3
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -3
- package/cjs/components/Select/Select.css +4 -3
- package/cjs/components/Select/ui/Target/Target.css +4 -3
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +4 -3
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +6 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +7 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/{es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1a1zt2a.css → cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1i2t1rz.css} +1 -0
- package/cjs/components/Table/Table.css +4 -3
- package/cjs/components/Table/ui/Cell/Cell.css +4 -3
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +4 -3
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +4 -3
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +4 -3
- package/cjs/index.css +12 -9
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +7 -1
- package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +19 -6
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +7 -2
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +23 -10
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +6 -1
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +20 -7
- package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
- package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.outline.config.js +13 -12
- package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
- package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.outline.config.js +13 -12
- package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +1 -1
- package/emotion/es/components/Autocomplete/Autocomplete.js +8 -2
- package/emotion/es/components/Autocomplete/Autocomplete.styles.js +18 -5
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +8 -3
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +22 -9
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -2
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +19 -6
- package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
- package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.outline.config.js +13 -12
- package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
- package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.outline.config.js +13 -12
- package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +1 -1
- package/es/components/Autocomplete/Autocomplete.css +3 -2
- package/es/components/Autocomplete/Autocomplete.js +8 -2
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.styles.js +7 -2
- package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/es/components/Autocomplete/{Autocomplete.styles_3utepb.css → Autocomplete.styles_1luhe6h.css} +1 -0
- package/es/components/Combobox/ComboboxNew/Combobox.css +5 -4
- package/es/components/Combobox/ComboboxNew/Combobox.js +8 -3
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +7 -2
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/{Combobox.styles_1wjf3wt.css → Combobox.styles_1ckzrys.css} +1 -0
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +5 -4
- package/es/components/Pagination/Pagination.css +4 -3
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -3
- package/es/components/Select/Select.css +4 -3
- package/es/components/Select/ui/Target/Target.css +4 -3
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +4 -3
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +7 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/{cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1a1zt2a.css → es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1i2t1rz.css} +1 -0
- package/es/components/Table/Table.css +4 -3
- package/es/components/Table/ui/Cell/Cell.css +4 -3
- package/es/components/Table/ui/EditableCell/EditableCell.css +4 -3
- package/es/components/Table/ui/HeadCell/HeadCell.css +4 -3
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +4 -3
- package/es/index.css +12 -9
- package/package.json +3 -3
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +7 -1
- package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +5 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +7 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +5 -2
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +6 -1
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +5 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +2 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.outline.config.js +2 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +2 -1
- package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.outline.config.js +2 -1
- package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +1 -1
- package/styled-components/es/components/Autocomplete/Autocomplete.js +8 -2
- package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +4 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +8 -3
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +4 -1
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -2
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +4 -1
- package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.outline.config.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +2 -1
- package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.outline.config.js +2 -1
- package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +1 -1
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.styles.d.ts +1 -0
- package/types/components/Autocomplete/Autocomplete.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +1 -0
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
package/es/index.css
CHANGED
@@ -606,11 +606,12 @@
|
|
606
606
|
|
607
607
|
.Target_styles_5dghru_s1wiuml6__ed6b6c68{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-clear-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield-placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-combobox-new-textfield-placeholder-color-focus);--plasma-textfield__clear-placeholder-color:var(--plasma-combobox-new-textfield-clear-placeholder-color);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-combobox-new-textfield-clear-placeholder-color-focus);--plasma-textfield__optional-color:var(--plasma-combobox-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-combobox-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-combobox-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-combobox-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-combobox-new-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-combobox-new-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-combobox-new-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-combobox-new-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-combobox-new-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-combobox-new-textfield-content-right-slot-color-active);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield-label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield-label-offset);--plasma-textfield__clear-label-offset:var(--plasma-combobox-new-textfield-clear-label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-combobox-new-textfield-title-caption-color);--plasma-textfield__title-caption-color-readonly:var(--plasma-combobox-new-textfield-title-caption-color-readonly);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-combobox-new-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-combobox-new-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-combobox-new-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-combobox-new-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-combobox-new-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-combobox-new-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-combobox-new-textfield-title-caption-line-height);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield-left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield-left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-combobox-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-combobox-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-combobox-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-combobox-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-combobox-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-combobox-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-combobox-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-combobox-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-combobox-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-combobox-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-combobox-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-combobox-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-combobox-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-combobox-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-combobox-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-combobox-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-combobox-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-combobox-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-combobox-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-combobox-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-combobox-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-combobox-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-combobox-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-combobox-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-combobox-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-combobox-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-combobox-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-combobox-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-combobox-new-textfield-chip-scale-hover);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-combobox-new-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-combobox-new-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-combobox-new-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-readonly);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__indicator-color:var(--plasma-combobox-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-combobox-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-combobox-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-combobox-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-combobox-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-combobox-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-combobox-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-box-shadow:var(--plasma-select-textfield-box-shadow);}
|
608
608
|
|
609
|
-
.
|
610
|
-
.
|
611
|
-
.
|
609
|
+
.Combobox_styles_1ckzrys_uxiiees__61126b68{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);max-height:var(--uxiiees-1);overflow-y:var(--uxiiees-2);border:var(--plasma-select-dropdown-border-width) solid var(--plasma-select-dropdown-border-color);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}.Combobox_styles_1ckzrys_uxiiees__61126b68 .Combobox_styles_1ckzrys_comboboxEmptyStateWrapper__61126b68{box-shadow:none;}
|
610
|
+
.Combobox_styles_1ckzrys_i1veo3wn__61126b68{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1veo3wn-0);}.Combobox_styles_1ckzrys_i1veo3wn__61126b68 .Combobox_styles_1ckzrys_arrowInverse__61126b68{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_1ckzrys_i1veo3wn__61126b68:hover,.Combobox_styles_1ckzrys_i1veo3wn__61126b68:active{color:var(--i1veo3wn-1);}
|
611
|
+
.Combobox_styles_1ckzrys_s1hxiinv__61126b68{width:var(--s1hxiinv-0);height:var(--s1hxiinv-0);}
|
612
612
|
|
613
|
-
.
|
613
|
+
.Combobox_styles_1ckzrys_s11cn92k__61126b68{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
|
614
|
+
.Combobox_styles_1ckzrys_spp7ogj__61126b68{margin:0;padding:0;}
|
614
615
|
|
615
616
|
.SelectNative_styles_18yw2bf_st8j5fy__14a96fe5{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
616
617
|
|
@@ -655,9 +656,10 @@
|
|
655
656
|
.Button_styles_lsgupt_ba2820e__09262837{display:inline;}.Button_styles_lsgupt_ba2820e__09262837 .Button_styles_lsgupt_selectWithoutBoxShadow__09262837::before{box-shadow:none !important;}.Button_styles_lsgupt_ba2820e__09262837 .Button_styles_lsgupt_arrowInverse__09262837{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
|
656
657
|
.Button_styles_lsgupt_lpf11kx__09262837{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
657
658
|
|
658
|
-
.Textfield_styles_1a1zt2a_s1yhwv5r__a759f3c2{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_1a1zt2a_s1yhwv5r__a759f3c2 div.Textfield_styles_1a1zt2a_inputWrapper__a759f3c2:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_1a1zt2a_s1yhwv5r__a759f3c2.Textfield_styles_1a1zt2a_readonly__a759f3c2{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
|
659
|
-
.
|
660
|
-
.
|
659
|
+
.Textfield_styles_1i2t1rz_s1yhwv5r__22fdf4fc{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_1i2t1rz_s1yhwv5r__22fdf4fc div.Textfield_styles_1i2t1rz_inputWrapper__22fdf4fc:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_1i2t1rz_s1yhwv5r__22fdf4fc.Textfield_styles_1i2t1rz_readonly__22fdf4fc{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
|
660
|
+
.Textfield_styles_1i2t1rz_i7x5udn__22fdf4fc{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.Textfield_styles_1i2t1rz_i7x5udn__22fdf4fc .Textfield_styles_1i2t1rz_arrowInverse__22fdf4fc{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1i2t1rz_i7x5udn__22fdf4fc:hover,.Textfield_styles_1i2t1rz_i7x5udn__22fdf4fc:active{color:var(--i7x5udn-1);}
|
661
|
+
.Textfield_styles_1i2t1rz_s2oocb4__22fdf4fc{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
|
662
|
+
.Textfield_styles_1i2t1rz_s1kxyc50__22fdf4fc{margin:0;padding:0;}
|
661
663
|
|
662
664
|
.Select_styles_1eh1n9n_upxbau6__f83058bd{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);border-radius:var(--plasma-select-border-radius);width:var(--upxbau6-0);max-height:var(--upxbau6-1);overflow-y:var(--upxbau6-2);margin:var(--upxbau6-3);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem)) 0;}
|
663
665
|
|
@@ -795,8 +797,9 @@
|
|
795
797
|
.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d{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:0;box-sizing:content-box;padding:var(--plasma-autocomplete-item-padding);font-family:var(--plasma-autocomplete-item-font-family);font-size:var(--plasma-autocomplete-item-font-size);font-style:var(--plasma-autocomplete-item-font-style);font-weight:var(--plasma-autocomplete-item-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);line-height:var(--plasma-autocomplete-item-font-line-height);background:var(--plasma-autocomplete-item-background);color:var(--plasma-autocomplete-item-color);border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:hover{cursor:pointer;background:var(--plasma-autocomplete-item-background-hover);}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:focus{outline:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d.SuggestionItem_styles_lpdinw_suggestionItemIsFocused__5ad0f45d:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-autocomplete-focus-color);}
|
796
798
|
|
797
799
|
|
798
|
-
.
|
799
|
-
.
|
800
|
+
.Autocomplete_styles_1luhe6h_u1ih3p9n__424e6ab8{box-sizing:border-box;background:var(--plasma-autocomplete-background);box-shadow:var(--plasma-autocomplete-box-shadow);border-radius:var(--plasma-autocomplete-border-radius);height:auto;max-height:var(--u1ih3p9n-0);overflow:auto;border:var(--plasma-select-dropdown-border-width) solid var(--plasma-select-dropdown-border-color);margin:var(--plasma-autocomplete-margin) 0 0 0;padding:var(--plasma-autocomplete-padding);}
|
801
|
+
.Autocomplete_styles_1luhe6h_i610ple__424e6ab8{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:content-box;min-height:var(--plasma-autocomplete-textfield-height);}
|
802
|
+
.Autocomplete_styles_1luhe6h_s1nz87td__424e6ab8{margin:0;padding:0;}
|
800
803
|
|
801
804
|
.EmptyState_styles_s585zf_bpbib9h__64fd19b0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--surface-solid-card);box-shadow:0 4px 14px -4px rgba(8,8,8,0.08),0 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-emptystate-border-radius);padding:var(--plasma-emptystate-padding);text-align:center;}
|
802
805
|
.EmptyState_styles_s585zf_s1g2xar0__64fd19b0{--plasma-button-color:var(--text-primary);--plasma-button-color-active:var(--text-primary-active);--plasma-button-color-hover:var(--text-primary-hover);--plasma-button-background-color:none;--plasma-button-padding:0;--plasma-button-height:var(--plasma-emptystate-button-height);--plasma-button-radius:0;--plasma-button-font-family:var(--plasma-emptystate-font-family);--plasma-button-font-size:var(--plasma-emptystate-font-size);--plasma-button-font-style:var(--plasma-emptystate-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-emptystate-font-letter-spacing);--plasma-button-line-height:var(--plasma-emptystate-font-line-height);margin:var(--plasma-emptystate-button-margin);}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.320.1-canary.
|
3
|
+
"version": "0.320.1-canary.1913.14480249004.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -81,7 +81,7 @@
|
|
81
81
|
"@rollup/plugin-commonjs": "^25.0.4",
|
82
82
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
83
83
|
"@salutejs/plasma-sb-utils": "0.195.0",
|
84
|
-
"@salutejs/plasma-themes": "0.31.1-canary.
|
84
|
+
"@salutejs/plasma-themes": "0.31.1-canary.1913.14480249004.0",
|
85
85
|
"@storybook/addon-docs": "8.6.12",
|
86
86
|
"@storybook/addon-essentials": "8.6.12",
|
87
87
|
"@storybook/manager-api": "8.6.12",
|
@@ -136,5 +136,5 @@
|
|
136
136
|
"sideEffects": [
|
137
137
|
"*.css"
|
138
138
|
],
|
139
|
-
"gitHead": "
|
139
|
+
"gitHead": "46b1053b333581ee6e46eceba7a81e0c0e28c1ef"
|
140
140
|
}
|
@@ -34,6 +34,7 @@ var VIRTUAL_ITEM_AMOUNT_THRESHOLD = 10;
|
|
34
34
|
*/
|
35
35
|
var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root) {
|
36
36
|
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
37
|
+
var _StyledLeftHelper;
|
37
38
|
var outerValue = _ref.value,
|
38
39
|
defaultValue = _ref.defaultValue,
|
39
40
|
onChange = _ref.onChange,
|
@@ -118,6 +119,9 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
|
|
118
119
|
var label = _ref2.label;
|
119
120
|
return label.toLowerCase().includes(value.toString().toLowerCase());
|
120
121
|
};
|
122
|
+
var helperTextStopPropagation = function helperTextStopPropagation(event) {
|
123
|
+
event.stopPropagation();
|
124
|
+
};
|
121
125
|
var finalResults = (suggestions === null || suggestions === void 0 ? void 0 : suggestions.filter(filter || defaultFilterCallback)) || [];
|
122
126
|
virtual = virtual && finalResults.length > VIRTUAL_ITEM_AMOUNT_THRESHOLD;
|
123
127
|
var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
|
@@ -179,7 +183,9 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
|
|
179
183
|
hintText: String(hintText || ''),
|
180
184
|
labelPlacement: labelPlacement,
|
181
185
|
keepPlaceholder: keepPlaceholder,
|
182
|
-
leftHelper: leftHelper
|
186
|
+
leftHelper: leftHelper && (_StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/_react["default"].createElement(_Autocomplete.StyledLeftHelper, {
|
187
|
+
onClick: helperTextStopPropagation
|
188
|
+
}, leftHelper)))
|
183
189
|
}, rest));
|
184
190
|
}
|
185
191
|
}, renderList && renderList(finalResults) || Boolean(finalResults.length) && /*#__PURE__*/_react["default"].createElement(Root, {
|
@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.base = exports.Ul = exports.InfiniteLoaderWrapper = void 0;
|
7
|
+
exports.base = exports.Ul = exports.StyledLeftHelper = exports.InfiniteLoaderWrapper = void 0;
|
8
8
|
var _styledComponents = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("styled-components"));
|
9
9
|
var _Autocomplete = /*#__PURE__*/require("./Autocomplete.tokens");
|
10
10
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
@@ -19,4 +19,7 @@ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
|
19
19
|
}, _Autocomplete.tokens.dropdownBorderWidth, _Autocomplete.tokens.dropdownBorderColor, _Autocomplete.tokens.margin, _Autocomplete.tokens.padding);
|
20
20
|
var InfiniteLoaderWrapper = exports.InfiniteLoaderWrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
|
21
21
|
componentId: "plasma-new-hope__sc-ff6pwi-1"
|
22
|
-
})(["display:flex;align-items:center;justify-content:center;box-sizing:content-box;min-height:var(", ");"], _Autocomplete.tokens.textFieldHeight);
|
22
|
+
})(["display:flex;align-items:center;justify-content:center;box-sizing:content-box;min-height:var(", ");"], _Autocomplete.tokens.textFieldHeight);
|
23
|
+
var StyledLeftHelper = exports.StyledLeftHelper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
24
|
+
componentId: "plasma-new-hope__sc-ff6pwi-2"
|
25
|
+
})(["margin:0;padding:0;"]);
|
@@ -44,7 +44,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
|
|
44
44
|
|
45
45
|
var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
46
46
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
47
|
-
var _valueToItemMap$get, _valueToItemMap$get2, _getItemByFocused;
|
47
|
+
var _valueToItemMap$get, _valueToItemMap$get2, _getItemByFocused, _StyledLeftHelper;
|
48
48
|
var name = props.name,
|
49
49
|
multiple = props.multiple,
|
50
50
|
outerValue = props.value,
|
@@ -390,6 +390,9 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
390
390
|
handleCheckboxChange(item);
|
391
391
|
}
|
392
392
|
};
|
393
|
+
var helperTextStopPropagation = function helperTextStopPropagation(event) {
|
394
|
+
event.stopPropagation();
|
395
|
+
};
|
393
396
|
var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
|
394
397
|
focusedPath: focusedPath,
|
395
398
|
dispatchFocusedPath: dispatchFocusedPath,
|
@@ -506,7 +509,9 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
506
509
|
textBefore: textBefore,
|
507
510
|
textAfter: textAfter,
|
508
511
|
onKeyDown: onKeyDown,
|
509
|
-
leftHelper: helperText,
|
512
|
+
leftHelper: helperText && (_StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/_react["default"].createElement(_Combobox2.StyledLeftHelper, {
|
513
|
+
onClick: helperTextStopPropagation
|
514
|
+
}, helperText))),
|
510
515
|
role: "combobox",
|
511
516
|
"aria-autocomplete": "list",
|
512
517
|
"aria-controls": "".concat(treeId, "_tree_level_1"),
|
@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.sizeMap = exports.base = exports.Ul = exports.StyledEmptyState = exports.StyledArrow = exports.IconArrowWrapper = void 0;
|
7
|
+
exports.sizeMap = exports.base = exports.Ul = exports.StyledLeftHelper = exports.StyledEmptyState = exports.StyledArrow = exports.IconArrowWrapper = void 0;
|
8
8
|
var _styledComponents = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("styled-components"));
|
9
9
|
var _EmptyState = /*#__PURE__*/require("../../EmptyState");
|
10
10
|
var _Icon = /*#__PURE__*/require("../../_Icon");
|
@@ -60,4 +60,7 @@ var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["defa
|
|
60
60
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
|
61
61
|
var StyledEmptyState = exports.StyledEmptyState = /*#__PURE__*/(0, _styledComponents["default"])(EmptyState).withConfig({
|
62
62
|
componentId: "plasma-new-hope__sc-2kddkg-3"
|
63
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _EmptyState.emptyStateTokens.borderRadius, _Combobox.tokens.textFieldBorderRadius, _EmptyState.emptyStateTokens.padding, _Combobox.tokens.emptyStatePadding, _EmptyState.emptyStateTokens.fontFamily, _Combobox.tokens.textFieldFontFamily, _EmptyState.emptyStateTokens.fontSize, _Combobox.tokens.textFieldFontSize, _EmptyState.emptyStateTokens.fontStyle, _Combobox.tokens.textFieldFontStyle, _EmptyState.emptyStateTokens.fontWeight, _Combobox.tokens.textFieldFontWeight, _EmptyState.emptyStateTokens.fontLetterSpacing, _Combobox.tokens.textFieldLetterSpacing, _EmptyState.emptyStateTokens.fontLineHeight, _Combobox.tokens.textFieldLineHeight);
|
63
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _EmptyState.emptyStateTokens.borderRadius, _Combobox.tokens.textFieldBorderRadius, _EmptyState.emptyStateTokens.padding, _Combobox.tokens.emptyStatePadding, _EmptyState.emptyStateTokens.fontFamily, _Combobox.tokens.textFieldFontFamily, _EmptyState.emptyStateTokens.fontSize, _Combobox.tokens.textFieldFontSize, _EmptyState.emptyStateTokens.fontStyle, _Combobox.tokens.textFieldFontStyle, _EmptyState.emptyStateTokens.fontWeight, _Combobox.tokens.textFieldFontWeight, _EmptyState.emptyStateTokens.fontLetterSpacing, _Combobox.tokens.textFieldLetterSpacing, _EmptyState.emptyStateTokens.fontLineHeight, _Combobox.tokens.textFieldLineHeight);
|
64
|
+
var StyledLeftHelper = exports.StyledLeftHelper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
65
|
+
componentId: "plasma-new-hope__sc-2kddkg-4"
|
66
|
+
})(["margin:0;padding:0;"]);
|
@@ -118,6 +118,9 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
|
|
118
118
|
onChange(newValues, item);
|
119
119
|
}
|
120
120
|
};
|
121
|
+
var helperTextStopPropagation = function helperTextStopPropagation(event) {
|
122
|
+
event.stopPropagation();
|
123
|
+
};
|
121
124
|
return /*#__PURE__*/_react["default"].createElement(_Textfield.StyledTextField, _extends({
|
122
125
|
ref: ref,
|
123
126
|
inputWrapperRef: inputWrapperRef,
|
@@ -141,7 +144,9 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
|
|
141
144
|
className: withArrowInverse
|
142
145
|
})),
|
143
146
|
onKeyDown: onKeyDown,
|
144
|
-
leftHelper: helperText,
|
147
|
+
leftHelper: helperText && /*#__PURE__*/_react["default"].createElement(_Textfield.StyledLeftHelper, {
|
148
|
+
onClick: helperTextStopPropagation
|
149
|
+
}, helperText),
|
145
150
|
role: "combobox",
|
146
151
|
"aria-autocomplete": "list",
|
147
152
|
"aria-controls": "".concat(treeId, "_tree_level_1"),
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.sizeMap = exports.StyledTextField = exports.StyledArrow = exports.IconArrowWrapper = void 0;
|
6
|
+
exports.sizeMap = exports.StyledTextField = exports.StyledLeftHelper = exports.StyledArrow = exports.IconArrowWrapper = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
|
8
8
|
var _engines = /*#__PURE__*/require("../../../../../../engines");
|
9
9
|
var _Icon = /*#__PURE__*/require("../../../../../_Icon");
|
@@ -57,4 +57,7 @@ var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["defa
|
|
57
57
|
var _ref9$size = _ref9.size,
|
58
58
|
size = _ref9$size === void 0 ? 'xs' : _ref9$size;
|
59
59
|
return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
|
60
|
-
});
|
60
|
+
});
|
61
|
+
var StyledLeftHelper = exports.StyledLeftHelper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
62
|
+
componentId: "plasma-new-hope__sc-1akl2tk-3"
|
63
|
+
})(["margin:0;padding:0;"]);
|
@@ -17,7 +17,8 @@ var config = exports.config = {
|
|
17
17
|
*/
|
18
18
|
size: {
|
19
19
|
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem 0;", ":1rem;", ":1.125rem;", ":0.125rem;", ":0.5rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
|
20
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
|
20
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
|
21
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.0625rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":0.125rem;", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
|
21
22
|
},
|
22
23
|
/**
|
23
24
|
* Вид контрола.
|
package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.outline.config.js
CHANGED
@@ -17,7 +17,8 @@ var config = exports.config = {
|
|
17
17
|
*/
|
18
18
|
size: {
|
19
19
|
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem 0;", ":1rem;", ":1.125rem;", ":0.0625rem;", ":0.5rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
|
20
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.0625rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
|
20
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.0625rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
|
21
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.0625rem;", ":0.625rem;", ":0.0625rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":0.125rem;", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
|
21
22
|
},
|
22
23
|
/**
|
23
24
|
* Вид контрола.
|
@@ -17,7 +17,8 @@ var config = exports.config = {
|
|
17
17
|
*/
|
18
18
|
size: {
|
19
19
|
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem 0;", ":1rem;", ":1.125rem;", ":0.125rem;", ":0.5rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
|
20
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
|
20
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
|
21
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.0625rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":0.125rem;", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
|
21
22
|
},
|
22
23
|
/**
|
23
24
|
* Вид контрола.
|
package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.outline.config.js
CHANGED
@@ -17,7 +17,8 @@ var config = exports.config = {
|
|
17
17
|
*/
|
18
18
|
size: {
|
19
19
|
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem 0;", ":1rem;", ":1.125rem;", ":0.0625rem;", ":0.5rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
|
20
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.0625rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
|
20
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.0625rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
|
21
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.0625rem;", ":0.625rem;", ":0.0625rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":0.125rem;", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
|
21
22
|
},
|
22
23
|
/**
|
23
24
|
* Вид контрола.
|
@@ -14,7 +14,7 @@ import { useDidMountEffect, useOutsideClick } from "../../hooks";
|
|
14
14
|
import { FloatingPopover } from "./FloatingPopover";
|
15
15
|
import { focusedReducer } from "./reducers/focusedReducer";
|
16
16
|
import { SuggestionItem, StyledTextField, VirtualList } from "./ui";
|
17
|
-
import { Ul, InfiniteLoaderWrapper, base } from "./Autocomplete.styles";
|
17
|
+
import { Ul, InfiniteLoaderWrapper, base, StyledLeftHelper } from "./Autocomplete.styles";
|
18
18
|
import { useKeyNavigation } from "./hooks/useKeyboardNavigation";
|
19
19
|
|
20
20
|
// Пороговое значение количества результирующих элементов в списке,
|
@@ -26,6 +26,7 @@ var VIRTUAL_ITEM_AMOUNT_THRESHOLD = 10;
|
|
26
26
|
*/
|
27
27
|
export var autocompleteRoot = function autocompleteRoot(Root) {
|
28
28
|
return /*#__PURE__*/forwardRef(function (_ref, ref) {
|
29
|
+
var _StyledLeftHelper;
|
29
30
|
var outerValue = _ref.value,
|
30
31
|
defaultValue = _ref.defaultValue,
|
31
32
|
onChange = _ref.onChange,
|
@@ -110,6 +111,9 @@ export var autocompleteRoot = function autocompleteRoot(Root) {
|
|
110
111
|
var label = _ref2.label;
|
111
112
|
return label.toLowerCase().includes(value.toString().toLowerCase());
|
112
113
|
};
|
114
|
+
var helperTextStopPropagation = function helperTextStopPropagation(event) {
|
115
|
+
event.stopPropagation();
|
116
|
+
};
|
113
117
|
var finalResults = (suggestions === null || suggestions === void 0 ? void 0 : suggestions.filter(filter || defaultFilterCallback)) || [];
|
114
118
|
virtual = virtual && finalResults.length > VIRTUAL_ITEM_AMOUNT_THRESHOLD;
|
115
119
|
var _useKeyNavigation = useKeyNavigation({
|
@@ -171,7 +175,9 @@ export var autocompleteRoot = function autocompleteRoot(Root) {
|
|
171
175
|
hintText: String(hintText || ''),
|
172
176
|
labelPlacement: labelPlacement,
|
173
177
|
keepPlaceholder: keepPlaceholder,
|
174
|
-
leftHelper: leftHelper
|
178
|
+
leftHelper: leftHelper && (_StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/React.createElement(StyledLeftHelper, {
|
179
|
+
onClick: helperTextStopPropagation
|
180
|
+
}, leftHelper)))
|
175
181
|
}, rest));
|
176
182
|
}
|
177
183
|
}, renderList && renderList(finalResults) || Boolean(finalResults.length) && /*#__PURE__*/React.createElement(Root, {
|
@@ -11,4 +11,7 @@ export var Ul = /*#__PURE__*/styled.ul.withConfig({
|
|
11
11
|
}, tokens.dropdownBorderWidth, tokens.dropdownBorderColor, tokens.margin, tokens.padding);
|
12
12
|
export var InfiniteLoaderWrapper = /*#__PURE__*/styled.li.withConfig({
|
13
13
|
componentId: "plasma-new-hope__sc-ff6pwi-1"
|
14
|
-
})(["display:flex;align-items:center;justify-content:center;box-sizing:content-box;min-height:var(", ");"], tokens.textFieldHeight);
|
14
|
+
})(["display:flex;align-items:center;justify-content:center;box-sizing:content-box;min-height:var(", ");"], tokens.textFieldHeight);
|
15
|
+
export var StyledLeftHelper = /*#__PURE__*/styled.span.withConfig({
|
16
|
+
componentId: "plasma-new-hope__sc-ff6pwi-2"
|
17
|
+
})(["margin:0;padding:0;"]);
|
@@ -25,7 +25,7 @@ import { initialItemsTransform, updateAncestors, updateDescendants, updateSingle
|
|
25
25
|
import { Inner, StyledTextField, VirtualList } from "./ui";
|
26
26
|
import { pathReducer, focusedPathReducer } from "./reducers";
|
27
27
|
import { getPathMap, getTreeMaps } from "./hooks/getPathMaps";
|
28
|
-
import { Ul, base, StyledArrow, IconArrowWrapper, StyledEmptyState } from "./Combobox.styles";
|
28
|
+
import { Ul, base, StyledArrow, IconArrowWrapper, StyledEmptyState, StyledLeftHelper } from "./Combobox.styles";
|
29
29
|
import { base as viewCSS } from "./variations/_view/base";
|
30
30
|
import { base as sizeCSS } from "./variations/_size/base";
|
31
31
|
import { SelectNative } from "./ui/SelectNative/SelectNative";
|
@@ -37,7 +37,7 @@ import { Context } from "./Combobox.context";
|
|
37
37
|
|
38
38
|
export var comboboxRoot = function comboboxRoot(Root) {
|
39
39
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
40
|
-
var _valueToItemMap$get, _valueToItemMap$get2, _getItemByFocused;
|
40
|
+
var _valueToItemMap$get, _valueToItemMap$get2, _getItemByFocused, _StyledLeftHelper;
|
41
41
|
var name = props.name,
|
42
42
|
multiple = props.multiple,
|
43
43
|
outerValue = props.value,
|
@@ -383,6 +383,9 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
383
383
|
handleCheckboxChange(item);
|
384
384
|
}
|
385
385
|
};
|
386
|
+
var helperTextStopPropagation = function helperTextStopPropagation(event) {
|
387
|
+
event.stopPropagation();
|
388
|
+
};
|
386
389
|
var _useKeyNavigation = useKeyNavigation({
|
387
390
|
focusedPath: focusedPath,
|
388
391
|
dispatchFocusedPath: dispatchFocusedPath,
|
@@ -499,7 +502,9 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
499
502
|
textBefore: textBefore,
|
500
503
|
textAfter: textAfter,
|
501
504
|
onKeyDown: onKeyDown,
|
502
|
-
leftHelper: helperText,
|
505
|
+
leftHelper: helperText && (_StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/React.createElement(StyledLeftHelper, {
|
506
|
+
onClick: helperTextStopPropagation
|
507
|
+
}, helperText))),
|
503
508
|
role: "combobox",
|
504
509
|
"aria-autocomplete": "list",
|
505
510
|
"aria-controls": "".concat(treeId, "_tree_level_1"),
|
@@ -52,4 +52,7 @@ export var StyledArrow = /*#__PURE__*/styled(IconDisclosureDownCentered).withCon
|
|
52
52
|
export var base = /*#__PURE__*/css([""]);
|
53
53
|
export var StyledEmptyState = /*#__PURE__*/styled(EmptyState).withConfig({
|
54
54
|
componentId: "plasma-new-hope__sc-2kddkg-3"
|
55
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], emptyStateTokens.borderRadius, tokens.textFieldBorderRadius, emptyStateTokens.padding, tokens.emptyStatePadding, emptyStateTokens.fontFamily, tokens.textFieldFontFamily, emptyStateTokens.fontSize, tokens.textFieldFontSize, emptyStateTokens.fontStyle, tokens.textFieldFontStyle, emptyStateTokens.fontWeight, tokens.textFieldFontWeight, emptyStateTokens.fontLetterSpacing, tokens.textFieldLetterSpacing, emptyStateTokens.fontLineHeight, tokens.textFieldLineHeight);
|
55
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], emptyStateTokens.borderRadius, tokens.textFieldBorderRadius, emptyStateTokens.padding, tokens.emptyStatePadding, emptyStateTokens.fontFamily, tokens.textFieldFontFamily, emptyStateTokens.fontSize, tokens.textFieldFontSize, emptyStateTokens.fontStyle, tokens.textFieldFontStyle, emptyStateTokens.fontWeight, tokens.textFieldFontWeight, emptyStateTokens.fontLetterSpacing, tokens.textFieldLetterSpacing, emptyStateTokens.fontLineHeight, tokens.textFieldLineHeight);
|
56
|
+
export var StyledLeftHelper = /*#__PURE__*/styled.span.withConfig({
|
57
|
+
componentId: "plasma-new-hope__sc-2kddkg-4"
|
58
|
+
})(["margin:0;padding:0;"]);
|
@@ -8,7 +8,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
|
|
8
8
|
import React, { forwardRef } from 'react';
|
9
9
|
import { sizeToIconSize, getItemId, getRemovedElement } from "../../../../utils";
|
10
10
|
import { classes } from "../../../../Select.tokens";
|
11
|
-
import { IconArrowWrapper, StyledArrow, StyledTextField } from "./Textfield.styles";
|
11
|
+
import { IconArrowWrapper, StyledArrow, StyledTextField, StyledLeftHelper } from "./Textfield.styles";
|
12
12
|
export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
13
13
|
var inputWrapperRef = _ref.inputWrapperRef,
|
14
14
|
opened = _ref.opened,
|
@@ -109,6 +109,9 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
109
109
|
onChange(newValues, item);
|
110
110
|
}
|
111
111
|
};
|
112
|
+
var helperTextStopPropagation = function helperTextStopPropagation(event) {
|
113
|
+
event.stopPropagation();
|
114
|
+
};
|
112
115
|
return /*#__PURE__*/React.createElement(StyledTextField, _extends({
|
113
116
|
ref: ref,
|
114
117
|
inputWrapperRef: inputWrapperRef,
|
@@ -132,7 +135,9 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
132
135
|
className: withArrowInverse
|
133
136
|
})),
|
134
137
|
onKeyDown: onKeyDown,
|
135
|
-
leftHelper: helperText,
|
138
|
+
leftHelper: helperText && /*#__PURE__*/React.createElement(StyledLeftHelper, {
|
139
|
+
onClick: helperTextStopPropagation
|
140
|
+
}, helperText),
|
136
141
|
role: "combobox",
|
137
142
|
"aria-autocomplete": "list",
|
138
143
|
"aria-controls": "".concat(treeId, "_tree_level_1"),
|
@@ -50,4 +50,7 @@ export var StyledArrow = /*#__PURE__*/styled(IconDisclosureDownCentered).withCon
|
|
50
50
|
var _ref9$size = _ref9.size,
|
51
51
|
size = _ref9$size === void 0 ? 'xs' : _ref9$size;
|
52
52
|
return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
|
53
|
-
});
|
53
|
+
});
|
54
|
+
export var StyledLeftHelper = /*#__PURE__*/styled.span.withConfig({
|
55
|
+
componentId: "plasma-new-hope__sc-1akl2tk-3"
|
56
|
+
})(["margin:0;padding:0;"]);
|