@salutejs/plasma-new-hope 0.162.3-canary.1374.11254951530.0 → 0.163.0-canary.1452.11263420833.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Slider/Slider.css +15 -13
- package/cjs/components/Slider/Slider.js +11 -3
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/Slider.tokens.js +17 -5
- 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 +17 -9
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +77 -0
- package/cjs/components/Slider/components/Single/Single.css +14 -14
- package/cjs/components/Slider/components/Single/Single.js +57 -31
- 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_17xv9r0.css +6 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.css +5 -5
- package/cjs/components/Slider/components/SliderBase/SliderBase.js +27 -12
- 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_1qt1224.css +5 -0
- package/cjs/components/Slider/ui/Handler/Handler.css +3 -3
- package/cjs/components/Slider/ui/Handler/Handler.js +50 -89
- package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/cjs/components/Slider/ui/Handler/Handler.styles.js +17 -7
- package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
- package/cjs/components/Slider/ui/Handler/Handler.styles_91c1xv.css +2 -0
- package/cjs/components/Slider/ui/Handler/computeKeyPressData.js +122 -0
- package/cjs/components/Slider/ui/Handler/computeKeyPressData.js.map +1 -0
- package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.js +3 -2
- 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_wjaol4.css +1 -0
- package/cjs/components/Slider/utils/index.js +28 -10
- 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_1s3f6q8.css +1 -0
- package/cjs/components/Tabs/createTabsController.js.map +1 -1
- package/cjs/components/Tabs/tokens.js +4 -12
- package/cjs/components/Tabs/tokens.js.map +1 -1
- package/cjs/components/Tabs/ui/TabItem/TabItem.css +12 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +18 -22
- package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +1 -0
- package/cjs/components/Tabs/ui/{vertical/VerticalTabItem/VerticalTabItem.styles.js → TabItem/TabItem.styles.js} +6 -12
- package/cjs/components/Tabs/ui/TabItem/TabItem.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/TabItem/TabItem.styles_pj75hv.css +4 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled → TabItem/variations/_disabled}/base.js +2 -2
- package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_disabled → TabItem/variations/_pilled}/base.js +2 -2
- package/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css → TabItem/variations/_pilled/base_l36za5.css} +1 -1
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_disabled → TabItem/variations/_size}/base.js +2 -2
- package/cjs/components/Tabs/ui/TabItem/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_pilled → TabItem/variations/_view}/base.js +2 -2
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
- package/cjs/components/Tabs/ui/Tabs/Tabs.css +16 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +21 -21
- package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +10 -10
- package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +4 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +9 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +9 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → Tabs}/variations/_size/base.js +2 -2
- package/cjs/components/Tabs/ui/Tabs/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/{vertical/VerticalTabs/variations/_size/base_1sekozo.css → Tabs/variations/_size/base_iw773q.css} +1 -1
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_view → Tabs/variations/_stretch}/base.js +2 -2
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +9 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +1 -0
- package/cjs/index.css +32 -54
- package/cjs/index.js +6 -12
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Slider/Slider.js +10 -2
- package/emotion/cjs/components/Slider/Slider.tokens.js +17 -5
- package/emotion/cjs/components/Slider/components/Double/Double.js +13 -5
- package/emotion/cjs/components/Slider/components/Single/Single.js +57 -31
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +18 -9
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.js +27 -12
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +10 -10
- package/emotion/cjs/components/Slider/ui/Handler/Handler.js +53 -89
- package/emotion/cjs/components/Slider/ui/Handler/Handler.styles.js +9 -15
- package/emotion/cjs/components/Slider/ui/Handler/computeKeyPressData.js +121 -0
- package/emotion/cjs/components/Slider/ui/Thumb/Thumb.js +3 -2
- package/emotion/cjs/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
- package/emotion/cjs/components/Slider/utils/index.js +28 -10
- package/emotion/cjs/components/Slider/variations/_view/base.js +2 -1
- package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +21 -86
- package/emotion/cjs/components/Tabs/index.js +10 -36
- package/emotion/cjs/components/Tabs/tokens.js +4 -12
- package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +15 -19
- package/emotion/cjs/components/Tabs/ui/TabItem/TabItem.styles.js +39 -0
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +10 -0
- package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +17 -17
- package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +55 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +10 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +9 -0
- package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +90 -16
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +39 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +3 -14
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +41 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +3 -14
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +71 -428
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabsController.js +3 -8
- package/emotion/cjs/examples/plasma_web/components/Slider/Slider.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +90 -15
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +39 -0
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.js +3 -14
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +41 -0
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.js +3 -14
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +71 -428
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabsController.js +3 -8
- package/emotion/es/components/Slider/Slider.js +11 -2
- package/emotion/es/components/Slider/Slider.tokens.js +17 -5
- package/emotion/es/components/Slider/components/Double/Double.js +13 -5
- package/emotion/es/components/Slider/components/Single/Single.js +58 -32
- package/emotion/es/components/Slider/components/Single/Single.styles.js +17 -8
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.js +27 -12
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.styles.js +11 -11
- package/emotion/es/components/Slider/ui/Handler/Handler.js +52 -87
- package/emotion/es/components/Slider/ui/Handler/Handler.styles.js +10 -16
- package/emotion/es/components/Slider/ui/Handler/computeKeyPressData.js +115 -0
- package/emotion/es/components/Slider/ui/Thumb/Thumb.js +3 -2
- package/emotion/es/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
- package/emotion/es/components/Slider/utils/index.js +28 -10
- package/emotion/es/components/Slider/variations/_view/base.js +2 -1
- package/emotion/es/components/Tabs/Tabs.template-doc.mdx +21 -86
- package/emotion/es/components/Tabs/index.js +2 -4
- package/emotion/es/components/Tabs/tokens.js +4 -12
- package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +11 -15
- package/emotion/es/components/Tabs/ui/TabItem/TabItem.styles.js +32 -0
- package/emotion/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/TabItem/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/TabItem/variations/_view/base.js +4 -0
- package/{styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → emotion/es/components/Tabs/ui/Tabs/Tabs.js} +11 -11
- package/emotion/es/components/Tabs/ui/Tabs/Tabs.styles.js +48 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +4 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_view/base.js +3 -0
- package/emotion/es/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +90 -16
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +33 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.js +4 -14
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +35 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.js +4 -14
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +71 -428
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabsController.js +4 -9
- package/emotion/es/examples/plasma_web/components/Slider/Slider.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/Slider/Slider.stories.tsx +90 -15
- package/emotion/es/examples/plasma_web/components/Tabs/TabItem.config.js +33 -0
- package/emotion/es/examples/plasma_web/components/Tabs/TabItem.js +4 -14
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.config.js +35 -0
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.js +4 -14
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +71 -428
- package/emotion/es/examples/plasma_web/components/Tabs/TabsController.js +4 -9
- package/es/components/Slider/Slider.css +15 -13
- package/es/components/Slider/Slider.js +11 -3
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/Slider.tokens.js +17 -5
- 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 +13 -5
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +77 -0
- package/es/components/Slider/components/Single/Single.css +14 -14
- package/es/components/Slider/components/Single/Single.js +58 -32
- 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_17xv9r0.css +6 -0
- package/es/components/Slider/components/SliderBase/SliderBase.css +5 -5
- package/es/components/Slider/components/SliderBase/SliderBase.js +27 -12
- 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_1qt1224.css +5 -0
- package/es/components/Slider/ui/Handler/Handler.css +3 -3
- package/es/components/Slider/ui/Handler/Handler.js +49 -88
- package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/es/components/Slider/ui/Handler/Handler.styles.js +17 -7
- package/es/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
- package/es/components/Slider/ui/Handler/Handler.styles_91c1xv.css +2 -0
- package/es/components/Slider/ui/Handler/computeKeyPressData.js +118 -0
- package/es/components/Slider/ui/Handler/computeKeyPressData.js.map +1 -0
- package/es/components/Slider/ui/Thumb/Thumb.css +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.js +3 -2
- 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_wjaol4.css +1 -0
- package/es/components/Slider/utils/index.js +28 -10
- 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_1s3f6q8.css +1 -0
- package/es/components/Tabs/createTabsController.js.map +1 -1
- package/es/components/Tabs/tokens.js +4 -12
- package/es/components/Tabs/tokens.js.map +1 -1
- package/es/components/Tabs/ui/TabItem/TabItem.css +12 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +14 -18
- package/es/components/Tabs/ui/TabItem/TabItem.js.map +1 -0
- package/es/components/Tabs/ui/TabItem/TabItem.styles.js +22 -0
- package/es/components/Tabs/ui/TabItem/TabItem.styles.js.map +1 -0
- package/es/components/Tabs/ui/TabItem/TabItem.styles_pj75hv.css +4 -0
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +5 -0
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_disabled → TabItem/variations/_pilled}/base.js +2 -2
- package/es/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css → TabItem/variations/_pilled/base_l36za5.css} +1 -1
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_disabled → TabItem/variations/_size}/base.js +2 -2
- package/es/components/Tabs/ui/TabItem/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_pilled → TabItem/variations/_view}/base.js +2 -2
- package/es/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
- package/es/components/Tabs/ui/Tabs/Tabs.css +16 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +15 -15
- package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +10 -10
- package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +4 -0
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +5 -0
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +5 -0
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_view → Tabs/variations/_size}/base.js +2 -2
- package/es/components/Tabs/ui/Tabs/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/{vertical/VerticalTabs/variations/_size/base_1sekozo.css → Tabs/variations/_size/base_iw773q.css} +1 -1
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_size → Tabs/variations/_stretch}/base.js +2 -2
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_view/base.js +5 -0
- package/es/components/Tabs/ui/Tabs/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +1 -0
- package/es/index.css +32 -54
- package/es/index.js +2 -4
- 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/Slider/Slider.js +10 -2
- package/styled-components/cjs/components/Slider/Slider.tokens.js +17 -5
- package/styled-components/cjs/components/Slider/components/Double/Double.js +13 -5
- package/styled-components/cjs/components/Slider/components/Single/Single.js +57 -31
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +5 -5
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +27 -12
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +6 -6
- package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +53 -89
- package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +7 -4
- package/styled-components/cjs/components/Slider/ui/Handler/computeKeyPressData.js +121 -0
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +3 -2
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
- package/styled-components/cjs/components/Slider/utils/index.js +28 -10
- package/styled-components/cjs/components/Slider/variations/_view/base.js +2 -1
- package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +21 -86
- package/styled-components/cjs/components/Tabs/index.js +10 -36
- package/styled-components/cjs/components/Tabs/tokens.js +4 -12
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +15 -19
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.js → TabItem/TabItem.styles.js} +8 -11
- package/styled-components/cjs/components/Tabs/ui/{vertical/VerticalTabItem → TabItem}/variations/_disabled/base.js +2 -2
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.js +2 -2
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +17 -17
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +6 -6
- package/styled-components/cjs/components/Tabs/ui/{vertical/VerticalTabs → Tabs}/variations/_disabled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.js +2 -2
- package/styled-components/cjs/components/Tabs/ui/{vertical/VerticalTabs → Tabs}/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/base.js +3 -3
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.js +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 +90 -16
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +5 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +3 -14
- package/styled-components/cjs/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_b2c/components/Tabs/Tabs.config.js} +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +3 -14
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +71 -428
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabsController.js +3 -8
- 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 +90 -15
- package/styled-components/cjs/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +5 -5
- package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.js +3 -14
- package/styled-components/cjs/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_web/components/Tabs/Tabs.config.js} +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.js +3 -14
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +71 -428
- package/styled-components/cjs/examples/plasma_web/components/Tabs/TabsController.js +3 -8
- package/styled-components/es/components/Slider/Slider.js +11 -2
- package/styled-components/es/components/Slider/Slider.tokens.js +17 -5
- package/styled-components/es/components/Slider/components/Double/Double.js +13 -5
- package/styled-components/es/components/Slider/components/Single/Single.js +58 -32
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +4 -4
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +27 -12
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
- package/styled-components/es/components/Slider/ui/Handler/Handler.js +52 -87
- package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +8 -5
- package/styled-components/es/components/Slider/ui/Handler/computeKeyPressData.js +115 -0
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +3 -2
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
- package/styled-components/es/components/Slider/utils/index.js +28 -10
- package/styled-components/es/components/Slider/variations/_view/base.js +2 -1
- package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +21 -86
- package/styled-components/es/components/Tabs/index.js +2 -4
- package/styled-components/es/components/Tabs/tokens.js +4 -12
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +11 -15
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.js → TabItem/TabItem.styles.js} +7 -10
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/base.js +2 -2
- package/styled-components/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +3 -0
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/TabItem/variations/_view/base.js +4 -0
- package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → styled-components/es/components/Tabs/ui/Tabs/Tabs.js} +11 -11
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +6 -6
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +3 -0
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.js +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 +90 -16
- package/styled-components/es/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js → plasma_b2c/components/Tabs/TabItem.config.js} +5 -5
- package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.js +4 -14
- package/styled-components/es/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_b2c/components/Tabs/Tabs.config.js} +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.js +4 -14
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +71 -428
- package/styled-components/es/examples/plasma_b2c/components/Tabs/TabsController.js +4 -9
- 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 +90 -15
- package/styled-components/es/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js → plasma_web/components/Tabs/TabItem.config.js} +5 -5
- package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.js +4 -14
- package/styled-components/es/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_web/components/Tabs/Tabs.config.js} +1 -1
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.js +4 -14
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +71 -428
- package/styled-components/es/examples/plasma_web/components/Tabs/TabsController.js +4 -9
- package/types/components/Slider/Slider.d.ts.map +1 -1
- package/types/components/Slider/Slider.tokens.d.ts +16 -4
- 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 +1 -0
- 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 +75 -7
- 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 +1 -0
- 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 +6 -2
- package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +1 -1
- package/types/components/Slider/ui/Handler/Handler.types.d.ts +4 -1
- package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +1 -1
- package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts +12 -0
- package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts.map +1 -0
- 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 +1 -0
- package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -1
- package/types/components/Slider/utils/index.d.ts +26 -8
- 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/createTabsController.d.ts +4 -5
- package/types/components/Tabs/createTabsController.d.ts.map +1 -1
- package/types/components/Tabs/index.d.ts +4 -6
- package/types/components/Tabs/index.d.ts.map +1 -1
- package/types/components/Tabs/tokens.d.ts +4 -12
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts +29 -0
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +1 -0
- package/types/components/Tabs/ui/{vertical/VerticalTabItem/VerticalTabItem.styles.d.ts → TabItem/TabItem.styles.d.ts} +1 -2
- package/types/components/Tabs/ui/TabItem/TabItem.styles.d.ts.map +1 -0
- package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts +54 -0
- package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts.map +1 -0
- package/types/components/Tabs/ui/TabItem/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/TabItem/variations/_pilled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/TabItem/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/TabItem/variations/_view/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts +34 -0
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -0
- package/types/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts → Tabs/Tabs.styles.d.ts} +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map +1 -0
- package/types/components/Tabs/{Tabs.types.d.ts → ui/Tabs/Tabs.types.d.ts} +9 -36
- package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_pilled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_view/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +80 -2
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts → plasma_b2c/components/Tabs/TabItem.config.d.ts} +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +3 -54
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabs.config.d.ts → Tabs.config.d.ts} +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +3 -20
- 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/Slider/Slider.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts +80 -2
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts → plasma_web/components/Tabs/TabItem.config.d.ts} +1 -1
- package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +3 -54
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabs.config.d.ts → Tabs.config.d.ts} +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +3 -20
- 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/utils/index.d.ts +1 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +0 -5
- package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
- package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
- package/cjs/components/Slider/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +0 -13
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -35
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css +0 -5
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_4zingj.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +0 -16
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +0 -4
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -9
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -9
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -9
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +0 -11
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -126
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_16d3lah.css +0 -5
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_fueiq8.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +0 -12
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -220
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -29
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +0 -4
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +0 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -51
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +0 -55
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -128
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -51
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -226
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -46
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -9
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -39
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +0 -41
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -28
- package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -39
- package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +0 -41
- package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
- package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -28
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -44
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -4
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +0 -48
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -4
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -119
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -44
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -4
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -217
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -39
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -3
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -33
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +0 -35
- package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
- package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -22
- package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -33
- package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +0 -35
- package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
- package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -22
- package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
- package/es/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +0 -5
- package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
- package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
- package/es/components/Slider/variations/_view/base_x642ct.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +0 -13
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -27
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_4zingj.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +0 -16
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +0 -4
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +0 -11
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -121
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -27
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_16d3lah.css +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_fueiq8.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +0 -12
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -215
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -22
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +0 -4
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +0 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +0 -9
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -10
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +0 -8
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +0 -9
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -9
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -128
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -33
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -9
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -10
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +0 -8
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -226
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -29
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -9
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -28
- package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
- package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -28
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +0 -8
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +0 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -119
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -25
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +0 -8
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -217
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -21
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +0 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -22
- package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
- package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -22
- package/types/components/Tabs/TabItem.types.d.ts +0 -96
- package/types/components/Tabs/TabItem.types.d.ts.map +0 -1
- package/types/components/Tabs/Tabs.types.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts +0 -29
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts +0 -7
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts +0 -34
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +0 -26
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +0 -27
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts +0 -8
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts +0 -21
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -21
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts +0 -21
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -21
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts.map +0 -1
- /package/emotion/cjs/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/tokens.json +0 -0
- /package/emotion/es/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabItem → es/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabItem → es/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
- /package/emotion/es/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabs → es/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabs → es/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
- /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem → styled-components/cjs/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem → styled-components/cjs/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
- /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs → styled-components/cjs/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs → styled-components/cjs/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
- /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabItem → styled-components/es/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabItem → styled-components/es/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
- /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabs → styled-components/es/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabs → styled-components/es/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.d.ts +0 -0
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.base = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _tokens = /*#__PURE__*/require("
|
9
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");padding:var(", ");}"], _tokens.classes.tabsPilled, _tokens.tokens.itemPilledBorderRadius, _tokens.tokens.itemPilledBorderRadius, _tokens.tokens.itemPaddingPilled);
|
8
|
+
var _tokens = /*#__PURE__*/require("../../../../tokens");
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");padding:var(", ");}"], /*#__PURE__*/String(_tokens.classes.tabsPilled), _tokens.tokens.itemPilledBorderRadius, _tokens.tokens.itemPilledBorderRadius, _tokens.tokens.itemPaddingPilled);
|
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.base = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _tokens = /*#__PURE__*/require("
|
8
|
+
var _tokens = /*#__PURE__*/require("../../../../tokens");
|
9
9
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");width:var(", ");height:var(", ");"], _tokens.tokens.fontFamily, _tokens.tokens.fontSize, _tokens.tokens.fontStyle, _tokens.tokens.fontWeight, _tokens.tokens.letterSpacing, _tokens.tokens.lineHeight, _tokens.tokens.itemBorderRadius, _tokens.tokens.itemBorderRadius, _tokens.tokens.itemWidth, _tokens.tokens.itemHeight);
|
@@ -0,0 +1,10 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _tokens = /*#__PURE__*/require("../../../../tokens");
|
9
|
+
var _TabItem = /*#__PURE__*/require("../../TabItem.styles");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background-color:var(", ");margin-left:var(", ",var(", "));&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}}&:active{color:var(", ");}&.", "{transition:var(", ");}&.", "{color:var(", ");background-color:var(", ");&:hover{color:var(", ");background-color:var(", ");&::after{background:var(", ");}}", "{color:var(", ");&:hover{color:var(", ");}}&::after{content:'';position:absolute;bottom:0px;left:0;right:0;background:var(", ");height:var(", ");border-radius:1px;}}"], _tokens.tokens.itemColor, _tokens.tokens.itemBackgroundColor, _tokens.tokens.itemMarginLeftFilled, _tokens.tokens.itemMarginLeft, _tokens.tokens.itemColorHover, _tokens.tokens.itemBackgroundColorHover, _TabItem.RightContent, _tokens.tokens.additionalContentHoverColor, _tokens.tokens.itemColorActive, /*#__PURE__*/String(_tokens.classes.tabItemAnimated), _tokens.tokens.itemBackgroundTransition, /*#__PURE__*/String(_tokens.classes.selectedTabsItem), _tokens.tokens.itemSelectedColor, _tokens.tokens.itemSelectedBackgroundColor, _tokens.tokens.itemSelectedColorHover, _tokens.tokens.itemSelectedBackgroundColorHover, _tokens.tokens.itemSelectedDividerColorHover, _TabItem.RightContent, _tokens.tokens.additionalContentSelectedColor, _tokens.tokens.additionalContentSelectedHoverColor, _tokens.tokens.itemSelectedDividerColor, _tokens.tokens.itemSelectedDividerHeight);
|
@@ -4,19 +4,19 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.
|
7
|
+
exports.tabsRoot = exports.tabsConfig = void 0;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
9
|
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
10
|
-
var _Icon = /*#__PURE__*/require("
|
11
|
-
var _tokens = /*#__PURE__*/require("
|
12
|
-
var _utils = /*#__PURE__*/require("
|
13
|
-
var _TabsContext = /*#__PURE__*/require("
|
10
|
+
var _Icon = /*#__PURE__*/require("../../../_Icon");
|
11
|
+
var _tokens = /*#__PURE__*/require("../../tokens");
|
12
|
+
var _utils = /*#__PURE__*/require("../../../../utils");
|
13
|
+
var _TabsContext = /*#__PURE__*/require("../../TabsContext");
|
14
14
|
var _base = /*#__PURE__*/require("./variations/_size/base");
|
15
15
|
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
16
16
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
17
17
|
var _base4 = /*#__PURE__*/require("./variations/_pilled/base");
|
18
18
|
var _base5 = /*#__PURE__*/require("./variations/_stretch/base");
|
19
|
-
var
|
19
|
+
var _Tabs = /*#__PURE__*/require("./Tabs.styles");
|
20
20
|
var _excluded = ["id", "stretch", "disabled", "clip", "size", "view", "children", "pilled", "index", "className"];
|
21
21
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
22
22
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
@@ -35,8 +35,8 @@ var Keys = /*#__PURE__*/function (Keys) {
|
|
35
35
|
Keys[Keys["left"] = 37] = "left";
|
36
36
|
Keys[Keys["right"] = 39] = "right";
|
37
37
|
return Keys;
|
38
|
-
}(Keys || {});
|
39
|
-
var
|
38
|
+
}(Keys || {});
|
39
|
+
var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
|
40
40
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
|
41
41
|
var id = props.id,
|
42
42
|
_props$stretch = props.stretch,
|
@@ -114,7 +114,7 @@ var horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoo
|
|
114
114
|
});
|
115
115
|
}, [disabled, scrollRef, refs]);
|
116
116
|
var PreviousButton = (0, _react.useMemo)(function () {
|
117
|
-
return /*#__PURE__*/_react["default"].createElement(
|
117
|
+
return /*#__PURE__*/_react["default"].createElement(_Tabs.StyledArrow, {
|
118
118
|
type: "button",
|
119
119
|
"aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0442\u0430\u0431",
|
120
120
|
onClick: onPrev,
|
@@ -128,7 +128,7 @@ var horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoo
|
|
128
128
|
}));
|
129
129
|
}, [onPrev, disabled, isFilled]);
|
130
130
|
var NextButton = (0, _react.useMemo)(function () {
|
131
|
-
return /*#__PURE__*/_react["default"].createElement(
|
131
|
+
return /*#__PURE__*/_react["default"].createElement(_Tabs.StyledArrow, {
|
132
132
|
type: "button",
|
133
133
|
"aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0442\u0430\u0431",
|
134
134
|
onClick: onNext,
|
@@ -174,7 +174,7 @@ var horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoo
|
|
174
174
|
event.preventDefault();
|
175
175
|
(_refs$items$nextIndex = refs.items[nextIndex].current) === null || _refs$items$nextIndex === void 0 || _refs$items$nextIndex.focus();
|
176
176
|
(_refs$items$nextIndex2 = refs.items[nextIndex].current) === null || _refs$items$nextIndex2 === void 0 || _refs$items$nextIndex2.scrollIntoView({
|
177
|
-
block: '
|
177
|
+
block: 'center',
|
178
178
|
inline: 'center',
|
179
179
|
behavior: 'smooth'
|
180
180
|
});
|
@@ -206,20 +206,20 @@ var horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoo
|
|
206
206
|
disabled: disabled,
|
207
207
|
className: (0, _utils.cx)(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, className),
|
208
208
|
onKeyDown: onKeyDown
|
209
|
-
}, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/_react["default"].createElement(
|
209
|
+
}, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/_react["default"].createElement(_Tabs.StyledContentWrapper, {
|
210
210
|
className: (0, _utils.cx)(clipScrollClass, clipShowAllClass),
|
211
211
|
ref: scrollRef,
|
212
212
|
onScroll: handleScroll
|
213
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
213
|
+
}, /*#__PURE__*/_react["default"].createElement(_Tabs.StyledContent, {
|
214
214
|
ref: trackRef
|
215
215
|
}, children)), !lastItemVisible && NextButton));
|
216
216
|
});
|
217
217
|
};
|
218
|
-
var
|
219
|
-
name: '
|
218
|
+
var tabsConfig = exports.tabsConfig = {
|
219
|
+
name: 'Tabs',
|
220
220
|
tag: 'div',
|
221
|
-
layout:
|
222
|
-
base:
|
221
|
+
layout: tabsRoot,
|
222
|
+
base: _Tabs.base,
|
223
223
|
variations: {
|
224
224
|
size: {
|
225
225
|
css: _base.base
|
@@ -6,21 +6,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
});
|
7
7
|
exports.base = exports.StyledContentWrapper = exports.StyledContent = exports.StyledArrow = void 0;
|
8
8
|
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
|
-
var _mixins = /*#__PURE__*/require("
|
10
|
-
var _tokens = /*#__PURE__*/require("
|
9
|
+
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
10
|
+
var _tokens = /*#__PURE__*/require("../../tokens");
|
11
11
|
var _templateObject;
|
12
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
13
13
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
14
14
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
15
15
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n gap: 0.125rem;\n align-items: center;\n position: relative;\n"])));
|
16
16
|
var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
17
|
-
componentId: "plasma-new-hope__sc-
|
17
|
+
componentId: "plasma-new-hope__sc-1ibkmsl-0"
|
18
18
|
})(["display:inline-flex;flex-direction:row;align-items:center;"]);
|
19
19
|
var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
20
|
-
componentId: "plasma-new-hope__sc-
|
21
|
-
})(["margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center
|
20
|
+
componentId: "plasma-new-hope__sc-1ibkmsl-1"
|
21
|
+
})(["margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center;&.", "{overflow:scroll;scroll-padding:0.25rem;overscroll-behavior:contain;scrollbar-width:none;::-webkit-scrollbar{display:none;}}&.", "{overflow:visible;}"], _tokens.classes.tabsClipScroll, _tokens.classes.tabsClipShowAll);
|
22
22
|
var StyledArrow = exports.StyledArrow = /*#__PURE__*/_styledComponents["default"].button.withConfig({
|
23
|
-
componentId: "plasma-new-hope__sc-
|
23
|
+
componentId: "plasma-new-hope__sc-1ibkmsl-2"
|
24
24
|
})(["display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;", ";&[disabled]{cursor:not-allowed;}--plasma_private-outer-padding:", ";padding-right:", ";padding-left:", ";"], /*#__PURE__*/(0, _mixins.addFocus)({
|
25
25
|
outlineSize: '0.063rem',
|
26
26
|
outlineOffset: '-0.125rem',
|
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.base = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _tokens = /*#__PURE__*/require("
|
8
|
+
var _tokens = /*#__PURE__*/require("../../../../tokens");
|
9
9
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["opacity:var(", ");"], _tokens.tokens.disabledOpacity);
|
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.base = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _tokens = /*#__PURE__*/require("
|
9
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");}"], _tokens.classes.tabsPilled, _tokens.tokens.tabsPilledBorderRadius, _tokens.tokens.tabsPilledBorderRadius);
|
8
|
+
var _tokens = /*#__PURE__*/require("../../../../tokens");
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");}"], /*#__PURE__*/String(_tokens.classes.tabsPilled), _tokens.tokens.tabsPilledBorderRadius, _tokens.tokens.tabsPilledBorderRadius);
|
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.base = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _tokens = /*#__PURE__*/require("
|
8
|
+
var _tokens = /*#__PURE__*/require("../../../../tokens");
|
9
9
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["width:var(", ");height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");"], _tokens.tokens.tabsWidth, _tokens.tokens.tabsHeight, _tokens.tokens.tabsBorderRadius, _tokens.tokens.tabsBorderRadius);
|
@@ -5,6 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.base = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _tokens = /*#__PURE__*/require("
|
9
|
-
var
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{width:100%;", ",", ",", " > button{width:100%;margin-left:0;}}"], _tokens.classes.tabsStretch,
|
8
|
+
var _tokens = /*#__PURE__*/require("../../../../tokens");
|
9
|
+
var _Tabs = /*#__PURE__*/require("../../Tabs.styles");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{width:100%;", ",", ",", " > button{width:100%;margin-left:0;}}"], _tokens.classes.tabsStretch, _Tabs.StyledContentWrapper, _Tabs.StyledContent, _Tabs.StyledContent);
|
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.base = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _tokens = /*#__PURE__*/require("
|
8
|
+
var _tokens = /*#__PURE__*/require("../../../../tokens");
|
9
9
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["background-color:var(", ");&::after{content:'';position:absolute;bottom:0.125rem;left:0.125rem;right:0.125rem;background:var(", ");height:var(", ");border-radius:var(", ");}&.", "{&::after{left:1.5rem;}}&.", "{&::after{right:1.5rem;}}"], _tokens.tokens.tabsBackgroundColor, _tokens.tokens.tabsDividerColor, _tokens.tokens.tabsDividerHeight, _tokens.tokens.tabsDividerBorderRadius, _tokens.classes.tabsHasLeftArrow, _tokens.classes.tabsHasRightArrow);
|
@@ -18,9 +18,9 @@ var config = exports.config = {
|
|
18
18
|
gradient: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-accent-gradient);", ":var(--surface-solid-tertiary);", ":var(--surface-accent-gradient);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], _Slider.sliderTokens.labelColor, _Slider.sliderTokens.rangeValueColor, _Slider.sliderTokens.thumbBorderColor, _Slider.sliderTokens.thumbBackgroundColor, _Slider.sliderTokens.thumbFocusBorderColor, _Slider.sliderTokens.railBackgroundColor, _Slider.sliderTokens.fillColor, _Slider.sliderTokens.textFieldColor, _Slider.sliderTokens.textFieldBackgroundColor, _Slider.sliderTokens.textFieldCaretColor, _Slider.sliderTokens.textFieldPlaceholderColor, _Slider.sliderTokens.textFiledFocusColor, _Slider.sliderTokens.textFieldActiveColor)
|
19
19
|
},
|
20
20
|
size: {
|
21
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.
|
22
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.75rem;", ":0.75rem;", "
|
23
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":0.
|
21
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":1rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.875rem;", ":0.875rem;", ":0.75rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1rem;", ":1.25rem;", ":0.0625rem solid;", ":1.625rem;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3.5rem;", ":1.25rem 1rem 1.25rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Slider.sliderTokens.size, _Slider.sliderTokens.doubleWrapperGap, _Slider.sliderTokens.labelWrapperGap, _Slider.sliderTokens.labelWrapperMarginBottom, _Slider.sliderTokens.labelWrapperMarginRight, _Slider.sliderTokens.labelWrapperVerticalMargin, _Slider.sliderTokens.labelFontFamily, _Slider.sliderTokens.labelFontSize, _Slider.sliderTokens.labelFontStyle, _Slider.sliderTokens.labelFontWeight, _Slider.sliderTokens.labelLetterSpacing, _Slider.sliderTokens.labelLineHeight, _Slider.sliderTokens.rangeValueHorizontalMargin, _Slider.sliderTokens.rangeValueBottomOffset, _Slider.sliderTokens.rangeValueLeftRightMargin, _Slider.sliderTokens.rangeValueVerticalMargin, _Slider.sliderTokens.rangeValueFontFamily, _Slider.sliderTokens.rangeValueFontSize, _Slider.sliderTokens.rangeValueFontStyle, _Slider.sliderTokens.rangeValueFontWeight, _Slider.sliderTokens.rangeValueLetterSpacing, _Slider.sliderTokens.rangeValueLineHeight, _Slider.sliderTokens.thumbSize, _Slider.sliderTokens.thumbSizeLarge, _Slider.sliderTokens.thumbBorder, _Slider.sliderTokens.currentValueTopOffset, _Slider.sliderTokens.currentValueFontFamily, _Slider.sliderTokens.currentValueFontSize, _Slider.sliderTokens.currentValueFontStyle, _Slider.sliderTokens.currentValueFontWeight, _Slider.sliderTokens.currentValueLetterSpacing, _Slider.sliderTokens.currentValueLineHeight, _Slider.sliderTokens.railThickness, _Slider.sliderTokens.railBorderRadius, _Slider.sliderTokens.railIndent, _Slider.sliderTokens.textFieldWrapperGap, _Slider.sliderTokens.textFieldHeight, _Slider.sliderTokens.textFieldPadding, _Slider.sliderTokens.textFieldBorderRadius, _Slider.sliderTokens.textFieldFontFamily, _Slider.sliderTokens.textFieldFontSize, _Slider.sliderTokens.textFieldFontStyle, _Slider.sliderTokens.textFieldFontWeight, _Slider.sliderTokens.textFieldLetterSpacing, _Slider.sliderTokens.textFieldLineHeight),
|
22
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.75rem;", ":0.75rem;", ":0.875rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1rem;", ":1.25rem;", ":0.0625rem solid;", ":1.75rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Slider.sliderTokens.size, _Slider.sliderTokens.doubleWrapperGap, _Slider.sliderTokens.labelWrapperGap, _Slider.sliderTokens.labelWrapperMarginBottom, _Slider.sliderTokens.labelWrapperMarginRight, _Slider.sliderTokens.labelWrapperVerticalMargin, _Slider.sliderTokens.labelFontFamily, _Slider.sliderTokens.labelFontSize, _Slider.sliderTokens.labelFontStyle, _Slider.sliderTokens.labelFontWeight, _Slider.sliderTokens.labelLetterSpacing, _Slider.sliderTokens.labelLineHeight, _Slider.sliderTokens.rangeValueHorizontalMargin, _Slider.sliderTokens.rangeValueBottomOffset, _Slider.sliderTokens.rangeValueLeftRightMargin, _Slider.sliderTokens.rangeValueVerticalMargin, _Slider.sliderTokens.rangeValueFontFamily, _Slider.sliderTokens.rangeValueFontSize, _Slider.sliderTokens.rangeValueFontStyle, _Slider.sliderTokens.rangeValueFontWeight, _Slider.sliderTokens.rangeValueLetterSpacing, _Slider.sliderTokens.rangeValueLineHeight, _Slider.sliderTokens.thumbSize, _Slider.sliderTokens.thumbSizeLarge, _Slider.sliderTokens.thumbBorder, _Slider.sliderTokens.currentValueTopOffset, _Slider.sliderTokens.currentValueFontFamily, _Slider.sliderTokens.currentValueFontSize, _Slider.sliderTokens.currentValueFontStyle, _Slider.sliderTokens.currentValueFontWeight, _Slider.sliderTokens.currentValueLetterSpacing, _Slider.sliderTokens.currentValueLineHeight, _Slider.sliderTokens.railThickness, _Slider.sliderTokens.railBorderRadius, _Slider.sliderTokens.railIndent, _Slider.sliderTokens.textFieldWrapperGap, _Slider.sliderTokens.textFieldHeight, _Slider.sliderTokens.textFieldPadding, _Slider.sliderTokens.textFieldBorderRadius, _Slider.sliderTokens.textFieldFontFamily, _Slider.sliderTokens.textFieldFontSize, _Slider.sliderTokens.textFieldFontStyle, _Slider.sliderTokens.textFieldFontWeight, _Slider.sliderTokens.textFieldLetterSpacing, _Slider.sliderTokens.textFieldLineHeight),
|
23
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":0.625rem;", ":0.625rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":1.25rem;", ":0.0625rem solid;", ":1.25rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":2.5rem;", ":0.5rem 1rem 0.5rem 1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Slider.sliderTokens.size, _Slider.sliderTokens.doubleWrapperGap, _Slider.sliderTokens.labelWrapperGap, _Slider.sliderTokens.labelWrapperMarginBottom, _Slider.sliderTokens.labelWrapperMarginRight, _Slider.sliderTokens.labelWrapperVerticalMargin, _Slider.sliderTokens.labelFontFamily, _Slider.sliderTokens.labelFontSize, _Slider.sliderTokens.labelFontStyle, _Slider.sliderTokens.labelFontWeight, _Slider.sliderTokens.labelLetterSpacing, _Slider.sliderTokens.labelLineHeight, _Slider.sliderTokens.rangeValueHorizontalMargin, _Slider.sliderTokens.rangeValueBottomOffset, _Slider.sliderTokens.rangeValueLeftRightMargin, _Slider.sliderTokens.rangeValueVerticalMargin, _Slider.sliderTokens.rangeValueFontFamily, _Slider.sliderTokens.rangeValueFontSize, _Slider.sliderTokens.rangeValueFontStyle, _Slider.sliderTokens.rangeValueFontWeight, _Slider.sliderTokens.rangeValueLetterSpacing, _Slider.sliderTokens.rangeValueLineHeight, _Slider.sliderTokens.thumbSize, _Slider.sliderTokens.thumbSizeLarge, _Slider.sliderTokens.thumbBorder, _Slider.sliderTokens.currentValueTopOffset, _Slider.sliderTokens.currentValueFontFamily, _Slider.sliderTokens.currentValueFontSize, _Slider.sliderTokens.currentValueFontStyle, _Slider.sliderTokens.currentValueFontWeight, _Slider.sliderTokens.currentValueLetterSpacing, _Slider.sliderTokens.currentValueLineHeight, _Slider.sliderTokens.railThickness, _Slider.sliderTokens.railBorderRadius, _Slider.sliderTokens.railIndent, _Slider.sliderTokens.textFieldWrapperGap, _Slider.sliderTokens.textFieldHeight, _Slider.sliderTokens.textFieldPadding, _Slider.sliderTokens.textFieldBorderRadius, _Slider.sliderTokens.textFieldFontFamily, _Slider.sliderTokens.textFieldFontSize, _Slider.sliderTokens.textFieldFontStyle, _Slider.sliderTokens.textFieldFontWeight, _Slider.sliderTokens.textFieldLetterSpacing, _Slider.sliderTokens.textFieldLineHeight)
|
24
24
|
},
|
25
25
|
disabled: {
|
26
26
|
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Slider.sliderTokens.disabledOpacity)
|
@@ -3,16 +3,19 @@ import type { ComponentProps } from 'react';
|
|
3
3
|
import styled from 'styled-components';
|
4
4
|
import { disableProps } from '@salutejs/plasma-sb-utils';
|
5
5
|
import type { StoryObj, Meta } from '@storybook/react';
|
6
|
-
import { action } from '@storybook/addon-actions';
|
7
6
|
|
7
|
+
import { IconMic } from '../../../../components/_Icon';
|
8
8
|
import { WithTheme } from '../../../_helpers';
|
9
9
|
|
10
10
|
import { Slider } from './Slider';
|
11
11
|
|
12
12
|
const sizes = ['l', 'm', 's'];
|
13
|
+
const pointerSizes = ['small', 'large', 'none'];
|
13
14
|
const views = ['default', 'accent', 'gradient'];
|
14
|
-
const
|
15
|
-
const
|
15
|
+
const sliderAligns = ['center', 'left', 'right', 'none'];
|
16
|
+
const labelPlacements = ['top', 'left'];
|
17
|
+
const scaleAligns = ['side', 'bottom'];
|
18
|
+
const orientations: Array<string> = ['vertical', 'horizontal'];
|
16
19
|
|
17
20
|
const meta: Meta<typeof Slider> = {
|
18
21
|
title: 'plasma_b2c/Slider',
|
@@ -31,9 +34,24 @@ const meta: Meta<typeof Slider> = {
|
|
31
34
|
type: 'inline-radio',
|
32
35
|
},
|
33
36
|
},
|
37
|
+
pointerSize: {
|
38
|
+
options: pointerSizes,
|
39
|
+
control: {
|
40
|
+
type: 'inline-radio',
|
41
|
+
},
|
42
|
+
},
|
43
|
+
orientation: {
|
44
|
+
options: orientations,
|
45
|
+
control: {
|
46
|
+
type: 'select',
|
47
|
+
},
|
48
|
+
},
|
34
49
|
...disableProps([
|
35
50
|
'value',
|
36
51
|
'onChangeCommitted',
|
52
|
+
'onChangeTextField',
|
53
|
+
'onBlurTextField',
|
54
|
+
'onKeyDownTextField',
|
37
55
|
'ariaLabel',
|
38
56
|
'onChange',
|
39
57
|
'fontSizeMultiplier',
|
@@ -53,8 +71,9 @@ type StorySingleProps = StoryProps;
|
|
53
71
|
type StorySingle = StoryObj<StorySingleProps>;
|
54
72
|
type StoryDouble = StoryObj<StoryProps>;
|
55
73
|
|
56
|
-
const SliderWrapper = styled.div
|
57
|
-
width: 25rem;
|
74
|
+
const SliderWrapper = styled.div<{ isVertical?: boolean }>`
|
75
|
+
width: ${({ isVertical }) => (isVertical ? 'auto' : '25rem')};
|
76
|
+
height: ${({ isVertical }) => (isVertical ? '25rem' : 'auto')};
|
58
77
|
`;
|
59
78
|
|
60
79
|
const StoryDefault = (args: StorySingleProps) => {
|
@@ -68,41 +87,86 @@ const StoryDefault = (args: StorySingleProps) => {
|
|
68
87
|
setValue(values);
|
69
88
|
};
|
70
89
|
|
90
|
+
const { hasIcon, showIcon, orientation, labelPlacement, labelVerticalPlacement, ...rest } = args;
|
91
|
+
const isVertical = orientation === 'vertical';
|
92
|
+
|
71
93
|
return (
|
72
|
-
<SliderWrapper>
|
73
|
-
<Slider
|
94
|
+
<SliderWrapper isVertical={isVertical}>
|
95
|
+
<Slider
|
96
|
+
value={value}
|
97
|
+
orientation={orientation}
|
98
|
+
labelPlacement={labelPlacement}
|
99
|
+
labelContent={showIcon ? <IconMic size={rest.size === 's' ? 'xs' : 's'} /> : null}
|
100
|
+
onChangeCommitted={onChangeCommittedHandle}
|
101
|
+
onChange={onChangeHandle}
|
102
|
+
{...rest}
|
103
|
+
/>
|
74
104
|
</SliderWrapper>
|
75
105
|
);
|
76
106
|
};
|
77
107
|
|
78
108
|
export const Default: StorySingle = {
|
79
109
|
argTypes: {
|
110
|
+
sliderAlign: {
|
111
|
+
options: sliderAligns,
|
112
|
+
control: {
|
113
|
+
type: 'inline-radio',
|
114
|
+
},
|
115
|
+
if: { arg: 'orientation', eq: 'vertical' },
|
116
|
+
},
|
80
117
|
labelPlacement: {
|
81
118
|
options: labelPlacements,
|
82
119
|
control: {
|
83
120
|
type: 'inline-radio',
|
84
121
|
},
|
122
|
+
if: { arg: 'orientation', eq: 'horizontal' },
|
123
|
+
},
|
124
|
+
labelReversed: {
|
125
|
+
control: {
|
126
|
+
type: 'boolean',
|
127
|
+
expanded: true,
|
128
|
+
},
|
129
|
+
if: { arg: 'orientation', eq: 'vertical' },
|
130
|
+
},
|
131
|
+
scaleAlign: {
|
132
|
+
options: scaleAligns,
|
133
|
+
control: {
|
134
|
+
type: 'inline-radio',
|
135
|
+
},
|
136
|
+
if: { arg: 'orientation', eq: 'horizontal' },
|
85
137
|
},
|
86
|
-
|
87
|
-
options:
|
138
|
+
orientation: {
|
139
|
+
options: orientations,
|
88
140
|
control: {
|
89
141
|
type: 'inline-radio',
|
90
142
|
},
|
91
143
|
},
|
144
|
+
reversed: {
|
145
|
+
control: {
|
146
|
+
type: 'boolean',
|
147
|
+
},
|
148
|
+
if: { arg: 'orientation', eq: 'vertical' },
|
149
|
+
},
|
92
150
|
},
|
93
151
|
args: {
|
94
152
|
view: 'default',
|
95
153
|
size: 'm',
|
154
|
+
pointerSize: 'small',
|
96
155
|
min: 0,
|
97
156
|
max: 100,
|
98
|
-
|
99
|
-
ariaLabel: 'Цена
|
157
|
+
orientation: 'horizontal',
|
158
|
+
ariaLabel: 'Цена микрофона',
|
100
159
|
multipleStepSize: 10,
|
101
|
-
label: 'Цена
|
102
|
-
labelPlacement: '
|
103
|
-
|
104
|
-
|
160
|
+
label: 'Цена микрофона',
|
161
|
+
labelPlacement: 'top',
|
162
|
+
sliderAlign: 'center',
|
163
|
+
scaleAlign: 'bottom',
|
164
|
+
showScale: true,
|
105
165
|
showCurrentValue: false,
|
166
|
+
showIcon: true,
|
167
|
+
reversed: false,
|
168
|
+
labelReversed: false,
|
169
|
+
disabled: false,
|
106
170
|
},
|
107
171
|
render: (args) => <StoryDefault {...args} />,
|
108
172
|
};
|
@@ -142,7 +206,7 @@ const StoryMultipleValues = (args: StoryProps) => {
|
|
142
206
|
};
|
143
207
|
|
144
208
|
return (
|
145
|
-
<SliderWrapper>
|
209
|
+
<SliderWrapper isVertical={args.orientation === 'vertical'}>
|
146
210
|
<Slider
|
147
211
|
value={value}
|
148
212
|
onKeyDownTextField={onKeyDownTextField}
|
@@ -159,6 +223,7 @@ export const MultipleValues: StoryDouble = {
|
|
159
223
|
args: {
|
160
224
|
view: 'default',
|
161
225
|
size: 'm',
|
226
|
+
pointerSize: 'small',
|
162
227
|
min: 0,
|
163
228
|
max: 100,
|
164
229
|
disabled: false,
|
@@ -166,5 +231,14 @@ export const MultipleValues: StoryDouble = {
|
|
166
231
|
ariaLabel: ['Минимальная цена товара', 'Максимальная цена товара'],
|
167
232
|
multipleStepSize: 10,
|
168
233
|
},
|
234
|
+
argTypes: {
|
235
|
+
pointerSize: {
|
236
|
+
options: ['small', 'large'],
|
237
|
+
control: {
|
238
|
+
type: 'inline-radio',
|
239
|
+
},
|
240
|
+
},
|
241
|
+
...disableProps(['orientation']),
|
242
|
+
},
|
169
243
|
render: (args) => <StoryMultipleValues {...args} />,
|
170
244
|
};
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.config = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Tabs = /*#__PURE__*/require("
|
8
|
+
var _Tabs = /*#__PURE__*/require("../../../../components/Tabs");
|
9
9
|
var config = exports.config = {
|
10
10
|
defaults: {
|
11
11
|
view: 'default',
|
@@ -13,10 +13,10 @@ var config = exports.config = {
|
|
13
13
|
},
|
14
14
|
variations: {
|
15
15
|
view: {
|
16
|
-
clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":
|
17
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":
|
18
|
-
divider: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":
|
19
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":
|
16
|
+
clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.itemPaddingClear, _Tabs.tabsTokens.itemContentPaddingClear, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.additionalContentColor, _Tabs.tabsTokens.additionalContentHoverColor, _Tabs.tabsTokens.additionalContentSelectedColor, _Tabs.tabsTokens.additionalContentSelectedHoverColor),
|
17
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":transparent;", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--surface-solid-card);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.itemMarginLeftFilled, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.additionalContentColor, _Tabs.tabsTokens.additionalContentHoverColor, _Tabs.tabsTokens.additionalContentSelectedColor, _Tabs.tabsTokens.additionalContentSelectedHoverColor),
|
18
|
+
divider: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.itemPaddingClear, _Tabs.tabsTokens.itemContentPaddingClear, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.additionalContentColor, _Tabs.tabsTokens.additionalContentHoverColor, _Tabs.tabsTokens.additionalContentSelectedColor, _Tabs.tabsTokens.additionalContentSelectedHoverColor),
|
19
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":transparent;", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--inverse-text-secondary);", ":var(--inverse-text-secondary);"], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.itemMarginLeftFilled, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.additionalContentColor, _Tabs.tabsTokens.additionalContentHoverColor, _Tabs.tabsTokens.additionalContentSelectedColor, _Tabs.tabsTokens.additionalContentSelectedHoverColor)
|
20
20
|
},
|
21
21
|
size: {
|
22
22
|
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.375rem;", ":auto;", ":2rem;", ":0 0.5rem;", ":0 0.375rem;", ":1.75rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
|
@@ -4,19 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.TabItem = void 0;
|
7
|
-
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
7
|
var _Tabs = /*#__PURE__*/require("../../../../components/Tabs");
|
9
8
|
var _engines = /*#__PURE__*/require("../../../../engines");
|
10
|
-
var
|
11
|
-
var
|
12
|
-
|
13
|
-
var mergedHorizontalTabItemConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tabs.horizontalTabItemConfig, _HorizontalTabItem.config);
|
14
|
-
var HorizontalTabItem = /*#__PURE__*/(0, _engines.component)(mergedHorizontalTabItemConfig);
|
15
|
-
var mergedVerticalTabItemConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tabs.verticalTabItemConfig, _VerticalTabItem.config);
|
16
|
-
var VerticalTabItem = /*#__PURE__*/(0, _engines.component)(mergedVerticalTabItemConfig);
|
17
|
-
var TabItem = exports.TabItem = function TabItem(props) {
|
18
|
-
if (props.orientation === 'vertical') {
|
19
|
-
return /*#__PURE__*/_react["default"].createElement(VerticalTabItem, props);
|
20
|
-
}
|
21
|
-
return /*#__PURE__*/_react["default"].createElement(HorizontalTabItem, props);
|
22
|
-
};
|
9
|
+
var _TabItem = /*#__PURE__*/require("./TabItem.config");
|
10
|
+
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tabs.tabItemConfig, _TabItem.config);
|
11
|
+
var TabItem = exports.TabItem = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.config = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Tabs = /*#__PURE__*/require("
|
8
|
+
var _Tabs = /*#__PURE__*/require("../../../../components/Tabs");
|
9
9
|
var config = exports.config = {
|
10
10
|
defaults: {
|
11
11
|
view: 'filled',
|
@@ -4,19 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.Tabs = void 0;
|
7
|
-
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
7
|
var _Tabs = /*#__PURE__*/require("../../../../components/Tabs");
|
9
8
|
var _engines = /*#__PURE__*/require("../../../../engines");
|
10
|
-
var
|
11
|
-
var
|
12
|
-
|
13
|
-
var mergedHorizontalTabsConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tabs.horizontalTabsConfig, _HorizontalTabs.config);
|
14
|
-
var mergedVerticalTabsConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tabs.verticalTabsConfig, _VerticalTabs.config);
|
15
|
-
var HorizontalTabs = /*#__PURE__*/(0, _engines.component)(mergedHorizontalTabsConfig);
|
16
|
-
var VerticalTabs = /*#__PURE__*/(0, _engines.component)(mergedVerticalTabsConfig);
|
17
|
-
var Tabs = exports.Tabs = function Tabs(props) {
|
18
|
-
if (props.orientation === 'vertical') {
|
19
|
-
return /*#__PURE__*/_react["default"].createElement(VerticalTabs, props);
|
20
|
-
}
|
21
|
-
return /*#__PURE__*/_react["default"].createElement(HorizontalTabs, props);
|
22
|
-
};
|
9
|
+
var _Tabs2 = /*#__PURE__*/require("./Tabs.config");
|
10
|
+
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tabs.tabsConfig, _Tabs2.config);
|
11
|
+
var Tabs = exports.Tabs = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|