@salutejs/plasma-new-hope 0.165.1-dev.0 → 0.166.0-canary.1392.11342835439.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Attach/Attach.js +8 -17
- package/cjs/components/Attach/Attach.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +1 -1
- package/cjs/components/Segment/tokens.js +15 -1
- package/cjs/components/Segment/tokens.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.css +13 -7
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +180 -88
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +37 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_1tb4sy2.css +8 -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 +18 -9
- 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_13rhpr7.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/horizontal/HorizontalTabs/HorizontalTabs.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +1 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureDownWithOffset.js +22 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureDownWithOffset.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +22 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +22 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureRightWithOffset.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +22 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureUpWithOffset.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconDisclosureDownWithOffset.js +23 -0
- package/cjs/components/_Icon/Icons/IconDisclosureDownWithOffset.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +23 -0
- package/cjs/components/_Icon/Icons/IconDisclosureLeftWithOffset.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconDisclosureRightWithOffset.js +23 -0
- package/cjs/components/_Icon/Icons/IconDisclosureRightWithOffset.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconDisclosureUpWithOffset.js +23 -0
- package/cjs/components/_Icon/Icons/IconDisclosureUpWithOffset.js.map +1 -0
- package/cjs/index.css +19 -11
- package/emotion/cjs/components/Attach/Attach.js +8 -17
- package/emotion/cjs/components/Attach/Attach.template-doc.mdx +0 -69
- package/emotion/cjs/components/Segment/Segment.template-doc.mdx +3 -3
- package/emotion/cjs/components/Segment/tokens.js +15 -1
- package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +174 -85
- package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +29 -29
- 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 +18 -9
- package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +20 -6
- 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/_Icon/Icon.assets/DisclosureDownWithOffset.js +21 -0
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +21 -0
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +21 -0
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +21 -0
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureDownWithOffset.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureRightWithOffset.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureUpWithOffset.js +22 -0
- package/emotion/cjs/components/_Icon/index.js +28 -0
- package/emotion/cjs/examples/plasma_b2c/components/Segment/Segment.stories.tsx +124 -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_web/components/Segment/Segment.stories.tsx +125 -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/es/components/Attach/Attach.js +8 -17
- package/emotion/es/components/Attach/Attach.template-doc.mdx +0 -69
- package/emotion/es/components/Segment/Segment.template-doc.mdx +3 -3
- package/emotion/es/components/Segment/tokens.js +15 -1
- package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +177 -88
- package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +29 -29
- 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 +19 -10
- package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +20 -6
- 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/_Icon/Icon.assets/DisclosureDownWithOffset.js +14 -0
- package/emotion/es/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +14 -0
- package/emotion/es/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +14 -0
- package/emotion/es/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +14 -0
- package/emotion/es/components/_Icon/Icons/IconDisclosureDownWithOffset.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconDisclosureRightWithOffset.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconDisclosureUpWithOffset.js +15 -0
- package/emotion/es/components/_Icon/index.js +4 -0
- package/emotion/es/examples/plasma_b2c/components/Segment/Segment.stories.tsx +124 -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_web/components/Segment/Segment.stories.tsx +125 -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/es/components/Attach/Attach.js +8 -17
- package/es/components/Attach/Attach.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +1 -1
- package/es/components/Segment/tokens.js +15 -1
- package/es/components/Segment/tokens.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.css +13 -7
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +183 -92
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +34 -2
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_1tb4sy2.css +8 -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 +19 -10
- 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_13rhpr7.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/horizontal/HorizontalTabs/HorizontalTabs.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureDownWithOffset.js +18 -0
- package/es/components/_Icon/Icon.assets/DisclosureDownWithOffset.js.map +1 -0
- package/es/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +18 -0
- package/es/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js.map +1 -0
- package/es/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +18 -0
- package/es/components/_Icon/Icon.assets/DisclosureRightWithOffset.js.map +1 -0
- package/es/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +18 -0
- package/es/components/_Icon/Icon.assets/DisclosureUpWithOffset.js.map +1 -0
- package/es/components/_Icon/Icons/IconDisclosureDownWithOffset.js +19 -0
- package/es/components/_Icon/Icons/IconDisclosureDownWithOffset.js.map +1 -0
- package/es/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +19 -0
- package/es/components/_Icon/Icons/IconDisclosureLeftWithOffset.js.map +1 -0
- package/es/components/_Icon/Icons/IconDisclosureRightWithOffset.js +19 -0
- package/es/components/_Icon/Icons/IconDisclosureRightWithOffset.js.map +1 -0
- package/es/components/_Icon/Icons/IconDisclosureUpWithOffset.js +19 -0
- package/es/components/_Icon/Icons/IconDisclosureUpWithOffset.js.map +1 -0
- package/es/index.css +19 -11
- package/package.json +2 -2
- package/styled-components/cjs/components/Attach/Attach.js +8 -17
- package/styled-components/cjs/components/Attach/Attach.template-doc.mdx +0 -69
- package/styled-components/cjs/components/Segment/Segment.template-doc.mdx +3 -3
- package/styled-components/cjs/components/Segment/tokens.js +15 -1
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +174 -85
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +18 -6
- 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 +18 -9
- package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +16 -4
- 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/_Icon/Icon.assets/DisclosureDownWithOffset.js +21 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +21 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +21 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +21 -0
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDownWithOffset.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureRightWithOffset.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureUpWithOffset.js +22 -0
- package/styled-components/cjs/components/_Icon/index.js +28 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Segment/Segment.stories.tsx +124 -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_web/components/Segment/Segment.stories.tsx +125 -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/es/components/Attach/Attach.js +8 -17
- package/styled-components/es/components/Attach/Attach.template-doc.mdx +0 -69
- package/styled-components/es/components/Segment/Segment.template-doc.mdx +3 -3
- package/styled-components/es/components/Segment/tokens.js +15 -1
- package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +177 -88
- package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +18 -6
- 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 +19 -10
- package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +16 -4
- 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/_Icon/Icon.assets/DisclosureDownWithOffset.js +14 -0
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +14 -0
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +14 -0
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +14 -0
- package/styled-components/es/components/_Icon/Icons/IconDisclosureDownWithOffset.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconDisclosureRightWithOffset.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconDisclosureUpWithOffset.js +15 -0
- package/styled-components/es/components/_Icon/index.js +4 -0
- package/styled-components/es/examples/plasma_b2c/components/Segment/Segment.stories.tsx +124 -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_web/components/Segment/Segment.stories.tsx +125 -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/types/components/Attach/Attach.d.ts.map +1 -1
- package/types/components/Attach/Attach.types.d.ts +0 -4
- package/types/components/Attach/Attach.types.d.ts.map +1 -1
- package/types/components/Segment/tokens.d.ts +14 -0
- package/types/components/Segment/tokens.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts +10 -0
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts +12 -0
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts +19 -2
- 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/_Icon/Icon.assets/DisclosureDownWithOffset.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/DisclosureDownWithOffset.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/DisclosureLeftWithOffset.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/DisclosureLeftWithOffset.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/DisclosureRightWithOffset.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/DisclosureRightWithOffset.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/DisclosureUpWithOffset.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/DisclosureUpWithOffset.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconDisclosureDownWithOffset.d.ts +4 -0
- package/types/components/_Icon/Icons/IconDisclosureDownWithOffset.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconDisclosureLeftWithOffset.d.ts +4 -0
- package/types/components/_Icon/Icons/IconDisclosureLeftWithOffset.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconDisclosureRightWithOffset.d.ts +4 -0
- package/types/components/_Icon/Icons/IconDisclosureRightWithOffset.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconDisclosureUpWithOffset.d.ts +4 -0
- package/types/components/_Icon/Icons/IconDisclosureUpWithOffset.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +4 -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_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/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/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
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["size", "view", "id", "label", "value", "pilled", "customHandleSelect", "aria-label"];
|
1
|
+
var _excluded = ["size", "view", "id", "label", "value", "pilled", "contentLeft", "contentRight", "customHandleSelect", "skipSelection", "aria-label"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
@@ -11,16 +11,20 @@ import { base as sizeCSS } from './variations/_size/base';
|
|
11
11
|
import { base as viewCSS } from './variations/_view/base';
|
12
12
|
import { base as disabledCSS } from './variations/_disabled/base';
|
13
13
|
import { base as pilledCSS } from './variations/_pilled/base';
|
14
|
-
import { StyledContent, base } from './SegmentItem.styles';
|
14
|
+
import { StyledContent, base, LeftContent, RightContent } from './SegmentItem.styles';
|
15
15
|
export var segmentItemRoot = function segmentItemRoot(Root) {
|
16
16
|
return /*#__PURE__*/forwardRef(function (props, outerRef) {
|
17
17
|
var size = props.size,
|
18
|
-
view = props.view,
|
18
|
+
_props$view = props.view,
|
19
|
+
view = _props$view === void 0 ? 'default' : _props$view,
|
19
20
|
id = props.id,
|
20
21
|
label = props.label,
|
21
22
|
value = props.value,
|
22
23
|
pilled = props.pilled,
|
24
|
+
contentLeft = props.contentLeft,
|
25
|
+
contentRight = props.contentRight,
|
23
26
|
customHandleSelect = props.customHandleSelect,
|
27
|
+
skipSelection = props.skipSelection,
|
24
28
|
ariaLabelExternal = props['aria-label'],
|
25
29
|
rest = _objectWithoutProperties(props, _excluded);
|
26
30
|
var _useSegmentInner = useSegmentInner(),
|
@@ -33,17 +37,20 @@ export var segmentItemRoot = function segmentItemRoot(Root) {
|
|
33
37
|
var ariaLabelDefault = useMemo(function () {
|
34
38
|
return extractTextFrom(label);
|
35
39
|
}, [label]);
|
36
|
-
var
|
37
|
-
var
|
40
|
+
var pilledClass = pilled ? classes.segmentPilled : undefined;
|
41
|
+
var xsSize = size === 'xs' ? classes.segmentXsSize : undefined;
|
38
42
|
var isSelected = selectedSegmentItems === null || selectedSegmentItems === void 0 ? void 0 : selectedSegmentItems.includes(value || ariaLabelDefault);
|
39
43
|
var selectedClass = isSelected ? classes.selectedSegmentItem : undefined;
|
40
44
|
var handleSelectSegment = useCallback(function (event) {
|
41
45
|
if (disabledGroup) {
|
42
46
|
return;
|
43
47
|
}
|
48
|
+
if (skipSelection) {
|
49
|
+
return;
|
50
|
+
}
|
44
51
|
customHandleSelect === null || customHandleSelect === void 0 || customHandleSelect(event);
|
45
52
|
handleSelect === null || handleSelect === void 0 || handleSelect(value || ariaLabelDefault);
|
46
|
-
}, [selectionMode]);
|
53
|
+
}, [selectionMode, disabledGroup, skipSelection]);
|
47
54
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
48
55
|
view: view,
|
49
56
|
size: size,
|
@@ -51,12 +58,14 @@ export var segmentItemRoot = function segmentItemRoot(Root) {
|
|
51
58
|
ref: outerRef,
|
52
59
|
"aria-label": ariaLabelExternal || ariaLabelDefault,
|
53
60
|
value: value,
|
54
|
-
pilled:
|
55
|
-
className: cx(selectedClass, pilledClass),
|
61
|
+
pilled: pilled,
|
62
|
+
className: cx(selectedClass, pilledClass, xsSize),
|
56
63
|
onClick: handleSelectSegment,
|
57
64
|
tabIndex: disabledGroup ? -1 : 0,
|
58
65
|
disabled: disabledGroup
|
59
|
-
}, rest), /*#__PURE__*/React.createElement(StyledContent, null, label || value)
|
66
|
+
}, rest), contentLeft && /*#__PURE__*/React.createElement(LeftContent, null, contentLeft), /*#__PURE__*/React.createElement(StyledContent, null, label || value), contentRight && /*#__PURE__*/React.createElement(RightContent, {
|
67
|
+
className: typeof contentRight === 'string' ? classes.segmentAdditionalText : ''
|
68
|
+
}, contentRight));
|
60
69
|
});
|
61
70
|
};
|
62
71
|
export var segmentItemConfig = {
|
@@ -81,7 +90,7 @@ export var segmentItemConfig = {
|
|
81
90
|
}
|
82
91
|
},
|
83
92
|
defaults: {
|
84
|
-
view: '
|
93
|
+
view: 'default',
|
85
94
|
size: 'xs'
|
86
95
|
}
|
87
96
|
};
|
@@ -1,15 +1,29 @@
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
2
2
|
import { css } from '@emotion/react';
|
3
3
|
import { addFocus, applyEllipsis } from '../../../../mixins';
|
4
|
-
import { tokens } from '../../tokens';
|
5
|
-
export var base = /*#__PURE__*/css("position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
|
4
|
+
import { classes, tokens } from '../../tokens';
|
5
|
+
export var base = /*#__PURE__*/css("position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;appearance:none;border:none;outline:none;cursor:pointer;margin-left:var(", tokens.itemMarginLeft, ");-webkit-tap-highlight-color:rgba(0, 0, 0, 0);&:first-child{margin-left:0;}", /*#__PURE__*/addFocus({
|
6
6
|
outlineSize: '0.063rem',
|
7
|
-
outlineOffset: '-0.
|
7
|
+
outlineOffset: '-0.063rem',
|
8
8
|
outlineColor: /*#__PURE__*/"var(".concat(tokens.outlineFocusColor, ")"),
|
9
9
|
outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
|
10
10
|
customFocusRules: /*#__PURE__*/"\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(".concat(tokens.outlineFocusColor, ");\n }\n }\n ")
|
11
|
-
}), ";;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
11
|
+
}), ";;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS9TZWdtZW50SXRlbS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS9TZWdtZW50SXRlbS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGFkZEZvY3VzLCBhcHBseUVsbGlwc2lzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgbWluLXdpZHRoOiAwO1xuXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgbWFyZ2luLWxlZnQ6IHZhcigke3Rva2Vucy5pdGVtTWFyZ2luTGVmdH0pO1xuICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcblxuICAgICY6Zmlyc3QtY2hpbGQge1xuICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICB9XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KWAsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICdjYWxjKHZhcigtLXBsYXNtYV9wcml2YXRlLW91dGxpbmUtcmFkaXVzKSArIDAuMDYzcmVtKScsXG4gICAgICAgIGN1c3RvbUZvY3VzUnVsZXM6IGBcbiAgICAgICAgICAgICYuZm9jdXMtdmlzaWJsZTpmb2N1cyxcbiAgICAgICAgICAgICZbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSB7XG4gICAgICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMC4wNjNyZW0gdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICBgLFxuICAgIH0pfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdjx7XG4gICAgaGFzUmlnaHRNYXJnaW4/OiBib29sZWFuO1xuICAgIGhhc0xlZnRNYXJnaW4/OiBib29sZWFuO1xuICAgIGlzU2Vjb25kYXJ5PzogYm9vbGVhbjtcbn0+YFxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50UGFkZGluZ30pO1xuICAgICR7YXBwbHlFbGxpcHNpcygpfTtcblxuICAgIG1hcmdpbi1yaWdodDogJHsoeyBoYXNSaWdodE1hcmdpbiB9KSA9PiAoaGFzUmlnaHRNYXJnaW4gPyBgdmFyKCR7dG9rZW5zLml0ZW1JY29uTWFyZ2lufSlgIDogJzAnKX07XG4gICAgbWFyZ2luLWxlZnQ6ICR7KHsgaGFzTGVmdE1hcmdpbiB9KSA9PiAoaGFzTGVmdE1hcmdpbiA/IGB2YXIoJHt0b2tlbnMuaXRlbUljb25NYXJnaW59KWAgOiAnMCcpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWFyZ2luLWxlZnQ6IHZhcigke3Rva2Vucy5pdGVtSWNvbk1hcmdpbn0pO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1Db2xvcn0pO1xuXG4gICAgJi4ke2NsYXNzZXMuc2VnbWVudEFkZGl0aW9uYWxUZXh0fSB7XG4gICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1BZGRpdGlvbmFsQ29sb3J9KTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTGVmdENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWFyZ2luLXJpZ2h0OiB2YXIoJHt0b2tlbnMuaXRlbUljb25NYXJnaW59KTtcblxuICAgIGNvbG9yOiBpbmhlcml0O1xuYDtcbiJdfQ== */"));
|
12
12
|
export var StyledContent = /*#__PURE__*/_styled("div", {
|
13
|
-
target: "
|
13
|
+
target: "e1hjv4i52",
|
14
14
|
label: "plasma-new-hope__StyledContent"
|
15
|
-
})("display:inline-block;width:fit-content;", /*#__PURE__*/applyEllipsis(), ";"
|
15
|
+
})("display:inline-block;width:fit-content;padding:var(", tokens.itemContentPadding, ");", /*#__PURE__*/applyEllipsis(), ";margin-right:", function (_ref) {
|
16
|
+
var hasRightMargin = _ref.hasRightMargin;
|
17
|
+
return hasRightMargin ? "var(".concat(tokens.itemIconMargin, ")") : '0';
|
18
|
+
}, ";margin-left:", function (_ref2) {
|
19
|
+
var hasLeftMargin = _ref2.hasLeftMargin;
|
20
|
+
return hasLeftMargin ? "var(".concat(tokens.itemIconMargin, ")") : '0';
|
21
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS9TZWdtZW50SXRlbS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0NFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS9TZWdtZW50SXRlbS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGFkZEZvY3VzLCBhcHBseUVsbGlwc2lzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgbWluLXdpZHRoOiAwO1xuXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgbWFyZ2luLWxlZnQ6IHZhcigke3Rva2Vucy5pdGVtTWFyZ2luTGVmdH0pO1xuICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcblxuICAgICY6Zmlyc3QtY2hpbGQge1xuICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICB9XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KWAsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICdjYWxjKHZhcigtLXBsYXNtYV9wcml2YXRlLW91dGxpbmUtcmFkaXVzKSArIDAuMDYzcmVtKScsXG4gICAgICAgIGN1c3RvbUZvY3VzUnVsZXM6IGBcbiAgICAgICAgICAgICYuZm9jdXMtdmlzaWJsZTpmb2N1cyxcbiAgICAgICAgICAgICZbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSB7XG4gICAgICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMC4wNjNyZW0gdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICBgLFxuICAgIH0pfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdjx7XG4gICAgaGFzUmlnaHRNYXJnaW4/OiBib29sZWFuO1xuICAgIGhhc0xlZnRNYXJnaW4/OiBib29sZWFuO1xuICAgIGlzU2Vjb25kYXJ5PzogYm9vbGVhbjtcbn0+YFxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50UGFkZGluZ30pO1xuICAgICR7YXBwbHlFbGxpcHNpcygpfTtcblxuICAgIG1hcmdpbi1yaWdodDogJHsoeyBoYXNSaWdodE1hcmdpbiB9KSA9PiAoaGFzUmlnaHRNYXJnaW4gPyBgdmFyKCR7dG9rZW5zLml0ZW1JY29uTWFyZ2lufSlgIDogJzAnKX07XG4gICAgbWFyZ2luLWxlZnQ6ICR7KHsgaGFzTGVmdE1hcmdpbiB9KSA9PiAoaGFzTGVmdE1hcmdpbiA/IGB2YXIoJHt0b2tlbnMuaXRlbUljb25NYXJnaW59KWAgOiAnMCcpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWFyZ2luLWxlZnQ6IHZhcigke3Rva2Vucy5pdGVtSWNvbk1hcmdpbn0pO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1Db2xvcn0pO1xuXG4gICAgJi4ke2NsYXNzZXMuc2VnbWVudEFkZGl0aW9uYWxUZXh0fSB7XG4gICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1BZGRpdGlvbmFsQ29sb3J9KTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTGVmdENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWFyZ2luLXJpZ2h0OiB2YXIoJHt0b2tlbnMuaXRlbUljb25NYXJnaW59KTtcblxuICAgIGNvbG9yOiBpbmhlcml0O1xuYDtcbiJdfQ== */"));
|
22
|
+
export var RightContent = /*#__PURE__*/_styled("div", {
|
23
|
+
target: "e1hjv4i51",
|
24
|
+
label: "plasma-new-hope__RightContent"
|
25
|
+
})("display:flex;margin-left:var(", tokens.itemIconMargin, ");overflow:hidden;color:var(", tokens.itemColor, ");&.", classes.segmentAdditionalText, "{text-overflow:ellipsis;overflow:hidden;color:var(", tokens.itemAdditionalColor, ");}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS9TZWdtZW50SXRlbS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeURzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1NlZ21lbnQvdWkvU2VnbWVudEl0ZW0vU2VnbWVudEl0ZW0uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cywgYXBwbHlFbGxpcHNpcyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIG1pbi13aWR0aDogMDtcblxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG1hcmdpbi1sZWZ0OiB2YXIoJHt0b2tlbnMuaXRlbU1hcmdpbkxlZnR9KTtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5cbiAgICAmOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgfVxuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgKyAwLjA2M3JlbSknLFxuICAgICAgICBjdXN0b21Gb2N1c1J1bGVzOiBgXG4gICAgICAgICAgICAmLmZvY3VzLXZpc2libGU6Zm9jdXMsXG4gICAgICAgICAgICAmW2RhdGEtZm9jdXMtdmlzaWJsZS1hZGRlZF0ge1xuICAgICAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDAuMDYzcmVtIHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgYCxcbiAgICB9KX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXY8e1xuICAgIGhhc1JpZ2h0TWFyZ2luPzogYm9vbGVhbjtcbiAgICBoYXNMZWZ0TWFyZ2luPzogYm9vbGVhbjtcbiAgICBpc1NlY29uZGFyeT86IGJvb2xlYW47XG59PmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5pdGVtQ29udGVudFBhZGRpbmd9KTtcbiAgICAke2FwcGx5RWxsaXBzaXMoKX07XG5cbiAgICBtYXJnaW4tcmlnaHQ6ICR7KHsgaGFzUmlnaHRNYXJnaW4gfSkgPT4gKGhhc1JpZ2h0TWFyZ2luID8gYHZhcigke3Rva2Vucy5pdGVtSWNvbk1hcmdpbn0pYCA6ICcwJyl9O1xuICAgIG1hcmdpbi1sZWZ0OiAkeyh7IGhhc0xlZnRNYXJnaW4gfSkgPT4gKGhhc0xlZnRNYXJnaW4gPyBgdmFyKCR7dG9rZW5zLml0ZW1JY29uTWFyZ2lufSlgIDogJzAnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgUmlnaHRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbi1sZWZ0OiB2YXIoJHt0b2tlbnMuaXRlbUljb25NYXJnaW59KTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQ29sb3J9KTtcblxuICAgICYuJHtjbGFzc2VzLnNlZ21lbnRBZGRpdGlvbmFsVGV4dH0ge1xuICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQWRkaXRpb25hbENvbG9yfSk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZnRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbi1yaWdodDogdmFyKCR7dG9rZW5zLml0ZW1JY29uTWFyZ2lufSk7XG5cbiAgICBjb2xvcjogaW5oZXJpdDtcbmA7XG4iXX0= */"));
|
26
|
+
export var LeftContent = /*#__PURE__*/_styled("div", {
|
27
|
+
target: "e1hjv4i50",
|
28
|
+
label: "plasma-new-hope__LeftContent"
|
29
|
+
})("display:flex;margin-right:var(", tokens.itemIconMargin, ");color:inherit;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS9TZWdtZW50SXRlbS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUVxQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1NlZ21lbnQvdWkvU2VnbWVudEl0ZW0vU2VnbWVudEl0ZW0uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cywgYXBwbHlFbGxpcHNpcyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIG1pbi13aWR0aDogMDtcblxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG1hcmdpbi1sZWZ0OiB2YXIoJHt0b2tlbnMuaXRlbU1hcmdpbkxlZnR9KTtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5cbiAgICAmOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgfVxuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgKyAwLjA2M3JlbSknLFxuICAgICAgICBjdXN0b21Gb2N1c1J1bGVzOiBgXG4gICAgICAgICAgICAmLmZvY3VzLXZpc2libGU6Zm9jdXMsXG4gICAgICAgICAgICAmW2RhdGEtZm9jdXMtdmlzaWJsZS1hZGRlZF0ge1xuICAgICAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDAuMDYzcmVtIHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgYCxcbiAgICB9KX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXY8e1xuICAgIGhhc1JpZ2h0TWFyZ2luPzogYm9vbGVhbjtcbiAgICBoYXNMZWZ0TWFyZ2luPzogYm9vbGVhbjtcbiAgICBpc1NlY29uZGFyeT86IGJvb2xlYW47XG59PmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5pdGVtQ29udGVudFBhZGRpbmd9KTtcbiAgICAke2FwcGx5RWxsaXBzaXMoKX07XG5cbiAgICBtYXJnaW4tcmlnaHQ6ICR7KHsgaGFzUmlnaHRNYXJnaW4gfSkgPT4gKGhhc1JpZ2h0TWFyZ2luID8gYHZhcigke3Rva2Vucy5pdGVtSWNvbk1hcmdpbn0pYCA6ICcwJyl9O1xuICAgIG1hcmdpbi1sZWZ0OiAkeyh7IGhhc0xlZnRNYXJnaW4gfSkgPT4gKGhhc0xlZnRNYXJnaW4gPyBgdmFyKCR7dG9rZW5zLml0ZW1JY29uTWFyZ2lufSlgIDogJzAnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgUmlnaHRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbi1sZWZ0OiB2YXIoJHt0b2tlbnMuaXRlbUljb25NYXJnaW59KTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQ29sb3J9KTtcblxuICAgICYuJHtjbGFzc2VzLnNlZ21lbnRBZGRpdGlvbmFsVGV4dH0ge1xuICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQWRkaXRpb25hbENvbG9yfSk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZnRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbi1yaWdodDogdmFyKCR7dG9rZW5zLml0ZW1JY29uTWFyZ2lufSk7XG5cbiAgICBjb2xvcjogaW5oZXJpdDtcbmA7XG4iXX0= */"));
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from '@emotion/react';
|
2
2
|
import { classes, tokens } from '../../../../tokens';
|
3
|
-
export var base = /*#__PURE__*/css("&.", /*#__PURE__*/String(classes.segmentPilled), "{--plasma_private-outline-radius:var(", tokens.itemPilledBorderRadius, ");border-radius:var(", tokens.itemPilledBorderRadius, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
3
|
+
export var base = /*#__PURE__*/css("&.", /*#__PURE__*/String(classes.segmentPilled), "{--plasma_private-outline-radius:var(", tokens.itemPilledBorderRadius, ");border-radius:var(", tokens.itemPilledBorderRadius, ");padding:var(", tokens.itemPilledPadding, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS92YXJpYXRpb25zL19waWxsZWQvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWdtZW50L3VpL1NlZ21lbnRJdGVtL3ZhcmlhdGlvbnMvX3BpbGxlZC9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmLiR7U3RyaW5nKGNsYXNzZXMuc2VnbWVudFBpbGxlZCl9IHtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1czogdmFyKCR7dG9rZW5zLml0ZW1QaWxsZWRCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLml0ZW1QaWxsZWRCb3JkZXJSYWRpdXN9KTtcblxuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuaXRlbVBpbGxlZFBhZGRpbmd9KTtcbiAgICB9XG5gO1xuIl19 */"));
|
@@ -1,3 +1,4 @@
|
|
1
1
|
import { css } from '@emotion/react';
|
2
2
|
import { classes, tokens } from '../../../../tokens';
|
3
|
-
|
3
|
+
import { RightContent } from '../../SegmentItem.styles';
|
4
|
+
export var base = /*#__PURE__*/css("color:var(", tokens.itemColor, ");background-color:var(", tokens.itemBackgroundColor, ");&:hover{color:var(", tokens.itemColorHover, ");background-color:var(", tokens.itemBackgroundColorHover, ");", RightContent, "{color:var(", tokens.itemColorHover, ");}", RightContent, ".", classes.segmentAdditionalText, "{color:var(", tokens.itemAdditionalColorHover, ");}}&.", /*#__PURE__*/String(classes.selectedSegmentItem), "{color:var(", tokens.itemSelectedColor, ");background-color:var(", tokens.itemSelectedBackgroundColor, ");", RightContent, "{color:var(", tokens.itemSelectedColor, ");}", RightContent, ".", classes.segmentAdditionalText, "{color:var(", tokens.itemSelectedAdditionalColor, ");}&:hover{color:var(", tokens.itemSelectedColorHover, ");background-color:var(", tokens.itemSelectedBackgroundColorHover, ");", RightContent, "{color:var(", tokens.itemSelectedAdditionalColorHover, ");}}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS92YXJpYXRpb25zL192aWV3L2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS92YXJpYXRpb25zL192aWV3L2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL3Rva2Vucyc7XG5pbXBvcnQgeyBSaWdodENvbnRlbnQgfSBmcm9tICcuLi8uLi9TZWdtZW50SXRlbS5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1Db2xvcn0pO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZENvbG9yfSk7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQ29sb3JIb3Zlcn0pO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmRDb2xvckhvdmVyfSk7XG5cbiAgICAgICAgJHtSaWdodENvbnRlbnR9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUNvbG9ySG92ZXJ9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7UmlnaHRDb250ZW50fS4ke2NsYXNzZXMuc2VnbWVudEFkZGl0aW9uYWxUZXh0fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1BZGRpdGlvbmFsQ29sb3JIb3Zlcn0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke1N0cmluZyhjbGFzc2VzLnNlbGVjdGVkU2VnbWVudEl0ZW0pfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkQ29sb3J9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZEJhY2tncm91bmRDb2xvcn0pO1xuXG4gICAgICAgICR7UmlnaHRDb250ZW50fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZENvbG9yfSk7XG4gICAgICAgIH1cblxuICAgICAgICAke1JpZ2h0Q29udGVudH0uJHtjbGFzc2VzLnNlZ21lbnRBZGRpdGlvbmFsVGV4dH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtU2VsZWN0ZWRBZGRpdGlvbmFsQ29sb3J9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtU2VsZWN0ZWRDb2xvckhvdmVyfSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcblxuICAgICAgICAgICAgJHtSaWdodENvbnRlbnR9IHtcbiAgICAgICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZEFkZGl0aW9uYWxDb2xvckhvdmVyfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));
|
@@ -0,0 +1,14 @@
|
|
1
|
+
var _path;
|
2
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
|
+
import React from 'react';
|
4
|
+
export var DisclosureDownWithOffset = function DisclosureDownWithOffset(props) {
|
5
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
6
|
+
width: "100%",
|
7
|
+
viewBox: "0 0 24 24",
|
8
|
+
fill: "none"
|
9
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
10
|
+
d: "M17.78 18.21C17.48 17.92 17.01 17.92 16.71 18.21L12.75 22.18L8.78 18.21C8.48 17.92 8.01 17.92 7.71 18.21C7.42 18.51 7.42 18.98 7.71 19.28L12.75 24.31L17.78 19.28C18.07 18.98 18.07 18.51 17.78 18.21Z",
|
11
|
+
fillRule: "evenodd",
|
12
|
+
fill: "currentColor"
|
13
|
+
})));
|
14
|
+
};
|
@@ -0,0 +1,14 @@
|
|
1
|
+
var _path;
|
2
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
|
+
import React from 'react';
|
4
|
+
export var DisclosureLeftWithOffset = function DisclosureLeftWithOffset(props) {
|
5
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
6
|
+
width: "100%",
|
7
|
+
viewBox: "0 0 24 24",
|
8
|
+
fill: "none"
|
9
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
10
|
+
d: "M6.09 6.96c.29.3.29.77 0 1.07L2.12 12l3.97 3.96c.29.3.29.77 0 1.07-.3.29-.77.29-1.06 0L0 12l5.03-5.04c.29-.29.76-.29 1.06 0Z",
|
11
|
+
fill: "currentColor",
|
12
|
+
fillRule: "evenodd"
|
13
|
+
})));
|
14
|
+
};
|
@@ -0,0 +1,14 @@
|
|
1
|
+
var _path;
|
2
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
|
+
import React from 'react';
|
4
|
+
export var DisclosureRightWithOffset = function DisclosureRightWithOffset(props) {
|
5
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
6
|
+
width: "100%",
|
7
|
+
viewBox: "0 0 24 24",
|
8
|
+
fill: "none"
|
9
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
10
|
+
d: "M18.21 6.96c-.29.3-.29.77 0 1.07L22.18 12l-3.97 3.96c-.29.3-.29.77 0 1.07.3.29.77.29 1.07 0L24.31 12l-5.03-5.04a.767.767 0 0 0-1.07 0Z",
|
11
|
+
fill: "currentColor",
|
12
|
+
fillRule: "evenodd"
|
13
|
+
})));
|
14
|
+
};
|
@@ -0,0 +1,14 @@
|
|
1
|
+
var _path;
|
2
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
|
+
import React from 'react';
|
4
|
+
export var DisclosureUpWithOffset = function DisclosureUpWithOffset(props) {
|
5
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
6
|
+
width: "100%",
|
7
|
+
viewBox: "0 0 24 24",
|
8
|
+
fill: "none"
|
9
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
10
|
+
d: "M17.18 8.18C16.89 8.47 16.41 8.47 16.12 8.18L12.15 4.21L8.18 8.18C7.89 8.47 7.41 8.47 7.12 8.18C6.83 7.89 6.83 7.41 7.12 7.12L12.15 2.09L17.18 7.12C17.47 7.41 17.47 7.89 17.18 8.18Z",
|
11
|
+
fillRule: "evenodd",
|
12
|
+
fill: "currentColor"
|
13
|
+
})));
|
14
|
+
};
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { DisclosureDownWithOffset } from '../Icon.assets/DisclosureDownWithOffset';
|
3
|
+
import { IconRoot } from '../IconRoot';
|
4
|
+
export var IconDisclosureDownWithOffset = function IconDisclosureDownWithOffset(_ref) {
|
5
|
+
var _ref$size = _ref.size,
|
6
|
+
size = _ref$size === void 0 ? 's' : _ref$size,
|
7
|
+
color = _ref.color,
|
8
|
+
className = _ref.className;
|
9
|
+
return /*#__PURE__*/React.createElement(IconRoot, {
|
10
|
+
className: className,
|
11
|
+
size: size,
|
12
|
+
color: color,
|
13
|
+
icon: DisclosureDownWithOffset
|
14
|
+
});
|
15
|
+
};
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { DisclosureLeftWithOffset } from '../Icon.assets/DisclosureLeftWithOffset';
|
3
|
+
import { IconRoot } from '../IconRoot';
|
4
|
+
export var IconDisclosureLeftWithOffset = function IconDisclosureLeftWithOffset(_ref) {
|
5
|
+
var _ref$size = _ref.size,
|
6
|
+
size = _ref$size === void 0 ? 's' : _ref$size,
|
7
|
+
color = _ref.color,
|
8
|
+
className = _ref.className;
|
9
|
+
return /*#__PURE__*/React.createElement(IconRoot, {
|
10
|
+
className: className,
|
11
|
+
size: size,
|
12
|
+
color: color,
|
13
|
+
icon: DisclosureLeftWithOffset
|
14
|
+
});
|
15
|
+
};
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { DisclosureRightWithOffset } from '../Icon.assets/DisclosureRightWithOffset';
|
3
|
+
import { IconRoot } from '../IconRoot';
|
4
|
+
export var IconDisclosureRightWithOffset = function IconDisclosureRightWithOffset(_ref) {
|
5
|
+
var _ref$size = _ref.size,
|
6
|
+
size = _ref$size === void 0 ? 's' : _ref$size,
|
7
|
+
color = _ref.color,
|
8
|
+
className = _ref.className;
|
9
|
+
return /*#__PURE__*/React.createElement(IconRoot, {
|
10
|
+
className: className,
|
11
|
+
size: size,
|
12
|
+
color: color,
|
13
|
+
icon: DisclosureRightWithOffset
|
14
|
+
});
|
15
|
+
};
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { DisclosureUpWithOffset } from '../Icon.assets/DisclosureUpWithOffset';
|
3
|
+
import { IconRoot } from '../IconRoot';
|
4
|
+
export var IconDisclosureUpWithOffset = function IconDisclosureUpWithOffset(_ref) {
|
5
|
+
var _ref$size = _ref.size,
|
6
|
+
size = _ref$size === void 0 ? 's' : _ref$size,
|
7
|
+
color = _ref.color,
|
8
|
+
className = _ref.className;
|
9
|
+
return /*#__PURE__*/React.createElement(IconRoot, {
|
10
|
+
className: className,
|
11
|
+
size: size,
|
12
|
+
color: color,
|
13
|
+
icon: DisclosureUpWithOffset
|
14
|
+
});
|
15
|
+
};
|
@@ -1,6 +1,10 @@
|
|
1
|
+
export { IconDisclosureLeftWithOffset } from './Icons/IconDisclosureLeftWithOffset';
|
1
2
|
export { IconDisclosureLeft } from './Icons/IconDisclosureLeft';
|
2
3
|
export { IconDisclosureRight } from './Icons/IconDisclosureRight';
|
4
|
+
export { IconDisclosureRightWithOffset } from './Icons/IconDisclosureRightWithOffset';
|
3
5
|
export { IconDisclosureDownFill } from './Icons/IconDisclosureDownFill';
|
6
|
+
export { IconDisclosureDownWithOffset } from './Icons/IconDisclosureDownWithOffset';
|
7
|
+
export { IconDisclosureUpWithOffset } from './Icons/IconDisclosureUpWithOffset';
|
4
8
|
export { IconMic } from './Icons/IconMic';
|
5
9
|
export { IconChevronLeft } from './Icons/IconChevronLeft';
|
6
10
|
export { IconChevronDoubleLeft } from './Icons/IconChevronDoubleLeft';
|
@@ -1,23 +1,56 @@
|
|
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
|
+
clip: boolean;
|
28
|
+
};
|
29
|
+
|
30
|
+
type StorySegmentProps = ComponentProps<typeof SegmentGroup> & CustomStoryProps;
|
31
|
+
|
32
|
+
const sizes = ['xs', 's', 'm', 'l'] as const;
|
33
|
+
|
34
|
+
const getContentLeft = (contentLeftOption: string, size: Size) => {
|
35
|
+
const iconSize = size === 'xs' ? 'xs' : 's';
|
36
|
+
return contentLeftOption === 'icon' ? <IconMic size={iconSize} color="inherit" /> : undefined;
|
18
37
|
};
|
19
38
|
|
20
|
-
|
39
|
+
const getContentRight = (contentRightOption: string, size: Size) => {
|
40
|
+
const iconSize = size === 'xs' ? 'xs' : 's';
|
41
|
+
const counterSize = size === 'xs' ? 'xxs' : 'xs';
|
42
|
+
|
43
|
+
switch (contentRightOption) {
|
44
|
+
case 'icon':
|
45
|
+
return <IconMic size={iconSize} color="inherit" />;
|
46
|
+
case 'counter':
|
47
|
+
return <Counter size={counterSize} count={1} view="positive" />;
|
48
|
+
case 'text':
|
49
|
+
return 'Text';
|
50
|
+
default:
|
51
|
+
return undefined;
|
52
|
+
}
|
53
|
+
};
|
21
54
|
|
22
55
|
const meta: Meta<StorySegmentProps> = {
|
23
56
|
title: 'plasma_b2c/Segment',
|
@@ -25,6 +58,25 @@ const meta: Meta<StorySegmentProps> = {
|
|
25
58
|
component: SegmentGroup,
|
26
59
|
argTypes: {
|
27
60
|
...argTypesFromConfig(mergeConfig(segmentGroupConfig, config)),
|
61
|
+
...disableProps(['filledBackground', 'view', 'selectionMode']),
|
62
|
+
clip: {
|
63
|
+
control: {
|
64
|
+
type: 'boolean',
|
65
|
+
},
|
66
|
+
if: { arg: 'stretch', truthy: false },
|
67
|
+
},
|
68
|
+
stretch: {
|
69
|
+
control: {
|
70
|
+
type: 'boolean',
|
71
|
+
},
|
72
|
+
if: { arg: 'orientation', eq: 'horizontal' },
|
73
|
+
},
|
74
|
+
orientation: {
|
75
|
+
options: ['horizontal', 'vertical'],
|
76
|
+
control: {
|
77
|
+
type: 'select',
|
78
|
+
},
|
79
|
+
},
|
28
80
|
selectionMode: {
|
29
81
|
options: ['single', 'multiple'],
|
30
82
|
control: {
|
@@ -37,60 +89,90 @@ const meta: Meta<StorySegmentProps> = {
|
|
37
89
|
type: 'select',
|
38
90
|
},
|
39
91
|
},
|
92
|
+
contentLeft: {
|
93
|
+
options: contentLeftOptions,
|
94
|
+
control: {
|
95
|
+
type: 'select',
|
96
|
+
},
|
97
|
+
},
|
98
|
+
contentRight: {
|
99
|
+
options: contentRightOptions,
|
100
|
+
control: {
|
101
|
+
type: 'select',
|
102
|
+
},
|
103
|
+
},
|
40
104
|
},
|
41
105
|
};
|
42
106
|
|
43
107
|
export default meta;
|
44
108
|
|
45
|
-
const StoryDefault = (
|
46
|
-
const
|
109
|
+
const StoryDefault = (props: StorySegmentProps) => {
|
110
|
+
const {
|
111
|
+
clip,
|
112
|
+
disabled,
|
113
|
+
itemQuantity,
|
114
|
+
size,
|
115
|
+
stretch,
|
116
|
+
orientation,
|
117
|
+
|
118
|
+
segmentItemView,
|
119
|
+
contentLeft: contentLeftOption,
|
120
|
+
contentRight: contentRightOption,
|
121
|
+
...args
|
122
|
+
} = props;
|
123
|
+
const items = Array(itemQuantity).fill(0);
|
124
|
+
const isVertical = orientation === 'vertical';
|
125
|
+
|
126
|
+
const style = clip ? { width: isVertical ? 'auto' : '20rem', height: isVertical ? '10rem' : 'auto' } : undefined;
|
47
127
|
|
48
128
|
return (
|
49
|
-
|
50
|
-
<
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
/>
|
76
|
-
))}
|
77
|
-
</SegmentGroup>
|
78
|
-
</SegmentProvider>
|
79
|
-
</>
|
129
|
+
<SegmentProvider>
|
130
|
+
<SegmentGroup
|
131
|
+
stretch={stretch}
|
132
|
+
disabled={disabled}
|
133
|
+
clip={clip}
|
134
|
+
size={size}
|
135
|
+
orientation={orientation}
|
136
|
+
style={style}
|
137
|
+
{...args}
|
138
|
+
>
|
139
|
+
{items.map((_, i) => (
|
140
|
+
<SegmentItem
|
141
|
+
view={segmentItemView}
|
142
|
+
label={`Label ${i}`}
|
143
|
+
value={`label_${i}`}
|
144
|
+
size={size}
|
145
|
+
key={`label_${i}`}
|
146
|
+
contentLeft={getContentLeft(contentLeftOption, size)}
|
147
|
+
contentRight={getContentRight(contentRightOption, size)}
|
148
|
+
{...args}
|
149
|
+
>
|
150
|
+
{`Label${i + 1}`}
|
151
|
+
</SegmentItem>
|
152
|
+
))}
|
153
|
+
</SegmentGroup>
|
154
|
+
</SegmentProvider>
|
80
155
|
);
|
81
156
|
};
|
82
157
|
|
83
158
|
export const Default: StoryObj<StorySegmentProps> = {
|
84
159
|
args: {
|
85
|
-
|
160
|
+
itemQuantity: 8,
|
86
161
|
size: 'xs',
|
87
|
-
segmentItemView: '
|
162
|
+
segmentItemView: 'default',
|
88
163
|
selectionMode: 'single',
|
89
|
-
contentItemsNumber: 11,
|
90
164
|
pilled: false,
|
91
165
|
filledBackground: false,
|
166
|
+
hasBackground: false,
|
92
167
|
disabled: false,
|
93
168
|
stretch: false,
|
169
|
+
clip: false,
|
170
|
+
orientation: 'horizontal',
|
171
|
+
contentRight: 'none',
|
172
|
+
contentLeft: 'none',
|
173
|
+
},
|
174
|
+
argTypes: {
|
175
|
+
...disableProps(['filledBackground', 'view', 'selectionMode']),
|
94
176
|
},
|
95
|
-
render: (args) => <StoryDefault {...args} />,
|
177
|
+
render: (args: StorySegmentProps) => <StoryDefault {...args} />,
|
96
178
|
};
|