@salutejs/plasma-new-hope 0.84.0-canary.1208.9187471531.0 → 0.84.0-canary.1213.9187563305.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Button/Button.css +9 -6
- package/cjs/components/Button/Button.js +16 -2
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/Button.styles.js +31 -10
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Button/Button.styles_1oz1dew.css +8 -0
- package/cjs/components/Button/Button.tokens.js +5 -0
- package/cjs/components/Button/Button.tokens.js.map +1 -1
- package/cjs/components/Button/variations/_stretching/base.js +1 -1
- package/cjs/components/Button/variations/_stretching/base.js.map +1 -1
- package/{es/components/Button/variations/_stretching/base_1lx0ute.css → cjs/components/Button/variations/_stretching/base_hy8dc.css} +1 -1
- package/cjs/components/ButtonGroup/ButtonGroup.css +2 -2
- package/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/cjs/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
- package/cjs/components/ButtonGroup/variations/_orientation/base.js +1 -1
- package/cjs/components/ButtonGroup/variations/_orientation/base.js.map +1 -1
- package/{es/components/ButtonGroup/variations/_orientation/base_p85v51.css → cjs/components/ButtonGroup/variations/_orientation/base_y7z7cs.css} +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_1n9gznw.css +1 -0
- package/cjs/components/Drawer/Drawer.css +9 -6
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +9 -6
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.css +9 -6
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
- package/cjs/components/IconButton/IconButton.css +10 -7
- package/cjs/components/IconButton/IconButton.styles.js +1 -1
- package/cjs/components/IconButton/{IconButton.styles_1hknr37.css → IconButton.styles_7v8g0e.css} +1 -1
- package/cjs/components/Notification/Notification.css +9 -6
- package/cjs/components/Notification/NotificationsProvider.css +9 -6
- package/cjs/components/Pagination/Pagination.css +11 -8
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -6
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +9 -6
- package/cjs/components/Select/Select.css +9 -6
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.css +9 -6
- package/cjs/components/TextField/TextField.js +4 -10
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +1 -13
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/{es/components/TextField/TextField.styles_aqmut.css → cjs/components/TextField/TextField.styles_1b1mddp.css} +0 -2
- package/cjs/components/TextField/TextField.tokens.js +0 -5
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/inner.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/inner.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/inner_gqlcj2.css +1 -0
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_size/base.js.map +1 -1
- package/cjs/components/TextField/variations/_size/{base_ntoddv.css → base_1khzr9t.css} +1 -1
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/base.js.map +1 -1
- package/cjs/components/TextField/variations/_view/{base_19gxyva.css → base_1qd77x6.css} +1 -1
- package/cjs/components/Toast/Toast.css +9 -6
- package/cjs/components/Toast/ToastController.css +9 -6
- package/cjs/index.css +21 -37
- package/cjs/index.js +0 -5
- package/cjs/index.js.map +1 -1
- package/es/components/Button/Button.css +9 -6
- package/es/components/Button/Button.js +17 -3
- package/es/components/Button/Button.js.map +1 -1
- package/es/components/Button/Button.styles.js +29 -11
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Button/Button.styles_1oz1dew.css +8 -0
- package/es/components/Button/Button.tokens.js +5 -0
- package/es/components/Button/Button.tokens.js.map +1 -1
- package/es/components/Button/variations/_stretching/base.js +1 -1
- package/es/components/Button/variations/_stretching/base.js.map +1 -1
- package/{cjs/components/Button/variations/_stretching/base_1lx0ute.css → es/components/Button/variations/_stretching/base_hy8dc.css} +1 -1
- package/es/components/ButtonGroup/ButtonGroup.css +2 -2
- package/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/es/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
- package/es/components/ButtonGroup/variations/_orientation/base.js +1 -1
- package/es/components/ButtonGroup/variations/_orientation/base.js.map +1 -1
- package/{cjs/components/ButtonGroup/variations/_orientation/base_p85v51.css → es/components/ButtonGroup/variations/_orientation/base_y7z7cs.css} +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_1n9gznw.css +1 -0
- package/es/components/Drawer/Drawer.css +9 -6
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +9 -6
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.css +9 -6
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
- package/es/components/IconButton/IconButton.css +10 -7
- package/es/components/IconButton/IconButton.styles.js +1 -1
- package/es/components/IconButton/{IconButton.styles_1hknr37.css → IconButton.styles_7v8g0e.css} +1 -1
- package/es/components/Notification/Notification.css +9 -6
- package/es/components/Notification/NotificationsProvider.css +9 -6
- package/es/components/Pagination/Pagination.css +11 -8
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -6
- package/es/components/Panel/ui/PanelHeader/PanelHeader.css +9 -6
- package/es/components/Select/Select.css +9 -6
- package/es/components/Select/ui/SelectTarget/SelectTarget.css +9 -6
- package/es/components/TextField/TextField.js +5 -11
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +2 -12
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/{cjs/components/TextField/TextField.styles_aqmut.css → es/components/TextField/TextField.styles_1b1mddp.css} +0 -2
- package/es/components/TextField/TextField.tokens.js +0 -5
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/inner.js +1 -1
- package/es/components/TextField/variations/_label-placement/inner.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/inner_gqlcj2.css +1 -0
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/es/components/TextField/variations/_size/base.js.map +1 -1
- package/es/components/TextField/variations/_size/{base_ntoddv.css → base_1khzr9t.css} +1 -1
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/base.js.map +1 -1
- package/es/components/TextField/variations/_view/{base_19gxyva.css → base_1qd77x6.css} +1 -1
- package/es/components/Toast/Toast.css +9 -6
- package/es/components/Toast/ToastController.css +9 -6
- package/es/index.css +21 -37
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Button/Button.js +16 -2
- package/styled-components/cjs/components/Button/Button.styles.js +20 -12
- package/styled-components/cjs/components/Button/Button.template-doc.mdx +42 -0
- package/styled-components/cjs/components/Button/Button.tokens.js +5 -0
- package/styled-components/cjs/components/Button/variations/_stretching/base.js +1 -1
- package/styled-components/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/styled-components/cjs/components/ButtonGroup/variations/_orientation/base.js +2 -1
- package/styled-components/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
- package/styled-components/cjs/components/TextField/TextField.js +4 -10
- package/styled-components/cjs/components/TextField/TextField.styles.js +1 -7
- package/styled-components/cjs/components/TextField/TextField.tokens.js +0 -5
- package/styled-components/cjs/components/TextField/variations/_label-placement/inner.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +19 -19
- package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx +67 -21
- package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -2
- package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +19 -19
- package/styled-components/cjs/examples/plasma_web/components/Button/Button.stories.tsx +90 -28
- package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
- package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +19 -19
- package/styled-components/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +90 -28
- package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/components/Button/Button.js +17 -3
- package/styled-components/es/components/Button/Button.styles.js +19 -11
- package/styled-components/es/components/Button/Button.template-doc.mdx +42 -0
- package/styled-components/es/components/Button/Button.tokens.js +5 -0
- package/styled-components/es/components/Button/variations/_stretching/base.js +1 -1
- package/styled-components/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
- package/styled-components/es/components/ButtonGroup/variations/_orientation/base.js +3 -2
- package/styled-components/es/components/ButtonGroup/variations/_view/base.js +1 -1
- package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
- package/styled-components/es/components/TextField/TextField.js +5 -11
- package/styled-components/es/components/TextField/TextField.styles.js +0 -6
- package/styled-components/es/components/TextField/TextField.tokens.js +0 -5
- package/styled-components/es/components/TextField/variations/_label-placement/inner.js +2 -2
- package/styled-components/es/components/TextField/variations/_size/base.js +2 -2
- package/styled-components/es/components/TextField/variations/_view/base.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +19 -19
- package/styled-components/es/examples/plasma_b2c/components/Button/Button.stories.tsx +67 -21
- package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -2
- package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +19 -19
- package/styled-components/es/examples/plasma_web/components/Button/Button.stories.tsx +90 -28
- package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
- package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +19 -19
- package/styled-components/es/examples/sds_engineer/components/Button/Button.stories.tsx +90 -28
- package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
- package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
- package/styled-components/es/index.js +1 -2
- package/types/components/Button/Button.d.ts.map +1 -1
- package/types/components/Button/Button.styles.d.ts +5 -1
- package/types/components/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Button/Button.tokens.d.ts +5 -0
- package/types/components/Button/Button.tokens.d.ts.map +1 -1
- package/types/components/Button/Button.types.d.ts +16 -4
- package/types/components/Button/Button.types.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/_orientation/base.d.ts.map +1 -1
- package/types/components/ButtonGroup/variations/_view/base.d.ts.map +1 -1
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts.map +1 -1
- package/types/components/Notification/Notification.styles.d.ts +43 -1
- package/types/components/Notification/Notification.styles.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.styles.d.ts +86 -2
- package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
- package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +43 -1
- package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts.map +1 -1
- package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts +43 -1
- package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +0 -2
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +0 -5
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +0 -8
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/variations/_label-placement/inner.d.ts.map +1 -1
- package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
- package/types/components/Toast/Toast.styles.d.ts +43 -1
- package/types/components/Toast/Toast.styles.d.ts.map +1 -1
- package/types/components/Toast/utils.d.ts +43 -1
- package/types/components/Toast/utils.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/Button/Button.d.ts +43 -1
- package/types/examples/plasma_b2c/components/Button/Button.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/IconButton/IconButton.d.ts +43 -1
- package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +0 -4
- package/types/examples/plasma_b2c/components/TextField/TextField.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/Button/Button.d.ts +43 -1
- package/types/examples/plasma_web/components/Button/Button.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/IconButton/IconButton.d.ts +43 -1
- package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +0 -4
- package/types/examples/plasma_web/components/TextField/TextField.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/Button/Button.d.ts +43 -1
- package/types/examples/sds_engineer/components/Button/Button.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/TextField/TextField.d.ts +0 -4
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Button/Button.styles_uqvh6u.css +0 -5
- package/cjs/components/ButtonGroup/variations/_view/base_6k3uip.css +0 -1
- package/cjs/components/Range/Range.css +0 -63
- package/cjs/components/Range/Range.js +0 -146
- package/cjs/components/Range/Range.js.map +0 -1
- package/cjs/components/Range/Range.styles.js +0 -63
- package/cjs/components/Range/Range.styles.js.map +0 -1
- package/cjs/components/Range/Range.styles_mc4w65.css +0 -8
- package/cjs/components/Range/Range.tokens.js +0 -106
- package/cjs/components/Range/Range.tokens.js.map +0 -1
- package/cjs/components/Range/utils/index.js +0 -24
- package/cjs/components/Range/utils/index.js.map +0 -1
- package/cjs/components/Range/variations/_disabled/base.js +0 -9
- package/cjs/components/Range/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Range/variations/_disabled/base_1ufizo4.css +0 -1
- package/cjs/components/Range/variations/_readonly/base.js +0 -9
- package/cjs/components/Range/variations/_readonly/base.js.map +0 -1
- package/cjs/components/Range/variations/_readonly/base_tzdxy8.css +0 -1
- package/cjs/components/Range/variations/_size/base.js +0 -9
- package/cjs/components/Range/variations/_size/base.js.map +0 -1
- package/cjs/components/Range/variations/_size/base_16xiubi.css +0 -1
- package/cjs/components/Range/variations/_view/base.js +0 -9
- package/cjs/components/Range/variations/_view/base.js.map +0 -1
- package/cjs/components/Range/variations/_view/base_5iz3nr.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/inner_7c08qb.css +0 -1
- package/es/components/Button/Button.styles_uqvh6u.css +0 -5
- package/es/components/ButtonGroup/variations/_view/base_6k3uip.css +0 -1
- package/es/components/Range/Range.css +0 -63
- package/es/components/Range/Range.js +0 -141
- package/es/components/Range/Range.js.map +0 -1
- package/es/components/Range/Range.styles.js +0 -52
- package/es/components/Range/Range.styles.js.map +0 -1
- package/es/components/Range/Range.styles_mc4w65.css +0 -8
- package/es/components/Range/Range.tokens.js +0 -101
- package/es/components/Range/Range.tokens.js.map +0 -1
- package/es/components/Range/utils/index.js +0 -19
- package/es/components/Range/utils/index.js.map +0 -1
- package/es/components/Range/variations/_disabled/base.js +0 -5
- package/es/components/Range/variations/_disabled/base.js.map +0 -1
- package/es/components/Range/variations/_disabled/base_1ufizo4.css +0 -1
- package/es/components/Range/variations/_readonly/base.js +0 -5
- package/es/components/Range/variations/_readonly/base.js.map +0 -1
- package/es/components/Range/variations/_readonly/base_tzdxy8.css +0 -1
- package/es/components/Range/variations/_size/base.js +0 -5
- package/es/components/Range/variations/_size/base.js.map +0 -1
- package/es/components/Range/variations/_size/base_16xiubi.css +0 -1
- package/es/components/Range/variations/_view/base.js +0 -5
- package/es/components/Range/variations/_view/base.js.map +0 -1
- package/es/components/Range/variations/_view/base_5iz3nr.css +0 -1
- package/es/components/TextField/variations/_label-placement/inner_7c08qb.css +0 -1
- package/styled-components/cjs/components/Range/Range.js +0 -148
- package/styled-components/cjs/components/Range/Range.styles.js +0 -39
- package/styled-components/cjs/components/Range/Range.template-doc.mdx +0 -323
- package/styled-components/cjs/components/Range/Range.tokens.js +0 -104
- package/styled-components/cjs/components/Range/Range.types.js +0 -5
- package/styled-components/cjs/components/Range/index.js +0 -25
- package/styled-components/cjs/components/Range/utils/index.js +0 -22
- package/styled-components/cjs/components/Range/variations/_disabled/base.js +0 -9
- package/styled-components/cjs/components/Range/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/Range/variations/_readonly/base.js +0 -10
- package/styled-components/cjs/components/Range/variations/_readonly/tokens.json +0 -4
- package/styled-components/cjs/components/Range/variations/_size/base.js +0 -10
- package/styled-components/cjs/components/Range/variations/_size/tokens.json +0 -26
- package/styled-components/cjs/components/Range/variations/_view/base.js +0 -10
- package/styled-components/cjs/components/Range/variations/_view/tokens.json +0 -6
- package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +0 -31
- package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx +0 -312
- package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +0 -31
- package/styled-components/cjs/examples/plasma_web/components/Range/Range.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/Range/Range.stories.tsx +0 -312
- package/styled-components/es/components/Range/Range.js +0 -139
- package/styled-components/es/components/Range/Range.styles.js +0 -31
- package/styled-components/es/components/Range/Range.template-doc.mdx +0 -323
- package/styled-components/es/components/Range/Range.tokens.js +0 -98
- package/styled-components/es/components/Range/Range.types.js +0 -1
- package/styled-components/es/components/Range/index.js +0 -2
- package/styled-components/es/components/Range/utils/index.js +0 -16
- package/styled-components/es/components/Range/variations/_disabled/base.js +0 -3
- package/styled-components/es/components/Range/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/Range/variations/_readonly/base.js +0 -4
- package/styled-components/es/components/Range/variations/_readonly/tokens.json +0 -4
- package/styled-components/es/components/Range/variations/_size/base.js +0 -4
- package/styled-components/es/components/Range/variations/_size/tokens.json +0 -26
- package/styled-components/es/components/Range/variations/_view/base.js +0 -4
- package/styled-components/es/components/Range/variations/_view/tokens.json +0 -6
- package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +0 -25
- package/styled-components/es/examples/plasma_b2c/components/Range/Range.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/Range/Range.stories.tsx +0 -312
- package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +0 -25
- package/styled-components/es/examples/plasma_web/components/Range/Range.js +0 -5
- package/styled-components/es/examples/plasma_web/components/Range/Range.stories.tsx +0 -312
- package/types/components/Range/Range.d.ts +0 -31
- package/types/components/Range/Range.d.ts.map +0 -1
- package/types/components/Range/Range.styles.d.ts +0 -48
- package/types/components/Range/Range.styles.d.ts.map +0 -1
- package/types/components/Range/Range.tokens.d.ts +0 -99
- package/types/components/Range/Range.tokens.d.ts.map +0 -1
- package/types/components/Range/Range.types.d.ts +0 -143
- package/types/components/Range/Range.types.d.ts.map +0 -1
- package/types/components/Range/index.d.ts +0 -4
- package/types/components/Range/index.d.ts.map +0 -1
- package/types/components/Range/utils/index.d.ts +0 -5
- package/types/components/Range/utils/index.d.ts.map +0 -1
- package/types/components/Range/variations/_disabled/base.d.ts +0 -2
- package/types/components/Range/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Range/variations/_readonly/base.d.ts +0 -2
- package/types/components/Range/variations/_readonly/base.d.ts.map +0 -1
- package/types/components/Range/variations/_size/base.d.ts +0 -2
- package/types/components/Range/variations/_size/base.d.ts.map +0 -1
- package/types/components/Range/variations/_view/base.d.ts +0 -2
- package/types/components/Range/variations/_view/base.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Range/Range.config.d.ts +0 -24
- package/types/examples/plasma_b2c/components/Range/Range.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Range/Range.d.ts +0 -127
- package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Range/Range.config.d.ts +0 -24
- package/types/examples/plasma_web/components/Range/Range.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Range/Range.d.ts +0 -127
- package/types/examples/plasma_web/components/Range/Range.d.ts.map +0 -1
@@ -1,52 +0,0 @@
|
|
1
|
-
import './Range.styles_mc4w65.css';
|
2
|
-
import { styled } from '@linaria/react';
|
3
|
-
import '@linaria/core';
|
4
|
-
import { component, mergeConfig } from '../../engines/common.js';
|
5
|
-
import { textFieldConfig } from '../TextField/TextField.js';
|
6
|
-
|
7
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
|
8
|
-
var TextField = /*#__PURE__*/component(mergedConfig);
|
9
|
-
|
10
|
-
// NOTE: переопределение токенов TextField
|
11
|
-
var _exp = function _exp() {
|
12
|
-
return TextField;
|
13
|
-
};
|
14
|
-
var StyledInput = /*#__PURE__*/styled(_exp())({
|
15
|
-
name: "StyledInput",
|
16
|
-
"class": "s1k2erwt",
|
17
|
-
propsAsIs: true
|
18
|
-
});
|
19
|
-
var base = "b16kyj37";
|
20
|
-
var StyledLabel = /*#__PURE__*/styled('label')({
|
21
|
-
name: "StyledLabel",
|
22
|
-
"class": "s14q3826",
|
23
|
-
propsAsIs: false
|
24
|
-
});
|
25
|
-
var LeftHelper = /*#__PURE__*/styled('div')({
|
26
|
-
name: "LeftHelper",
|
27
|
-
"class": "l1fwucr5",
|
28
|
-
propsAsIs: false
|
29
|
-
});
|
30
|
-
var ContentWrapper = /*#__PURE__*/styled('div')({
|
31
|
-
name: "ContentWrapper",
|
32
|
-
"class": "czi0aji",
|
33
|
-
propsAsIs: false
|
34
|
-
});
|
35
|
-
var StyledDivider = /*#__PURE__*/styled('div')({
|
36
|
-
name: "StyledDivider",
|
37
|
-
"class": "s1e6rwfy",
|
38
|
-
propsAsIs: false
|
39
|
-
});
|
40
|
-
var StyledContentLeft = /*#__PURE__*/styled('div')({
|
41
|
-
name: "StyledContentLeft",
|
42
|
-
"class": "sfxtxl2",
|
43
|
-
propsAsIs: false
|
44
|
-
});
|
45
|
-
var StyledContentRight = /*#__PURE__*/styled('div')({
|
46
|
-
name: "StyledContentRight",
|
47
|
-
"class": "s1hiyoiq",
|
48
|
-
propsAsIs: false
|
49
|
-
});
|
50
|
-
|
51
|
-
export { ContentWrapper, LeftHelper, StyledContentLeft, StyledContentRight, StyledDivider, StyledInput, StyledLabel, base };
|
52
|
-
//# sourceMappingURL=Range.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Range.styles.js","sources":["../../../src/components/Range/Range.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { textFieldConfig, textFieldTokens } from '../TextField';\n\nimport { classes, tokens } from './Range.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n flex: 1;\n \n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n \n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n &.${classes.rangeValueError} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n\n &.${classes.rangeValueSuccess} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n`;\n\nexport const base = css``;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n\nexport const ContentWrapper = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const StyledDivider = styled.div``;\n\nexport const StyledContentLeft = styled.div``;\n\nexport const StyledContentRight = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","StyledInput","styled","name","class","propsAsIs","base","StyledLabel","LeftHelper","ContentWrapper","StyledDivider","StyledContentLeft","StyledContentRight"],"mappings":";;;;;AAQA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;;AAEzC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACkCF,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMG,WAAW,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA+DhC,EAAA;AAEM,IAAMC,IAAI,GAAQ,WAAA;AAElB,IAAMC,WAAW,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMG,UAAU,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAE/B,IAAMI,cAAc,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGnC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAElC,IAAMM,iBAAiB,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAEtC,IAAMO,kBAAkB,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}
|
@@ -1,8 +0,0 @@
|
|
1
|
-
.s1k2erwt{-webkit-flex:1;-ms-flex:1;flex:1;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasmas-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.s1k2erwt.range-value-error{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.s1k2erwt.range-value-success{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
.czi0aji{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
6
|
-
|
7
|
-
|
8
|
-
|
@@ -1,101 +0,0 @@
|
|
1
|
-
var classes = {
|
2
|
-
rangeError: 'range-error',
|
3
|
-
rangeValueError: 'range-value-error',
|
4
|
-
rangeSuccess: 'range-success',
|
5
|
-
rangeValueSuccess: 'range-value-success'
|
6
|
-
};
|
7
|
-
var tokens = {
|
8
|
-
background: '--plasma-range-background',
|
9
|
-
backgroundError: '--plasma-range-background-error',
|
10
|
-
backgroundSuccess: '--plasma-range-background-success',
|
11
|
-
backgroundReadOnly: '--plasma-range-background-readonly',
|
12
|
-
borderRadius: '--plasma-range-border-radius',
|
13
|
-
borderWidth: '--plasma-range-border-width',
|
14
|
-
borderColor: '--plasma-range-border-color',
|
15
|
-
borderColorError: '--plasma-range-border-color-error',
|
16
|
-
borderColorSuccess: '--plasma-range-border-color-success',
|
17
|
-
borderColorReadOnly: '--plasma-range-border-color-readonly',
|
18
|
-
/** Токены разделителя */
|
19
|
-
dividerColor: '--plasma-range__divider-color',
|
20
|
-
dividerColorReadOnly: '--plasma-range__divider-color-readonly',
|
21
|
-
dividerPadding: '--plasma-range__divider-padding',
|
22
|
-
dividerFontFamily: '--plasma-range__divider-font-family',
|
23
|
-
dividerFontStyle: '--plasma-range__divider-font-style',
|
24
|
-
dividerFontSize: '--plasma-range__divider-font-size',
|
25
|
-
dividerFontWeight: '--plasma-range__divider-font-weight',
|
26
|
-
dividerLetterSpacing: '--plasma-range__divider-letter-spacing',
|
27
|
-
dividerLineHeight: '--plasma-range__divider-line-height',
|
28
|
-
/** Токены слотов для контента */
|
29
|
-
leftContentMargin: '--plasma-range__left-content-margin',
|
30
|
-
rightContentMargin: '--plasma-range__right-content-margin',
|
31
|
-
/** Токены лейбла */
|
32
|
-
labelColor: '--plasma-range__label-color',
|
33
|
-
labelColorReadOnly: '--plasma-range__label-color-readonly',
|
34
|
-
labelOffset: '--plasma-range__label-offset',
|
35
|
-
labelFontFamily: '--plasma-range__label-font-family',
|
36
|
-
labelFontStyle: '--plasma-range__label-font-style',
|
37
|
-
labelFontSize: '--plasma-range__label-font-size',
|
38
|
-
labelFontWeight: '--plasma-range__label-font-weight',
|
39
|
-
labelLetterSpacing: '--plasma-range__label-letter-spacing',
|
40
|
-
labelLineHeight: '--plasma-range__label-line-height',
|
41
|
-
/** Токены вспомогательного текста */
|
42
|
-
leftHelperColor: '--plasma-range__left-helper-color',
|
43
|
-
leftHelperColorReadOnly: '--plasma-range__left-helper-color-readonly',
|
44
|
-
leftHelperOffset: '--plasma-range__left-helper-offset',
|
45
|
-
leftHelperFontFamily: '--plasma-range__left-helper-font-family',
|
46
|
-
leftHelperFontStyle: '--plasma-range__left-helper-font-style',
|
47
|
-
leftHelperFontSize: '--plasma-range__left-helper-font-size',
|
48
|
-
leftHelperFontWeight: '--plasma-range__left-helper-font-weight',
|
49
|
-
leftHelperLetterSpacing: '--plasma-range__left-helper-letter-spacing',
|
50
|
-
leftHelperLineHeight: '--plasma-range__left-helper-line-height',
|
51
|
-
/** Прозрачность для всего компонента в состоянии disabled */
|
52
|
-
disabledOpacity: '--plasma-range-disabled-opacity',
|
53
|
-
/** Цвет обводки поля ввода при фокусе */
|
54
|
-
focusColor: '--plasma-range-focus-color',
|
55
|
-
/** Токены полей ввода */
|
56
|
-
textFieldColor: '--plasma-range-textfield-color',
|
57
|
-
textFieldFocusColor: '--plasma-range-textfield-focus-color',
|
58
|
-
textFieldPlaceholderColor: '--plasma-range-textfield-placeholder-color',
|
59
|
-
textFieldCaretColor: '--plasma-range-textfield-caret-color',
|
60
|
-
textFieldBackgroundColor: '--plasma-range-textfield-background-color',
|
61
|
-
textFieldBackgroundColorHover: '--plasma-range-textfield-background-color-hover',
|
62
|
-
textFieldBackgroundColorFocus: '--plasma-range-textfield-background-color-focus',
|
63
|
-
textFieldBackgroundErrorColor: '--plasma-range-textfield-background-color-error',
|
64
|
-
textFieldBackgroundErrorColorHover: '--plasma-range-textfield-background-color-error-hover',
|
65
|
-
textFieldBackgroundErrorColorFocus: '--plasma-range-textfield-background-color-error-focus',
|
66
|
-
textFieldBackgroundSuccessColor: '--plasma-range-textfield-background-color-success',
|
67
|
-
textFieldBackgroundSuccessColorHover: '--plasma-range-textfield-background-color-success-hover',
|
68
|
-
textFieldBackgroundSuccessColorFocus: '--plasma-range-textfield-background-color-success-focus',
|
69
|
-
textFieldBorderColor: '--plasma-range-textfield-border-color',
|
70
|
-
textFieldBorderColorHover: '--plasma-range-textfield-border-color-hover',
|
71
|
-
textFieldBorderColorFocus: '--plasma-range-textfield-border-color-focus',
|
72
|
-
textFieldBorderColorError: '--plasma-range-textfield-border-color-error',
|
73
|
-
textFieldBorderColorErrorHover: '--plasma-range-textfield-border-color-error-hover',
|
74
|
-
textFieldBorderColorErrorFocus: '--plasma-range-textfield-border-color-error-focus',
|
75
|
-
textFieldBorderColorSuccess: '--plasma-range-textfield-border-color-success',
|
76
|
-
textFieldBorderColorSuccessHover: '--plasma-range-textfield-border-color-success-hover',
|
77
|
-
textFieldBorderColorSuccessFocus: '--plasma-range-textfield-border-color-success-focus',
|
78
|
-
textFieldColorReadOnly: '--plasma-range-textfield-color-readonly',
|
79
|
-
textFieldBackgroundColorReadOnly: '--plasma-range-textfield-background-color-readonly',
|
80
|
-
textFieldBorderColorReadOnly: '--plasma-range-textfield-border-color-readonly',
|
81
|
-
textFieldPlaceholderColorReadOnly: '--plasma-range-textfield-placeholder-color-readonly',
|
82
|
-
textFieldHeight: '--plasma-range-textfield-height',
|
83
|
-
textFieldBorderWidth: '--plasma-range-textfield-border-width',
|
84
|
-
textFieldBorderRadius: '--plasma-range-textfield-border-radius',
|
85
|
-
textFieldPadding: '--plasma-range-textfield-padding',
|
86
|
-
textFieldLeftContentMargin: '--plasma-range-textfield__left-content-margin',
|
87
|
-
textFieldRightContentMargin: '--plasma-range-textfield__right-content-margin',
|
88
|
-
textFieldFontFamily: '--plasma-range-textfield-font-family',
|
89
|
-
textFieldFontStyle: '--plasma-range-textfield-font-style',
|
90
|
-
textFieldFontSize: '--plasma-range-textfield-font-size',
|
91
|
-
textFieldFontWeight: '--plasma-range-textfield-font-weight',
|
92
|
-
textFieldLetterSpacing: '--plasma-range-textfield-letter-spacing',
|
93
|
-
textFieldLineHeight: '--plasma-range-textfield-line-height',
|
94
|
-
textFieldTextBeforeColor: '--plasma-range-textfield__before-text-color',
|
95
|
-
textFieldTextAfterColor: '--plasma-range-textfield__after-text-color',
|
96
|
-
textFieldTextBeforeMargin: '--plasma-range-textfield__before-text-margin',
|
97
|
-
textFieldTextAfterMargin: '--plasma-range-textfield__after-text-margin'
|
98
|
-
};
|
99
|
-
|
100
|
-
export { classes, tokens };
|
101
|
-
//# sourceMappingURL=Range.tokens.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Range.tokens.js","sources":["../../../src/components/Range/Range.tokens.ts"],"sourcesContent":["export const classes = {\n rangeError: 'range-error',\n rangeValueError: 'range-value-error',\n rangeSuccess: 'range-success',\n rangeValueSuccess: 'range-value-success',\n};\n\nexport const tokens = {\n background: '--plasma-range-background',\n backgroundError: '--plasma-range-background-error',\n backgroundSuccess: '--plasma-range-background-success',\n backgroundReadOnly: '--plasma-range-background-readonly',\n borderRadius: '--plasma-range-border-radius',\n borderWidth: '--plasma-range-border-width',\n borderColor: '--plasma-range-border-color',\n borderColorError: '--plasma-range-border-color-error',\n borderColorSuccess: '--plasma-range-border-color-success',\n borderColorReadOnly: '--plasma-range-border-color-readonly',\n\n /** Токены разделителя */\n dividerColor: '--plasma-range__divider-color',\n dividerColorReadOnly: '--plasma-range__divider-color-readonly',\n dividerPadding: '--plasma-range__divider-padding',\n dividerFontFamily: '--plasma-range__divider-font-family',\n dividerFontStyle: '--plasma-range__divider-font-style',\n dividerFontSize: '--plasma-range__divider-font-size',\n dividerFontWeight: '--plasma-range__divider-font-weight',\n dividerLetterSpacing: '--plasma-range__divider-letter-spacing',\n dividerLineHeight: '--plasma-range__divider-line-height',\n\n /** Токены слотов для контента */\n leftContentMargin: '--plasma-range__left-content-margin',\n rightContentMargin: '--plasma-range__right-content-margin',\n\n /** Токены лейбла */\n labelColor: '--plasma-range__label-color',\n labelColorReadOnly: '--plasma-range__label-color-readonly',\n labelOffset: '--plasma-range__label-offset',\n\n labelFontFamily: '--plasma-range__label-font-family',\n labelFontStyle: '--plasma-range__label-font-style',\n labelFontSize: '--plasma-range__label-font-size',\n labelFontWeight: '--plasma-range__label-font-weight',\n labelLetterSpacing: '--plasma-range__label-letter-spacing',\n labelLineHeight: '--plasma-range__label-line-height',\n\n /** Токены вспомогательного текста */\n leftHelperColor: '--plasma-range__left-helper-color',\n leftHelperColorReadOnly: '--plasma-range__left-helper-color-readonly',\n leftHelperOffset: '--plasma-range__left-helper-offset',\n\n leftHelperFontFamily: '--plasma-range__left-helper-font-family',\n leftHelperFontStyle: '--plasma-range__left-helper-font-style',\n leftHelperFontSize: '--plasma-range__left-helper-font-size',\n leftHelperFontWeight: '--plasma-range__left-helper-font-weight',\n leftHelperLetterSpacing: '--plasma-range__left-helper-letter-spacing',\n leftHelperLineHeight: '--plasma-range__left-helper-line-height',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-range-disabled-opacity',\n\n /** Цвет обводки поля ввода при фокусе */\n focusColor: '--plasma-range-focus-color',\n\n /** Токены полей ввода */\n textFieldColor: '--plasma-range-textfield-color',\n textFieldFocusColor: '--plasma-range-textfield-focus-color',\n textFieldPlaceholderColor: '--plasma-range-textfield-placeholder-color',\n textFieldCaretColor: '--plasma-range-textfield-caret-color',\n\n textFieldBackgroundColor: '--plasma-range-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-range-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-range-textfield-background-color-focus',\n textFieldBackgroundErrorColor: '--plasma-range-textfield-background-color-error',\n textFieldBackgroundErrorColorHover: '--plasma-range-textfield-background-color-error-hover',\n textFieldBackgroundErrorColorFocus: '--plasma-range-textfield-background-color-error-focus',\n textFieldBackgroundSuccessColor: '--plasma-range-textfield-background-color-success',\n textFieldBackgroundSuccessColorHover: '--plasma-range-textfield-background-color-success-hover',\n textFieldBackgroundSuccessColorFocus: '--plasma-range-textfield-background-color-success-focus',\n\n textFieldBorderColor: '--plasma-range-textfield-border-color',\n textFieldBorderColorHover: '--plasma-range-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-range-textfield-border-color-focus',\n textFieldBorderColorError: '--plasma-range-textfield-border-color-error',\n textFieldBorderColorErrorHover: '--plasma-range-textfield-border-color-error-hover',\n textFieldBorderColorErrorFocus: '--plasma-range-textfield-border-color-error-focus',\n textFieldBorderColorSuccess: '--plasma-range-textfield-border-color-success',\n textFieldBorderColorSuccessHover: '--plasma-range-textfield-border-color-success-hover',\n textFieldBorderColorSuccessFocus: '--plasma-range-textfield-border-color-success-focus',\n\n textFieldColorReadOnly: '--plasma-range-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-range-textfield-background-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-range-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-range-textfield-placeholder-color-readonly',\n\n textFieldHeight: '--plasma-range-textfield-height',\n textFieldBorderWidth: '--plasma-range-textfield-border-width',\n textFieldBorderRadius: '--plasma-range-textfield-border-radius',\n textFieldPadding: '--plasma-range-textfield-padding',\n textFieldLeftContentMargin: '--plasma-range-textfield__left-content-margin',\n textFieldRightContentMargin: '--plasma-range-textfield__right-content-margin',\n textFieldFontFamily: '--plasma-range-textfield-font-family',\n textFieldFontStyle: '--plasma-range-textfield-font-style',\n textFieldFontSize: '--plasma-range-textfield-font-size',\n textFieldFontWeight: '--plasma-range-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-range-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-range-textfield-line-height',\n\n textFieldTextBeforeColor: '--plasma-range-textfield__before-text-color',\n textFieldTextAfterColor: '--plasma-range-textfield__after-text-color',\n textFieldTextBeforeMargin: '--plasma-range-textfield__before-text-margin',\n textFieldTextAfterMargin: '--plasma-range-textfield__after-text-margin',\n};\n"],"names":["classes","rangeError","rangeValueError","rangeSuccess","rangeValueSuccess","tokens","background","backgroundError","backgroundSuccess","backgroundReadOnly","borderRadius","borderWidth","borderColor","borderColorError","borderColorSuccess","borderColorReadOnly","dividerColor","dividerColorReadOnly","dividerPadding","dividerFontFamily","dividerFontStyle","dividerFontSize","dividerFontWeight","dividerLetterSpacing","dividerLineHeight","leftContentMargin","rightContentMargin","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","disabledOpacity","focusColor","textFieldColor","textFieldFocusColor","textFieldPlaceholderColor","textFieldCaretColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBackgroundErrorColor","textFieldBackgroundErrorColorHover","textFieldBackgroundErrorColorFocus","textFieldBackgroundSuccessColor","textFieldBackgroundSuccessColorHover","textFieldBackgroundSuccessColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldBorderColorError","textFieldBorderColorErrorHover","textFieldBorderColorErrorFocus","textFieldBorderColorSuccess","textFieldBorderColorSuccessHover","textFieldBorderColorSuccessFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,iBAAiB,EAAE,qBAAA;AACvB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,WAAW,EAAE,6BAA6B;AAC1CC,EAAAA,WAAW,EAAE,6BAA6B;AAC1CC,EAAAA,gBAAgB,EAAE,mCAAmC;AACrDC,EAAAA,kBAAkB,EAAE,qCAAqC;AACzDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAE3D;AACAC,EAAAA,YAAY,EAAE,+BAA+B;AAC7CC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,cAAc,EAAE,iCAAiC;AACjDC,EAAAA,iBAAiB,EAAE,qCAAqC;AACxDC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,iBAAiB,EAAE,qCAAqC;AACxDC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,iBAAiB,EAAE,qCAAqC;AAExD;AACAC,EAAAA,iBAAiB,EAAE,qCAAqC;AACxDC,EAAAA,kBAAkB,EAAE,sCAAsC;AAE1D;AACAC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,kBAAkB,EAAE,sCAAsC;AAC1DC,EAAAA,WAAW,EAAE,8BAA8B;AAE3CC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,aAAa,EAAE,iCAAiC;AAChDC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,kBAAkB,EAAE,sCAAsC;AAC1DC,EAAAA,eAAe,EAAE,mCAAmC;AAEpD;AACAC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,uBAAuB,EAAE,4CAA4C;AACrEC,EAAAA,gBAAgB,EAAE,oCAAoC;AAEtDC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,mBAAmB,EAAE,wCAAwC;AAC7DC,EAAAA,kBAAkB,EAAE,uCAAuC;AAC3DC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,uBAAuB,EAAE,4CAA4C;AACrEC,EAAAA,oBAAoB,EAAE,yCAAyC;AAE/D;AACAC,EAAAA,eAAe,EAAE,iCAAiC;AAElD;AACAC,EAAAA,UAAU,EAAE,4BAA4B;AAExC;AACAC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,yBAAyB,EAAE,4CAA4C;AACvEC,EAAAA,mBAAmB,EAAE,sCAAsC;AAE3DC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,6BAA6B,EAAE,iDAAiD;AAChFC,EAAAA,6BAA6B,EAAE,iDAAiD;AAChFC,EAAAA,6BAA6B,EAAE,iDAAiD;AAChFC,EAAAA,kCAAkC,EAAE,uDAAuD;AAC3FC,EAAAA,kCAAkC,EAAE,uDAAuD;AAC3FC,EAAAA,+BAA+B,EAAE,mDAAmD;AACpFC,EAAAA,oCAAoC,EAAE,yDAAyD;AAC/FC,EAAAA,oCAAoC,EAAE,yDAAyD;AAE/FC,EAAAA,oBAAoB,EAAE,uCAAuC;AAC7DC,EAAAA,yBAAyB,EAAE,6CAA6C;AACxEC,EAAAA,yBAAyB,EAAE,6CAA6C;AACxEC,EAAAA,yBAAyB,EAAE,6CAA6C;AACxEC,EAAAA,8BAA8B,EAAE,mDAAmD;AACnFC,EAAAA,8BAA8B,EAAE,mDAAmD;AACnFC,EAAAA,2BAA2B,EAAE,+CAA+C;AAC5EC,EAAAA,gCAAgC,EAAE,qDAAqD;AACvFC,EAAAA,gCAAgC,EAAE,qDAAqD;AAEvFC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,gCAAgC,EAAE,oDAAoD;AACtFC,EAAAA,4BAA4B,EAAE,gDAAgD;AAC9EC,EAAAA,iCAAiC,EAAE,qDAAqD;AAExFC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,oBAAoB,EAAE,uCAAuC;AAC7DC,EAAAA,qBAAqB,EAAE,wCAAwC;AAC/DC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,0BAA0B,EAAE,+CAA+C;AAC3EC,EAAAA,2BAA2B,EAAE,gDAAgD;AAC7EC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,kBAAkB,EAAE,qCAAqC;AACzDC,EAAAA,iBAAiB,EAAE,oCAAoC;AACvDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,mBAAmB,EAAE,sCAAsC;AAE3DC,EAAAA,wBAAwB,EAAE,6CAA6C;AACvEC,EAAAA,uBAAuB,EAAE,4CAA4C;AACrEC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,wBAAwB,EAAE,6CAAA;AAC9B;;;;"}
|
@@ -1,19 +0,0 @@
|
|
1
|
-
var getChangeHandler = function getChangeHandler(changeHandler, disabled, readOnly) {
|
2
|
-
return function (event) {
|
3
|
-
if (disabled || readOnly) {
|
4
|
-
return;
|
5
|
-
}
|
6
|
-
changeHandler === null || changeHandler === void 0 || changeHandler(event, event.target.value);
|
7
|
-
};
|
8
|
-
};
|
9
|
-
var getSearchHandler = function getSearchHandler(searchHandler, disabled, readOnly) {
|
10
|
-
return function (value, event) {
|
11
|
-
if (disabled || readOnly) {
|
12
|
-
return;
|
13
|
-
}
|
14
|
-
searchHandler === null || searchHandler === void 0 || searchHandler(event, value);
|
15
|
-
};
|
16
|
-
};
|
17
|
-
|
18
|
-
export { getChangeHandler, getSearchHandler };
|
19
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Range/utils/index.ts"],"sourcesContent":["import type { ChangeEvent, KeyboardEvent } from 'react';\n\nimport type { BaseCallbackChangeInstance, BaseCallbackKeyboardInstance } from '../Range.types';\n\nexport const getChangeHandler = (\n changeHandler?: BaseCallbackChangeInstance,\n disabled?: boolean,\n readOnly?: boolean,\n) => (event: ChangeEvent<HTMLInputElement>) => {\n if (disabled || readOnly) {\n return;\n }\n\n changeHandler?.(event, event.target.value);\n};\n\nexport const getSearchHandler = (\n searchHandler?: BaseCallbackKeyboardInstance,\n disabled?: boolean,\n readOnly?: boolean,\n) => (value: string, event?: KeyboardEvent<HTMLInputElement>) => {\n if (disabled || readOnly) {\n return;\n }\n\n searchHandler?.(event as KeyboardEvent<HTMLInputElement>, value);\n};\n"],"names":["getChangeHandler","changeHandler","disabled","readOnly","event","target","value","getSearchHandler","searchHandler"],"mappings":"AAIO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CACzBC,aAA0C,EAC1CC,QAAkB,EAClBC,QAAkB,EAAA;EAAA,OACjB,UAACC,KAAoC,EAAK;IAC3C,IAAIF,QAAQ,IAAIC,QAAQ,EAAE;AACtB,MAAA,OAAA;AACJ,KAAA;AAEAF,IAAAA,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,IAAAA,aAAa,CAAGG,KAAK,EAAEA,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC,CAAA;GAC7C,CAAA;AAAA,EAAA;AAEM,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CACzBC,aAA4C,EAC5CN,QAAkB,EAClBC,QAAkB,EAAA;AAAA,EAAA,OACjB,UAACG,KAAa,EAAEF,KAAuC,EAAK;IAC7D,IAAIF,QAAQ,IAAIC,QAAQ,EAAE;AACtB,MAAA,OAAA;AACJ,KAAA;IAEAK,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,IAAAA,aAAa,CAAGJ,KAAK,EAAqCE,KAAK,CAAC,CAAA;GACnE,CAAA;AAAA;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Range/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Range.tokens';\n\nexport const base = css`\n &[disabled] {\n opacity: var(${tokens.disabledOpacity});\n cursor: not-allowed;\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAKhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.brz2a7[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Range/variations/_readonly/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Range.tokens';\nimport {\n ContentWrapper,\n LeftHelper,\n StyledContentLeft,\n StyledContentRight,\n StyledDivider,\n StyledLabel,\n} from '../../Range.styles';\n\nexport const base = css`\n &[readonly] {\n cursor: default;\n\n ${ContentWrapper} {\n background: var(${tokens.backgroundReadOnly});\n }\n\n ${StyledLabel} {\n display: block;\n color: var(${tokens.labelColorReadOnly});\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColorReadOnly});\n }\n\n ${StyledDivider} {\n color: var(${tokens.dividerColorReadOnly});\n }\n\n ${StyledContentLeft}, ${StyledContentRight} {\n color: var(${tokens.textFieldColorReadOnly});\n }\n }\n`;\n"],"names":["base"],"mappings":"AAYO,IAAMA,IAAI,GAyBhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1l9fpln[readonly]{cursor:default;}.b1l9fpln[readonly] .czi0aji{background:var(--plasma-range-background-readonly);}.b1l9fpln[readonly] .s14q3826{display:block;color:var(--plasma-range__label-color-readonly);}.b1l9fpln[readonly] .l1fwucr5{color:var(--plasma-range__left-helper-color-readonly);}.b1l9fpln[readonly] .s1e6rwfy{color:var(--plasma-range__divider-color-readonly);}.b1l9fpln[readonly] .sfxtxl2,.b1l9fpln[readonly] .s1hiyoiq{color:var(--plasma-range-textfield-color-readonly);}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Range/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Range.tokens';\nimport {\n StyledLabel,\n LeftHelper,\n StyledContentLeft,\n StyledContentRight,\n StyledDivider,\n ContentWrapper,\n} from '../../Range.styles';\n\nexport const base = css`\n ${ContentWrapper} {\n width: inherit;\n border-radius: var(${tokens.borderRadius});\n }\n\n ${StyledDivider} {\n padding: var(${tokens.dividerPadding});\n font-family: var(${tokens.dividerFontFamily});\n font-size: var(${tokens.dividerFontSize});\n font-style: var(${tokens.dividerFontStyle});\n font-weight: var(${tokens.dividerFontWeight});\n letter-spacing: var(${tokens.dividerLetterSpacing});\n line-height: var(${tokens.dividerLineHeight});\n }\n\n ${StyledLabel} {\n margin: var(${tokens.labelOffset});\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n }\n\n ${StyledContentLeft} {\n margin: var(${tokens.leftContentMargin});\n }\n\n ${StyledContentRight} {\n margin: var(${tokens.rightContentMargin});\n }\n\n ${LeftHelper} {\n margin: var(${tokens.leftHelperOffset});\n\n font-family: var(${tokens.leftHelperFontFamily});\n font-size: var(${tokens.leftHelperFontSize});\n font-style: var(${tokens.leftHelperFontStyle});\n font-weight: var(${tokens.leftHelperFontWeight});\n letter-spacing: var(${tokens.leftHelperLetterSpacing});\n line-height: var(${tokens.leftHelperLineHeight});\n }\n`;\n"],"names":["base"],"mappings":"AAYO,IAAMA,IAAI,GA4ChB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bc2if5b .czi0aji{width:inherit;border-radius:var(--plasma-range-border-radius);}.bc2if5b .s1e6rwfy{padding:var(--plasma-range__divider-padding);font-family:var(--plasma-range__divider-font-family);font-size:var(--plasma-range__divider-font-size);font-style:var(--plasma-range__divider-font-style);font-weight:var(--plasma-range__divider-font-weight);-webkit-letter-spacing:var(--plasma-range__divider-letter-spacing);-moz-letter-spacing:var(--plasma-range__divider-letter-spacing);-ms-letter-spacing:var(--plasma-range__divider-letter-spacing);letter-spacing:var(--plasma-range__divider-letter-spacing);line-height:var(--plasma-range__divider-line-height);}.bc2if5b .s14q3826{margin:var(--plasma-range__label-offset);font-family:var(--plasma-range__label-font-family);font-size:var(--plasma-range__label-font-size);font-style:var(--plasma-range__label-font-style);font-weight:var(--plasma-range__label-font-weight);-webkit-letter-spacing:var(--plasma-range__label-letter-spacing);-moz-letter-spacing:var(--plasma-range__label-letter-spacing);-ms-letter-spacing:var(--plasma-range__label-letter-spacing);letter-spacing:var(--plasma-range__label-letter-spacing);line-height:var(--plasma-range__label-line-height);}.bc2if5b .sfxtxl2{margin:var(--plasma-range__left-content-margin);}.bc2if5b .s1hiyoiq{margin:var(--plasma-range__right-content-margin);}.bc2if5b .l1fwucr5{margin:var(--plasma-range__left-helper-offset);font-family:var(--plasma-range__left-helper-font-family);font-size:var(--plasma-range__left-helper-font-size);font-style:var(--plasma-range__left-helper-font-style);font-weight:var(--plasma-range__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-range__left-helper-letter-spacing);letter-spacing:var(--plasma-range__left-helper-letter-spacing);line-height:var(--plasma-range__left-helper-line-height);}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Range/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Range.tokens';\nimport { StyledLabel, LeftHelper, StyledDivider, ContentWrapper } from '../../Range.styles';\n\nexport const base = css`\n ${ContentWrapper} {\n background-color: var(${tokens.background});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColor});\n\n &.${classes.rangeError} {\n background-color: var(${tokens.backgroundError});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColorError});\n }\n\n &.${classes.rangeSuccess} {\n background-color: var(${tokens.backgroundSuccess});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColorSuccess});\n }\n }\n\n ${StyledDivider} {\n color: var(${tokens.dividerColor});\n }\n\n ${StyledLabel} {\n display: block;\n color: var(${tokens.labelColor});\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColor});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GA4BhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bfrw0i0 .czi0aji{background-color:var(--plasma-range-background);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color);}.bfrw0i0 .czi0aji.range-error{background-color:var(--plasma-range-background-error);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-error);}.bfrw0i0 .czi0aji.range-success{background-color:var(--plasma-range-background-success);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-success);}.bfrw0i0 .s1e6rwfy{color:var(--plasma-range__divider-color);}.bfrw0i0 .s14q3826{display:block;color:var(--plasma-range__label-color);}.bfrw0i0 .l1fwucr5{color:var(--plasma-range__left-helper-color);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.l8oinlg .io4bpie{padding:var(--plasma-textfield-placement_inner__content-padding);}.l8oinlg .suk2zst,.l8oinlg .s600610{padding:var(--plasma-textfield-placement_inner__content-padding);}.l8oinlg .io4bpie:focus ~ .l13qvwoy,.l8oinlg .io4bpie:not(:placeholder-shown) ~ .l13qvwoy{height:auto;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.l8oinlg .io4bpie:not(:focus)::-webkit-input-placeholder{color:transparent;}.l8oinlg .io4bpie:not(:focus)::-moz-placeholder{color:transparent;}.l8oinlg .io4bpie:not(:focus):-ms-input-placeholder{color:transparent;}.l8oinlg .io4bpie:not(:focus)::placeholder{color:transparent;}.l8oinlg .io4bpie:focus::-webkit-input-placeholder{color:transparent;}.l8oinlg .io4bpie:focus::-moz-placeholder{color:transparent;}.l8oinlg .io4bpie:focus:-ms-input-placeholder{color:transparent;}.l8oinlg .io4bpie:focus::placeholder{color:transparent;}.l8oinlg .l13qvwoy{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
|
@@ -1,148 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.rangeRoot = exports.rangeConfig = void 0;
|
8
|
-
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
-
var _utils = /*#__PURE__*/require("../../utils");
|
10
|
-
var _base = /*#__PURE__*/require("./variations/_size/base");
|
11
|
-
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
12
|
-
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
13
|
-
var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
|
14
|
-
var _utils2 = /*#__PURE__*/require("./utils");
|
15
|
-
var _Range = /*#__PURE__*/require("./Range.styles");
|
16
|
-
var _Range2 = /*#__PURE__*/require("./Range.tokens");
|
17
|
-
var _StyledDivider;
|
18
|
-
var _excluded = ["label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "firstValue", "secondValue", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "onChangeFirstValue", "onChangeSecondValue", "onSearchFirstValue", "onSearchSecondValue", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
19
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
20
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
21
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
22
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
23
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
24
|
-
var rangeRoot = exports.rangeRoot = function rangeRoot(Root) {
|
25
|
-
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
26
|
-
var _StyledDivider2;
|
27
|
-
var label = _ref.label,
|
28
|
-
leftHelper = _ref.leftHelper,
|
29
|
-
contentLeft = _ref.contentLeft,
|
30
|
-
contentRight = _ref.contentRight,
|
31
|
-
view = _ref.view,
|
32
|
-
size = _ref.size,
|
33
|
-
_ref$readOnly = _ref.readOnly,
|
34
|
-
readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
|
35
|
-
_ref$disabled = _ref.disabled,
|
36
|
-
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
37
|
-
_ref$dividerVariant = _ref.dividerVariant,
|
38
|
-
dividerVariant = _ref$dividerVariant === void 0 ? 'dash' : _ref$dividerVariant,
|
39
|
-
dividerIcon = _ref.dividerIcon,
|
40
|
-
firstValue = _ref.firstValue,
|
41
|
-
secondValue = _ref.secondValue,
|
42
|
-
firstValueError = _ref.firstValueError,
|
43
|
-
secondValueError = _ref.secondValueError,
|
44
|
-
firstValueSuccess = _ref.firstValueSuccess,
|
45
|
-
secondValueSuccess = _ref.secondValueSuccess,
|
46
|
-
firstPlaceholder = _ref.firstPlaceholder,
|
47
|
-
secondPlaceholder = _ref.secondPlaceholder,
|
48
|
-
firstTextfieldContentLeft = _ref.firstTextfieldContentLeft,
|
49
|
-
firstTextfieldContentRight = _ref.firstTextfieldContentRight,
|
50
|
-
secondTextfieldContentLeft = _ref.secondTextfieldContentLeft,
|
51
|
-
secondTextfieldContentRight = _ref.secondTextfieldContentRight,
|
52
|
-
firstTextfieldTextBefore = _ref.firstTextfieldTextBefore,
|
53
|
-
secondTextfieldTextBefore = _ref.secondTextfieldTextBefore,
|
54
|
-
firstTextfieldTextAfter = _ref.firstTextfieldTextAfter,
|
55
|
-
secondTextfieldTextAfter = _ref.secondTextfieldTextAfter,
|
56
|
-
onChangeFirstValue = _ref.onChangeFirstValue,
|
57
|
-
onChangeSecondValue = _ref.onChangeSecondValue,
|
58
|
-
onSearchFirstValue = _ref.onSearchFirstValue,
|
59
|
-
onSearchSecondValue = _ref.onSearchSecondValue,
|
60
|
-
onFocusFirstTextfield = _ref.onFocusFirstTextfield,
|
61
|
-
onFocusSecondTextfield = _ref.onFocusSecondTextfield,
|
62
|
-
onBlurFirstTextfield = _ref.onBlurFirstTextfield,
|
63
|
-
onBlurSecondTextfield = _ref.onBlurSecondTextfield,
|
64
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
65
|
-
var rangeErrorClass = firstValueError && secondValueError ? _Range2.classes.rangeError : undefined;
|
66
|
-
var firstValueErrorClass = !rangeErrorClass && firstValueError ? _Range2.classes.rangeValueError : undefined;
|
67
|
-
var secondValueErrorClass = !rangeErrorClass && secondValueError ? _Range2.classes.rangeValueError : undefined;
|
68
|
-
var rangeSuccessClass = firstValueSuccess && secondValueSuccess ? _Range2.classes.rangeSuccess : undefined;
|
69
|
-
var firstValueSuccessClass = !rangeSuccessClass && firstValueSuccess ? _Range2.classes.rangeValueSuccess : undefined;
|
70
|
-
var secondValueSuccessClass = !rangeSuccessClass && secondValueSuccess ? _Range2.classes.rangeValueSuccess : undefined;
|
71
|
-
var handleChangeFirstValue = (0, _react.useCallback)((0, _utils2.getChangeHandler)(onChangeFirstValue, disabled, readOnly), [onChangeFirstValue, disabled, readOnly]);
|
72
|
-
var handleChangeSecondValue = (0, _react.useCallback)((0, _utils2.getChangeHandler)(onChangeSecondValue, disabled, readOnly), [onChangeSecondValue, disabled, readOnly]);
|
73
|
-
var handleSearchFirstValue = (0, _react.useCallback)((0, _utils2.getSearchHandler)(onSearchFirstValue, disabled, readOnly), [onSearchFirstValue, disabled, readOnly]);
|
74
|
-
var handleSearchSecondValue = (0, _react.useCallback)((0, _utils2.getSearchHandler)(onSearchSecondValue, disabled, readOnly), [onSearchFirstValue, disabled, readOnly]);
|
75
|
-
var Divider = (0, _react.useMemo)(function () {
|
76
|
-
if (dividerVariant === 'none') {
|
77
|
-
return null;
|
78
|
-
}
|
79
|
-
if (dividerVariant === 'dash') {
|
80
|
-
return _StyledDivider || (_StyledDivider = /*#__PURE__*/_react["default"].createElement(_Range.StyledDivider, null, "\u2013"));
|
81
|
-
}
|
82
|
-
return _StyledDivider2 || (_StyledDivider2 = /*#__PURE__*/_react["default"].createElement(_Range.StyledDivider, null, dividerIcon));
|
83
|
-
}, [dividerVariant, dividerIcon]);
|
84
|
-
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
85
|
-
view: view,
|
86
|
-
size: size,
|
87
|
-
disabled: disabled,
|
88
|
-
readOnly: !disabled && readOnly,
|
89
|
-
ref: ref
|
90
|
-
}, rest), label && /*#__PURE__*/_react["default"].createElement(_Range.StyledLabel, null, label), /*#__PURE__*/_react["default"].createElement(_Range.ContentWrapper, {
|
91
|
-
className: (0, _utils.cx)(rangeErrorClass, rangeSuccessClass)
|
92
|
-
}, contentLeft && /*#__PURE__*/_react["default"].createElement(_Range.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Range.StyledInput, {
|
93
|
-
className: (0, _utils.cx)(firstValueErrorClass, firstValueSuccessClass),
|
94
|
-
value: firstValue,
|
95
|
-
readOnly: readOnly,
|
96
|
-
disabled: disabled,
|
97
|
-
placeholder: firstPlaceholder,
|
98
|
-
contentLeft: firstTextfieldContentLeft,
|
99
|
-
contentRight: firstTextfieldContentRight,
|
100
|
-
textBefore: firstTextfieldTextBefore,
|
101
|
-
textAfter: firstTextfieldTextAfter,
|
102
|
-
onChange: handleChangeFirstValue,
|
103
|
-
onSearch: handleSearchFirstValue,
|
104
|
-
onFocus: onFocusFirstTextfield,
|
105
|
-
onBlur: onBlurFirstTextfield
|
106
|
-
}), Divider, /*#__PURE__*/_react["default"].createElement(_Range.StyledInput, {
|
107
|
-
className: (0, _utils.cx)(secondValueErrorClass, secondValueSuccessClass),
|
108
|
-
value: secondValue,
|
109
|
-
readOnly: readOnly,
|
110
|
-
disabled: disabled,
|
111
|
-
placeholder: secondPlaceholder,
|
112
|
-
contentLeft: secondTextfieldContentLeft,
|
113
|
-
contentRight: secondTextfieldContentRight,
|
114
|
-
textBefore: secondTextfieldTextBefore,
|
115
|
-
textAfter: secondTextfieldTextAfter,
|
116
|
-
onChange: handleChangeSecondValue,
|
117
|
-
onSearch: handleSearchSecondValue,
|
118
|
-
onFocus: onFocusSecondTextfield,
|
119
|
-
onBlur: onBlurSecondTextfield
|
120
|
-
}), contentRight && /*#__PURE__*/_react["default"].createElement(_Range.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/_react["default"].createElement(_Range.LeftHelper, null, leftHelper));
|
121
|
-
});
|
122
|
-
};
|
123
|
-
var rangeConfig = exports.rangeConfig = {
|
124
|
-
name: 'Range',
|
125
|
-
tag: 'div',
|
126
|
-
layout: rangeRoot,
|
127
|
-
base: _Range.base,
|
128
|
-
variations: {
|
129
|
-
view: {
|
130
|
-
css: _base2.base
|
131
|
-
},
|
132
|
-
size: {
|
133
|
-
css: _base.base
|
134
|
-
},
|
135
|
-
disabled: {
|
136
|
-
css: _base3.base,
|
137
|
-
attrs: true
|
138
|
-
},
|
139
|
-
readOnly: {
|
140
|
-
css: _base4.base,
|
141
|
-
attrs: true
|
142
|
-
}
|
143
|
-
},
|
144
|
-
defaults: {
|
145
|
-
size: 'm',
|
146
|
-
view: 'default'
|
147
|
-
}
|
148
|
-
};
|
@@ -1,39 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.base = exports.StyledLabel = exports.StyledInput = exports.StyledDivider = exports.StyledContentRight = exports.StyledContentLeft = exports.LeftHelper = exports.ContentWrapper = void 0;
|
8
|
-
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
|
-
var _engines = /*#__PURE__*/require("../../engines");
|
10
|
-
var _TextField = /*#__PURE__*/require("../TextField");
|
11
|
-
var _Range = /*#__PURE__*/require("./Range.tokens");
|
12
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
14
|
-
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_TextField.textFieldConfig);
|
15
|
-
var TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
16
|
-
|
17
|
-
// NOTE: переопределение токенов TextField
|
18
|
-
var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
|
19
|
-
componentId: "plasma-new-hope__sc-xpkrak-0"
|
20
|
-
})(["flex:1;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _Range.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _Range.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.caretColor, _Range.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _Range.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Range.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Range.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Range.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Range.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _Range.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Range.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Range.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Range.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Range.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Range.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Range.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _Range.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _Range.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _Range.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Range.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Range.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _Range.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _Range.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Range.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Range.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Range.tokens.textFieldTextAfterMargin, _Range.classes.rangeValueError, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorErrorFocus, _Range.classes.rangeValueSuccess, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorSuccessFocus);
|
21
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
|
22
|
-
var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
|
23
|
-
componentId: "plasma-new-hope__sc-xpkrak-1"
|
24
|
-
})([""]);
|
25
|
-
var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
26
|
-
componentId: "plasma-new-hope__sc-xpkrak-2"
|
27
|
-
})([""]);
|
28
|
-
var ContentWrapper = exports.ContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
29
|
-
componentId: "plasma-new-hope__sc-xpkrak-3"
|
30
|
-
})(["display:flex;align-items:center;"]);
|
31
|
-
var StyledDivider = exports.StyledDivider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
32
|
-
componentId: "plasma-new-hope__sc-xpkrak-4"
|
33
|
-
})([""]);
|
34
|
-
var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
35
|
-
componentId: "plasma-new-hope__sc-xpkrak-5"
|
36
|
-
})([""]);
|
37
|
-
var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
38
|
-
componentId: "plasma-new-hope__sc-xpkrak-6"
|
39
|
-
})([""]);
|