@salutejs/plasma-new-hope 0.156.0-canary.1392.11055092483.0 → 0.156.0-canary.1421.11066611075.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/DatePicker/RangeDate/RangeDate.js +63 -4
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -3
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js +34 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/cjs/components/DatePicker/utils/setInitValue.js +12 -0
- package/cjs/components/DatePicker/utils/setInitValue.js.map +1 -0
- package/cjs/components/Segment/tokens.js +1 -14
- package/cjs/components/Segment/tokens.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.css +8 -7
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +112 -68
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +7 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +4 -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_escgtx.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_m358nl.css +1 -0
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.css +4 -6
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +7 -17
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +1 -30
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +2 -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_omc5u1.css → base_15s0fel.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_1m1u2ys.css +1 -0
- package/cjs/components/Slider/Slider.js +20 -6
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.js +40 -2
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +101 -0
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -0
- package/cjs/components/Slider/components/Single/Single.js +49 -13
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- package/cjs/components/Slider/utils/index.js +6 -0
- package/cjs/components/Slider/utils/index.js.map +1 -1
- 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.js +3 -2
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/{DisclosureLeftCentered.js → DisclosureLeft.js} +3 -3
- package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
- package/cjs/components/_Icon/Icons/{IconDisclosureLeftCentered.js → IconDisclosureLeft.js} +5 -5
- package/cjs/components/_Icon/Icons/IconDisclosureLeft.js.map +1 -0
- package/cjs/hooks/useForm.js +131 -0
- package/cjs/hooks/useForm.js.map +1 -0
- package/cjs/index.css +10 -13
- package/cjs/index.js +5 -0
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/cjs/utils/inputHidden.js +12 -0
- package/cjs/utils/inputHidden.js.map +1 -0
- package/cjs/utils/setRefList.js +28 -0
- package/cjs/utils/setRefList.js.map +1 -0
- 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/DatePicker/RangeDate/RangeDate.js +63 -4
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -3
- package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +34 -1
- package/emotion/cjs/components/DatePicker/utils/setInitValue.js +11 -0
- package/emotion/cjs/components/Segment/tokens.js +1 -14
- package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +115 -66
- package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +33 -15
- package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/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 +7 -17
- package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +6 -20
- package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
- package/emotion/cjs/components/Slider/Slider.js +15 -6
- package/emotion/cjs/components/Slider/components/Double/Double.js +40 -2
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +104 -0
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +5 -0
- package/emotion/cjs/components/Slider/components/Single/Single.js +44 -8
- package/emotion/cjs/components/Slider/components/index.js +11 -0
- package/emotion/cjs/components/Slider/utils/index.js +6 -1
- package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.js +4 -4
- package/emotion/cjs/components/TextArea/TextArea.js +3 -3
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
- package/emotion/cjs/components/_Icon/index.js +0 -21
- package/emotion/cjs/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- package/emotion/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +193 -0
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
- package/emotion/cjs/examples/plasma_b2c/components/Segment/Segment.stories.tsx +42 -118
- package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +10 -13
- package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
- 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/Form/Form.stories.tsx +193 -0
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
- package/emotion/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +42 -119
- package/emotion/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +9 -15
- package/emotion/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
- package/emotion/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/emotion/cjs/hooks/index.js +8 -1
- package/emotion/cjs/hooks/useForm.js +137 -0
- package/emotion/cjs/types/FormType.js +5 -0
- package/emotion/cjs/utils/index.js +15 -0
- package/emotion/cjs/utils/inputHidden.js +11 -0
- package/emotion/cjs/utils/setRefList.js +27 -0
- 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/DatePicker/RangeDate/RangeDate.js +63 -4
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +31 -3
- package/emotion/es/components/DatePicker/hooks/useDatePicker.js +34 -1
- package/emotion/es/components/DatePicker/utils/setInitValue.js +5 -0
- package/emotion/es/components/Segment/tokens.js +1 -14
- package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +118 -69
- package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +32 -14
- package/emotion/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/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 +8 -18
- package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +6 -20
- package/emotion/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/emotion/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
- package/emotion/es/components/Slider/Slider.js +16 -6
- package/emotion/es/components/Slider/components/Double/Double.js +41 -3
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +95 -0
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +1 -0
- package/emotion/es/components/Slider/components/Single/Single.js +45 -9
- package/emotion/es/components/Slider/components/index.js +1 -0
- package/emotion/es/components/Slider/utils/index.js +5 -0
- package/emotion/es/components/Tabs/ui/Tabs/Tabs.js +5 -5
- package/emotion/es/components/TextArea/TextArea.js +4 -4
- package/emotion/es/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
- package/emotion/es/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
- package/emotion/es/components/_Icon/index.js +0 -3
- package/emotion/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- package/emotion/es/examples/plasma_b2c/components/Form/Form.stories.tsx +193 -0
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
- package/emotion/es/examples/plasma_b2c/components/Segment/Segment.stories.tsx +42 -118
- package/emotion/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +10 -13
- package/emotion/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
- 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/Form/Form.stories.tsx +193 -0
- package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
- package/emotion/es/examples/plasma_web/components/Segment/Segment.stories.tsx +42 -119
- package/emotion/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +9 -15
- package/emotion/es/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
- package/emotion/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/emotion/es/hooks/index.js +2 -1
- package/emotion/es/hooks/useForm.js +128 -0
- package/emotion/es/types/FormType.js +1 -0
- package/emotion/es/utils/index.js +1 -0
- package/emotion/es/utils/inputHidden.js +4 -0
- package/emotion/es/utils/setRefList.js +20 -0
- 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/DatePicker/RangeDate/RangeDate.js +63 -4
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +31 -3
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/hooks/useDatePicker.js +34 -1
- package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/es/components/DatePicker/utils/setInitValue.js +8 -0
- package/es/components/DatePicker/utils/setInitValue.js.map +1 -0
- package/es/components/Segment/tokens.js +1 -14
- package/es/components/Segment/tokens.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.css +8 -7
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +118 -73
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +7 -2
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +4 -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_escgtx.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_m358nl.css +1 -0
- package/es/components/Segment/ui/SegmentItem/SegmentItem.css +4 -6
- package/es/components/Segment/ui/SegmentItem/SegmentItem.js +8 -18
- package/es/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +2 -29
- package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +2 -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_omc5u1.css → base_15s0fel.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_1m1u2ys.css +1 -0
- package/es/components/Slider/Slider.js +21 -7
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/components/Double/Double.js +41 -3
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +97 -0
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -0
- package/es/components/Slider/components/Single/Single.js +45 -9
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/Slider/utils/index.js +6 -1
- package/es/components/Slider/utils/index.js.map +1 -1
- 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.js +3 -2
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/_Icon/Icon.assets/{DisclosureLeftCentered.js → DisclosureLeft.js} +3 -3
- package/es/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -0
- package/es/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
- package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
- package/es/components/_Icon/Icons/{IconDisclosureLeftCentered.js → IconDisclosureLeft.js} +5 -5
- package/es/components/_Icon/Icons/IconDisclosureLeft.js.map +1 -0
- package/es/hooks/useForm.js +127 -0
- package/es/hooks/useForm.js.map +1 -0
- package/es/index.css +10 -13
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/es/utils/inputHidden.js +8 -0
- package/es/utils/inputHidden.js.map +1 -0
- package/es/utils/setRefList.js +23 -0
- package/es/utils/setRefList.js.map +1 -0
- package/package.json +3 -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/DatePicker/RangeDate/RangeDate.js +63 -4
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -3
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +34 -1
- package/styled-components/cjs/components/DatePicker/utils/setInitValue.js +11 -0
- package/styled-components/cjs/components/Segment/tokens.js +1 -14
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +115 -66
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +13 -4
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/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 +7 -17
- package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +4 -16
- 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 +1 -2
- package/styled-components/cjs/components/Slider/Slider.js +15 -6
- package/styled-components/cjs/components/Slider/components/Double/Double.js +40 -2
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +104 -0
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +5 -0
- package/styled-components/cjs/components/Slider/components/Single/Single.js +44 -8
- package/styled-components/cjs/components/Slider/components/index.js +11 -0
- package/styled-components/cjs/components/Slider/utils/index.js +6 -1
- package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js +4 -4
- package/styled-components/cjs/components/TextArea/TextArea.js +2 -2
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
- package/styled-components/cjs/components/_Icon/index.js +0 -21
- package/styled-components/cjs/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +193 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
- package/styled-components/cjs/examples/plasma_b2c/components/Segment/Segment.stories.tsx +42 -118
- package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +7 -10
- package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentItem.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/Form/Form.stories.tsx +193 -0
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
- package/styled-components/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +42 -119
- package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +7 -13
- package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/styled-components/cjs/hooks/index.js +8 -1
- package/styled-components/cjs/hooks/useForm.js +137 -0
- package/styled-components/cjs/types/FormType.js +5 -0
- package/styled-components/cjs/utils/index.js +15 -0
- package/styled-components/cjs/utils/inputHidden.js +11 -0
- package/styled-components/cjs/utils/setRefList.js +27 -0
- 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/DatePicker/RangeDate/RangeDate.js +63 -4
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +31 -3
- package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +34 -1
- package/styled-components/es/components/DatePicker/utils/setInitValue.js +5 -0
- package/styled-components/es/components/Segment/tokens.js +1 -14
- package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +118 -69
- package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +12 -3
- package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/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 +8 -18
- package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +4 -16
- 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 +1 -2
- package/styled-components/es/components/Slider/Slider.js +16 -6
- package/styled-components/es/components/Slider/components/Double/Double.js +41 -3
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +95 -0
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +1 -0
- package/styled-components/es/components/Slider/components/Single/Single.js +45 -9
- package/styled-components/es/components/Slider/components/index.js +1 -0
- package/styled-components/es/components/Slider/utils/index.js +5 -0
- package/styled-components/es/components/Tabs/ui/Tabs/Tabs.js +5 -5
- package/styled-components/es/components/TextArea/TextArea.js +3 -3
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
- package/styled-components/es/components/_Icon/index.js +0 -3
- package/styled-components/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Form/Form.stories.tsx +193 -0
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
- package/styled-components/es/examples/plasma_b2c/components/Segment/Segment.stories.tsx +42 -118
- package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +7 -10
- package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentItem.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/Form/Form.stories.tsx +193 -0
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
- package/styled-components/es/examples/plasma_web/components/Segment/Segment.stories.tsx +42 -119
- package/styled-components/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +7 -13
- package/styled-components/es/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/styled-components/es/hooks/index.js +2 -1
- package/styled-components/es/hooks/useForm.js +128 -0
- package/styled-components/es/types/FormType.js +1 -0
- package/styled-components/es/utils/index.js +1 -0
- package/styled-components/es/utils/inputHidden.js +4 -0
- package/styled-components/es/utils/setRefList.js +20 -0
- package/types/components/DatePicker/DatePickerBase.types.d.ts +7 -0
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +14 -0
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +10 -0
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +10 -0
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
- package/types/components/DatePicker/utils/setInitValue.d.ts +2 -0
- package/types/components/DatePicker/utils/setInitValue.d.ts.map +1 -0
- package/types/components/Segment/tokens.d.ts +0 -13
- package/types/components/Segment/tokens.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts +1 -10
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts +1 -0
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts +1 -19
- 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/_size/base.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts +2 -8
- package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts +1 -7
- package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts +1 -14
- 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/Slider/Slider.d.ts.map +1 -1
- package/types/components/Slider/Slider.types.d.ts +2 -2
- package/types/components/Slider/Slider.types.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.types.d.ts +2 -0
- package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts +4 -0
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +1 -0
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts +40 -0
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts.map +1 -0
- package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.types.d.ts +35 -5
- package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
- package/types/components/Slider/components/index.d.ts +2 -0
- package/types/components/Slider/components/index.d.ts.map +1 -1
- package/types/components/Slider/utils/index.d.ts +1 -0
- package/types/components/Slider/utils/index.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/DisclosureLeft.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
- package/types/components/_Icon/index.d.ts +0 -3
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +7 -0
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Segment/Segment.d.ts +1 -10
- package/types/examples/plasma_b2c/components/Segment/Segment.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Segment/SegmentGroup.config.d.ts +0 -3
- 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/Slider/Slider.d.ts +47 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +7 -0
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Segment/Segment.d.ts +1 -13
- package/types/examples/plasma_web/components/Segment/Segment.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Segment/SegmentGroup.config.d.ts +0 -6
- 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/Slider/Slider.d.ts +47 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
- package/types/hooks/index.d.ts +1 -0
- package/types/hooks/index.d.ts.map +1 -1
- package/types/hooks/useForm.d.ts +10 -0
- package/types/hooks/useForm.d.ts.map +1 -0
- package/types/types/FormType.d.ts +13 -0
- package/types/types/FormType.d.ts.map +1 -0
- package/types/utils/index.d.ts +1 -0
- package/types/utils/index.d.ts.map +1 -1
- package/types/utils/inputHidden.d.ts +2 -0
- package/types/utils/inputHidden.d.ts.map +1 -0
- package/types/utils/setRefList.d.ts +6 -0
- package/types/utils/setRefList.d.ts.map +1 -0
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_6y4o38.css +0 -3
- package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_a7w5s0.css +0 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -9
- package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js.map +0 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base_1ejecy9.css +0 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base_1dfesjp.css +0 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_1tv52dl.css +0 -4
- package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_dettiq.css +0 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js.map +0 -1
- package/emotion/cjs/components/Segment/README.md +0 -61
- package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -10
- package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +0 -1
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureDown.js +0 -21
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -22
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureUp.js +0 -21
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureDown.js +0 -22
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -22
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureUp.js +0 -22
- package/emotion/es/components/Segment/README.md +0 -61
- package/emotion/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -4
- package/emotion/es/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +0 -1
- package/emotion/es/components/_Icon/Icon.assets/DisclosureDown.js +0 -14
- package/emotion/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -15
- package/emotion/es/components/_Icon/Icon.assets/DisclosureUp.js +0 -14
- package/emotion/es/components/_Icon/Icons/IconDisclosureDown.js +0 -15
- package/emotion/es/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -15
- package/emotion/es/components/_Icon/Icons/IconDisclosureUp.js +0 -15
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_6y4o38.css +0 -3
- package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_a7w5s0.css +0 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -5
- package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js.map +0 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base_1ejecy9.css +0 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_size/base_1dfesjp.css +0 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_1tv52dl.css +0 -4
- package/es/components/Segment/ui/SegmentItem/variations/_view/base_dettiq.css +0 -1
- package/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js.map +0 -1
- package/es/components/_Icon/Icons/IconDisclosureLeftCentered.js.map +0 -1
- package/styled-components/cjs/components/Segment/README.md +0 -61
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -10
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +0 -1
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureDown.js +0 -21
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -22
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureUp.js +0 -21
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDown.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureUp.js +0 -22
- package/styled-components/es/components/Segment/README.md +0 -61
- package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -4
- package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +0 -1
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureDown.js +0 -14
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -15
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureUp.js +0 -14
- package/styled-components/es/components/_Icon/Icons/IconDisclosureDown.js +0 -15
- package/styled-components/es/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -15
- package/styled-components/es/components/_Icon/Icons/IconDisclosureUp.js +0 -15
- package/types/components/Segment/ui/SegmentGroup/variations/_orientation/base.d.ts +0 -2
- package/types/components/Segment/ui/SegmentGroup/variations/_orientation/base.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/DisclosureDown.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/DisclosureDown.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/DisclosureLeftCentered.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/DisclosureLeftCentered.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/DisclosureUp.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/DisclosureUp.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconDisclosureDown.d.ts +0 -4
- package/types/components/_Icon/Icons/IconDisclosureDown.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconDisclosureLeftCentered.d.ts +0 -4
- package/types/components/_Icon/Icons/IconDisclosureLeftCentered.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconDisclosureUp.d.ts +0 -4
- package/types/components/_Icon/Icons/IconDisclosureUp.d.ts.map +0 -1
@@ -4,9 +4,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.segmentGroupRoot = exports.segmentGroupConfig =
|
7
|
+
exports.segmentGroupRoot = exports.segmentGroupConfig = void 0;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
9
|
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
10
|
+
var _Icon = /*#__PURE__*/require("../../../_Icon");
|
10
11
|
var _tokens = /*#__PURE__*/require("../../tokens");
|
11
12
|
var _utils = /*#__PURE__*/require("../../../../utils");
|
12
13
|
var _SegmentProvider = /*#__PURE__*/require("../../SegmentProvider/SegmentProvider");
|
@@ -16,112 +17,162 @@ var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
|
16
17
|
var _base4 = /*#__PURE__*/require("./variations/_pilled/base");
|
17
18
|
var _base5 = /*#__PURE__*/require("./variations/_filledBackgound/base");
|
18
19
|
var _base6 = /*#__PURE__*/require("./variations/_stretch/base");
|
19
|
-
var _base7 = /*#__PURE__*/require("./variations/_orientation/base");
|
20
20
|
var _SegmentGroup = /*#__PURE__*/require("./SegmentGroup.styles");
|
21
|
-
var _excluded = ["id", "selectionMode", "pilled", "stretch", "
|
21
|
+
var _excluded = ["id", "selectionMode", "pilled", "stretch", "filledBackground", "disabled", "size", "view", "children"];
|
22
22
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
23
23
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
24
24
|
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); }
|
25
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
26
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
27
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
28
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
29
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
30
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
25
31
|
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; }
|
26
32
|
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; }
|
27
|
-
var Keys = /*#__PURE__*/function (Keys) {
|
28
|
-
Keys[Keys["end"] = 35] = "end";
|
29
|
-
Keys[Keys["home"] = 36] = "home";
|
30
|
-
Keys[Keys["left"] = 37] = "left";
|
31
|
-
Keys[Keys["right"] = 39] = "right";
|
32
|
-
return Keys;
|
33
|
-
}(Keys || {});
|
34
|
-
var getChildNodes = exports.getChildNodes = function getChildNodes(wrapper) {
|
35
|
-
var container = wrapper === null || wrapper === void 0 ? void 0 : wrapper.firstChild;
|
36
|
-
return container ? Array.from(container === null || container === void 0 ? void 0 : container.childNodes) : [];
|
37
|
-
};
|
38
33
|
var segmentGroupRoot = exports.segmentGroupRoot = function segmentGroupRoot(Root) {
|
39
34
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
|
40
35
|
var id = props.id,
|
41
36
|
selectionMode = props.selectionMode,
|
42
37
|
pilled = props.pilled,
|
43
38
|
stretch = props.stretch,
|
44
|
-
_props$orientation = props.orientation,
|
45
|
-
orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
|
46
39
|
_props$filledBackgrou = props.filledBackground,
|
47
40
|
filledBackground = _props$filledBackgrou === void 0 ? false : _props$filledBackgrou,
|
48
|
-
_props$hasBackground = props.hasBackground,
|
49
|
-
hasBackground = _props$hasBackground === void 0 ? false : _props$hasBackground,
|
50
41
|
_props$disabled = props.disabled,
|
51
42
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
52
43
|
size = props.size,
|
53
44
|
view = props.view,
|
54
45
|
children = props.children,
|
55
46
|
rest = _objectWithoutProperties(props, _excluded);
|
56
|
-
var scrollRef = (0, _react.useRef)(null);
|
57
|
-
var trackRef = (0, _react.useRef)(null);
|
58
47
|
var _useSegmentInner = (0, _SegmentProvider.useSegmentInner)(),
|
59
48
|
setSelectionMode = _useSegmentInner.setSelectionMode,
|
60
49
|
setDisabledGroup = _useSegmentInner.setDisabledGroup;
|
50
|
+
var _useState = (0, _react.useState)(0),
|
51
|
+
_useState2 = _slicedToArray(_useState, 2),
|
52
|
+
index = _useState2[0],
|
53
|
+
setIndex = _useState2[1];
|
54
|
+
var _useState3 = (0, _react.useState)(false),
|
55
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
56
|
+
firstItemVisible = _useState4[0],
|
57
|
+
setFirstItemVisible = _useState4[1];
|
58
|
+
var _useState5 = (0, _react.useState)(false),
|
59
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
60
|
+
lastItemVisible = _useState6[0],
|
61
|
+
setLastItemVisible = _useState6[1];
|
61
62
|
var uniqId = (0, _plasmaCore.safeUseId)();
|
62
63
|
var segmentGroupId = id || uniqId;
|
63
|
-
var
|
64
|
-
var
|
65
|
-
var filledBackgroundAttr = filledBackground || hasBackground;
|
66
|
-
var stretchClass = stretch ? _tokens.classes.segmentStretch : undefined;
|
67
|
-
var orientationClass = isVertical ? _tokens.classes.segmentVertical : undefined;
|
64
|
+
var pilledAttr = view !== 'clear' && pilled;
|
65
|
+
var filledBackgroundAttr = view !== 'clear' && filledBackground;
|
68
66
|
var pilledClass = pilledAttr ? _tokens.classes.segmentPilled : undefined;
|
69
67
|
var filledClass = filledBackgroundAttr ? _tokens.classes.segmentGroupFilledBackground : undefined;
|
70
|
-
var
|
71
|
-
|
72
|
-
|
73
|
-
|
68
|
+
var stretchClass = firstItemVisible && lastItemVisible && stretch ? _tokens.classes.segmentStretch : undefined;
|
69
|
+
var items = (_react.Children === null || _react.Children === void 0 ? void 0 : _react.Children.map(children, function (child) {
|
70
|
+
return child;
|
71
|
+
})) || [];
|
72
|
+
var onPrev = (0, _react.useCallback)(function () {
|
73
|
+
!disabled && setIndex(function (prevIndex) {
|
74
|
+
return prevIndex > 0 ? prevIndex - 1 : 0;
|
74
75
|
});
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
}
|
94
|
-
if (nextIndex !== index) {
|
95
|
-
var _childNodes$nextIndex, _childNodes$nextIndex2;
|
96
|
-
event.preventDefault();
|
97
|
-
(_childNodes$nextIndex = childNodes[nextIndex]) === null || _childNodes$nextIndex === void 0 || _childNodes$nextIndex.focus();
|
98
|
-
(_childNodes$nextIndex2 = childNodes[nextIndex]) === null || _childNodes$nextIndex2 === void 0 || _childNodes$nextIndex2.scrollIntoView({
|
99
|
-
block: 'center',
|
100
|
-
inline: 'center',
|
101
|
-
behavior: 'smooth'
|
76
|
+
}, [disabled]);
|
77
|
+
var onNext = (0, _react.useCallback)(function () {
|
78
|
+
!disabled && setIndex(function (prevIndex) {
|
79
|
+
return prevIndex < items.length - 1 ? prevIndex + 1 : prevIndex;
|
80
|
+
});
|
81
|
+
}, [disabled]);
|
82
|
+
var onIntersecting = function onIntersecting(setVisible) {
|
83
|
+
return function (entries) {
|
84
|
+
/*
|
85
|
+
* Пробегаемся по элементам на которых есть слушатель события появления.
|
86
|
+
* Если элемент находится в зоне видимости или выходит из нее, меняем значение флага видимости
|
87
|
+
*/
|
88
|
+
entries.forEach(function (entry) {
|
89
|
+
if (entry.isIntersecting) {
|
90
|
+
setVisible(true);
|
91
|
+
} else {
|
92
|
+
setVisible(false);
|
93
|
+
}
|
102
94
|
});
|
103
|
-
}
|
104
|
-
}
|
95
|
+
};
|
96
|
+
};
|
97
|
+
var _useCarousel = (0, _plasmaCore.useCarousel)({
|
98
|
+
index: index,
|
99
|
+
axis: 'x',
|
100
|
+
scrollAlign: 'start',
|
101
|
+
detectActive: true,
|
102
|
+
debounceMs: 250,
|
103
|
+
onIndexChange: setIndex
|
104
|
+
}),
|
105
|
+
scrollRef = _useCarousel.scrollRef,
|
106
|
+
trackRef = _useCarousel.trackRef;
|
107
|
+
var PreviousButton = (0, _react.useMemo)(function () {
|
108
|
+
return /*#__PURE__*/_react["default"].createElement(_SegmentGroup.StyledArrow, {
|
109
|
+
type: "button",
|
110
|
+
"aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0441\u0435\u0433\u043C\u0435\u043D\u0442",
|
111
|
+
onClick: onPrev,
|
112
|
+
tabIndex: disabled ? -1 : 0,
|
113
|
+
disabled: disabled
|
114
|
+
}, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureLeft, {
|
115
|
+
color: "var(".concat(_tokens.tokens.arrowColor, ")")
|
116
|
+
}));
|
117
|
+
}, [onPrev]);
|
118
|
+
var NextButton = (0, _react.useMemo)(function () {
|
119
|
+
return /*#__PURE__*/_react["default"].createElement(_SegmentGroup.StyledArrow, {
|
120
|
+
type: "button",
|
121
|
+
"aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0441\u0435\u0433\u043C\u0435\u043D\u0442",
|
122
|
+
onClick: onNext,
|
123
|
+
tabIndex: disabled ? -1 : 0,
|
124
|
+
disabled: disabled
|
125
|
+
}, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
|
126
|
+
color: "var(".concat(_tokens.tokens.arrowColor, ")")
|
127
|
+
}));
|
128
|
+
}, [onNext]);
|
105
129
|
(0, _react.useEffect)(function () {
|
106
130
|
selectionMode && setSelectionMode(selectionMode);
|
107
131
|
setDisabledGroup(disabled);
|
108
132
|
}, [selectionMode, disabled]);
|
133
|
+
(0, _react.useEffect)(function () {
|
134
|
+
var _trackRef$current;
|
135
|
+
// Intersection observer для первого сегмента
|
136
|
+
var observeFirstItem = new IntersectionObserver(onIntersecting(setFirstItemVisible), {
|
137
|
+
root: null,
|
138
|
+
rootMargin: '0px',
|
139
|
+
threshold: 0.5
|
140
|
+
});
|
141
|
+
|
142
|
+
// Intersection observer для последнего сегмента
|
143
|
+
var observeLastItem = new IntersectionObserver(onIntersecting(setLastItemVisible), {
|
144
|
+
root: null,
|
145
|
+
rootMargin: '0px',
|
146
|
+
threshold: 0.5
|
147
|
+
});
|
148
|
+
|
149
|
+
// получаем список сегментов внутри SegmentGroup
|
150
|
+
var childrenArray = Array.from(((_trackRef$current = trackRef.current) === null || _trackRef$current === void 0 ? void 0 : _trackRef$current.children) || []);
|
151
|
+
if (childrenArray.length) {
|
152
|
+
// подписываемся на событие появление внутри SegmentGroup
|
153
|
+
observeFirstItem.observe(childrenArray[0]);
|
154
|
+
observeLastItem.observe(childrenArray[childrenArray.length - 1]);
|
155
|
+
}
|
156
|
+
return function () {
|
157
|
+
// отписываемся от события появления внутри SegmentGroup
|
158
|
+
observeFirstItem.disconnect();
|
159
|
+
observeLastItem.disconnect();
|
160
|
+
};
|
161
|
+
}, [children]);
|
109
162
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
110
163
|
view: view,
|
111
164
|
size: size,
|
112
|
-
orientation: orientation,
|
113
165
|
id: segmentGroupId,
|
114
166
|
ref: outerRef,
|
115
167
|
filledBackground: filledBackgroundAttr,
|
116
168
|
disabled: disabled,
|
117
169
|
pilled: pilledAttr,
|
118
|
-
className: (0, _utils.cx)(pilledClass, filledClass, stretchClass
|
119
|
-
|
120
|
-
}, rest), /*#__PURE__*/_react["default"].createElement(_SegmentGroup.StyledContentWrapper, {
|
170
|
+
className: (0, _utils.cx)(pilledClass, filledClass, stretchClass)
|
171
|
+
}, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/_react["default"].createElement(_SegmentGroup.StyledContentWrapper, {
|
121
172
|
ref: scrollRef
|
122
173
|
}, /*#__PURE__*/_react["default"].createElement(_SegmentGroup.StyledContent, {
|
123
174
|
ref: trackRef
|
124
|
-
}, children)));
|
175
|
+
}, children)), !lastItemVisible && NextButton);
|
125
176
|
});
|
126
177
|
};
|
127
178
|
var segmentGroupConfig = exports.segmentGroupConfig = {
|
@@ -148,15 +199,13 @@ var segmentGroupConfig = exports.segmentGroupConfig = {
|
|
148
199
|
css: _base6.base,
|
149
200
|
attrs: true
|
150
201
|
},
|
151
|
-
orientation: {
|
152
|
-
css: _base7.base
|
153
|
-
},
|
154
202
|
filledBackground: {
|
155
203
|
css: _base5.base,
|
156
204
|
attrs: true
|
157
205
|
}
|
158
206
|
},
|
159
207
|
defaults: {
|
208
|
+
view: 'clear',
|
160
209
|
size: 'xs'
|
161
210
|
}
|
162
211
|
};
|
@@ -3,34 +3,52 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.base = exports.StyledContentWrapper = exports.StyledContent = void 0;
|
6
|
+
exports.base = exports.StyledContentWrapper = exports.StyledContent = exports.StyledArrow = void 0;
|
7
7
|
var _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
|
8
8
|
var _react = /*#__PURE__*/require("@emotion/react");
|
9
|
+
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
9
10
|
var _tokens = /*#__PURE__*/require("../../tokens");
|
10
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
12
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
12
|
-
var base = exports.base =
|
13
|
+
var base = exports.base = process.env.NODE_ENV === "production" ? {
|
14
|
+
name: "1946a1k-plasma-new-hope__base",
|
15
|
+
styles: "display:inline-flex;align-items:center;label:plasma-new-hope__base;"
|
16
|
+
} : {
|
17
|
+
name: "1946a1k-plasma-new-hope__base",
|
18
|
+
styles: "display:inline-flex;align-items:center;label:plasma-new-hope__base;",
|
19
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWdtZW50L3VpL1NlZ21lbnRHcm91cC9TZWdtZW50R3JvdXAuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXJnaW46IDA7XG5cbiAgICAvKiBhbGxvd3MgY29ycmVjdGx5IGRpc3BsYXkgb3V0bGluZSBmb2N1cyBvbiBzZWdtZW50IGl0ZW0gKi9cbiAgICBwYWRkaW5nOiAwLjI1cmVtO1xuXG4gICAgLyogc3R5bGVsaW50LWRpc2FibGUtbmV4dC1saW5lIHNlbGVjdG9yLW1heC1lbXB0eS1saW5lcywgc2VsZWN0b3ItbmVzdGVkLXBhdHRlcm4sIHNlbGVjdG9yLXR5cGUtbm8tdW5rbm93biAqL1xuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIG92ZXJmbG93LXg6IGF1dG87XG4gICAgb3ZlcmZsb3cteTogaGlkZGVuO1xuICAgIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICAgIHNjcm9sbC1zbmFwLXR5cGU6IHggbWFuZGF0b3J5O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgLSAwLjA2M3JlbSknLFxuICAgIH0pfTtcblxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG5gO1xuIl19 */",
|
20
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
21
|
+
};
|
13
22
|
var StyledContent = exports.StyledContent = /*#__PURE__*/(0, _base["default"])("div", {
|
14
|
-
target: "
|
23
|
+
target: "e2lv4y42",
|
15
24
|
label: "plasma-new-hope__StyledContent"
|
16
25
|
})(process.env.NODE_ENV === "production" ? {
|
17
|
-
name: "
|
18
|
-
styles: "display:inline-flex;flex-direction:row;align-items:center
|
26
|
+
name: "3251ob",
|
27
|
+
styles: "display:inline-flex;flex-direction:row;align-items:center"
|
19
28
|
} : {
|
20
|
-
name: "
|
21
|
-
styles: "display:inline-flex;flex-direction:row;align-items:center
|
22
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
29
|
+
name: "3251ob",
|
30
|
+
styles: "display:inline-flex;flex-direction:row;align-items:center",
|
31
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWdtZW50L3VpL1NlZ21lbnRHcm91cC9TZWdtZW50R3JvdXAuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXJnaW46IDA7XG5cbiAgICAvKiBhbGxvd3MgY29ycmVjdGx5IGRpc3BsYXkgb3V0bGluZSBmb2N1cyBvbiBzZWdtZW50IGl0ZW0gKi9cbiAgICBwYWRkaW5nOiAwLjI1cmVtO1xuXG4gICAgLyogc3R5bGVsaW50LWRpc2FibGUtbmV4dC1saW5lIHNlbGVjdG9yLW1heC1lbXB0eS1saW5lcywgc2VsZWN0b3ItbmVzdGVkLXBhdHRlcm4sIHNlbGVjdG9yLXR5cGUtbm8tdW5rbm93biAqL1xuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIG92ZXJmbG93LXg6IGF1dG87XG4gICAgb3ZlcmZsb3cteTogaGlkZGVuO1xuICAgIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICAgIHNjcm9sbC1zbmFwLXR5cGU6IHggbWFuZGF0b3J5O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgLSAwLjA2M3JlbSknLFxuICAgIH0pfTtcblxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG5gO1xuIl19 */",
|
23
32
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
24
33
|
});
|
25
34
|
var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/(0, _base["default"])("div", {
|
26
|
-
target: "
|
35
|
+
target: "e2lv4y41",
|
27
36
|
label: "plasma-new-hope__StyledContentWrapper"
|
28
37
|
})(process.env.NODE_ENV === "production" ? {
|
29
|
-
name: "
|
30
|
-
styles: "position:relative;height:100%;
|
38
|
+
name: "1p5cysk",
|
39
|
+
styles: "position:relative;height:100%;margin:0;padding:0.25rem;::-webkit-scrollbar{display:none;}overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory"
|
31
40
|
} : {
|
32
|
-
name: "
|
33
|
-
styles: "position:relative;height:100%;
|
34
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
41
|
+
name: "1p5cysk",
|
42
|
+
styles: "position:relative;height:100%;margin:0;padding:0.25rem;::-webkit-scrollbar{display:none;}overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory",
|
43
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWFyZ2luOiAwO1xuXG4gICAgLyogYWxsb3dzIGNvcnJlY3RseSBkaXNwbGF5IG91dGxpbmUgZm9jdXMgb24gc2VnbWVudCBpdGVtICovXG4gICAgcGFkZGluZzogMC4yNXJlbTtcblxuICAgIC8qIHN0eWxlbGludC1kaXNhYmxlLW5leHQtbGluZSBzZWxlY3Rvci1tYXgtZW1wdHktbGluZXMsIHNlbGVjdG9yLW5lc3RlZC1wYXR0ZXJuLCBzZWxlY3Rvci10eXBlLW5vLXVua25vd24gKi9cbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuICAgIG92ZXJmbG93LXk6IGhpZGRlbjtcbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcbiAgICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcnJvdyA9IHN0eWxlZC5idXR0b25gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpIC0gMC4wNjNyZW0pJyxcbiAgICB9KX07XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuYDtcbiJdfQ== */",
|
35
44
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
36
|
-
});
|
45
|
+
});
|
46
|
+
var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _base["default"])("button", {
|
47
|
+
target: "e2lv4y40",
|
48
|
+
label: "plasma-new-hope__StyledArrow"
|
49
|
+
})("display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;", /*#__PURE__*/(0, _mixins.addFocus)({
|
50
|
+
outlineSize: '0.063rem',
|
51
|
+
outlineOffset: '-0.125rem',
|
52
|
+
outlineColor: /*#__PURE__*/"var(".concat(_tokens.tokens.outlineFocusColor, ")"),
|
53
|
+
outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)'
|
54
|
+
}), ";&[disabled]{cursor:not-allowed;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3dDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWFyZ2luOiAwO1xuXG4gICAgLyogYWxsb3dzIGNvcnJlY3RseSBkaXNwbGF5IG91dGxpbmUgZm9jdXMgb24gc2VnbWVudCBpdGVtICovXG4gICAgcGFkZGluZzogMC4yNXJlbTtcblxuICAgIC8qIHN0eWxlbGludC1kaXNhYmxlLW5leHQtbGluZSBzZWxlY3Rvci1tYXgtZW1wdHktbGluZXMsIHNlbGVjdG9yLW5lc3RlZC1wYXR0ZXJuLCBzZWxlY3Rvci10eXBlLW5vLXVua25vd24gKi9cbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuICAgIG92ZXJmbG93LXk6IGhpZGRlbjtcbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcbiAgICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcnJvdyA9IHN0eWxlZC5idXR0b25gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpIC0gMC4wNjNyZW0pJyxcbiAgICB9KX07XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuYDtcbiJdfQ== */"));
|
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.base = void 0;
|
7
7
|
var _react = /*#__PURE__*/require("@emotion/react");
|
8
8
|
var _tokens = /*#__PURE__*/require("../../../../tokens");
|
9
|
-
var base = exports.base = /*#__PURE__*/(0, _react.css)("
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", /*#__PURE__*/String(_tokens.classes.segmentGroupFilledBackground), "{background-color:var(", _tokens.tokens.groupFilledBackgroundColor, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvdmFyaWF0aW9ucy9fZmlsbGVkQmFja2dvdW5kL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvdmFyaWF0aW9ucy9fZmlsbGVkQmFja2dvdW5kL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICYuJHtTdHJpbmcoY2xhc3Nlcy5zZWdtZW50R3JvdXBGaWxsZWRCYWNrZ3JvdW5kKX0ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuZ3JvdXBGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICB9XG5gO1xuIl19 */"));
|
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.base = void 0;
|
7
7
|
var _react = /*#__PURE__*/require("@emotion/react");
|
8
8
|
var _tokens = /*#__PURE__*/require("../../../../tokens");
|
9
|
-
var base = exports.base = /*#__PURE__*/(0, _react.css)("width:var(", _tokens.tokens.groupWidth, ");height:var(", _tokens.tokens.groupHeight, ")
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _react.css)("width:var(", _tokens.tokens.groupWidth, ");height:var(", _tokens.tokens.groupHeight, ");--plasma_private-outline-radius:var(", _tokens.tokens.groupBorderRadius, ");border-radius:var(", _tokens.tokens.groupBorderRadius, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1NlZ21lbnQvdWkvU2VnbWVudEdyb3VwL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgd2lkdGg6IHZhcigke3Rva2Vucy5ncm91cFdpZHRofSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZ3JvdXBIZWlnaHR9KTtcblxuICAgIC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXM6IHZhcigke3Rva2Vucy5ncm91cEJvcmRlclJhZGl1c30pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ncm91cEJvcmRlclJhZGl1c30pO1xuYDtcbiJdfQ== */"));
|
@@ -15,7 +15,7 @@ var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
|
15
15
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
16
16
|
var _base4 = /*#__PURE__*/require("./variations/_pilled/base");
|
17
17
|
var _SegmentItem = /*#__PURE__*/require("./SegmentItem.styles");
|
18
|
-
var _excluded = ["size", "view", "id", "label", "value", "pilled", "
|
18
|
+
var _excluded = ["size", "view", "id", "label", "value", "pilled", "customHandleSelect", "aria-label"];
|
19
19
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
20
20
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
21
21
|
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); }
|
@@ -24,16 +24,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
24
24
|
var segmentItemRoot = exports.segmentItemRoot = function segmentItemRoot(Root) {
|
25
25
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
|
26
26
|
var size = props.size,
|
27
|
-
|
28
|
-
view = _props$view === void 0 ? 'default' : _props$view,
|
27
|
+
view = props.view,
|
29
28
|
id = props.id,
|
30
29
|
label = props.label,
|
31
30
|
value = props.value,
|
32
31
|
pilled = props.pilled,
|
33
|
-
contentLeft = props.contentLeft,
|
34
|
-
contentRight = props.contentRight,
|
35
32
|
customHandleSelect = props.customHandleSelect,
|
36
|
-
skipSelection = props.skipSelection,
|
37
33
|
ariaLabelExternal = props['aria-label'],
|
38
34
|
rest = _objectWithoutProperties(props, _excluded);
|
39
35
|
var _useSegmentInner = (0, _SegmentProvider.useSegmentInner)(),
|
@@ -46,21 +42,17 @@ var segmentItemRoot = exports.segmentItemRoot = function segmentItemRoot(Root) {
|
|
46
42
|
var ariaLabelDefault = (0, _react.useMemo)(function () {
|
47
43
|
return (0, _utils.extractTextFrom)(label);
|
48
44
|
}, [label]);
|
49
|
-
var pilledAttr = pilled;
|
45
|
+
var pilledAttr = view !== 'clear' && pilled;
|
50
46
|
var pilledClass = pilledAttr ? _tokens.classes.segmentPilled : undefined;
|
51
|
-
var xsSize = size === 'xs' ? _tokens.classes.segmentXsSize : undefined;
|
52
47
|
var isSelected = selectedSegmentItems === null || selectedSegmentItems === void 0 ? void 0 : selectedSegmentItems.includes(value || ariaLabelDefault);
|
53
48
|
var selectedClass = isSelected ? _tokens.classes.selectedSegmentItem : undefined;
|
54
49
|
var handleSelectSegment = (0, _react.useCallback)(function (event) {
|
55
50
|
if (disabledGroup) {
|
56
51
|
return;
|
57
52
|
}
|
58
|
-
if (skipSelection) {
|
59
|
-
return;
|
60
|
-
}
|
61
53
|
customHandleSelect === null || customHandleSelect === void 0 || customHandleSelect(event);
|
62
54
|
handleSelect === null || handleSelect === void 0 || handleSelect(value || ariaLabelDefault);
|
63
|
-
}, [selectionMode
|
55
|
+
}, [selectionMode]);
|
64
56
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
65
57
|
view: view,
|
66
58
|
size: size,
|
@@ -69,13 +61,11 @@ var segmentItemRoot = exports.segmentItemRoot = function segmentItemRoot(Root) {
|
|
69
61
|
"aria-label": ariaLabelExternal || ariaLabelDefault,
|
70
62
|
value: value,
|
71
63
|
pilled: pilledAttr,
|
72
|
-
className: (0, _utils.cx)(selectedClass, pilledClass
|
64
|
+
className: (0, _utils.cx)(selectedClass, pilledClass),
|
73
65
|
onClick: handleSelectSegment,
|
74
66
|
tabIndex: disabledGroup ? -1 : 0,
|
75
67
|
disabled: disabledGroup
|
76
|
-
}, rest),
|
77
|
-
className: typeof contentRight === 'string' ? _tokens.classes.segmentAdditionalText : ''
|
78
|
-
}, contentRight));
|
68
|
+
}, rest), /*#__PURE__*/_react["default"].createElement(_SegmentItem.StyledContent, null, label || value));
|
79
69
|
});
|
80
70
|
};
|
81
71
|
var segmentItemConfig = exports.segmentItemConfig = {
|
@@ -100,7 +90,7 @@ var segmentItemConfig = exports.segmentItemConfig = {
|
|
100
90
|
}
|
101
91
|
},
|
102
92
|
defaults: {
|
103
|
-
view: '
|
93
|
+
view: 'clear',
|
104
94
|
size: 'xs'
|
105
95
|
}
|
106
96
|
};
|
@@ -3,34 +3,20 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.base = exports.StyledContent =
|
6
|
+
exports.base = exports.StyledContent = void 0;
|
7
7
|
var _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
|
8
8
|
var _react = /*#__PURE__*/require("@emotion/react");
|
9
9
|
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
10
10
|
var _tokens = /*#__PURE__*/require("../../tokens");
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
12
|
-
var base = exports.base = /*#__PURE__*/(0, _react.css)("position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
|
12
|
+
var base = exports.base = /*#__PURE__*/(0, _react.css)("position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;align-items:center;appearance:none;border:none;outline:none;cursor:pointer;margin-left:var(", _tokens.tokens.itemMarginLeft, ");-webkit-tap-highlight-color:rgba(0, 0, 0, 0);&:first-child{margin-left:0;}", /*#__PURE__*/(0, _mixins.addFocus)({
|
13
13
|
outlineSize: '0.063rem',
|
14
|
-
outlineOffset: '0.
|
14
|
+
outlineOffset: '-0.125rem',
|
15
15
|
outlineColor: /*#__PURE__*/"var(".concat(_tokens.tokens.outlineFocusColor, ")"),
|
16
16
|
outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
|
17
17
|
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.tokens.outlineFocusColor, ");\n }\n }\n ")
|
18
|
-
}), ";;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
18
|
+
}), ";;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS9TZWdtZW50SXRlbS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS9TZWdtZW50SXRlbS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGFkZEZvY3VzLCBhcHBseUVsbGlwc2lzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG1hcmdpbi1sZWZ0OiB2YXIoJHt0b2tlbnMuaXRlbU1hcmdpbkxlZnR9KTtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5cbiAgICAmOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgfVxuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgKyAwLjA2M3JlbSknLFxuICAgICAgICBjdXN0b21Gb2N1c1J1bGVzOiBgXG4gICAgICAgICAgICAmLmZvY3VzLXZpc2libGU6Zm9jdXMsXG4gICAgICAgICAgICAmW2RhdGEtZm9jdXMtdmlzaWJsZS1hZGRlZF0ge1xuICAgICAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDAuMDYzcmVtIHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgYCxcbiAgICB9KX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICAke2FwcGx5RWxsaXBzaXMoKX07XG5gO1xuIl19 */"));
|
19
19
|
var StyledContent = exports.StyledContent = /*#__PURE__*/(0, _base["default"])("div", {
|
20
|
-
target: "e1hjv4i52",
|
21
|
-
label: "plasma-new-hope__StyledContent"
|
22
|
-
})("display:inline-block;width:fit-content;padding:var(", _tokens.tokens.itemContentPadding, ");", /*#__PURE__*/(0, _mixins.applyEllipsis)(), ";margin-right:", function (_ref) {
|
23
|
-
var hasRightMargin = _ref.hasRightMargin;
|
24
|
-
return hasRightMargin ? "var(".concat(_tokens.tokens.itemIconMargin, ")") : '0';
|
25
|
-
}, ";margin-left:", function (_ref2) {
|
26
|
-
var hasLeftMargin = _ref2.hasLeftMargin;
|
27
|
-
return hasLeftMargin ? "var(".concat(_tokens.tokens.itemIconMargin, ")") : '0';
|
28
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS9TZWdtZW50SXRlbS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0NFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS9TZWdtZW50SXRlbS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGFkZEZvY3VzLCBhcHBseUVsbGlwc2lzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgbWluLXdpZHRoOiAwO1xuXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgbWFyZ2luLWxlZnQ6IHZhcigke3Rva2Vucy5pdGVtTWFyZ2luTGVmdH0pO1xuICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcblxuICAgICY6Zmlyc3QtY2hpbGQge1xuICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICB9XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpICsgMC4wNjNyZW0pJyxcbiAgICAgICAgY3VzdG9tRm9jdXNSdWxlczogYFxuICAgICAgICAgICAgJi5mb2N1cy12aXNpYmxlOmZvY3VzLFxuICAgICAgICAgICAgJltkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdIHtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAwLjA2M3JlbSB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgfSl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2PHtcbiAgICBoYXNSaWdodE1hcmdpbj86IGJvb2xlYW47XG4gICAgaGFzTGVmdE1hcmdpbj86IGJvb2xlYW47XG4gICAgaXNTZWNvbmRhcnk/OiBib29sZWFuO1xufT5gXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuaXRlbUNvbnRlbnRQYWRkaW5nfSk7XG4gICAgJHthcHBseUVsbGlwc2lzKCl9O1xuXG4gICAgbWFyZ2luLXJpZ2h0OiAkeyh7IGhhc1JpZ2h0TWFyZ2luIH0pID0+IChoYXNSaWdodE1hcmdpbiA/IGB2YXIoJHt0b2tlbnMuaXRlbUljb25NYXJnaW59KWAgOiAnMCcpfTtcbiAgICBtYXJnaW4tbGVmdDogJHsoeyBoYXNMZWZ0TWFyZ2luIH0pID0+IChoYXNMZWZ0TWFyZ2luID8gYHZhcigke3Rva2Vucy5pdGVtSWNvbk1hcmdpbn0pYCA6ICcwJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJpZ2h0Q29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBtYXJnaW4tbGVmdDogdmFyKCR7dG9rZW5zLml0ZW1JY29uTWFyZ2lufSk7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUNvbG9yfSk7XG5cbiAgICAmLiR7Y2xhc3Nlcy5zZWdtZW50QWRkaXRpb25hbFRleHR9IHtcbiAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUFkZGl0aW9uYWxDb2xvcn0pO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMZWZ0Q29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBtYXJnaW4tcmlnaHQ6IHZhcigke3Rva2Vucy5pdGVtSWNvbk1hcmdpbn0pO1xuXG4gICAgY29sb3I6IGluaGVyaXQ7XG5gO1xuIl19 */"));
|
29
|
-
var RightContent = exports.RightContent = /*#__PURE__*/(0, _base["default"])("div", {
|
30
|
-
target: "e1hjv4i51",
|
31
|
-
label: "plasma-new-hope__RightContent"
|
32
|
-
})("display:flex;margin-left:var(", _tokens.tokens.itemIconMargin, ");overflow:hidden;color:var(", _tokens.tokens.itemColor, ");&.", _tokens.classes.segmentAdditionalText, "{text-overflow:ellipsis;overflow:hidden;color:var(", _tokens.tokens.itemAdditionalColor, ");}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS9TZWdtZW50SXRlbS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeURzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1NlZ21lbnQvdWkvU2VnbWVudEl0ZW0vU2VnbWVudEl0ZW0uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cywgYXBwbHlFbGxpcHNpcyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIG1pbi13aWR0aDogMDtcblxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG1hcmdpbi1sZWZ0OiB2YXIoJHt0b2tlbnMuaXRlbU1hcmdpbkxlZnR9KTtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5cbiAgICAmOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgfVxuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KWAsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICdjYWxjKHZhcigtLXBsYXNtYV9wcml2YXRlLW91dGxpbmUtcmFkaXVzKSArIDAuMDYzcmVtKScsXG4gICAgICAgIGN1c3RvbUZvY3VzUnVsZXM6IGBcbiAgICAgICAgICAgICYuZm9jdXMtdmlzaWJsZTpmb2N1cyxcbiAgICAgICAgICAgICZbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSB7XG4gICAgICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMC4wNjNyZW0gdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICBgLFxuICAgIH0pfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdjx7XG4gICAgaGFzUmlnaHRNYXJnaW4/OiBib29sZWFuO1xuICAgIGhhc0xlZnRNYXJnaW4/OiBib29sZWFuO1xuICAgIGlzU2Vjb25kYXJ5PzogYm9vbGVhbjtcbn0+YFxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50UGFkZGluZ30pO1xuICAgICR7YXBwbHlFbGxpcHNpcygpfTtcblxuICAgIG1hcmdpbi1yaWdodDogJHsoeyBoYXNSaWdodE1hcmdpbiB9KSA9PiAoaGFzUmlnaHRNYXJnaW4gPyBgdmFyKCR7dG9rZW5zLml0ZW1JY29uTWFyZ2lufSlgIDogJzAnKX07XG4gICAgbWFyZ2luLWxlZnQ6ICR7KHsgaGFzTGVmdE1hcmdpbiB9KSA9PiAoaGFzTGVmdE1hcmdpbiA/IGB2YXIoJHt0b2tlbnMuaXRlbUljb25NYXJnaW59KWAgOiAnMCcpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWFyZ2luLWxlZnQ6IHZhcigke3Rva2Vucy5pdGVtSWNvbk1hcmdpbn0pO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1Db2xvcn0pO1xuXG4gICAgJi4ke2NsYXNzZXMuc2VnbWVudEFkZGl0aW9uYWxUZXh0fSB7XG4gICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1BZGRpdGlvbmFsQ29sb3J9KTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTGVmdENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWFyZ2luLXJpZ2h0OiB2YXIoJHt0b2tlbnMuaXRlbUljb25NYXJnaW59KTtcblxuICAgIGNvbG9yOiBpbmhlcml0O1xuYDtcbiJdfQ== */"));
|
33
|
-
var LeftContent = exports.LeftContent = /*#__PURE__*/(0, _base["default"])("div", {
|
34
20
|
target: "e1hjv4i50",
|
35
|
-
label: "plasma-new-
|
36
|
-
})("display:
|
21
|
+
label: "plasma-new-hope__StyledContent"
|
22
|
+
})("display:inline-block;width:fit-content;", /*#__PURE__*/(0, _mixins.applyEllipsis)(), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS9TZWdtZW50SXRlbS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkN1QyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1NlZ21lbnQvdWkvU2VnbWVudEl0ZW0vU2VnbWVudEl0ZW0uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cywgYXBwbHlFbGxpcHNpcyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBtYXJnaW4tbGVmdDogdmFyKCR7dG9rZW5zLml0ZW1NYXJnaW5MZWZ0fSk7XG4gICAgLXdlYmtpdC10YXAtaGlnaGxpZ2h0LWNvbG9yOiByZ2JhKDAsIDAsIDAsIDApO1xuXG4gICAgJjpmaXJzdC1jaGlsZCB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpICsgMC4wNjNyZW0pJyxcbiAgICAgICAgY3VzdG9tRm9jdXNSdWxlczogYFxuICAgICAgICAgICAgJi5mb2N1cy12aXNpYmxlOmZvY3VzLFxuICAgICAgICAgICAgJltkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdIHtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAwLjA2M3JlbSB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgfSl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgJHthcHBseUVsbGlwc2lzKCl9O1xuYDtcbiJdfQ== */"));
|
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.base = void 0;
|
7
7
|
var _react = /*#__PURE__*/require("@emotion/react");
|
8
8
|
var _tokens = /*#__PURE__*/require("../../../../tokens");
|
9
|
-
var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", /*#__PURE__*/String(_tokens.classes.segmentPilled), "{--plasma_private-outline-radius:var(", _tokens.tokens.itemPilledBorderRadius, ");border-radius:var(", _tokens.tokens.itemPilledBorderRadius, ");
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", /*#__PURE__*/String(_tokens.classes.segmentPilled), "{--plasma_private-outline-radius:var(", _tokens.tokens.itemPilledBorderRadius, ");border-radius:var(", _tokens.tokens.itemPilledBorderRadius, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS92YXJpYXRpb25zL19waWxsZWQvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWdtZW50L3VpL1NlZ21lbnRJdGVtL3ZhcmlhdGlvbnMvX3BpbGxlZC9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmLiR7U3RyaW5nKGNsYXNzZXMuc2VnbWVudFBpbGxlZCl9IHtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1czogdmFyKCR7dG9rZW5zLml0ZW1QaWxsZWRCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLml0ZW1QaWxsZWRCb3JkZXJSYWRpdXN9KTtcbiAgICB9XG5gO1xuIl19 */"));
|
@@ -6,5 +6,4 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.base = void 0;
|
7
7
|
var _react = /*#__PURE__*/require("@emotion/react");
|
8
8
|
var _tokens = /*#__PURE__*/require("../../../../tokens");
|
9
|
-
var
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _react.css)("color:var(", _tokens.tokens.itemColor, ");background-color:var(", _tokens.tokens.itemBackgroundColor, ");&:hover{color:var(", _tokens.tokens.itemColorHover, ");background-color:var(", _tokens.tokens.itemBackgroundColorHover, ");", _SegmentItem.RightContent, "{color:var(", _tokens.tokens.itemColorHover, ");}", _SegmentItem.RightContent, ".", _tokens.classes.segmentAdditionalText, "{color:var(", _tokens.tokens.itemAdditionalColorHover, ");}}&.", /*#__PURE__*/String(_tokens.classes.selectedSegmentItem), "{color:var(", _tokens.tokens.itemSelectedColor, ");background-color:var(", _tokens.tokens.itemSelectedBackgroundColor, ");", _SegmentItem.RightContent, "{color:var(", _tokens.tokens.itemSelectedColor, ");}", _SegmentItem.RightContent, ".", _tokens.classes.segmentAdditionalText, "{color:var(", _tokens.tokens.itemSelectedAdditionalColor, ");}&:hover{color:var(", _tokens.tokens.itemSelectedColorHover, ");background-color:var(", _tokens.tokens.itemSelectedBackgroundColorHover, ");", _SegmentItem.RightContent, "{color:var(", _tokens.tokens.itemSelectedAdditionalColorHover, ");}}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS92YXJpYXRpb25zL192aWV3L2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS92YXJpYXRpb25zL192aWV3L2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL3Rva2Vucyc7XG5pbXBvcnQgeyBSaWdodENvbnRlbnQgfSBmcm9tICcuLi8uLi9TZWdtZW50SXRlbS5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1Db2xvcn0pO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZENvbG9yfSk7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQ29sb3JIb3Zlcn0pO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmRDb2xvckhvdmVyfSk7XG5cbiAgICAgICAgJHtSaWdodENvbnRlbnR9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUNvbG9ySG92ZXJ9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7UmlnaHRDb250ZW50fS4ke2NsYXNzZXMuc2VnbWVudEFkZGl0aW9uYWxUZXh0fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1BZGRpdGlvbmFsQ29sb3JIb3Zlcn0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke1N0cmluZyhjbGFzc2VzLnNlbGVjdGVkU2VnbWVudEl0ZW0pfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkQ29sb3J9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZEJhY2tncm91bmRDb2xvcn0pO1xuXG4gICAgICAgICR7UmlnaHRDb250ZW50fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZENvbG9yfSk7XG4gICAgICAgIH1cblxuICAgICAgICAke1JpZ2h0Q29udGVudH0uJHtjbGFzc2VzLnNlZ21lbnRBZGRpdGlvbmFsVGV4dH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtU2VsZWN0ZWRBZGRpdGlvbmFsQ29sb3J9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtU2VsZWN0ZWRDb2xvckhvdmVyfSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcblxuICAgICAgICAgICAgJHtSaWdodENvbnRlbnR9IHtcbiAgICAgICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZEFkZGl0aW9uYWxDb2xvckhvdmVyfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _react.css)("color:var(", _tokens.tokens.itemColor, ");background-color:var(", _tokens.tokens.itemBackgroundColor, ");&:hover{color:var(", _tokens.tokens.itemColorHover, ");background-color:var(", _tokens.tokens.itemBackgroundColorHover, ");}&.", /*#__PURE__*/String(_tokens.classes.selectedSegmentItem), "{color:var(", _tokens.tokens.itemSelectedColor, ");background-color:var(", _tokens.tokens.itemSelectedBackgroundColor, ");&:hover{color:var(", _tokens.tokens.itemSelectedColorHover, ");background-color:var(", _tokens.tokens.itemSelectedBackgroundColorHover, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS92YXJpYXRpb25zL192aWV3L2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50SXRlbS92YXJpYXRpb25zL192aWV3L2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUNvbG9yfSk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kQ29sb3J9KTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1Db2xvckhvdmVyfSk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICB9XG5cbiAgICAmLiR7U3RyaW5nKGNsYXNzZXMuc2VsZWN0ZWRTZWdtZW50SXRlbSl9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtU2VsZWN0ZWRDb2xvcn0pO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkQmFja2dyb3VuZENvbG9yfSk7XG5cbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZENvbG9ySG92ZXJ9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtU2VsZWN0ZWRCYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));
|
@@ -1,6 +1,5 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
5
4
|
value: true
|
6
5
|
});
|
@@ -10,17 +9,27 @@ var _base = /*#__PURE__*/require("./variations/_view/base");
|
|
10
9
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
11
10
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
12
11
|
var _components = /*#__PURE__*/require("./components");
|
12
|
+
var _excluded = ["type"];
|
13
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
14
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
15
15
|
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); }
|
16
|
-
var
|
17
|
-
|
16
|
+
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; }
|
17
|
+
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; }
|
18
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
19
|
+
var isSingleValueProps = function isSingleValueProps(props, type) {
|
20
|
+
return typeof props.value === 'number' || type === 'single' && _typeof(props.value) !== 'object';
|
21
|
+
};
|
22
|
+
var isDoubleValueProps = function isDoubleValueProps(props, type) {
|
23
|
+
return _typeof(props.value) === 'object' || type === 'double';
|
18
24
|
};
|
19
25
|
var sliderRoot = exports.sliderRoot = function sliderRoot(Root) {
|
20
|
-
return /*#__PURE__*/(0, _react.forwardRef)(function (
|
21
|
-
|
26
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
27
|
+
var _ref$type = _ref.type,
|
28
|
+
type = _ref$type === void 0 ? 'single' : _ref$type,
|
29
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
30
|
+
return /*#__PURE__*/_react["default"].createElement(Root, _extends({}, props, {
|
22
31
|
ref: ref
|
23
|
-
}
|
32
|
+
}), isSingleValueProps(props, type) && /*#__PURE__*/_react["default"].createElement(_components.SingleSlider, props), isDoubleValueProps(props, type) && /*#__PURE__*/_react["default"].createElement(_components.DoubleUncontrolled, props));
|
24
33
|
});
|
25
34
|
};
|
26
35
|
var sliderConfig = exports.sliderConfig = {
|