@salutejs/plasma-new-hope 0.173.1-canary.1502.11462220468.0 → 0.174.0-canary.1452.11462555994.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 +23 -17
- package/cjs/components/Slider/Slider.tokens.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +8 -8
- package/cjs/components/Slider/components/Double/Double.js +58 -23
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +98 -0
- package/cjs/components/Slider/components/Single/Single.css +14 -14
- package/cjs/components/Slider/components/Single/Single.js +64 -33
- 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_1h7n2s2.css +6 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.css +5 -5
- package/cjs/components/Slider/components/SliderBase/SliderBase.js +31 -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 +49 -88
- 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_irtcgm.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_uyn20e.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/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +3 -8
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +5 -15
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/{base_4ob3q5.css → base_9miwn.css} +1 -1
- package/cjs/index.css +16 -14
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Slider/Slider.js +10 -2
- package/emotion/cjs/components/Slider/Slider.template-doc.mdx +26 -0
- package/emotion/cjs/components/Slider/Slider.tokens.js +23 -17
- package/emotion/cjs/components/Slider/components/Double/Double.js +54 -19
- package/emotion/cjs/components/Slider/components/Single/Single.js +64 -33
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +18 -9
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.js +31 -12
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +10 -10
- package/emotion/cjs/components/Slider/ui/Handler/Handler.js +52 -88
- 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/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +3 -13
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +5 -20
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +90 -16
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +33 -72
- 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/Tabs.stories.tsx +33 -72
- package/emotion/es/components/Slider/Slider.js +11 -2
- package/emotion/es/components/Slider/Slider.template-doc.mdx +26 -0
- package/emotion/es/components/Slider/Slider.tokens.js +23 -17
- package/emotion/es/components/Slider/components/Double/Double.js +54 -19
- package/emotion/es/components/Slider/components/Single/Single.js +65 -34
- package/emotion/es/components/Slider/components/Single/Single.styles.js +17 -8
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.js +31 -12
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.styles.js +11 -11
- package/emotion/es/components/Slider/ui/Handler/Handler.js +51 -86
- 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/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +3 -14
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +5 -21
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +90 -16
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +33 -72
- 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/Tabs.stories.tsx +33 -72
- 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 +23 -17
- package/es/components/Slider/Slider.tokens.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +8 -8
- package/es/components/Slider/components/Double/Double.js +54 -19
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +98 -0
- package/es/components/Slider/components/Single/Single.css +14 -14
- package/es/components/Slider/components/Single/Single.js +65 -34
- 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_1h7n2s2.css +6 -0
- package/es/components/Slider/components/SliderBase/SliderBase.css +5 -5
- package/es/components/Slider/components/SliderBase/SliderBase.js +31 -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 +48 -87
- 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_irtcgm.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_uyn20e.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/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +4 -9
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +6 -16
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/{base_4ob3q5.css → base_9miwn.css} +1 -1
- package/es/index.css +16 -14
- 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.template-doc.mdx +26 -0
- package/styled-components/cjs/components/Slider/Slider.tokens.js +23 -17
- package/styled-components/cjs/components/Slider/components/Double/Double.js +54 -19
- package/styled-components/cjs/components/Slider/components/Single/Single.js +64 -33
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +6 -6
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +31 -12
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +6 -6
- package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +52 -88
- 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/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +3 -13
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +5 -20
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/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/Tabs.stories.tsx +33 -72
- 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/Tabs.stories.tsx +33 -72
- package/styled-components/es/components/Slider/Slider.js +11 -2
- package/styled-components/es/components/Slider/Slider.template-doc.mdx +26 -0
- package/styled-components/es/components/Slider/Slider.tokens.js +23 -17
- package/styled-components/es/components/Slider/components/Double/Double.js +54 -19
- package/styled-components/es/components/Slider/components/Single/Single.js +65 -34
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +5 -5
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +31 -12
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
- package/styled-components/es/components/Slider/ui/Handler/Handler.js +51 -86
- 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/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +3 -14
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +5 -21
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/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_b2c/components/Tabs/Tabs.stories.tsx +33 -72
- 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_web/components/Tabs/Tabs.stories.tsx +33 -72
- package/types/components/Slider/Slider.d.ts.map +1 -1
- package/types/components/Slider/Slider.tokens.d.ts +22 -16
- package/types/components/Slider/Slider.tokens.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.types.d.ts +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 +80 -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 +6 -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 +5 -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/TabItem.types.d.ts +8 -50
- package/types/components/Tabs/TabItem.types.d.ts.map +1 -1
- package/types/components/Tabs/Tabs.types.d.ts +2 -44
- package/types/components/Tabs/Tabs.types.d.ts.map +1 -1
- package/types/components/Tabs/createTabsController.d.ts +2 -2
- package/types/components/Tabs/createTabsController.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts +2 -2
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +84 -2
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +2 -17
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.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 +84 -2
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +2 -17
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.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/const.js +0 -11
- package/cjs/components/Tabs/ui/horizontal/const.js.map +0 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/const.js +0 -10
- package/emotion/es/components/Tabs/ui/horizontal/const.js +0 -4
- 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/const.js +0 -7
- package/es/components/Tabs/ui/horizontal/const.js.map +0 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/const.js +0 -10
- package/styled-components/es/components/Tabs/ui/horizontal/const.js +0 -4
- package/types/components/Tabs/ui/horizontal/const.d.ts +0 -2
- package/types/components/Tabs/ui/horizontal/const.d.ts.map +0 -1
@@ -4,14 +4,18 @@ import styled from 'styled-components';
|
|
4
4
|
import { disableProps } from '@salutejs/plasma-sb-utils';
|
5
5
|
import type { StoryObj, Meta } from '@storybook/react';
|
6
6
|
|
7
|
+
import { IconMic } from '../../../../components/_Icon';
|
7
8
|
import { WithTheme } from '../../../_helpers';
|
8
9
|
|
9
10
|
import { Slider } from './Slider';
|
10
11
|
|
11
12
|
const sizes = ['l', 'm', 's'];
|
13
|
+
const pointerSizes = ['small', 'large', 'none'];
|
12
14
|
const views = ['default', 'accent', 'gradient'];
|
13
|
-
const
|
14
|
-
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'];
|
15
19
|
|
16
20
|
const meta: Meta<typeof Slider> = {
|
17
21
|
title: 'plasma_web/Slider',
|
@@ -30,9 +34,24 @@ const meta: Meta<typeof Slider> = {
|
|
30
34
|
type: 'inline-radio',
|
31
35
|
},
|
32
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
|
+
},
|
33
49
|
...disableProps([
|
34
50
|
'value',
|
35
51
|
'onChangeCommitted',
|
52
|
+
'onChangeTextField',
|
53
|
+
'onBlurTextField',
|
54
|
+
'onKeyDownTextField',
|
36
55
|
'ariaLabel',
|
37
56
|
'onChange',
|
38
57
|
'fontSizeMultiplier',
|
@@ -52,8 +71,9 @@ type StorySingleProps = StoryProps;
|
|
52
71
|
type StorySingle = StoryObj<StorySingleProps>;
|
53
72
|
type StoryDouble = StoryObj<StoryProps>;
|
54
73
|
|
55
|
-
const SliderWrapper = styled.div
|
56
|
-
width: 25rem;
|
74
|
+
const SliderWrapper = styled.div<{ isVertical?: boolean }>`
|
75
|
+
width: ${({ isVertical }) => (isVertical ? 'auto' : '25rem')};
|
76
|
+
height: ${({ isVertical }) => (isVertical ? '25rem' : 'auto')};
|
57
77
|
`;
|
58
78
|
|
59
79
|
const StoryDefault = (args: StorySingleProps) => {
|
@@ -67,41 +87,86 @@ const StoryDefault = (args: StorySingleProps) => {
|
|
67
87
|
setValue(values);
|
68
88
|
};
|
69
89
|
|
90
|
+
const { hasIcon, showIcon, orientation, labelPlacement, labelVerticalPlacement, ...rest } = args;
|
91
|
+
const isVertical = orientation === 'vertical';
|
92
|
+
|
70
93
|
return (
|
71
|
-
<SliderWrapper>
|
72
|
-
<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
|
+
/>
|
73
104
|
</SliderWrapper>
|
74
105
|
);
|
75
106
|
};
|
76
107
|
|
77
108
|
export const Default: StorySingle = {
|
78
109
|
argTypes: {
|
110
|
+
sliderAlign: {
|
111
|
+
options: sliderAligns,
|
112
|
+
control: {
|
113
|
+
type: 'inline-radio',
|
114
|
+
},
|
115
|
+
if: { arg: 'orientation', eq: 'vertical' },
|
116
|
+
},
|
79
117
|
labelPlacement: {
|
80
118
|
options: labelPlacements,
|
81
119
|
control: {
|
82
120
|
type: 'inline-radio',
|
83
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' },
|
84
137
|
},
|
85
|
-
|
86
|
-
options:
|
138
|
+
orientation: {
|
139
|
+
options: orientations,
|
87
140
|
control: {
|
88
141
|
type: 'inline-radio',
|
89
142
|
},
|
90
143
|
},
|
144
|
+
reversed: {
|
145
|
+
control: {
|
146
|
+
type: 'boolean',
|
147
|
+
},
|
148
|
+
if: { arg: 'orientation', eq: 'vertical' },
|
149
|
+
},
|
91
150
|
},
|
92
151
|
args: {
|
93
152
|
view: 'default',
|
94
153
|
size: 'm',
|
154
|
+
pointerSize: 'small',
|
95
155
|
min: 0,
|
96
156
|
max: 100,
|
97
|
-
|
98
|
-
ariaLabel: 'Цена
|
157
|
+
orientation: 'horizontal',
|
158
|
+
ariaLabel: 'Цена микрофона',
|
99
159
|
multipleStepSize: 10,
|
100
|
-
label: 'Цена
|
101
|
-
labelPlacement: '
|
102
|
-
|
103
|
-
|
160
|
+
label: 'Цена микрофона',
|
161
|
+
labelPlacement: 'top',
|
162
|
+
sliderAlign: 'center',
|
163
|
+
scaleAlign: 'bottom',
|
164
|
+
showScale: true,
|
104
165
|
showCurrentValue: false,
|
166
|
+
showIcon: true,
|
167
|
+
reversed: false,
|
168
|
+
labelReversed: false,
|
169
|
+
disabled: false,
|
105
170
|
},
|
106
171
|
render: (args) => <StoryDefault {...args} />,
|
107
172
|
};
|
@@ -141,7 +206,7 @@ const StoryMultipleValues = (args: StoryProps) => {
|
|
141
206
|
};
|
142
207
|
|
143
208
|
return (
|
144
|
-
<SliderWrapper>
|
209
|
+
<SliderWrapper isVertical={args.orientation === 'vertical'}>
|
145
210
|
<Slider
|
146
211
|
value={value}
|
147
212
|
onKeyDownTextField={onKeyDownTextField}
|
@@ -158,6 +223,7 @@ export const MultipleValues: StoryDouble = {
|
|
158
223
|
args: {
|
159
224
|
view: 'default',
|
160
225
|
size: 'm',
|
226
|
+
pointerSize: 'small',
|
161
227
|
min: 0,
|
162
228
|
max: 100,
|
163
229
|
disabled: false,
|
@@ -165,5 +231,14 @@ export const MultipleValues: StoryDouble = {
|
|
165
231
|
ariaLabel: ['Минимальная цена товара', 'Максимальная цена товара'],
|
166
232
|
multipleStepSize: 10,
|
167
233
|
},
|
234
|
+
argTypes: {
|
235
|
+
pointerSize: {
|
236
|
+
options: ['small', 'large'],
|
237
|
+
control: {
|
238
|
+
type: 'inline-radio',
|
239
|
+
},
|
240
|
+
},
|
241
|
+
...disableProps(['orientation']),
|
242
|
+
},
|
168
243
|
render: (args) => <StoryMultipleValues {...args} />,
|
169
244
|
};
|
@@ -12,7 +12,6 @@ import { Tabs } from './Tabs';
|
|
12
12
|
import { TabItem } from './TabItem';
|
13
13
|
|
14
14
|
const clips = ['none', 'scroll', 'showAll'];
|
15
|
-
const headerClips = ['none', 'scroll'];
|
16
15
|
const sizes = ['xs', 's', 'm', 'l'] as const;
|
17
16
|
const headerSizes = ['h5', 'h4', 'h3', 'h2', 'h1'] as const;
|
18
17
|
|
@@ -21,6 +20,7 @@ type HeaderSize = typeof headerSizes[number];
|
|
21
20
|
|
22
21
|
type CustomStoryTabsProps = {
|
23
22
|
itemQuantity: number;
|
23
|
+
hasDivider: boolean;
|
24
24
|
contentLeft: string;
|
25
25
|
contentRight: string;
|
26
26
|
stretch: boolean;
|
@@ -30,12 +30,12 @@ type CustomStoryTabsProps = {
|
|
30
30
|
const contentLeftOptions = ['none', 'icon'];
|
31
31
|
const contentRightOptions = ['none', 'counter', 'icon'];
|
32
32
|
|
33
|
-
const getContentLeft = (contentLeftOption: string, size:
|
33
|
+
const getContentLeft = (contentLeftOption: string, size: Size) => {
|
34
34
|
const iconSize = size === 'xs' ? 'xs' : 's';
|
35
35
|
return contentLeftOption === 'icon' ? <IconMic size={iconSize} color="inherit" /> : undefined;
|
36
36
|
};
|
37
37
|
|
38
|
-
const getContentRight = (contentRightOption: string, size:
|
38
|
+
const getContentRight = (contentRightOption: string, size: Size) => {
|
39
39
|
const iconSize = size === 'xs' ? 'xs' : 's';
|
40
40
|
const counterSize = size === 'xs' ? 'xxs' : 'xs';
|
41
41
|
|
@@ -96,7 +96,7 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
|
|
96
96
|
const [index, setIndex] = useState(0);
|
97
97
|
|
98
98
|
return (
|
99
|
-
<Tabs view=
|
99
|
+
<Tabs view={hasDivider ? 'divider' : 'clear'} stretch={stretch} disabled={disabled} size={size}>
|
100
100
|
{items.map((_, i) => {
|
101
101
|
if (helperText !== '') {
|
102
102
|
return (
|
@@ -152,7 +152,7 @@ const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
|
|
152
152
|
const [index, setIndex] = useState(0);
|
153
153
|
|
154
154
|
return (
|
155
|
-
<Tabs clip={clip} view=
|
155
|
+
<Tabs clip={clip} view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size} style={{ width }}>
|
156
156
|
{items.map((_, i) => {
|
157
157
|
if (helperText !== '') {
|
158
158
|
return (
|
@@ -220,7 +220,7 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
|
|
220
220
|
});
|
221
221
|
|
222
222
|
return (
|
223
|
-
<Tabs clip={clip} view=
|
223
|
+
<Tabs clip={clip} view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size}>
|
224
224
|
{visibleItems.map((_, i) => {
|
225
225
|
if (helperText !== '') {
|
226
226
|
return (
|
@@ -603,47 +603,31 @@ export const VerticalTabs: StoryObj<VerticalStoryTabsProps> = {
|
|
603
603
|
},
|
604
604
|
};
|
605
605
|
|
606
|
-
const
|
607
|
-
const {
|
608
|
-
|
609
|
-
|
610
|
-
|
611
|
-
|
612
|
-
|
613
|
-
|
614
|
-
|
615
|
-
|
616
|
-
view="clear"
|
617
|
-
selected={i === index}
|
618
|
-
onClick={() => !disabled && setIndex(i)}
|
619
|
-
tabIndex={!disabled ? 0 : -1}
|
620
|
-
disabled={disabled}
|
621
|
-
value={helperText}
|
622
|
-
size={size as HeaderSize}
|
623
|
-
>
|
624
|
-
{`Label${i + 1}`}
|
625
|
-
</TabItem>
|
626
|
-
))}
|
627
|
-
</Tabs>
|
628
|
-
);
|
629
|
-
};
|
630
|
-
|
631
|
-
const StoryHeaderScroll = (props: HorizontalStoryTabsProps) => {
|
632
|
-
const { disabled, itemQuantity, size, helperText, width } = props;
|
606
|
+
const StoryHeaderTabs = (props: StoryTabsProps) => {
|
607
|
+
const {
|
608
|
+
disabled,
|
609
|
+
itemQuantity,
|
610
|
+
size,
|
611
|
+
contentLeft: contentLeftOption,
|
612
|
+
contentRight: contentRightOption,
|
613
|
+
hasDivider,
|
614
|
+
stretch,
|
615
|
+
} = props;
|
633
616
|
const items = Array(itemQuantity).fill(0);
|
634
617
|
const [index, setIndex] = useState(0);
|
635
618
|
|
636
619
|
return (
|
637
|
-
<Tabs view=
|
620
|
+
<Tabs view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size} stretch={stretch}>
|
638
621
|
{items.map((_, i) => (
|
639
622
|
<TabItem
|
640
623
|
key={`item:${i}`}
|
641
|
-
view="
|
624
|
+
view="divider"
|
642
625
|
selected={i === index}
|
643
626
|
onClick={() => !disabled && setIndex(i)}
|
644
627
|
tabIndex={!disabled ? 0 : -1}
|
645
628
|
disabled={disabled}
|
646
|
-
|
629
|
+
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
630
|
+
contentRight={getContentRight(contentRightOption, size as Size)}
|
647
631
|
size={size as HeaderSize}
|
648
632
|
>
|
649
633
|
{`Label${i + 1}`}
|
@@ -653,60 +637,37 @@ const StoryHeaderScroll = (props: HorizontalStoryTabsProps) => {
|
|
653
637
|
);
|
654
638
|
};
|
655
639
|
|
656
|
-
export const HeaderTabs: StoryObj<
|
640
|
+
export const HeaderTabs: StoryObj<StoryTabsProps> = {
|
657
641
|
args: {
|
658
642
|
size: 'h5',
|
659
643
|
disabled: false,
|
660
|
-
|
661
|
-
itemQuantity:
|
662
|
-
width: '12rem',
|
644
|
+
hasDivider: true,
|
645
|
+
itemQuantity: 4,
|
663
646
|
},
|
664
647
|
argTypes: {
|
665
|
-
|
666
|
-
options:
|
648
|
+
size: {
|
649
|
+
options: headerSizes,
|
667
650
|
control: {
|
668
651
|
type: 'select',
|
669
652
|
},
|
670
653
|
},
|
671
|
-
width: {
|
672
|
-
control: {
|
673
|
-
type: 'text',
|
674
|
-
},
|
675
|
-
if: { arg: 'clip', eq: 'scroll' },
|
676
|
-
},
|
677
|
-
stretch: {
|
678
|
-
table: {
|
679
|
-
disable: true,
|
680
|
-
},
|
681
|
-
},
|
682
654
|
contentLeft: {
|
683
|
-
|
684
|
-
|
655
|
+
options: contentLeftOptions,
|
656
|
+
control: {
|
657
|
+
type: 'select',
|
685
658
|
},
|
686
659
|
},
|
687
660
|
contentRight: {
|
688
|
-
|
689
|
-
|
661
|
+
options: contentRightOptions,
|
662
|
+
control: {
|
663
|
+
type: 'select',
|
690
664
|
},
|
691
665
|
},
|
692
|
-
|
666
|
+
clip: {
|
693
667
|
table: {
|
694
668
|
disable: true,
|
695
669
|
},
|
696
670
|
},
|
697
|
-
size: {
|
698
|
-
options: headerSizes,
|
699
|
-
control: {
|
700
|
-
type: 'select',
|
701
|
-
},
|
702
|
-
},
|
703
|
-
},
|
704
|
-
render: (args) => {
|
705
|
-
switch (args.clip) {
|
706
|
-
case 'scroll':
|
707
|
-
return <StoryHeaderScroll {...args} />;
|
708
|
-
default:
|
709
|
-
return <StoryHeaderDefault {...args} />;
|
710
|
-
}
|
711
671
|
},
|
672
|
+
render: (args) => <StoryHeaderTabs {...args} />,
|
712
673
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,eAAe,CAAC;
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,eAAe,CAAC;AAQ1E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAW7C,eAAO,MAAM,UAAU,SAAU,qCAAqC,cAAc,EAAE,WAAW,CAAC,uFAmB5F,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBArBQ,qCAAqC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;CA0CjG,CAAC"}
|
@@ -1,6 +1,12 @@
|
|
1
1
|
export declare const classes: {
|
2
2
|
labelPlacementOuter: string;
|
3
3
|
labelPlacementInner: string;
|
4
|
+
labelPlacementBottom: string;
|
5
|
+
labelAlignLeft: string;
|
6
|
+
labelAlignCenter: string;
|
7
|
+
labelAlignRight: string;
|
8
|
+
labelAlignNone: string;
|
9
|
+
labelContentReversed: string;
|
4
10
|
rangeValuesPlacementOuter: string;
|
5
11
|
rangeValuesPlacementInner: string;
|
6
12
|
maxRangeValue: string;
|
@@ -10,12 +16,16 @@ export declare const classes: {
|
|
10
16
|
firstTextField: string;
|
11
17
|
secondTextField: string;
|
12
18
|
activeRangeValue: string;
|
19
|
+
verticalOrientation: string;
|
20
|
+
valuePlacementLeft: string;
|
21
|
+
reversed: string;
|
13
22
|
};
|
14
23
|
export declare const tokens: {
|
15
|
-
|
24
|
+
size: string;
|
16
25
|
labelWrapperGap: string;
|
17
26
|
labelWrapperMarginBottom: string;
|
18
27
|
labelWrapperMarginRight: string;
|
28
|
+
labelWrapperVerticalMargin: string;
|
19
29
|
labelColor: string;
|
20
30
|
labelFontFamily: string;
|
21
31
|
labelFontSize: string;
|
@@ -23,31 +33,27 @@ export declare const tokens: {
|
|
23
33
|
labelFontWeight: string;
|
24
34
|
labelLetterSpacing: string;
|
25
35
|
labelLineHeight: string;
|
26
|
-
rangeMinValueMargin: string;
|
27
|
-
rangeMaxValueMargin: string;
|
28
36
|
rangeValueBottomOffset: string;
|
37
|
+
rangeValueHorizontalMargin: string;
|
38
|
+
rangeValueHorizontalOffset: string;
|
39
|
+
rangeValueVerticalMargin: string;
|
29
40
|
rangeValueColor: string;
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
41
|
+
valueFontFamily: string;
|
42
|
+
valueFontSize: string;
|
43
|
+
valueFontStyle: string;
|
44
|
+
valueFontWeight: string;
|
45
|
+
valueLetterSpacing: string;
|
46
|
+
valueLineHeight: string;
|
36
47
|
doubleWrapperGap: string;
|
37
48
|
thumbSize: string;
|
49
|
+
thumbSizeLarge: string;
|
38
50
|
thumbBorder: string;
|
39
51
|
thumbBorderColor: string;
|
40
52
|
thumbBackgroundColor: string;
|
41
53
|
thumbFocusBorderColor: string;
|
42
54
|
currentValueTopOffset: string;
|
43
|
-
currentValueFontFamily: string;
|
44
|
-
currentValueFontSize: string;
|
45
|
-
currentValueFontStyle: string;
|
46
|
-
currentValueFontWeight: string;
|
47
|
-
currentValueLetterSpacing: string;
|
48
|
-
currentValueLineHeight: string;
|
49
55
|
railBackgroundColor: string;
|
50
|
-
|
56
|
+
railThickness: string;
|
51
57
|
railBorderRadius: string;
|
52
58
|
railIndent: string;
|
53
59
|
fillColor: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Slider.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO
|
1
|
+
{"version":3,"file":"Slider.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;CAqBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqElB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Double.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAA0C,MAAM,OAAO,CAAC;AAUxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAkBnD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,
|
1
|
+
{"version":3,"file":"Double.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAA0C,MAAM,OAAO,CAAC;AAUxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAkBnD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAwW9C,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Double.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE3F,MAAM,WAAW,iBACb,SAAQ,eAAe,EACnB,mBAAmB,EACnB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IACrE;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpF;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjF;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACvF;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;
|
1
|
+
{"version":3,"file":"Double.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE3F,MAAM,WAAW,iBACb,SAAQ,eAAe,EACnB,mBAAmB,EACnB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IACrE;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpF;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjF;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACvF;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CACnC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Single.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAWhC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;
|
1
|
+
{"version":3,"file":"Single.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAWhC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA8P9C,CAAC"}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
export declare const LabelWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
3
|
-
export declare const
|
3
|
+
export declare const LabelContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
4
4
|
export declare const Label: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & Record<never, unknown>>;
|
5
5
|
export declare const StyledRangeValue: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
6
6
|
export declare const SliderBaseWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Single.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,
|
1
|
+
{"version":3,"file":"Single.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAExB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAkB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKA8B7B,CAAC;AAEF,eAAO,MAAM,aAAa,qKA2IzB,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import type { HTMLAttributes } from 'react';
|
1
|
+
import type { HTMLAttributes, ReactNode } from 'react';
|
2
2
|
import type { SliderBaseProps, SliderInternalProps } from '../SliderBase/SliderBase.types';
|
3
3
|
import { FormTypeNumber } from '../../../../types/FormType';
|
4
4
|
declare type SingleSliderPropsUnion = {
|
@@ -36,7 +36,54 @@ declare type SingleSliderPropsUnion = {
|
|
36
36
|
*/
|
37
37
|
defaultValue?: never;
|
38
38
|
};
|
39
|
-
|
39
|
+
declare type SingleSliderOrientationPropsUnion = {
|
40
|
+
/**
|
41
|
+
* Ориентация Slider.
|
42
|
+
* @default `horizontal`
|
43
|
+
*/
|
44
|
+
orientation?: 'horizontal';
|
45
|
+
/**
|
46
|
+
* Расположение подписи.
|
47
|
+
* @default top
|
48
|
+
* @description
|
49
|
+
* Может принимать три значения:
|
50
|
+
* top - отображение справа
|
51
|
+
* left - отображение слева
|
52
|
+
* none - скрывает подпись
|
53
|
+
*/
|
54
|
+
labelPlacement?: 'top' | 'left' | 'none';
|
55
|
+
/**
|
56
|
+
* Расположение значений минимума и максимума интервала.
|
57
|
+
* @default top
|
58
|
+
* @description
|
59
|
+
* Может принимать три значения:
|
60
|
+
* side - отображение по сторонам
|
61
|
+
* bottom - отображение снизу
|
62
|
+
* none - скрывает значения
|
63
|
+
*/
|
64
|
+
scaleAlign?: 'side' | 'bottom' | 'none';
|
65
|
+
/**
|
66
|
+
* Выравнивание элементов в Slider.
|
67
|
+
*/
|
68
|
+
sliderAlign?: never | 'none';
|
69
|
+
reversed?: never;
|
70
|
+
labelReversed?: never;
|
71
|
+
} | {
|
72
|
+
/**
|
73
|
+
* Ориентация Slider.
|
74
|
+
* @default `horizontal`
|
75
|
+
*/
|
76
|
+
orientation: 'vertical';
|
77
|
+
/**
|
78
|
+
* Выравнивание элементов в Slider.
|
79
|
+
* @default 'left'
|
80
|
+
*/
|
81
|
+
sliderAlign?: 'center' | 'left' | 'right' | 'none';
|
82
|
+
scaleAlign?: never;
|
83
|
+
reversed?: boolean;
|
84
|
+
labelReversed?: boolean;
|
85
|
+
};
|
86
|
+
export declare type SingleSliderProps = SliderBaseProps & SliderInternalProps & SingleSliderPropsUnion & SingleSliderOrientationPropsUnion & Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> & {
|
40
87
|
/**
|
41
88
|
* Вызывается при отпускании ползунка
|
42
89
|
*/
|
@@ -51,8 +98,18 @@ export declare type SingleSliderProps = SliderBaseProps & SliderInternalProps &
|
|
51
98
|
showCurrentValue?: boolean;
|
52
99
|
/**
|
53
100
|
* Отображать ли значения минимума и максимума интервала.
|
101
|
+
* @deprecated
|
54
102
|
*/
|
55
103
|
showRangeValues?: boolean;
|
104
|
+
/**
|
105
|
+
* Расположение значений минимума и максимума интервала.
|
106
|
+
* @deprecated
|
107
|
+
*/
|
108
|
+
rangeValuesPlacement?: string;
|
109
|
+
/**
|
110
|
+
* Отображать ли значения минимума и максимума интервала.
|
111
|
+
*/
|
112
|
+
showScale?: boolean;
|
56
113
|
/**
|
57
114
|
* Разница между текущим значением и минимальным, при котором минимальное будет скрыто.
|
58
115
|
*/
|
@@ -61,16 +118,21 @@ export declare type SingleSliderProps = SliderBaseProps & SliderInternalProps &
|
|
61
118
|
* Разница между текущим значением и максимальным, при котором максимальное будет скрыто.
|
62
119
|
*/
|
63
120
|
hideMaxValueDiff?: number;
|
64
|
-
/**
|
65
|
-
* Расположение значений минимума и максимума интервала.
|
66
|
-
* @default `outer`
|
67
|
-
*/
|
68
|
-
rangeValuesPlacement?: 'inner' | 'outer';
|
69
121
|
/**
|
70
122
|
* Расположение подписи.
|
123
|
+
* @deprecated
|
71
124
|
* @default `outer`
|
72
125
|
*/
|
73
126
|
labelPlacement?: 'inner' | 'outer';
|
127
|
+
/**
|
128
|
+
* Слот под контент слева от подписи (например, иконку)
|
129
|
+
* @deprecated
|
130
|
+
*/
|
131
|
+
labelContentLeft?: ReactNode;
|
132
|
+
/**
|
133
|
+
* Слот под контент рядом с подписью (например, иконку)
|
134
|
+
*/
|
135
|
+
labelContent?: ReactNode;
|
74
136
|
/**
|
75
137
|
* Размера увеличенного шага (для клавиш PageUp, PageDown).
|
76
138
|
* Указывает процентное отношение от максимально возможного значения.
|
@@ -80,6 +142,17 @@ export declare type SingleSliderProps = SliderBaseProps & SliderInternalProps &
|
|
80
142
|
view?: string;
|
81
143
|
size?: 's' | 'm' | 'l';
|
82
144
|
type?: 'single';
|
145
|
+
hasPointer?: boolean;
|
146
|
+
/**
|
147
|
+
* Размер ползунка
|
148
|
+
* @default small
|
149
|
+
* @description
|
150
|
+
* Может принимать три значения:
|
151
|
+
* small - размер s;
|
152
|
+
* large - размер l;
|
153
|
+
* none - скрыть ползунок
|
154
|
+
*/
|
155
|
+
pointerSize?: 'small' | 'large' | 'none';
|
83
156
|
};
|
84
157
|
export {};
|
85
158
|
//# sourceMappingURL=Single.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Single.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"Single.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,aAAK,sBAAsB,GACrB;IACI;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,GACD;IACI;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAER,aAAK,iCAAiC,GAChC;IACI;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;IACzC;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAE7B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC;CACzB,GACD;IACI;;;OAGG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACnD,UAAU,CAAC,EAAE,KAAK,CAAC;IAEnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAER,oBAAY,iBAAiB,GAAG,eAAe,GAC3C,mBAAmB,GACnB,sBAAsB,GACtB,iCAAiC,GACjC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC,GAAG;IAChE;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAEnC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAE7B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;CAC5C,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SliderBase.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAwC,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"SliderBase.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAwC,MAAM,OAAO,CAAC;AAOvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA2FnE,CAAC"}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
+
export declare const Rail: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
2
3
|
export declare const Slider: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
3
4
|
export declare const RailWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
4
|
-
export declare const Rail: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
5
5
|
export declare const Fill: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
6
6
|
export declare const InputHidden: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
|
7
7
|
//# sourceMappingURL=SliderBase.styles.d.ts.map
|