@salutejs/plasma-new-hope 0.326.0-canary.1973.15428061748.0 → 0.326.0-canary.1983.15486466373.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 +6 -5
- package/cjs/components/Autocomplete/Autocomplete.js +2 -2
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.styles.js +12 -6
- package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.styles_30e80h.css +5 -0
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +1 -1
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -1
- package/cjs/components/Autocomplete/ui/SuggestionItem/{SuggestionItem.styles_lpdinw.css → SuggestionItem.styles_7wqokd.css} +1 -1
- package/cjs/components/Autocomplete/ui/VirtualList/VirtualList.css +2 -2
- package/cjs/components/Breadcrumbs/Breadcrumbs.css +3 -1
- package/cjs/components/Breadcrumbs/utils/getShortItems.css +3 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +61 -56
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +13 -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 +8 -1
- 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 -5
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +2 -2
- package/cjs/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 → Item.styles_80gotw.css} +2 -2
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +56 -0
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +44 -0
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +53 -0
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_tjme4i.css +3 -0
- package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +8 -7
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +8 -7
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +8 -7
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +8 -7
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +8 -7
- package/cjs/components/Dropdown/Dropdown.css +8 -7
- package/cjs/components/Dropdown/Dropdown.js +7 -5
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js +17 -16
- package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles_zheit5.css +3 -0
- package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/cjs/components/Dropdown/FloatingPopover.js +5 -4
- package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.css +8 -7
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -4
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +6 -6
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +3 -3
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1algi32.css +7 -0
- package/cjs/components/Link/Link.js +8 -4
- package/cjs/components/Link/Link.js.map +1 -1
- package/cjs/components/Link/Link.tokens.js +5 -0
- package/cjs/components/Link/Link.tokens.js.map +1 -1
- package/cjs/components/{CodeInput/variations/_disabled → Link/_size}/base.js +2 -2
- package/cjs/components/Link/_size/base.js.map +1 -0
- package/cjs/components/Link/_size/base_z01401.css +1 -0
- package/cjs/components/Link/_view/base.js +1 -1
- package/cjs/components/Link/_view/base.js.map +1 -1
- package/cjs/components/Link/_view/base_r5vd7o.css +1 -0
- package/cjs/components/Pagination/Pagination.css +57 -52
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +57 -52
- package/cjs/components/Popover/Popover.js +3 -0
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Select/FloatingPopover.js +9 -5
- package/cjs/components/Select/FloatingPopover.js.map +1 -1
- package/cjs/components/Select/Select.css +57 -52
- package/cjs/components/Select/Select.js +14 -5
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +17 -17
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/Select.styles_bjoo18.css +3 -0
- package/cjs/components/Select/Select.tokens.js +9 -2
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +11 -10
- package/cjs/components/Select/ui/Inner/Inner.js +5 -5
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +4 -4
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1qpfn0s.css +11 -0
- package/cjs/components/Select/ui/SelectAll/SelectAll.css +54 -0
- package/cjs/components/Select/ui/SelectAll/SelectAll.js +44 -0
- package/cjs/components/Select/ui/SelectAll/SelectAll.js.map +1 -0
- package/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +53 -0
- package/cjs/components/Select/ui/SelectAll/SelectAll.styles.js.map +1 -0
- package/cjs/components/Select/ui/SelectAll/SelectAll.styles_ql2mqj.css +3 -0
- package/cjs/components/Select/ui/VirtualList/VirtualList.css +10 -10
- package/cjs/components/Table/Table.css +34 -29
- package/cjs/components/Table/ui/Cell/Cell.css +34 -29
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +34 -29
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +34 -29
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +34 -29
- package/cjs/index.css +57 -58
- package/cjs/index.js +0 -8
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +2 -2
- package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +10 -6
- package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +5 -5
- package/emotion/cjs/components/Combobox/Combobox.template-doc.mdx +58 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +12 -4
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +24 -23
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
- package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -5
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +17 -17
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +39 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +30 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/index.js +11 -0
- package/emotion/cjs/components/Dropdown/Dropdown.js +7 -5
- package/emotion/cjs/components/Dropdown/Dropdown.styles.js +13 -12
- package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +2 -2
- package/emotion/cjs/components/Dropdown/FloatingPopover.js +5 -4
- package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -4
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +11 -11
- package/emotion/cjs/components/Link/Link.js +9 -5
- package/emotion/cjs/components/Link/Link.tokens.js +5 -0
- package/emotion/cjs/components/Link/_size/base.js +9 -0
- package/emotion/cjs/components/Link/_view/base.js +1 -1
- package/emotion/cjs/components/Link/_view/tokens.json +0 -1
- package/emotion/cjs/components/Popover/Popover.js +3 -0
- package/emotion/cjs/components/Select/FloatingPopover.js +9 -5
- package/emotion/cjs/components/Select/Select.js +13 -5
- package/emotion/cjs/components/Select/Select.styles.js +11 -10
- package/emotion/cjs/components/Select/Select.template-doc.mdx +58 -0
- package/emotion/cjs/components/Select/Select.tokens.js +9 -2
- package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/emotion/cjs/components/Select/ui/Inner/Inner.js +5 -5
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -14
- package/emotion/cjs/components/Select/ui/SelectAll/SelectAll.js +39 -0
- package/emotion/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +30 -0
- package/emotion/cjs/components/Select/ui/index.js +11 -0
- package/emotion/cjs/engines/emotion.js +8 -3
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +13 -2
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
- package/emotion/cjs/examples/plasma_b2c/components/Link/Link.config.js +31 -11
- package/emotion/cjs/examples/plasma_b2c/components/Link/Link.stories.tsx +1 -0
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +24 -24
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +186 -0
- package/emotion/cjs/examples/plasma_b2c/components/Table/Table.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.js +12 -2
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
- package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +24 -24
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +186 -0
- package/emotion/cjs/examples/plasma_web/components/Table/Table.config.js +5 -5
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/components/Autocomplete/Autocomplete.js +3 -3
- package/emotion/es/components/Autocomplete/Autocomplete.styles.js +9 -5
- package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +5 -5
- package/emotion/es/components/Combobox/Combobox.template-doc.mdx +58 -0
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +14 -6
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +23 -22
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
- package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -6
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +17 -17
- package/emotion/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +32 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +23 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/index.js +2 -1
- package/emotion/es/components/Dropdown/Dropdown.js +8 -6
- package/emotion/es/components/Dropdown/Dropdown.styles.js +12 -11
- package/emotion/es/components/Dropdown/Dropdown.tokens.js +2 -2
- package/emotion/es/components/Dropdown/FloatingPopover.js +5 -4
- package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +5 -5
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +11 -11
- package/emotion/es/components/Link/Link.js +5 -1
- package/emotion/es/components/Link/Link.tokens.js +5 -0
- package/emotion/es/components/Link/_size/base.js +3 -0
- package/emotion/es/components/Link/_view/base.js +1 -1
- package/emotion/es/components/Link/_view/tokens.json +0 -1
- package/emotion/es/components/Popover/Popover.js +3 -0
- package/emotion/es/components/Select/FloatingPopover.js +9 -5
- package/emotion/es/components/Select/Select.js +15 -7
- package/emotion/es/components/Select/Select.styles.js +10 -9
- package/emotion/es/components/Select/Select.template-doc.mdx +58 -0
- package/emotion/es/components/Select/Select.tokens.js +9 -2
- package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/emotion/es/components/Select/ui/Inner/Inner.js +6 -6
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -14
- package/emotion/es/components/Select/ui/SelectAll/SelectAll.js +32 -0
- package/emotion/es/components/Select/ui/SelectAll/SelectAll.styles.js +23 -0
- package/emotion/es/components/Select/ui/index.js +2 -1
- package/emotion/es/engines/emotion.js +8 -3
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.js +10 -2
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
- package/emotion/es/examples/plasma_b2c/components/Link/Link.config.js +31 -11
- package/emotion/es/examples/plasma_b2c/components/Link/Link.stories.tsx +1 -0
- package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +186 -0
- package/emotion/es/examples/plasma_b2c/components/Table/Table.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.js +10 -3
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
- package/emotion/es/examples/plasma_web/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +186 -0
- package/emotion/es/examples/plasma_web/components/Table/Table.config.js +5 -5
- package/emotion/es/index.js +0 -1
- package/es/components/Autocomplete/Autocomplete.css +6 -5
- package/es/components/Autocomplete/Autocomplete.js +3 -3
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.styles.js +12 -7
- package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.styles_30e80h.css +5 -0
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +1 -1
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -1
- package/es/components/Autocomplete/ui/SuggestionItem/{SuggestionItem.styles_lpdinw.css → SuggestionItem.styles_7wqokd.css} +1 -1
- package/es/components/Autocomplete/ui/VirtualList/VirtualList.css +2 -2
- package/es/components/Breadcrumbs/Breadcrumbs.css +3 -1
- package/es/components/Breadcrumbs/utils/getShortItems.css +3 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +61 -56
- package/es/components/Combobox/ComboboxNew/Combobox.js +14 -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 +8 -1
- 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 -6
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +2 -2
- package/es/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 → Item.styles_80gotw.css} +2 -2
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +56 -0
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +36 -0
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +47 -0
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_tjme4i.css +3 -0
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
- package/es/components/Combobox/ComboboxOld/Combobox.css +8 -7
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +8 -7
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +8 -7
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +8 -7
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +8 -7
- package/es/components/Dropdown/Dropdown.css +8 -7
- package/es/components/Dropdown/Dropdown.js +8 -6
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles.js +17 -17
- package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles_zheit5.css +3 -0
- package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/es/components/Dropdown/FloatingPopover.js +5 -4
- package/es/components/Dropdown/FloatingPopover.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.css +8 -7
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +5 -5
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +6 -6
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +3 -3
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1algi32.css +7 -0
- package/es/components/Link/Link.js +8 -4
- package/es/components/Link/Link.js.map +1 -1
- package/es/components/Link/Link.tokens.js +5 -0
- package/es/components/Link/Link.tokens.js.map +1 -1
- package/es/components/{CodeInput/variations → Link}/_size/base.js +2 -2
- package/es/components/Link/_size/base.js.map +1 -0
- package/es/components/Link/_size/base_z01401.css +1 -0
- package/es/components/Link/_view/base.js +1 -1
- package/es/components/Link/_view/base.js.map +1 -1
- package/es/components/Link/_view/base_r5vd7o.css +1 -0
- package/es/components/Pagination/Pagination.css +57 -52
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +57 -52
- package/es/components/Popover/Popover.js +3 -0
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Select/FloatingPopover.js +9 -5
- package/es/components/Select/FloatingPopover.js.map +1 -1
- package/es/components/Select/Select.css +57 -52
- package/es/components/Select/Select.js +15 -6
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +17 -18
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/Select.styles_bjoo18.css +3 -0
- package/es/components/Select/Select.tokens.js +9 -2
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +11 -10
- package/es/components/Select/ui/Inner/Inner.js +6 -6
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +4 -4
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_1qpfn0s.css +11 -0
- package/es/components/Select/ui/SelectAll/SelectAll.css +54 -0
- package/es/components/Select/ui/SelectAll/SelectAll.js +36 -0
- package/es/components/Select/ui/SelectAll/SelectAll.js.map +1 -0
- package/es/components/Select/ui/SelectAll/SelectAll.styles.js +47 -0
- package/es/components/Select/ui/SelectAll/SelectAll.styles.js.map +1 -0
- package/es/components/Select/ui/SelectAll/SelectAll.styles_ql2mqj.css +3 -0
- package/es/components/Select/ui/VirtualList/VirtualList.css +10 -10
- package/es/components/Table/Table.css +34 -29
- package/es/components/Table/ui/Cell/Cell.css +34 -29
- package/es/components/Table/ui/EditableCell/EditableCell.css +34 -29
- package/es/components/Table/ui/HeadCell/HeadCell.css +34 -29
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +34 -29
- package/es/index.css +57 -58
- package/es/index.js +0 -3
- package/es/index.js.map +1 -1
- package/package.json +5 -5
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +9 -6
- package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +3 -3
- package/styled-components/cjs/components/Combobox/Combobox.template-doc.mdx +58 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +12 -4
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +21 -21
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
- package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -5
- 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.js +39 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +27 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/index.js +11 -0
- package/styled-components/cjs/components/Dropdown/Dropdown.js +7 -5
- package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +9 -9
- package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +2 -2
- package/styled-components/cjs/components/Dropdown/FloatingPopover.js +5 -4
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -4
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -5
- package/styled-components/cjs/components/Link/Link.js +8 -4
- package/styled-components/cjs/components/Link/Link.tokens.js +5 -0
- package/styled-components/cjs/components/Link/_size/base.js +9 -0
- package/styled-components/cjs/components/Link/_view/base.js +1 -1
- package/styled-components/cjs/components/Link/_view/tokens.json +0 -1
- package/styled-components/cjs/components/Popover/Popover.js +3 -0
- package/styled-components/cjs/components/Select/FloatingPopover.js +9 -5
- package/styled-components/cjs/components/Select/Select.js +13 -5
- package/styled-components/cjs/components/Select/Select.styles.js +8 -8
- package/styled-components/cjs/components/Select/Select.template-doc.mdx +58 -0
- package/styled-components/cjs/components/Select/Select.tokens.js +9 -2
- package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/styled-components/cjs/components/Select/ui/Inner/Inner.js +5 -5
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -3
- package/styled-components/cjs/components/Select/ui/SelectAll/SelectAll.js +39 -0
- package/styled-components/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +27 -0
- package/styled-components/cjs/components/Select/ui/index.js +11 -0
- package/styled-components/cjs/engines/styled-components.js +8 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +13 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Link/Link.config.js +29 -9
- package/styled-components/cjs/examples/plasma_b2c/components/Link/Link.stories.tsx +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +14 -14
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +186 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Table/Table.config.js +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.js +12 -2
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +14 -14
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +186 -0
- package/styled-components/cjs/examples/plasma_web/components/Table/Table.config.js +3 -3
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/components/Autocomplete/Autocomplete.js +3 -3
- package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +8 -5
- package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +3 -3
- package/styled-components/es/components/Combobox/Combobox.template-doc.mdx +58 -0
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +14 -6
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +20 -20
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
- package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -6
- 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.js +32 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +20 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/index.js +2 -1
- package/styled-components/es/components/Dropdown/Dropdown.js +8 -6
- package/styled-components/es/components/Dropdown/Dropdown.styles.js +8 -8
- package/styled-components/es/components/Dropdown/Dropdown.tokens.js +2 -2
- package/styled-components/es/components/Dropdown/FloatingPopover.js +5 -4
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +5 -5
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -5
- package/styled-components/es/components/Link/Link.js +4 -0
- package/styled-components/es/components/Link/Link.tokens.js +5 -0
- package/styled-components/es/components/Link/_size/base.js +3 -0
- package/styled-components/es/components/Link/_view/base.js +1 -1
- package/styled-components/es/components/Link/_view/tokens.json +0 -1
- package/styled-components/es/components/Popover/Popover.js +3 -0
- package/styled-components/es/components/Select/FloatingPopover.js +9 -5
- package/styled-components/es/components/Select/Select.js +15 -7
- package/styled-components/es/components/Select/Select.styles.js +7 -7
- package/styled-components/es/components/Select/Select.template-doc.mdx +58 -0
- package/styled-components/es/components/Select/Select.tokens.js +9 -2
- package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/styled-components/es/components/Select/ui/Inner/Inner.js +6 -6
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -3
- package/styled-components/es/components/Select/ui/SelectAll/SelectAll.js +32 -0
- package/styled-components/es/components/Select/ui/SelectAll/SelectAll.styles.js +20 -0
- package/styled-components/es/components/Select/ui/index.js +2 -1
- package/styled-components/es/engines/styled-components.js +8 -3
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +8 -8
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.js +10 -2
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
- package/styled-components/es/examples/plasma_b2c/components/Link/Link.config.js +29 -9
- package/styled-components/es/examples/plasma_b2c/components/Link/Link.stories.tsx +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +14 -14
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +186 -0
- package/styled-components/es/examples/plasma_b2c/components/Table/Table.config.js +3 -3
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.js +10 -3
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
- package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +14 -14
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +186 -0
- package/styled-components/es/examples/plasma_web/components/Table/Table.config.js +3 -3
- package/styled-components/es/index.js +0 -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 +3 -2
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +7 -0
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +12 -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.d.ts +7 -0
- package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.d.ts +10 -0
- package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/ui/index.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/ui/index.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts +3 -2
- package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/components/Dropdown/FloatingPopover.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
- package/types/components/Link/Link.d.ts +3 -0
- package/types/components/Link/Link.d.ts.map +1 -1
- package/types/components/Link/Link.tokens.d.ts +5 -0
- package/types/components/Link/Link.tokens.d.ts.map +1 -1
- package/types/components/Link/_size/base.d.ts.map +1 -0
- package/types/components/Link/_view/base.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +3 -0
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Popover/Popover.d.ts.map +1 -1
- package/types/components/Select/FloatingPopover.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +3 -2
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +7 -0
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +13 -1
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
- package/types/components/Select/ui/SelectAll/SelectAll.d.ts +7 -0
- package/types/components/Select/ui/SelectAll/SelectAll.d.ts.map +1 -0
- package/types/components/Select/ui/SelectAll/SelectAll.styles.d.ts +10 -0
- package/types/components/Select/ui/SelectAll/SelectAll.styles.d.ts.map +1 -0
- package/types/components/Select/ui/index.d.ts +1 -0
- package/types/components/Select/ui/index.d.ts.map +1 -1
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +3 -0
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
- package/types/engines/emotion.d.ts.map +1 -1
- package/types/engines/styled-components.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.styles_1qe8z2l.css +0 -4
- package/cjs/components/CodeInput/CodeInput.css +0 -14
- package/cjs/components/CodeInput/CodeInput.js +0 -292
- package/cjs/components/CodeInput/CodeInput.js.map +0 -1
- package/cjs/components/CodeInput/CodeInput.styles.js +0 -78
- package/cjs/components/CodeInput/CodeInput.styles.js.map +0 -1
- package/cjs/components/CodeInput/CodeInput.styles_29ush3.css +0 -8
- package/cjs/components/CodeInput/CodeInput.tokens.js +0 -94
- package/cjs/components/CodeInput/CodeInput.tokens.js.map +0 -1
- package/cjs/components/CodeInput/utils/constants.js +0 -14
- package/cjs/components/CodeInput/utils/constants.js.map +0 -1
- package/cjs/components/CodeInput/utils/generateMediaQuery.js +0 -49
- package/cjs/components/CodeInput/utils/generateMediaQuery.js.map +0 -1
- package/cjs/components/CodeInput/utils/handleCodeError.js +0 -55
- package/cjs/components/CodeInput/utils/handleCodeError.js.map +0 -1
- package/cjs/components/CodeInput/utils/handleItemError.js +0 -53
- package/cjs/components/CodeInput/utils/handleItemError.js.map +0 -1
- package/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -33
- package/cjs/components/CodeInput/utils/initialValuesHelper.js.map +0 -1
- package/cjs/components/CodeInput/variations/_disabled/base.js.map +0 -1
- package/cjs/components/CodeInput/variations/_disabled/base_vkh53h.css +0 -1
- package/cjs/components/CodeInput/variations/_size/base.js +0 -9
- package/cjs/components/CodeInput/variations/_size/base.js.map +0 -1
- package/cjs/components/CodeInput/variations/_size/base_eip8ma.css +0 -1
- package/cjs/components/CodeInput/variations/_view/base.js +0 -9
- package/cjs/components/CodeInput/variations/_view/base.js.map +0 -1
- package/cjs/components/CodeInput/variations/_view/base_lzwhmf.css +0 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles_5uhl12.css +0 -6
- package/cjs/components/Dropdown/Dropdown.styles_1ao2kug.css +0 -2
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1lp7sqa.css +0 -7
- package/cjs/components/Link/_view/base_1vy4dme.css +0 -1
- package/cjs/components/Select/Select.styles_11cghkj.css +0 -2
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css +0 -11
- package/emotion/cjs/components/CodeInput/CodeInput.js +0 -300
- package/emotion/cjs/components/CodeInput/CodeInput.styles.js +0 -76
- package/emotion/cjs/components/CodeInput/CodeInput.tokens.js +0 -91
- package/emotion/cjs/components/CodeInput/CodeInput.types.js +0 -5
- package/emotion/cjs/components/CodeInput/index.js +0 -38
- package/emotion/cjs/components/CodeInput/utils/constants.js +0 -12
- package/emotion/cjs/components/CodeInput/utils/generateMediaQuery.js +0 -45
- package/emotion/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
- package/emotion/cjs/components/CodeInput/utils/handleItemError.js +0 -56
- package/emotion/cjs/components/CodeInput/utils/index.js +0 -57
- package/emotion/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -30
- package/emotion/cjs/components/CodeInput/utils/types.js +0 -5
- package/emotion/cjs/components/CodeInput/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/CodeInput/variations/_disabled/tokens.json +0 -4
- package/emotion/cjs/components/CodeInput/variations/_size/base.js +0 -10
- package/emotion/cjs/components/CodeInput/variations/_size/tokens.json +0 -19
- package/emotion/cjs/components/CodeInput/variations/_view/base.js +0 -10
- package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -31
- package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -107
- package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -31
- package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -107
- package/emotion/es/components/CodeInput/CodeInput.js +0 -291
- package/emotion/es/components/CodeInput/CodeInput.styles.js +0 -69
- package/emotion/es/components/CodeInput/CodeInput.tokens.js +0 -85
- package/emotion/es/components/CodeInput/CodeInput.types.js +0 -1
- package/emotion/es/components/CodeInput/index.js +0 -3
- package/emotion/es/components/CodeInput/utils/constants.js +0 -6
- package/emotion/es/components/CodeInput/utils/generateMediaQuery.js +0 -39
- package/emotion/es/components/CodeInput/utils/handleCodeError.js +0 -52
- package/emotion/es/components/CodeInput/utils/handleItemError.js +0 -50
- package/emotion/es/components/CodeInput/utils/index.js +0 -4
- package/emotion/es/components/CodeInput/utils/initialValuesHelper.js +0 -24
- package/emotion/es/components/CodeInput/utils/types.js +0 -1
- package/emotion/es/components/CodeInput/variations/_disabled/base.js +0 -3
- package/emotion/es/components/CodeInput/variations/_disabled/tokens.json +0 -4
- package/emotion/es/components/CodeInput/variations/_size/base.js +0 -4
- package/emotion/es/components/CodeInput/variations/_size/tokens.json +0 -19
- package/emotion/es/components/CodeInput/variations/_view/base.js +0 -4
- package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -25
- package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -107
- package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -25
- package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.js +0 -5
- package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -107
- package/es/components/Autocomplete/Autocomplete.styles_1qe8z2l.css +0 -4
- package/es/components/CodeInput/CodeInput.css +0 -14
- package/es/components/CodeInput/CodeInput.js +0 -282
- package/es/components/CodeInput/CodeInput.js.map +0 -1
- package/es/components/CodeInput/CodeInput.styles.js +0 -67
- package/es/components/CodeInput/CodeInput.styles.js.map +0 -1
- package/es/components/CodeInput/CodeInput.styles_29ush3.css +0 -8
- package/es/components/CodeInput/CodeInput.tokens.js +0 -88
- package/es/components/CodeInput/CodeInput.tokens.js.map +0 -1
- package/es/components/CodeInput/utils/constants.js +0 -7
- package/es/components/CodeInput/utils/constants.js.map +0 -1
- package/es/components/CodeInput/utils/generateMediaQuery.js +0 -43
- package/es/components/CodeInput/utils/generateMediaQuery.js.map +0 -1
- package/es/components/CodeInput/utils/handleCodeError.js +0 -51
- package/es/components/CodeInput/utils/handleCodeError.js.map +0 -1
- package/es/components/CodeInput/utils/handleItemError.js +0 -49
- package/es/components/CodeInput/utils/handleItemError.js.map +0 -1
- package/es/components/CodeInput/utils/initialValuesHelper.js +0 -27
- package/es/components/CodeInput/utils/initialValuesHelper.js.map +0 -1
- package/es/components/CodeInput/variations/_disabled/base.js +0 -5
- package/es/components/CodeInput/variations/_disabled/base.js.map +0 -1
- package/es/components/CodeInput/variations/_disabled/base_vkh53h.css +0 -1
- package/es/components/CodeInput/variations/_size/base.js.map +0 -1
- package/es/components/CodeInput/variations/_size/base_eip8ma.css +0 -1
- package/es/components/CodeInput/variations/_view/base.js +0 -5
- package/es/components/CodeInput/variations/_view/base.js.map +0 -1
- package/es/components/CodeInput/variations/_view/base_lzwhmf.css +0 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles_5uhl12.css +0 -6
- package/es/components/Dropdown/Dropdown.styles_1ao2kug.css +0 -2
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1lp7sqa.css +0 -7
- package/es/components/Link/_view/base_1vy4dme.css +0 -1
- package/es/components/Select/Select.styles_11cghkj.css +0 -2
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css +0 -11
- package/styled-components/cjs/components/CodeInput/CodeInput.js +0 -300
- package/styled-components/cjs/components/CodeInput/CodeInput.styles.js +0 -47
- package/styled-components/cjs/components/CodeInput/CodeInput.tokens.js +0 -91
- package/styled-components/cjs/components/CodeInput/CodeInput.types.js +0 -5
- package/styled-components/cjs/components/CodeInput/index.js +0 -38
- package/styled-components/cjs/components/CodeInput/utils/constants.js +0 -12
- package/styled-components/cjs/components/CodeInput/utils/generateMediaQuery.js +0 -45
- package/styled-components/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
- package/styled-components/cjs/components/CodeInput/utils/handleItemError.js +0 -56
- package/styled-components/cjs/components/CodeInput/utils/index.js +0 -57
- package/styled-components/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -30
- package/styled-components/cjs/components/CodeInput/utils/types.js +0 -5
- package/styled-components/cjs/components/CodeInput/variations/_disabled/base.js +0 -9
- package/styled-components/cjs/components/CodeInput/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/CodeInput/variations/_size/base.js +0 -10
- package/styled-components/cjs/components/CodeInput/variations/_size/tokens.json +0 -19
- package/styled-components/cjs/components/CodeInput/variations/_view/base.js +0 -10
- package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -31
- package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -107
- package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -31
- package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -107
- package/styled-components/es/components/CodeInput/CodeInput.js +0 -291
- package/styled-components/es/components/CodeInput/CodeInput.styles.js +0 -39
- package/styled-components/es/components/CodeInput/CodeInput.tokens.js +0 -85
- package/styled-components/es/components/CodeInput/CodeInput.types.js +0 -1
- package/styled-components/es/components/CodeInput/index.js +0 -3
- package/styled-components/es/components/CodeInput/utils/constants.js +0 -6
- package/styled-components/es/components/CodeInput/utils/generateMediaQuery.js +0 -39
- package/styled-components/es/components/CodeInput/utils/handleCodeError.js +0 -52
- package/styled-components/es/components/CodeInput/utils/handleItemError.js +0 -50
- package/styled-components/es/components/CodeInput/utils/index.js +0 -4
- package/styled-components/es/components/CodeInput/utils/initialValuesHelper.js +0 -24
- package/styled-components/es/components/CodeInput/utils/types.js +0 -1
- package/styled-components/es/components/CodeInput/variations/_disabled/base.js +0 -3
- package/styled-components/es/components/CodeInput/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/CodeInput/variations/_size/base.js +0 -4
- package/styled-components/es/components/CodeInput/variations/_size/tokens.json +0 -19
- package/styled-components/es/components/CodeInput/variations/_view/base.js +0 -4
- package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -25
- package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -107
- package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -25
- package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.js +0 -5
- package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -107
- package/types/components/CodeInput/CodeInput.d.ts +0 -67
- package/types/components/CodeInput/CodeInput.d.ts.map +0 -1
- package/types/components/CodeInput/CodeInput.styles.d.ts +0 -16
- package/types/components/CodeInput/CodeInput.styles.d.ts.map +0 -1
- package/types/components/CodeInput/CodeInput.tokens.d.ts +0 -86
- package/types/components/CodeInput/CodeInput.tokens.d.ts.map +0 -1
- package/types/components/CodeInput/CodeInput.types.d.ts +0 -96
- package/types/components/CodeInput/CodeInput.types.d.ts.map +0 -1
- package/types/components/CodeInput/index.d.ts +0 -4
- package/types/components/CodeInput/index.d.ts.map +0 -1
- package/types/components/CodeInput/utils/constants.d.ts +0 -7
- package/types/components/CodeInput/utils/constants.d.ts.map +0 -1
- package/types/components/CodeInput/utils/generateMediaQuery.d.ts +0 -12
- package/types/components/CodeInput/utils/generateMediaQuery.d.ts.map +0 -1
- package/types/components/CodeInput/utils/handleCodeError.d.ts +0 -15
- package/types/components/CodeInput/utils/handleCodeError.d.ts.map +0 -1
- package/types/components/CodeInput/utils/handleItemError.d.ts +0 -14
- package/types/components/CodeInput/utils/handleItemError.d.ts.map +0 -1
- package/types/components/CodeInput/utils/index.d.ts +0 -5
- package/types/components/CodeInput/utils/index.d.ts.map +0 -1
- package/types/components/CodeInput/utils/initialValuesHelper.d.ts +0 -4
- package/types/components/CodeInput/utils/initialValuesHelper.d.ts.map +0 -1
- package/types/components/CodeInput/utils/types.d.ts +0 -11
- package/types/components/CodeInput/utils/types.d.ts.map +0 -1
- package/types/components/CodeInput/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/CodeInput/variations/_size/base.d.ts +0 -2
- package/types/components/CodeInput/variations/_size/base.d.ts.map +0 -1
- package/types/components/CodeInput/variations/_view/base.d.ts +0 -2
- package/types/components/CodeInput/variations/_view/base.d.ts.map +0 -1
- /package/emotion/cjs/components/{CodeInput/variations/_view → Link/_size}/tokens.json +0 -0
- /package/emotion/es/components/{CodeInput/variations/_view → Link/_size}/tokens.json +0 -0
- /package/styled-components/cjs/components/{CodeInput/variations/_view → Link/_size}/tokens.json +0 -0
- /package/styled-components/es/components/{CodeInput/variations/_view → Link/_size}/tokens.json +0 -0
- /package/types/components/{CodeInput/variations/_disabled → Link/_size}/base.d.ts +0 -0
@@ -1,49 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var CodeInput_tokens = require('../CodeInput.tokens.js');
|
6
|
-
|
7
|
-
var getCodeInputViewClass = function getCodeInputViewClass(view) {
|
8
|
-
return "codeinput-".concat(view, "-view");
|
9
|
-
};
|
10
|
-
var tokenPrefix = '--plasma-codeinput-';
|
11
|
-
var gridSizes = ['smallXXS', 'smallXS', 'smallS', 'smallM', 'smallL', 'smallXL', 'smallXXL', 'mediumXXS', 'mediumXS', 'mediumS', 'mediumM', 'mediumL', 'mediumXL', 'mediumXXL', 'largeXXS', 'largeXS', 'largeS', 'largeM', 'largeL', 'largeXL', 'largeXXL'];
|
12
|
-
|
13
|
-
/**
|
14
|
-
* Генерирует набор медиа-запросов под различную ширину вьюпорта
|
15
|
-
*
|
16
|
-
* @param {GridToken} cssTokens - объект view с набором токенов ширины вьюпорта
|
17
|
-
* @return {string} сгенерированный набор медиа-запросов
|
18
|
-
*/
|
19
|
-
var gridMediaQueryTemplate = function gridMediaQueryTemplate(breakpoints) {
|
20
|
-
return gridSizes.map(function (size) {
|
21
|
-
if (!String(breakpoints["".concat(tokenPrefix).concat(size, "-min-width")])) {
|
22
|
-
return;
|
23
|
-
}
|
24
|
-
var minWidth = breakpoints["".concat(tokenPrefix).concat(size, "-min-width")];
|
25
|
-
var itemWidth = CodeInput_tokens.tokens["".concat(size, "CodeItemWidth")];
|
26
|
-
var itemHeight = CodeInput_tokens.tokens["".concat(size, "CodeItemHeight")];
|
27
|
-
var fontSize = CodeInput_tokens.tokens["".concat(size, "FontSize")];
|
28
|
-
var lineHeight = CodeInput_tokens.tokens["".concat(size, "LineHeight")];
|
29
|
-
return "\n @media (min-width: ".concat(minWidth, ") {\n ").concat(CodeInput_tokens.privateTokens.fontSize, ": var(").concat(fontSize, ");\n ").concat(CodeInput_tokens.privateTokens.lineHeight, ": var(").concat(lineHeight, ");\n ").concat(CodeInput_tokens.privateTokens.itemWidth, ": var(").concat(itemWidth, ");\n ").concat(CodeInput_tokens.privateTokens.itemHeight, ": var(").concat(itemHeight, ");\n }\n ");
|
30
|
-
}).filter(function (style) {
|
31
|
-
return style;
|
32
|
-
}).join('\n');
|
33
|
-
};
|
34
|
-
|
35
|
-
/**
|
36
|
-
* Генерирует строку со стилями для обертки Grid и набором медиа-запросов
|
37
|
-
*
|
38
|
-
* @param {BreakpointToken} breakponts - объект view с набором токенов ширины вьюпорта
|
39
|
-
* @param {string} viewName - название view из конфига
|
40
|
-
* @return {string} стили для обертки Grid
|
41
|
-
*/
|
42
|
-
var getCodeInputView = function getCodeInputView(breakponts, viewName) {
|
43
|
-
return "\n &.".concat(getCodeInputViewClass(viewName), " {\n ").concat(gridMediaQueryTemplate(breakponts), "\n }\n ");
|
44
|
-
};
|
45
|
-
|
46
|
-
exports.getCodeInputView = getCodeInputView;
|
47
|
-
exports.getCodeInputViewClass = getCodeInputViewClass;
|
48
|
-
exports.gridSizes = gridSizes;
|
49
|
-
//# sourceMappingURL=generateMediaQuery.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"generateMediaQuery.js","sources":["../../../../src/components/CodeInput/utils/generateMediaQuery.ts"],"sourcesContent":["import { privateTokens, tokens } from '../CodeInput.tokens';\n\nimport type { BreakpointTokens, ScreenVariant, TokensType } from './types';\n\nexport const getCodeInputViewClass = (view: string) => {\n return `codeinput-${view}-view`;\n};\n\nconst tokenPrefix = '--plasma-codeinput-';\n\nexport const gridSizes: Array<ScreenVariant> = [\n 'smallXXS',\n 'smallXS',\n 'smallS',\n 'smallM',\n 'smallL',\n 'smallXL',\n 'smallXXL',\n 'mediumXXS',\n 'mediumXS',\n 'mediumS',\n 'mediumM',\n 'mediumL',\n 'mediumXL',\n 'mediumXXL',\n 'largeXXS',\n 'largeXS',\n 'largeS',\n 'largeM',\n 'largeL',\n 'largeXL',\n 'largeXXL',\n];\n\n/**\n * Генерирует набор медиа-запросов под различную ширину вьюпорта\n *\n * @param {GridToken} cssTokens - объект view с набором токенов ширины вьюпорта\n * @return {string} сгенерированный набор медиа-запросов\n */\nconst gridMediaQueryTemplate = (breakpoints: BreakpointTokens): string => {\n return gridSizes\n .map((size) => {\n if (!String(breakpoints[`${tokenPrefix}${size}-min-width`])) {\n return;\n }\n\n const minWidth = breakpoints[`${tokenPrefix}${size}-min-width` as keyof typeof breakpoints];\n const itemWidth = tokens[`${size}CodeItemWidth` as TokensType];\n const itemHeight = tokens[`${size}CodeItemHeight` as TokensType];\n const fontSize = tokens[`${size}FontSize` as TokensType];\n const lineHeight = tokens[`${size}LineHeight` as TokensType];\n\n return `\n @media (min-width: ${minWidth}) {\n ${privateTokens.fontSize}: var(${fontSize});\n ${privateTokens.lineHeight}: var(${lineHeight});\n ${privateTokens.itemWidth}: var(${itemWidth});\n ${privateTokens.itemHeight}: var(${itemHeight});\n }\n `;\n })\n .filter((style) => style)\n .join('\\n');\n};\n\n/**\n * Генерирует строку со стилями для обертки Grid и набором медиа-запросов\n *\n * @param {BreakpointToken} breakponts - объект view с набором токенов ширины вьюпорта\n * @param {string} viewName - название view из конфига\n * @return {string} стили для обертки Grid\n */\nexport const getCodeInputView = (breakponts: BreakpointTokens, viewName: string) => {\n return `\n &.${getCodeInputViewClass(viewName)} {\n ${gridMediaQueryTemplate(breakponts)}\n }\n `;\n};\n"],"names":["getCodeInputViewClass","view","concat","tokenPrefix","gridSizes","gridMediaQueryTemplate","breakpoints","map","size","String","minWidth","itemWidth","tokens","itemHeight","fontSize","lineHeight","privateTokens","filter","style","join","getCodeInputView","breakponts","viewName"],"mappings":";;;;;;IAIaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,IAAY,EAAK;EACnD,OAAAC,YAAAA,CAAAA,MAAA,CAAoBD,IAAI,EAAA,OAAA,CAAA,CAAA;AAC5B,EAAC;AAED,IAAME,WAAW,GAAG,qBAAqB,CAAA;AAElC,IAAMC,SAA+B,GAAG,CAC3C,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACb;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,WAA6B,EAAa;AACtE,EAAA,OAAOF,SAAS,CACXG,GAAG,CAAC,UAACC,IAAI,EAAK;AACX,IAAA,IAAI,CAACC,MAAM,CAACH,WAAW,IAAAJ,MAAA,CAAIC,WAAW,CAAA,CAAAD,MAAA,CAAGM,IAAI,EAAA,YAAA,CAAA,CAAa,CAAC,EAAE;AACzD,MAAA,OAAA;AACJ,KAAA;IAEA,IAAME,QAAQ,GAAGJ,WAAW,CAAAJ,EAAAA,CAAAA,MAAA,CAAIC,WAAW,CAAAD,CAAAA,MAAA,CAAGM,IAAI,EAAyC,YAAA,CAAA,CAAA,CAAA;AAC3F,IAAA,IAAMG,SAAS,GAAGC,uBAAM,IAAAV,MAAA,CAAIM,IAAI,EAA8B,eAAA,CAAA,CAAA,CAAA;AAC9D,IAAA,IAAMK,UAAU,GAAGD,uBAAM,IAAAV,MAAA,CAAIM,IAAI,EAA+B,gBAAA,CAAA,CAAA,CAAA;AAChE,IAAA,IAAMM,QAAQ,GAAGF,uBAAM,IAAAV,MAAA,CAAIM,IAAI,EAAyB,UAAA,CAAA,CAAA,CAAA;AACxD,IAAA,IAAMO,UAAU,GAAGH,uBAAM,IAAAV,MAAA,CAAIM,IAAI,EAA2B,YAAA,CAAA,CAAA,CAAA;AAE5D,IAAA,OAAA,uCAAA,CAAAN,MAAA,CACyBQ,QAAQ,+BAAAR,MAAA,CACvBc,8BAAa,CAACF,QAAQ,YAAAZ,MAAA,CAASY,QAAQ,EAAAZ,0BAAAA,CAAAA,CAAAA,MAAA,CACvCc,8BAAa,CAACD,UAAU,EAAAb,QAAAA,CAAAA,CAAAA,MAAA,CAASa,UAAU,8BAAAb,MAAA,CAC3Cc,8BAAa,CAACL,SAAS,YAAAT,MAAA,CAASS,SAAS,EAAAT,0BAAAA,CAAAA,CAAAA,MAAA,CACzCc,8BAAa,CAACH,UAAU,EAAAX,QAAAA,CAAAA,CAAAA,MAAA,CAASW,UAAU,EAAA,qCAAA,CAAA,CAAA;AAGzD,GAAC,CAAC,CACDI,MAAM,CAAC,UAACC,KAAK,EAAA;AAAA,IAAA,OAAKA,KAAK,CAAA;AAAA,GAAA,CAAC,CACxBC,IAAI,CAAC,IAAI,CAAC,CAAA;AACnB,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAA4B,EAAEC,QAAgB,EAAK;AAChF,EAAA,OAAA,cAAA,CAAApB,MAAA,CACQF,qBAAqB,CAACsB,QAAQ,CAAC,EAAApB,kBAAAA,CAAAA,CAAAA,MAAA,CAC7BG,sBAAsB,CAACgB,UAAU,CAAC,EAAA,mBAAA,CAAA,CAAA;AAGhD;;;;;;"}
|
@@ -1,55 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
|
6
|
-
var CodeInput_tokens = require('../CodeInput.tokens.js');
|
7
|
-
var constants = require('./constants.js');
|
8
|
-
var initialValuesHelper = require('./initialValuesHelper.js');
|
9
|
-
|
10
|
-
var handleCodeError = function handleCodeError(_ref) {
|
11
|
-
var _captionRef$current, _captionRef$current2;
|
12
|
-
var codeLength = _ref.codeLength,
|
13
|
-
codeErrorBehavior = _ref.codeErrorBehavior,
|
14
|
-
currentCode = _ref.currentCode,
|
15
|
-
inputRefs = _ref.inputRefs,
|
16
|
-
inputContainerRef = _ref.inputContainerRef,
|
17
|
-
captionRef = _ref.captionRef,
|
18
|
-
setCode = _ref.setCode,
|
19
|
-
codeSetter = _ref.codeSetter;
|
20
|
-
if (!inputContainerRef.current) {
|
21
|
-
return;
|
22
|
-
}
|
23
|
-
switch (codeErrorBehavior) {
|
24
|
-
case 'keep':
|
25
|
-
inputContainerRef.current.classList.add(CodeInput_tokens.classes.codeError, CodeInput_tokens.classes.codeErrorAnimation);
|
26
|
-
(_captionRef$current = captionRef.current) === null || _captionRef$current === void 0 || _captionRef$current.classList.add(CodeInput_tokens.classes.captionError);
|
27
|
-
setTimeout(function () {
|
28
|
-
var _inputContainerRef$cu;
|
29
|
-
var newCode = _rollupPluginBabelHelpers.toConsumableArray(currentCode);
|
30
|
-
newCode.pop();
|
31
|
-
codeSetter(newCode);
|
32
|
-
setCode(currentCode);
|
33
|
-
(_inputContainerRef$cu = inputContainerRef.current) === null || _inputContainerRef$cu === void 0 || _inputContainerRef$cu.classList.remove(CodeInput_tokens.classes.codeErrorAnimation);
|
34
|
-
setTimeout(function () {
|
35
|
-
var _inputRefs$current, _inputRefs$current2;
|
36
|
-
(_inputRefs$current = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current === void 0 || _inputRefs$current.setSelectionRange(0, 1);
|
37
|
-
(_inputRefs$current2 = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current2 === void 0 || _inputRefs$current2.focus();
|
38
|
-
}, 0);
|
39
|
-
}, constants.ANIMATION_TIMEOUT);
|
40
|
-
break;
|
41
|
-
case 'remove-code':
|
42
|
-
default:
|
43
|
-
inputContainerRef.current.classList.add(CodeInput_tokens.classes.codeError, CodeInput_tokens.classes.codeErrorAnimation, CodeInput_tokens.classes.codeErrorFade);
|
44
|
-
(_captionRef$current2 = captionRef.current) === null || _captionRef$current2 === void 0 || _captionRef$current2.classList.add(CodeInput_tokens.classes.captionError);
|
45
|
-
setTimeout(function () {
|
46
|
-
var _inputRefs$current$, _inputContainerRef$cu2;
|
47
|
-
codeSetter(initialValuesHelper.getCodeValue(codeLength, ''));
|
48
|
-
(_inputRefs$current$ = inputRefs.current[0]) === null || _inputRefs$current$ === void 0 || _inputRefs$current$.focus();
|
49
|
-
(_inputContainerRef$cu2 = inputContainerRef.current) === null || _inputContainerRef$cu2 === void 0 || _inputContainerRef$cu2.classList.remove(CodeInput_tokens.classes.codeError, CodeInput_tokens.classes.codeErrorAnimation, CodeInput_tokens.classes.codeErrorFade);
|
50
|
-
}, constants.ANIMATION_TIMEOUT);
|
51
|
-
}
|
52
|
-
};
|
53
|
-
|
54
|
-
exports.handleCodeError = handleCodeError;
|
55
|
-
//# sourceMappingURL=handleCodeError.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"handleCodeError.js","sources":["../../../../src/components/CodeInput/utils/handleCodeError.ts"],"sourcesContent":["import { Dispatch, MutableRefObject, SetStateAction } from 'react';\n\nimport type { CodeErrorBehavior } from '../CodeInput.types';\nimport { classes } from '../CodeInput.tokens';\n\nimport { ANIMATION_TIMEOUT } from './constants';\nimport { getCodeValue } from './initialValuesHelper';\n\ntype ValidateSymbolsArgs = {\n codeLength: number;\n codeErrorBehavior: CodeErrorBehavior;\n currentCode: Array<string>;\n inputContainerRef: MutableRefObject<HTMLDivElement | null>;\n inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;\n captionRef: MutableRefObject<HTMLDivElement | null>;\n setCode: Dispatch<SetStateAction<Array<string>>>;\n codeSetter: (newCode: Array<string>) => void;\n};\n\nexport const handleCodeError = ({\n codeLength,\n codeErrorBehavior,\n currentCode,\n inputRefs,\n inputContainerRef,\n captionRef,\n setCode,\n codeSetter,\n}: ValidateSymbolsArgs) => {\n if (!inputContainerRef.current) {\n return;\n }\n\n switch (codeErrorBehavior) {\n case 'keep':\n inputContainerRef.current.classList.add(classes.codeError, classes.codeErrorAnimation);\n captionRef.current?.classList.add(classes.captionError);\n\n setTimeout(() => {\n const newCode = [...currentCode];\n\n newCode.pop();\n codeSetter(newCode);\n setCode(currentCode);\n\n inputContainerRef.current?.classList.remove(classes.codeErrorAnimation);\n\n setTimeout(() => {\n inputRefs.current[inputRefs.current.length - 1]?.setSelectionRange(0, 1);\n inputRefs.current[inputRefs.current.length - 1]?.focus();\n }, 0);\n }, ANIMATION_TIMEOUT);\n\n break;\n case 'remove-code':\n default:\n inputContainerRef.current.classList.add(\n classes.codeError,\n classes.codeErrorAnimation,\n classes.codeErrorFade,\n );\n captionRef.current?.classList.add(classes.captionError);\n\n setTimeout(() => {\n codeSetter(getCodeValue(codeLength, ''));\n\n inputRefs.current[0]?.focus();\n inputContainerRef.current?.classList.remove(\n classes.codeError,\n classes.codeErrorAnimation,\n classes.codeErrorFade,\n );\n }, ANIMATION_TIMEOUT);\n }\n};\n"],"names":["handleCodeError","_ref","_captionRef$current","_captionRef$current2","codeLength","codeErrorBehavior","currentCode","inputRefs","inputContainerRef","captionRef","setCode","codeSetter","current","classList","add","classes","codeError","codeErrorAnimation","captionError","setTimeout","_inputContainerRef$cu","newCode","_toConsumableArray","pop","remove","_inputRefs$current","_inputRefs$current2","length","setSelectionRange","focus","ANIMATION_TIMEOUT","codeErrorFade","_inputRefs$current$","_inputContainerRef$cu2","getCodeValue"],"mappings":"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"}
|
@@ -1,53 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
|
6
|
-
var CodeInput_tokens = require('../CodeInput.tokens.js');
|
7
|
-
var constants = require('./constants.js');
|
8
|
-
|
9
|
-
var handleItemError = function handleItemError(_ref) {
|
10
|
-
var _inputRefs$current$in, _inputRefs$current$in4;
|
11
|
-
var currentSymbol = _ref.currentSymbol,
|
12
|
-
itemErrorBehavior = _ref.itemErrorBehavior,
|
13
|
-
index = _ref.index,
|
14
|
-
newCode = _ref.newCode,
|
15
|
-
inputRefs = _ref.inputRefs,
|
16
|
-
setCode = _ref.setCode,
|
17
|
-
codeSetter = _ref.codeSetter;
|
18
|
-
if (!inputRefs.current[index] || currentSymbol === ' ') {
|
19
|
-
return;
|
20
|
-
}
|
21
|
-
switch (itemErrorBehavior) {
|
22
|
-
case 'keep':
|
23
|
-
setCode(newCode);
|
24
|
-
(_inputRefs$current$in = inputRefs.current[index]) === null || _inputRefs$current$in === void 0 || _inputRefs$current$in.classList.add(CodeInput_tokens.classes.itemError, CodeInput_tokens.classes.itemErrorAnimation);
|
25
|
-
setTimeout(function () {
|
26
|
-
var _inputRefs$current$in2;
|
27
|
-
(_inputRefs$current$in2 = inputRefs.current[index]) === null || _inputRefs$current$in2 === void 0 || _inputRefs$current$in2.classList.remove(CodeInput_tokens.classes.itemErrorAnimation);
|
28
|
-
setTimeout(function () {
|
29
|
-
var _inputRefs$current$in3;
|
30
|
-
return (_inputRefs$current$in3 = inputRefs.current[index]) === null || _inputRefs$current$in3 === void 0 ? void 0 : _inputRefs$current$in3.setSelectionRange(0, 1);
|
31
|
-
}, 0);
|
32
|
-
}, constants.ANIMATION_TIMEOUT);
|
33
|
-
break;
|
34
|
-
case 'forbid-enter':
|
35
|
-
newCode[index] = '';
|
36
|
-
codeSetter(newCode);
|
37
|
-
break;
|
38
|
-
case 'remove-symbol':
|
39
|
-
default:
|
40
|
-
setCode(newCode);
|
41
|
-
(_inputRefs$current$in4 = inputRefs.current[index]) === null || _inputRefs$current$in4 === void 0 || _inputRefs$current$in4.classList.add(CodeInput_tokens.classes.itemError, CodeInput_tokens.classes.itemErrorFade, CodeInput_tokens.classes.itemErrorAnimation);
|
42
|
-
setTimeout(function () {
|
43
|
-
var _inputRefs$current$in5;
|
44
|
-
var updatedCode = _rollupPluginBabelHelpers.toConsumableArray(newCode);
|
45
|
-
updatedCode[index] = '';
|
46
|
-
codeSetter(updatedCode);
|
47
|
-
(_inputRefs$current$in5 = inputRefs.current[index]) === null || _inputRefs$current$in5 === void 0 || _inputRefs$current$in5.classList.remove(CodeInput_tokens.classes.itemError, CodeInput_tokens.classes.itemErrorFade, CodeInput_tokens.classes.itemErrorAnimation);
|
48
|
-
}, constants.ANIMATION_TIMEOUT);
|
49
|
-
}
|
50
|
-
};
|
51
|
-
|
52
|
-
exports.handleItemError = handleItemError;
|
53
|
-
//# sourceMappingURL=handleItemError.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"handleItemError.js","sources":["../../../../src/components/CodeInput/utils/handleItemError.ts"],"sourcesContent":["import { Dispatch, MutableRefObject, SetStateAction } from 'react';\n\nimport type { ItemErrorBehavior } from '../CodeInput.types';\nimport { classes } from '../CodeInput.tokens';\n\nimport { ANIMATION_TIMEOUT } from './constants';\n\ntype ValidateSymbolsArgs = {\n currentSymbol: string;\n itemErrorBehavior: ItemErrorBehavior;\n index: number;\n newCode: Array<string>;\n inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;\n setCode: Dispatch<SetStateAction<Array<string>>>;\n codeSetter: (newCode: Array<string>) => void;\n};\n\nexport const handleItemError = ({\n currentSymbol,\n itemErrorBehavior,\n index,\n newCode,\n inputRefs,\n setCode,\n codeSetter,\n}: ValidateSymbolsArgs) => {\n if (!inputRefs.current[index] || currentSymbol === ' ') {\n return;\n }\n\n switch (itemErrorBehavior) {\n case 'keep':\n setCode(newCode);\n inputRefs.current[index]?.classList.add(classes.itemError, classes.itemErrorAnimation);\n\n setTimeout(() => {\n inputRefs.current[index]?.classList.remove(classes.itemErrorAnimation);\n\n setTimeout(() => inputRefs.current[index]?.setSelectionRange(0, 1), 0);\n }, ANIMATION_TIMEOUT);\n\n break;\n case 'forbid-enter':\n newCode[index] = '';\n codeSetter(newCode);\n\n break;\n case 'remove-symbol':\n default:\n setCode(newCode);\n inputRefs.current[index]?.classList.add(\n classes.itemError,\n classes.itemErrorFade,\n classes.itemErrorAnimation,\n );\n\n setTimeout(() => {\n const updatedCode = [...newCode];\n updatedCode[index] = '';\n\n codeSetter(updatedCode);\n\n inputRefs.current[index]?.classList.remove(\n classes.itemError,\n classes.itemErrorFade,\n classes.itemErrorAnimation,\n );\n }, ANIMATION_TIMEOUT);\n }\n};\n"],"names":["handleItemError","_ref","_inputRefs$current$in","_inputRefs$current$in4","currentSymbol","itemErrorBehavior","index","newCode","inputRefs","setCode","codeSetter","current","classList","add","classes","itemError","itemErrorAnimation","setTimeout","_inputRefs$current$in2","remove","_inputRefs$current$in3","setSelectionRange","ANIMATION_TIMEOUT","itemErrorFade","_inputRefs$current$in5","updatedCode","_toConsumableArray"],"mappings":"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"}
|
@@ -1,33 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var getFieldPattern = function getFieldPattern(allowedSymbols) {
|
6
|
-
if (!allowedSymbols) {
|
7
|
-
return null;
|
8
|
-
}
|
9
|
-
if (typeof allowedSymbols === 'string') {
|
10
|
-
return new RegExp(allowedSymbols, 'g');
|
11
|
-
}
|
12
|
-
return allowedSymbols;
|
13
|
-
};
|
14
|
-
var getCodeValue = function getCodeValue(codeLength, value) {
|
15
|
-
if (!value.length) {
|
16
|
-
return new Array(codeLength).fill('');
|
17
|
-
}
|
18
|
-
return value.slice(0, codeLength).split('');
|
19
|
-
};
|
20
|
-
var getPlaceholderValue = function getPlaceholderValue(codeLength, placeholder) {
|
21
|
-
if (!placeholder || typeof placeholder !== 'string') {
|
22
|
-
return null;
|
23
|
-
}
|
24
|
-
if (placeholder.length === 1) {
|
25
|
-
return Array(codeLength).fill(placeholder);
|
26
|
-
}
|
27
|
-
return placeholder.slice(0, codeLength).split('');
|
28
|
-
};
|
29
|
-
|
30
|
-
exports.getCodeValue = getCodeValue;
|
31
|
-
exports.getFieldPattern = getFieldPattern;
|
32
|
-
exports.getPlaceholderValue = getPlaceholderValue;
|
33
|
-
//# sourceMappingURL=initialValuesHelper.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"initialValuesHelper.js","sources":["../../../../src/components/CodeInput/utils/initialValuesHelper.ts"],"sourcesContent":["export const getFieldPattern = (allowedSymbols: RegExp | string) => {\n if (!allowedSymbols) {\n return null;\n }\n\n if (typeof allowedSymbols === 'string') {\n return new RegExp(allowedSymbols, 'g');\n }\n\n return allowedSymbols;\n};\n\nexport const getCodeValue = (codeLength: number, value: string): Array<string> => {\n if (!value.length) {\n return new Array(codeLength).fill('');\n }\n\n return value.slice(0, codeLength).split('');\n};\n\nexport const getPlaceholderValue = (codeLength: number, placeholder?: string): null | string[] => {\n if (!placeholder || typeof placeholder !== 'string') {\n return null;\n }\n\n if (placeholder.length === 1) {\n return Array(codeLength).fill(placeholder);\n }\n\n return placeholder.slice(0, codeLength).split('');\n};\n"],"names":["getFieldPattern","allowedSymbols","RegExp","getCodeValue","codeLength","value","length","Array","fill","slice","split","getPlaceholderValue","placeholder"],"mappings":";;;;IAAaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,cAA+B,EAAK;EAChE,IAAI,CAACA,cAAc,EAAE;AACjB,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AAEA,EAAA,IAAI,OAAOA,cAAc,KAAK,QAAQ,EAAE;AACpC,IAAA,OAAO,IAAIC,MAAM,CAACD,cAAc,EAAE,GAAG,CAAC,CAAA;AAC1C,GAAA;AAEA,EAAA,OAAOA,cAAc,CAAA;AACzB,EAAC;AAEM,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIC,UAAkB,EAAEC,KAAa,EAAoB;AAC9E,EAAA,IAAI,CAACA,KAAK,CAACC,MAAM,EAAE;IACf,OAAO,IAAIC,KAAK,CAACH,UAAU,CAAC,CAACI,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,OAAOH,KAAK,CAACI,KAAK,CAAC,CAAC,EAAEL,UAAU,CAAC,CAACM,KAAK,CAAC,EAAE,CAAC,CAAA;AAC/C,EAAC;AAEM,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIP,UAAkB,EAAEQ,WAAoB,EAAsB;AAC9F,EAAA,IAAI,CAACA,WAAW,IAAI,OAAOA,WAAW,KAAK,QAAQ,EAAE;AACjD,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AAEA,EAAA,IAAIA,WAAW,CAACN,MAAM,KAAK,CAAC,EAAE;IAC1B,OAAOC,KAAK,CAACH,UAAU,CAAC,CAACI,IAAI,CAACI,WAAW,CAAC,CAAA;AAC9C,GAAA;AAEA,EAAA,OAAOA,WAAW,CAACH,KAAK,CAAC,CAAC,EAAEL,UAAU,CAAC,CAACM,KAAK,CAAC,EAAE,CAAC,CAAA;AACrD;;;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/CodeInput/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../CodeInput.tokens';\n\nexport const base = css`\n &&[disabled] {\n opacity: var(${tokens.disabledOpacity});\n cursor: not-allowed;\n\n & > * {\n pointer-events: none;\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAShB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1vzcfqx.b1vzcfqx[disabled]{opacity:var(--plasma-codeinput-disabled-opacity);cursor:not-allowed;}.b1vzcfqx.b1vzcfqx[disabled] > *{pointer-events:none;}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/CodeInput/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { CaptionWrapper, CodeGroup, CodeWrapper, ItemInput } from '../../CodeInput.styles';\nimport { tokens, privateTokens } from '../../CodeInput.tokens';\n\nexport const base = css`\n gap: var(${tokens.captionGap});\n\n ${CodeWrapper}, ${CodeGroup} {\n gap: var(${tokens.codeItemsGap});\n }\n\n ${ItemInput} {\n font-size: var(${privateTokens.fontSize});\n font-family: var(${tokens.fontFamily});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${privateTokens.lineHeight});\n width: var(${privateTokens.itemWidth});\n height: var(${privateTokens.itemHeight});\n }\n\n ${CaptionWrapper} {\n font-family: var(${tokens.captionFontFamily});\n font-size: var(${tokens.captionFontSize});\n font-style: var(${tokens.captionFontStyle});\n font-weight: var(${tokens.captionFontWeight});\n letter-spacing: var(${tokens.captionLetterSpacing});\n line-height: var(${tokens.captionLineHeight});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GA0BhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bbkzv6b{gap:var(--plasma-codeinput-caption-gap);}.bbkzv6b .c1fux591,.bbkzv6b .cuja080{gap:var(--plasma-codeinput-code-item-gap);}.bbkzv6b .i16menav{font-size:var(--private-codeinput-font-size);font-family:var(--plasma-codeinput-font-family);font-style:var(--plasma-codeinput-font-style);font-weight:var(--plasma-codeinput-font-weight);-webkit-letter-spacing:var(--plasma-codeinput-letter-spacing);-moz-letter-spacing:var(--plasma-codeinput-letter-spacing);-ms-letter-spacing:var(--plasma-codeinput-letter-spacing);letter-spacing:var(--plasma-codeinput-letter-spacing);line-height:var(--private-codeinput-line-height);width:var(--private-codeinput-item-width);height:var(--private-codeinput-item-hieght);}.bbkzv6b .c19x1gm7{font-family:var(--plasma-codeinput-caption-font-family);font-size:var(--plasma-codeinput-caption-font-style);font-style:var(--plasma-codeinput-caption-font-size);font-weight:var(--plasma-codeinput-caption-font-weight);-webkit-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);-moz-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);-ms-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);letter-spacing:var(--plasma-codeinput-caption-letter-spacing);line-height:var(--plasma-codeinput-caption-line-height);}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/CodeInput/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { CaptionWrapper, ItemInput, ItemCircle } from '../../CodeInput.styles';\nimport { classes, tokens } from '../../CodeInput.tokens';\n\nexport const base = css`\n ${CaptionWrapper} {\n color: var(${tokens.captionColor});\n\n &.${classes.captionError} {\n color: var(${tokens.captionColorError});\n }\n }\n\n ${ItemInput} {\n color: var(${tokens.codeColor});\n background-color: var(${tokens.backgroundColor});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColor});\n }\n\n &:hover {\n .${classes.hoverEnabled} {\n background-color: var(${tokens.backgroundColorHover});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColorHover});\n }\n }\n\n &:focus-within {\n ${ItemInput}:focus-within {\n background-color: var(${tokens.backgroundColorFocus});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColorFocus});\n }\n }\n\n && .${classes.codeErrorAnimation} {\n animation: shakingError 0.3s forwards;\n }\n\n && .${classes.codeError} {\n ${ItemInput} {\n color: var(${tokens.codeColorError});\n background-color: var(${tokens.backgroundErrorColor});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderErrorColor});\n }\n\n ${ItemCircle} {\n border: var(${tokens.codeItemCircleBorderWidth}) solid var(${tokens.codeColorError});\n\n &.${classes.itemCirlceFilled} {\n background-color: var(${tokens.codeColorError});\n }\n }\n\n &:focus-within {\n ${ItemInput} {\n background-color: var(${tokens.backgroundErrorColor});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderErrorColor});\n }\n }\n\n &.${classes.codeErrorFade} {\n ${ItemInput} {\n animation: fadeError 0.3s forwards;\n }\n }\n }\n\n && .${classes.itemErrorAnimation} {\n animation: shakingError 0.3s forwards;\n }\n\n && .${classes.itemError}, && .${classes.itemError}:focus-within {\n color: var(${tokens.codeColorError});\n background-color: var(${tokens.backgroundErrorColor});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderErrorColor});\n\n &.${classes.codeErrorFade} {\n animation: shakingError 0.3s forwards fadeError 0.3s forwards;\n }\n }\n\n @keyframes shakingError {\n 14% {\n transform: translateX(-0.125rem);\n }\n 28% {\n transform: translateX(0.125rem);\n }\n 42% {\n transform: translateX(-0.125rem);\n }\n 57% {\n transform: translateX(0.125rem);\n }\n 71% {\n transform: translateX(-0.125rem);\n }\n 85% {\n transform: translateX(0.125rem);\n }\n 100% {\n transform: translateX(-0.125rem);\n }\n }\n\n @keyframes fadeError {\n 50% {\n color: var(${tokens.codeColorError});\n }\n 100% {\n color: transparent;\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GA4GhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bxs6mj3 .c19x1gm7{color:var(--plasma-codeinput-caption-color);}.bxs6mj3 .c19x1gm7.codeinput-caption-error{color:var(--plasma-codeinput-caption-color-error);}.bxs6mj3 .i16menav{color:var(--plasma-codeinput-code-color);background-color:var(--plasma-codeinput-background-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-color);}.bxs6mj3:hover .codeinput-item-hover-enabled{background-color:var(--plasma-codeinput-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-color-hover);}.bxs6mj3:focus-within .i16menav:focus-within{background-color:var(--plasma-codeinput-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-color-focus);}.bxs6mj3.bxs6mj3 .codeinput-code-error-animation{-webkit-animation:shakingError-bxs6mj3 0.3s forwards;animation:shakingError-bxs6mj3 0.3s forwards;}.bxs6mj3.bxs6mj3 .codeinput-code-error .i16menav{color:var(--plasma-codeinput-code-color-error);background-color:var(--plasma-codeinput-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-error-color);}.bxs6mj3.bxs6mj3 .codeinput-code-error .i1tn2nm3{border:var(--plasma-codeinput-item-circle-border-width) solid var(--plasma-codeinput-code-color-error);}.bxs6mj3.bxs6mj3 .codeinput-code-error .i1tn2nm3.codeinput-item-circle-filled{background-color:var(--plasma-codeinput-code-color-error);}.bxs6mj3.bxs6mj3 .codeinput-code-error:focus-within .i16menav{background-color:var(--plasma-codeinput-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-error-color);}.bxs6mj3.bxs6mj3 .codeinput-code-error.codeinput-code-error-fade .i16menav{-webkit-animation:fadeError-bxs6mj3 0.3s forwards;animation:fadeError-bxs6mj3 0.3s forwards;}.bxs6mj3.bxs6mj3 .codeinput-item-error-animation{-webkit-animation:shakingError-bxs6mj3 0.3s forwards;animation:shakingError-bxs6mj3 0.3s forwards;}.bxs6mj3.bxs6mj3 .codeinput-item-error,.bxs6mj3.bxs6mj3 .codeinput-item-error:focus-within{color:var(--plasma-codeinput-code-color-error);background-color:var(--plasma-codeinput-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-error-color);}.bxs6mj3.bxs6mj3 .codeinput-item-error.codeinput-code-error-fade,.bxs6mj3.bxs6mj3 .codeinput-item-error:focus-within.codeinput-code-error-fade{-webkit-animation:shakingError-bxs6mj3 0.3s forwards fadeError-bxs6mj3 0.3s forwards;animation:shakingError-bxs6mj3 0.3s forwards fadeError-bxs6mj3 0.3s forwards;}@-webkit-keyframes shakingError-bxs6mj3{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@keyframes shakingError-bxs6mj3{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@-webkit-keyframes fadeError-bxs6mj3{50%{color:var(--plasma-codeinput-code-color-error);}100%{color:transparent;}}@keyframes fadeError-bxs6mj3{50%{color:var(--plasma-codeinput-code-color-error);}100%{color:transparent;}}
|
@@ -1,6 +0,0 @@
|
|
1
|
-
.uxiiees{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;}.uxiiees .combobox-empty-state-wrapper{box-shadow:none;}
|
2
|
-
.i1veo3wn{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1veo3wn-0);}.i1veo3wn .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.i1veo3wn:hover,.i1veo3wn:active{color:var(--i1veo3wn-1);}
|
3
|
-
.s1hxiinv{width:var(--s1hxiinv-0);height:var(--s1hxiinv-0);}
|
4
|
-
|
5
|
-
.s11cn92k{--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);}
|
6
|
-
.spp7ogj{margin:0;padding:0;}
|
@@ -1,2 +0,0 @@
|
|
1
|
-
.un7uamp{box-sizing:border-box;width:var(--un7uamp-0);max-height:var(--un7uamp-1);margin:var(--un7uamp-2);padding:var(--plasma-dropdown-padding) 0;overflow-y:var(--un7uamp-3);background:var(--surface-solid-card-brightness);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-dropdown-border-radius);border:var(--plasma-dropdown-border-width) solid var(--plasma-dropdown-border-color);}
|
2
|
-
|
@@ -1,7 +0,0 @@
|
|
1
|
-
.c1gkzlls{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
|
2
|
-
|
3
|
-
.d1m97l2m{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color,var(--text-secondary));}
|
4
|
-
.soib72h{width:var(--soib72h-0);height:var(--soib72h-0);}
|
5
|
-
.d6l2f0g{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
|
6
|
-
.w1jav4ek{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;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:var(--plasma-dropdown-item-margin,0 calc(0.125rem + var(--plasma-dropdown-border-width,0rem)));box-sizing:content-box;padding:var(--w1jav4ek-1);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--plasma-colors-transparent);border-radius:var( --plasma-dropdown-item-border-radius, calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-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;}.w1jav4ek:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.w1jav4ek.dropdown-item-is-active{background-color:var(--plasma-dropdown-item-background-hover);}.w1jav4ek.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.w1jav4ek:focus{outline:none;}.w1jav4ek::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-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.w1jav4ek.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
7
|
-
.r1fqtjio{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bcchm3r{font-family:var(--plasma-link-font-family);color:var(--plasma-link-color);}.bcchm3r::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.bcchm3r:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.bcchm3r:hover::before{opacity:1;}.bcchm3r:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.bcchm3r:active::before{opacity:1;}.bcchm3r:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.bcchm3r:visited::before{opacity:1;}.bcchm3r:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.bcchm3r:visited:hover::before{opacity:1;}.bcchm3r:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.bcchm3r:visited:active::before{opacity:1;}
|
@@ -1,2 +0,0 @@
|
|
1
|
-
.upxbau6{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;}
|
2
|
-
|
@@ -1,11 +0,0 @@
|
|
1
|
-
.s1vls8ri{--plasma-cell-title-color:var(--s1vls8ri-0);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.s1vls8ri div.cell-content,.s1vls8ri div.cell-textbox{-webkit-flex:1;-ms-flex:1;flex:1;}.s1vls8ri div.cell-textbox-title{position:relative;}.s1vls8ri div.cell-textbox-title:before{content:' ';visibility:hidden;}.s1vls8ri div.cell-textbox-title span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
2
|
-
|
3
|
-
.s17z4dei{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
|
4
|
-
.s1nd9idj{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
|
5
|
-
.snb2nsj{width:var(--snb2nsj-0);height:var(--snb2nsj-0);}
|
6
|
-
.s581hb1{width:var(--s581hb1-0);height:var(--s581hb1-0);}
|
7
|
-
.dcgpql7{margin:var(--plasma-select-disclosure-icon-margin);line-height:0;color:var(--plasma-select-disclosure-icon-color);}.dcgpql7:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
|
8
|
-
.izzpzvq{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(--izzpzvq-0);height:var(--izzpzvq-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
|
9
|
-
.stxu93x{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
10
|
-
.w1hgpj20{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 calc(0.125rem + var(--plasma-select-dropdown-border-width,0rem));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(--plasma-colors-transparent);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;}.w1hgpj20:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.w1hgpj20.dropdown-item-is-active{background-color:var(--plasma-select-item-background-hover);}.w1hgpj20.dropdown-item-is-disabled{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.w1hgpj20:focus{outline:none;}.w1hgpj20::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:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.w1hgpj20.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
11
|
-
|