@salutejs/plasma-new-hope 0.326.0-canary.1986.15321507276.0 → 0.326.0-canary.1986.15331510807.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/Combobox/ComboboxNew/Combobox.css +20 -19
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +9 -4
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +38 -37
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles_isfa46.css +7 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +18 -17
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -4
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/{es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_1fy6e2z.css → cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_80gotw.css} +2 -2
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +17 -17
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +3 -3
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js.map +1 -1
- package/{es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_1bpknuo.css → cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_tjme4i.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
- package/cjs/components/Pagination/Pagination.css +3 -3
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
- package/cjs/components/Select/Select.css +3 -3
- package/cjs/components/Select/ui/SelectAll/SelectAll.css +3 -3
- package/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +3 -3
- package/cjs/components/Select/ui/SelectAll/SelectAll.styles.js.map +1 -1
- package/{es/components/Select/ui/SelectAll/SelectAll.styles_1puprwc.css → cjs/components/Select/ui/SelectAll/SelectAll.styles_ql2mqj.css} +1 -1
- package/cjs/components/Table/Table.css +3 -3
- package/cjs/components/Table/ui/Cell/Cell.css +3 -3
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +3 -3
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +3 -3
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +3 -3
- package/cjs/index.css +23 -22
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +9 -4
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +24 -23
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -2
- package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -4
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +17 -17
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +3 -3
- package/emotion/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +3 -3
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +10 -5
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +23 -22
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -2
- package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -5
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +17 -17
- package/emotion/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +3 -3
- package/emotion/es/components/Select/ui/SelectAll/SelectAll.styles.js +3 -3
- package/es/components/Combobox/ComboboxNew/Combobox.css +20 -19
- package/es/components/Combobox/ComboboxNew/Combobox.js +10 -5
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +38 -38
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles_isfa46.css +7 -0
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +18 -17
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -5
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/{cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_1fy6e2z.css → es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_80gotw.css} +2 -2
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +17 -17
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +3 -3
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js.map +1 -1
- package/{cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_1bpknuo.css → es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_tjme4i.css} +1 -1
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
- package/es/components/Pagination/Pagination.css +3 -3
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
- package/es/components/Select/Select.css +3 -3
- package/es/components/Select/ui/SelectAll/SelectAll.css +3 -3
- package/es/components/Select/ui/SelectAll/SelectAll.styles.js +3 -3
- package/es/components/Select/ui/SelectAll/SelectAll.styles.js.map +1 -1
- package/{cjs/components/Select/ui/SelectAll/SelectAll.styles_1puprwc.css → es/components/Select/ui/SelectAll/SelectAll.styles_ql2mqj.css} +1 -1
- package/es/components/Table/Table.css +3 -3
- package/es/components/Table/ui/Cell/Cell.css +3 -3
- package/es/components/Table/ui/EditableCell/EditableCell.css +3 -3
- package/es/components/Table/ui/HeadCell/HeadCell.css +3 -3
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +3 -3
- package/es/index.css +23 -22
- package/package.json +4 -4
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +9 -4
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +21 -21
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -4
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +5 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +1 -1
- package/styled-components/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +1 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +10 -5
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +20 -20
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -2
- package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -5
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +5 -5
- package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +1 -1
- package/styled-components/es/components/Select/ui/SelectAll/SelectAll.styles.js +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +3 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.d.ts.map +1 -1
- package/types/components/Select/ui/SelectAll/SelectAll.styles.d.ts.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles_5uhl12.css +0 -6
- package/es/components/Combobox/ComboboxNew/Combobox.styles_5uhl12.css +0 -6
package/es/index.css
CHANGED
@@ -588,30 +588,31 @@
|
|
588
588
|
|
589
589
|
.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);}
|
590
590
|
|
591
|
-
.
|
591
|
+
.Item_styles_80gotw_s17m41ki__77e23bce{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
|
592
592
|
|
593
|
-
.
|
594
|
-
.
|
595
|
-
.
|
596
|
-
.
|
597
|
-
.
|
598
|
-
.
|
599
|
-
.
|
600
|
-
.
|
601
|
-
.
|
602
|
-
.
|
593
|
+
.Item_styles_80gotw_sabntqz__77e23bce{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-combobox-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-combobox-checkbox-trigger-border-width);}
|
594
|
+
.Item_styles_80gotw_sbva27s__77e23bce{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-checkbox-fill-color);}
|
595
|
+
.Item_styles_80gotw_s198ssfl__77e23bce{width:var(--s198ssfl-0);height:var(--s198ssfl-0);}
|
596
|
+
.Item_styles_80gotw_sq42uro__77e23bce{width:var(--sq42uro-0);height:var(--sq42uro-0);}
|
597
|
+
.Item_styles_80gotw_s96nkq__77e23bce{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
598
|
+
.Item_styles_80gotw_s170raop__77e23bce{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
599
|
+
.Item_styles_80gotw_d1bsz3m1__77e23bce{line-height:0;margin:var(--plasma-select-disclosure-icon-margin);color:var(--plasma-combobox-disclosure-icon-color);}.Item_styles_80gotw_d1bsz3m1__77e23bce:hover{color:var(--plasma-combobox-disclosure-icon-color-hover);}
|
600
|
+
.Item_styles_80gotw_iwurntn__77e23bce{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;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--iwurntn-0);height:var(--iwurntn-0);margin:var(--plasma-combobox-item-icon-margin);line-height:0;color:var(--plasma-combobox-checkbox-fill-color);}
|
601
|
+
.Item_styles_80gotw_s1pzdaox__77e23bce{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
602
|
+
.Item_styles_80gotw_wm3n62u__77e23bce{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;min-height:var(--plasma-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--wm3n62u-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_80gotw_wm3n62u__77e23bce:hover:not(.Item_styles_80gotw_dropdownItemIsDisabled__77e23bce){cursor:pointer;background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_80gotw_wm3n62u__77e23bce.Item_styles_80gotw_dropdownItemIsActive__77e23bce{background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_80gotw_wm3n62u__77e23bce.Item_styles_80gotw_dropdownItemIsDisabled__77e23bce{opacity:0.4;cursor:not-allowed;}.Item_styles_80gotw_wm3n62u__77e23bce:focus{outline:none;}.Item_styles_80gotw_wm3n62u__77e23bce::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_80gotw_wm3n62u__77e23bce.Item_styles_80gotw_dropdownItemIsFocused__77e23bce:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
|
603
603
|
|
604
604
|
|
605
|
-
.
|
606
|
-
.
|
607
|
-
.
|
605
|
+
.SelectAll_styles_tjme4i_w14070q1__a0f87d11{position:var(--w14070q1-0);z-index:10;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:var(--surface-solid-card);margin-bottom:var(--w14070q1-1);border-top-left-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));border-top-right-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
|
606
|
+
.SelectAll_styles_tjme4i_d4ty997__a0f87d11{background:var(--surface-solid-card);}
|
607
|
+
.SelectAll_styles_tjme4i_dxn0wk6__a0f87d11{height:0.0625rem;margin-top:var(--dxn0wk6-0);margin-right:var(--plasma-combobox-divider-margin-right);margin-left:var(--plasma-combobox-divider-margin-left);background:var(--plasma-combobox-divider-color);}
|
608
608
|
|
609
|
-
.
|
610
|
-
.
|
611
|
-
.
|
609
|
+
.Combobox_styles_isfa46_lxiiees__91df7bfb{width:var(--lxiiees-0);padding:calc(var(--plasma-combobox-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-combobox-border-radius);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);}
|
610
|
+
.Combobox_styles_isfa46_u1veo3wn__91df7bfb{max-height:var(--u1veo3wn-0);overflow-y:var(--u1veo3wn-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.Combobox_styles_isfa46_u1veo3wn__91df7bfb .Combobox_styles_isfa46_comboboxEmptyStateWrapper__91df7bfb{box-shadow:none;}
|
611
|
+
.Combobox_styles_isfa46_i1hxiinv__91df7bfb{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1hxiinv-0);}.Combobox_styles_isfa46_i1hxiinv__91df7bfb .Combobox_styles_isfa46_arrowInverse__91df7bfb{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_isfa46_i1hxiinv__91df7bfb:hover,.Combobox_styles_isfa46_i1hxiinv__91df7bfb:active{color:var(--i1hxiinv-1);}
|
612
|
+
.Combobox_styles_isfa46_sr87xox__91df7bfb{width:var(--sr87xox-0);height:var(--sr87xox-0);}
|
612
613
|
|
613
|
-
.
|
614
|
-
.
|
614
|
+
.Combobox_styles_isfa46_spp7ogj__91df7bfb{--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);}
|
615
|
+
.Combobox_styles_isfa46_s3gft12__91df7bfb{margin:0;padding:0;}
|
615
616
|
|
616
617
|
.SelectNative_styles_18yw2bf_st8j5fy__14a96fe5{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
617
618
|
|
@@ -661,9 +662,9 @@
|
|
661
662
|
.Item_styles_1qpfn0s_w1hgpj20__6e0dc038{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;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--w1hgpj20-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038:hover:not(.Item_styles_1qpfn0s_dropdownItemIsDisabled__6e0dc038){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsActive__6e0dc038{background-color:var(--plasma-select-item-background-hover);}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsDisabled__6e0dc038{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038:focus{outline:none;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsFocused__6e0dc038:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
|
662
663
|
|
663
664
|
|
664
|
-
.
|
665
|
-
.
|
666
|
-
.
|
665
|
+
.SelectAll_styles_ql2mqj_w1r0n22v__b71a8639{position:var(--w1r0n22v-0);z-index:10;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:var(--surface-solid-card);margin-bottom:var(--w1r0n22v-1);border-top-left-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));border-top-right-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
|
666
|
+
.SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
|
667
|
+
.SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
|
667
668
|
|
668
669
|
.Select_styles_bjoo18_lpxbau6__2367a782{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);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);}
|
669
670
|
.Select_styles_bjoo18_u1yey2x3__2367a782{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.326.0-canary.1986.
|
3
|
+
"version": "0.326.0-canary.1986.15331510807.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -79,7 +79,7 @@
|
|
79
79
|
"@rollup/plugin-babel": "^6.0.4",
|
80
80
|
"@rollup/plugin-commonjs": "^25.0.4",
|
81
81
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
82
|
-
"@salutejs/plasma-sb-utils": "0.198.0
|
82
|
+
"@salutejs/plasma-sb-utils": "0.198.0",
|
83
83
|
"@salutejs/plasma-themes": "0.33.0",
|
84
84
|
"@storybook/addon-docs": "8.6.12",
|
85
85
|
"@storybook/addon-essentials": "8.6.12",
|
@@ -117,7 +117,7 @@
|
|
117
117
|
"@linaria/react": "5.0.3",
|
118
118
|
"@popperjs/core": "2.11.8",
|
119
119
|
"@salutejs/input-core": "2.1.2",
|
120
|
-
"@salutejs/plasma-core": "1.197.0
|
120
|
+
"@salutejs/plasma-core": "1.197.0",
|
121
121
|
"@salutejs/react-maskinput": "3.2.6",
|
122
122
|
"@tanstack/react-table": "8.21.2",
|
123
123
|
"@tanstack/react-virtual": "3.13.2",
|
@@ -137,5 +137,5 @@
|
|
137
137
|
"sideEffects": [
|
138
138
|
"*.css"
|
139
139
|
],
|
140
|
-
"gitHead": "
|
140
|
+
"gitHead": "2a38f8aa22c407de138cf17897c82130248a9761"
|
141
141
|
}
|
@@ -528,7 +528,8 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
528
528
|
_onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
|
529
529
|
}));
|
530
530
|
},
|
531
|
-
zIndex: zIndex
|
531
|
+
zIndex: zIndex,
|
532
|
+
isInner: false
|
532
533
|
}, /*#__PURE__*/_react["default"].createElement(Root, {
|
533
534
|
size: size,
|
534
535
|
view: view,
|
@@ -536,12 +537,13 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
536
537
|
disabled: disabled,
|
537
538
|
readOnly: readOnly,
|
538
539
|
name: name
|
540
|
+
}, /*#__PURE__*/_react["default"].createElement(_Combobox2.ListWrapper, {
|
541
|
+
listWidth: listWidth
|
539
542
|
}, /*#__PURE__*/_react["default"].createElement(_Combobox2.Ul, {
|
540
543
|
role: "tree",
|
541
544
|
id: "".concat(treeId, "_tree_level_1"),
|
542
545
|
"aria-multiselectable": Boolean(multiple),
|
543
546
|
listMaxHeight: listMaxHeight || listHeight,
|
544
|
-
listWidth: listWidth,
|
545
547
|
ref: targetRef,
|
546
548
|
virtual: virtual,
|
547
549
|
listOverflow: listOverflow,
|
@@ -550,7 +552,10 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
550
552
|
className: _Combobox.classes.emptyStateWrapper,
|
551
553
|
size: size,
|
552
554
|
description: emptyStateDescription || 'Ничего не найдено'
|
553
|
-
}) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.multiple && props.selectAllOptions &&
|
555
|
+
}) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.multiple && props.selectAllOptions &&
|
556
|
+
/*#__PURE__*/
|
557
|
+
// TODO: #2004
|
558
|
+
_react["default"].createElement(_ui.SelectAll, {
|
554
559
|
selectAllOptions: props.selectAllOptions,
|
555
560
|
variant: variant
|
556
561
|
}), virtual ? /*#__PURE__*/_react["default"].createElement(_ui.VirtualList, {
|
@@ -567,7 +572,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
567
572
|
index: index,
|
568
573
|
listWidth: listWidth
|
569
574
|
});
|
570
|
-
})), afterList))))));
|
575
|
+
})), afterList)))))));
|
571
576
|
});
|
572
577
|
};
|
573
578
|
var comboboxConfig = exports.comboboxConfig = {
|
@@ -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.StyledLeftHelper = exports.StyledEmptyState = exports.StyledArrow = exports.IconArrowWrapper = void 0;
|
7
|
+
exports.sizeMap = exports.base = exports.Ul = exports.StyledLeftHelper = exports.StyledEmptyState = exports.StyledArrow = exports.ListWrapper = 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");
|
@@ -14,12 +14,15 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
14
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
15
15
|
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_EmptyState.emptyStateConfig);
|
16
16
|
var EmptyState = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
17
|
-
var
|
17
|
+
var ListWrapper = exports.ListWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
18
18
|
componentId: "plasma-new-hope__sc-2kddkg-0"
|
19
|
-
})(["
|
19
|
+
})(["width:", ";padding:calc(var(", ") + var(", ",0rem));border-radius:var(", ");box-sizing:border-box;background:var(", ");box-shadow:", ",inset 0 0 0 var(", ",0rem) var(", ",transparent);"], function (_ref) {
|
20
20
|
var listWidth = _ref.listWidth;
|
21
21
|
return listWidth || '100%';
|
22
|
-
},
|
22
|
+
}, _Combobox.tokens.padding, _Combobox.tokens.dropdownBorderWidth, _Combobox.tokens.borderRadius, _Combobox.constants.background, _Combobox.constants.boxShadow, _Combobox.tokens.dropdownBorderWidth, _Combobox.tokens.dropdownBorderColor);
|
23
|
+
var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
24
|
+
componentId: "plasma-new-hope__sc-2kddkg-1"
|
25
|
+
})(["max-height:", ";overflow-y:", ";border-radius:calc(var(", ") - 0.125rem - var(", ",0rem));margin:0;padding:0;.", "{box-shadow:none;}"], function (_ref2) {
|
23
26
|
var virtual = _ref2.virtual,
|
24
27
|
listMaxHeight = _ref2.listMaxHeight;
|
25
28
|
return virtual ? 'auto' : listMaxHeight || 'auto';
|
@@ -27,17 +30,14 @@ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
|
27
30
|
var virtual = _ref3.virtual,
|
28
31
|
listOverflow = _ref3.listOverflow;
|
29
32
|
return virtual ? 'visible' : listOverflow || 'visible';
|
30
|
-
}, _Combobox.tokens.
|
31
|
-
var isInnerUl = _ref4.isInnerUl;
|
32
|
-
return isInnerUl ? "calc(var(".concat(_Combobox.tokens.padding, ") * -1) 0 0 0") : "var(".concat(_Combobox.tokens.margin, ") 0 0 0");
|
33
|
-
}, _Combobox.tokens.padding, _Combobox.classes.emptyStateWrapper);
|
33
|
+
}, _Combobox.tokens.borderRadius, _Combobox.tokens.dropdownBorderWidth, _Combobox.classes.emptyStateWrapper);
|
34
34
|
var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
35
|
-
componentId: "plasma-new-hope__sc-2kddkg-
|
36
|
-
})(["line-height:0;color:var(", ");cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], _Combobox.tokens.disclosureIconColor, function (
|
37
|
-
var disabled =
|
35
|
+
componentId: "plasma-new-hope__sc-2kddkg-2"
|
36
|
+
})(["line-height:0;color:var(", ");cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], _Combobox.tokens.disclosureIconColor, function (_ref4) {
|
37
|
+
var disabled = _ref4.disabled;
|
38
38
|
return disabled ? 'inherit' : 'pointer';
|
39
|
-
}, _Combobox.classes.arrowInverse, function (
|
40
|
-
var disabled =
|
39
|
+
}, _Combobox.classes.arrowInverse, function (_ref5) {
|
40
|
+
var disabled = _ref5.disabled;
|
41
41
|
return disabled ? "var(".concat(_Combobox.tokens.disclosureIconColor, ")") : "var(".concat(_Combobox.tokens.disclosureIconColorHover, ")");
|
42
42
|
});
|
43
43
|
|
@@ -47,20 +47,20 @@ var sizeMap = exports.sizeMap = {
|
|
47
47
|
s: '1.5rem'
|
48
48
|
};
|
49
49
|
var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
|
50
|
-
componentId: "plasma-new-hope__sc-2kddkg-
|
51
|
-
})(["width:", ";height:", ";"], function (
|
50
|
+
componentId: "plasma-new-hope__sc-2kddkg-3"
|
51
|
+
})(["width:", ";height:", ";"], function (_ref6) {
|
52
|
+
var _ref6$size = _ref6.size,
|
53
|
+
size = _ref6$size === void 0 ? 'xs' : _ref6$size;
|
54
|
+
return "var(".concat(_Combobox.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
|
55
|
+
}, function (_ref7) {
|
52
56
|
var _ref7$size = _ref7.size,
|
53
57
|
size = _ref7$size === void 0 ? 'xs' : _ref7$size;
|
54
58
|
return "var(".concat(_Combobox.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
|
55
|
-
}, function (_ref8) {
|
56
|
-
var _ref8$size = _ref8.size,
|
57
|
-
size = _ref8$size === void 0 ? 'xs' : _ref8$size;
|
58
|
-
return "var(".concat(_Combobox.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
|
59
59
|
});
|
60
60
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
|
61
61
|
var StyledEmptyState = exports.StyledEmptyState = /*#__PURE__*/(0, _styledComponents["default"])(EmptyState).withConfig({
|
62
|
-
componentId: "plasma-new-hope__sc-2kddkg-
|
62
|
+
componentId: "plasma-new-hope__sc-2kddkg-4"
|
63
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
64
|
var StyledLeftHelper = exports.StyledLeftHelper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
65
|
-
componentId: "plasma-new-hope__sc-2kddkg-
|
65
|
+
componentId: "plasma-new-hope__sc-2kddkg-5"
|
66
66
|
})(["margin:0;padding:0;"]);
|
@@ -237,7 +237,7 @@ var constants = exports.constants = {
|
|
237
237
|
focusSize: '0.0625rem',
|
238
238
|
background: '--surface-solid-card',
|
239
239
|
boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',
|
240
|
-
itemBackground: '--
|
240
|
+
itemBackground: '--surface-clear',
|
241
241
|
textfieldTargetColor: '--text-primary',
|
242
242
|
textfieldOuterLabelColor: '--text-primary',
|
243
243
|
textfieldInnerLabelColor: '--text-secondary',
|
@@ -251,5 +251,5 @@ var constants = exports.constants = {
|
|
251
251
|
fontLetterSpacing: '--plasma-typo-body-xs-letter-spacing',
|
252
252
|
fontLineHeight: '--plasma-typo-body-xs-line-height',
|
253
253
|
cellTitleColor: '--text-primary',
|
254
|
-
cellBackgroundColor: '--
|
254
|
+
cellBackgroundColor: '--surface-clear'
|
255
255
|
};
|
@@ -15,6 +15,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
15
15
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
16
16
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
17
17
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
18
|
+
// TODO: #2003
|
19
|
+
var LIST_PADDING = 2;
|
18
20
|
var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
|
19
21
|
var target = _ref.target,
|
20
22
|
children = _ref.children,
|
@@ -23,9 +25,8 @@ var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forward
|
|
23
25
|
placement = _ref.placement,
|
24
26
|
portal = _ref.portal,
|
25
27
|
listWidth = _ref.listWidth,
|
26
|
-
|
27
|
-
|
28
|
-
zIndex = _ref.zIndex;
|
28
|
+
zIndex = _ref.zIndex,
|
29
|
+
isInner = _ref.isInner;
|
29
30
|
var _useFloating = (0, _react.useFloating)({
|
30
31
|
whileElementsMounted: function whileElementsMounted(referenceEl, floatingEl, update) {
|
31
32
|
return (0, _react.autoUpdate)(referenceEl, floatingEl, update, {
|
@@ -36,14 +37,17 @@ var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forward
|
|
36
37
|
},
|
37
38
|
placement: placement,
|
38
39
|
open: opened,
|
39
|
-
middleware: [(0, _react.offset)(
|
40
|
+
middleware: [(0, _react.offset)({
|
41
|
+
mainAxis: isInner ? 4 : 0,
|
42
|
+
alignmentAxis: isInner ? -LIST_PADDING : 0
|
43
|
+
}), (0, _react.flip)({
|
40
44
|
fallbackAxisSideDirection: 'end'
|
41
45
|
}), (0, _react.shift)(), (0, _react.size)({
|
42
46
|
apply: function apply(_ref2) {
|
43
47
|
var rects = _ref2.rects,
|
44
48
|
elements = _ref2.elements;
|
45
49
|
Object.assign(elements.floating.style, {
|
46
|
-
width: listWidth || "".concat(rects.reference.width, "px")
|
50
|
+
width: listWidth || "".concat(isInner ? rects.reference.width + LIST_PADDING * 2 : rects.reference.width, "px")
|
47
51
|
});
|
48
52
|
}
|
49
53
|
})]
|
@@ -42,7 +42,6 @@ var Inner = exports.Inner = function Inner(_ref) {
|
|
42
42
|
placement: (item === null || item === void 0 ? void 0 : item.placement) || 'right-start',
|
43
43
|
opened: isCurrentListOpen,
|
44
44
|
onToggle: handleToggle,
|
45
|
-
offset: 2,
|
46
45
|
target: /*#__PURE__*/_react["default"].createElement(_ui.Item, {
|
47
46
|
item: item,
|
48
47
|
path: path,
|
@@ -52,12 +51,14 @@ var Inner = exports.Inner = function Inner(_ref) {
|
|
52
51
|
ariaExpanded: isCurrentListOpen,
|
53
52
|
ariaLevel: nextLevel,
|
54
53
|
ariaLabel: item.label
|
55
|
-
})
|
54
|
+
}),
|
55
|
+
isInner: true
|
56
|
+
}, /*#__PURE__*/_react["default"].createElement(_Combobox.ListWrapper, {
|
57
|
+
listWidth: listWidth
|
56
58
|
}, /*#__PURE__*/_react["default"].createElement(_Combobox.Ul, {
|
57
59
|
role: "group",
|
58
60
|
id: listId,
|
59
61
|
isInnerUl: true,
|
60
|
-
listWidth: listWidth,
|
61
62
|
virtual: false
|
62
63
|
}, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (innerItem, innerIndex) {
|
63
64
|
return /*#__PURE__*/_react["default"].createElement(Inner, {
|
@@ -69,7 +70,7 @@ var Inner = exports.Inner = function Inner(_ref) {
|
|
69
70
|
index: innerIndex,
|
70
71
|
listWidth: listWidth
|
71
72
|
});
|
72
|
-
})));
|
73
|
+
}))));
|
73
74
|
}
|
74
75
|
return /*#__PURE__*/_react["default"].createElement(_ui.Item, {
|
75
76
|
item: item,
|
package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js
CHANGED
@@ -82,16 +82,16 @@ var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].
|
|
82
82
|
})(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
83
83
|
var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
|
84
84
|
componentId: "plasma-new-hope__sc-1n1xg1s-11"
|
85
|
-
})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:var(", ")
|
85
|
+
})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:calc(var(", ") - 0.125rem - var(", ",0rem));user-select:none;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref7) {
|
86
86
|
var variant = _ref7.variant;
|
87
87
|
return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemPaddingTight : _Combobox.tokens.itemPadding, ")");
|
88
|
-
}, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.classes.dropdownItemIsDisabled, _Combobox.tokens.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.tokens.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
|
89
|
-
outlineSize: '0
|
88
|
+
}, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.tokens.dropdownBorderWidth, _Combobox.classes.dropdownItemIsDisabled, _Combobox.tokens.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.tokens.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
|
89
|
+
outlineSize: '0',
|
90
90
|
outlineOffset: '0',
|
91
91
|
outlineColor: /*#__PURE__*/"var(".concat(_Combobox.constants.focusColor, ")"),
|
92
|
-
outlineRadius: /*#__PURE__*/"var(".concat(_Combobox.tokens.
|
92
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Combobox.tokens.borderRadius, ") - 0.125rem - var(").concat(_Combobox.tokens.dropdownBorderWidth, ", 0rem))"),
|
93
93
|
hasTransition: false,
|
94
|
-
customFocusRules: /*#__PURE__*/"\n &.".concat(_Combobox.classes.dropdownItemIsFocused, ":before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(").concat(_Combobox.constants.focusColor, ");\n }\n ")
|
94
|
+
customFocusRules: /*#__PURE__*/"\n &.".concat(_Combobox.classes.dropdownItemIsFocused, ":before {\n outline: none;\n box-shadow: inset 0 0 0 0.0625rem var(").concat(_Combobox.constants.focusColor, ");\n }\n ")
|
95
95
|
}));
|
96
96
|
var StyledCheckboxWrapper = exports.StyledCheckboxWrapper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
97
97
|
componentId: "plasma-new-hope__sc-1n1xg1s-12"
|
package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js
CHANGED
@@ -18,7 +18,7 @@ var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].div.wi
|
|
18
18
|
}, _Combobox.tokens.borderRadius, _Combobox.tokens.dropdownBorderWidth, _Combobox.tokens.borderRadius, _Combobox.tokens.dropdownBorderWidth);
|
19
19
|
var DividerWrapper = exports.DividerWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
20
20
|
componentId: "plasma-new-hope__sc-10t9fym-1"
|
21
|
-
})(["
|
21
|
+
})(["background:var(", ");"], _Combobox.constants.background);
|
22
22
|
var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
23
23
|
componentId: "plasma-new-hope__sc-10t9fym-2"
|
24
24
|
})(["height:0.0625rem;margin-top:", ";margin-right:var(", ");margin-left:var(", ");background:var(", ");"], function (_ref3) {
|
@@ -18,7 +18,7 @@ var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].div.wi
|
|
18
18
|
}, _Select.tokens.borderRadius, _Select.tokens.dropdownBorderWidth, _Select.tokens.borderRadius, _Select.tokens.dropdownBorderWidth);
|
19
19
|
var DividerWrapper = exports.DividerWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
20
20
|
componentId: "plasma-new-hope__sc-1f7l6yo-1"
|
21
|
-
})(["
|
21
|
+
})(["background:var(", ");"], _Select.constants.background);
|
22
22
|
var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
23
23
|
componentId: "plasma-new-hope__sc-1f7l6yo-2"
|
24
24
|
})(["height:0.0625rem;margin-top:", ";margin-right:var(", ");margin-left:var(", ");background:var(", ");"], function (_ref3) {
|
@@ -25,7 +25,7 @@ import { initialItemsTransform, updateAncestors, updateDescendants, updateSingle
|
|
25
25
|
import { Inner, StyledTextField, VirtualList, SelectAll } from "./ui";
|
26
26
|
import { pathReducer, focusedPathReducer } from "./reducers";
|
27
27
|
import { getPathMap, getTreeMaps } from "./hooks/getPathMaps";
|
28
|
-
import { Ul, base, StyledArrow, IconArrowWrapper, StyledEmptyState, StyledLeftHelper } from "./Combobox.styles";
|
28
|
+
import { Ul, base, StyledArrow, IconArrowWrapper, StyledEmptyState, StyledLeftHelper, ListWrapper } 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";
|
@@ -521,7 +521,8 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
521
521
|
_onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
|
522
522
|
}));
|
523
523
|
},
|
524
|
-
zIndex: zIndex
|
524
|
+
zIndex: zIndex,
|
525
|
+
isInner: false
|
525
526
|
}, /*#__PURE__*/React.createElement(Root, {
|
526
527
|
size: size,
|
527
528
|
view: view,
|
@@ -529,12 +530,13 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
529
530
|
disabled: disabled,
|
530
531
|
readOnly: readOnly,
|
531
532
|
name: name
|
533
|
+
}, /*#__PURE__*/React.createElement(ListWrapper, {
|
534
|
+
listWidth: listWidth
|
532
535
|
}, /*#__PURE__*/React.createElement(Ul, {
|
533
536
|
role: "tree",
|
534
537
|
id: "".concat(treeId, "_tree_level_1"),
|
535
538
|
"aria-multiselectable": Boolean(multiple),
|
536
539
|
listMaxHeight: listMaxHeight || listHeight,
|
537
|
-
listWidth: listWidth,
|
538
540
|
ref: targetRef,
|
539
541
|
virtual: virtual,
|
540
542
|
listOverflow: listOverflow,
|
@@ -543,7 +545,10 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
543
545
|
className: classes.emptyStateWrapper,
|
544
546
|
size: size,
|
545
547
|
description: emptyStateDescription || 'Ничего не найдено'
|
546
|
-
}) : /*#__PURE__*/React.createElement(React.Fragment, null, props.multiple && props.selectAllOptions &&
|
548
|
+
}) : /*#__PURE__*/React.createElement(React.Fragment, null, props.multiple && props.selectAllOptions &&
|
549
|
+
/*#__PURE__*/
|
550
|
+
// TODO: #2004
|
551
|
+
React.createElement(SelectAll, {
|
547
552
|
selectAllOptions: props.selectAllOptions,
|
548
553
|
variant: variant
|
549
554
|
}), virtual ? /*#__PURE__*/React.createElement(VirtualList, {
|
@@ -560,7 +565,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
560
565
|
index: index,
|
561
566
|
listWidth: listWidth
|
562
567
|
});
|
563
|
-
})), afterList))))));
|
568
|
+
})), afterList)))))));
|
564
569
|
});
|
565
570
|
};
|
566
571
|
export var comboboxConfig = {
|
@@ -6,12 +6,15 @@ import { component, mergeConfig } from "../../../engines";
|
|
6
6
|
import { tokens, constants, classes } from "./Combobox.tokens";
|
7
7
|
var mergedConfig = /*#__PURE__*/mergeConfig(emptyStateConfig);
|
8
8
|
var EmptyState = /*#__PURE__*/component(mergedConfig);
|
9
|
-
export var
|
9
|
+
export var ListWrapper = /*#__PURE__*/styled.div.withConfig({
|
10
10
|
componentId: "plasma-new-hope__sc-2kddkg-0"
|
11
|
-
})(["
|
11
|
+
})(["width:", ";padding:calc(var(", ") + var(", ",0rem));border-radius:var(", ");box-sizing:border-box;background:var(", ");box-shadow:", ",inset 0 0 0 var(", ",0rem) var(", ",transparent);"], function (_ref) {
|
12
12
|
var listWidth = _ref.listWidth;
|
13
13
|
return listWidth || '100%';
|
14
|
-
},
|
14
|
+
}, tokens.padding, tokens.dropdownBorderWidth, tokens.borderRadius, constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor);
|
15
|
+
export var Ul = /*#__PURE__*/styled.ul.withConfig({
|
16
|
+
componentId: "plasma-new-hope__sc-2kddkg-1"
|
17
|
+
})(["max-height:", ";overflow-y:", ";border-radius:calc(var(", ") - 0.125rem - var(", ",0rem));margin:0;padding:0;.", "{box-shadow:none;}"], function (_ref2) {
|
15
18
|
var virtual = _ref2.virtual,
|
16
19
|
listMaxHeight = _ref2.listMaxHeight;
|
17
20
|
return virtual ? 'auto' : listMaxHeight || 'auto';
|
@@ -19,17 +22,14 @@ export var Ul = /*#__PURE__*/styled.ul.withConfig({
|
|
19
22
|
var virtual = _ref3.virtual,
|
20
23
|
listOverflow = _ref3.listOverflow;
|
21
24
|
return virtual ? 'visible' : listOverflow || 'visible';
|
22
|
-
}, tokens.
|
23
|
-
var isInnerUl = _ref4.isInnerUl;
|
24
|
-
return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0 0") : "var(".concat(tokens.margin, ") 0 0 0");
|
25
|
-
}, tokens.padding, classes.emptyStateWrapper);
|
25
|
+
}, tokens.borderRadius, tokens.dropdownBorderWidth, classes.emptyStateWrapper);
|
26
26
|
export var IconArrowWrapper = /*#__PURE__*/styled.div.withConfig({
|
27
|
-
componentId: "plasma-new-hope__sc-2kddkg-
|
28
|
-
})(["line-height:0;color:var(", ");cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], tokens.disclosureIconColor, function (
|
29
|
-
var disabled =
|
27
|
+
componentId: "plasma-new-hope__sc-2kddkg-2"
|
28
|
+
})(["line-height:0;color:var(", ");cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], tokens.disclosureIconColor, function (_ref4) {
|
29
|
+
var disabled = _ref4.disabled;
|
30
30
|
return disabled ? 'inherit' : 'pointer';
|
31
|
-
}, classes.arrowInverse, function (
|
32
|
-
var disabled =
|
31
|
+
}, classes.arrowInverse, function (_ref5) {
|
32
|
+
var disabled = _ref5.disabled;
|
33
33
|
return disabled ? "var(".concat(tokens.disclosureIconColor, ")") : "var(".concat(tokens.disclosureIconColorHover, ")");
|
34
34
|
});
|
35
35
|
|
@@ -39,20 +39,20 @@ export var sizeMap = {
|
|
39
39
|
s: '1.5rem'
|
40
40
|
};
|
41
41
|
export var StyledArrow = /*#__PURE__*/styled(IconDisclosureDownCentered).withConfig({
|
42
|
-
componentId: "plasma-new-hope__sc-2kddkg-
|
43
|
-
})(["width:", ";height:", ";"], function (
|
42
|
+
componentId: "plasma-new-hope__sc-2kddkg-3"
|
43
|
+
})(["width:", ";height:", ";"], function (_ref6) {
|
44
|
+
var _ref6$size = _ref6.size,
|
45
|
+
size = _ref6$size === void 0 ? 'xs' : _ref6$size;
|
46
|
+
return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
|
47
|
+
}, function (_ref7) {
|
44
48
|
var _ref7$size = _ref7.size,
|
45
49
|
size = _ref7$size === void 0 ? 'xs' : _ref7$size;
|
46
50
|
return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
|
47
|
-
}, function (_ref8) {
|
48
|
-
var _ref8$size = _ref8.size,
|
49
|
-
size = _ref8$size === void 0 ? 'xs' : _ref8$size;
|
50
|
-
return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
|
51
51
|
});
|
52
52
|
export var base = /*#__PURE__*/css([""]);
|
53
53
|
export var StyledEmptyState = /*#__PURE__*/styled(EmptyState).withConfig({
|
54
|
-
componentId: "plasma-new-hope__sc-2kddkg-
|
54
|
+
componentId: "plasma-new-hope__sc-2kddkg-4"
|
55
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
56
|
export var StyledLeftHelper = /*#__PURE__*/styled.span.withConfig({
|
57
|
-
componentId: "plasma-new-hope__sc-2kddkg-
|
57
|
+
componentId: "plasma-new-hope__sc-2kddkg-5"
|
58
58
|
})(["margin:0;padding:0;"]);
|
@@ -231,7 +231,7 @@ export var constants = {
|
|
231
231
|
focusSize: '0.0625rem',
|
232
232
|
background: '--surface-solid-card',
|
233
233
|
boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',
|
234
|
-
itemBackground: '--
|
234
|
+
itemBackground: '--surface-clear',
|
235
235
|
textfieldTargetColor: '--text-primary',
|
236
236
|
textfieldOuterLabelColor: '--text-primary',
|
237
237
|
textfieldInnerLabelColor: '--text-secondary',
|
@@ -245,5 +245,5 @@ export var constants = {
|
|
245
245
|
fontLetterSpacing: '--plasma-typo-body-xs-letter-spacing',
|
246
246
|
fontLineHeight: '--plasma-typo-body-xs-line-height',
|
247
247
|
cellTitleColor: '--text-primary',
|
248
|
-
cellBackgroundColor: '--
|
248
|
+
cellBackgroundColor: '--surface-clear'
|
249
249
|
};
|