@salutejs/plasma-new-hope 0.173.0-canary.1497.11456665098.0 → 0.173.0-canary.1500.11456169969.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Badge/Badge.css +2 -0
- package/cjs/components/Badge/Badge.js +9 -2
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Badge/Badge.tokens.js +2 -1
- package/cjs/components/Badge/Badge.tokens.js.map +1 -1
- package/cjs/components/Badge/variations/_truncate/base.js +9 -0
- package/cjs/components/Badge/variations/_truncate/base.js.map +1 -0
- package/cjs/components/Badge/variations/_truncate/base_nf9u2h.css +1 -0
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +14 -28
- package/cjs/components/Combobox/ComboboxOld/Combobox.js +1 -2
- package/cjs/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +18 -32
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +2 -3
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +18 -32
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +2 -3
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +18 -32
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +2 -3
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +18 -32
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +2 -3
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.css +16 -30
- package/cjs/components/Dropdown/Dropdown.js +44 -66
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js +27 -14
- package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles_1tihqkp.css +3 -0
- package/cjs/components/Dropdown/Dropdown.tokens.js +1 -24
- package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +52 -17
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +6 -46
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +18 -29
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +31 -27
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +6 -0
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_1lyg81y.css → DropdownItem.styles_12e50g5.css} +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
- package/cjs/components/Dropdown/utils/index.js.map +1 -1
- package/cjs/components/Select/utils/getCorrectHeight.js.map +1 -1
- package/cjs/components/Tabs/tokens.js +2 -1
- package/cjs/components/Tabs/tokens.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +2 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +8 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base_1b34xv3.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +2 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +11 -3
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base_1kepful.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +7 -5
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +8 -2
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_16d3lah.css → VerticalTabItem.styles_1yspq9o.css} +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base_1nwonlh.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +2 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +10 -2
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base_14x17ie.css +1 -0
- package/cjs/hooks/useOutsideClick.js +1 -1
- package/cjs/hooks/useOutsideClick.js.map +1 -1
- package/cjs/index.css +28 -16
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Badge/Badge.js +9 -2
- package/emotion/cjs/components/Badge/Badge.tokens.js +2 -1
- package/emotion/cjs/components/Badge/variations/_truncate/base.js +10 -0
- package/emotion/cjs/components/Badge/variations/_truncate/tokens.json +1 -0
- package/emotion/cjs/components/Dropdown/Dropdown.js +36 -58
- package/emotion/cjs/components/Dropdown/Dropdown.styles.js +25 -9
- package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +2 -36
- package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +51 -17
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +18 -29
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +41 -21
- package/emotion/cjs/components/Dropdown/utils/index.js +1 -16
- package/emotion/cjs/components/Tabs/tokens.js +2 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +8 -2
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +10 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +11 -3
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js +11 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/tokens.json +1 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +8 -2
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +5 -5
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +10 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +10 -2
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js +10 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/tokens.json +1 -0
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +17 -14
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +9 -2
- package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +5 -20
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +57 -5
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +18 -15
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +18 -15
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +9 -6
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +9 -6
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +5 -20
- package/emotion/cjs/hooks/useOutsideClick.js +1 -1
- package/emotion/es/components/Badge/Badge.js +9 -2
- package/emotion/es/components/Badge/Badge.tokens.js +2 -1
- package/emotion/es/components/Badge/variations/_truncate/base.js +4 -0
- package/emotion/es/components/Badge/variations/_truncate/tokens.json +1 -0
- package/emotion/es/components/Dropdown/Dropdown.js +39 -60
- package/emotion/es/components/Dropdown/Dropdown.styles.js +25 -9
- package/emotion/es/components/Dropdown/Dropdown.tokens.js +1 -35
- package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +52 -18
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +20 -31
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +42 -22
- package/emotion/es/components/Dropdown/utils/index.js +1 -3
- package/emotion/es/components/Tabs/tokens.js +2 -1
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +8 -2
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +4 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +11 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js +5 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/tokens.json +1 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +8 -2
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +5 -5
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +4 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +10 -2
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js +4 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/tokens.json +1 -0
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +17 -14
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +9 -2
- package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
- package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +5 -20
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +57 -5
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +18 -15
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +18 -15
- package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +9 -6
- package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +9 -6
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +5 -20
- package/emotion/es/hooks/useOutsideClick.js +1 -1
- package/es/components/Badge/Badge.css +2 -0
- package/es/components/Badge/Badge.js +9 -2
- package/es/components/Badge/Badge.js.map +1 -1
- package/es/components/Badge/Badge.tokens.js +2 -1
- package/es/components/Badge/Badge.tokens.js.map +1 -1
- package/es/components/Badge/variations/_truncate/base.js +5 -0
- package/es/components/Badge/variations/_truncate/base.js.map +1 -0
- package/es/components/Badge/variations/_truncate/base_nf9u2h.css +1 -0
- package/es/components/Combobox/ComboboxOld/Combobox.css +14 -28
- package/es/components/Combobox/ComboboxOld/Combobox.js +1 -2
- package/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +18 -32
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +2 -3
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +18 -32
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +2 -3
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +18 -32
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +2 -3
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +18 -32
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +2 -3
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
- package/es/components/Dropdown/Dropdown.css +16 -30
- package/es/components/Dropdown/Dropdown.js +46 -67
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles.js +27 -15
- package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles_1tihqkp.css +3 -0
- package/es/components/Dropdown/Dropdown.tokens.js +1 -24
- package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +53 -18
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +6 -46
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +20 -31
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +29 -26
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +6 -0
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
- package/es/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_1lyg81y.css → DropdownItem.styles_12e50g5.css} +1 -1
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
- package/es/components/Dropdown/utils/index.js.map +1 -1
- package/es/components/Select/utils/getCorrectHeight.js.map +1 -1
- package/es/components/Tabs/tokens.js +2 -1
- package/es/components/Tabs/tokens.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +2 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +8 -2
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base_1b34xv3.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +2 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +11 -3
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base_1kepful.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +7 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +8 -2
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_16d3lah.css → VerticalTabItem.styles_1yspq9o.css} +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base_1nwonlh.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +2 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +10 -2
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base_14x17ie.css +1 -0
- package/es/hooks/useOutsideClick.js +1 -1
- package/es/hooks/useOutsideClick.js.map +1 -1
- package/es/index.css +28 -16
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Badge/Badge.js +9 -2
- package/styled-components/cjs/components/Badge/Badge.tokens.js +2 -1
- package/styled-components/cjs/components/Badge/variations/_truncate/base.js +10 -0
- package/styled-components/cjs/components/Badge/variations/_truncate/tokens.json +1 -0
- package/styled-components/cjs/components/Dropdown/Dropdown.js +36 -58
- package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +15 -9
- package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +2 -36
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +51 -17
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +18 -29
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +19 -17
- package/styled-components/cjs/components/Dropdown/utils/index.js +1 -16
- package/styled-components/cjs/components/Tabs/tokens.js +2 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +8 -2
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +10 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +11 -3
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js +11 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/tokens.json +1 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +8 -2
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +10 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +10 -2
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js +10 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/tokens.json +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +3 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +9 -2
- 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 +5 -20
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +57 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +3 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +3 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +3 -0
- 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 +5 -20
- package/styled-components/cjs/hooks/useOutsideClick.js +1 -1
- package/styled-components/es/components/Badge/Badge.js +9 -2
- package/styled-components/es/components/Badge/Badge.tokens.js +2 -1
- package/styled-components/es/components/Badge/variations/_truncate/base.js +4 -0
- package/styled-components/es/components/Badge/variations/_truncate/tokens.json +1 -0
- package/styled-components/es/components/Dropdown/Dropdown.js +39 -60
- package/styled-components/es/components/Dropdown/Dropdown.styles.js +15 -9
- package/styled-components/es/components/Dropdown/Dropdown.tokens.js +1 -35
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +52 -18
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +20 -31
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +20 -18
- package/styled-components/es/components/Dropdown/utils/index.js +1 -3
- package/styled-components/es/components/Tabs/tokens.js +2 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +8 -2
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +11 -3
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js +5 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/tokens.json +1 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +8 -2
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +10 -2
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/tokens.json +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +3 -0
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +9 -2
- 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 +5 -20
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +57 -5
- package/styled-components/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -0
- package/styled-components/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +3 -0
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +3 -0
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +3 -0
- 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 +5 -20
- package/styled-components/es/hooks/useOutsideClick.js +1 -1
- package/types/components/Badge/Badge.d.ts +4 -0
- package/types/components/Badge/Badge.d.ts.map +1 -1
- package/types/components/Badge/Badge.tokens.d.ts +1 -0
- package/types/components/Badge/Badge.tokens.d.ts.map +1 -1
- package/types/components/Badge/Badge.types.d.ts +5 -0
- package/types/components/Badge/Badge.types.d.ts.map +1 -1
- package/types/components/Badge/variations/_truncate/base.d.ts +2 -0
- package/types/components/Badge/variations/_truncate/base.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts +1 -2
- package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.d.ts +1 -2
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts +6 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.tokens.d.ts +0 -25
- package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +5 -31
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- 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 +12 -1
- 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 +3 -32
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +14 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
- package/types/components/Dropdown/utils/index.d.ts +0 -2
- 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/components/Tabs/TabItem.types.d.ts +5 -0
- package/types/components/Tabs/TabItem.types.d.ts.map +1 -1
- package/types/components/Tabs/Tabs.types.d.ts +5 -0
- package/types/components/Tabs/Tabs.types.d.ts.map +1 -1
- package/types/components/Tabs/tokens.d.ts +1 -0
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts +3 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.d.ts +2 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts +3 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.d.ts +2 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +3 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +4 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +6 -0
- package/types/examples/plasma_b2c/components/Badge/Badge.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_b2c/components/Tabs/TabItem.d.ts +6 -0
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +6 -0
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.d.ts +3 -0
- package/types/examples/plasma_web/components/Badge/Badge.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/hooks/useOutsideClick.d.ts +1 -1
- package/types/hooks/useOutsideClick.d.ts.map +1 -1
- package/types/utils/index.d.ts +1 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles_18f0qpm.css +0 -2
- package/cjs/components/Dropdown/FloatingPopover.js +0 -104
- package/cjs/components/Dropdown/FloatingPopover.js.map +0 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +0 -5
- package/cjs/components/Dropdown/utils/getItemByFocused.js +0 -13
- package/cjs/components/Dropdown/utils/getItemByFocused.js.map +0 -1
- package/cjs/components/Dropdown/utils/getItemId.js +0 -10
- package/cjs/components/Dropdown/utils/getItemId.js.map +0 -1
- package/emotion/cjs/components/Dropdown/FloatingPopover.js +0 -109
- package/emotion/cjs/components/Dropdown/utils/getItemByFocused.js +0 -12
- package/emotion/cjs/components/Dropdown/utils/getItemId.js +0 -9
- package/emotion/es/components/Dropdown/FloatingPopover.js +0 -102
- package/emotion/es/components/Dropdown/utils/getItemByFocused.js +0 -6
- package/emotion/es/components/Dropdown/utils/getItemId.js +0 -3
- package/es/components/Dropdown/Dropdown.styles_18f0qpm.css +0 -2
- package/es/components/Dropdown/FloatingPopover.js +0 -100
- package/es/components/Dropdown/FloatingPopover.js.map +0 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +0 -5
- package/es/components/Dropdown/utils/getItemByFocused.js +0 -9
- package/es/components/Dropdown/utils/getItemByFocused.js.map +0 -1
- package/es/components/Dropdown/utils/getItemId.js +0 -6
- package/es/components/Dropdown/utils/getItemId.js.map +0 -1
- package/styled-components/cjs/components/Dropdown/FloatingPopover.js +0 -109
- package/styled-components/cjs/components/Dropdown/utils/getItemByFocused.js +0 -12
- package/styled-components/cjs/components/Dropdown/utils/getItemId.js +0 -9
- package/styled-components/es/components/Dropdown/FloatingPopover.js +0 -102
- package/styled-components/es/components/Dropdown/utils/getItemByFocused.js +0 -6
- package/styled-components/es/components/Dropdown/utils/getItemId.js +0 -3
- package/types/components/Dropdown/FloatingPopover.d.ts +0 -5
- package/types/components/Dropdown/FloatingPopover.d.ts.map +0 -1
- package/types/components/Dropdown/utils/getItemByFocused.d.ts +0 -4
- package/types/components/Dropdown/utils/getItemByFocused.d.ts.map +0 -1
- package/types/components/Dropdown/utils/getItemId.d.ts +0 -2
- package/types/components/Dropdown/utils/getItemId.d.ts.map +0 -1
@@ -57,6 +57,9 @@ const meta: Meta<StoryTabsProps> = {
|
|
57
57
|
title: 'plasma_b2c/Tabs',
|
58
58
|
component: Tabs,
|
59
59
|
decorators: [WithTheme],
|
60
|
+
args: {
|
61
|
+
truncate: false,
|
62
|
+
},
|
60
63
|
argTypes: {
|
61
64
|
...disableProps([
|
62
65
|
'orientation',
|
@@ -90,13 +93,21 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
|
|
90
93
|
contentRight: contentRightOption,
|
91
94
|
hasDivider,
|
92
95
|
stretch,
|
96
|
+
truncate,
|
93
97
|
helperText,
|
94
98
|
} = props;
|
95
99
|
const items = Array(itemQuantity).fill(0);
|
96
100
|
const [index, setIndex] = useState(0);
|
97
101
|
|
98
102
|
return (
|
99
|
-
<Tabs
|
103
|
+
<Tabs
|
104
|
+
clip="none"
|
105
|
+
view={hasDivider ? 'divider' : 'clear'}
|
106
|
+
truncate={truncate}
|
107
|
+
stretch={stretch}
|
108
|
+
disabled={disabled}
|
109
|
+
size={size}
|
110
|
+
>
|
100
111
|
{items.map((_, i) => {
|
101
112
|
if (helperText !== '') {
|
102
113
|
return (
|
@@ -110,6 +121,7 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
|
|
110
121
|
value={helperText}
|
111
122
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
112
123
|
size={size as Size}
|
124
|
+
truncate={truncate}
|
113
125
|
>
|
114
126
|
{`Label${i + 1}`}
|
115
127
|
</TabItem>
|
@@ -127,6 +139,7 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
|
|
127
139
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
128
140
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
129
141
|
size={size as Size}
|
142
|
+
truncate={truncate}
|
130
143
|
>
|
131
144
|
{`Label${i + 1}`}
|
132
145
|
</TabItem>
|
@@ -147,12 +160,20 @@ const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
|
|
147
160
|
hasDivider,
|
148
161
|
helperText,
|
149
162
|
width,
|
163
|
+
truncate,
|
150
164
|
} = props;
|
151
165
|
const items = Array(itemQuantity).fill(0);
|
152
166
|
const [index, setIndex] = useState(0);
|
153
167
|
|
154
168
|
return (
|
155
|
-
<Tabs
|
169
|
+
<Tabs
|
170
|
+
truncate={truncate}
|
171
|
+
clip={clip}
|
172
|
+
view={hasDivider ? 'divider' : 'clear'}
|
173
|
+
disabled={disabled}
|
174
|
+
size={size}
|
175
|
+
style={{ width }}
|
176
|
+
>
|
156
177
|
{items.map((_, i) => {
|
157
178
|
if (helperText !== '') {
|
158
179
|
return (
|
@@ -166,6 +187,7 @@ const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
|
|
166
187
|
value={helperText}
|
167
188
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
168
189
|
size={size as Size}
|
190
|
+
truncate={truncate}
|
169
191
|
>
|
170
192
|
{`Label${i + 1}`}
|
171
193
|
</TabItem>
|
@@ -183,6 +205,7 @@ const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
|
|
183
205
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
184
206
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
185
207
|
size={size as Size}
|
208
|
+
truncate={truncate}
|
186
209
|
>
|
187
210
|
{`Label${i + 1}`}
|
188
211
|
</TabItem>
|
@@ -202,6 +225,7 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
|
|
202
225
|
contentRight: contentRightOption,
|
203
226
|
hasDivider,
|
204
227
|
helperText,
|
228
|
+
truncate,
|
205
229
|
} = props;
|
206
230
|
const maxItemQuantity = 3;
|
207
231
|
const items = Array(itemQuantity).fill(0);
|
@@ -220,7 +244,7 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
|
|
220
244
|
});
|
221
245
|
|
222
246
|
return (
|
223
|
-
<Tabs clip={clip} view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size}>
|
247
|
+
<Tabs truncate={truncate} clip={clip} view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size}>
|
224
248
|
{visibleItems.map((_, i) => {
|
225
249
|
if (helperText !== '') {
|
226
250
|
return (
|
@@ -234,6 +258,7 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
|
|
234
258
|
value={helperText}
|
235
259
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
236
260
|
size={size as Size}
|
261
|
+
truncate={truncate}
|
237
262
|
>
|
238
263
|
{`Label${i + 1}`}
|
239
264
|
</TabItem>
|
@@ -251,6 +276,7 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
|
|
251
276
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
252
277
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
253
278
|
size={size as Size}
|
279
|
+
truncate={truncate}
|
254
280
|
>
|
255
281
|
{`Label${i + 1}`}
|
256
282
|
</TabItem>
|
@@ -269,6 +295,7 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
|
|
269
295
|
tabIndex={!disabled ? 0 : -1}
|
270
296
|
disabled={disabled}
|
271
297
|
size={size as Size}
|
298
|
+
truncate={false}
|
272
299
|
>
|
273
300
|
ShowAll
|
274
301
|
</TabItem>
|
@@ -343,12 +370,19 @@ const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
|
|
343
370
|
contentRight: contentRightOption,
|
344
371
|
hasDivider,
|
345
372
|
helperText,
|
373
|
+
truncate,
|
346
374
|
} = props;
|
347
375
|
const items = Array(itemQuantity).fill(0);
|
348
376
|
const [index, setIndex] = useState(0);
|
349
377
|
|
350
378
|
return (
|
351
|
-
<Tabs
|
379
|
+
<Tabs
|
380
|
+
orientation="vertical"
|
381
|
+
hasDivider={hasDivider}
|
382
|
+
size={size as Size}
|
383
|
+
disabled={disabled}
|
384
|
+
truncate={truncate}
|
385
|
+
>
|
352
386
|
{items.map((_, i) => {
|
353
387
|
if (helperText !== '') {
|
354
388
|
return (
|
@@ -363,6 +397,7 @@ const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
|
|
363
397
|
value={helperText}
|
364
398
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
365
399
|
size={size as Size}
|
400
|
+
truncate={truncate}
|
366
401
|
>
|
367
402
|
{`Label${i + 1}`}
|
368
403
|
</TabItem>
|
@@ -381,6 +416,7 @@ const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
|
|
381
416
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
382
417
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
383
418
|
size={size as Size}
|
419
|
+
truncate={truncate}
|
384
420
|
>
|
385
421
|
{`Label${i + 1}`}
|
386
422
|
</TabItem>
|
@@ -401,6 +437,7 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
|
|
401
437
|
hasDivider,
|
402
438
|
helperText,
|
403
439
|
height,
|
440
|
+
truncate,
|
404
441
|
} = props;
|
405
442
|
const items = Array(itemQuantity).fill(0);
|
406
443
|
const [index, setIndex] = useState(0);
|
@@ -413,6 +450,7 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
|
|
413
450
|
clip={clip}
|
414
451
|
hasDivider={hasDivider}
|
415
452
|
style={{ height }}
|
453
|
+
truncate={truncate}
|
416
454
|
>
|
417
455
|
{items.map((_, i) => {
|
418
456
|
if (helperText !== '') {
|
@@ -428,6 +466,7 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
|
|
428
466
|
value={helperText}
|
429
467
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
430
468
|
size={size as Size}
|
469
|
+
truncate={truncate}
|
431
470
|
>
|
432
471
|
{`Label${i + 1}`}
|
433
472
|
</TabItem>
|
@@ -446,6 +485,7 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
|
|
446
485
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
447
486
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
448
487
|
size={size as Size}
|
488
|
+
truncate={truncate}
|
449
489
|
>
|
450
490
|
{`Label${i + 1}`}
|
451
491
|
</TabItem>
|
@@ -465,6 +505,7 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
|
|
465
505
|
contentRight: contentRightOption,
|
466
506
|
hasDivider,
|
467
507
|
helperText,
|
508
|
+
truncate,
|
468
509
|
} = props;
|
469
510
|
const maxItemQuantity = 3;
|
470
511
|
const items = Array(itemQuantity).fill(0);
|
@@ -483,7 +524,14 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
|
|
483
524
|
});
|
484
525
|
|
485
526
|
return (
|
486
|
-
<Tabs
|
527
|
+
<Tabs
|
528
|
+
clip={clip}
|
529
|
+
orientation="vertical"
|
530
|
+
size={size as Size}
|
531
|
+
disabled={disabled}
|
532
|
+
hasDivider={hasDivider}
|
533
|
+
truncate={truncate}
|
534
|
+
>
|
487
535
|
{visibleItems.map((_, i) => {
|
488
536
|
if (helperText !== '') {
|
489
537
|
return (
|
@@ -498,6 +546,7 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
|
|
498
546
|
value={helperText}
|
499
547
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
500
548
|
size={size as Size}
|
549
|
+
truncate={truncate}
|
501
550
|
>
|
502
551
|
{`Label${i + 1}`}
|
503
552
|
</TabItem>
|
@@ -516,6 +565,7 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
|
|
516
565
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
517
566
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
518
567
|
size={size as Size}
|
568
|
+
truncate={truncate}
|
519
569
|
>
|
520
570
|
{`Label${i + 1}`}
|
521
571
|
</TabItem>
|
@@ -534,6 +584,7 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
|
|
534
584
|
tabIndex={!disabled ? 0 : -1}
|
535
585
|
disabled={disabled}
|
536
586
|
size={size as Size}
|
587
|
+
truncate={false}
|
537
588
|
>
|
538
589
|
ShowAll
|
539
590
|
</TabItem>
|
@@ -552,6 +603,7 @@ export const VerticalTabs: StoryObj<VerticalStoryTabsProps> = {
|
|
552
603
|
orientation: 'vertical',
|
553
604
|
helperText: '',
|
554
605
|
height: '10rem',
|
606
|
+
truncate: false,
|
555
607
|
},
|
556
608
|
argTypes: {
|
557
609
|
contentLeft: {
|