@salutejs/plasma-new-hope 0.163.0-canary.1452.11263420833.0 → 0.163.0-canary.1466.11269016047.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Slider/Slider.css +13 -15
- package/cjs/components/Slider/Slider.js +3 -11
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/Slider.tokens.js +5 -17
- package/cjs/components/Slider/Slider.tokens.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +8 -8
- package/cjs/components/Slider/components/Double/Double.js +9 -17
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.css +14 -14
- package/cjs/components/Slider/components/Single/Single.js +31 -57
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles.js +4 -4
- package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.css +5 -5
- package/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -27
- package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +5 -0
- package/cjs/components/Slider/ui/Handler/Handler.css +3 -3
- package/cjs/components/Slider/ui/Handler/Handler.js +89 -50
- package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/cjs/components/Slider/ui/Handler/Handler.styles.js +7 -17
- package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
- package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
- package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
- package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
- package/cjs/components/Slider/utils/index.js +10 -28
- package/cjs/components/Slider/utils/index.js.map +1 -1
- package/cjs/components/Slider/variations/_view/base.js +1 -1
- package/cjs/components/Slider/variations/_view/base.js.map +1 -1
- package/cjs/components/Slider/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Tabs/createTabsController.js.map +1 -1
- package/cjs/components/Tabs/tokens.js +12 -4
- package/cjs/components/Tabs/tokens.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +13 -0
- package/cjs/components/Tabs/ui/{TabItem/TabItem.js → horizontal/HorizontalTabItem/HorizontalTabItem.js} +22 -18
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +35 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css +5 -0
- package/cjs/components/Tabs/ui/{Tabs/variations/_size → horizontal/HorizontalTabItem/variations/_disabled}/base.js +2 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +1 -0
- package/cjs/components/Tabs/ui/{TabItem/variations/_disabled → horizontal/HorizontalTabItem/variations/_pilled}/base.js +2 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/{TabItem/variations/_pilled/base_l36za5.css → horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css} +1 -1
- package/cjs/components/Tabs/ui/{TabItem/variations/_pilled → horizontal/HorizontalTabItem/variations/_size}/base.js +2 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +1 -0
- package/cjs/components/Tabs/ui/{TabItem/variations/_size → horizontal/HorizontalTabItem/variations/_view}/base.js +2 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_4zingj.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +16 -0
- package/cjs/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +21 -21
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -0
- package/cjs/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +10 -10
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +4 -0
- package/cjs/components/Tabs/ui/{TabItem/variations/_view → horizontal/HorizontalTabs/variations/_disabled}/base.js +2 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +11 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +126 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -0
- package/cjs/components/Tabs/ui/{TabItem/TabItem.styles.js → vertical/VerticalTabItem/VerticalTabItem.styles.js} +12 -6
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_16d3lah.css +5 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_fueiq8.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +12 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +220 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +29 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +4 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/{Tabs/variations/_size/base_iw773q.css → vertical/VerticalTabs/variations/_size/base_1sekozo.css} +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
- package/cjs/index.css +54 -32
- package/cjs/index.js +12 -6
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Badge/Badge.template-doc.mdx +3 -1
- package/emotion/cjs/components/Slider/Slider.js +2 -10
- package/emotion/cjs/components/Slider/Slider.tokens.js +5 -17
- package/emotion/cjs/components/Slider/components/Double/Double.js +5 -13
- package/emotion/cjs/components/Slider/components/Single/Single.js +31 -57
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +9 -18
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -27
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +10 -10
- package/emotion/cjs/components/Slider/ui/Handler/Handler.js +89 -53
- package/emotion/cjs/components/Slider/ui/Handler/Handler.styles.js +15 -9
- package/emotion/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
- package/emotion/cjs/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
- package/emotion/cjs/components/Slider/utils/index.js +10 -28
- package/emotion/cjs/components/Slider/variations/_view/base.js +1 -2
- package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +86 -21
- package/emotion/cjs/components/Tabs/index.js +36 -10
- package/emotion/cjs/components/Tabs/tokens.js +12 -4
- package/{styled-components/cjs/components/Tabs/ui/TabItem/TabItem.js → emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js} +19 -15
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +51 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +10 -0
- package/{styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js → emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js} +17 -17
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +55 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +10 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +128 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +51 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +10 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +226 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +46 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +9 -0
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +14 -13
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -90
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +14 -3
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +14 -3
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +428 -71
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabsController.js +8 -3
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +39 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +41 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +28 -0
- package/emotion/cjs/examples/plasma_web/components/Badge/Badge.config.js +14 -13
- package/emotion/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Slider/Slider.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -90
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.js +14 -3
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.js +14 -3
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +428 -71
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabsController.js +8 -3
- package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +39 -0
- package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +41 -0
- package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
- package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +28 -0
- package/emotion/es/components/Badge/Badge.template-doc.mdx +3 -1
- package/emotion/es/components/Slider/Slider.js +2 -11
- package/emotion/es/components/Slider/Slider.tokens.js +5 -17
- package/emotion/es/components/Slider/components/Double/Double.js +5 -13
- package/emotion/es/components/Slider/components/Single/Single.js +32 -58
- package/emotion/es/components/Slider/components/Single/Single.styles.js +8 -17
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.js +12 -27
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.styles.js +11 -11
- package/emotion/es/components/Slider/ui/Handler/Handler.js +87 -52
- package/emotion/es/components/Slider/ui/Handler/Handler.styles.js +16 -10
- package/emotion/es/components/Slider/ui/Thumb/Thumb.js +2 -3
- package/emotion/es/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
- package/emotion/es/components/Slider/utils/index.js +10 -28
- package/emotion/es/components/Slider/variations/_view/base.js +1 -2
- package/emotion/es/components/Tabs/Tabs.template-doc.mdx +86 -21
- package/emotion/es/components/Tabs/index.js +4 -2
- package/emotion/es/components/Tabs/tokens.js +12 -4
- package/{styled-components/es/components/Tabs/ui/TabItem/TabItem.js → emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js} +15 -11
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +44 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +4 -0
- package/emotion/es/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +11 -11
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +48 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +4 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +3 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +119 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +44 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +4 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +217 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +39 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +3 -0
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +14 -13
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -90
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.js +14 -4
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.js +14 -4
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +428 -71
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabsController.js +9 -4
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +33 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +35 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +22 -0
- package/emotion/es/examples/plasma_web/components/Badge/Badge.config.js +14 -13
- package/emotion/es/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Slider/Slider.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -90
- package/emotion/es/examples/plasma_web/components/Tabs/TabItem.js +14 -4
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.js +14 -4
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +428 -71
- package/emotion/es/examples/plasma_web/components/Tabs/TabsController.js +9 -4
- package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +33 -0
- package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +35 -0
- package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
- package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +22 -0
- package/es/components/Slider/Slider.css +13 -15
- package/es/components/Slider/Slider.js +3 -11
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/Slider.tokens.js +5 -17
- package/es/components/Slider/Slider.tokens.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +8 -8
- package/es/components/Slider/components/Double/Double.js +5 -13
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/Single/Single.css +14 -14
- package/es/components/Slider/components/Single/Single.js +32 -58
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/Slider/components/Single/Single.styles.js +4 -4
- package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
- package/es/components/Slider/components/SliderBase/SliderBase.css +5 -5
- package/es/components/Slider/components/SliderBase/SliderBase.js +12 -27
- package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
- package/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
- package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
- package/es/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +5 -0
- package/es/components/Slider/ui/Handler/Handler.css +3 -3
- package/es/components/Slider/ui/Handler/Handler.js +88 -49
- package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/es/components/Slider/ui/Handler/Handler.styles.js +7 -17
- package/es/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
- package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
- package/es/components/Slider/ui/Thumb/Thumb.css +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.js +2 -3
- package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
- package/es/components/Slider/utils/index.js +10 -28
- package/es/components/Slider/utils/index.js.map +1 -1
- package/es/components/Slider/variations/_view/base.js +1 -1
- package/es/components/Slider/variations/_view/base.js.map +1 -1
- package/es/components/Slider/variations/_view/base_x642ct.css +1 -0
- package/es/components/Tabs/createTabsController.js.map +1 -1
- package/es/components/Tabs/tokens.js +12 -4
- package/es/components/Tabs/tokens.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +13 -0
- package/es/components/Tabs/ui/{TabItem/TabItem.js → horizontal/HorizontalTabItem/HorizontalTabItem.js} +18 -14
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +27 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css +5 -0
- package/es/components/Tabs/ui/{Tabs/variations/_size → horizontal/HorizontalTabItem/variations/_disabled}/base.js +2 -2
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +1 -0
- package/es/components/Tabs/ui/{TabItem/variations/_pilled/base_l36za5.css → horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css} +1 -1
- package/es/components/Tabs/ui/{TabItem/variations/_pilled → horizontal/HorizontalTabItem/variations/_size}/base.js +2 -2
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +1 -0
- package/es/components/Tabs/ui/{TabItem/variations/_size → horizontal/HorizontalTabItem/variations/_view}/base.js +2 -2
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_4zingj.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +16 -0
- package/es/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +15 -15
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -0
- package/es/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +10 -10
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +4 -0
- package/es/components/Tabs/ui/{TabItem/variations/_view → horizontal/HorizontalTabs/variations/_disabled}/base.js +2 -2
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +11 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +121 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +27 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_16d3lah.css +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_fueiq8.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +12 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +215 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +22 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +4 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/{Tabs/variations/_size/base_iw773q.css → vertical/VerticalTabs/variations/_size/base_1sekozo.css} +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
- package/es/index.css +54 -32
- package/es/index.js +4 -2
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +3 -1
- package/styled-components/cjs/components/Slider/Slider.js +2 -10
- package/styled-components/cjs/components/Slider/Slider.tokens.js +5 -17
- package/styled-components/cjs/components/Slider/components/Double/Double.js +5 -13
- package/styled-components/cjs/components/Slider/components/Single/Single.js +31 -57
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +5 -5
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -27
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +6 -6
- package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +89 -53
- package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +4 -7
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
- package/styled-components/cjs/components/Slider/utils/index.js +10 -28
- package/styled-components/cjs/components/Slider/variations/_view/base.js +1 -2
- package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +86 -21
- package/styled-components/cjs/components/Tabs/index.js +36 -10
- package/styled-components/cjs/components/Tabs/tokens.js +12 -4
- package/{emotion/cjs/components/Tabs/ui/TabItem/TabItem.js → styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js} +19 -15
- package/styled-components/cjs/components/Tabs/ui/{TabItem/TabItem.styles.js → horizontal/HorizontalTabItem/HorizontalTabItem.styles.js} +11 -8
- package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/base.js +2 -2
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +4 -0
- package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/base.js +2 -2
- package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +8 -0
- package/{emotion/cjs/components/Tabs/ui/Tabs/Tabs.js → styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js} +17 -17
- package/styled-components/cjs/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +6 -6
- package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +4 -0
- package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/base.js +2 -2
- package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/base.js +3 -3
- package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +128 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +33 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +9 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +4 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +9 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +8 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +226 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +29 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +9 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +4 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +9 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +9 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +2 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -90
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +14 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +14 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +428 -71
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabsController.js +8 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{TabItem.config.js → horizontal/HorizontalTabItem.config.js} +5 -5
- package/styled-components/cjs/examples/{plasma_web/components/Tabs/Tabs.config.js → plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js} +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +28 -0
- package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.config.js +2 -1
- package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -90
- package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.js +14 -3
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.js +14 -3
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +428 -71
- package/styled-components/cjs/examples/plasma_web/components/Tabs/TabsController.js +8 -3
- package/styled-components/cjs/examples/plasma_web/components/Tabs/{TabItem.config.js → horizontal/HorizontalTabItem.config.js} +5 -5
- package/styled-components/cjs/examples/{plasma_b2c/components/Tabs/Tabs.config.js → plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js} +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
- package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +28 -0
- package/styled-components/es/components/Badge/Badge.template-doc.mdx +3 -1
- package/styled-components/es/components/Slider/Slider.js +2 -11
- package/styled-components/es/components/Slider/Slider.tokens.js +5 -17
- package/styled-components/es/components/Slider/components/Double/Double.js +5 -13
- package/styled-components/es/components/Slider/components/Single/Single.js +32 -58
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +4 -4
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +12 -27
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
- package/styled-components/es/components/Slider/ui/Handler/Handler.js +87 -52
- package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +5 -8
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +2 -3
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
- package/styled-components/es/components/Slider/utils/index.js +10 -28
- package/styled-components/es/components/Slider/variations/_view/base.js +1 -2
- package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +86 -21
- package/styled-components/es/components/Tabs/index.js +4 -2
- package/styled-components/es/components/Tabs/tokens.js +12 -4
- package/{emotion/es/components/Tabs/ui/TabItem/TabItem.js → styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js} +15 -11
- package/styled-components/es/components/Tabs/ui/{TabItem/TabItem.styles.js → horizontal/HorizontalTabItem/HorizontalTabItem.styles.js} +10 -7
- package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/base.js +2 -2
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +4 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +3 -0
- package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +8 -0
- package/styled-components/es/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +11 -11
- package/styled-components/es/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +6 -6
- package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +4 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +3 -0
- package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +1 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +119 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +25 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +3 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +4 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +3 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +8 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +217 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +21 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +3 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +4 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +3 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +3 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -90
- package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.js +14 -4
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.js +14 -4
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +428 -71
- package/styled-components/es/examples/plasma_b2c/components/Tabs/TabsController.js +9 -4
- package/styled-components/es/examples/{plasma_web/components/Tabs/TabItem.config.js → plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js} +5 -5
- package/styled-components/es/examples/{plasma_web/components/Tabs/Tabs.config.js → plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js} +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +22 -0
- package/styled-components/es/examples/plasma_web/components/Badge/Badge.config.js +2 -1
- package/styled-components/es/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +3 -3
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -90
- package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.js +14 -4
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.js +14 -4
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +428 -71
- package/styled-components/es/examples/plasma_web/components/Tabs/TabsController.js +9 -4
- package/styled-components/es/examples/{plasma_b2c/components/Tabs/TabItem.config.js → plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js} +5 -5
- package/styled-components/es/examples/{plasma_b2c/components/Tabs/Tabs.config.js → plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js} +1 -1
- package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
- package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +22 -0
- package/types/components/Slider/Slider.d.ts.map +1 -1
- package/types/components/Slider/Slider.tokens.d.ts +4 -16
- package/types/components/Slider/Slider.tokens.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 +0 -1
- package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts +1 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.types.d.ts +7 -75
- package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -1
- package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -1
- package/types/components/Slider/ui/Handler/Handler.d.ts.map +1 -1
- package/types/components/Slider/ui/Handler/Handler.styles.d.ts +2 -6
- package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +1 -1
- package/types/components/Slider/ui/Handler/Handler.types.d.ts +1 -4
- package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +1 -1
- package/types/components/Slider/ui/Thumb/Thumb.d.ts +1 -1
- package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -1
- package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -1
- package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -1
- package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -1
- package/types/components/Slider/utils/index.d.ts +8 -26
- package/types/components/Slider/utils/index.d.ts.map +1 -1
- package/types/components/Slider/variations/_view/base.d.ts.map +1 -1
- package/types/components/Tabs/TabItem.types.d.ts +96 -0
- package/types/components/Tabs/TabItem.types.d.ts.map +1 -0
- package/types/components/Tabs/{ui/Tabs/Tabs.types.d.ts → Tabs.types.d.ts} +36 -9
- package/types/components/Tabs/Tabs.types.d.ts.map +1 -0
- package/types/components/Tabs/createTabsController.d.ts +5 -4
- package/types/components/Tabs/createTabsController.d.ts.map +1 -1
- package/types/components/Tabs/index.d.ts +6 -4
- package/types/components/Tabs/index.d.ts.map +1 -1
- package/types/components/Tabs/tokens.d.ts +12 -4
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts +29 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts +7 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts +34 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +1 -0
- package/types/components/Tabs/ui/{Tabs/Tabs.styles.d.ts → horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts} +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +26 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +1 -0
- package/types/components/Tabs/ui/{TabItem/TabItem.styles.d.ts → vertical/VerticalTabItem/VerticalTabItem.styles.d.ts} +2 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +27 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts +8 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts +1 -0
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +1 -0
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +2 -80
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +54 -3
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +20 -3
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts.map +1 -1
- package/types/examples/{plasma_web/components/Tabs/TabItem.config.d.ts → plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts} +1 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -0
- package/types/examples/{plasma_web/components/Tabs/Tabs.config.d.ts → plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts} +1 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts +21 -0
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts +21 -0
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Badge/Badge.config.d.ts +1 -0
- package/types/examples/plasma_web/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.d.ts +1 -0
- package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts +2 -80
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +54 -3
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +20 -3
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabsController.d.ts.map +1 -1
- package/types/examples/{plasma_b2c/components/Tabs/TabItem.config.d.ts → plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts} +1 -1
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -0
- package/types/examples/{plasma_b2c/components/Tabs/Tabs.config.d.ts → plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts} +1 -1
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts +21 -0
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts +21 -0
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts.map +1 -0
- package/types/utils/index.d.ts +1 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -77
- package/cjs/components/Slider/components/Single/Single.styles_17xv9r0.css +0 -6
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +0 -5
- package/cjs/components/Slider/ui/Handler/Handler.styles_91c1xv.css +0 -2
- package/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -122
- package/cjs/components/Slider/ui/Handler/computeKeyPressData.js.map +0 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles_wjaol4.css +0 -1
- package/cjs/components/Slider/variations/_view/base_1s3f6q8.css +0 -1
- package/cjs/components/Tabs/ui/TabItem/TabItem.css +0 -12
- package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +0 -1
- package/cjs/components/Tabs/ui/TabItem/TabItem.styles.js.map +0 -1
- package/cjs/components/Tabs/ui/TabItem/TabItem.styles_pj75hv.css +0 -4
- package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +0 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_size/base.js.map +0 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +0 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js.map +0 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +0 -1
- package/cjs/components/Tabs/ui/Tabs/Tabs.css +0 -16
- package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +0 -1
- package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js.map +0 -1
- package/cjs/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +0 -4
- package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -9
- package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +0 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -9
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +0 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_size/base.js.map +0 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -9
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +0 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +0 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +0 -9
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js.map +0 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +0 -1
- package/emotion/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -121
- package/emotion/cjs/components/Tabs/ui/TabItem/TabItem.styles.js +0 -39
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +0 -55
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +0 -9
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +0 -39
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +0 -41
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +0 -39
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +0 -41
- package/emotion/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -115
- package/emotion/es/components/Tabs/ui/TabItem/TabItem.styles.js +0 -32
- package/emotion/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/TabItem/variations/_size/base.js +0 -3
- package/emotion/es/components/Tabs/ui/TabItem/variations/_view/base.js +0 -4
- package/emotion/es/components/Tabs/ui/Tabs/Tabs.styles.js +0 -48
- package/emotion/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/Tabs/variations/_size/base.js +0 -3
- package/emotion/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -4
- package/emotion/es/components/Tabs/ui/Tabs/variations/_view/base.js +0 -3
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +0 -33
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +0 -35
- package/emotion/es/examples/plasma_web/components/Tabs/TabItem.config.js +0 -33
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.config.js +0 -35
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -77
- package/es/components/Slider/components/Single/Single.styles_17xv9r0.css +0 -6
- package/es/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +0 -5
- package/es/components/Slider/ui/Handler/Handler.styles_91c1xv.css +0 -2
- package/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -118
- package/es/components/Slider/ui/Handler/computeKeyPressData.js.map +0 -1
- package/es/components/Slider/ui/Thumb/Thumb.styles_wjaol4.css +0 -1
- package/es/components/Slider/variations/_view/base_1s3f6q8.css +0 -1
- package/es/components/Tabs/ui/TabItem/TabItem.css +0 -12
- package/es/components/Tabs/ui/TabItem/TabItem.js.map +0 -1
- package/es/components/Tabs/ui/TabItem/TabItem.styles.js +0 -22
- package/es/components/Tabs/ui/TabItem/TabItem.styles.js.map +0 -1
- package/es/components/Tabs/ui/TabItem/TabItem.styles_pj75hv.css +0 -4
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +0 -5
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +0 -1
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +0 -1
- package/es/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +0 -1
- package/es/components/Tabs/ui/TabItem/variations/_size/base.js.map +0 -1
- package/es/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +0 -1
- package/es/components/Tabs/ui/TabItem/variations/_view/base.js.map +0 -1
- package/es/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +0 -1
- package/es/components/Tabs/ui/Tabs/Tabs.css +0 -16
- package/es/components/Tabs/ui/Tabs/Tabs.js.map +0 -1
- package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +0 -1
- package/es/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +0 -4
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -5
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +0 -1
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +0 -1
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -5
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +0 -1
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +0 -1
- package/es/components/Tabs/ui/Tabs/variations/_size/base.js.map +0 -1
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -5
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +0 -1
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +0 -1
- package/es/components/Tabs/ui/Tabs/variations/_view/base.js +0 -5
- package/es/components/Tabs/ui/Tabs/variations/_view/base.js.map +0 -1
- package/es/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +0 -1
- package/styled-components/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -121
- package/styled-components/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +0 -10
- package/styled-components/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -115
- package/styled-components/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/TabItem/variations/_view/base.js +0 -4
- package/styled-components/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -4
- package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts +0 -12
- package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts.map +0 -1
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts +0 -29
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +0 -1
- package/types/components/Tabs/ui/TabItem/TabItem.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts +0 -54
- package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts.map +0 -1
- package/types/components/Tabs/ui/TabItem/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/TabItem/variations/_pilled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/TabItem/variations/_size/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/TabItem/variations/_view/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts +0 -34
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +0 -1
- package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +0 -1
- package/types/components/Tabs/ui/Tabs/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/Tabs/variations/_pilled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/Tabs/variations/_size/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/Tabs/variations/_view/base.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map +0 -1
- /package/emotion/cjs/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
- /package/emotion/cjs/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
- /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_view/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/tokens.json +0 -0
- /package/emotion/{es/components/Tabs/ui/TabItem → cjs/components/Tabs/ui/vertical/VerticalTabItem}/variations/_disabled/tokens.json +0 -0
- /package/emotion/{es/components/Tabs/ui/TabItem → cjs/components/Tabs/ui/vertical/VerticalTabItem}/variations/_view/tokens.json +0 -0
- /package/emotion/{es/components/Tabs/ui/Tabs → cjs/components/Tabs/ui/vertical/VerticalTabs}/variations/_disabled/tokens.json +0 -0
- /package/emotion/{es/components/Tabs/ui/Tabs → cjs/components/Tabs/ui/vertical/VerticalTabs}/variations/_view/tokens.json +0 -0
- /package/emotion/es/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
- /package/emotion/es/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
- /package/{styled-components/cjs/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem}/variations/_disabled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
- /package/{styled-components/cjs/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem}/variations/_view/tokens.json +0 -0
- /package/{styled-components/cjs/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/horizontal/HorizontalTabs}/variations/_disabled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
- /package/{styled-components/cjs/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/horizontal/HorizontalTabs}/variations/_view/tokens.json +0 -0
- /package/{styled-components/es/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/vertical/VerticalTabItem}/variations/_disabled/tokens.json +0 -0
- /package/{styled-components/es/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/vertical/VerticalTabItem}/variations/_view/tokens.json +0 -0
- /package/{styled-components/es/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/vertical/VerticalTabs}/variations/_disabled/tokens.json +0 -0
- /package/{styled-components/es/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/vertical/VerticalTabs}/variations/_view/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
- /package/styled-components/cjs/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
- /package/styled-components/es/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
- /package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
- /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_view/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/base.d.ts +0 -0
@@ -1,22 +1,22 @@
|
|
1
|
-
import './SliderBase.
|
1
|
+
import './SliderBase.styles_9s4eb3.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
5
5
|
|
6
6
|
var react = require('@linaria/react');
|
7
7
|
|
8
|
-
var Rail = /*#__PURE__*/react.styled('div')({
|
9
|
-
name: "Rail",
|
10
|
-
"class": "r33crq1",
|
11
|
-
propsAsIs: false
|
12
|
-
});
|
13
8
|
var Slider = /*#__PURE__*/react.styled('div')({
|
14
9
|
name: "Slider",
|
15
|
-
"class": "
|
10
|
+
"class": "s33crq1",
|
16
11
|
propsAsIs: false
|
17
12
|
});
|
18
13
|
var RailWrap = /*#__PURE__*/react.styled('div')({
|
19
14
|
name: "RailWrap",
|
15
|
+
"class": "rnaoqfb",
|
16
|
+
propsAsIs: false
|
17
|
+
});
|
18
|
+
var Rail = /*#__PURE__*/react.styled('div')({
|
19
|
+
name: "Rail",
|
20
20
|
"class": "r1bro5xo",
|
21
21
|
propsAsIs: false
|
22
22
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SliderBase.styles.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyHidden } from '../../../../mixins';\nimport {
|
1
|
+
{"version":3,"file":"SliderBase.styles.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyHidden } from '../../../../mixins';\nimport { tokens } from '../../Slider.tokens';\n\nexport const Slider = styled.div`\n flex: 1;\n position: relative;\n user-select: none;\n height: var(${tokens.height});\n`;\n\nexport const RailWrap = styled.div`\n height: 100%;\n`;\n\nexport const Rail = styled.div`\n position: relative;\n top: 50%;\n\n height: var(${tokens.railHeight});\n\n border-radius: var(${tokens.railBorderRadius});\n background-color: var(${tokens.railBackgroundColor});\n\n overflow: hidden;\n transform: translateY(-50%);\n`;\n\nexport const Fill = styled.div`\n position: absolute;\n height: 100%;\n top: 0;\n left: 0;\n background: var(${tokens.fillColor});\n width: 0;\n`;\n\nexport const InputHidden = styled.input`\n ${applyHidden()};\n`;\n"],"names":["Slider","styled","name","class","propsAsIs","RailWrap","Rail","Fill","InputHidden"],"mappings":";;;;;;AAKO,IAAMA,MAAM,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK3B,EAAA;AAEM,IAAMC,QAAQ,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE7B,EAAA;AAEM,IAAME,IAAI,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWzB,EAAA;AAEM,IAAMG,IAAI,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOzB,EAAA;AAEM,IAAMI,WAAW,gBAAGP,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEhC;;;;;;;;"}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
.s33crq1{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-height);}
|
2
|
+
.rnaoqfb{height:100%;}
|
3
|
+
.r1bro5xo{position:relative;top:50%;height:var(--plasma-slider-rail-height);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
|
4
|
+
.fdg7yhg{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
|
5
|
+
.i17ya4q3{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
.
|
1
|
+
.Thumb_styles_4w4gzn_tqbdf8b__14129a5b{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.125rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):hover:after,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[disabled]{cursor:not-allowed;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:focus{outline:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b.Thumb_styles_4w4gzn_focusVisible__14129a5b:focus::before,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
|
2
2
|
|
3
|
-
.
|
4
|
-
.
|
3
|
+
.Handler_styles_8crx5z_h1tnrnip__2d4342c7{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
|
4
|
+
.Handler_styles_8crx5z_s12uu2lj__2d4342c7{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}
|
@@ -5,25 +5,30 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
|
6
6
|
var React = require('react');
|
7
7
|
var Draggable = require('react-draggable');
|
8
|
-
var index = require('
|
9
|
-
var index$1 = require('../../utils/index.js');
|
8
|
+
var index = require('../../utils/index.js');
|
10
9
|
var Thumb = require('../Thumb/Thumb.js');
|
11
|
-
var Slider_tokens = require('../../Slider.tokens.js');
|
12
10
|
var Handler_styles = require('./Handler.styles.js');
|
13
|
-
var computeKeyPressData = require('./computeKeyPressData.js');
|
14
11
|
|
15
|
-
var _excluded = ["
|
12
|
+
var _excluded = ["stepSize", "onChangeCommitted", "onChange", "xPosition", "min", "max", "bounds", "zIndex", "disabled", "side", "showCurrentValue", "startOffset", "endOffset", "value"];
|
16
13
|
|
17
14
|
// TODO: PLASMA-1707
|
18
15
|
|
16
|
+
var KeyboardSupport = {
|
17
|
+
PageUp: 33,
|
18
|
+
PageDown: 34,
|
19
|
+
End: 35,
|
20
|
+
Home: 36,
|
21
|
+
ArrowLeft: 37,
|
22
|
+
ArrowUp: 38,
|
23
|
+
ArrowRight: 39,
|
24
|
+
ArrowDown: 40
|
25
|
+
};
|
19
26
|
var Handler = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
20
|
-
var
|
21
|
-
orientation = _ref.orientation,
|
22
|
-
stepSize = _ref.stepSize,
|
27
|
+
var stepSize = _ref.stepSize,
|
23
28
|
onChangeCommitted = _ref.onChangeCommitted,
|
24
29
|
onChange = _ref.onChange,
|
25
|
-
_ref$
|
26
|
-
|
30
|
+
_ref$xPosition = _ref.xPosition,
|
31
|
+
xPosition = _ref$xPosition === void 0 ? 0 : _ref$xPosition,
|
27
32
|
min = _ref.min,
|
28
33
|
max = _ref.max,
|
29
34
|
_ref$bounds = _ref.bounds,
|
@@ -38,90 +43,124 @@ var Handler = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
38
43
|
_ref$endOffset = _ref.endOffset,
|
39
44
|
endOffset = _ref$endOffset === void 0 ? 0 : _ref$endOffset,
|
40
45
|
value = _ref.value,
|
41
|
-
valuePlacement = _ref.valuePlacement,
|
42
46
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
43
|
-
var isVertical = orientation === 'vertical';
|
44
47
|
var lastOnChangeValue = React.useRef();
|
45
|
-
var _getOffsets = index
|
48
|
+
var _getOffsets = index.getOffsets(ref, side),
|
46
49
|
_getOffsets2 = _rollupPluginBabelHelpers.slicedToArray(_getOffsets, 2),
|
47
|
-
|
48
|
-
|
50
|
+
offsetLeft = _getOffsets2[0],
|
51
|
+
offsetRight = _getOffsets2[1];
|
49
52
|
var _bounds = _rollupPluginBabelHelpers.slicedToArray(bounds, 2),
|
50
|
-
|
51
|
-
|
52
|
-
var
|
53
|
-
var
|
54
|
-
var
|
55
|
-
x:
|
56
|
-
y:
|
53
|
+
leftValueBound = _bounds[0],
|
54
|
+
rightValueBound = _bounds[1];
|
55
|
+
var leftPositionBound = leftValueBound ? (leftValueBound - min) * stepSize : null;
|
56
|
+
var rightPositionBound = rightValueBound ? (rightValueBound - min) * stepSize : null;
|
57
|
+
var position = typeof xPosition === 'number' ? {
|
58
|
+
x: xPosition,
|
59
|
+
y: 0
|
57
60
|
} : undefined;
|
58
61
|
var tabIndex = disabled ? -1 : 0;
|
59
|
-
var computedBounds =
|
60
|
-
|
62
|
+
var computedBounds = {
|
63
|
+
left: (leftPositionBound !== null && leftPositionBound !== void 0 ? leftPositionBound : 0) - (offsetLeft ? stepSize : 0),
|
64
|
+
right: (rightPositionBound !== null && rightPositionBound !== void 0 ? rightPositionBound : stepSize * (max - min)) - (offsetRight ? stepSize : 0)
|
65
|
+
};
|
66
|
+
var showCurrentValueCondition = showCurrentValue && (xPosition >= startOffset && xPosition <= max * stepSize - endOffset || xPosition === 0 && value !== 0);
|
61
67
|
var onDrag = function onDrag(_, data) {
|
62
|
-
var newValue = index
|
68
|
+
var newValue = index.getSliderThumbValue(data.x, stepSize, min, max);
|
63
69
|
if (lastOnChangeValue.current !== newValue) {
|
64
70
|
onChange === null || onChange === void 0 || onChange(newValue, data);
|
65
71
|
lastOnChangeValue.current = newValue;
|
66
72
|
}
|
67
73
|
};
|
68
74
|
var onStop = function onStop(_, data) {
|
69
|
-
var newValue = index
|
75
|
+
var newValue = index.getSliderThumbValue(data.x, stepSize, min, max);
|
70
76
|
onChangeCommitted && onChangeCommitted(newValue, data);
|
71
77
|
};
|
72
78
|
var onKeyPress = function onKeyPress(event) {
|
73
79
|
event.persist();
|
74
|
-
var
|
75
|
-
|
76
|
-
|
77
|
-
stepSize: stepSize,
|
78
|
-
position: position,
|
79
|
-
max: max,
|
80
|
-
computedMultipleSteps: computedMultipleSteps
|
81
|
-
});
|
82
|
-
if (!data) {
|
80
|
+
var keyCode = event.keyCode,
|
81
|
+
target = event.target;
|
82
|
+
if (!Object.values(KeyboardSupport).includes(keyCode)) {
|
83
83
|
return;
|
84
84
|
}
|
85
|
+
var ArrowUp = KeyboardSupport.ArrowUp,
|
86
|
+
ArrowRight = KeyboardSupport.ArrowRight,
|
87
|
+
ArrowDown = KeyboardSupport.ArrowDown,
|
88
|
+
ArrowLeft = KeyboardSupport.ArrowLeft,
|
89
|
+
Home = KeyboardSupport.Home,
|
90
|
+
End = KeyboardSupport.End,
|
91
|
+
PageDown = KeyboardSupport.PageDown,
|
92
|
+
PageUp = KeyboardSupport.PageUp;
|
93
|
+
var computedMultipleSteps = stepSize * (rest.multipleStepSize / 100 * max);
|
94
|
+
var data = {
|
95
|
+
x: 0,
|
96
|
+
deltaX: stepSize,
|
97
|
+
lastX: xPosition,
|
98
|
+
y: 0,
|
99
|
+
deltaY: 0,
|
100
|
+
lastY: 0,
|
101
|
+
node: target
|
102
|
+
};
|
103
|
+
switch (keyCode) {
|
104
|
+
case ArrowUp:
|
105
|
+
case ArrowRight:
|
106
|
+
data.x = xPosition + stepSize;
|
107
|
+
break;
|
108
|
+
case ArrowDown:
|
109
|
+
case ArrowLeft:
|
110
|
+
data.x = xPosition - stepSize;
|
111
|
+
data.deltaX = -stepSize;
|
112
|
+
break;
|
113
|
+
case PageUp:
|
114
|
+
data.x = xPosition + computedMultipleSteps;
|
115
|
+
data.deltaX = computedMultipleSteps;
|
116
|
+
break;
|
117
|
+
case PageDown:
|
118
|
+
data.x = xPosition - computedMultipleSteps;
|
119
|
+
data.deltaX = -computedMultipleSteps;
|
120
|
+
break;
|
121
|
+
case End:
|
122
|
+
data.x = max * stepSize;
|
123
|
+
break;
|
124
|
+
case Home:
|
125
|
+
data.x = 0;
|
126
|
+
break;
|
127
|
+
default:
|
128
|
+
data.x = 0;
|
129
|
+
}
|
85
130
|
var left = computedBounds.left,
|
86
|
-
right = computedBounds.right
|
87
|
-
top = computedBounds.top,
|
88
|
-
bottom = computedBounds.bottom;
|
131
|
+
right = computedBounds.right;
|
89
132
|
|
90
133
|
/*
|
91
134
|
* INFO: Находим значение в диапазоне между указанными левой и правой границами.
|
92
|
-
* Или между верхней и нижней
|
93
135
|
* Необходимо для правильного расчета положения SliderThumb.
|
94
136
|
* см. функция clamp
|
95
137
|
*/
|
96
|
-
var boundedValue =
|
97
|
-
var computedValue = index
|
138
|
+
var boundedValue = Math.max(Math.min(right, data.x), left);
|
139
|
+
var computedValue = index.getSliderThumbValue(boundedValue, stepSize, min, max);
|
98
140
|
lastOnChangeValue.current = computedValue;
|
99
141
|
onChangeCommitted && onChangeCommitted(computedValue, data);
|
100
142
|
};
|
101
143
|
return /*#__PURE__*/React.createElement(Draggable, {
|
102
|
-
axis:
|
144
|
+
axis: "x",
|
103
145
|
bounds: computedBounds,
|
104
|
-
grid:
|
146
|
+
grid: [stepSize, 1],
|
105
147
|
onStop: onStop,
|
106
148
|
onDrag: onDrag,
|
107
|
-
position:
|
149
|
+
position: position,
|
108
150
|
disabled: disabled
|
109
151
|
}, /*#__PURE__*/React.createElement(Handler_styles.HandlerStyled, {
|
110
152
|
ref: ref,
|
111
153
|
style: {
|
112
154
|
zIndex: zIndex
|
113
155
|
},
|
114
|
-
className: index.cx(isVertical && Slider_tokens.classes.verticalOrientation, valuePlacement === 'left' && Slider_tokens.classes.valuePlacementLeft),
|
115
|
-
isLarge: size === 'large',
|
116
156
|
onKeyDown: onKeyPress
|
117
|
-
},
|
157
|
+
}, /*#__PURE__*/React.createElement(Thumb.Thumb, _rollupPluginBabelHelpers.extends({
|
118
158
|
tabIndex: tabIndex,
|
119
159
|
min: min,
|
120
160
|
max: max,
|
121
161
|
value: value,
|
122
|
-
disabled: disabled
|
123
|
-
|
124
|
-
}, rest)), showCurrentValueCondition && /*#__PURE__*/React.createElement(Handler_styles.StyledValue, null, value))));
|
162
|
+
disabled: disabled
|
163
|
+
}, rest)), showCurrentValueCondition && /*#__PURE__*/React.createElement(Handler_styles.StyledValue, null, value)));
|
125
164
|
});
|
126
165
|
|
127
166
|
exports.Handler = Handler;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Handler.js","sources":["../../../../../src/components/Slider/ui/Handler/Handler.tsx"],"sourcesContent":["import React, { useRef, forwardRef, KeyboardEvent } from 'react';\nimport Draggable, { DraggableEventHandler } from 'react-draggable';\n\nimport { cx } from '../../../../utils';\nimport { getSliderThumbValue, getOffsets } from '../../utils';\nimport { Thumb } from '../Thumb/Thumb';\nimport { classes } from '../../Slider.tokens';\n\nimport type { HandlerProps } from './Handler.types';\nimport { HandlerStyled, StyledValue } from './Handler.styles';\nimport { computeKeyPressData } from './computeKeyPressData';\n\n// TODO: PLASMA-1707\ndeclare module 'react-draggable' {\n export interface DraggableProps {\n children: React.ReactNode;\n }\n}\n\nexport const Handler = forwardRef<HTMLDivElement, HandlerProps>(\n (\n {\n size,\n orientation,\n stepSize,\n onChangeCommitted,\n onChange,\n position = 0,\n min,\n max,\n bounds = [],\n zIndex,\n disabled,\n side,\n showCurrentValue = false,\n startOffset = 0,\n endOffset = 0,\n value,\n valuePlacement,\n ...rest\n },\n ref,\n ) => {\n const isVertical = orientation === 'vertical';\n\n const lastOnChangeValue = useRef<number>();\n const [startClientOffset, endClientOffset] = getOffsets(ref, side, isVertical);\n\n const [startValueBound, endValueBound] = bounds;\n const startPositionBound = startValueBound ? (startValueBound - min) * stepSize : null;\n const endPositionBound = endValueBound ? (endValueBound - min) * stepSize : null;\n\n const dragPosition =\n typeof position === 'number' ? { x: isVertical ? 0 : position, y: isVertical ? position : 0 } : undefined;\n const tabIndex = disabled ? -1 : 0;\n\n const computedBounds = {\n [isVertical ? 'top' : 'left']: (startPositionBound ?? 0) - (startClientOffset ? stepSize : 0),\n [isVertical ? 'bottom' : 'right']:\n (endPositionBound ?? stepSize * (max - min)) - (endClientOffset ? stepSize : 0),\n };\n\n const showCurrentValueCondition =\n showCurrentValue &&\n ((position >= startOffset && position <= max * stepSize - endOffset) || (position === 0 && value !== 0));\n\n const onDrag: DraggableEventHandler = (_, data) => {\n const newValue = getSliderThumbValue(isVertical ? data.y : data.x, stepSize, min, max);\n if (lastOnChangeValue.current !== newValue) {\n onChange?.(newValue, data);\n lastOnChangeValue.current = newValue;\n }\n };\n\n const onStop: DraggableEventHandler = (_, data) => {\n const newValue = getSliderThumbValue(isVertical ? data.y : data.x, stepSize, min, max);\n onChangeCommitted && onChangeCommitted(newValue, data);\n };\n\n const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n event.persist();\n\n const computedMultipleSteps = stepSize * ((rest.multipleStepSize / 100) * max);\n\n const data = computeKeyPressData(event, {\n isVertical,\n stepSize,\n position,\n max,\n computedMultipleSteps,\n });\n\n if (!data) {\n return;\n }\n\n const { left, right, top, bottom } = computedBounds;\n\n /*\n * INFO: Находим значение в диапазоне между указанными левой и правой границами.\n * Или между верхней и нижней\n * Необходимо для правильного расчета положения SliderThumb.\n * см. функция clamp\n */\n const boundedValue = isVertical\n ? Math.max(Math.min(bottom, data.y), top)\n : Math.max(Math.min(right, data.x), left);\n\n const computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);\n lastOnChangeValue.current = computedValue;\n\n onChangeCommitted && onChangeCommitted(computedValue, data);\n };\n\n return (\n <Draggable\n axis={isVertical ? 'y' : 'x'}\n bounds={computedBounds}\n grid={isVertical ? [1, stepSize] : [stepSize, 1]}\n onStop={onStop}\n onDrag={onDrag}\n position={dragPosition}\n disabled={disabled}\n >\n <HandlerStyled\n ref={ref}\n style={{ zIndex }}\n className={cx(\n isVertical && classes.verticalOrientation,\n valuePlacement === 'left' && classes.valuePlacementLeft,\n )}\n isLarge={size === 'large'}\n onKeyDown={onKeyPress}\n >\n {size !== 'none' && (\n <>\n <Thumb\n tabIndex={tabIndex}\n min={min}\n max={max}\n value={value}\n disabled={disabled}\n orientation={orientation}\n {...rest}\n />\n {showCurrentValueCondition && <StyledValue>{value}</StyledValue>}\n </>\n )}\n </HandlerStyled>\n </Draggable>\n );\n },\n);\n"],"names":["Handler","forwardRef","_ref","ref","size","orientation","stepSize","onChangeCommitted","onChange","_ref$position","position","min","max","_ref$bounds","bounds","zIndex","disabled","side","_ref$showCurrentValue","showCurrentValue","_ref$startOffset","startOffset","_ref$endOffset","endOffset","value","valuePlacement","rest","_objectWithoutProperties","_excluded","isVertical","lastOnChangeValue","useRef","_getOffsets","getOffsets","_getOffsets2","_slicedToArray","startClientOffset","endClientOffset","_bounds","startValueBound","endValueBound","startPositionBound","endPositionBound","dragPosition","x","y","undefined","tabIndex","computedBounds","_defineProperty","showCurrentValueCondition","onDrag","_","data","newValue","getSliderThumbValue","current","onStop","onKeyPress","event","persist","computedMultipleSteps","multipleStepSize","computeKeyPressData","left","right","top","bottom","boundedValue","Math","computedValue","React","createElement","Draggable","axis","grid","HandlerStyled","style","className","cx","classes","verticalOrientation","valuePlacementLeft","isLarge","onKeyDown","Fragment","Thumb","_extends","StyledValue"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Handler.js","sources":["../../../../../src/components/Slider/ui/Handler/Handler.tsx"],"sourcesContent":["import React, { useRef, forwardRef, KeyboardEvent } from 'react';\nimport Draggable, { DraggableEventHandler } from 'react-draggable';\nimport type { DraggableData } from 'react-draggable';\n\nimport { getSliderThumbValue, getOffsets } from '../../utils';\nimport { Thumb } from '../Thumb/Thumb';\n\nimport type { HandlerProps } from './Handler.types';\nimport { HandlerStyled, StyledValue } from './Handler.styles';\n\n// TODO: PLASMA-1707\ndeclare module 'react-draggable' {\n export interface DraggableProps {\n children: React.ReactNode;\n }\n}\n\nconst KeyboardSupport = {\n PageUp: 33,\n PageDown: 34,\n End: 35,\n Home: 36,\n ArrowLeft: 37,\n ArrowUp: 38,\n ArrowRight: 39,\n ArrowDown: 40,\n};\n\nexport const Handler = forwardRef<HTMLDivElement, HandlerProps>(\n (\n {\n stepSize,\n onChangeCommitted,\n onChange,\n xPosition = 0,\n min,\n max,\n bounds = [],\n zIndex,\n disabled,\n side,\n showCurrentValue = false,\n startOffset = 0,\n endOffset = 0,\n value,\n ...rest\n },\n ref,\n ) => {\n const lastOnChangeValue = useRef<number>();\n\n const [offsetLeft, offsetRight] = getOffsets(ref, side);\n\n const [leftValueBound, rightValueBound] = bounds;\n const leftPositionBound = leftValueBound ? (leftValueBound - min) * stepSize : null;\n const rightPositionBound = rightValueBound ? (rightValueBound - min) * stepSize : null;\n\n const position = typeof xPosition === 'number' ? { x: xPosition, y: 0 } : undefined;\n const tabIndex = disabled ? -1 : 0;\n\n const computedBounds = {\n left: (leftPositionBound ?? 0) - (offsetLeft ? stepSize : 0),\n right: (rightPositionBound ?? stepSize * (max - min)) - (offsetRight ? stepSize : 0),\n };\n\n const showCurrentValueCondition =\n showCurrentValue &&\n ((xPosition >= startOffset && xPosition <= max * stepSize - endOffset) || (xPosition === 0 && value !== 0));\n\n const onDrag: DraggableEventHandler = (_, data) => {\n const newValue = getSliderThumbValue(data.x, stepSize, min, max);\n if (lastOnChangeValue.current !== newValue) {\n onChange?.(newValue, data);\n lastOnChangeValue.current = newValue;\n }\n };\n\n const onStop: DraggableEventHandler = (_, data) => {\n const newValue = getSliderThumbValue(data.x, stepSize, min, max);\n onChangeCommitted && onChangeCommitted(newValue, data);\n };\n\n const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n event.persist();\n\n const { keyCode, target } = event;\n\n if (!Object.values(KeyboardSupport).includes(keyCode)) {\n return;\n }\n\n const { ArrowUp, ArrowRight, ArrowDown, ArrowLeft, Home, End, PageDown, PageUp } = KeyboardSupport;\n\n const computedMultipleSteps = stepSize * ((rest.multipleStepSize / 100) * max);\n\n const data: DraggableData = {\n x: 0,\n deltaX: stepSize,\n lastX: xPosition,\n y: 0,\n deltaY: 0,\n lastY: 0,\n node: target as HTMLDivElement,\n };\n\n switch (keyCode) {\n case ArrowUp:\n case ArrowRight:\n data.x = xPosition + stepSize;\n break;\n case ArrowDown:\n case ArrowLeft:\n data.x = xPosition - stepSize;\n data.deltaX = -stepSize;\n break;\n case PageUp:\n data.x = xPosition + computedMultipleSteps;\n data.deltaX = computedMultipleSteps;\n break;\n case PageDown:\n data.x = xPosition - computedMultipleSteps;\n data.deltaX = -computedMultipleSteps;\n break;\n case End:\n data.x = max * stepSize;\n break;\n case Home:\n data.x = 0;\n break;\n default:\n data.x = 0;\n }\n\n const { left, right } = computedBounds;\n\n /*\n * INFO: Находим значение в диапазоне между указанными левой и правой границами.\n * Необходимо для правильного расчета положения SliderThumb.\n * см. функция clamp\n */\n const boundedValue = Math.max(Math.min(right, data.x), left);\n\n const computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);\n lastOnChangeValue.current = computedValue;\n\n onChangeCommitted && onChangeCommitted(computedValue, data);\n };\n\n return (\n <Draggable\n axis=\"x\"\n bounds={computedBounds}\n grid={[stepSize, 1]}\n onStop={onStop}\n onDrag={onDrag}\n position={position}\n disabled={disabled}\n >\n <HandlerStyled ref={ref} style={{ zIndex }} onKeyDown={onKeyPress}>\n <Thumb tabIndex={tabIndex} min={min} max={max} value={value} disabled={disabled} {...rest} />\n {showCurrentValueCondition && <StyledValue>{value}</StyledValue>}\n </HandlerStyled>\n </Draggable>\n );\n },\n);\n"],"names":["KeyboardSupport","PageUp","PageDown","End","Home","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Handler","forwardRef","_ref","ref","stepSize","onChangeCommitted","onChange","_ref$xPosition","xPosition","min","max","_ref$bounds","bounds","zIndex","disabled","side","_ref$showCurrentValue","showCurrentValue","_ref$startOffset","startOffset","_ref$endOffset","endOffset","value","rest","_objectWithoutProperties","_excluded","lastOnChangeValue","useRef","_getOffsets","getOffsets","_getOffsets2","_slicedToArray","offsetLeft","offsetRight","_bounds","leftValueBound","rightValueBound","leftPositionBound","rightPositionBound","position","x","y","undefined","tabIndex","computedBounds","left","right","showCurrentValueCondition","onDrag","_","data","newValue","getSliderThumbValue","current","onStop","onKeyPress","event","persist","keyCode","target","Object","values","includes","computedMultipleSteps","multipleStepSize","deltaX","lastX","deltaY","lastY","node","boundedValue","Math","computedValue","React","createElement","Draggable","axis","grid","HandlerStyled","style","onKeyDown","Thumb","_extends","StyledValue"],"mappings":"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"}
|
@@ -1,30 +1,20 @@
|
|
1
|
-
import './Handler.
|
1
|
+
import './Handler.styles_8crx5z.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
5
5
|
|
6
6
|
var react = require('@linaria/react');
|
7
|
-
var Slider_tokens = require('../../Slider.tokens.js');
|
8
7
|
|
8
|
+
var HandlerStyled = /*#__PURE__*/react.styled('div')({
|
9
|
+
name: "HandlerStyled",
|
10
|
+
"class": "h1tnrnip",
|
11
|
+
propsAsIs: false
|
12
|
+
});
|
9
13
|
var StyledValue = /*#__PURE__*/react.styled('span')({
|
10
14
|
name: "StyledValue",
|
11
|
-
"class": "
|
15
|
+
"class": "s12uu2lj",
|
12
16
|
propsAsIs: false
|
13
17
|
});
|
14
|
-
var _exp8 = function _exp8() {
|
15
|
-
return function (_ref) {
|
16
|
-
var isLarge = _ref.isLarge;
|
17
|
-
return isLarge ? "var(".concat(Slider_tokens.tokens.thumbSizeLarge, ")") : "var(".concat(Slider_tokens.tokens.thumbSize, ")");
|
18
|
-
};
|
19
|
-
};
|
20
|
-
var HandlerStyled = /*#__PURE__*/react.styled('div')({
|
21
|
-
name: "HandlerStyled",
|
22
|
-
"class": "h12uu2lj",
|
23
|
-
propsAsIs: false,
|
24
|
-
vars: {
|
25
|
-
"h12uu2lj-0": [/*#__PURE__*/_exp8()]
|
26
|
-
}
|
27
|
-
});
|
28
18
|
|
29
19
|
exports.HandlerStyled = HandlerStyled;
|
30
20
|
exports.StyledValue = StyledValue;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Handler.styles.js","sources":["../../../../../src/components/Slider/ui/Handler/Handler.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport {
|
1
|
+
{"version":3,"file":"Handler.styles.js","sources":["../../../../../src/components/Slider/ui/Handler/Handler.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Slider.tokens';\n\nexport const HandlerStyled = styled.div`\n cursor: pointer;\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n`;\n\nexport const StyledValue = styled.span`\n position: absolute;\n z-index: 1;\n top: var(${tokens.currentValueTopOffset});\n text-align: center;\n width: 100%;\n margin-left: -0.125rem;\n display: flex;\n justify-content: center;\n font-family: var(${tokens.currentValueFontFamily});\n font-size: var(${tokens.currentValueFontSize});\n font-style: var(${tokens.currentValueFontStyle});\n font-weight: var(${tokens.currentValueFontWeight});\n letter-spacing: var(${tokens.currentValueLetterSpacing});\n line-height: var(${tokens.currentValueLineHeight});\n`;\n"],"names":["HandlerStyled","styled","name","class","propsAsIs","StyledValue"],"mappings":";;;;;;AAIO,IAAMA,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMlC,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAehC;;;;;"}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
.h1tnrnip{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
|
2
|
+
.s12uu2lj{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}
|
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
.Thumb_styles_4w4gzn_tqbdf8b__14129a5b{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.125rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):hover:after,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[disabled]{cursor:not-allowed;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:focus{outline:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b.Thumb_styles_4w4gzn_focusVisible__14129a5b:focus::before,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
|
@@ -6,7 +6,7 @@ var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabel
|
|
6
6
|
var React = require('react');
|
7
7
|
var Thumb_styles = require('./Thumb.styles.js');
|
8
8
|
|
9
|
-
var _excluded = ["min", "max", "value", "ariaValueMin", "ariaLabel", "disabled"
|
9
|
+
var _excluded = ["min", "max", "value", "ariaValueMin", "ariaLabel", "disabled"];
|
10
10
|
var Thumb = function Thumb(_ref) {
|
11
11
|
var min = _ref.min,
|
12
12
|
max = _ref.max,
|
@@ -15,7 +15,6 @@ var Thumb = function Thumb(_ref) {
|
|
15
15
|
ariaValueMin = _ref$ariaValueMin === void 0 ? min : _ref$ariaValueMin,
|
16
16
|
ariaLabel = _ref.ariaLabel,
|
17
17
|
disabled = _ref.disabled,
|
18
|
-
orientation = _ref.orientation,
|
19
18
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
20
19
|
return /*#__PURE__*/React.createElement(Thumb_styles.ThumbBase, _rollupPluginBabelHelpers.extends({
|
21
20
|
role: "slider",
|
@@ -24,7 +23,7 @@ var Thumb = function Thumb(_ref) {
|
|
24
23
|
"aria-valuemax": max,
|
25
24
|
"aria-valuenow": value,
|
26
25
|
disabled: disabled,
|
27
|
-
"aria-orientation":
|
26
|
+
"aria-orientation": "horizontal"
|
28
27
|
}, rest));
|
29
28
|
};
|
30
29
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Thumb.js","sources":["../../../../../src/components/Slider/ui/Thumb/Thumb.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { ThumbProps } from './Thumb.types';\nimport { ThumbBase } from './Thumb.styles';\n\nexport const Thumb = ({
|
1
|
+
{"version":3,"file":"Thumb.js","sources":["../../../../../src/components/Slider/ui/Thumb/Thumb.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { ThumbProps } from './Thumb.types';\nimport { ThumbBase } from './Thumb.styles';\n\nexport const Thumb = ({ min, max, value, ariaValueMin = min, ariaLabel, disabled, ...rest }: ThumbProps) => {\n return (\n <ThumbBase\n role=\"slider\"\n aria-label={ariaLabel}\n aria-valuemin={ariaValueMin}\n aria-valuemax={max}\n aria-valuenow={value}\n disabled={disabled}\n aria-orientation=\"horizontal\"\n {...rest}\n />\n );\n};\n"],"names":["Thumb","_ref","min","max","value","_ref$ariaValueMin","ariaValueMin","ariaLabel","disabled","rest","_objectWithoutProperties","_excluded","React","createElement","ThumbBase","_extends","role"],"mappings":";;;;;;;;;IAKaA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAA0F;AAAA,EAAA,IAApFC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IAAEC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAAC,iBAAA,GAAAJ,IAAA,CAAEK,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAGH,KAAAA,CAAAA,GAAAA,GAAG,GAAAG,iBAAA;IAAEE,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAEC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AACrF,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,sBAAS,EAAAC,iCAAA,CAAA;AACNC,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAYT,SAAU;AACtB,IAAA,eAAA,EAAeD,YAAa;AAC5B,IAAA,eAAA,EAAeH,GAAI;AACnB,IAAA,eAAA,EAAeC,KAAM;AACrBI,IAAAA,QAAQ,EAAEA,QAAS;IACnB,kBAAiB,EAAA,YAAA;GACbC,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Thumb.styles.js","sources":["../../../../../src/components/Slider/ui/Thumb/Thumb.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../mixins';\nimport { tokens } from '../../Slider.tokens';\n\nexport const ThumbBase = styled.div<{ disabled?: boolean }>`\n width: var(
|
1
|
+
{"version":3,"file":"Thumb.styles.js","sources":["../../../../../src/components/Slider/ui/Thumb/Thumb.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../mixins';\nimport { tokens } from '../../Slider.tokens';\n\nexport const ThumbBase = styled.div<{ disabled?: boolean }>`\n width: var(${tokens.thumbSize});\n height: var(${tokens.thumbSize});\n position: relative;\n left: -0.125rem;\n top: -0.125rem;\n border-radius: 50%;\n box-sizing: border-box;\n background: var(${tokens.thumbBackgroundColor});\n margin: 0.125rem;\n transition: border-color 0.1s ease-in-out;\n\n &:after {\n background: var(${tokens.thumbBorderColor});\n margin: -0.125rem;\n content: '';\n position: absolute;\n inset: 0;\n z-index: -1;\n border-radius: inherit;\n }\n\n &:not([disabled]):hover:after,\n &:not([disabled]):active:after {\n background: var(${tokens.thumbFocusBorderColor});\n }\n\n &[disabled] {\n cursor: not-allowed;\n }\n\n &:focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: '0.125rem',\n outlineSize: '0.125rem',\n outlineRadius: '50%',\n outlineColor: `var(${tokens.thumbFocusBorderColor})`,\n })}\n`;\n"],"names":["ThumbBase","styled","name","class","propsAsIs"],"mappings":";;;;;;AAKO,IAAMA,SAAS,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAyC9B;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.tqbdf8b{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.125rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.tqbdf8b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.tqbdf8b:not([disabled]):hover:after,.tqbdf8b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.tqbdf8b[disabled]{cursor:not-allowed;}.tqbdf8b:focus{outline:none;}.tqbdf8b::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.tqbdf8b.focus-visible:focus::before,.tqbdf8b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
|
@@ -10,8 +10,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
10
10
|
* @param {number} max
|
11
11
|
* @return {number}
|
12
12
|
*/
|
13
|
-
function getSliderThumbValue(
|
14
|
-
var newValue = Math.round(
|
13
|
+
function getSliderThumbValue(handleCenterXRelative, stepSize, min, max) {
|
14
|
+
var newValue = Math.round(handleCenterXRelative / stepSize) + min;
|
15
15
|
return Math.min(Math.max(newValue, min), max);
|
16
16
|
}
|
17
17
|
|
@@ -22,11 +22,11 @@ function getSliderThumbValue(handleCenterPosRelative, stepSize, min, max) {
|
|
22
22
|
* @param {'left' | 'right'} side
|
23
23
|
* @return Array<number>
|
24
24
|
*/
|
25
|
-
function getOffsets(ref, side
|
25
|
+
function getOffsets(ref, side) {
|
26
26
|
if (!ref || !('current' in ref) || !ref.current || !side) {
|
27
27
|
return [0, 0];
|
28
28
|
}
|
29
|
-
var size =
|
29
|
+
var size = ref.current.clientWidth;
|
30
30
|
if (side === 'left') {
|
31
31
|
return [0, size];
|
32
32
|
}
|
@@ -37,34 +37,16 @@ function getOffsets(ref, side, isVertical) {
|
|
37
37
|
}
|
38
38
|
var sizeData = {
|
39
39
|
s: {
|
40
|
-
|
41
|
-
|
42
|
-
fontSizeMultiplier: 16
|
43
|
-
},
|
44
|
-
large: {
|
45
|
-
indent: 0.625,
|
46
|
-
fontSizeMultiplier: 16
|
47
|
-
}
|
40
|
+
indent: 0.5,
|
41
|
+
fontSizeMultiplier: 16
|
48
42
|
},
|
49
43
|
m: {
|
50
|
-
|
51
|
-
|
52
|
-
fontSizeMultiplier: 16
|
53
|
-
},
|
54
|
-
large: {
|
55
|
-
indent: 0.625,
|
56
|
-
fontSizeMultiplier: 16
|
57
|
-
}
|
44
|
+
indent: 0.75,
|
45
|
+
fontSizeMultiplier: 16
|
58
46
|
},
|
59
47
|
l: {
|
60
|
-
|
61
|
-
|
62
|
-
fontSizeMultiplier: 16
|
63
|
-
},
|
64
|
-
large: {
|
65
|
-
indent: 0.625,
|
66
|
-
fontSizeMultiplier: 16
|
67
|
-
}
|
48
|
+
indent: 0.75,
|
49
|
+
fontSizeMultiplier: 16
|
68
50
|
}
|
69
51
|
};
|
70
52
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Slider/utils/index.ts"],"sourcesContent":["import { MutableRefObject } from 'react';\n\n/**\n * Расчитать значение слайдера с учетом его координат и шага изменений.\n * @param {number} handleCenterXRelative\n * @param {number} stepSize\n * @param {number} min\n * @param {number} max\n * @return {number}\n */\nexport function getSliderThumbValue(
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Slider/utils/index.ts"],"sourcesContent":["import { MutableRefObject } from 'react';\n\n/**\n * Расчитать значение слайдера с учетом его координат и шага изменений.\n * @param {number} handleCenterXRelative\n * @param {number} stepSize\n * @param {number} min\n * @param {number} max\n * @return {number}\n */\nexport function getSliderThumbValue(handleCenterXRelative: number, stepSize: number, min: number, max: number) {\n const newValue = Math.round(handleCenterXRelative / stepSize) + min;\n\n return Math.min(Math.max(newValue, min), max);\n}\n\n/**\n * Расчитывает значение отступа слайдера на основе его положения (справа, слева) на отрезке слайдера.\n * Значение используется для правильного расчета ограничения движения слайдера.\n * @param ref\n * @param {'left' | 'right'} side\n * @return Array<number>\n */\nexport function getOffsets(\n ref: ((instance: HTMLDivElement | null) => void) | MutableRefObject<HTMLDivElement | null> | null,\n side?: 'left' | 'right',\n): number[] {\n if (!ref || !('current' in ref) || !ref.current || !side) {\n return [0, 0];\n }\n\n const size = ref.current.clientWidth;\n\n if (side === 'left') {\n return [0, size];\n }\n\n if (side === 'right') {\n return [size, 0];\n }\n\n return [0, 0];\n}\n\nexport const sizeData = {\n s: {\n indent: 0.5,\n fontSizeMultiplier: 16,\n },\n m: {\n indent: 0.75,\n fontSizeMultiplier: 16,\n },\n l: {\n indent: 0.75,\n fontSizeMultiplier: 16,\n },\n};\n"],"names":["getSliderThumbValue","handleCenterXRelative","stepSize","min","max","newValue","Math","round","getOffsets","ref","side","current","size","clientWidth","sizeData","s","indent","fontSizeMultiplier","m","l"],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CAACC,qBAA6B,EAAEC,QAAgB,EAAEC,GAAW,EAAEC,GAAW,EAAE;EAC3G,IAAMC,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAACN,qBAAqB,GAAGC,QAAQ,CAAC,GAAGC,GAAG,CAAA;AAEnE,EAAA,OAAOG,IAAI,CAACH,GAAG,CAACG,IAAI,CAACF,GAAG,CAACC,QAAQ,EAAEF,GAAG,CAAC,EAAEC,GAAG,CAAC,CAAA;AACjD,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,UAAUA,CACtBC,GAAiG,EACjGC,IAAuB,EACf;AACR,EAAA,IAAI,CAACD,GAAG,IAAI,EAAE,SAAS,IAAIA,GAAG,CAAC,IAAI,CAACA,GAAG,CAACE,OAAO,IAAI,CAACD,IAAI,EAAE;AACtD,IAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,GAAA;AAEA,EAAA,IAAME,IAAI,GAAGH,GAAG,CAACE,OAAO,CAACE,WAAW,CAAA;EAEpC,IAAIH,IAAI,KAAK,MAAM,EAAE;AACjB,IAAA,OAAO,CAAC,CAAC,EAAEE,IAAI,CAAC,CAAA;AACpB,GAAA;EAEA,IAAIF,IAAI,KAAK,OAAO,EAAE;AAClB,IAAA,OAAO,CAACE,IAAI,EAAE,CAAC,CAAC,CAAA;AACpB,GAAA;AAEA,EAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,CAAA;AAEO,IAAME,QAAQ,GAAG;AACpBC,EAAAA,CAAC,EAAE;AACCC,IAAAA,MAAM,EAAE,GAAG;AACXC,IAAAA,kBAAkB,EAAE,EAAA;GACvB;AACDC,EAAAA,CAAC,EAAE;AACCF,IAAAA,MAAM,EAAE,IAAI;AACZC,IAAAA,kBAAkB,EAAE,EAAA;GACvB;AACDE,EAAAA,CAAC,EAAE;AACCH,IAAAA,MAAM,EAAE,IAAI;AACZC,IAAAA,kBAAkB,EAAE,EAAA;AACxB,GAAA;AACJ;;;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Slider/variations/_view/base.tsx"],"sourcesContent":["import { css } from '@linaria/core';\n\
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Slider/variations/_view/base.tsx"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"createTabsController.js","sources":["../../../src/components/Tabs/createTabsController.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport {
|
1
|
+
{"version":3,"file":"createTabsController.js","sources":["../../../src/components/Tabs/createTabsController.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { HorizontalTabItemProps } from './TabItem.types';\nimport { HorizontalTabsProps } from './Tabs.types';\n\nexport interface TabsControllerProps extends HorizontalTabsProps {\n items: Array<{ label: string } & HorizontalTabItemProps>;\n index: number;\n onIndexChange: (index: number) => void;\n children?: never;\n autoscroll?: boolean;\n}\n\n/**\n * @deprecated\n * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange\n *\n * Функция для создания `TabController`, которая дает возможность\n * кастомизировать стили, при этом сохраняя единый интерфейс и функционал.\n */\nexport function createTabsController<T extends HTMLDivElement, P extends TabsControllerProps>(\n ListComponent: ForwardRefExoticComponent<HorizontalTabsProps & RefAttributes<HTMLDivElement>>,\n ItemComponent: ForwardRefExoticComponent<HorizontalTabItemProps & RefAttributes<HTMLDivElement>>,\n) {\n // eslint-disable-next-line prefer-arrow-callback\n return forwardRef<T, P>(function TabsController({ items, index, autoscroll, onIndexChange, ...rest }, ref) {\n const { disabled } = rest;\n\n return (\n <ListComponent ref={ref} index={index} {...rest}>\n {items.map(({ label, ...restItem }, i) => (\n <ItemComponent\n key={i}\n selected={i === index}\n itemIndex={i}\n onIndexChange={onIndexChange}\n tabIndex={!disabled && i === index ? 0 : -1}\n disabled={disabled}\n {...restItem}\n >\n {label}\n </ItemComponent>\n ))}\n </ListComponent>\n );\n });\n}\n"],"names":["createTabsController","ListComponent","ItemComponent","forwardRef","TabsController","_ref","ref","items","index","onIndexChange","rest","_objectWithoutProperties","_excluded","disabled","React","createElement","_extends","map","_ref2","i","label","restItem","_excluded2","key","selected","itemIndex","tabIndex"],"mappings":";;;;;;;;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,oBAAoBA,CAChCC,aAA6F,EAC7FC,aAAgG,EAClG;AACE;EACA,oBAAOC,gBAAU,CAAO,SAASC,cAAcA,CAAAC,IAAA,EAAuDC,GAAG,EAAE;AAAA,IAAA,IAAzDC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;MAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK,CAAA;MAAcC,aAAa,GAAAJ,IAAA,CAAbI,aAAa,CAAA;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAAN,IAAA,EAAAO,SAAA,EAAA;AAC9F,IAAA,IAAQC,QAAQ,GAAKH,IAAI,CAAjBG,QAAQ,CAAA;AAEhB,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACd,aAAa,EAAAe,iCAAA,CAAA;AAACV,MAAAA,GAAG,EAAEA,GAAI;AAACE,MAAAA,KAAK,EAAEA,KAAAA;KAAWE,EAAAA,IAAI,GAC1CH,KAAK,CAACU,GAAG,CAAC,UAAAC,KAAA,EAAyBC,CAAC,EAAA;AAAA,MAAA,IAAvBC,KAAK,GAAAF,KAAA,CAALE,KAAK;AAAKC,QAAAA,QAAQ,GAAAV,iDAAA,CAAAO,KAAA,EAAAI,UAAA,CAAA,CAAA;AAAA,MAAA,oBAC5BR,KAAA,CAAAC,aAAA,CAACb,aAAa,EAAAc,iCAAA,CAAA;AACVO,QAAAA,GAAG,EAAEJ,CAAE;QACPK,QAAQ,EAAEL,CAAC,KAAKX,KAAM;AACtBiB,QAAAA,SAAS,EAAEN,CAAE;AACbV,QAAAA,aAAa,EAAEA,aAAc;QAC7BiB,QAAQ,EAAE,CAACb,QAAQ,IAAIM,CAAC,KAAKX,KAAK,GAAG,CAAC,GAAG,CAAC,CAAE;AAC5CK,QAAAA,QAAQ,EAAEA,QAAAA;OACNQ,EAAAA,QAAQ,CAEXD,EAAAA,KACU,CAAC,CAAA;AAAA,KACnB,CACU,CAAC,CAAA;AAExB,GAAC,CAAC,CAAA;AACN;;;;"}
|