@salutejs/plasma-new-hope 0.173.0-canary.1488.11458822191.0 → 0.173.0-canary.1497.11459278795.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +28 -14
- package/cjs/components/Combobox/ComboboxOld/Combobox.js +2 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +32 -18
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +3 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +32 -18
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +3 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +32 -18
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +3 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +32 -18
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +3 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.css +30 -16
- package/cjs/components/Dropdown/Dropdown.js +66 -44
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js +14 -27
- package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles_18f0qpm.css +2 -0
- package/cjs/components/Dropdown/Dropdown.tokens.js +24 -1
- package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/cjs/components/Dropdown/FloatingPopover.js +104 -0
- package/cjs/components/Dropdown/FloatingPopover.js.map +1 -0
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -52
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +46 -6
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +27 -31
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +5 -0
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_12e50g5.css → DropdownItem.styles_1lyg81y.css} +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
- package/cjs/components/Dropdown/utils/getItemByFocused.js +13 -0
- package/cjs/components/Dropdown/utils/getItemByFocused.js.map +1 -0
- package/cjs/components/Dropdown/utils/getItemId.js +10 -0
- package/cjs/components/Dropdown/utils/getItemId.js.map +1 -0
- package/cjs/components/Dropdown/utils/index.js.map +1 -1
- package/cjs/components/Select/utils/getCorrectHeight.js.map +1 -1
- package/cjs/hooks/useOutsideClick.js +1 -1
- package/cjs/hooks/useOutsideClick.js.map +1 -1
- package/cjs/index.css +11 -15
- package/cjs/index.js +0 -3
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Dropdown/Dropdown.js +58 -36
- package/emotion/cjs/components/Dropdown/Dropdown.styles.js +9 -25
- package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +36 -2
- package/emotion/cjs/components/Dropdown/FloatingPopover.js +109 -0
- package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +21 -41
- package/emotion/cjs/components/Dropdown/utils/getItemByFocused.js +12 -0
- package/emotion/cjs/components/Dropdown/utils/getItemId.js +9 -0
- package/emotion/cjs/components/Dropdown/utils/index.js +16 -1
- package/emotion/cjs/examples/_helpers.js +14 -3
- package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +20 -5
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +20 -5
- package/emotion/cjs/examples/themes/declaration.d.ts +4 -0
- package/emotion/cjs/examples/themes/index.js +15 -0
- package/emotion/cjs/examples/themes/plasma_b2c.module.css +984 -0
- package/emotion/cjs/examples/themes/plasma_web.module.css +984 -0
- package/emotion/cjs/hooks/useOutsideClick.js +1 -1
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/components/Dropdown/Dropdown.js +60 -39
- package/emotion/es/components/Dropdown/Dropdown.styles.js +9 -25
- package/emotion/es/components/Dropdown/Dropdown.tokens.js +35 -1
- package/emotion/es/components/Dropdown/FloatingPopover.js +102 -0
- package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +22 -42
- package/emotion/es/components/Dropdown/utils/getItemByFocused.js +6 -0
- package/emotion/es/components/Dropdown/utils/getItemId.js +3 -0
- package/emotion/es/components/Dropdown/utils/index.js +3 -1
- package/emotion/es/examples/_helpers.js +14 -3
- package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
- package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +20 -5
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +20 -5
- package/emotion/es/examples/themes/declaration.d.ts +4 -0
- package/emotion/es/examples/themes/index.js +7 -0
- package/emotion/es/examples/themes/plasma_b2c.module.css +984 -0
- package/emotion/es/examples/themes/plasma_web.module.css +984 -0
- package/emotion/es/hooks/useOutsideClick.js +1 -1
- package/emotion/es/index.js +1 -2
- package/es/components/Combobox/ComboboxOld/Combobox.css +28 -14
- package/es/components/Combobox/ComboboxOld/Combobox.js +2 -1
- package/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +32 -18
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +3 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +32 -18
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +3 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +32 -18
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +3 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +32 -18
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +3 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
- package/es/components/Dropdown/Dropdown.css +30 -16
- package/es/components/Dropdown/Dropdown.js +67 -46
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles.js +15 -27
- package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles_18f0qpm.css +2 -0
- package/es/components/Dropdown/Dropdown.tokens.js +24 -1
- package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/es/components/Dropdown/FloatingPopover.js +100 -0
- package/es/components/Dropdown/FloatingPopover.js.map +1 -0
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -53
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +46 -6
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +26 -29
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +5 -0
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
- package/es/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_12e50g5.css → DropdownItem.styles_1lyg81y.css} +1 -1
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
- package/es/components/Dropdown/utils/getItemByFocused.js +9 -0
- package/es/components/Dropdown/utils/getItemByFocused.js.map +1 -0
- package/es/components/Dropdown/utils/getItemId.js +6 -0
- package/es/components/Dropdown/utils/getItemId.js.map +1 -0
- package/es/components/Dropdown/utils/index.js.map +1 -1
- package/es/components/Select/utils/getCorrectHeight.js.map +1 -1
- package/es/hooks/useOutsideClick.js +1 -1
- package/es/hooks/useOutsideClick.js.map +1 -1
- package/es/index.css +11 -15
- package/es/index.js +0 -1
- package/es/index.js.map +1 -1
- package/package.json +2 -3
- package/styled-components/cjs/components/Dropdown/Dropdown.js +58 -36
- package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +9 -15
- package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +36 -2
- package/styled-components/cjs/components/Dropdown/FloatingPopover.js +109 -0
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +17 -19
- package/styled-components/cjs/components/Dropdown/utils/getItemByFocused.js +12 -0
- package/styled-components/cjs/components/Dropdown/utils/getItemId.js +9 -0
- package/styled-components/cjs/components/Dropdown/utils/index.js +16 -1
- package/styled-components/cjs/examples/_helpers.js +14 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +20 -5
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +20 -5
- package/styled-components/cjs/examples/themes/declaration.d.ts +4 -0
- package/styled-components/cjs/examples/themes/index.js +15 -0
- package/styled-components/cjs/examples/themes/plasma_b2c.module.css +984 -0
- package/styled-components/cjs/examples/themes/plasma_web.module.css +984 -0
- package/styled-components/cjs/hooks/useOutsideClick.js +1 -1
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/components/Dropdown/Dropdown.js +60 -39
- package/styled-components/es/components/Dropdown/Dropdown.styles.js +9 -15
- package/styled-components/es/components/Dropdown/Dropdown.tokens.js +35 -1
- package/styled-components/es/components/Dropdown/FloatingPopover.js +102 -0
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +18 -20
- package/styled-components/es/components/Dropdown/utils/getItemByFocused.js +6 -0
- package/styled-components/es/components/Dropdown/utils/getItemId.js +3 -0
- package/styled-components/es/components/Dropdown/utils/index.js +3 -1
- package/styled-components/es/examples/_helpers.js +14 -3
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +20 -5
- package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
- package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +20 -5
- package/styled-components/es/examples/themes/declaration.d.ts +4 -0
- package/styled-components/es/examples/themes/index.js +7 -0
- package/styled-components/es/examples/themes/plasma_b2c.module.css +984 -0
- package/styled-components/es/examples/themes/plasma_web.module.css +984 -0
- package/styled-components/es/hooks/useOutsideClick.js +1 -1
- package/styled-components/es/index.js +1 -2
- package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts +2 -1
- package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.d.ts +2 -1
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts +1 -6
- package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.tokens.d.ts +25 -0
- package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +31 -5
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/components/Dropdown/FloatingPopover.d.ts +5 -0
- package/types/components/Dropdown/FloatingPopover.d.ts.map +1 -0
- package/types/components/Dropdown/index.d.ts +1 -1
- package/types/components/Dropdown/index.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +1 -12
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +32 -3
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +1 -14
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
- package/types/components/Dropdown/utils/getItemByFocused.d.ts +4 -0
- package/types/components/Dropdown/utils/getItemByFocused.d.ts.map +1 -0
- package/types/components/Dropdown/utils/getItemId.d.ts +2 -0
- package/types/components/Dropdown/utils/getItemId.d.ts.map +1 -0
- package/types/components/Dropdown/utils/index.d.ts +2 -0
- package/types/components/Dropdown/utils/index.d.ts.map +1 -1
- package/types/components/Select/utils/getCorrectHeight.d.ts +2 -2
- package/types/components/Select/utils/getCorrectHeight.d.ts.map +1 -1
- package/types/examples/_helpers.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts +3 -3
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +4 -4
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts +3 -3
- package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts +4 -4
- package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/examples/themes/index.d.ts +6 -0
- package/types/examples/themes/index.d.ts.map +1 -0
- package/types/hooks/useOutsideClick.d.ts +1 -1
- package/types/hooks/useOutsideClick.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +0 -6
- package/cjs/components/ViewContainer/ViewContainer.js +0 -38
- package/cjs/components/ViewContainer/ViewContainer.js.map +0 -1
- package/cjs/components/ViewContainer/ViewContainer_yiqfcb.css +0 -1
- package/cjs/components/ViewContainer/_view/base.js +0 -9
- package/cjs/components/ViewContainer/_view/base.js.map +0 -1
- package/cjs/components/ViewContainer/_view/base_x642ct.css +0 -1
- package/emotion/cjs/components/ViewContainer/ViewContainer.js +0 -49
- package/emotion/cjs/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
- package/emotion/cjs/components/ViewContainer/_view/base.js +0 -8
- package/emotion/cjs/components/ViewContainer/_view/tokens.json +0 -1
- package/emotion/cjs/components/ViewContainer/index.js +0 -18
- package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -16
- package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -16
- package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/emotion/es/components/ViewContainer/ViewContainer.js +0 -40
- package/emotion/es/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
- package/emotion/es/components/ViewContainer/_view/base.js +0 -2
- package/emotion/es/components/ViewContainer/_view/tokens.json +0 -1
- package/emotion/es/components/ViewContainer/index.js +0 -1
- package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -10
- package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -10
- package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -5
- package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/es/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +0 -6
- package/es/components/ViewContainer/ViewContainer.js +0 -33
- package/es/components/ViewContainer/ViewContainer.js.map +0 -1
- package/es/components/ViewContainer/ViewContainer_yiqfcb.css +0 -1
- package/es/components/ViewContainer/_view/base.js +0 -5
- package/es/components/ViewContainer/_view/base.js.map +0 -1
- package/es/components/ViewContainer/_view/base_x642ct.css +0 -1
- package/styled-components/cjs/components/ViewContainer/ViewContainer.js +0 -40
- package/styled-components/cjs/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
- package/styled-components/cjs/components/ViewContainer/_view/base.js +0 -8
- package/styled-components/cjs/components/ViewContainer/_view/tokens.json +0 -1
- package/styled-components/cjs/components/ViewContainer/index.js +0 -18
- package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -16
- package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -16
- package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/styled-components/es/components/ViewContainer/ViewContainer.js +0 -31
- package/styled-components/es/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
- package/styled-components/es/components/ViewContainer/_view/base.js +0 -2
- package/styled-components/es/components/ViewContainer/_view/tokens.json +0 -1
- package/styled-components/es/components/ViewContainer/index.js +0 -1
- package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -10
- package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -10
- package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -5
- package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/types/components/ViewContainer/ViewContainer.d.ts +0 -26
- package/types/components/ViewContainer/ViewContainer.d.ts.map +0 -1
- package/types/components/ViewContainer/_view/base.d.ts +0 -2
- package/types/components/ViewContainer/_view/base.d.ts.map +0 -1
- package/types/components/ViewContainer/index.d.ts +0 -2
- package/types/components/ViewContainer/index.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.d.ts +0 -9
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.d.ts +0 -8
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.d.ts.map +0 -1
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.config.d.ts +0 -9
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.d.ts +0 -8
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.d.ts.map +0 -1
@@ -5,29 +5,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.DropdownInner = void 0;
|
7
7
|
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
+
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
8
9
|
var _ = /*#__PURE__*/require("..");
|
9
10
|
var _Dropdown = /*#__PURE__*/require("../../Dropdown.styles");
|
11
|
+
var _FloatingPopover = /*#__PURE__*/require("../../FloatingPopover");
|
10
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
13
|
var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
|
12
14
|
var item = _ref.item,
|
13
15
|
currentLevel = _ref.currentLevel,
|
14
|
-
focusedPath = _ref.focusedPath,
|
15
16
|
path = _ref.path,
|
16
17
|
dispatchPath = _ref.dispatchPath,
|
17
18
|
index = _ref.index,
|
18
19
|
trigger = _ref.trigger,
|
19
|
-
itemRole = _ref.itemRole,
|
20
20
|
listHeight = _ref.listHeight,
|
21
21
|
listOverflow = _ref.listOverflow,
|
22
|
-
|
23
|
-
closeOnSelect = _ref.closeOnSelect,
|
24
|
-
onHover = _ref.onHover,
|
25
|
-
onItemSelect = _ref.onItemSelect,
|
26
|
-
onItemClick = _ref.onItemClick,
|
27
|
-
listWidth = _ref.listWidth,
|
28
|
-
variant = _ref.variant,
|
29
|
-
hasArrow = _ref.hasArrow,
|
30
|
-
size = _ref.size;
|
22
|
+
listWidth = _ref.listWidth;
|
31
23
|
var handleToggle = function handleToggle(opened) {
|
32
24
|
if (opened) {
|
33
25
|
dispatchPath({
|
@@ -43,79 +35,53 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
|
|
43
35
|
}
|
44
36
|
};
|
45
37
|
var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
|
46
|
-
var
|
38
|
+
var treeId = (0, _plasmaCore.safeUseId)();
|
39
|
+
var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
|
47
40
|
var nextLevel = currentLevel + 1;
|
48
41
|
if (item !== null && item !== void 0 && item.items) {
|
49
|
-
return /*#__PURE__*/_react["default"].createElement(
|
50
|
-
opened: isCurrentListOpen,
|
51
|
-
usePortal: false,
|
42
|
+
return /*#__PURE__*/_react["default"].createElement(_FloatingPopover.FloatingPopover, {
|
52
43
|
placement: "right-start",
|
44
|
+
opened: isCurrentListOpen,
|
45
|
+
onToggle: handleToggle,
|
53
46
|
trigger: trigger,
|
54
47
|
target: /*#__PURE__*/_react["default"].createElement(_.DropdownItem, {
|
55
48
|
item: item,
|
56
49
|
index: index,
|
57
50
|
path: path,
|
58
|
-
focusedPath: focusedPath,
|
59
51
|
currentLevel: currentLevel,
|
60
|
-
itemRole: itemRole,
|
61
|
-
onHover: onHover,
|
62
|
-
onItemSelect: onItemSelect,
|
63
|
-
onItemClick: onItemClick,
|
64
|
-
variant: variant,
|
65
|
-
hasArrow: hasArrow,
|
66
52
|
ariaControls: listId,
|
67
53
|
ariaExpanded: isCurrentListOpen,
|
68
54
|
ariaLevel: nextLevel,
|
69
|
-
ariaLabel: item.label
|
70
|
-
size: size
|
55
|
+
ariaLabel: item.label
|
71
56
|
}),
|
72
|
-
|
73
|
-
isFocusTrapped: false,
|
74
|
-
preventOverflow: false
|
57
|
+
isInner: true
|
75
58
|
}, /*#__PURE__*/_react["default"].createElement(_Dropdown.Ul, {
|
59
|
+
id: listId,
|
60
|
+
role: "group",
|
61
|
+
isInnerUl: true,
|
76
62
|
listHeight: listHeight,
|
77
63
|
listOverflow: listOverflow,
|
78
|
-
|
79
|
-
id: listId,
|
80
|
-
listWidth: listWidth,
|
81
|
-
isInnerUl: true
|
64
|
+
listWidth: listWidth
|
82
65
|
}, item.items.map(function (innerItem, innerIndex) {
|
83
66
|
return /*#__PURE__*/_react["default"].createElement(DropdownInner, {
|
84
67
|
key: "".concat(innerIndex, "/").concat(currentLevel),
|
85
68
|
item: innerItem,
|
86
69
|
currentLevel: nextLevel,
|
87
|
-
focusedPath: focusedPath,
|
88
70
|
path: path,
|
89
71
|
dispatchPath: dispatchPath,
|
90
72
|
index: innerIndex,
|
91
73
|
trigger: trigger,
|
92
|
-
itemRole: itemRole,
|
93
74
|
listHeight: listHeight,
|
94
75
|
listOverflow: listOverflow,
|
95
|
-
|
96
|
-
closeOnSelect: closeOnSelect,
|
97
|
-
onHover: onHover,
|
98
|
-
onItemSelect: onItemSelect,
|
99
|
-
onItemClick: onItemClick,
|
100
|
-
listWidth: listWidth,
|
101
|
-
variant: variant,
|
102
|
-
hasArrow: hasArrow,
|
103
|
-
size: size
|
76
|
+
listWidth: listWidth
|
104
77
|
});
|
105
78
|
})));
|
106
79
|
}
|
107
80
|
return /*#__PURE__*/_react["default"].createElement(_.DropdownItem, {
|
108
81
|
item: item,
|
82
|
+
path: path,
|
109
83
|
index: index,
|
110
|
-
focusedPath: focusedPath,
|
111
84
|
currentLevel: currentLevel,
|
112
|
-
|
113
|
-
handleGlobalToggle: handleGlobalToggle,
|
114
|
-
closeOnSelect: closeOnSelect,
|
115
|
-
onHover: onHover,
|
116
|
-
onItemSelect: onItemSelect,
|
117
|
-
onItemClick: onItemClick,
|
118
|
-
variant: variant,
|
119
|
-
size: size
|
85
|
+
ariaLevel: nextLevel
|
120
86
|
});
|
121
87
|
};
|
@@ -9,29 +9,20 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
|
|
9
9
|
var _Dropdown = /*#__PURE__*/require("../../Dropdown.tokens");
|
10
10
|
var _utils = /*#__PURE__*/require("../../../../utils");
|
11
11
|
var _Icon = /*#__PURE__*/require("../../../_Icon");
|
12
|
+
var _Dropdown2 = /*#__PURE__*/require("../../Dropdown");
|
13
|
+
var _utils2 = /*#__PURE__*/require("../../utils");
|
12
14
|
var _DropdownItem = /*#__PURE__*/require("./DropdownItem.styles");
|
13
15
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
14
16
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
15
17
|
var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
|
16
18
|
var item = _ref.item,
|
17
19
|
path = _ref.path,
|
18
|
-
focusedPath = _ref.focusedPath,
|
19
20
|
currentLevel = _ref.currentLevel,
|
20
21
|
index = _ref.index,
|
21
|
-
itemRole = _ref.itemRole,
|
22
|
-
closeOnSelect = _ref.closeOnSelect,
|
23
|
-
handleGlobalToggle = _ref.handleGlobalToggle,
|
24
|
-
onHover = _ref.onHover,
|
25
|
-
onItemSelect = _ref.onItemSelect,
|
26
|
-
onItemClick = _ref.onItemClick,
|
27
22
|
ariaControls = _ref.ariaControls,
|
28
23
|
ariaExpanded = _ref.ariaExpanded,
|
29
|
-
ariaHasPopup = _ref.ariaHasPopup,
|
30
24
|
ariaLevel = _ref.ariaLevel,
|
31
|
-
ariaLabel = _ref.ariaLabel
|
32
|
-
variant = _ref.variant,
|
33
|
-
hasArrow = _ref.hasArrow,
|
34
|
-
size = _ref.size;
|
25
|
+
ariaLabel = _ref.ariaLabel;
|
35
26
|
var value = item.value,
|
36
27
|
label = item.label,
|
37
28
|
disabled = item.disabled,
|
@@ -41,6 +32,19 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
|
|
41
32
|
dividerBefore = item.dividerBefore,
|
42
33
|
dividerAfter = item.dividerAfter;
|
43
34
|
var ref = (0, _react.useRef)(null);
|
35
|
+
var _useContext = (0, _react.useContext)(_Dropdown2.Context),
|
36
|
+
focusedPath = _useContext.focusedPath,
|
37
|
+
size = _useContext.size,
|
38
|
+
variant = _useContext.variant,
|
39
|
+
itemRole = _useContext.itemRole,
|
40
|
+
handleGlobalToggle = _useContext.handleGlobalToggle,
|
41
|
+
closeOnSelect = _useContext.closeOnSelect,
|
42
|
+
onHover = _useContext.onHover,
|
43
|
+
onItemSelect = _useContext.onItemSelect,
|
44
|
+
onItemClick = _useContext.onItemClick,
|
45
|
+
hasArrow = _useContext.hasArrow,
|
46
|
+
treeId = _useContext.treeId;
|
47
|
+
var hasDescendants = Boolean(item.items);
|
44
48
|
var disclosureIconSize = size === 'xs' ? 'xs' : 's';
|
45
49
|
var isDisabledClassName = disabled || isDisabled ? _Dropdown.classes.dropdownItemIsDisabled : undefined;
|
46
50
|
var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? _Dropdown.classes.dropdownItemIsFocused : undefined;
|
@@ -64,7 +68,9 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
|
|
64
68
|
if (onItemClick) {
|
65
69
|
onItemClick(item, event);
|
66
70
|
}
|
67
|
-
|
71
|
+
|
72
|
+
// Закрываем весь дропдаун целиком при клике на айтем без потомков. Только при closeOnSelect === true.
|
73
|
+
if (closeOnSelect && !hasDescendants) {
|
68
74
|
handleGlobalToggle(false, event);
|
69
75
|
}
|
70
76
|
};
|
@@ -76,20 +82,25 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
|
|
76
82
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, dividerBefore && /*#__PURE__*/_react["default"].createElement(_DropdownItem.Divider, {
|
77
83
|
variant: variant
|
78
84
|
}), /*#__PURE__*/_react["default"].createElement(_DropdownItem.Wrapper, {
|
85
|
+
ref: ref,
|
79
86
|
className: (0, _utils.cx)(isDisabledClassName, focusedClass, activeClass),
|
80
|
-
id: value.toString(),
|
87
|
+
id: (0, _utils2.getItemId)(treeId, value.toString()),
|
81
88
|
role: itemRole,
|
82
|
-
ref: ref,
|
83
|
-
"aria-disabled": disabled || isDisabled,
|
84
89
|
onClick: handleClick,
|
85
90
|
onMouseEnter: handleHover,
|
86
91
|
variant: variant,
|
92
|
+
"aria-disabled": disabled || isDisabled,
|
87
93
|
"aria-controls": ariaControls,
|
88
94
|
"aria-expanded": ariaExpanded,
|
89
|
-
"aria-haspopup": ariaHasPopup,
|
90
95
|
"aria-level": ariaLevel,
|
91
96
|
"aria-label": ariaLabel
|
92
|
-
},
|
97
|
+
}, /*#__PURE__*/_react["default"].createElement(_DropdownItem.CellWrapper, null, /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledCell, {
|
98
|
+
contentLeft: contentLeft,
|
99
|
+
contentRight: contentRight,
|
100
|
+
alignContentLeft: "center",
|
101
|
+
alignContentRight: "center",
|
102
|
+
title: label
|
103
|
+
})), item.items && hasArrow && /*#__PURE__*/_react["default"].createElement(_DropdownItem.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
|
93
104
|
size: disclosureIconSize,
|
94
105
|
color: "inherit"
|
95
106
|
}))), dividerAfter && /*#__PURE__*/_react["default"].createElement(_DropdownItem.Divider, {
|
@@ -3,25 +3,26 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.Wrapper = exports.
|
6
|
+
exports.Wrapper = exports.StyledCell = exports.Divider = exports.DisclosureIconWrapper = exports.CellWrapper = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
8
|
var _Dropdown = /*#__PURE__*/require("../../Dropdown.tokens");
|
9
9
|
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
10
|
+
var _Cell = /*#__PURE__*/require("../../../Cell");
|
11
|
+
var _engines = /*#__PURE__*/require("../../../../engines");
|
10
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
-
var
|
13
|
+
var mergedCellConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Cell.cellConfig);
|
14
|
+
var Cell = /*#__PURE__*/(0, _engines.component)(mergedCellConfig);
|
15
|
+
var CellWrapper = exports.CellWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
12
16
|
componentId: "plasma-new-hope__sc-hs0ek1-0"
|
13
|
-
})(["
|
14
|
-
var
|
17
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");width:100%;"], _Cell.cellTokens.cellTitleColor, _Dropdown.constants.cellTitleColor, _Cell.cellTokens.cellBackgroundColor, _Dropdown.constants.cellBackgroundColor, _Cell.cellTokens.cellPadding, _Dropdown.tokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Dropdown.tokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Dropdown.tokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Dropdown.tokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Dropdown.tokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Dropdown.tokens.cellGap, _Cell.cellTokens.cellTitleFontFamily, _Dropdown.tokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Dropdown.tokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Dropdown.tokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Dropdown.tokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Dropdown.tokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Dropdown.tokens.cellTitleLineHeight);
|
18
|
+
var StyledCell = exports.StyledCell = /*#__PURE__*/(0, _styledComponents["default"])(Cell).withConfig({
|
15
19
|
componentId: "plasma-new-hope__sc-hs0ek1-1"
|
16
|
-
})(["
|
20
|
+
})([""]);
|
17
21
|
var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
18
22
|
componentId: "plasma-new-hope__sc-hs0ek1-2"
|
19
|
-
})(["line-height:0;color:var(", ");"], _Dropdown.
|
20
|
-
var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
21
|
-
componentId: "plasma-new-hope__sc-hs0ek1-3"
|
22
|
-
})(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
23
|
+
})(["line-height:0;color:var(", ");"], _Dropdown.constants.disclosureIconColor);
|
23
24
|
var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
24
|
-
componentId: "plasma-new-hope__sc-hs0ek1-
|
25
|
+
componentId: "plasma-new-hope__sc-hs0ek1-3"
|
25
26
|
})(["height:1px;margin-top:", ";margin-right:var(", ");margin-bottom:", ";margin-left:var(", ");background:var(", ");"], function (_ref) {
|
26
27
|
var variant = _ref.variant;
|
27
28
|
return "var(".concat(variant === 'tight' ? _Dropdown.tokens.dividerMarginTopTight : _Dropdown.tokens.dividerMarginTop, ")");
|
@@ -30,18 +31,15 @@ var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.wi
|
|
30
31
|
return "var(".concat(variant === 'tight' ? _Dropdown.tokens.dividerMarginBottomTight : _Dropdown.tokens.dividerMarginBottom, ")");
|
31
32
|
}, _Dropdown.tokens.dividerMarginLeft, _Dropdown.tokens.dividerColor);
|
32
33
|
var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
|
33
|
-
componentId: "plasma-new-hope__sc-hs0ek1-
|
34
|
-
})(["display:flex;align-items:center;
|
34
|
+
componentId: "plasma-new-hope__sc-hs0ek1-4"
|
35
|
+
})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");border-radius:var(", ");user-select:none;border-right:0.125rem solid transparent;border-left:0.125rem solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Dropdown.tokens.itemHeight, function (_ref3) {
|
35
36
|
var variant = _ref3.variant;
|
36
|
-
return "var(".concat(variant === 'tight' ? _Dropdown.tokens.
|
37
|
-
}, _Dropdown.tokens.
|
38
|
-
var variant = _ref4.variant;
|
39
|
-
return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingBottomTight : _Dropdown.tokens.itemPaddingBottom, ")");
|
40
|
-
}, _Dropdown.tokens.itemPaddingLeft, _Dropdown.tokens.itemFontFamily, _Dropdown.tokens.itemFontSize, _Dropdown.tokens.itemFontStyle, _Dropdown.tokens.itemFontWeightBold, _Dropdown.tokens.itemFontLetterSpacing, _Dropdown.tokens.itemFontLineHeight, _Dropdown.tokens.itemBackground, _Dropdown.tokens.itemColor, _Dropdown.tokens.itemBorderRadius, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsActive, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.tokens.disabledOpacity, /*#__PURE__*/(0, _mixins.addFocus)({
|
37
|
+
return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingTight : _Dropdown.tokens.itemPadding, ")");
|
38
|
+
}, _Dropdown.tokens.itemFontFamily, _Dropdown.tokens.itemFontSize, _Dropdown.tokens.itemFontStyle, _Dropdown.tokens.itemFontWeightBold, _Dropdown.tokens.itemFontLetterSpacing, _Dropdown.tokens.itemFontLineHeight, _Dropdown.constants.itemBackground, _Dropdown.tokens.borderRadius, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.constants.itemBackgroundHover, _Dropdown.classes.dropdownItemIsActive, _Dropdown.constants.itemBackgroundHover, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
|
41
39
|
outlineSize: '0.0625rem',
|
42
40
|
outlineOffset: '0',
|
43
|
-
outlineColor: /*#__PURE__*/"var(".concat(_Dropdown.
|
41
|
+
outlineColor: /*#__PURE__*/"var(".concat(_Dropdown.constants.focusColor, ")"),
|
44
42
|
outlineRadius: /*#__PURE__*/"var(".concat(_Dropdown.tokens.itemBorderRadius, ")"),
|
45
43
|
hasTransition: false,
|
46
|
-
customFocusRules: /*#__PURE__*/"\n &.".concat(_Dropdown.classes.dropdownItemIsFocused, ":before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(").concat(_Dropdown.
|
44
|
+
customFocusRules: /*#__PURE__*/"\n &.".concat(_Dropdown.classes.dropdownItemIsFocused, ":before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(").concat(_Dropdown.constants.focusColor, ");\n }\n ")
|
47
45
|
}));
|
@@ -0,0 +1,12 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.getItemByFocused = void 0;
|
7
|
+
var getItemByFocused = exports.getItemByFocused = function getItemByFocused(focusedPath, focusedToValueMap) {
|
8
|
+
var focusedPathAsString = focusedPath.reduce(function (acc, n) {
|
9
|
+
return "".concat(acc, "/").concat(n);
|
10
|
+
}, '').replace(/^(\/)/, '');
|
11
|
+
return focusedToValueMap.get(focusedPathAsString);
|
12
|
+
};
|
@@ -3,8 +3,23 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.getCorrectHeight = exports.childrenWithProps = void 0;
|
7
|
+
Object.defineProperty(exports, "getItemByFocused", {
|
8
|
+
enumerable: true,
|
9
|
+
get: function get() {
|
10
|
+
return _getItemByFocused.getItemByFocused;
|
11
|
+
}
|
12
|
+
});
|
13
|
+
Object.defineProperty(exports, "getItemId", {
|
14
|
+
enumerable: true,
|
15
|
+
get: function get() {
|
16
|
+
return _getItemId.getItemId;
|
17
|
+
}
|
18
|
+
});
|
19
|
+
exports.getValidComponent = void 0;
|
7
20
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
21
|
+
var _getItemId = /*#__PURE__*/require("./getItemId");
|
22
|
+
var _getItemByFocused = /*#__PURE__*/require("./getItemByFocused");
|
8
23
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
9
24
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
10
25
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.WithTheme = void 0;
|
7
7
|
exports.argTypesFromConfig = argTypesFromConfig;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
9
|
+
var _themes = /*#__PURE__*/require("./themes");
|
9
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
11
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
11
12
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
@@ -14,9 +15,19 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
14
15
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
15
16
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
16
17
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
17
|
-
|
18
|
-
var
|
19
|
-
|
18
|
+
var WithTheme = exports.WithTheme = function WithTheme(Story, context) {
|
19
|
+
var _themes$themeName;
|
20
|
+
var themeType = context.globals.theme;
|
21
|
+
var themeName = context.title.split('/')[0];
|
22
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
23
|
+
id: "theme-root",
|
24
|
+
className: _themes.themes === null || _themes.themes === void 0 || (_themes$themeName = _themes.themes[themeName]) === null || _themes$themeName === void 0 ? void 0 : _themes$themeName[themeType],
|
25
|
+
style: {
|
26
|
+
padding: '1rem',
|
27
|
+
minHeight: '100vh',
|
28
|
+
boxSizing: 'border-box'
|
29
|
+
}
|
30
|
+
}, /*#__PURE__*/_react["default"].createElement(Story, null));
|
20
31
|
};
|
21
32
|
function argTypesFromConfig(config) {
|
22
33
|
var exclude = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
@@ -13,13 +13,13 @@ var config = exports.config = {
|
|
13
13
|
},
|
14
14
|
variations: {
|
15
15
|
size: {
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
16
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":17.5rem;", ":0.875rem;", ":1.5rem;", ":1rem 1rem 1rem 0.875rem;", ":0.75rem 1rem 0.75rem 0.875rem;", ":0.75rem;", ":0.5rem;", ":1.125rem;", ":0.5rem;", ":1.125rem;", ":0.375rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemHeight, _Dropdown.dropdownTokens.itemPadding, _Dropdown.dropdownTokens.itemPaddingTight, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.dividerMarginTop, _Dropdown.dropdownTokens.dividerMarginRight, _Dropdown.dropdownTokens.dividerMarginBottom, _Dropdown.dropdownTokens.dividerMarginLeft, _Dropdown.dropdownTokens.dividerMarginTopTight, _Dropdown.dropdownTokens.dividerMarginBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight, _Dropdown.dropdownTokens.cellPadding, _Dropdown.dropdownTokens.cellPaddingLeftContent, _Dropdown.dropdownTokens.cellPaddingContent, _Dropdown.dropdownTokens.cellPaddingRightContent, _Dropdown.dropdownTokens.cellTextboxGap, _Dropdown.dropdownTokens.cellGap, _Dropdown.dropdownTokens.cellTitleFontFamily, _Dropdown.dropdownTokens.cellTitleFontSize, _Dropdown.dropdownTokens.cellTitleFontStyle, _Dropdown.dropdownTokens.cellTitleFontWeight, _Dropdown.dropdownTokens.cellTitleLetterSpacing, _Dropdown.dropdownTokens.cellTitleLineHeight),
|
17
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":15rem;", ":0.75rem;", ":1.5rem;", ":0.75rem 0.75rem 0.75rem 0.75rem;", ":0.5rem 0.75rem 0.5rem 0.75rem;", ":0.625rem;", ":0.375rem;", ":0.875rem;", ":0.375rem;", ":0.875rem;", ":0.375rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemHeight, _Dropdown.dropdownTokens.itemPadding, _Dropdown.dropdownTokens.itemPaddingTight, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.dividerMarginTop, _Dropdown.dropdownTokens.dividerMarginRight, _Dropdown.dropdownTokens.dividerMarginBottom, _Dropdown.dropdownTokens.dividerMarginLeft, _Dropdown.dropdownTokens.dividerMarginTopTight, _Dropdown.dropdownTokens.dividerMarginBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight, _Dropdown.dropdownTokens.cellPadding, _Dropdown.dropdownTokens.cellPaddingLeftContent, _Dropdown.dropdownTokens.cellPaddingContent, _Dropdown.dropdownTokens.cellPaddingRightContent, _Dropdown.dropdownTokens.cellTextboxGap, _Dropdown.dropdownTokens.cellGap, _Dropdown.dropdownTokens.cellTitleFontFamily, _Dropdown.dropdownTokens.cellTitleFontSize, _Dropdown.dropdownTokens.cellTitleFontStyle, _Dropdown.dropdownTokens.cellTitleFontWeight, _Dropdown.dropdownTokens.cellTitleLetterSpacing, _Dropdown.dropdownTokens.cellTitleLineHeight),
|
18
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":12.5rem;", ":0.625rem;", ":1.5rem;", ":0.5rem 0.75rem 0.5rem 0.675rem;", ":0.25rem 0.75rem 0.25rem 0.675rem;", ":0.5rem;", ":0.375rem;", ":0.75rem;", ":0.375rem;", ":0.75rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemHeight, _Dropdown.dropdownTokens.itemPadding, _Dropdown.dropdownTokens.itemPaddingTight, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.dividerMarginTop, _Dropdown.dropdownTokens.dividerMarginRight, _Dropdown.dropdownTokens.dividerMarginBottom, _Dropdown.dropdownTokens.dividerMarginLeft, _Dropdown.dropdownTokens.dividerMarginTopTight, _Dropdown.dropdownTokens.dividerMarginBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight, _Dropdown.dropdownTokens.cellPadding, _Dropdown.dropdownTokens.cellPaddingLeftContent, _Dropdown.dropdownTokens.cellPaddingContent, _Dropdown.dropdownTokens.cellPaddingRightContent, _Dropdown.dropdownTokens.cellTextboxGap, _Dropdown.dropdownTokens.cellGap, _Dropdown.dropdownTokens.cellTitleFontFamily, _Dropdown.dropdownTokens.cellTitleFontSize, _Dropdown.dropdownTokens.cellTitleFontStyle, _Dropdown.dropdownTokens.cellTitleFontWeight, _Dropdown.dropdownTokens.cellTitleLetterSpacing, _Dropdown.dropdownTokens.cellTitleLineHeight),
|
19
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":10rem;", ":0.5rem;", ":1rem;", ":0.5rem 0.5rem 0.5rem 0.375rem;", ":0.25rem 0.5rem 0.25rem 0.375rem;", ":0.375rem;", ":0.25rem;", ":0.5rem;", ":0.25rem;", ":0.5rem;", ":0.125rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemHeight, _Dropdown.dropdownTokens.itemPadding, _Dropdown.dropdownTokens.itemPaddingTight, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.dividerMarginTop, _Dropdown.dropdownTokens.dividerMarginRight, _Dropdown.dropdownTokens.dividerMarginBottom, _Dropdown.dropdownTokens.dividerMarginLeft, _Dropdown.dropdownTokens.dividerMarginTopTight, _Dropdown.dropdownTokens.dividerMarginBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight, _Dropdown.dropdownTokens.cellPadding, _Dropdown.dropdownTokens.cellPaddingLeftContent, _Dropdown.dropdownTokens.cellPaddingContent, _Dropdown.dropdownTokens.cellPaddingRightContent, _Dropdown.dropdownTokens.cellTextboxGap, _Dropdown.dropdownTokens.cellGap, _Dropdown.dropdownTokens.cellTitleFontFamily, _Dropdown.dropdownTokens.cellTitleFontSize, _Dropdown.dropdownTokens.cellTitleFontStyle, _Dropdown.dropdownTokens.cellTitleFontWeight, _Dropdown.dropdownTokens.cellTitleLetterSpacing, _Dropdown.dropdownTokens.cellTitleLineHeight)
|
20
20
|
},
|
21
21
|
view: {
|
22
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":
|
22
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-tertiary);"], _Dropdown.dropdownTokens.dividerColor)
|
23
23
|
}
|
24
24
|
}
|
25
25
|
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import React from 'react';
|
1
|
+
import * as React from 'react';
|
2
2
|
import type { ComponentProps } from 'react';
|
3
3
|
import type { Meta, StoryObj } from '@storybook/react';
|
4
4
|
import { action } from '@storybook/addon-actions';
|
@@ -11,7 +11,21 @@ import { Dropdown } from './Dropdown';
|
|
11
11
|
|
12
12
|
type StoryDropdownProps = ComponentProps<typeof Dropdown>;
|
13
13
|
|
14
|
-
const placements: Array<DropdownPlacement> = [
|
14
|
+
const placements: Array<DropdownPlacement> = [
|
15
|
+
'auto',
|
16
|
+
'top',
|
17
|
+
'top-start',
|
18
|
+
'top-end',
|
19
|
+
'right',
|
20
|
+
'right-start',
|
21
|
+
'right-end',
|
22
|
+
'bottom',
|
23
|
+
'bottom-start',
|
24
|
+
'bottom-end',
|
25
|
+
'left',
|
26
|
+
'left-start',
|
27
|
+
'left-end',
|
28
|
+
];
|
15
29
|
const triggers: Array<DropdownTrigger> = ['click', 'hover'];
|
16
30
|
const size = ['xs', 's', 'm', 'l'];
|
17
31
|
const variant = ['normal', 'tight'];
|
@@ -47,14 +61,15 @@ const meta: Meta<StoryDropdownProps> = {
|
|
47
61
|
},
|
48
62
|
},
|
49
63
|
args: {
|
64
|
+
size: 'm',
|
65
|
+
variant: 'normal',
|
66
|
+
placement: 'bottom-start',
|
50
67
|
trigger: 'click',
|
51
68
|
offset: [0, 0],
|
52
|
-
listWidth: '
|
69
|
+
listWidth: '',
|
53
70
|
hasArrow: true,
|
54
71
|
closeOnOverlayClick: true,
|
55
72
|
closeOnSelect: true,
|
56
|
-
size: 'm',
|
57
|
-
variant: 'normal',
|
58
73
|
},
|
59
74
|
};
|
60
75
|
|
@@ -13,13 +13,13 @@ var config = exports.config = {
|
|
13
13
|
},
|
14
14
|
variations: {
|
15
15
|
size: {
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
16
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":17.5rem;", ":0.875rem;", ":1.5rem;", ":1rem 1rem 1rem 0.875rem;", ":0.75rem 1rem 0.75rem 0.875rem;", ":0.75rem;", ":0.5rem;", ":1.125rem;", ":0.5rem;", ":1.125rem;", ":0.375rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemHeight, _Dropdown.dropdownTokens.itemPadding, _Dropdown.dropdownTokens.itemPaddingTight, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.dividerMarginTop, _Dropdown.dropdownTokens.dividerMarginRight, _Dropdown.dropdownTokens.dividerMarginBottom, _Dropdown.dropdownTokens.dividerMarginLeft, _Dropdown.dropdownTokens.dividerMarginTopTight, _Dropdown.dropdownTokens.dividerMarginBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight, _Dropdown.dropdownTokens.cellPadding, _Dropdown.dropdownTokens.cellPaddingLeftContent, _Dropdown.dropdownTokens.cellPaddingContent, _Dropdown.dropdownTokens.cellPaddingRightContent, _Dropdown.dropdownTokens.cellTextboxGap, _Dropdown.dropdownTokens.cellGap, _Dropdown.dropdownTokens.cellTitleFontFamily, _Dropdown.dropdownTokens.cellTitleFontSize, _Dropdown.dropdownTokens.cellTitleFontStyle, _Dropdown.dropdownTokens.cellTitleFontWeight, _Dropdown.dropdownTokens.cellTitleLetterSpacing, _Dropdown.dropdownTokens.cellTitleLineHeight),
|
17
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":15rem;", ":0.75rem;", ":1.5rem;", ":0.75rem 0.75rem 0.75rem 0.75rem;", ":0.5rem 0.75rem 0.5rem 0.75rem;", ":0.625rem;", ":0.375rem;", ":0.875rem;", ":0.375rem;", ":0.875rem;", ":0.375rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemHeight, _Dropdown.dropdownTokens.itemPadding, _Dropdown.dropdownTokens.itemPaddingTight, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.dividerMarginTop, _Dropdown.dropdownTokens.dividerMarginRight, _Dropdown.dropdownTokens.dividerMarginBottom, _Dropdown.dropdownTokens.dividerMarginLeft, _Dropdown.dropdownTokens.dividerMarginTopTight, _Dropdown.dropdownTokens.dividerMarginBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight, _Dropdown.dropdownTokens.cellPadding, _Dropdown.dropdownTokens.cellPaddingLeftContent, _Dropdown.dropdownTokens.cellPaddingContent, _Dropdown.dropdownTokens.cellPaddingRightContent, _Dropdown.dropdownTokens.cellTextboxGap, _Dropdown.dropdownTokens.cellGap, _Dropdown.dropdownTokens.cellTitleFontFamily, _Dropdown.dropdownTokens.cellTitleFontSize, _Dropdown.dropdownTokens.cellTitleFontStyle, _Dropdown.dropdownTokens.cellTitleFontWeight, _Dropdown.dropdownTokens.cellTitleLetterSpacing, _Dropdown.dropdownTokens.cellTitleLineHeight),
|
18
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":12.5rem;", ":0.625rem;", ":1.5rem;", ":0.5rem 0.75rem 0.5rem 0.675rem;", ":0.25rem 0.75rem 0.25rem 0.675rem;", ":0.5rem;", ":0.375rem;", ":0.75rem;", ":0.375rem;", ":0.75rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemHeight, _Dropdown.dropdownTokens.itemPadding, _Dropdown.dropdownTokens.itemPaddingTight, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.dividerMarginTop, _Dropdown.dropdownTokens.dividerMarginRight, _Dropdown.dropdownTokens.dividerMarginBottom, _Dropdown.dropdownTokens.dividerMarginLeft, _Dropdown.dropdownTokens.dividerMarginTopTight, _Dropdown.dropdownTokens.dividerMarginBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight, _Dropdown.dropdownTokens.cellPadding, _Dropdown.dropdownTokens.cellPaddingLeftContent, _Dropdown.dropdownTokens.cellPaddingContent, _Dropdown.dropdownTokens.cellPaddingRightContent, _Dropdown.dropdownTokens.cellTextboxGap, _Dropdown.dropdownTokens.cellGap, _Dropdown.dropdownTokens.cellTitleFontFamily, _Dropdown.dropdownTokens.cellTitleFontSize, _Dropdown.dropdownTokens.cellTitleFontStyle, _Dropdown.dropdownTokens.cellTitleFontWeight, _Dropdown.dropdownTokens.cellTitleLetterSpacing, _Dropdown.dropdownTokens.cellTitleLineHeight),
|
19
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":10rem;", ":0.5rem;", ":1rem;", ":0.5rem 0.5rem 0.5rem 0.375rem;", ":0.25rem 0.5rem 0.25rem 0.375rem;", ":0.375rem;", ":0.25rem;", ":0.5rem;", ":0.25rem;", ":0.5rem;", ":0.125rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemHeight, _Dropdown.dropdownTokens.itemPadding, _Dropdown.dropdownTokens.itemPaddingTight, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.dividerMarginTop, _Dropdown.dropdownTokens.dividerMarginRight, _Dropdown.dropdownTokens.dividerMarginBottom, _Dropdown.dropdownTokens.dividerMarginLeft, _Dropdown.dropdownTokens.dividerMarginTopTight, _Dropdown.dropdownTokens.dividerMarginBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight, _Dropdown.dropdownTokens.cellPadding, _Dropdown.dropdownTokens.cellPaddingLeftContent, _Dropdown.dropdownTokens.cellPaddingContent, _Dropdown.dropdownTokens.cellPaddingRightContent, _Dropdown.dropdownTokens.cellTextboxGap, _Dropdown.dropdownTokens.cellGap, _Dropdown.dropdownTokens.cellTitleFontFamily, _Dropdown.dropdownTokens.cellTitleFontSize, _Dropdown.dropdownTokens.cellTitleFontStyle, _Dropdown.dropdownTokens.cellTitleFontWeight, _Dropdown.dropdownTokens.cellTitleLetterSpacing, _Dropdown.dropdownTokens.cellTitleLineHeight)
|
20
20
|
},
|
21
21
|
view: {
|
22
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":
|
22
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-tertiary);"], _Dropdown.dropdownTokens.dividerColor)
|
23
23
|
}
|
24
24
|
}
|
25
25
|
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import React from 'react';
|
1
|
+
import * as React from 'react';
|
2
2
|
import type { ComponentProps } from 'react';
|
3
3
|
import type { Meta, StoryObj } from '@storybook/react';
|
4
4
|
import { action } from '@storybook/addon-actions';
|
@@ -11,7 +11,21 @@ import { Dropdown } from './Dropdown';
|
|
11
11
|
|
12
12
|
type StoryDropdownProps = ComponentProps<typeof Dropdown>;
|
13
13
|
|
14
|
-
const placements: Array<DropdownPlacement> = [
|
14
|
+
const placements: Array<DropdownPlacement> = [
|
15
|
+
'auto',
|
16
|
+
'top',
|
17
|
+
'top-start',
|
18
|
+
'top-end',
|
19
|
+
'right',
|
20
|
+
'right-start',
|
21
|
+
'right-end',
|
22
|
+
'bottom',
|
23
|
+
'bottom-start',
|
24
|
+
'bottom-end',
|
25
|
+
'left',
|
26
|
+
'left-start',
|
27
|
+
'left-end',
|
28
|
+
];
|
15
29
|
const triggers: Array<DropdownTrigger> = ['click', 'hover'];
|
16
30
|
const size = ['xs', 's', 'm', 'l'];
|
17
31
|
const variant = ['normal', 'tight'];
|
@@ -47,14 +61,15 @@ const meta: Meta<StoryDropdownProps> = {
|
|
47
61
|
},
|
48
62
|
},
|
49
63
|
args: {
|
64
|
+
size: 'm',
|
65
|
+
variant: 'normal',
|
66
|
+
placement: 'bottom-start',
|
50
67
|
trigger: 'click',
|
51
68
|
offset: [0, 0],
|
52
|
-
listWidth: '
|
69
|
+
listWidth: '',
|
53
70
|
hasArrow: true,
|
54
71
|
closeOnOverlayClick: true,
|
55
72
|
closeOnSelect: true,
|
56
|
-
size: 'm',
|
57
|
-
variant: 'normal',
|
58
73
|
},
|
59
74
|
};
|
60
75
|
|
@@ -0,0 +1,15 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.themes = void 0;
|
7
|
+
var _plasma_b2cModule = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("./plasma_b2c.module.css"));
|
8
|
+
var _plasma_webModule = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("./plasma_web.module.css"));
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
+
/* eslint-disable camelcase */
|
11
|
+
|
12
|
+
var themes = exports.themes = {
|
13
|
+
plasma_b2c: _plasma_b2cModule["default"],
|
14
|
+
plasma_web: _plasma_webModule["default"]
|
15
|
+
};
|