@salutejs/plasma-new-hope 0.130.2-canary.1391.10524468620.0 → 0.131.0-canary.1368.10522822772.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Button/Button.css +1 -1
- package/cjs/components/Button/Button.js +2 -1
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/Button.tokens.js +3 -1
- package/cjs/components/Button/Button.tokens.js.map +1 -1
- package/cjs/components/Button/variations/_view/base.js +1 -1
- package/cjs/components/Button/variations/_view/base.js.map +1 -1
- package/cjs/components/Button/variations/_view/base_1x0spnh.css +1 -0
- package/cjs/components/ButtonGroup/ButtonGroup.css +1 -1
- package/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/cjs/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
- package/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
- package/cjs/components/ButtonGroup/variations/_view/base.js.map +1 -1
- package/cjs/components/ButtonGroup/variations/_view/base_1lhytnr.css +1 -0
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +2 -2
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +2 -2
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +2 -2
- package/cjs/components/Checkbox/Checkbox.css +7 -7
- package/cjs/components/Checkbox/Checkbox.styles.js +1 -1
- package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/{es/components/Checkbox/Checkbox.styles_1266095.css → cjs/components/Checkbox/Checkbox.styles_dmi26u.css} +1 -1
- package/cjs/components/Checkbox/Checkbox.tokens.js +1 -0
- package/cjs/components/Checkbox/Checkbox.tokens.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +2 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +2 -2
- package/cjs/components/Drawer/Drawer.css +1 -1
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +1 -1
- package/cjs/components/EmptyState/EmptyState.css +1 -1
- package/cjs/components/IconButton/IconButton.css +2 -2
- package/cjs/components/IconButton/IconButton.styles.js +1 -1
- package/cjs/components/IconButton/IconButton.styles.js.map +1 -1
- package/cjs/components/IconButton/IconButton.styles_sttslf.css +1 -0
- package/cjs/components/IconButton/IconButton.tokens.js +1 -0
- package/cjs/components/IconButton/IconButton.tokens.js.map +1 -1
- package/cjs/components/Notification/Notification.css +1 -1
- package/cjs/components/Notification/NotificationsProvider.css +1 -1
- package/cjs/components/Pagination/Pagination.css +9 -9
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +1 -1
- package/cjs/components/Radiobox/Radiobox.css +9 -9
- package/cjs/components/Radiobox/Radiobox.styles.js +1 -1
- package/cjs/components/Radiobox/Radiobox.styles.js.map +1 -1
- package/cjs/components/Radiobox/{Radiobox.styles_1skfuon.css → Radiobox.styles_520asv.css} +1 -1
- package/cjs/components/Radiobox/Radiobox.tokens.js +1 -0
- package/cjs/components/Radiobox/Radiobox.tokens.js.map +1 -1
- package/cjs/components/Select/Select.css +8 -8
- package/cjs/components/Select/ui/Inner/Inner.css +8 -8
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +8 -8
- package/cjs/components/Select/ui/Target/Target.css +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.css +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/cjs/components/Slider/components/SliderBase/SliderBase.js +2 -2
- package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
- package/cjs/components/Toast/Toast.css +1 -1
- package/cjs/components/Toast/ToastController.css +1 -1
- package/cjs/index.css +12 -12
- package/emotion/cjs/components/Button/Button.js +2 -1
- package/emotion/cjs/components/Button/Button.tokens.js +3 -1
- package/emotion/cjs/components/Button/variations/_view/base.js +1 -1
- package/emotion/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/emotion/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
- package/emotion/cjs/components/Checkbox/Checkbox.styles.js +7 -7
- package/emotion/cjs/components/Checkbox/Checkbox.tokens.js +1 -0
- package/emotion/cjs/components/IconButton/IconButton.styles.js +2 -2
- package/emotion/cjs/components/IconButton/IconButton.tokens.js +1 -0
- package/emotion/cjs/components/Radiobox/Radiobox.styles.js +3 -3
- package/emotion/cjs/components/Radiobox/Radiobox.tokens.js +1 -0
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.js +2 -2
- package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +4 -4
- package/emotion/cjs/examples/plasma_b2c/components/Button/Button.config.js +24 -24
- package/emotion/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +28 -28
- package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +20 -20
- package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/Button/Button.config.js +24 -24
- package/emotion/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +28 -28
- package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +20 -20
- package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/cjs/examples/sds_engineer/components/Button/Button.config.js +24 -24
- package/emotion/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +28 -28
- package/emotion/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/es/components/Button/Button.js +2 -1
- package/emotion/es/components/Button/Button.tokens.js +3 -1
- package/emotion/es/components/Button/variations/_view/base.js +2 -2
- package/emotion/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/emotion/es/components/ButtonGroup/variations/_view/base.js +1 -1
- package/emotion/es/components/Checkbox/Checkbox.styles.js +7 -7
- package/emotion/es/components/Checkbox/Checkbox.tokens.js +1 -0
- package/emotion/es/components/IconButton/IconButton.styles.js +2 -2
- package/emotion/es/components/IconButton/IconButton.tokens.js +1 -0
- package/emotion/es/components/Radiobox/Radiobox.styles.js +3 -3
- package/emotion/es/components/Radiobox/Radiobox.tokens.js +1 -0
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.js +2 -2
- package/emotion/es/components/Tabs/Tabs.template-doc.mdx +4 -4
- package/emotion/es/examples/plasma_b2c/components/Button/Button.config.js +24 -24
- package/emotion/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +28 -28
- package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +20 -20
- package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/Button/Button.config.js +24 -24
- package/emotion/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +28 -28
- package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/IconButton/IconButton.config.js +20 -20
- package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/es/examples/sds_engineer/components/Button/Button.config.js +24 -24
- package/emotion/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +28 -28
- package/emotion/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -12
- package/es/components/Button/Button.css +1 -1
- package/es/components/Button/Button.js +2 -1
- package/es/components/Button/Button.js.map +1 -1
- package/es/components/Button/Button.tokens.js +3 -1
- package/es/components/Button/Button.tokens.js.map +1 -1
- package/es/components/Button/variations/_view/base.js +1 -1
- package/es/components/Button/variations/_view/base.js.map +1 -1
- package/es/components/Button/variations/_view/base_1x0spnh.css +1 -0
- package/es/components/ButtonGroup/ButtonGroup.css +1 -1
- package/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/es/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
- package/es/components/ButtonGroup/variations/_view/base.js +1 -1
- package/es/components/ButtonGroup/variations/_view/base.js.map +1 -1
- package/es/components/ButtonGroup/variations/_view/base_1lhytnr.css +1 -0
- package/es/components/Calendar/CalendarBase/CalendarBase.css +2 -2
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +2 -2
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +2 -2
- package/es/components/Checkbox/Checkbox.css +7 -7
- package/es/components/Checkbox/Checkbox.styles.js +1 -1
- package/es/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/{cjs/components/Checkbox/Checkbox.styles_1266095.css → es/components/Checkbox/Checkbox.styles_dmi26u.css} +1 -1
- package/es/components/Checkbox/Checkbox.tokens.js +1 -0
- package/es/components/Checkbox/Checkbox.tokens.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +2 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
- package/es/components/DatePicker/SingleDate/SingleDate.css +2 -2
- package/es/components/Drawer/Drawer.css +1 -1
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +1 -1
- package/es/components/EmptyState/EmptyState.css +1 -1
- package/es/components/IconButton/IconButton.css +2 -2
- package/es/components/IconButton/IconButton.styles.js +1 -1
- package/es/components/IconButton/IconButton.styles.js.map +1 -1
- package/es/components/IconButton/IconButton.styles_sttslf.css +1 -0
- package/es/components/IconButton/IconButton.tokens.js +1 -0
- package/es/components/IconButton/IconButton.tokens.js.map +1 -1
- package/es/components/Notification/Notification.css +1 -1
- package/es/components/Notification/NotificationsProvider.css +1 -1
- package/es/components/Pagination/Pagination.css +9 -9
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
- package/es/components/Panel/ui/PanelHeader/PanelHeader.css +1 -1
- package/es/components/Radiobox/Radiobox.css +9 -9
- package/es/components/Radiobox/Radiobox.styles.js +1 -1
- package/es/components/Radiobox/Radiobox.styles.js.map +1 -1
- package/es/components/Radiobox/{Radiobox.styles_1skfuon.css → Radiobox.styles_520asv.css} +1 -1
- package/es/components/Radiobox/Radiobox.tokens.js +1 -0
- package/es/components/Radiobox/Radiobox.tokens.js.map +1 -1
- package/es/components/Select/Select.css +8 -8
- package/es/components/Select/ui/Inner/Inner.css +8 -8
- package/es/components/Select/ui/Inner/ui/Item/Item.css +8 -8
- package/es/components/Select/ui/Target/Target.css +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.css +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/es/components/Slider/components/SliderBase/SliderBase.js +2 -2
- package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
- package/es/components/Toast/Toast.css +1 -1
- package/es/components/Toast/ToastController.css +1 -1
- package/es/index.css +12 -12
- package/package.json +2 -2
- package/styled-components/cjs/components/Button/Button.js +2 -1
- package/styled-components/cjs/components/Button/Button.tokens.js +3 -1
- package/styled-components/cjs/components/Button/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/styled-components/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +1 -1
- package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +1 -0
- package/styled-components/cjs/components/IconButton/IconButton.styles.js +1 -1
- package/styled-components/cjs/components/IconButton/IconButton.tokens.js +1 -0
- package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +1 -1
- package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +1 -0
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +2 -2
- package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +10 -10
- package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +10 -10
- package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +10 -10
- package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +10 -10
- package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +8 -8
- package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +10 -10
- package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +8 -8
- package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +8 -8
- package/styled-components/es/components/Button/Button.js +2 -1
- package/styled-components/es/components/Button/Button.tokens.js +3 -1
- package/styled-components/es/components/Button/variations/_view/base.js +2 -2
- package/styled-components/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/styled-components/es/components/ButtonGroup/variations/_view/base.js +1 -1
- package/styled-components/es/components/Checkbox/Checkbox.styles.js +1 -1
- package/styled-components/es/components/Checkbox/Checkbox.tokens.js +1 -0
- package/styled-components/es/components/IconButton/IconButton.styles.js +1 -1
- package/styled-components/es/components/IconButton/IconButton.tokens.js +1 -0
- package/styled-components/es/components/Radiobox/Radiobox.styles.js +1 -1
- package/styled-components/es/components/Radiobox/Radiobox.tokens.js +1 -0
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +2 -2
- package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +4 -4
- package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +10 -10
- package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +8 -8
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +10 -10
- package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +10 -10
- package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.config.js +10 -10
- package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +8 -8
- package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +10 -10
- package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +8 -8
- package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +8 -8
- package/types/components/Button/Button.d.ts.map +1 -1
- package/types/components/Button/Button.tokens.d.ts +2 -0
- package/types/components/Button/Button.tokens.d.ts.map +1 -1
- package/types/components/Button/variations/_view/base.d.ts.map +1 -1
- package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts +1 -0
- package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts.map +1 -1
- package/types/components/ButtonGroup/variations/_view/base.d.ts.map +1 -1
- package/types/components/Checkbox/Checkbox.tokens.d.ts +1 -0
- package/types/components/Checkbox/Checkbox.tokens.d.ts.map +1 -1
- package/types/components/IconButton/IconButton.styles.d.ts.map +1 -1
- package/types/components/IconButton/IconButton.tokens.d.ts +1 -0
- package/types/components/IconButton/IconButton.tokens.d.ts.map +1 -1
- package/types/components/Radiobox/Radiobox.styles.d.ts.map +1 -1
- package/types/components/Radiobox/Radiobox.tokens.d.ts +1 -0
- package/types/components/Radiobox/Radiobox.tokens.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Button/Button.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Button/Button.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +1 -1
- package/cjs/components/Button/variations/_view/base_x95x4p.css +0 -1
- package/cjs/components/ButtonGroup/variations/_view/base_1n9gznw.css +0 -1
- package/cjs/components/IconButton/IconButton.styles_7v8g0e.css +0 -1
- package/emotion/cjs/components/Slider/Slider.template-doc.mdx +0 -78
- package/emotion/es/components/Slider/Slider.template-doc.mdx +0 -78
- package/es/components/Button/variations/_view/base_x95x4p.css +0 -1
- package/es/components/ButtonGroup/variations/_view/base_1n9gznw.css +0 -1
- package/es/components/IconButton/IconButton.styles_7v8g0e.css +0 -1
- package/styled-components/cjs/components/Slider/Slider.template-doc.mdx +0 -78
- package/styled-components/es/components/Slider/Slider.template-doc.mdx +0 -78
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconButton.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"IconButton.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CA6BlB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Radiobox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Radiobox/Radiobox.styles.ts"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"Radiobox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Radiobox/Radiobox.styles.ts"],"names":[],"mappings":";AAoCA,eAAO,MAAM,aAAa,qKAYzB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAehB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Radiobox.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Radiobox/Radiobox.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Radiobox.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Radiobox/Radiobox.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgClB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkSlB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ButtonGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"ButtonGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqQlB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Checkbox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Checkbox/Checkbox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;QAKX;;WAEG;;;;;QA6CH;;WAEG;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"Checkbox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Checkbox/Checkbox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;QAKX;;WAEG;;;;;QA6CH;;WAEG;;;;;;;;;;;;;;;;;;CAsEV,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconButton.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/IconButton/IconButton.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"IconButton.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/IconButton/IconButton.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgOlB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Radiobox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Radiobox/Radiobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;QAMX;;WAEG;;;;;QA+CH;;WAEG;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"Radiobox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Radiobox/Radiobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;QAMX;;WAEG;;;;;QA+CH;;WAEG;;;;;;;;;;;;;;;;;;CAsEV,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkSlB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ButtonGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"ButtonGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqQlB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Checkbox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Checkbox/Checkbox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;QAKX;;WAEG;;;;;QA6CH;;WAEG;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"Checkbox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Checkbox/Checkbox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;QAKX;;WAEG;;;;;QA6CH;;WAEG;;;;;;;;;;;;;;;;;;CAsEV,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconButton.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/IconButton/IconButton.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"IconButton.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/IconButton/IconButton.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgOlB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Radiobox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Radiobox/Radiobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;QAMX;;WAEG;;;;;QA+CH;;WAEG;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"Radiobox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Radiobox/Radiobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;QAMX;;WAEG;;;;;QA+CH;;WAEG;;;;;;;;;;;;;;;;;;CAsEV,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkSlB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ButtonGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"ButtonGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqQlB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Checkbox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Checkbox/Checkbox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;QAKX;;WAEG;;;;;QA6CH;;WAEG;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"Checkbox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Checkbox/Checkbox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;QAKX;;WAEG;;;;;QA6CH;;WAEG;;;;;;;;;;;;;;;;;;CAsEV,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Radiobox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Radiobox/Radiobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;QAMX;;WAEG;;;;;QA+CH;;WAEG;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"Radiobox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Radiobox/Radiobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;QAMX;;WAEG;;;;;QA+CH;;WAEG;;;;;;;;;;;;;;;;;;CAsEV,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1ty39ru{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.b1ty39ru:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.b1ty39ru:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b7jdqtc.button-group-override-styles .button-item{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-value-color:var(--plasma-button-group-item-value-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1ua728l{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.b1ua728l{-webkit-text-decoration:none;text-decoration:none;}.b1ua728l.b1ua728l.button-square{width:var(--plasma-button-height);padding:0;}.b1ua728l:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.b1ua728l:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.b1ua728l:focus{outline:none;}.b1ua728l::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b1ua728l.focus-visible:focus::before,.b1ua728l[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.b1ua728l[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.b1ua728l[disabled]:hover,.b1ua728l[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.b1ua728l.button-stretching-fixed{width:var(--plasma-button-width);}.b1ua728l.button-stretching-filled{width:100%;}.b1ua728l.button-stretching-auto{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
@@ -1,78 +0,0 @@
|
|
1
|
-
---
|
2
|
-
id: slider
|
3
|
-
title: Slider
|
4
|
-
---
|
5
|
-
|
6
|
-
import { PropsTable, Description } from '@site/src/components';
|
7
|
-
|
8
|
-
# Slider
|
9
|
-
|
10
|
-
<Description name="Slider" />
|
11
|
-
<PropsTable name="Slider" />
|
12
|
-
|
13
|
-
## Использование
|
14
|
-
|
15
|
-
```tsx live
|
16
|
-
import React from 'react';
|
17
|
-
import { Slider } from '@salutejs/{{ package }}';
|
18
|
-
|
19
|
-
export function App() {
|
20
|
-
return (
|
21
|
-
<section>
|
22
|
-
<Slider onChangeCommitted={() => {}} min={0} max={100} value={30} />
|
23
|
-
</section>
|
24
|
-
);
|
25
|
-
}
|
26
|
-
```
|
27
|
-
|
28
|
-
Можно использовать диапазон значений.
|
29
|
-
|
30
|
-
```tsx live
|
31
|
-
import React, { useState } from 'react';
|
32
|
-
import { Slider } from '@salutejs/{{ package }}';
|
33
|
-
|
34
|
-
export function App() {
|
35
|
-
const [value, setValue] = useState([10, 80]);
|
36
|
-
const sortValues = (values) => {
|
37
|
-
return values
|
38
|
-
.map((val) => {
|
39
|
-
if (val < 0) {
|
40
|
-
return 0;
|
41
|
-
}
|
42
|
-
if (val > 100) {
|
43
|
-
return 100;
|
44
|
-
}
|
45
|
-
return val;
|
46
|
-
})
|
47
|
-
.sort((a, b) => a - b);
|
48
|
-
};
|
49
|
-
|
50
|
-
const onChangeHandle = (values) => {
|
51
|
-
setValue(sortValues(values));
|
52
|
-
};
|
53
|
-
|
54
|
-
const onChangeCommitedHandle = (values) => {
|
55
|
-
setValue(sortValues(values));
|
56
|
-
};
|
57
|
-
|
58
|
-
const onBlurTextField = (values) => {
|
59
|
-
setValue(sortValues(values));
|
60
|
-
};
|
61
|
-
|
62
|
-
const onKeyDownTextField = (values, event) => {
|
63
|
-
if (event.key === 'Enter') {
|
64
|
-
setValue(sortValues(values));
|
65
|
-
}
|
66
|
-
};
|
67
|
-
|
68
|
-
return (
|
69
|
-
<section>
|
70
|
-
<Slider value={value}
|
71
|
-
onKeyDownTextField={onKeyDownTextField}
|
72
|
-
onBlurTextField={onBlurTextField}
|
73
|
-
onChangeCommitted={onChangeCommitedHandle}
|
74
|
-
onChange={onChangeHandle} min={0} max={100} />
|
75
|
-
</section>
|
76
|
-
);
|
77
|
-
}
|
78
|
-
```
|
@@ -1,78 +0,0 @@
|
|
1
|
-
---
|
2
|
-
id: slider
|
3
|
-
title: Slider
|
4
|
-
---
|
5
|
-
|
6
|
-
import { PropsTable, Description } from '@site/src/components';
|
7
|
-
|
8
|
-
# Slider
|
9
|
-
|
10
|
-
<Description name="Slider" />
|
11
|
-
<PropsTable name="Slider" />
|
12
|
-
|
13
|
-
## Использование
|
14
|
-
|
15
|
-
```tsx live
|
16
|
-
import React from 'react';
|
17
|
-
import { Slider } from '@salutejs/{{ package }}';
|
18
|
-
|
19
|
-
export function App() {
|
20
|
-
return (
|
21
|
-
<section>
|
22
|
-
<Slider onChangeCommitted={() => {}} min={0} max={100} value={30} />
|
23
|
-
</section>
|
24
|
-
);
|
25
|
-
}
|
26
|
-
```
|
27
|
-
|
28
|
-
Можно использовать диапазон значений.
|
29
|
-
|
30
|
-
```tsx live
|
31
|
-
import React, { useState } from 'react';
|
32
|
-
import { Slider } from '@salutejs/{{ package }}';
|
33
|
-
|
34
|
-
export function App() {
|
35
|
-
const [value, setValue] = useState([10, 80]);
|
36
|
-
const sortValues = (values) => {
|
37
|
-
return values
|
38
|
-
.map((val) => {
|
39
|
-
if (val < 0) {
|
40
|
-
return 0;
|
41
|
-
}
|
42
|
-
if (val > 100) {
|
43
|
-
return 100;
|
44
|
-
}
|
45
|
-
return val;
|
46
|
-
})
|
47
|
-
.sort((a, b) => a - b);
|
48
|
-
};
|
49
|
-
|
50
|
-
const onChangeHandle = (values) => {
|
51
|
-
setValue(sortValues(values));
|
52
|
-
};
|
53
|
-
|
54
|
-
const onChangeCommitedHandle = (values) => {
|
55
|
-
setValue(sortValues(values));
|
56
|
-
};
|
57
|
-
|
58
|
-
const onBlurTextField = (values) => {
|
59
|
-
setValue(sortValues(values));
|
60
|
-
};
|
61
|
-
|
62
|
-
const onKeyDownTextField = (values, event) => {
|
63
|
-
if (event.key === 'Enter') {
|
64
|
-
setValue(sortValues(values));
|
65
|
-
}
|
66
|
-
};
|
67
|
-
|
68
|
-
return (
|
69
|
-
<section>
|
70
|
-
<Slider value={value}
|
71
|
-
onKeyDownTextField={onKeyDownTextField}
|
72
|
-
onBlurTextField={onBlurTextField}
|
73
|
-
onChangeCommitted={onChangeCommitedHandle}
|
74
|
-
onChange={onChangeHandle} min={0} max={100} />
|
75
|
-
</section>
|
76
|
-
);
|
77
|
-
}
|
78
|
-
```
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1ty39ru{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.b1ty39ru:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.b1ty39ru:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b7jdqtc.button-group-override-styles .button-item{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-value-color:var(--plasma-button-group-item-value-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1ua728l{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.b1ua728l{-webkit-text-decoration:none;text-decoration:none;}.b1ua728l.b1ua728l.button-square{width:var(--plasma-button-height);padding:0;}.b1ua728l:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.b1ua728l:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.b1ua728l:focus{outline:none;}.b1ua728l::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b1ua728l.focus-visible:focus::before,.b1ua728l[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.b1ua728l[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.b1ua728l[disabled]:hover,.b1ua728l[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.b1ua728l.button-stretching-fixed{width:var(--plasma-button-width);}.b1ua728l.button-stretching-filled{width:100%;}.b1ua728l.button-stretching-auto{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
@@ -1,78 +0,0 @@
|
|
1
|
-
---
|
2
|
-
id: slider
|
3
|
-
title: Slider
|
4
|
-
---
|
5
|
-
|
6
|
-
import { PropsTable, Description } from '@site/src/components';
|
7
|
-
|
8
|
-
# Slider
|
9
|
-
|
10
|
-
<Description name="Slider" />
|
11
|
-
<PropsTable name="Slider" />
|
12
|
-
|
13
|
-
## Использование
|
14
|
-
|
15
|
-
```tsx live
|
16
|
-
import React from 'react';
|
17
|
-
import { Slider } from '@salutejs/{{ package }}';
|
18
|
-
|
19
|
-
export function App() {
|
20
|
-
return (
|
21
|
-
<section>
|
22
|
-
<Slider onChangeCommitted={() => {}} min={0} max={100} value={30} />
|
23
|
-
</section>
|
24
|
-
);
|
25
|
-
}
|
26
|
-
```
|
27
|
-
|
28
|
-
Можно использовать диапазон значений.
|
29
|
-
|
30
|
-
```tsx live
|
31
|
-
import React, { useState } from 'react';
|
32
|
-
import { Slider } from '@salutejs/{{ package }}';
|
33
|
-
|
34
|
-
export function App() {
|
35
|
-
const [value, setValue] = useState([10, 80]);
|
36
|
-
const sortValues = (values) => {
|
37
|
-
return values
|
38
|
-
.map((val) => {
|
39
|
-
if (val < 0) {
|
40
|
-
return 0;
|
41
|
-
}
|
42
|
-
if (val > 100) {
|
43
|
-
return 100;
|
44
|
-
}
|
45
|
-
return val;
|
46
|
-
})
|
47
|
-
.sort((a, b) => a - b);
|
48
|
-
};
|
49
|
-
|
50
|
-
const onChangeHandle = (values) => {
|
51
|
-
setValue(sortValues(values));
|
52
|
-
};
|
53
|
-
|
54
|
-
const onChangeCommitedHandle = (values) => {
|
55
|
-
setValue(sortValues(values));
|
56
|
-
};
|
57
|
-
|
58
|
-
const onBlurTextField = (values) => {
|
59
|
-
setValue(sortValues(values));
|
60
|
-
};
|
61
|
-
|
62
|
-
const onKeyDownTextField = (values, event) => {
|
63
|
-
if (event.key === 'Enter') {
|
64
|
-
setValue(sortValues(values));
|
65
|
-
}
|
66
|
-
};
|
67
|
-
|
68
|
-
return (
|
69
|
-
<section>
|
70
|
-
<Slider value={value}
|
71
|
-
onKeyDownTextField={onKeyDownTextField}
|
72
|
-
onBlurTextField={onBlurTextField}
|
73
|
-
onChangeCommitted={onChangeCommitedHandle}
|
74
|
-
onChange={onChangeHandle} min={0} max={100} />
|
75
|
-
</section>
|
76
|
-
);
|
77
|
-
}
|
78
|
-
```
|
@@ -1,78 +0,0 @@
|
|
1
|
-
---
|
2
|
-
id: slider
|
3
|
-
title: Slider
|
4
|
-
---
|
5
|
-
|
6
|
-
import { PropsTable, Description } from '@site/src/components';
|
7
|
-
|
8
|
-
# Slider
|
9
|
-
|
10
|
-
<Description name="Slider" />
|
11
|
-
<PropsTable name="Slider" />
|
12
|
-
|
13
|
-
## Использование
|
14
|
-
|
15
|
-
```tsx live
|
16
|
-
import React from 'react';
|
17
|
-
import { Slider } from '@salutejs/{{ package }}';
|
18
|
-
|
19
|
-
export function App() {
|
20
|
-
return (
|
21
|
-
<section>
|
22
|
-
<Slider onChangeCommitted={() => {}} min={0} max={100} value={30} />
|
23
|
-
</section>
|
24
|
-
);
|
25
|
-
}
|
26
|
-
```
|
27
|
-
|
28
|
-
Можно использовать диапазон значений.
|
29
|
-
|
30
|
-
```tsx live
|
31
|
-
import React, { useState } from 'react';
|
32
|
-
import { Slider } from '@salutejs/{{ package }}';
|
33
|
-
|
34
|
-
export function App() {
|
35
|
-
const [value, setValue] = useState([10, 80]);
|
36
|
-
const sortValues = (values) => {
|
37
|
-
return values
|
38
|
-
.map((val) => {
|
39
|
-
if (val < 0) {
|
40
|
-
return 0;
|
41
|
-
}
|
42
|
-
if (val > 100) {
|
43
|
-
return 100;
|
44
|
-
}
|
45
|
-
return val;
|
46
|
-
})
|
47
|
-
.sort((a, b) => a - b);
|
48
|
-
};
|
49
|
-
|
50
|
-
const onChangeHandle = (values) => {
|
51
|
-
setValue(sortValues(values));
|
52
|
-
};
|
53
|
-
|
54
|
-
const onChangeCommitedHandle = (values) => {
|
55
|
-
setValue(sortValues(values));
|
56
|
-
};
|
57
|
-
|
58
|
-
const onBlurTextField = (values) => {
|
59
|
-
setValue(sortValues(values));
|
60
|
-
};
|
61
|
-
|
62
|
-
const onKeyDownTextField = (values, event) => {
|
63
|
-
if (event.key === 'Enter') {
|
64
|
-
setValue(sortValues(values));
|
65
|
-
}
|
66
|
-
};
|
67
|
-
|
68
|
-
return (
|
69
|
-
<section>
|
70
|
-
<Slider value={value}
|
71
|
-
onKeyDownTextField={onKeyDownTextField}
|
72
|
-
onBlurTextField={onBlurTextField}
|
73
|
-
onChangeCommitted={onChangeCommitedHandle}
|
74
|
-
onChange={onChangeHandle} min={0} max={100} />
|
75
|
-
</section>
|
76
|
-
);
|
77
|
-
}
|
78
|
-
```
|