@salutejs/plasma-new-hope 0.174.0-canary.1511.11518967304.0 → 0.174.1-canary.1512.11549467998.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Drawer/Drawer.js +2 -1
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +2 -1
- package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -1
- package/cjs/components/Popover/Popover.js +2 -1
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/ViewContainer/ViewContainer.js +38 -0
- package/cjs/components/ViewContainer/ViewContainer.js.map +1 -0
- package/cjs/components/ViewContainer/ViewContainer_yiqfcb.css +1 -0
- package/cjs/components/{NumberInput/variations → ViewContainer}/_view/base.js +2 -2
- package/cjs/components/ViewContainer/_view/base.js.map +1 -0
- package/cjs/index.css +1 -24
- package/cjs/index.js +3 -6
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Drawer/Drawer.js +4 -3
- package/emotion/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +2 -1
- package/emotion/cjs/components/Popover/Popover.js +2 -1
- package/emotion/cjs/components/ViewContainer/ViewContainer.js +49 -0
- package/emotion/cjs/components/ViewContainer/ViewContainer.template-doc.mdx +82 -0
- package/emotion/cjs/components/ViewContainer/_view/base.js +8 -0
- package/emotion/cjs/components/ViewContainer/_view/tokens.json +1 -0
- package/emotion/cjs/components/ViewContainer/index.js +18 -0
- package/emotion/cjs/examples/_helpers.js +3 -14
- package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +16 -0
- package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +65 -0
- package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +16 -0
- package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +65 -0
- package/emotion/cjs/index.js +4 -4
- package/emotion/es/components/Drawer/Drawer.js +2 -1
- package/emotion/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +2 -1
- package/emotion/es/components/Popover/Popover.js +2 -1
- package/emotion/es/components/ViewContainer/ViewContainer.js +40 -0
- package/emotion/es/components/ViewContainer/ViewContainer.template-doc.mdx +82 -0
- package/emotion/es/components/ViewContainer/_view/base.js +2 -0
- package/emotion/es/components/ViewContainer/_view/tokens.json +1 -0
- package/emotion/es/components/ViewContainer/index.js +1 -0
- package/emotion/es/examples/_helpers.js +3 -14
- package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +10 -0
- package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +65 -0
- package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +10 -0
- package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.js +5 -0
- package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +65 -0
- package/emotion/es/index.js +1 -1
- package/es/components/Drawer/Drawer.js +2 -1
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +2 -1
- package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -1
- package/es/components/Popover/Popover.js +2 -1
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/ViewContainer/ViewContainer.js +33 -0
- package/es/components/ViewContainer/ViewContainer.js.map +1 -0
- package/es/components/ViewContainer/ViewContainer_yiqfcb.css +1 -0
- package/es/components/{NumberInput/variations/_segmentation → ViewContainer/_view}/base.js +2 -2
- package/es/components/ViewContainer/_view/base.js.map +1 -0
- package/es/index.css +1 -24
- package/es/index.js +1 -2
- package/es/index.js.map +1 -1
- package/package.json +3 -2
- package/styled-components/cjs/components/Drawer/Drawer.js +4 -3
- package/styled-components/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +2 -1
- package/styled-components/cjs/components/Popover/Popover.js +2 -1
- package/styled-components/cjs/components/ViewContainer/ViewContainer.js +40 -0
- package/styled-components/cjs/components/ViewContainer/ViewContainer.template-doc.mdx +82 -0
- package/styled-components/cjs/components/{NumberInput/NumberInput.styles.js → ViewContainer/_view/base.js} +1 -1
- package/styled-components/cjs/components/ViewContainer/_view/tokens.json +1 -0
- package/styled-components/cjs/components/ViewContainer/index.js +18 -0
- package/styled-components/cjs/examples/_helpers.js +3 -14
- package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +16 -0
- package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +65 -0
- package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +16 -0
- package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +65 -0
- package/styled-components/cjs/index.js +4 -4
- package/styled-components/es/components/Drawer/Drawer.js +2 -1
- package/styled-components/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +2 -1
- package/styled-components/es/components/Popover/Popover.js +2 -1
- package/styled-components/es/components/ViewContainer/ViewContainer.js +31 -0
- package/styled-components/es/components/ViewContainer/ViewContainer.template-doc.mdx +82 -0
- package/styled-components/es/components/ViewContainer/_view/base.js +2 -0
- package/styled-components/es/components/ViewContainer/_view/tokens.json +1 -0
- package/styled-components/es/components/ViewContainer/index.js +1 -0
- package/styled-components/es/examples/_helpers.js +3 -14
- package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +10 -0
- package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +65 -0
- package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +10 -0
- package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.js +5 -0
- package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +65 -0
- package/styled-components/es/index.js +1 -1
- package/types/components/Drawer/Drawer.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownOld/DropdownOld.d.ts.map +1 -1
- package/types/components/Popover/Popover.d.ts.map +1 -1
- package/types/components/ViewContainer/ViewContainer.d.ts +26 -0
- package/types/components/ViewContainer/ViewContainer.d.ts.map +1 -0
- package/types/components/ViewContainer/_view/base.d.ts.map +1 -0
- package/types/components/ViewContainer/index.d.ts +2 -0
- package/types/components/ViewContainer/index.d.ts.map +1 -0
- package/types/examples/_helpers.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.d.ts +9 -0
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.d.ts +8 -0
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.d.ts.map +1 -0
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.config.d.ts +9 -0
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.d.ts +8 -0
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.d.ts.map +1 -0
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/NumberInput/NumberInput.css +0 -54
- package/cjs/components/NumberInput/NumberInput.js +0 -188
- package/cjs/components/NumberInput/NumberInput.js.map +0 -1
- package/cjs/components/NumberInput/NumberInput.styles.js +0 -9
- package/cjs/components/NumberInput/NumberInput.styles.js.map +0 -1
- package/cjs/components/NumberInput/NumberInput.styles_jeawjl.css +0 -1
- package/cjs/components/NumberInput/NumberInput.tokens.js +0 -90
- package/cjs/components/NumberInput/NumberInput.tokens.js.map +0 -1
- package/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -19
- package/cjs/components/NumberInput/ui/ActionButton/ActionButton.js.map +0 -1
- package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -22
- package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js.map +0 -1
- package/cjs/components/NumberInput/ui/Input/Input.css +0 -15
- package/cjs/components/NumberInput/ui/Input/Input.js +0 -190
- package/cjs/components/NumberInput/ui/Input/Input.js.map +0 -1
- package/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -96
- package/cjs/components/NumberInput/ui/Input/Input.styles.js.map +0 -1
- package/cjs/components/NumberInput/ui/Input/Input.styles_jszc0c.css +0 -8
- package/cjs/components/NumberInput/utils/index.js +0 -8
- package/cjs/components/NumberInput/utils/index.js.map +0 -1
- package/cjs/components/NumberInput/variations/_background-type/base.js +0 -9
- package/cjs/components/NumberInput/variations/_background-type/base.js.map +0 -1
- package/cjs/components/NumberInput/variations/_background-type/base_1jmdljr.css +0 -1
- package/cjs/components/NumberInput/variations/_clear/base.js +0 -9
- package/cjs/components/NumberInput/variations/_clear/base.js.map +0 -1
- package/cjs/components/NumberInput/variations/_clear/base_3l8dqb.css +0 -1
- package/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
- package/cjs/components/NumberInput/variations/_disabled/base.js.map +0 -1
- package/cjs/components/NumberInput/variations/_disabled/base_1sl0mh8.css +0 -1
- package/cjs/components/NumberInput/variations/_segmentation/base.js +0 -9
- package/cjs/components/NumberInput/variations/_segmentation/base.js.map +0 -1
- package/cjs/components/NumberInput/variations/_segmentation/base_nl8ve.css +0 -1
- package/cjs/components/NumberInput/variations/_shape/base.js +0 -9
- package/cjs/components/NumberInput/variations/_shape/base.js.map +0 -1
- package/cjs/components/NumberInput/variations/_shape/base_k05biw.css +0 -1
- package/cjs/components/NumberInput/variations/_size/base.js +0 -9
- package/cjs/components/NumberInput/variations/_size/base.js.map +0 -1
- package/cjs/components/NumberInput/variations/_size/base_1pju5qf.css +0 -1
- package/cjs/components/NumberInput/variations/_view/base.js.map +0 -1
- package/cjs/components/NumberInput/variations/_view/base_cghr9q.css +0 -1
- package/emotion/cjs/components/NumberInput/NumberInput.js +0 -198
- package/emotion/cjs/components/NumberInput/NumberInput.styles.js +0 -17
- package/emotion/cjs/components/NumberInput/NumberInput.tokens.js +0 -87
- package/emotion/cjs/components/NumberInput/NumberInput.types.js +0 -5
- package/emotion/cjs/components/NumberInput/index.js +0 -31
- package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -18
- package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -16
- package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -5
- package/emotion/cjs/components/NumberInput/ui/Input/Input.js +0 -198
- package/emotion/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -82
- package/emotion/cjs/components/NumberInput/ui/Input/Input.types.js +0 -5
- package/emotion/cjs/components/NumberInput/ui/index.js +0 -19
- package/emotion/cjs/components/NumberInput/utils/index.js +0 -7
- package/emotion/cjs/components/NumberInput/variations/_background-type/base.js +0 -10
- package/emotion/cjs/components/NumberInput/variations/_background-type/tokens.json +0 -6
- package/emotion/cjs/components/NumberInput/variations/_clear/base.js +0 -12
- package/emotion/cjs/components/NumberInput/variations/_clear/tokens.json +0 -5
- package/emotion/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/NumberInput/variations/_disabled/tokens.json +0 -4
- package/emotion/cjs/components/NumberInput/variations/_segmentation/base.js +0 -12
- package/emotion/cjs/components/NumberInput/variations/_segmentation/tokens.json +0 -1
- package/emotion/cjs/components/NumberInput/variations/_shape/base.js +0 -11
- package/emotion/cjs/components/NumberInput/variations/_shape/tokens.json +0 -1
- package/emotion/cjs/components/NumberInput/variations/_size/base.js +0 -13
- package/emotion/cjs/components/NumberInput/variations/_size/tokens.json +0 -22
- package/emotion/cjs/components/NumberInput/variations/_view/base.js +0 -13
- package/emotion/cjs/components/NumberInput/variations/_view/tokens.json +0 -14
- package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -48
- package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -109
- package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -48
- package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -109
- package/emotion/cjs/examples/themes/declaration.d.ts +0 -4
- package/emotion/cjs/examples/themes/index.js +0 -15
- package/emotion/cjs/examples/themes/plasma_b2c.module.css +0 -984
- package/emotion/cjs/examples/themes/plasma_web.module.css +0 -984
- package/emotion/es/components/NumberInput/NumberInput.js +0 -190
- package/emotion/es/components/NumberInput/NumberInput.styles.js +0 -11
- package/emotion/es/components/NumberInput/NumberInput.tokens.js +0 -81
- package/emotion/es/components/NumberInput/NumberInput.types.js +0 -1
- package/emotion/es/components/NumberInput/index.js +0 -2
- package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -11
- package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -9
- package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -1
- package/emotion/es/components/NumberInput/ui/Input/Input.js +0 -189
- package/emotion/es/components/NumberInput/ui/Input/Input.styles.js +0 -75
- package/emotion/es/components/NumberInput/ui/Input/Input.types.js +0 -1
- package/emotion/es/components/NumberInput/ui/index.js +0 -2
- package/emotion/es/components/NumberInput/utils/index.js +0 -1
- package/emotion/es/components/NumberInput/variations/_background-type/base.js +0 -4
- package/emotion/es/components/NumberInput/variations/_background-type/tokens.json +0 -6
- package/emotion/es/components/NumberInput/variations/_clear/base.js +0 -6
- package/emotion/es/components/NumberInput/variations/_clear/tokens.json +0 -5
- package/emotion/es/components/NumberInput/variations/_disabled/base.js +0 -3
- package/emotion/es/components/NumberInput/variations/_disabled/tokens.json +0 -4
- package/emotion/es/components/NumberInput/variations/_segmentation/base.js +0 -6
- package/emotion/es/components/NumberInput/variations/_segmentation/tokens.json +0 -1
- package/emotion/es/components/NumberInput/variations/_shape/base.js +0 -5
- package/emotion/es/components/NumberInput/variations/_shape/tokens.json +0 -1
- package/emotion/es/components/NumberInput/variations/_size/base.js +0 -7
- package/emotion/es/components/NumberInput/variations/_size/tokens.json +0 -22
- package/emotion/es/components/NumberInput/variations/_view/base.js +0 -7
- package/emotion/es/components/NumberInput/variations/_view/tokens.json +0 -14
- package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -42
- package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -109
- package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -42
- package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.js +0 -5
- package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -109
- package/emotion/es/examples/themes/declaration.d.ts +0 -4
- package/emotion/es/examples/themes/index.js +0 -7
- package/emotion/es/examples/themes/plasma_b2c.module.css +0 -984
- package/emotion/es/examples/themes/plasma_web.module.css +0 -984
- package/es/components/NumberInput/NumberInput.css +0 -54
- package/es/components/NumberInput/NumberInput.js +0 -183
- package/es/components/NumberInput/NumberInput.js.map +0 -1
- package/es/components/NumberInput/NumberInput.styles.js +0 -5
- package/es/components/NumberInput/NumberInput.styles.js.map +0 -1
- package/es/components/NumberInput/NumberInput.styles_jeawjl.css +0 -1
- package/es/components/NumberInput/NumberInput.tokens.js +0 -84
- package/es/components/NumberInput/NumberInput.tokens.js.map +0 -1
- package/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -15
- package/es/components/NumberInput/ui/ActionButton/ActionButton.js.map +0 -1
- package/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -18
- package/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js.map +0 -1
- package/es/components/NumberInput/ui/Input/Input.css +0 -15
- package/es/components/NumberInput/ui/Input/Input.js +0 -186
- package/es/components/NumberInput/ui/Input/Input.js.map +0 -1
- package/es/components/NumberInput/ui/Input/Input.styles.js +0 -85
- package/es/components/NumberInput/ui/Input/Input.styles.js.map +0 -1
- package/es/components/NumberInput/ui/Input/Input.styles_jszc0c.css +0 -8
- package/es/components/NumberInput/utils/index.js +0 -4
- package/es/components/NumberInput/utils/index.js.map +0 -1
- package/es/components/NumberInput/variations/_background-type/base.js +0 -5
- package/es/components/NumberInput/variations/_background-type/base.js.map +0 -1
- package/es/components/NumberInput/variations/_background-type/base_1jmdljr.css +0 -1
- package/es/components/NumberInput/variations/_clear/base.js +0 -5
- package/es/components/NumberInput/variations/_clear/base.js.map +0 -1
- package/es/components/NumberInput/variations/_clear/base_3l8dqb.css +0 -1
- package/es/components/NumberInput/variations/_disabled/base.js +0 -5
- package/es/components/NumberInput/variations/_disabled/base.js.map +0 -1
- package/es/components/NumberInput/variations/_disabled/base_1sl0mh8.css +0 -1
- package/es/components/NumberInput/variations/_segmentation/base.js.map +0 -1
- package/es/components/NumberInput/variations/_segmentation/base_nl8ve.css +0 -1
- package/es/components/NumberInput/variations/_shape/base.js +0 -5
- package/es/components/NumberInput/variations/_shape/base.js.map +0 -1
- package/es/components/NumberInput/variations/_shape/base_k05biw.css +0 -1
- package/es/components/NumberInput/variations/_size/base.js +0 -5
- package/es/components/NumberInput/variations/_size/base.js.map +0 -1
- package/es/components/NumberInput/variations/_size/base_1pju5qf.css +0 -1
- package/es/components/NumberInput/variations/_view/base.js +0 -5
- package/es/components/NumberInput/variations/_view/base.js.map +0 -1
- package/es/components/NumberInput/variations/_view/base_cghr9q.css +0 -1
- package/styled-components/cjs/components/NumberInput/NumberInput.js +0 -198
- package/styled-components/cjs/components/NumberInput/NumberInput.tokens.js +0 -87
- package/styled-components/cjs/components/NumberInput/NumberInput.types.js +0 -5
- package/styled-components/cjs/components/NumberInput/index.js +0 -31
- package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -18
- package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -15
- package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -5
- package/styled-components/cjs/components/NumberInput/ui/Input/Input.js +0 -198
- package/styled-components/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -49
- package/styled-components/cjs/components/NumberInput/ui/Input/Input.types.js +0 -5
- package/styled-components/cjs/components/NumberInput/ui/index.js +0 -19
- package/styled-components/cjs/components/NumberInput/utils/index.js +0 -7
- package/styled-components/cjs/components/NumberInput/variations/_background-type/base.js +0 -10
- package/styled-components/cjs/components/NumberInput/variations/_background-type/tokens.json +0 -6
- package/styled-components/cjs/components/NumberInput/variations/_clear/base.js +0 -12
- package/styled-components/cjs/components/NumberInput/variations/_clear/tokens.json +0 -5
- package/styled-components/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
- package/styled-components/cjs/components/NumberInput/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/NumberInput/variations/_segmentation/base.js +0 -12
- package/styled-components/cjs/components/NumberInput/variations/_segmentation/tokens.json +0 -1
- package/styled-components/cjs/components/NumberInput/variations/_shape/base.js +0 -11
- package/styled-components/cjs/components/NumberInput/variations/_shape/tokens.json +0 -1
- package/styled-components/cjs/components/NumberInput/variations/_size/base.js +0 -13
- package/styled-components/cjs/components/NumberInput/variations/_size/tokens.json +0 -22
- package/styled-components/cjs/components/NumberInput/variations/_view/base.js +0 -13
- package/styled-components/cjs/components/NumberInput/variations/_view/tokens.json +0 -14
- package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -48
- package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -109
- package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -48
- package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -109
- package/styled-components/cjs/examples/themes/declaration.d.ts +0 -4
- package/styled-components/cjs/examples/themes/index.js +0 -15
- package/styled-components/cjs/examples/themes/plasma_b2c.module.css +0 -984
- package/styled-components/cjs/examples/themes/plasma_web.module.css +0 -984
- package/styled-components/es/components/NumberInput/NumberInput.js +0 -190
- package/styled-components/es/components/NumberInput/NumberInput.styles.js +0 -2
- package/styled-components/es/components/NumberInput/NumberInput.tokens.js +0 -81
- package/styled-components/es/components/NumberInput/NumberInput.types.js +0 -1
- package/styled-components/es/components/NumberInput/index.js +0 -2
- package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -11
- package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -8
- package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -1
- package/styled-components/es/components/NumberInput/ui/Input/Input.js +0 -189
- package/styled-components/es/components/NumberInput/ui/Input/Input.styles.js +0 -42
- package/styled-components/es/components/NumberInput/ui/Input/Input.types.js +0 -1
- package/styled-components/es/components/NumberInput/ui/index.js +0 -2
- package/styled-components/es/components/NumberInput/utils/index.js +0 -1
- package/styled-components/es/components/NumberInput/variations/_background-type/base.js +0 -4
- package/styled-components/es/components/NumberInput/variations/_background-type/tokens.json +0 -6
- package/styled-components/es/components/NumberInput/variations/_clear/base.js +0 -6
- package/styled-components/es/components/NumberInput/variations/_clear/tokens.json +0 -5
- package/styled-components/es/components/NumberInput/variations/_disabled/base.js +0 -3
- package/styled-components/es/components/NumberInput/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/NumberInput/variations/_segmentation/base.js +0 -6
- package/styled-components/es/components/NumberInput/variations/_segmentation/tokens.json +0 -1
- package/styled-components/es/components/NumberInput/variations/_shape/base.js +0 -5
- package/styled-components/es/components/NumberInput/variations/_shape/tokens.json +0 -1
- package/styled-components/es/components/NumberInput/variations/_size/base.js +0 -7
- package/styled-components/es/components/NumberInput/variations/_size/tokens.json +0 -22
- package/styled-components/es/components/NumberInput/variations/_view/base.js +0 -7
- package/styled-components/es/components/NumberInput/variations/_view/tokens.json +0 -14
- package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -42
- package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -109
- package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -42
- package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.js +0 -5
- package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -109
- package/styled-components/es/examples/themes/declaration.d.ts +0 -4
- package/styled-components/es/examples/themes/index.js +0 -7
- package/styled-components/es/examples/themes/plasma_b2c.module.css +0 -984
- package/styled-components/es/examples/themes/plasma_web.module.css +0 -984
- package/types/components/NumberInput/NumberInput.d.ts +0 -42
- package/types/components/NumberInput/NumberInput.d.ts.map +0 -1
- package/types/components/NumberInput/NumberInput.styles.d.ts +0 -2
- package/types/components/NumberInput/NumberInput.styles.d.ts.map +0 -1
- package/types/components/NumberInput/NumberInput.tokens.d.ts +0 -76
- package/types/components/NumberInput/NumberInput.tokens.d.ts.map +0 -1
- package/types/components/NumberInput/NumberInput.types.d.ts +0 -112
- package/types/components/NumberInput/NumberInput.types.d.ts.map +0 -1
- package/types/components/NumberInput/index.d.ts +0 -3
- package/types/components/NumberInput/index.d.ts.map +0 -1
- package/types/components/NumberInput/ui/ActionButton/ActionButton.d.ts +0 -4
- package/types/components/NumberInput/ui/ActionButton/ActionButton.d.ts.map +0 -1
- package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +0 -45
- package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts.map +0 -1
- package/types/components/NumberInput/ui/ActionButton/ActionButton.types.d.ts +0 -7
- package/types/components/NumberInput/ui/ActionButton/ActionButton.types.d.ts.map +0 -1
- package/types/components/NumberInput/ui/Input/Input.d.ts +0 -16
- package/types/components/NumberInput/ui/Input/Input.d.ts.map +0 -1
- package/types/components/NumberInput/ui/Input/Input.styles.d.ts +0 -30
- package/types/components/NumberInput/ui/Input/Input.styles.d.ts.map +0 -1
- package/types/components/NumberInput/ui/Input/Input.types.d.ts +0 -16
- package/types/components/NumberInput/ui/Input/Input.types.d.ts.map +0 -1
- package/types/components/NumberInput/ui/index.d.ts +0 -3
- package/types/components/NumberInput/ui/index.d.ts.map +0 -1
- package/types/components/NumberInput/utils/index.d.ts +0 -2
- package/types/components/NumberInput/utils/index.d.ts.map +0 -1
- package/types/components/NumberInput/variations/_background-type/base.d.ts.map +0 -1
- package/types/components/NumberInput/variations/_clear/base.d.ts +0 -2
- package/types/components/NumberInput/variations/_clear/base.d.ts.map +0 -1
- package/types/components/NumberInput/variations/_disabled/base.d.ts +0 -2
- package/types/components/NumberInput/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/NumberInput/variations/_segmentation/base.d.ts +0 -2
- package/types/components/NumberInput/variations/_segmentation/base.d.ts.map +0 -1
- package/types/components/NumberInput/variations/_shape/base.d.ts +0 -2
- package/types/components/NumberInput/variations/_shape/base.d.ts.map +0 -1
- package/types/components/NumberInput/variations/_size/base.d.ts +0 -2
- package/types/components/NumberInput/variations/_size/base.d.ts.map +0 -1
- package/types/components/NumberInput/variations/_view/base.d.ts +0 -2
- package/types/components/NumberInput/variations/_view/base.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/NumberInput/NumberInput.config.d.ts +0 -41
- package/types/examples/plasma_b2c/components/NumberInput/NumberInput.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/NumberInput/NumberInput.d.ts +0 -84
- package/types/examples/plasma_b2c/components/NumberInput/NumberInput.d.ts.map +0 -1
- package/types/examples/plasma_web/components/NumberInput/NumberInput.config.d.ts +0 -41
- package/types/examples/plasma_web/components/NumberInput/NumberInput.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/NumberInput/NumberInput.d.ts +0 -84
- package/types/examples/plasma_web/components/NumberInput/NumberInput.d.ts.map +0 -1
- package/types/examples/themes/index.d.ts +0 -6
- package/types/examples/themes/index.d.ts.map +0 -1
- /package/cjs/components/{NumberInput/ui/ActionButton/ActionButton.styles_x642ct.css → ViewContainer/_view/base_x642ct.css} +0 -0
- /package/es/components/{NumberInput/ui/ActionButton/ActionButton.styles_x642ct.css → ViewContainer/_view/base_x642ct.css} +0 -0
- /package/types/components/{NumberInput/variations/_background-type → ViewContainer/_view}/base.d.ts +0 -0
@@ -1,54 +0,0 @@
|
|
1
|
-
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
2
|
-
|
3
|
-
.Button_styles_1sopr3d_bzw1898__8219590b{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1sopr3d_bzw1898__8219590b.Button_styles_1sopr3d_buttonContentRelaxed__8219590b{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
|
4
|
-
.Button_styles_1sopr3d_bdfuqwe__8219590b{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
5
|
-
.Button_styles_1sopr3d_l9ypozh__8219590b{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
|
6
|
-
.Button_styles_1sopr3d_l4dfhbg__8219590b{position:absolute;}
|
7
|
-
.Button_styles_1sopr3d_srdlazt__8219590b{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
|
8
|
-
.Button_styles_1sopr3d_s7rggv0__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);}
|
9
|
-
.Button_styles_1sopr3d_s1rjh7ra__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);}
|
10
|
-
.Button_styles_1sopr3d_b9ga1dj__8219590b{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);}a.Button_styles_1sopr3d_b9ga1dj__8219590b{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_buttonSquare__8219590b{width:var(--plasma-button-height);padding:0;}
|
11
|
-
|
12
|
-
.base_1x0spnh_b1ty39ru__fb659d61{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_1x0spnh_b1ty39ru__fb659d61.base_1x0spnh_buttonLoading__fb659d61{background-color:var(--plasma-button-loading-background-color);}.base_1x0spnh_b1ty39ru__fb659d61: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);}.base_1x0spnh_b1ty39ru__fb659d61: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);}
|
13
|
-
|
14
|
-
.base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);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);}
|
15
|
-
|
16
|
-
.base_1t3ywu_b169l30m__aba40ddd[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_1t3ywu_b169l30m__aba40ddd[disabled]:hover,.base_1t3ywu_b169l30m__aba40ddd[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}
|
17
|
-
|
18
|
-
.base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::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;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
|
19
|
-
|
20
|
-
.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
21
|
-
|
22
|
-
.IconButton_styles_sttslf_b1ua728l__193d7826{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-loading-background-color:var(--plasma-icon-button-loading-background-color);--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.IconButton_styles_sttslf_b1ua728l__193d7826{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonSquare__193d7826{width:var(--plasma-button-height);padding:0;}.IconButton_styles_sttslf_b1ua728l__193d7826: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);}.IconButton_styles_sttslf_b1ua728l__193d7826: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);}.IconButton_styles_sttslf_b1ua728l__193d7826:focus{outline:none;}.IconButton_styles_sttslf_b1ua728l__193d7826::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;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_focusVisible__193d7826:focus::before,.IconButton_styles_sttslf_b1ua728l__193d7826[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]:hover,.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingFixed__193d7826{width:var(--plasma-button-width);}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingFilled__193d7826{width:100%;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingAuto__193d7826{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
23
|
-
|
24
|
-
.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
|
25
|
-
|
26
|
-
.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
|
27
|
-
|
28
|
-
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
29
|
-
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
30
|
-
|
31
|
-
.Input_styles_jszc0c_i1s8bsh6__6eb57599{overflow-x:auto;overflow-y:hidden;-webkit-flex:1;-ms-flex:1;flex:1;cursor:var(--i1s8bsh6-0);-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.Input_styles_jszc0c_i1s8bsh6__6eb57599::-webkit-scrollbar{display:none;}
|
32
|
-
.Input_styles_jszc0c_t6wb9c__6eb57599{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;box-sizing:border-box;}
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
.Input_styles_jszc0c_d1n4jo6t__6eb57599{position:relative;}
|
37
|
-
.Input_styles_jszc0c_i1tgbhg7__6eb57599{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:var(--i1tgbhg7-0);box-sizing:border-box;cursor:var(--i1tgbhg7-1);pointer-events:var(--i1tgbhg7-2);-webkit-transition:width 0.1s;transition:width 0.1s;}.Input_styles_jszc0c_i1tgbhg7__6eb57599.Input_styles_jszc0c_i1tgbhg7__6eb57599.Input_styles_jszc0c_errorAnimation__6eb57599{color:var(--plasma-number-input_error-color);-webkit-animation:Input_styles_jszc0c_shakingErrorI1tgbhg7__6eb57599 0.5s forwards;animation:Input_styles_jszc0c_shakingErrorI1tgbhg7__6eb57599 0.5s forwards;}@-webkit-keyframes Input_styles_jszc0c_shakingErrorI1tgbhg7__6eb57599{0%{opacity:1;}12.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}25%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}37.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}50%{opacity:1;-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}62.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}75%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}87.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}100%{opacity:0;-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}}@keyframes Input_styles_jszc0c_shakingErrorI1tgbhg7__6eb57599{0%{opacity:1;}12.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}25%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}37.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}50%{opacity:1;-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}62.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}75%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}87.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}100%{opacity:0;-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}}
|
38
|
-
.Input_styles_jszc0c_i1il5xze__6eb57599{position:absolute;z-index:-999;visibility:hidden;top:0;left:0;opacity:0;height:0;white-space:pre;}
|
39
|
-
|
40
|
-
.NumberInput_styles_jeawjl_bwds6g__9a871afb{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;}
|
41
|
-
|
42
|
-
.base_cghr9q_bhi37xj__10de7ad9 .base_cghr9q_sj0ab1b__10de7ad9{--plasma-icon-button-color:var(--plasma-number-input_icon-button_color);--plasma-icon-button-background-color:var(--plasma-number-input_icon-button_background-color);--plasma-icon-button-color-hover:var(--plasma-number-input_icon-button_color-hover);--plasma-icon-button-background-color-hover:var(--plasma-number-input_icon-button_background-color-hover);--plasma-icon-button-color-active:var(--plasma-number-input_icon-button_color-active);--plasma-icon-button-background-color-active:var(--plasma-number-input_icon-button_background-color-active);}.base_cghr9q_bhi37xj__10de7ad9 .base_cghr9q_sj0ab1b__10de7ad9.base_cghr9q_actionButtonDecrementDisabled__10de7ad9,.base_cghr9q_bhi37xj__10de7ad9 .base_cghr9q_sj0ab1b__10de7ad9.base_cghr9q_actionButtonIncrementDisabled__10de7ad9{opacity:var(--plasma-number-input_action-button_disabled-opacity);cursor:not-allowed;}.base_cghr9q_bhi37xj__10de7ad9 .base_cghr9q_sj0ab1b__10de7ad9.base_cghr9q_actionButtonDecrementDisabled__10de7ad9:hover,.base_cghr9q_bhi37xj__10de7ad9 .base_cghr9q_sj0ab1b__10de7ad9.base_cghr9q_actionButtonIncrementDisabled__10de7ad9:hover,.base_cghr9q_bhi37xj__10de7ad9 .base_cghr9q_sj0ab1b__10de7ad9.base_cghr9q_actionButtonDecrementDisabled__10de7ad9:active,.base_cghr9q_bhi37xj__10de7ad9 .base_cghr9q_sj0ab1b__10de7ad9.base_cghr9q_actionButtonIncrementDisabled__10de7ad9:active{scale:none;color:var(--plasma-number-input_icon-button_color);background-color:var(--plasma-number-input_icon-button_background-color);}.base_cghr9q_bhi37xj__10de7ad9.base_cghr9q_bhi37xj__10de7ad9 .base_cghr9q_i1s8bsh6__10de7ad9:focus-within{background-color:var(--plasma-number-input_background-color-focus);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color-focus);}.base_cghr9q_bhi37xj__10de7ad9 .base_cghr9q_s1ft73sv__10de7ad9{--plasma-spinner-color:var(--plasma-number-input_loader-spinner_color);}.base_cghr9q_bhi37xj__10de7ad9 .base_cghr9q_i1tgbhg7__10de7ad9{color:var(--plasma-number-input_color);caret-color:var(--plasma-number-input_caret_color);}.base_cghr9q_bhi37xj__10de7ad9 .base_cghr9q_az36kha__10de7ad9{color:var(--plasma-number-input_additional-text_color);}
|
43
|
-
|
44
|
-
.base_1pju5qf_b13wjeky__eb7ed667{width:var(--plasma_private-number-input_width);min-width:var(--plasma-number-input_min-width);}.base_1pju5qf_b13wjeky__eb7ed667 .base_1pju5qf_sj0ab1b__eb7ed667{--plasma-icon-button-height:var(--plasma-number-input_icon-button_height);--plasma-icon-button-width:var(--plasma-number-input_icon-button_width);--plasma-icon-button-padding:var(--plasma-number-input_icon-button_padding);--plasma-icon-button-font-family:var(--plasma-number-input_icon-button_font-family);--plasma-icon-button-font-size:var(--plasma-number-input_icon-button_font-size);--plasma-icon-button-font-style:var(--plasma-number-input_icon-button_font-style);--plasma-icon-button-font-weight:var(--plasma-number-input_icon-button_font-weight);--plasma-icon-button-letter-spacing:var(--plasma-number-input_icon-button_letter-spacing);--plasma-icon-button-line-height:var(--plasma-number-input_icon-button_line-height);}.base_1pju5qf_b13wjeky__eb7ed667 .base_1pju5qf_i1s8bsh6__eb7ed667{margin:var(--plasma-number-input_input-wrapper_margin);border-radius:var(--plasma-number-input_input-wrapper_border-radius);}.base_1pju5qf_b13wjeky__eb7ed667 .base_1pju5qf_t6wb9c__eb7ed667{height:var(--plasma-number-input_text-wrapper_height);padding:var(--plasma-number-input_text-wrapper_padding);}.base_1pju5qf_b13wjeky__eb7ed667 .base_1pju5qf_d1n4jo6t__eb7ed667,.base_1pju5qf_b13wjeky__eb7ed667 .base_1pju5qf_i1tgbhg7__eb7ed667,.base_1pju5qf_b13wjeky__eb7ed667 .base_1pju5qf_az36kha__eb7ed667{font-family:var(--plasma-number-input_font-family);font-size:var(--plasma-number-input_font-size);font-style:var(--plasma-number-input_font-style);font-weight:var(--plasma-number-input_font-weight);-webkit-letter-spacing:var(--plasma-number-input_letter-spacing);-moz-letter-spacing:var(--plasma-number-input_letter-spacing);-ms-letter-spacing:var(--plasma-number-input_letter-spacing);letter-spacing:var(--plasma-number-input_letter-spacing);line-height:var(--plasma-number-input_line-height);}.base_1pju5qf_b13wjeky__eb7ed667 .base_1pju5qf_az36kha__eb7ed667.base_1pju5qf_textBefore__eb7ed667{margin-right:var(--plasma-number-input_text-before_margin-right);}.base_1pju5qf_b13wjeky__eb7ed667 .base_1pju5qf_az36kha__eb7ed667.base_1pju5qf_textAfter__eb7ed667{margin-left:var(--plasma-number-input_text-after_margin-left);}.base_1pju5qf_b13wjeky__eb7ed667 .base_1pju5qf_s1ft73sv__eb7ed667{--plasma-spinner-size:var(--plasma-number-input_loader-spinner_size);}
|
45
|
-
|
46
|
-
.base_k05biw_b1l31q8y__7da7a6d0 .base_k05biw_sj0ab1b__7da7a6d0{--plasma-icon-button-radius:var(--plasma-number-input_icon-button_radius);}
|
47
|
-
|
48
|
-
.base_1jmdljr_b15uqx38__1838da29 .base_1jmdljr_i1s8bsh6__1838da29{background-color:var(--plasma-number-input_background-color);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color);}.base_1jmdljr_b15uqx38__1838da29 .base_1jmdljr_i1s8bsh6__1838da29:hover{background-color:var(--plasma-number-input_background-color-hover);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color-hover);}
|
49
|
-
|
50
|
-
.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627{--plasma_private-segemntation-border-radius:var(--plasma-number-input_icon-button_radius);}.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627.base_nl8ve_segmentedView__1f8a3627,.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627.base_nl8ve_solidView__1f8a3627{--plasma_private-segemntation-border-radius:var(--plasma-number-input_icon-button_segmentation_radius,var(--plasma-number-input_icon-button_radius));}.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627.base_nl8ve_actionButtonDecrement__1f8a3627{border-radius:var(--plasma-number-input_icon-button_radius) var(--plasma_private-segemntation-border-radius) var(--plasma_private-segemntation-border-radius) var(--plasma-number-input_icon-button_radius);}.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627.base_nl8ve_actionButtonIncrement__1f8a3627{border-radius:var(--plasma_private-segemntation-border-radius) var(--plasma-number-input_icon-button_radius) var(--plasma-number-input_icon-button_radius) var(--plasma_private-segemntation-border-radius);}.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627.base_nl8ve_solidView__1f8a3627{background:transparent;}.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627.base_nl8ve_solidView__1f8a3627:hover{background-color:var(--plasma-number-input_icon-button_background-color-hover);}.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627.base_nl8ve_solidView__1f8a3627:active{background-color:var(--plasma-number-input_icon-button_background-color-active);}.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627.base_nl8ve_solidView__1f8a3627.base_nl8ve_actionButtonDecrementDisabled__1f8a3627:hover,.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627.base_nl8ve_solidView__1f8a3627.base_nl8ve_actionButtonIncrementDisabled__1f8a3627:hover,.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627.base_nl8ve_solidView__1f8a3627.base_nl8ve_actionButtonDecrementDisabled__1f8a3627:active,.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627.base_nl8ve_solidView__1f8a3627.base_nl8ve_actionButtonIncrementDisabled__1f8a3627:active{background-color:transparent;}.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627.base_nl8ve_solidView__1f8a3627.base_nl8ve_actionButtonDecrementDisabled__1f8a3627,.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627.base_nl8ve_solidView__1f8a3627.base_nl8ve_actionButtonIncrementDisabled__1f8a3627{opacity:1;}.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627.base_nl8ve_solidView__1f8a3627.base_nl8ve_actionButtonDecrementDisabled__1f8a3627 svg,.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627.base_nl8ve_solidView__1f8a3627.base_nl8ve_actionButtonIncrementDisabled__1f8a3627 svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627.base_nl8ve_solidView__1f8a3627.base_nl8ve_actionButtonDecrementDisabled__1f8a3627:hover svg,.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627.base_nl8ve_solidView__1f8a3627.base_nl8ve_actionButtonIncrementDisabled__1f8a3627:hover svg,.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627.base_nl8ve_solidView__1f8a3627.base_nl8ve_actionButtonDecrementDisabled__1f8a3627:active svg,.base_nl8ve_bpps6rw__1f8a3627 .base_nl8ve_sj0ab1b__1f8a3627.base_nl8ve_solidView__1f8a3627.base_nl8ve_actionButtonIncrementDisabled__1f8a3627:active svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.base_nl8ve_bpps6rw__1f8a3627.base_nl8ve_solidView__1f8a3627{background:var(--plasma-number-input_background-color-solid);border-radius:var(--plasma-number-input_icon-button_radius);}.base_nl8ve_bpps6rw__1f8a3627.base_nl8ve_solidView__1f8a3627 .base_nl8ve_i1s8bsh6__1f8a3627{position:relative;color:var(--plasma-number-input_color-solid);}.base_nl8ve_bpps6rw__1f8a3627.base_nl8ve_solidView__1f8a3627 .base_nl8ve_i1s8bsh6__1f8a3627:focus-within{background-color:var(--plasma-number-input_background-color-solid-focus);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color-solid-focus);}.base_nl8ve_bpps6rw__1f8a3627.base_nl8ve_solidView__1f8a3627 .base_nl8ve_s1ft73sv__1f8a3627{--plasma-spinner-color:var(--plasma-number-input_loader-spinner_color-solid);}.base_nl8ve_bpps6rw__1f8a3627.base_nl8ve_solidView__1f8a3627 .base_nl8ve_i1tgbhg7__1f8a3627{caret-color:var(--plasma-number-input_caret_color-solid,var(--plasma-number-input_caret_color));}.base_nl8ve_bpps6rw__1f8a3627.base_nl8ve_solidView__1f8a3627 .base_nl8ve_i1tgbhg7__1f8a3627:not(.base_nl8ve_errorAnimation__1f8a3627){color:var(--plasma-number-input_color-solid);}.base_nl8ve_bpps6rw__1f8a3627.base_nl8ve_solidView__1f8a3627 .base_nl8ve_az36kha__1f8a3627{color:var(--plasma-number-input_additional-text_color-solid);}
|
51
|
-
|
52
|
-
.base_3l8dqb_b750ywr__50c564e0.base_3l8dqb_clearView__50c564e0{background:transparent;}.base_3l8dqb_b750ywr__50c564e0.base_3l8dqb_clearView__50c564e0 .base_3l8dqb_sj0ab1b__50c564e0{--plasma-icon-button-color:var(--plasma-number-input_icon-button_color-clear);--plasma-icon-button-background-color:transparent;--plasma-icon-button-color-hover:var(--plasma-number-input_icon-button_color-clear);--plasma-icon-button-background-color-hover:transparent;--plasma-icon-button-color-active:var(--plasma-number-input_icon-button_color-clear);--plasma-icon-button-background-color-active:transparent;}.base_3l8dqb_b750ywr__50c564e0.base_3l8dqb_clearView__50c564e0 .base_3l8dqb_sj0ab1b__50c564e0:hover,.base_3l8dqb_b750ywr__50c564e0.base_3l8dqb_clearView__50c564e0 .base_3l8dqb_sj0ab1b__50c564e0:active{color:var(--plasma-number-input_icon-button_color-clear);background-color:transparent;}.base_3l8dqb_b750ywr__50c564e0.base_3l8dqb_clearView__50c564e0 .base_3l8dqb_sj0ab1b__50c564e0.base_3l8dqb_actionButtonDecrementDisabled__50c564e0:hover,.base_3l8dqb_b750ywr__50c564e0.base_3l8dqb_clearView__50c564e0 .base_3l8dqb_sj0ab1b__50c564e0.base_3l8dqb_actionButtonIncrementDisabled__50c564e0:hover,.base_3l8dqb_b750ywr__50c564e0.base_3l8dqb_clearView__50c564e0 .base_3l8dqb_sj0ab1b__50c564e0.base_3l8dqb_actionButtonDecrementDisabled__50c564e0:active,.base_3l8dqb_b750ywr__50c564e0.base_3l8dqb_clearView__50c564e0 .base_3l8dqb_sj0ab1b__50c564e0.base_3l8dqb_actionButtonIncrementDisabled__50c564e0:active{color:var(--plasma-number-input_icon-button_color-clear);background-color:transparent;}.base_3l8dqb_b750ywr__50c564e0.base_3l8dqb_clearView__50c564e0.base_3l8dqb_b750ywr__50c564e0.base_3l8dqb_clearView__50c564e0 .base_3l8dqb_i1s8bsh6__50c564e0{background-color:transparent;box-shadow:transparent;}.base_3l8dqb_b750ywr__50c564e0.base_3l8dqb_clearView__50c564e0.base_3l8dqb_b750ywr__50c564e0.base_3l8dqb_clearView__50c564e0 .base_3l8dqb_i1s8bsh6__50c564e0:focus-within{background-color:var(--plasma-number-input_background-color-focus);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color-focus);}.base_3l8dqb_b750ywr__50c564e0.base_3l8dqb_clearView__50c564e0 .base_3l8dqb_i1tgbhg7__50c564e0{caret-color:var(--plasma-number-input_caret_color);}.base_3l8dqb_b750ywr__50c564e0.base_3l8dqb_clearView__50c564e0 .base_3l8dqb_i1tgbhg7__50c564e0:not(.base_3l8dqb_errorAnimation__50c564e0){color:var(--plasma-number-input_color-clear);}.base_3l8dqb_b750ywr__50c564e0.base_3l8dqb_clearView__50c564e0 .base_3l8dqb_az36kha__50c564e0{color:var(--plasma-number-input_additional-text_color-clear);}
|
53
|
-
|
54
|
-
.base_1sl0mh8_bmqk5v5__e93ebd2b.base_1sl0mh8_bmqk5v5__e93ebd2b.base_1sl0mh8_numberInputDisabled__e93ebd2b{pointer-events:none;opacity:var(--plasma-number-input_disabled-opacity);cursor:not-allowed;}
|
@@ -1,183 +0,0 @@
|
|
1
|
-
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
-
import React, { forwardRef, useState } from 'react';
|
3
|
-
import { cx } from '../../utils/index.js';
|
4
|
-
import { classes, privateTokens } from './NumberInput.tokens.js';
|
5
|
-
import { base } from './NumberInput.styles.js';
|
6
|
-
import { base as base$1 } from './variations/_view/base.js';
|
7
|
-
import { base as base$2 } from './variations/_size/base.js';
|
8
|
-
import { base as base$3 } from './variations/_shape/base.js';
|
9
|
-
import { base as base$4 } from './variations/_background-type/base.js';
|
10
|
-
import { base as base$5 } from './variations/_segmentation/base.js';
|
11
|
-
import { base as base$6 } from './variations/_clear/base.js';
|
12
|
-
import { base as base$7 } from './variations/_disabled/base.js';
|
13
|
-
import { ActionButton } from './ui/ActionButton/ActionButton.js';
|
14
|
-
import { IconMinus } from '../_Icon/Icons/IconMinus.js';
|
15
|
-
import { NumberInput } from './ui/Input/Input.js';
|
16
|
-
import { IconPlus } from '../_Icon/Icons/IconPlus.js';
|
17
|
-
import { getSizeValueFromProp } from '../../utils/getSizeValueFromProp.js';
|
18
|
-
|
19
|
-
var _excluded = ["className", "style", "width", "value", "min", "max", "step", "isLoading", "loader", "size", "view", "clear", "shape", "segmentation", "inputBackgroundType", "disabled", "textBefore", "textAfter", "customIncrementButton", "incrementIcon", "customDecrementButton", "decrementIcon", "isManualInput", "onChange", "onIncrement", "onDecrement"];
|
20
|
-
var numberInputRoot = function numberInputRoot(Root) {
|
21
|
-
return /*#__PURE__*/forwardRef(function (_ref, ref) {
|
22
|
-
var _ref2;
|
23
|
-
var className = _ref.className,
|
24
|
-
style = _ref.style,
|
25
|
-
width = _ref.width,
|
26
|
-
value = _ref.value,
|
27
|
-
min = _ref.min,
|
28
|
-
max = _ref.max,
|
29
|
-
_ref$step = _ref.step,
|
30
|
-
step = _ref$step === void 0 ? 1 : _ref$step,
|
31
|
-
isLoading = _ref.isLoading,
|
32
|
-
loader = _ref.loader,
|
33
|
-
size = _ref.size,
|
34
|
-
view = _ref.view,
|
35
|
-
clear = _ref.clear,
|
36
|
-
shape = _ref.shape,
|
37
|
-
segmentation = _ref.segmentation,
|
38
|
-
_ref$inputBackgroundT = _ref.inputBackgroundType,
|
39
|
-
inputBackgroundType = _ref$inputBackgroundT === void 0 ? 'fill' : _ref$inputBackgroundT,
|
40
|
-
disabled = _ref.disabled,
|
41
|
-
textBefore = _ref.textBefore,
|
42
|
-
textAfter = _ref.textAfter,
|
43
|
-
customIncrementButton = _ref.customIncrementButton,
|
44
|
-
incrementIcon = _ref.incrementIcon,
|
45
|
-
customDecrementButton = _ref.customDecrementButton,
|
46
|
-
decrementIcon = _ref.decrementIcon,
|
47
|
-
isManualInput = _ref.isManualInput,
|
48
|
-
onChange = _ref.onChange,
|
49
|
-
onIncrement = _ref.onIncrement,
|
50
|
-
onDecrement = _ref.onDecrement,
|
51
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
52
|
-
var _useState = useState((_ref2 = value !== null && value !== void 0 ? value : min) !== null && _ref2 !== void 0 ? _ref2 : 0),
|
53
|
-
_useState2 = _slicedToArray(_useState, 2),
|
54
|
-
innerValue = _useState2[0],
|
55
|
-
setInnerValue = _useState2[1];
|
56
|
-
var innerWidth = width ? getSizeValueFromProp(width) : '100%';
|
57
|
-
var actionIconSize = size === 'xs' ? 'xs' : 's';
|
58
|
-
var solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;
|
59
|
-
var segmentedViewClass = segmentation === 'segmented' ? classes.segmentedView : undefined;
|
60
|
-
var clearViewClass = clear ? classes.clearView : undefined;
|
61
|
-
var disabledClass = disabled ? classes.disabled : undefined;
|
62
|
-
var isMinValue = function isMinValue(currentValue) {
|
63
|
-
return min && currentValue <= min;
|
64
|
-
};
|
65
|
-
var isMaxValue = function isMaxValue(currentValue) {
|
66
|
-
return max && currentValue >= max;
|
67
|
-
};
|
68
|
-
var decrementButtonDisabled = isMinValue(Number(innerValue)) || isLoading ? classes.actionButtonDecrementDisabled : undefined;
|
69
|
-
var incrementButtonDisabled = isMaxValue(Number(innerValue)) || isLoading ? classes.actionButtonIncrementDisabled : undefined;
|
70
|
-
var handleDecrement = function handleDecrement() {
|
71
|
-
if (isLoading || disabled) {
|
72
|
-
return;
|
73
|
-
}
|
74
|
-
var diffValue = Number(innerValue) - step;
|
75
|
-
var resValue = !isMinValue(diffValue) ? diffValue : Number(min);
|
76
|
-
setInnerValue(resValue);
|
77
|
-
if (onDecrement) {
|
78
|
-
onDecrement(resValue);
|
79
|
-
}
|
80
|
-
if (onChange) {
|
81
|
-
onChange(null, resValue);
|
82
|
-
}
|
83
|
-
};
|
84
|
-
var handleIncrement = function handleIncrement() {
|
85
|
-
if (isLoading || disabled) {
|
86
|
-
return;
|
87
|
-
}
|
88
|
-
var diffValue = Number(innerValue) + step;
|
89
|
-
var resValue = !isMaxValue(diffValue) ? diffValue : Number(max);
|
90
|
-
setInnerValue(resValue);
|
91
|
-
if (onIncrement) {
|
92
|
-
onIncrement(resValue);
|
93
|
-
}
|
94
|
-
if (onChange) {
|
95
|
-
onChange(null, resValue);
|
96
|
-
}
|
97
|
-
};
|
98
|
-
return /*#__PURE__*/React.createElement(Root, _extends({
|
99
|
-
view: view,
|
100
|
-
size: size,
|
101
|
-
disabled: disabled,
|
102
|
-
clear: clear,
|
103
|
-
shape: shape,
|
104
|
-
segmentation: segmentation,
|
105
|
-
isLoading: isLoading
|
106
|
-
}, segmentation === 'solid' ? {
|
107
|
-
inputBackgroundType: 'clear'
|
108
|
-
} : {
|
109
|
-
inputBackgroundType: inputBackgroundType
|
110
|
-
}, {
|
111
|
-
className: cx(className, solidViewClass, clearViewClass, disabledClass),
|
112
|
-
style: _objectSpread2(_objectSpread2({}, style), {}, _defineProperty({}, privateTokens.inputWidth, innerWidth))
|
113
|
-
}), customDecrementButton || /*#__PURE__*/React.createElement(ActionButton, {
|
114
|
-
className: cx(classes.actionButtonDecrement, decrementButtonDisabled, solidViewClass, segmentedViewClass),
|
115
|
-
icon: decrementIcon || /*#__PURE__*/React.createElement(IconMinus, {
|
116
|
-
color: "inherit",
|
117
|
-
size: actionIconSize
|
118
|
-
}),
|
119
|
-
onClick: handleDecrement
|
120
|
-
}), /*#__PURE__*/React.createElement(NumberInput, _extends({
|
121
|
-
ref: ref,
|
122
|
-
segmentation: segmentation,
|
123
|
-
value: innerValue,
|
124
|
-
min: min,
|
125
|
-
max: max,
|
126
|
-
isManualInput: isManualInput,
|
127
|
-
textBefore: textBefore,
|
128
|
-
textAfter: textAfter,
|
129
|
-
isLoading: isLoading,
|
130
|
-
loader: loader,
|
131
|
-
disabled: disabled,
|
132
|
-
setInnerValue: setInnerValue,
|
133
|
-
onChange: onChange
|
134
|
-
}, rest)), customIncrementButton || /*#__PURE__*/React.createElement(ActionButton, {
|
135
|
-
className: cx(classes.actionButtonIncrement, incrementButtonDisabled, solidViewClass, segmentedViewClass),
|
136
|
-
icon: incrementIcon || /*#__PURE__*/React.createElement(IconPlus, {
|
137
|
-
color: "inherit",
|
138
|
-
size: actionIconSize
|
139
|
-
}),
|
140
|
-
onClick: handleIncrement
|
141
|
-
}));
|
142
|
-
});
|
143
|
-
};
|
144
|
-
var numberInputConfig = {
|
145
|
-
name: 'NumberInput',
|
146
|
-
tag: 'div',
|
147
|
-
layout: numberInputRoot,
|
148
|
-
base: base,
|
149
|
-
variations: {
|
150
|
-
view: {
|
151
|
-
css: base$1
|
152
|
-
},
|
153
|
-
size: {
|
154
|
-
css: base$2
|
155
|
-
},
|
156
|
-
shape: {
|
157
|
-
css: base$3
|
158
|
-
},
|
159
|
-
inputBackgroundType: {
|
160
|
-
css: base$4
|
161
|
-
},
|
162
|
-
segmentation: {
|
163
|
-
css: base$5
|
164
|
-
},
|
165
|
-
clear: {
|
166
|
-
css: base$6,
|
167
|
-
attrs: true
|
168
|
-
},
|
169
|
-
disabled: {
|
170
|
-
css: base$7,
|
171
|
-
attrs: true
|
172
|
-
}
|
173
|
-
},
|
174
|
-
defaults: {
|
175
|
-
view: 'default',
|
176
|
-
size: 'l',
|
177
|
-
shape: 'cornered',
|
178
|
-
segmentation: 'default'
|
179
|
-
}
|
180
|
-
};
|
181
|
-
|
182
|
-
export { numberInputConfig, numberInputRoot };
|
183
|
-
//# sourceMappingURL=NumberInput.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, useState } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx, getSizeValueFromProp } from '../../utils';\nimport { IconMinus, IconPlus } from '../_Icon';\n\nimport type { NumberInputProps, NumberInputRootProps } from './NumberInput.types';\nimport { ActionButton, NumberInput } from './ui';\nimport { classes, privateTokens } from './NumberInput.tokens';\nimport { base } from './NumberInput.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as inputBackgroundTypeCSS } from './variations/_background-type/base';\nimport { base as segmentationCSS } from './variations/_segmentation/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const numberInputRoot = (Root: RootProps<HTMLDivElement, NumberInputRootProps>) =>\n forwardRef<HTMLInputElement, NumberInputProps>(\n (\n {\n className,\n style,\n width,\n value,\n min,\n max,\n step = 1,\n isLoading,\n loader,\n size,\n view,\n clear,\n shape,\n segmentation,\n inputBackgroundType = 'fill',\n disabled,\n textBefore,\n textAfter,\n customIncrementButton,\n incrementIcon,\n customDecrementButton,\n decrementIcon,\n isManualInput,\n onChange,\n onIncrement,\n onDecrement,\n ...rest\n },\n ref,\n ) => {\n const [innerValue, setInnerValue] = useState<number | string>(value ?? min ?? 0);\n\n const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n\n const actionIconSize = size === 'xs' ? 'xs' : 's';\n const solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;\n const segmentedViewClass = segmentation === 'segmented' ? classes.segmentedView : undefined;\n const clearViewClass = clear ? classes.clearView : undefined;\n const disabledClass = disabled ? classes.disabled : undefined;\n\n const isMinValue = (currentValue: number) => min && currentValue <= min;\n const isMaxValue = (currentValue: number) => max && currentValue >= max;\n\n const decrementButtonDisabled =\n isMinValue(Number(innerValue)) || isLoading ? classes.actionButtonDecrementDisabled : undefined;\n const incrementButtonDisabled =\n isMaxValue(Number(innerValue)) || isLoading ? classes.actionButtonIncrementDisabled : undefined;\n\n const handleDecrement = () => {\n if (isLoading || disabled) {\n return;\n }\n\n const diffValue = Number(innerValue) - step;\n const resValue = !isMinValue(diffValue) ? diffValue : Number(min);\n\n setInnerValue(resValue);\n\n if (onDecrement) {\n onDecrement(resValue);\n }\n\n if (onChange) {\n onChange(null, resValue);\n }\n };\n\n const handleIncrement = () => {\n if (isLoading || disabled) {\n return;\n }\n\n const diffValue = Number(innerValue) + step;\n const resValue = !isMaxValue(diffValue) ? diffValue : Number(max);\n\n setInnerValue(resValue);\n\n if (onIncrement) {\n onIncrement(resValue);\n }\n\n if (onChange) {\n onChange(null, resValue);\n }\n };\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n clear={clear}\n shape={shape}\n segmentation={segmentation}\n isLoading={isLoading}\n {...(segmentation === 'solid' ? { inputBackgroundType: 'clear' } : { inputBackgroundType })}\n className={cx(className, solidViewClass, clearViewClass, disabledClass)}\n style={\n {\n ...style,\n [privateTokens.inputWidth]: innerWidth,\n } as CSSProperties\n }\n >\n {customDecrementButton || (\n <ActionButton\n className={cx(\n classes.actionButtonDecrement,\n decrementButtonDisabled,\n solidViewClass,\n segmentedViewClass,\n )}\n icon={decrementIcon || <IconMinus color=\"inherit\" size={actionIconSize} />}\n onClick={handleDecrement}\n />\n )}\n <NumberInput\n ref={ref}\n segmentation={segmentation}\n value={innerValue}\n min={min}\n max={max}\n isManualInput={isManualInput}\n textBefore={textBefore}\n textAfter={textAfter}\n isLoading={isLoading}\n loader={loader}\n disabled={disabled}\n setInnerValue={setInnerValue}\n onChange={onChange}\n {...rest}\n />\n {customIncrementButton || (\n <ActionButton\n className={cx(\n classes.actionButtonIncrement,\n incrementButtonDisabled,\n solidViewClass,\n segmentedViewClass,\n )}\n icon={incrementIcon || <IconPlus color=\"inherit\" size={actionIconSize} />}\n onClick={handleIncrement}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const numberInputConfig = {\n name: 'NumberInput',\n tag: 'div',\n layout: numberInputRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n shape: {\n css: shapeCSS,\n },\n inputBackgroundType: {\n css: inputBackgroundTypeCSS,\n },\n segmentation: {\n css: segmentationCSS,\n },\n clear: {\n css: clearCSS,\n attrs: true,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'l',\n shape: 'cornered',\n segmentation: 'default',\n },\n};\n"],"names":["numberInputRoot","Root","forwardRef","_ref","ref","_ref2","className","style","width","value","min","max","_ref$step","step","isLoading","loader","size","view","clear","shape","segmentation","_ref$inputBackgroundT","inputBackgroundType","disabled","textBefore","textAfter","customIncrementButton","incrementIcon","customDecrementButton","decrementIcon","isManualInput","onChange","onIncrement","onDecrement","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerValue","setInnerValue","innerWidth","getSizeValueFromProp","actionIconSize","solidViewClass","classes","solidView","undefined","segmentedViewClass","segmentedView","clearViewClass","clearView","disabledClass","isMinValue","currentValue","isMaxValue","decrementButtonDisabled","Number","actionButtonDecrementDisabled","incrementButtonDisabled","actionButtonIncrementDisabled","handleDecrement","diffValue","resValue","handleIncrement","React","createElement","_extends","cx","_objectSpread","_defineProperty","privateTokens","inputWidth","ActionButton","actionButtonDecrement","icon","IconMinus","color","onClick","NumberInput","actionButtonIncrement","IconPlus","numberInputConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","inputBackgroundTypeCSS","segmentationCSS","clearCSS","attrs","disabledCSS","defaults"],"mappings":"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"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"NumberInput.styles.js","sources":["../../../src/components/NumberInput/NumberInput.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css`\n display: flex;\n align-items: center;\n`;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAGhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bwds6g{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;}
|
@@ -1,84 +0,0 @@
|
|
1
|
-
var classes = {
|
2
|
-
actionButtonDecrement: 'action-button-decrement',
|
3
|
-
actionButtonDecrementDisabled: 'action-button-decrement-disabled',
|
4
|
-
actionButtonIncrement: 'action-button-increment',
|
5
|
-
actionButtonIncrementDisabled: 'action-button-increment-disabled',
|
6
|
-
textBefore: 'text-before',
|
7
|
-
textAfter: 'text-after',
|
8
|
-
solidView: 'solid-view',
|
9
|
-
segmentedView: 'segmented-view',
|
10
|
-
clearView: 'clear-view',
|
11
|
-
errorAnimation: 'error-animation',
|
12
|
-
disabled: 'number-input-disabled'
|
13
|
-
};
|
14
|
-
var privateTokens = {
|
15
|
-
inputWidth: '--plasma_private-number-input_width',
|
16
|
-
segmentationBorderRadius: '--plasma_private-segemntation-border-radius'
|
17
|
-
};
|
18
|
-
var tokens = {
|
19
|
-
// Root size tokens
|
20
|
-
rootMinWidth: '--plasma-number-input_min-width',
|
21
|
-
disabledOpacity: '--plasma-number-input_disabled-opacity',
|
22
|
-
// Action button view tokens
|
23
|
-
iconButtonColor: '--plasma-number-input_icon-button_color',
|
24
|
-
iconButtonBackgroundColor: '--plasma-number-input_icon-button_background-color',
|
25
|
-
iconButtonColorHover: '--plasma-number-input_icon-button_color-hover',
|
26
|
-
iconButtonBackgroundColorHover: '--plasma-number-input_icon-button_background-color-hover',
|
27
|
-
iconButtonColorActive: '--plasma-number-input_icon-button_color-active',
|
28
|
-
iconButtonBackgroundColorActive: '--plasma-number-input_icon-button_background-color-active',
|
29
|
-
iconButtonColorClear: '--plasma-number-input_icon-button_color-clear',
|
30
|
-
actionButtonDisabledOpacity: '--plasma-number-input_action-button_disabled-opacity',
|
31
|
-
// Action button size tokens
|
32
|
-
iconButtonHeight: '--plasma-number-input_icon-button_height',
|
33
|
-
iconButtonWidth: '--plasma-number-input_icon-button_width',
|
34
|
-
iconButtonPadding: '--plasma-number-input_icon-button_padding',
|
35
|
-
iconButtonRadius: '--plasma-number-input_icon-button_radius',
|
36
|
-
iconButtonSegmentationRadius: '--plasma-number-input_icon-button_segmentation_radius',
|
37
|
-
iconButtonFontFamily: '--plasma-number-input_icon-button_font-family',
|
38
|
-
iconButtonFontSize: '--plasma-number-input_icon-button_font-size',
|
39
|
-
iconButtonFontStyle: '--plasma-number-input_icon-button_font-style',
|
40
|
-
iconButtonFontWeight: '--plasma-number-input_icon-button_font-weight',
|
41
|
-
iconButtonLetterSpacing: '--plasma-number-input_icon-button_letter-spacing',
|
42
|
-
iconButtonLineHeight: '--plasma-number-input_icon-button_line-height',
|
43
|
-
// Input size tokens
|
44
|
-
inputWrapperBorderWidth: '--plasma-number-input_input-wrapper_border-width',
|
45
|
-
inputWrapperMargin: '--plasma-number-input_input-wrapper_margin',
|
46
|
-
inputWrapperBorderRadius: '--plasma-number-input_input-wrapper_border-radius',
|
47
|
-
textWrapperHeight: '--plasma-number-input_text-wrapper_height',
|
48
|
-
textWrapperPadding: '--plasma-number-input_text-wrapper_padding',
|
49
|
-
fontFamily: '--plasma-number-input_font-family',
|
50
|
-
fontStyle: '--plasma-number-input_font-style',
|
51
|
-
fontSize: '--plasma-number-input_font-size',
|
52
|
-
fontWeight: '--plasma-number-input_font-weight',
|
53
|
-
letterSpacing: '--plasma-number-input_letter-spacing',
|
54
|
-
lineHeight: '--plasma-number-input_line-height',
|
55
|
-
textBeforeMarginRight: '--plasma-number-input_text-before_margin-right',
|
56
|
-
textAfterMarginLeft: '--plasma-number-input_text-after_margin-left',
|
57
|
-
// Input view tokens
|
58
|
-
caretColor: '--plasma-number-input_caret_color',
|
59
|
-
caretColorSolid: '--plasma-number-input_caret_color-solid',
|
60
|
-
color: '--plasma-number-input_color',
|
61
|
-
colorSolid: '--plasma-number-input_color-solid',
|
62
|
-
colorClear: '--plasma-number-input_color-clear',
|
63
|
-
backgroundColor: '--plasma-number-input_background-color',
|
64
|
-
backgroundColorHover: '--plasma-number-input_background-color-hover',
|
65
|
-
backgroundColorFocus: '--plasma-number-input_background-color-focus',
|
66
|
-
backgroundColorSolidFocus: '--plasma-number-input_background-color-solid-focus',
|
67
|
-
backgroundColorSolid: '--plasma-number-input_background-color-solid',
|
68
|
-
borderColor: '--plasma-number-input_border-color',
|
69
|
-
borderColorHover: '--plasma-number-input_border-color-hover',
|
70
|
-
borderColorFocus: '--plasma-number-input_border-color-focus',
|
71
|
-
borderColorSolidFocus: '--plasma-number-input_border-color-solid-focus',
|
72
|
-
borderColorSolid: '--plasma-number-input_border-color-solid',
|
73
|
-
additionalTextColor: '--plasma-number-input_additional-text_color',
|
74
|
-
additionalTextColorSolid: '--plasma-number-input_additional-text_color-solid',
|
75
|
-
additionalTextColorClear: '--plasma-number-input_additional-text_color-clear',
|
76
|
-
errorColor: '--plasma-number-input_error-color',
|
77
|
-
// Loader tokens
|
78
|
-
loaderSpinnerSize: '--plasma-number-input_loader-spinner_size',
|
79
|
-
loaderSpinnerColor: '--plasma-number-input_loader-spinner_color',
|
80
|
-
loaderSpinnerColorSolid: '--plasma-number-input_loader-spinner_color-solid'
|
81
|
-
};
|
82
|
-
|
83
|
-
export { classes, privateTokens, tokens };
|
84
|
-
//# sourceMappingURL=NumberInput.tokens.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"NumberInput.tokens.js","sources":["../../../src/components/NumberInput/NumberInput.tokens.ts"],"sourcesContent":["export const classes = {\n actionButtonDecrement: 'action-button-decrement',\n actionButtonDecrementDisabled: 'action-button-decrement-disabled',\n actionButtonIncrement: 'action-button-increment',\n actionButtonIncrementDisabled: 'action-button-increment-disabled',\n textBefore: 'text-before',\n textAfter: 'text-after',\n solidView: 'solid-view',\n segmentedView: 'segmented-view',\n clearView: 'clear-view',\n errorAnimation: 'error-animation',\n disabled: 'number-input-disabled',\n};\n\nexport const privateTokens = {\n inputWidth: '--plasma_private-number-input_width',\n segmentationBorderRadius: '--plasma_private-segemntation-border-radius',\n};\n\nexport const tokens = {\n // Root size tokens\n rootMinWidth: '--plasma-number-input_min-width',\n disabledOpacity: '--plasma-number-input_disabled-opacity',\n\n // Action button view tokens\n iconButtonColor: '--plasma-number-input_icon-button_color',\n iconButtonBackgroundColor: '--plasma-number-input_icon-button_background-color',\n iconButtonColorHover: '--plasma-number-input_icon-button_color-hover',\n iconButtonBackgroundColorHover: '--plasma-number-input_icon-button_background-color-hover',\n iconButtonColorActive: '--plasma-number-input_icon-button_color-active',\n iconButtonBackgroundColorActive: '--plasma-number-input_icon-button_background-color-active',\n\n iconButtonColorClear: '--plasma-number-input_icon-button_color-clear',\n\n actionButtonDisabledOpacity: '--plasma-number-input_action-button_disabled-opacity',\n\n // Action button size tokens\n iconButtonHeight: '--plasma-number-input_icon-button_height',\n iconButtonWidth: '--plasma-number-input_icon-button_width',\n iconButtonPadding: '--plasma-number-input_icon-button_padding',\n iconButtonRadius: '--plasma-number-input_icon-button_radius',\n iconButtonSegmentationRadius: '--plasma-number-input_icon-button_segmentation_radius',\n iconButtonFontFamily: '--plasma-number-input_icon-button_font-family',\n iconButtonFontSize: '--plasma-number-input_icon-button_font-size',\n iconButtonFontStyle: '--plasma-number-input_icon-button_font-style',\n iconButtonFontWeight: '--plasma-number-input_icon-button_font-weight',\n iconButtonLetterSpacing: '--plasma-number-input_icon-button_letter-spacing',\n iconButtonLineHeight: '--plasma-number-input_icon-button_line-height',\n\n // Input size tokens\n inputWrapperBorderWidth: '--plasma-number-input_input-wrapper_border-width',\n inputWrapperMargin: '--plasma-number-input_input-wrapper_margin',\n inputWrapperBorderRadius: '--plasma-number-input_input-wrapper_border-radius',\n textWrapperHeight: '--plasma-number-input_text-wrapper_height',\n textWrapperPadding: '--plasma-number-input_text-wrapper_padding',\n\n fontFamily: '--plasma-number-input_font-family',\n fontStyle: '--plasma-number-input_font-style',\n fontSize: '--plasma-number-input_font-size',\n fontWeight: '--plasma-number-input_font-weight',\n letterSpacing: '--plasma-number-input_letter-spacing',\n lineHeight: '--plasma-number-input_line-height',\n\n textBeforeMarginRight: '--plasma-number-input_text-before_margin-right',\n textAfterMarginLeft: '--plasma-number-input_text-after_margin-left',\n\n // Input view tokens\n caretColor: '--plasma-number-input_caret_color',\n caretColorSolid: '--plasma-number-input_caret_color-solid',\n color: '--plasma-number-input_color',\n colorSolid: '--plasma-number-input_color-solid',\n colorClear: '--plasma-number-input_color-clear',\n backgroundColor: '--plasma-number-input_background-color',\n backgroundColorHover: '--plasma-number-input_background-color-hover',\n backgroundColorFocus: '--plasma-number-input_background-color-focus',\n backgroundColorSolidFocus: '--plasma-number-input_background-color-solid-focus',\n backgroundColorSolid: '--plasma-number-input_background-color-solid',\n borderColor: '--plasma-number-input_border-color',\n borderColorHover: '--plasma-number-input_border-color-hover',\n borderColorFocus: '--plasma-number-input_border-color-focus',\n borderColorSolidFocus: '--plasma-number-input_border-color-solid-focus',\n borderColorSolid: '--plasma-number-input_border-color-solid',\n additionalTextColor: '--plasma-number-input_additional-text_color',\n additionalTextColorSolid: '--plasma-number-input_additional-text_color-solid',\n additionalTextColorClear: '--plasma-number-input_additional-text_color-clear',\n\n errorColor: '--plasma-number-input_error-color',\n\n // Loader tokens\n loaderSpinnerSize: '--plasma-number-input_loader-spinner_size',\n loaderSpinnerColor: '--plasma-number-input_loader-spinner_color',\n loaderSpinnerColorSolid: '--plasma-number-input_loader-spinner_color-solid',\n};\n"],"names":["classes","actionButtonDecrement","actionButtonDecrementDisabled","actionButtonIncrement","actionButtonIncrementDisabled","textBefore","textAfter","solidView","segmentedView","clearView","errorAnimation","disabled","privateTokens","inputWidth","segmentationBorderRadius","tokens","rootMinWidth","disabledOpacity","iconButtonColor","iconButtonBackgroundColor","iconButtonColorHover","iconButtonBackgroundColorHover","iconButtonColorActive","iconButtonBackgroundColorActive","iconButtonColorClear","actionButtonDisabledOpacity","iconButtonHeight","iconButtonWidth","iconButtonPadding","iconButtonRadius","iconButtonSegmentationRadius","iconButtonFontFamily","iconButtonFontSize","iconButtonFontStyle","iconButtonFontWeight","iconButtonLetterSpacing","iconButtonLineHeight","inputWrapperBorderWidth","inputWrapperMargin","inputWrapperBorderRadius","textWrapperHeight","textWrapperPadding","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","textBeforeMarginRight","textAfterMarginLeft","caretColor","caretColorSolid","color","colorSolid","colorClear","backgroundColor","backgroundColorHover","backgroundColorFocus","backgroundColorSolidFocus","backgroundColorSolid","borderColor","borderColorHover","borderColorFocus","borderColorSolidFocus","borderColorSolid","additionalTextColor","additionalTextColorSolid","additionalTextColorClear","errorColor","loaderSpinnerSize","loaderSpinnerColor","loaderSpinnerColorSolid"],"mappings":"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"}
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { StyledIconButton } from './ActionButton.styles.js';
|
3
|
-
|
4
|
-
var ActionButton = function ActionButton(_ref) {
|
5
|
-
var icon = _ref.icon,
|
6
|
-
className = _ref.className,
|
7
|
-
onClick = _ref.onClick;
|
8
|
-
return /*#__PURE__*/React.createElement(StyledIconButton, {
|
9
|
-
className: className,
|
10
|
-
onClick: onClick
|
11
|
-
}, icon);
|
12
|
-
};
|
13
|
-
|
14
|
-
export { ActionButton };
|
15
|
-
//# sourceMappingURL=ActionButton.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ActionButton.js","sources":["../../../../../src/components/NumberInput/ui/ActionButton/ActionButton.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { StyledIconButton } from './ActionButton.styles';\nimport type { ActionButtonProps } from './ActionButton.types';\n\nexport const ActionButton: FC<ActionButtonProps> = ({ icon, className, onClick }) => {\n return (\n <StyledIconButton className={className} onClick={onClick}>\n {icon}\n </StyledIconButton>\n );\n};\n"],"names":["ActionButton","_ref","icon","className","onClick","React","createElement","StyledIconButton"],"mappings":";;;IAKaA,YAAmC,GAAG,SAAtCA,YAAmCA,CAAAC,IAAA,EAAqC;AAAA,EAAA,IAA/BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO,CAAA;AAC1E,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,gBAAgB,EAAA;AAACJ,IAAAA,SAAS,EAAEA,SAAU;AAACC,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,EACpDF,IACa,CAAC,CAAA;AAE3B;;;;"}
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import './ActionButton.styles_x642ct.css';
|
2
|
-
import { styled } from '@linaria/react';
|
3
|
-
import { component, mergeConfig } from '../../../../engines/common.js';
|
4
|
-
import { iconButtonConfig } from '../../../IconButton/IconButton.js';
|
5
|
-
|
6
|
-
var mergedIconButtonConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
|
7
|
-
var IconButton = /*#__PURE__*/component(mergedIconButtonConfig);
|
8
|
-
var _exp = function _exp() {
|
9
|
-
return IconButton;
|
10
|
-
};
|
11
|
-
var StyledIconButton = /*#__PURE__*/styled(_exp())({
|
12
|
-
name: "StyledIconButton",
|
13
|
-
"class": "sj0ab1b",
|
14
|
-
propsAsIs: true
|
15
|
-
});
|
16
|
-
|
17
|
-
export { StyledIconButton };
|
18
|
-
//# sourceMappingURL=ActionButton.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ActionButton.styles.js","sources":["../../../../../src/components/NumberInput/ui/ActionButton/ActionButton.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { iconButtonConfig } from '../../../IconButton';\nimport { component, mergeConfig } from '../../../../engines';\n\nconst mergedIconButtonConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIconButtonConfig);\n\nexport const StyledIconButton = styled(IconButton)``;\n"],"names":["mergedIconButtonConfig","mergeConfig","iconButtonConfig","IconButton","component","_exp","StyledIconButton","styled","name","class","propsAsIs"],"mappings":";;;;AAKA,IAAMA,sBAAsB,gBAAGC,WAAW,CAACC,gBAAgB,CAAC,CAAA;AAC5D,IAAMC,UAAU,gBAAGC,SAAS,CAACJ,sBAAsB,CAAC,CAAA;AAAC,IAAAK,IAAA,GALnCA,SAKmCA,IAAAA,GAAA;AAAA,EAAA,OAEdF,UAAU,CAAA;AAAA,CAAA,CAAA;AAA1C,IAAMG,gBAAgB,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAc;;;;"}
|
@@ -1,15 +0,0 @@
|
|
1
|
-
.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
|
2
|
-
|
3
|
-
.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
|
4
|
-
|
5
|
-
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
6
|
-
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
7
|
-
|
8
|
-
.Input_styles_jszc0c_i1s8bsh6__6eb57599{overflow-x:auto;overflow-y:hidden;-webkit-flex:1;-ms-flex:1;flex:1;cursor:var(--i1s8bsh6-0);-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.Input_styles_jszc0c_i1s8bsh6__6eb57599::-webkit-scrollbar{display:none;}
|
9
|
-
.Input_styles_jszc0c_t6wb9c__6eb57599{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;box-sizing:border-box;}
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
.Input_styles_jszc0c_d1n4jo6t__6eb57599{position:relative;}
|
14
|
-
.Input_styles_jszc0c_i1tgbhg7__6eb57599{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:var(--i1tgbhg7-0);box-sizing:border-box;cursor:var(--i1tgbhg7-1);pointer-events:var(--i1tgbhg7-2);-webkit-transition:width 0.1s;transition:width 0.1s;}.Input_styles_jszc0c_i1tgbhg7__6eb57599.Input_styles_jszc0c_i1tgbhg7__6eb57599.Input_styles_jszc0c_errorAnimation__6eb57599{color:var(--plasma-number-input_error-color);-webkit-animation:Input_styles_jszc0c_shakingErrorI1tgbhg7__6eb57599 0.5s forwards;animation:Input_styles_jszc0c_shakingErrorI1tgbhg7__6eb57599 0.5s forwards;}@-webkit-keyframes Input_styles_jszc0c_shakingErrorI1tgbhg7__6eb57599{0%{opacity:1;}12.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}25%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}37.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}50%{opacity:1;-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}62.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}75%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}87.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}100%{opacity:0;-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}}@keyframes Input_styles_jszc0c_shakingErrorI1tgbhg7__6eb57599{0%{opacity:1;}12.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}25%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}37.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}50%{opacity:1;-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}62.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}75%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}87.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}100%{opacity:0;-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}}
|
15
|
-
.Input_styles_jszc0c_i1il5xze__6eb57599{position:absolute;z-index:-999;visibility:hidden;top:0;left:0;opacity:0;height:0;white-space:pre;}
|