@salutejs/plasma-new-hope 0.161.1-canary.1471.11210396681.0 → 0.162.0-canary.1392.11210877000.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +2 -2
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Segment/tokens.js +14 -1
- package/cjs/components/Segment/tokens.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.css +8 -9
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +68 -112
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +1 -7
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_klze6h.css +3 -0
- package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_a7w5s0.css +1 -0
- package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +9 -0
- package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js.map +1 -0
- package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base_1ejecy9.css +1 -0
- package/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base_pxl3nb.css +1 -0
- package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base_18cpjsq.css +1 -0
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.css +6 -4
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +17 -7
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +30 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_1ir79py.css +4 -0
- package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/{base_15s0fel.css → base_omc5u1.css} +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_dettiq.css +1 -0
- package/cjs/components/Tabs/ui/Tabs/Tabs.js +6 -6
- package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +5 -5
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/{TextArea.styles_es0miz.css → TextArea.styles_1kzzs11.css} +1 -1
- package/cjs/components/TextArea/TextArea.tokens.js +0 -8
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/{DisclosureLeft.js → DisclosureLeftCentered.js} +3 -3
- package/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +3 -4
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
- package/cjs/components/_Icon/Icons/{IconDisclosureLeft.js → IconDisclosureLeftCentered.js} +5 -5
- package/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js.map +1 -0
- package/cjs/index.css +25 -22
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +4 -4
- package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +2 -2
- package/emotion/cjs/components/Segment/README.md +61 -0
- package/emotion/cjs/components/Segment/tokens.js +14 -1
- package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +66 -115
- package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +15 -33
- package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
- package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +10 -0
- package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +1 -0
- package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base.js +1 -1
- package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
- package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +17 -7
- package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +21 -7
- package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +2 -1
- package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.js +4 -4
- package/emotion/cjs/components/TextArea/TextArea.styles.js +11 -11
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +0 -8
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureDown.js +21 -0
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +3 -4
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js +22 -0
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureRight.js +3 -4
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureUp.js +21 -0
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureDown.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureUp.js +22 -0
- package/emotion/cjs/components/_Icon/index.js +21 -0
- package/emotion/cjs/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +6 -3
- package/emotion/cjs/examples/plasma_b2c/components/Segment/Segment.stories.tsx +118 -42
- package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +13 -10
- package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +10 -10
- package/emotion/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/emotion/cjs/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +6 -3
- package/emotion/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +119 -42
- package/emotion/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +15 -9
- package/emotion/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +10 -10
- package/emotion/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +5 -5
- package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
- package/emotion/es/components/Segment/README.md +61 -0
- package/emotion/es/components/Segment/tokens.js +14 -1
- package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +69 -118
- package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +14 -32
- package/emotion/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
- package/emotion/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +4 -0
- package/emotion/es/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +1 -0
- package/emotion/es/components/Segment/ui/SegmentGroup/variations/_pilled/base.js +1 -1
- package/emotion/es/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
- package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.js +18 -8
- package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +21 -7
- package/emotion/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/emotion/es/components/Segment/ui/SegmentItem/variations/_view/base.js +2 -1
- package/emotion/es/components/Tabs/ui/Tabs/Tabs.js +5 -5
- package/emotion/es/components/TextArea/TextArea.styles.js +11 -11
- package/emotion/es/components/TextArea/TextArea.tokens.js +0 -8
- package/emotion/es/components/_Icon/Icon.assets/DisclosureDown.js +14 -0
- package/emotion/es/components/_Icon/Icon.assets/DisclosureLeft.js +3 -4
- package/emotion/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js +15 -0
- package/emotion/es/components/_Icon/Icon.assets/DisclosureRight.js +3 -4
- package/emotion/es/components/_Icon/Icon.assets/DisclosureUp.js +14 -0
- package/emotion/es/components/_Icon/Icons/IconDisclosureDown.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconDisclosureLeftCentered.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconDisclosureUp.js +15 -0
- package/emotion/es/components/_Icon/index.js +3 -0
- package/emotion/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +6 -3
- package/emotion/es/examples/plasma_b2c/components/Segment/Segment.stories.tsx +118 -42
- package/emotion/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +13 -10
- package/emotion/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +10 -10
- package/emotion/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/emotion/es/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
- package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +6 -3
- package/emotion/es/examples/plasma_web/components/Segment/Segment.stories.tsx +119 -42
- package/emotion/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +15 -9
- package/emotion/es/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +10 -10
- package/emotion/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js +2 -2
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Segment/tokens.js +14 -1
- package/es/components/Segment/tokens.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.css +8 -9
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +73 -118
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +2 -7
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_klze6h.css +3 -0
- package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_a7w5s0.css +1 -0
- package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +5 -0
- package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js.map +1 -0
- package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base_1ejecy9.css +1 -0
- package/es/components/Segment/ui/SegmentGroup/variations/_pilled/base.js +1 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_pilled/base.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_pilled/base_pxl3nb.css +1 -0
- package/es/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_size/base.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_size/base_18cpjsq.css +1 -0
- package/es/components/Segment/ui/SegmentItem/SegmentItem.css +6 -4
- package/es/components/Segment/ui/SegmentItem/SegmentItem.js +18 -8
- package/es/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +29 -2
- package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_1ir79py.css +4 -0
- package/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/variations/_pilled/{base_15s0fel.css → base_omc5u1.css} +1 -1
- package/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
- package/es/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/variations/_view/base_dettiq.css +1 -0
- package/es/components/Tabs/ui/Tabs/Tabs.js +6 -6
- package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +5 -5
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/{TextArea.styles_es0miz.css → TextArea.styles_1kzzs11.css} +1 -1
- package/es/components/TextArea/TextArea.tokens.js +0 -8
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/_Icon/Icon.assets/{DisclosureLeft.js → DisclosureLeftCentered.js} +3 -3
- package/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js.map +1 -0
- package/es/components/_Icon/Icon.assets/DisclosureRight.js +3 -4
- package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
- package/es/components/_Icon/Icons/{IconDisclosureLeft.js → IconDisclosureLeftCentered.js} +5 -5
- package/es/components/_Icon/Icons/IconDisclosureLeftCentered.js.map +1 -0
- package/es/index.css +25 -22
- package/package.json +2 -2
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +1 -1
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +2 -2
- package/styled-components/cjs/components/Segment/README.md +61 -0
- package/styled-components/cjs/components/Segment/tokens.js +14 -1
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +66 -115
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +4 -13
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +10 -0
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +1 -0
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base.js +1 -1
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +17 -7
- package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +17 -5
- package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +2 -1
- package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js +4 -4
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +2 -2
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +0 -8
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureDown.js +21 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +3 -4
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js +22 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +3 -4
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureUp.js +21 -0
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDown.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureUp.js +22 -0
- package/styled-components/cjs/components/_Icon/index.js +21 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +6 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Segment/Segment.stories.tsx +118 -42
- package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +10 -7
- package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +6 -3
- package/styled-components/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +119 -42
- package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +13 -7
- package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +2 -2
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
- package/styled-components/es/components/Segment/README.md +61 -0
- package/styled-components/es/components/Segment/tokens.js +14 -1
- package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +69 -118
- package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +3 -12
- package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
- package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +4 -0
- package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +1 -0
- package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_pilled/base.js +1 -1
- package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
- package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.js +18 -8
- package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +17 -5
- package/styled-components/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/styled-components/es/components/Segment/ui/SegmentItem/variations/_view/base.js +2 -1
- package/styled-components/es/components/Tabs/ui/Tabs/Tabs.js +5 -5
- package/styled-components/es/components/TextArea/TextArea.styles.js +2 -2
- package/styled-components/es/components/TextArea/TextArea.tokens.js +0 -8
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureDown.js +14 -0
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeft.js +3 -4
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js +15 -0
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +3 -4
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureUp.js +14 -0
- package/styled-components/es/components/_Icon/Icons/IconDisclosureDown.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconDisclosureLeftCentered.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconDisclosureUp.js +15 -0
- package/styled-components/es/components/_Icon/index.js +3 -0
- package/styled-components/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +6 -3
- package/styled-components/es/examples/plasma_b2c/components/Segment/Segment.stories.tsx +118 -42
- package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +10 -7
- package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +8 -8
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +8 -8
- package/styled-components/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/styled-components/es/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +6 -3
- package/styled-components/es/examples/plasma_web/components/Segment/Segment.stories.tsx +119 -42
- package/styled-components/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +13 -7
- package/styled-components/es/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/types/components/Segment/tokens.d.ts +13 -0
- package/types/components/Segment/tokens.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts +10 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts +0 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts +19 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/variations/_orientation/base.d.ts +2 -0
- package/types/components/Segment/ui/SegmentGroup/variations/_orientation/base.d.ts.map +1 -0
- package/types/components/Segment/ui/SegmentGroup/variations/_pilled/base.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/variations/_size/base.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts +8 -2
- package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts +7 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts +14 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/variations/_pilled/base.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/variations/_view/base.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +0 -8
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/DisclosureDown.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/DisclosureDown.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/DisclosureLeft.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/DisclosureLeftCentered.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/DisclosureLeftCentered.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/DisclosureUp.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/DisclosureUp.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconDisclosureDown.d.ts +4 -0
- package/types/components/_Icon/Icons/IconDisclosureDown.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconDisclosureLeftCentered.d.ts +4 -0
- package/types/components/_Icon/Icons/IconDisclosureLeftCentered.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconDisclosureUp.d.ts +4 -0
- package/types/components/_Icon/Icons/IconDisclosureUp.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +3 -0
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Segment/Segment.d.ts +10 -1
- package/types/examples/plasma_b2c/components/Segment/Segment.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Segment/SegmentGroup.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Segment/SegmentGroup.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Segment/SegmentItem.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Segment/Segment.d.ts +13 -1
- package/types/examples/plasma_web/components/Segment/Segment.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Segment/SegmentGroup.config.d.ts +6 -0
- package/types/examples/plasma_web/components/Segment/SegmentGroup.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Segment/SegmentItem.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +0 -4
- package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_escgtx.css +0 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base_fqbatz.css +0 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base_m358nl.css +0 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +0 -2
- package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_1m1u2ys.css +0 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconDisclosureLeft.js.map +0 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +0 -4
- package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_escgtx.css +0 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_pilled/base_fqbatz.css +0 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_size/base_m358nl.css +0 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +0 -2
- package/es/components/Segment/ui/SegmentItem/variations/_view/base_1m1u2ys.css +0 -1
- package/es/components/_Icon/Icon.assets/DisclosureLeft.js.map +0 -1
- package/es/components/_Icon/Icons/IconDisclosureLeft.js.map +0 -1
@@ -13,16 +13,16 @@ var config = exports.config = {
|
|
13
13
|
},
|
14
14
|
variations: {
|
15
15
|
size: {
|
16
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":7.312rem;", ":0.625rem;", ":0.5rem;", ":0.5rem 0.5rem 0 0;", ":0.563rem;", ":0.625rem;", ":2.125rem;", ":1.5rem;", ":0.563rem;", ":0.625rem;", ":0.5rem;", ":0.25rem;", ":0.625rem;", ":0.563rem;", ":0.625rem;", ":0rem;", ":0.563rem;", ":0.5rem;", ":1rem;", ":0.375rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":0rem;", ":0rem;", ":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);", ":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);", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.25rem auto auto -0.625rem;", ":0 0 auto auto;", ":0.125rem -0.675rem auto auto;", ":0.813rem auto auto -0.625rem;", ":0.813rem -0.625rem auto auto;"
|
17
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":7.187rem;", ":0.625rem;", ":0.625rem;", ":0.625rem 0.625rem 0 0;", ":0.688rem;", ":0.875rem;", ":3.125rem;", ":2rem;", ":0.75rem;", ":0.875rem;", ":0.75rem;", ":0.25rem;", ":0.875rem;", ":0.75rem;", ":0.875rem;", ":0rem;", ":0.688rem;", ":0.75rem;", ":1.25rem;", ":0.5rem;", ":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);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":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);", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.375rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.063rem auto auto -0.75rem;", ":1.063rem -0.75rem auto auto;"
|
18
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":7rem;", ":1.125rem;", ":0.75rem;", ":0.75rem 0.75rem 0 0;", ":0.875rem;", ":1rem;", ":3.375rem;", ":2.125rem;", ":0.75rem;", ":1rem;", ":0.75rem;", ":0.25rem;", ":1rem;", ":0.75rem;", ":1rem;", ":0rem;", ":0.875rem;", ":0.875rem;", ":1.25rem;", ":0.625rem;", ":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);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-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);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.4375rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.1875rem -0.625rem auto auto;", ":1.25rem auto auto -0.875rem;", ":1.25rem -0.875rem auto auto;"
|
19
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":6.812rem;", ":1.625rem;", ":0.875rem;", ":0.875rem 0.875rem 0 0;", ":1.063rem;", ":1.125rem;", ":3.625rem;", ":2.25rem;", ":0.75rem;", ":1.125rem;", ":0.75rem;", ":0.25rem;", ":1.125rem;", ":0.75rem;", ":1.125rem;", ":0rem;", ":1.063rem;", ":1rem;", ":1.25rem;", ":0.75rem;", ":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);", ":0.5625rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-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);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.5rem auto auto -0.875rem;", ":1.5rem -0.875rem auto auto;"
|
16
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":7.312rem;", ":0.625rem;", ":0.5rem;", ":0.5rem 0.5rem 0 0;", ":0.563rem;", ":0.625rem;", ":2.125rem;", ":1.5rem;", ":0.563rem;", ":0.625rem;", ":0.5rem;", ":0.25rem;", ":0.625rem;", ":0.563rem;", ":0.625rem;", ":0rem;", ":0.563rem;", ":0.5rem;", ":1rem;", ":0.375rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":0rem;", ":0rem;", ":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);", ":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);", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.25rem auto auto -0.625rem;", ":0 0 auto auto;", ":0.125rem -0.675rem auto auto;", ":0.813rem auto auto -0.625rem;", ":0.813rem -0.625rem auto auto;"], _TextArea.textAreaTokens.inputWidth, _TextArea.textAreaTokens.inputHeight, _TextArea.textAreaTokens.inputMinHeight, _TextArea.textAreaTokens.borderRadius, _TextArea.textAreaTokens.borderRadiusWithHelpers, _TextArea.textAreaTokens.inputPaddingTop, _TextArea.textAreaTokens.inputPaddingRight, _TextArea.textAreaTokens.inputPaddingRightWithRightContent, _TextArea.textAreaTokens.clearInputPaddingRightWithRightContent, _TextArea.textAreaTokens.inputPaddingBottom, _TextArea.textAreaTokens.inputPaddingLeft, _TextArea.textAreaTokens.helpersPaddingTop, _TextArea.textAreaTokens.clearHelpersPaddingTop, _TextArea.textAreaTokens.helpersPaddingRight, _TextArea.textAreaTokens.helpersPaddingBottom, _TextArea.textAreaTokens.helpersPaddingLeft, _TextArea.textAreaTokens.helpersOffset, _TextArea.textAreaTokens.rightContentTop, _TextArea.textAreaTokens.rightContentRight, _TextArea.textAreaTokens.rightContentHeight, _TextArea.textAreaTokens.labelMarginBottom, _TextArea.textAreaTokens.clearLabelMarginBottom, _TextArea.textAreaTokens.labelInnerFontFamily, _TextArea.textAreaTokens.labelInnerFontSize, _TextArea.textAreaTokens.labelInnerFontStyle, _TextArea.textAreaTokens.labelInnerFontWeight, _TextArea.textAreaTokens.labelInnerLetterSpacing, _TextArea.textAreaTokens.labelInnerLineHeight, _TextArea.textAreaTokens.labelInnerTop, _TextArea.textAreaTokens.labelInnerMarginBottom, _TextArea.textAreaTokens.inputFontFamily, _TextArea.textAreaTokens.inputFontSize, _TextArea.textAreaTokens.inputFontStyle, _TextArea.textAreaTokens.inputFontWeight, _TextArea.textAreaTokens.inputLetterSpacing, _TextArea.textAreaTokens.inputLineHeight, _TextArea.textAreaTokens.helpersFontFamily, _TextArea.textAreaTokens.helpersFontSize, _TextArea.textAreaTokens.helpersFontStyle, _TextArea.textAreaTokens.helpersFontWeight, _TextArea.textAreaTokens.helpersLetterSpacing, _TextArea.textAreaTokens.helpersLineHeight, _TextArea.textAreaTokens.indicatorSizeInner, _TextArea.textAreaTokens.indicatorSizeOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInner, _TextArea.textAreaTokens.indicatorLabelPlacementOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.indicatorLabelPlacementOuterRight, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInner, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInnerRight),
|
17
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":7.187rem;", ":0.625rem;", ":0.625rem;", ":0.625rem 0.625rem 0 0;", ":0.688rem;", ":0.875rem;", ":3.125rem;", ":2rem;", ":0.75rem;", ":0.875rem;", ":0.75rem;", ":0.25rem;", ":0.875rem;", ":0.75rem;", ":0.875rem;", ":0rem;", ":0.688rem;", ":0.75rem;", ":1.25rem;", ":0.5rem;", ":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);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":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);", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.375rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.063rem auto auto -0.75rem;", ":1.063rem -0.75rem auto auto;"], _TextArea.textAreaTokens.inputWidth, _TextArea.textAreaTokens.inputHeight, _TextArea.textAreaTokens.inputMinHeight, _TextArea.textAreaTokens.borderRadius, _TextArea.textAreaTokens.borderRadiusWithHelpers, _TextArea.textAreaTokens.inputPaddingTop, _TextArea.textAreaTokens.inputPaddingRight, _TextArea.textAreaTokens.inputPaddingRightWithRightContent, _TextArea.textAreaTokens.clearInputPaddingRightWithRightContent, _TextArea.textAreaTokens.inputPaddingBottom, _TextArea.textAreaTokens.inputPaddingLeft, _TextArea.textAreaTokens.helpersPaddingTop, _TextArea.textAreaTokens.clearHelpersPaddingTop, _TextArea.textAreaTokens.helpersPaddingRight, _TextArea.textAreaTokens.helpersPaddingBottom, _TextArea.textAreaTokens.helpersPaddingLeft, _TextArea.textAreaTokens.helpersOffset, _TextArea.textAreaTokens.rightContentTop, _TextArea.textAreaTokens.rightContentRight, _TextArea.textAreaTokens.rightContentHeight, _TextArea.textAreaTokens.labelMarginBottom, _TextArea.textAreaTokens.clearLabelMarginBottom, _TextArea.textAreaTokens.labelInnerFontFamily, _TextArea.textAreaTokens.labelInnerFontSize, _TextArea.textAreaTokens.labelInnerFontStyle, _TextArea.textAreaTokens.labelInnerFontWeight, _TextArea.textAreaTokens.labelInnerLetterSpacing, _TextArea.textAreaTokens.labelInnerLineHeight, _TextArea.textAreaTokens.labelInnerTop, _TextArea.textAreaTokens.labelInnerMarginBottom, _TextArea.textAreaTokens.inputFontFamily, _TextArea.textAreaTokens.inputFontSize, _TextArea.textAreaTokens.inputFontStyle, _TextArea.textAreaTokens.inputFontWeight, _TextArea.textAreaTokens.inputLetterSpacing, _TextArea.textAreaTokens.inputLineHeight, _TextArea.textAreaTokens.helpersFontFamily, _TextArea.textAreaTokens.helpersFontSize, _TextArea.textAreaTokens.helpersFontStyle, _TextArea.textAreaTokens.helpersFontWeight, _TextArea.textAreaTokens.helpersLetterSpacing, _TextArea.textAreaTokens.helpersLineHeight, _TextArea.textAreaTokens.indicatorSizeInner, _TextArea.textAreaTokens.indicatorSizeOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInner, _TextArea.textAreaTokens.indicatorLabelPlacementOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.indicatorLabelPlacementOuterRight, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInner, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInnerRight),
|
18
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":7rem;", ":1.125rem;", ":0.75rem;", ":0.75rem 0.75rem 0 0;", ":0.875rem;", ":1rem;", ":3.375rem;", ":2.125rem;", ":0.75rem;", ":1rem;", ":0.75rem;", ":0.25rem;", ":1rem;", ":0.75rem;", ":1rem;", ":0rem;", ":0.875rem;", ":0.875rem;", ":1.25rem;", ":0.625rem;", ":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);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-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);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.4375rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.1875rem -0.625rem auto auto;", ":1.25rem auto auto -0.875rem;", ":1.25rem -0.875rem auto auto;"], _TextArea.textAreaTokens.inputWidth, _TextArea.textAreaTokens.inputHeight, _TextArea.textAreaTokens.inputMinHeight, _TextArea.textAreaTokens.borderRadius, _TextArea.textAreaTokens.borderRadiusWithHelpers, _TextArea.textAreaTokens.inputPaddingTop, _TextArea.textAreaTokens.inputPaddingRight, _TextArea.textAreaTokens.inputPaddingRightWithRightContent, _TextArea.textAreaTokens.clearInputPaddingRightWithRightContent, _TextArea.textAreaTokens.inputPaddingBottom, _TextArea.textAreaTokens.inputPaddingLeft, _TextArea.textAreaTokens.helpersPaddingTop, _TextArea.textAreaTokens.clearHelpersPaddingTop, _TextArea.textAreaTokens.helpersPaddingRight, _TextArea.textAreaTokens.helpersPaddingBottom, _TextArea.textAreaTokens.helpersPaddingLeft, _TextArea.textAreaTokens.helpersOffset, _TextArea.textAreaTokens.rightContentTop, _TextArea.textAreaTokens.rightContentRight, _TextArea.textAreaTokens.rightContentHeight, _TextArea.textAreaTokens.labelMarginBottom, _TextArea.textAreaTokens.clearLabelMarginBottom, _TextArea.textAreaTokens.labelInnerFontFamily, _TextArea.textAreaTokens.labelInnerFontSize, _TextArea.textAreaTokens.labelInnerFontStyle, _TextArea.textAreaTokens.labelInnerFontWeight, _TextArea.textAreaTokens.labelInnerLetterSpacing, _TextArea.textAreaTokens.labelInnerLineHeight, _TextArea.textAreaTokens.labelInnerTop, _TextArea.textAreaTokens.labelInnerMarginBottom, _TextArea.textAreaTokens.inputFontFamily, _TextArea.textAreaTokens.inputFontSize, _TextArea.textAreaTokens.inputFontStyle, _TextArea.textAreaTokens.inputFontWeight, _TextArea.textAreaTokens.inputLetterSpacing, _TextArea.textAreaTokens.inputLineHeight, _TextArea.textAreaTokens.helpersFontFamily, _TextArea.textAreaTokens.helpersFontSize, _TextArea.textAreaTokens.helpersFontStyle, _TextArea.textAreaTokens.helpersFontWeight, _TextArea.textAreaTokens.helpersLetterSpacing, _TextArea.textAreaTokens.helpersLineHeight, _TextArea.textAreaTokens.indicatorSizeInner, _TextArea.textAreaTokens.indicatorSizeOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInner, _TextArea.textAreaTokens.indicatorLabelPlacementOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.indicatorLabelPlacementOuterRight, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInner, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInnerRight),
|
19
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":6.812rem;", ":1.625rem;", ":0.875rem;", ":0.875rem 0.875rem 0 0;", ":1.063rem;", ":1.125rem;", ":3.625rem;", ":2.25rem;", ":0.75rem;", ":1.125rem;", ":0.75rem;", ":0.25rem;", ":1.125rem;", ":0.75rem;", ":1.125rem;", ":0rem;", ":1.063rem;", ":1rem;", ":1.25rem;", ":0.75rem;", ":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);", ":0.5625rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-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);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.5rem auto auto -0.875rem;", ":1.5rem -0.875rem auto auto;"], _TextArea.textAreaTokens.inputWidth, _TextArea.textAreaTokens.inputHeight, _TextArea.textAreaTokens.inputMinHeight, _TextArea.textAreaTokens.borderRadius, _TextArea.textAreaTokens.borderRadiusWithHelpers, _TextArea.textAreaTokens.inputPaddingTop, _TextArea.textAreaTokens.inputPaddingRight, _TextArea.textAreaTokens.inputPaddingRightWithRightContent, _TextArea.textAreaTokens.clearInputPaddingRightWithRightContent, _TextArea.textAreaTokens.inputPaddingBottom, _TextArea.textAreaTokens.inputPaddingLeft, _TextArea.textAreaTokens.helpersPaddingTop, _TextArea.textAreaTokens.clearHelpersPaddingTop, _TextArea.textAreaTokens.helpersPaddingRight, _TextArea.textAreaTokens.helpersPaddingBottom, _TextArea.textAreaTokens.helpersPaddingLeft, _TextArea.textAreaTokens.helpersOffset, _TextArea.textAreaTokens.rightContentTop, _TextArea.textAreaTokens.rightContentRight, _TextArea.textAreaTokens.rightContentHeight, _TextArea.textAreaTokens.labelMarginBottom, _TextArea.textAreaTokens.clearLabelMarginBottom, _TextArea.textAreaTokens.labelInnerFontFamily, _TextArea.textAreaTokens.labelInnerFontSize, _TextArea.textAreaTokens.labelInnerFontStyle, _TextArea.textAreaTokens.labelInnerFontWeight, _TextArea.textAreaTokens.labelInnerLetterSpacing, _TextArea.textAreaTokens.labelInnerLineHeight, _TextArea.textAreaTokens.labelInnerTop, _TextArea.textAreaTokens.labelInnerMarginBottom, _TextArea.textAreaTokens.inputFontFamily, _TextArea.textAreaTokens.inputFontSize, _TextArea.textAreaTokens.inputFontStyle, _TextArea.textAreaTokens.inputFontWeight, _TextArea.textAreaTokens.inputLetterSpacing, _TextArea.textAreaTokens.inputLineHeight, _TextArea.textAreaTokens.helpersFontFamily, _TextArea.textAreaTokens.helpersFontSize, _TextArea.textAreaTokens.helpersFontStyle, _TextArea.textAreaTokens.helpersFontWeight, _TextArea.textAreaTokens.helpersLetterSpacing, _TextArea.textAreaTokens.helpersLineHeight, _TextArea.textAreaTokens.indicatorSizeInner, _TextArea.textAreaTokens.indicatorSizeOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInner, _TextArea.textAreaTokens.indicatorLabelPlacementOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.indicatorLabelPlacementOuterRight, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInner, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInnerRight)
|
20
20
|
},
|
21
21
|
view: {
|
22
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-transparent-tertiary);", ":var(--
|
23
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-
|
24
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--surface-transparent-warning);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-
|
25
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-
|
22
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.clearInputColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.clearPlaceholderColor, _TextArea.textAreaTokens.clearPlaceholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor, _TextArea.textAreaTokens.indicatorColor, _TextArea.textAreaTokens.optionalColor, _TextArea.textAreaTokens.dividerColor, _TextArea.textAreaTokens.dividerColorHover, _TextArea.textAreaTokens.dividerColorFocus),
|
23
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.clearInputColor, _TextArea.textAreaTokens.clearPlaceholderColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.clearPlaceholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor, _TextArea.textAreaTokens.indicatorColor, _TextArea.textAreaTokens.optionalColor, _TextArea.textAreaTokens.dividerColor, _TextArea.textAreaTokens.dividerColorHover, _TextArea.textAreaTokens.dividerColorFocus),
|
24
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--surface-transparent-warning);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.clearInputColor, _TextArea.textAreaTokens.clearPlaceholderColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.clearPlaceholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor, _TextArea.textAreaTokens.indicatorColor, _TextArea.textAreaTokens.optionalColor, _TextArea.textAreaTokens.dividerColor, _TextArea.textAreaTokens.dividerColorHover, _TextArea.textAreaTokens.dividerColorFocus),
|
25
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.clearInputColor, _TextArea.textAreaTokens.clearPlaceholderColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.clearPlaceholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor, _TextArea.textAreaTokens.indicatorColor, _TextArea.textAreaTokens.optionalColor, _TextArea.textAreaTokens.dividerColor, _TextArea.textAreaTokens.dividerColorHover, _TextArea.textAreaTokens.dividerColorFocus)
|
26
26
|
},
|
27
27
|
clear: {
|
28
28
|
"true": /*#__PURE__*/(0, _styledComponents.css)([""])
|
@@ -5,7 +5,7 @@ import type { StoryObj, Meta } from '@storybook/react';
|
|
5
5
|
import { WithTheme } from '../../../_helpers';
|
6
6
|
import { Button } from '../Button/Button';
|
7
7
|
import { PopoverPlacement } from '../Popover/Popover';
|
8
|
-
import {
|
8
|
+
import { IconDisclosureRightCentered } from '../../../../components/_Icon';
|
9
9
|
|
10
10
|
import { Tooltip } from './Tooltip';
|
11
11
|
import type { TooltipProps } from './Tooltip';
|
@@ -166,7 +166,7 @@ const StoryLive = (args: TooltipProps) => {
|
|
166
166
|
aria-describedby="example-tooltip-firstname"
|
167
167
|
/>
|
168
168
|
}
|
169
|
-
contentLeft={<
|
169
|
+
contentLeft={<IconDisclosureRightCentered size="xs" />}
|
170
170
|
{...args}
|
171
171
|
id="example-tooltip-firstname"
|
172
172
|
text={text}
|
@@ -3,7 +3,7 @@ import type { ComponentProps } from 'react';
|
|
3
3
|
import type { StoryObj, Meta } from '@storybook/react';
|
4
4
|
import { disableProps } from '@salutejs/plasma-sb-utils';
|
5
5
|
|
6
|
-
import {
|
6
|
+
import { IconDisclosureLeftCentered } from '../../../../components/_Icon';
|
7
7
|
import { WithTheme } from '../../../_helpers';
|
8
8
|
|
9
9
|
import { Editable, typographyVariants } from './Editable';
|
@@ -50,7 +50,7 @@ const StoryDefault = ({ defaultValue, componentName, iconSize, ...rest }: StoryP
|
|
50
50
|
return (
|
51
51
|
<Editable
|
52
52
|
{...rest}
|
53
|
-
icon={<
|
53
|
+
icon={<IconDisclosureLeftCentered size={iconSize} color="inherit" />}
|
54
54
|
textComponent={typographyVariants[componentName]}
|
55
55
|
value={defaultValue}
|
56
56
|
onChange={handleChange}
|
package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx
CHANGED
@@ -12,7 +12,7 @@ import {
|
|
12
12
|
import { WithTheme } from '../../../_helpers';
|
13
13
|
import { PopupProvider } from '../Popup/Popup';
|
14
14
|
import { NotificationProps } from '../../../../components/Notification';
|
15
|
-
import {
|
15
|
+
import { IconDisclosureRightCentered } from '../../../../components/_Icon';
|
16
16
|
|
17
17
|
import { Notification, NotificationsProvider } from './Notification';
|
18
18
|
|
@@ -55,7 +55,7 @@ const StoryDefault = ({ title, children, iconPlacement, size, layout, showLeftIc
|
|
55
55
|
return (
|
56
56
|
<Notification
|
57
57
|
title={title}
|
58
|
-
icon={showLeftIcon ? <
|
58
|
+
icon={showLeftIcon ? <IconDisclosureRightCentered /> : ''}
|
59
59
|
iconPlacement={iconPlacement}
|
60
60
|
actions={
|
61
61
|
<Button
|
@@ -116,7 +116,10 @@ type StoryLiveDemoProps = ComponentProps<typeof Notification> & {
|
|
116
116
|
const StoryLiveDemo = ({ timeout, ...rest }: StoryLiveDemoProps) => {
|
117
117
|
const count = useRef(0);
|
118
118
|
const handleClick = useCallback(() => {
|
119
|
-
addNotification(
|
119
|
+
addNotification(
|
120
|
+
{ icon: <IconDisclosureRightCentered />, ...rest, ...getNotificationProps(count.current) },
|
121
|
+
timeout,
|
122
|
+
);
|
120
123
|
count.current++;
|
121
124
|
}, [count, rest]);
|
122
125
|
|
@@ -1,23 +1,55 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import type { ComponentProps } from 'react';
|
3
3
|
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
+
import { disableProps } from '@salutejs/plasma-sb-utils';
|
4
5
|
|
5
6
|
import { segmentGroupConfig } from '../../../../components/Segment';
|
6
7
|
import { mergeConfig } from '../../../../engines';
|
7
8
|
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
8
9
|
import { SegmentProvider } from '../../../../components/Segment/SegmentProvider';
|
10
|
+
import { Counter } from '../Counter/Counter';
|
11
|
+
import { IconMic } from '../../../../components/_Icon';
|
9
12
|
|
10
13
|
import { config } from './SegmentGroup.config';
|
11
14
|
import { SegmentItem, SegmentGroup } from './Segment';
|
12
15
|
|
13
|
-
const
|
16
|
+
const contentLeftOptions = ['none', 'icon'];
|
17
|
+
const contentRightOptions = ['none', 'text', 'counter', 'icon'];
|
14
18
|
|
15
|
-
|
16
|
-
|
17
|
-
|
19
|
+
const segmentItemViews = ['default', 'secondary'];
|
20
|
+
type Size = typeof sizes[number];
|
21
|
+
|
22
|
+
type CustomStoryProps = {
|
23
|
+
itemQuantity: number;
|
24
|
+
contentLeft: string;
|
25
|
+
contentRight: string;
|
26
|
+
segmentItemView?: 'default' | 'secondary';
|
27
|
+
};
|
28
|
+
|
29
|
+
type StorySegmentProps = ComponentProps<typeof SegmentGroup> & CustomStoryProps;
|
30
|
+
|
31
|
+
const sizes = ['xs', 's', 'm', 'l'] as const;
|
32
|
+
|
33
|
+
const getContentLeft = (contentLeftOption: string, size: Size) => {
|
34
|
+
const iconSize = size === 'xs' ? 'xs' : 's';
|
35
|
+
return contentLeftOption === 'icon' ? <IconMic size={iconSize} color="inherit" /> : undefined;
|
18
36
|
};
|
19
37
|
|
20
|
-
|
38
|
+
const getContentRight = (contentRightOption: string, size: Size) => {
|
39
|
+
const iconSize = size === 'xs' ? 'xs' : 's';
|
40
|
+
const counterSize = size === 'xs' ? 'xxs' : 'xs';
|
41
|
+
|
42
|
+
switch (contentRightOption) {
|
43
|
+
case 'icon':
|
44
|
+
return <IconMic size={iconSize} color="inherit" />;
|
45
|
+
case 'counter':
|
46
|
+
return <Counter size={counterSize} count={1} view="positive" />;
|
47
|
+
case 'text':
|
48
|
+
return 'Text';
|
49
|
+
default:
|
50
|
+
return undefined;
|
51
|
+
}
|
52
|
+
};
|
21
53
|
|
22
54
|
const meta: Meta<StorySegmentProps> = {
|
23
55
|
title: 'plasma_web/Segment',
|
@@ -25,6 +57,19 @@ const meta: Meta<StorySegmentProps> = {
|
|
25
57
|
component: SegmentGroup,
|
26
58
|
argTypes: {
|
27
59
|
...argTypesFromConfig(mergeConfig(segmentGroupConfig, config)),
|
60
|
+
...disableProps(['filledBackground', 'view', 'selectionMode']),
|
61
|
+
stretch: {
|
62
|
+
control: {
|
63
|
+
type: 'boolean',
|
64
|
+
},
|
65
|
+
if: { arg: 'orientation', eq: 'horizontal' },
|
66
|
+
},
|
67
|
+
orientation: {
|
68
|
+
options: ['horizontal', 'vertical'],
|
69
|
+
control: {
|
70
|
+
type: 'select',
|
71
|
+
},
|
72
|
+
},
|
28
73
|
selectionMode: {
|
29
74
|
options: ['single', 'multiple'],
|
30
75
|
control: {
|
@@ -37,59 +82,91 @@ const meta: Meta<StorySegmentProps> = {
|
|
37
82
|
type: 'select',
|
38
83
|
},
|
39
84
|
},
|
85
|
+
contentLeft: {
|
86
|
+
options: contentLeftOptions,
|
87
|
+
control: {
|
88
|
+
type: 'select',
|
89
|
+
},
|
90
|
+
},
|
91
|
+
contentRight: {
|
92
|
+
options: contentRightOptions,
|
93
|
+
control: {
|
94
|
+
type: 'select',
|
95
|
+
},
|
96
|
+
},
|
40
97
|
},
|
41
98
|
};
|
42
99
|
|
43
100
|
export default meta;
|
44
101
|
|
45
|
-
const StoryDefault = (
|
46
|
-
const
|
102
|
+
const StoryDefault = (props: StorySegmentProps) => {
|
103
|
+
const {
|
104
|
+
disabled,
|
105
|
+
itemQuantity,
|
106
|
+
size,
|
107
|
+
stretch,
|
108
|
+
orientation,
|
109
|
+
|
110
|
+
segmentItemView,
|
111
|
+
contentLeft: contentLeftOption,
|
112
|
+
contentRight: contentRightOption,
|
113
|
+
...args
|
114
|
+
} = props;
|
115
|
+
const items = Array(itemQuantity).fill(0);
|
47
116
|
|
48
117
|
return (
|
49
|
-
|
50
|
-
<
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
<SegmentGroup view={view} style={{ width: '28.5rem' }} selectionMode={selectionMode} {...args}>
|
68
|
-
{contentItems.map((_, i) => (
|
69
|
-
<SegmentItem
|
70
|
-
view={segmentItemView}
|
71
|
-
label={`Label ${i}`}
|
72
|
-
value={`label_${i}`}
|
73
|
-
key={`label_${i}`}
|
74
|
-
{...args}
|
75
|
-
/>
|
76
|
-
))}
|
77
|
-
</SegmentGroup>
|
78
|
-
</SegmentProvider>
|
79
|
-
</>
|
118
|
+
<SegmentProvider>
|
119
|
+
<SegmentGroup stretch={stretch} disabled={disabled} size={size} orientation={orientation} {...args}>
|
120
|
+
{items.map((_, i) => (
|
121
|
+
<SegmentItem
|
122
|
+
view={segmentItemView}
|
123
|
+
label={`Label ${i}`}
|
124
|
+
value={`label_${i}`}
|
125
|
+
size={size}
|
126
|
+
key={`label_${i}`}
|
127
|
+
contentLeft={getContentLeft(contentLeftOption, size)}
|
128
|
+
contentRight={getContentRight(contentRightOption, size)}
|
129
|
+
{...args}
|
130
|
+
>
|
131
|
+
{`Label${i + 1}`}
|
132
|
+
</SegmentItem>
|
133
|
+
))}
|
134
|
+
</SegmentGroup>
|
135
|
+
</SegmentProvider>
|
80
136
|
);
|
81
137
|
};
|
82
138
|
|
83
139
|
export const Default: StoryObj<StorySegmentProps> = {
|
84
140
|
args: {
|
85
|
-
|
141
|
+
itemQuantity: 8,
|
86
142
|
size: 'xs',
|
87
|
-
segmentItemView: '
|
143
|
+
segmentItemView: 'default',
|
88
144
|
selectionMode: 'single',
|
89
|
-
contentItemsNumber: 11,
|
90
145
|
pilled: false,
|
91
146
|
filledBackground: false,
|
147
|
+
hasBackground: false,
|
92
148
|
disabled: false,
|
149
|
+
stretch: false,
|
150
|
+
orientation: 'horizontal',
|
151
|
+
contentRight: 'none',
|
152
|
+
contentLeft: 'none',
|
153
|
+
},
|
154
|
+
argTypes: {
|
155
|
+
stretch: {
|
156
|
+
control: {
|
157
|
+
type: 'boolean',
|
158
|
+
},
|
159
|
+
if: { arg: 'orientation', eq: 'horizontal' },
|
160
|
+
},
|
161
|
+
size: {
|
162
|
+
options: sizes,
|
163
|
+
control: {
|
164
|
+
type: 'select',
|
165
|
+
},
|
166
|
+
},
|
167
|
+
...disableProps(['filledBackground', 'view', 'selectionMode', 'vertical']),
|
168
|
+
},
|
169
|
+
render: (args: StorySegmentProps) => {
|
170
|
+
return <StoryDefault {...args} />;
|
93
171
|
},
|
94
|
-
render: (args) => <StoryDefault {...args} />,
|
95
172
|
};
|
@@ -13,23 +13,29 @@ var config = exports.config = {
|
|
13
13
|
},
|
14
14
|
variations: {
|
15
15
|
view: {
|
16
|
-
clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":
|
17
|
-
filled: /*#__PURE__*/(0, _styledComponents.css)(["", ":
|
16
|
+
clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--plasma-colors-button-focused,var(--text-accent));"], _Segment.segmentTokens.groupBackgroundColor, _Segment.segmentTokens.outlineFocusColor),
|
17
|
+
filled: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--plasma-colors-button-focused,var(--text-accent));"], _Segment.segmentTokens.groupBackgroundColor, _Segment.segmentTokens.outlineFocusColor)
|
18
18
|
},
|
19
19
|
size: {
|
20
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.
|
21
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.
|
22
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.
|
23
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":
|
20
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.625rem;", ":1.125rem;", ":auto;", ":auto;"], _Segment.segmentTokens.groupBorderRadius, _Segment.segmentTokens.groupPilledBorderRadius, _Segment.segmentTokens.groupWidth, _Segment.segmentTokens.groupHeight),
|
21
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":1.375rem;", ":auto;", ":auto;"], _Segment.segmentTokens.groupBorderRadius, _Segment.segmentTokens.groupPilledBorderRadius, _Segment.segmentTokens.groupWidth, _Segment.segmentTokens.groupHeight),
|
22
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.875rem;", ":1.625rem;", ":auto;", ":auto;"], _Segment.segmentTokens.groupBorderRadius, _Segment.segmentTokens.groupPilledBorderRadius, _Segment.segmentTokens.groupWidth, _Segment.segmentTokens.groupHeight),
|
23
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":1.875rem;", ":auto;", ":auto;"], _Segment.segmentTokens.groupBorderRadius, _Segment.segmentTokens.groupPilledBorderRadius, _Segment.segmentTokens.groupWidth, _Segment.segmentTokens.groupHeight)
|
24
24
|
},
|
25
25
|
disabled: {
|
26
26
|
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Segment.segmentTokens.disabledOpacity)
|
27
27
|
},
|
28
28
|
pilled: {
|
29
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)([""
|
29
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)([""])
|
30
|
+
},
|
31
|
+
stretch: {
|
32
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)([""])
|
30
33
|
},
|
31
34
|
filledBackground: {
|
32
35
|
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-surface-liquid02);"], _Segment.segmentTokens.groupFilledBackgroundColor)
|
36
|
+
},
|
37
|
+
orientation: {
|
38
|
+
vertical: /*#__PURE__*/(0, _styledComponents.css)([""])
|
33
39
|
}
|
34
40
|
}
|
35
41
|
};
|
@@ -13,21 +13,21 @@ var config = exports.config = {
|
|
13
13
|
},
|
14
14
|
variations: {
|
15
15
|
view: {
|
16
|
-
clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--plasma-colors-button-focused);"], _Segment.segmentTokens.itemColor, _Segment.segmentTokens.itemBackgroundColor, _Segment.segmentTokens.itemColorHover, _Segment.segmentTokens.itemBackgroundColorHover, _Segment.segmentTokens.itemSelectedColor, _Segment.segmentTokens.itemSelectedBackgroundColor, _Segment.segmentTokens.itemSelectedColorHover, _Segment.segmentTokens.itemSelectedBackgroundColorHover, _Segment.segmentTokens.outlineFocusColor),
|
17
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":var(--surface-
|
18
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--plasma-colors-button-focused);"], _Segment.segmentTokens.itemColor, _Segment.segmentTokens.itemBackgroundColor, _Segment.segmentTokens.itemColorHover, _Segment.segmentTokens.itemBackgroundColorHover, _Segment.segmentTokens.itemSelectedColor, _Segment.segmentTokens.itemSelectedBackgroundColor, _Segment.segmentTokens.itemSelectedColorHover, _Segment.segmentTokens.itemSelectedBackgroundColorHover, _Segment.segmentTokens.outlineFocusColor)
|
16
|
+
clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":transparent;", ":var(--text-primary-hover);", ":transparent;", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-primary-hover);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--plasma-colors-button-focused,var(--text-accent));"], _Segment.segmentTokens.itemColor, _Segment.segmentTokens.itemBackgroundColor, _Segment.segmentTokens.itemColorHover, _Segment.segmentTokens.itemBackgroundColorHover, _Segment.segmentTokens.itemAdditionalColor, _Segment.segmentTokens.itemAdditionalColorHover, _Segment.segmentTokens.itemSelectedColor, _Segment.segmentTokens.itemSelectedBackgroundColor, _Segment.segmentTokens.itemSelectedColorHover, _Segment.segmentTokens.itemSelectedBackgroundColorHover, _Segment.segmentTokens.itemSelectedAdditionalColor, _Segment.segmentTokens.itemSelectedAdditionalColorHover, _Segment.segmentTokens.outlineFocusColor),
|
17
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary-hover);", ":transparent;", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-card);", ":var(--text-primary-hover);", ":var(--surface-transparent-card);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--plasma-colors-button-focused,var(--text-accent));"], _Segment.segmentTokens.itemColor, _Segment.segmentTokens.itemBackgroundColor, _Segment.segmentTokens.itemColorHover, _Segment.segmentTokens.itemBackgroundColorHover, _Segment.segmentTokens.itemAdditionalColor, _Segment.segmentTokens.itemAdditionalColorHover, _Segment.segmentTokens.itemSelectedColor, _Segment.segmentTokens.itemSelectedBackgroundColor, _Segment.segmentTokens.itemSelectedColorHover, _Segment.segmentTokens.itemSelectedBackgroundColorHover, _Segment.segmentTokens.itemSelectedAdditionalColor, _Segment.segmentTokens.itemSelectedAdditionalColorHover, _Segment.segmentTokens.outlineFocusColor),
|
18
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary-hover);", ":transparent;", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary-hover);", ":var(--surface-solid-default);", ":var(--inverse-text-secondary);", ":var(--inverse-text-secondary);", ":var(--plasma-colors-button-focused,var(--text-accent));"], _Segment.segmentTokens.itemColor, _Segment.segmentTokens.itemBackgroundColor, _Segment.segmentTokens.itemColorHover, _Segment.segmentTokens.itemBackgroundColorHover, _Segment.segmentTokens.itemAdditionalColor, _Segment.segmentTokens.itemAdditionalColorHover, _Segment.segmentTokens.itemSelectedColor, _Segment.segmentTokens.itemSelectedBackgroundColor, _Segment.segmentTokens.itemSelectedColorHover, _Segment.segmentTokens.itemSelectedBackgroundColorHover, _Segment.segmentTokens.itemSelectedAdditionalColor, _Segment.segmentTokens.itemSelectedAdditionalColorHover, _Segment.segmentTokens.outlineFocusColor)
|
19
19
|
},
|
20
20
|
size: {
|
21
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.
|
22
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.
|
23
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.
|
24
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.
|
21
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":auto;", ":2rem;", ":0.5rem 0.75rem;", ":0.5rem 0.5rem;", ":0.0625rem 0.125rem;", ":0.125rem;", ":0;", ":var(--plasma-typo-body-xs-bold-font-family);", ":var(--plasma-typo-body-xs-bold-font-size);", ":var(--plasma-typo-body-xs-bold-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-bold-letter-spacing);", ":var(--plasma-typo-body-xs-bold-line-height);"], _Segment.segmentTokens.itemBorderRadius, _Segment.segmentTokens.itemWidth, _Segment.segmentTokens.itemHeight, _Segment.segmentTokens.itemPadding, _Segment.segmentTokens.itemPilledPadding, _Segment.segmentTokens.itemContentPadding, _Segment.segmentTokens.itemIconMargin, _Segment.segmentTokens.itemMarginLeft, _Segment.segmentTokens.fontFamily, _Segment.segmentTokens.fontSize, _Segment.segmentTokens.fontStyle, _Segment.segmentTokens.fontWeight, _Segment.segmentTokens.letterSpacing, _Segment.segmentTokens.lineHeight),
|
22
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.625rem;", ":auto;", ":2.5rem;", ":0.5rem 1rem;", ":0.5rem 0.5rem;", ":0.1875rem 0.125rem;", ":0.125rem;", ":0rem;", ":var(--plasma-typo-body-s-bold-font-family);", ":var(--plasma-typo-body-s-bold-font-size);", ":var(--plasma-typo-body-s-bold-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-bold-letter-spacing);", ":var(--plasma-typo-body-s-bold-line-height);"], _Segment.segmentTokens.itemBorderRadius, _Segment.segmentTokens.itemWidth, _Segment.segmentTokens.itemHeight, _Segment.segmentTokens.itemPadding, _Segment.segmentTokens.itemPilledPadding, _Segment.segmentTokens.itemContentPadding, _Segment.segmentTokens.itemIconMargin, _Segment.segmentTokens.itemMarginLeft, _Segment.segmentTokens.fontFamily, _Segment.segmentTokens.fontSize, _Segment.segmentTokens.fontStyle, _Segment.segmentTokens.fontWeight, _Segment.segmentTokens.letterSpacing, _Segment.segmentTokens.lineHeight),
|
23
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":auto;", ":3rem;", ":0.75rem 1.25rem;", ":0.75rem 0.75rem;", ":0.125rem;", ":0.25rem;", ":0rem;", ":var(--plasma-typo-body-m-bold-font-family);", ":var(--plasma-typo-body-m-bold-font-size);", ":var(--plasma-typo-body-m-bold-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-bold-letter-spacing);", ":var(--plasma-typo-body-m-bold-line-height);"], _Segment.segmentTokens.itemBorderRadius, _Segment.segmentTokens.itemWidth, _Segment.segmentTokens.itemHeight, _Segment.segmentTokens.itemPadding, _Segment.segmentTokens.itemPilledPadding, _Segment.segmentTokens.itemContentPadding, _Segment.segmentTokens.itemIconMargin, _Segment.segmentTokens.itemMarginLeft, _Segment.segmentTokens.fontFamily, _Segment.segmentTokens.fontSize, _Segment.segmentTokens.fontStyle, _Segment.segmentTokens.fontWeight, _Segment.segmentTokens.letterSpacing, _Segment.segmentTokens.lineHeight),
|
24
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.875rem;", ":auto;", ":3.5rem;", ":1rem 1.5rem;", ":1rem 1rem;", ":0.0625rem 0.125rem;", ":0.375rem;", ":0;", ":var(--plasma-typo-body-l-bold-font-family);", ":var(--plasma-typo-body-l-bold-font-size);", ":var(--plasma-typo-body-l-bold-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-bold-letter-spacing);", ":var(--plasma-typo-body-l-bold-line-height);"], _Segment.segmentTokens.itemBorderRadius, _Segment.segmentTokens.itemWidth, _Segment.segmentTokens.itemHeight, _Segment.segmentTokens.itemPadding, _Segment.segmentTokens.itemPilledPadding, _Segment.segmentTokens.itemContentPadding, _Segment.segmentTokens.itemIconMargin, _Segment.segmentTokens.itemMarginLeft, _Segment.segmentTokens.fontFamily, _Segment.segmentTokens.fontSize, _Segment.segmentTokens.fontStyle, _Segment.segmentTokens.fontWeight, _Segment.segmentTokens.letterSpacing, _Segment.segmentTokens.lineHeight)
|
25
25
|
},
|
26
26
|
disabled: {
|
27
27
|
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Segment.segmentTokens.disabledOpacity)
|
28
28
|
},
|
29
29
|
pilled: {
|
30
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":1.
|
30
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":1.75rem;"], _Segment.segmentTokens.itemPilledBorderRadius)
|
31
31
|
}
|
32
32
|
}
|
33
33
|
};
|