@salutejs/plasma-new-hope 0.122.0-canary.1349.10357757918.0 → 0.122.0-canary.1352.10359015289.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +10 -9
- package/cjs/components/Autocomplete/Autocomplete.js +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +10 -9
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +10 -9
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +10 -9
- package/cjs/components/Pagination/Pagination.css +8 -8
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
- package/cjs/components/Range/Range.css +10 -9
- package/cjs/components/Select/Select.css +8 -8
- package/cjs/components/Select/Select.js +6 -13
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/hooks/usePathMaps.js +2 -2
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +8 -8
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +8 -8
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js +5 -13
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +6 -15
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/{Item.styles_baxa65.css → Item.styles_y3jg1m.css} +1 -1
- package/cjs/components/Select/ui/Target/Target.js +2 -4
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +1 -3
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -7
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js +5 -5
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/components/Select/utils/initialItemsTransform.js.map +1 -1
- package/cjs/components/Select/utils/updateAncestors.js.map +1 -1
- package/cjs/components/Select/utils/updateDescendants.js.map +1 -1
- package/cjs/components/Select/utils/updateSingleAncestors.js.map +1 -1
- package/cjs/components/Slider/Slider.css +10 -9
- package/cjs/components/Slider/components/Double/Double.css +10 -9
- package/cjs/components/TextArea/TextArea.js +17 -3
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +7 -1
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/{es/components/TextArea/TextArea.styles_1bv40vw.css → cjs/components/TextArea/TextArea.styles_wt773g.css} +2 -1
- package/cjs/components/TextArea/TextArea.tokens.js +8 -1
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/variations/_required/base.js +9 -0
- package/cjs/components/TextArea/variations/_required/base.js.map +1 -0
- package/cjs/components/TextArea/variations/_required/base_x642ct.css +1 -0
- package/cjs/components/TextField/TextField.js +23 -7
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +7 -1
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/{TextField.styles_9fkr1l.css → TextField.styles_x7rboj.css} +2 -1
- package/cjs/components/TextField/TextField.tokens.js +8 -1
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/TextField_1lzb2r1.css +1 -0
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_1ch19bp.css +1 -0
- package/cjs/components/TextField/variations/_required/base.js +9 -0
- package/cjs/components/TextField/variations/_required/base.js.map +1 -0
- package/cjs/components/TextField/variations/_required/base_x642ct.css +1 -0
- package/cjs/index.css +28 -26
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +1 -1
- package/emotion/cjs/components/Select/Select.js +6 -13
- package/emotion/cjs/components/Select/hooks/usePathMaps.js +2 -2
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +5 -13
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +11 -14
- package/emotion/cjs/components/Select/ui/Target/Target.js +2 -4
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +1 -3
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -7
- package/emotion/cjs/components/Select/utils/getButtonLabel.js +5 -5
- package/emotion/cjs/components/Select/utils/index.js +1 -8
- package/emotion/cjs/components/TextArea/TextArea.js +18 -4
- package/emotion/cjs/components/TextArea/TextArea.styles.js +23 -19
- package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +29 -3
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +8 -1
- package/emotion/cjs/components/TextArea/variations/_required/base.js +8 -0
- package/emotion/cjs/components/TextArea/variations/_required/tokens.json +1 -0
- package/emotion/cjs/components/TextArea/variations/_size/tokens.json +7 -1
- package/emotion/cjs/components/TextField/TextField.js +27 -11
- package/emotion/cjs/components/TextField/TextField.styles.js +33 -21
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +27 -1
- package/emotion/cjs/components/TextField/TextField.tokens.js +8 -1
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_required/base.js +8 -0
- package/emotion/cjs/components/TextField/variations/_required/tokens.json +1 -0
- package/emotion/cjs/components/TextField/variations/_size/tokens.json +6 -0
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +21 -38
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +21 -38
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +45 -0
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +15 -12
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +43 -0
- package/emotion/es/components/Autocomplete/Autocomplete.js +1 -1
- package/emotion/es/components/Select/Select.js +7 -14
- package/emotion/es/components/Select/hooks/usePathMaps.js +2 -2
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +5 -13
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +11 -14
- package/emotion/es/components/Select/ui/Target/Target.js +2 -4
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +1 -3
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -7
- package/emotion/es/components/Select/utils/getButtonLabel.js +5 -5
- package/emotion/es/components/Select/utils/index.js +1 -2
- package/emotion/es/components/TextArea/TextArea.js +19 -5
- package/emotion/es/components/TextArea/TextArea.styles.js +22 -18
- package/emotion/es/components/TextArea/TextArea.template-doc.mdx +29 -3
- package/emotion/es/components/TextArea/TextArea.tokens.js +8 -1
- package/emotion/es/components/TextArea/variations/_required/base.js +2 -0
- package/emotion/es/components/TextArea/variations/_required/tokens.json +1 -0
- package/emotion/es/components/TextArea/variations/_size/tokens.json +7 -1
- package/emotion/es/components/TextField/TextField.js +26 -10
- package/emotion/es/components/TextField/TextField.styles.js +32 -20
- package/emotion/es/components/TextField/TextField.template-doc.mdx +27 -1
- package/emotion/es/components/TextField/TextField.tokens.js +8 -1
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/components/TextField/variations/_required/base.js +2 -0
- package/emotion/es/components/TextField/variations/_required/tokens.json +1 -0
- package/emotion/es/components/TextField/variations/_size/tokens.json +6 -0
- package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +21 -38
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +21 -38
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +45 -0
- package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +15 -12
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +43 -0
- package/es/components/Autocomplete/Autocomplete.css +10 -9
- package/es/components/Autocomplete/Autocomplete.js +1 -1
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +10 -9
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +10 -9
- package/es/components/DatePicker/SingleDate/SingleDate.css +10 -9
- package/es/components/Pagination/Pagination.css +8 -8
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
- package/es/components/Range/Range.css +10 -9
- package/es/components/Select/Select.css +8 -8
- package/es/components/Select/Select.js +6 -13
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/hooks/usePathMaps.js +2 -2
- package/es/components/Select/hooks/usePathMaps.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +8 -8
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.css +8 -8
- package/es/components/Select/ui/Inner/ui/Item/Item.js +5 -13
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +6 -15
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/{Item.styles_baxa65.css → Item.styles_y3jg1m.css} +1 -1
- package/es/components/Select/ui/Target/Target.js +2 -4
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.js +1 -3
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -7
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/utils/getButtonLabel.js +5 -5
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/components/Select/utils/initialItemsTransform.js.map +1 -1
- package/es/components/Select/utils/updateAncestors.js.map +1 -1
- package/es/components/Select/utils/updateDescendants.js.map +1 -1
- package/es/components/Select/utils/updateSingleAncestors.js.map +1 -1
- package/es/components/Slider/Slider.css +10 -9
- package/es/components/Slider/components/Double/Double.css +10 -9
- package/es/components/TextArea/TextArea.js +18 -4
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +7 -2
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/{cjs/components/TextArea/TextArea.styles_1bv40vw.css → es/components/TextArea/TextArea.styles_wt773g.css} +2 -1
- package/es/components/TextArea/TextArea.tokens.js +8 -1
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/variations/_required/base.js +5 -0
- package/es/components/TextArea/variations/_required/base.js.map +1 -0
- package/es/components/TextArea/variations/_required/base_x642ct.css +1 -0
- package/es/components/TextField/TextField.js +24 -8
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +7 -2
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/{TextField.styles_9fkr1l.css → TextField.styles_x7rboj.css} +2 -1
- package/es/components/TextField/TextField.tokens.js +8 -1
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/TextField_1lzb2r1.css +1 -0
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base_1ch19bp.css +1 -0
- package/es/components/TextField/variations/_required/base.js +5 -0
- package/es/components/TextField/variations/_required/base.js.map +1 -0
- package/es/components/TextField/variations/_required/base_x642ct.css +1 -0
- package/es/index.css +28 -26
- package/package.json +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +1 -1
- package/styled-components/cjs/components/Select/Select.js +6 -13
- package/styled-components/cjs/components/Select/hooks/usePathMaps.js +2 -2
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +5 -13
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -6
- package/styled-components/cjs/components/Select/ui/Target/Target.js +2 -4
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +1 -3
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -7
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +5 -5
- package/styled-components/cjs/components/Select/utils/index.js +1 -8
- package/styled-components/cjs/components/TextArea/TextArea.js +17 -3
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +6 -3
- package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +29 -3
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +8 -1
- package/styled-components/cjs/components/TextArea/variations/_required/base.js +8 -0
- package/styled-components/cjs/components/TextArea/variations/_required/tokens.json +1 -0
- package/styled-components/cjs/components/TextArea/variations/_size/tokens.json +7 -1
- package/styled-components/cjs/components/TextField/TextField.js +23 -7
- package/styled-components/cjs/components/TextField/TextField.styles.js +6 -3
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +27 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +8 -1
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_required/base.js +8 -0
- package/styled-components/cjs/components/TextField/variations/_required/tokens.json +1 -0
- package/styled-components/cjs/components/TextField/variations/_size/tokens.json +6 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +21 -38
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +21 -38
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +7 -4
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +45 -0
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +7 -4
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +43 -0
- package/styled-components/es/components/Autocomplete/Autocomplete.js +1 -1
- package/styled-components/es/components/Select/Select.js +7 -14
- package/styled-components/es/components/Select/hooks/usePathMaps.js +2 -2
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +5 -13
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -6
- package/styled-components/es/components/Select/ui/Target/Target.js +2 -4
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +1 -3
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -7
- package/styled-components/es/components/Select/utils/getButtonLabel.js +5 -5
- package/styled-components/es/components/Select/utils/index.js +1 -2
- package/styled-components/es/components/TextArea/TextArea.js +18 -4
- package/styled-components/es/components/TextArea/TextArea.styles.js +5 -2
- package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +29 -3
- package/styled-components/es/components/TextArea/TextArea.tokens.js +8 -1
- package/styled-components/es/components/TextArea/variations/_required/base.js +2 -0
- package/styled-components/es/components/TextArea/variations/_required/tokens.json +1 -0
- package/styled-components/es/components/TextArea/variations/_size/tokens.json +7 -1
- package/styled-components/es/components/TextField/TextField.js +22 -6
- package/styled-components/es/components/TextField/TextField.styles.js +5 -2
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +27 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +8 -1
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/components/TextField/variations/_required/base.js +2 -0
- package/styled-components/es/components/TextField/variations/_required/tokens.json +1 -0
- package/styled-components/es/components/TextField/variations/_size/tokens.json +6 -0
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +21 -38
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +21 -38
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +7 -4
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +45 -0
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +7 -4
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +43 -0
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +4 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +4 -0
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +27 -123
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +4 -0
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts +3 -3
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +11 -140
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +6 -6
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Select/hooks/usePathMaps.d.ts +6 -6
- package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
- package/types/components/Select/index.d.ts +1 -1
- package/types/components/Select/index.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/Inner.type.d.ts +4 -4
- package/types/components/Select/ui/Inner/Inner.type.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +1 -3
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +3 -18
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +3 -4
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/utils/index.d.ts +0 -1
- package/types/components/Select/utils/index.d.ts.map +1 -1
- package/types/components/Select/utils/initialItemsTransform.d.ts +2 -2
- package/types/components/Select/utils/initialItemsTransform.d.ts.map +1 -1
- package/types/components/Select/utils/updateAncestors.d.ts +2 -2
- package/types/components/Select/utils/updateAncestors.d.ts.map +1 -1
- package/types/components/Select/utils/updateDescendants.d.ts +2 -2
- package/types/components/Select/utils/updateDescendants.d.ts.map +1 -1
- package/types/components/Select/utils/updateSingleAncestors.d.ts +2 -2
- package/types/components/Select/utils/updateSingleAncestors.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +4 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts +4 -0
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts +1 -0
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +7 -0
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +9 -0
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextArea/variations/_required/base.d.ts +2 -0
- package/types/components/TextArea/variations/_required/base.d.ts.map +1 -0
- package/types/components/TextField/TextField.d.ts +4 -0
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +1 -0
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +7 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +9 -0
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_required/base.d.ts +2 -0
- package/types/components/TextField/variations/_required/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +27 -123
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +4 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +27 -123
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +3 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +3 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +3 -0
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +7 -0
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts +4 -0
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -1
- package/cjs/components/Select/utils/getView.js +0 -27
- package/cjs/components/Select/utils/getView.js.map +0 -1
- package/cjs/components/TextField/TextField_wctd2m.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_qtoism.css +0 -1
- package/emotion/cjs/components/Select/utils/getView.js +0 -26
- package/emotion/es/components/Select/utils/getView.js +0 -20
- package/es/components/Select/utils/getView.js +0 -23
- package/es/components/Select/utils/getView.js.map +0 -1
- package/es/components/TextField/TextField_wctd2m.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_qtoism.css +0 -1
- package/styled-components/cjs/components/Select/utils/getView.js +0 -26
- package/styled-components/es/components/Select/utils/getView.js +0 -20
- package/types/components/Select/utils/getView.d.ts +0 -3
- package/types/components/Select/utils/getView.d.ts.map +0 -1
@@ -60,23 +60,9 @@ const meta: Meta<StorySelectProps> = {
|
|
60
60
|
type: 'select',
|
61
61
|
},
|
62
62
|
},
|
63
|
-
listWidth: {
|
64
|
-
control: {
|
65
|
-
type: 'text',
|
66
|
-
},
|
67
|
-
},
|
68
|
-
listOverflow: {
|
69
|
-
control: {
|
70
|
-
type: 'text',
|
71
|
-
},
|
72
|
-
},
|
73
|
-
listHeight: {
|
74
|
-
control: {
|
75
|
-
type: 'text',
|
76
|
-
},
|
77
|
-
},
|
78
63
|
},
|
79
64
|
args: {
|
65
|
+
multiselect: false,
|
80
66
|
target: 'textfield-like',
|
81
67
|
label: 'Label',
|
82
68
|
labelPlacement: 'outer',
|
@@ -89,27 +75,7 @@ const meta: Meta<StorySelectProps> = {
|
|
89
75
|
isTargetAmount: false,
|
90
76
|
variant: 'normal',
|
91
77
|
disabled: false,
|
92
|
-
|
93
|
-
parameters: {
|
94
|
-
controls: {
|
95
|
-
include: [
|
96
|
-
'target',
|
97
|
-
'size',
|
98
|
-
'view',
|
99
|
-
'chipView',
|
100
|
-
'enableContentLeft',
|
101
|
-
'label',
|
102
|
-
'labelPlacement',
|
103
|
-
'placeholder',
|
104
|
-
'helperText',
|
105
|
-
'isTargetAmount',
|
106
|
-
'variant',
|
107
|
-
'disabled',
|
108
|
-
'listWidth',
|
109
|
-
'listOverflow',
|
110
|
-
'listHeight',
|
111
|
-
],
|
112
|
-
},
|
78
|
+
separator: '',
|
113
79
|
},
|
114
80
|
};
|
115
81
|
|
@@ -388,8 +354,8 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
388
354
|
|
389
355
|
<Select
|
390
356
|
{...args}
|
391
|
-
items={items}
|
392
357
|
multiselect
|
358
|
+
items={items}
|
393
359
|
value={valueMultiple}
|
394
360
|
onChange={setValueMultiple}
|
395
361
|
contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
|
@@ -399,6 +365,11 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
399
365
|
};
|
400
366
|
|
401
367
|
export const Predefined: StoryObj<StorySelectProps> = {
|
368
|
+
parameters: {
|
369
|
+
controls: {
|
370
|
+
exclude: ['multiselect'],
|
371
|
+
},
|
372
|
+
},
|
402
373
|
render: (args) => <PredefinedStory {...args} />,
|
403
374
|
};
|
404
375
|
|
@@ -824,7 +795,19 @@ const CommonStory = (args: StorySelectProps) => {
|
|
824
795
|
export const Common: StoryObj<StorySelectProps> = {
|
825
796
|
parameters: {
|
826
797
|
controls: {
|
827
|
-
|
798
|
+
include: [
|
799
|
+
'size',
|
800
|
+
'enableContentLeft',
|
801
|
+
'chipView',
|
802
|
+
'label',
|
803
|
+
'labelPlacement',
|
804
|
+
'placeholder',
|
805
|
+
'helperText',
|
806
|
+
'isTargetAmount',
|
807
|
+
'variant',
|
808
|
+
'disabled',
|
809
|
+
'separator',
|
810
|
+
],
|
828
811
|
},
|
829
812
|
},
|
830
813
|
argTypes: {
|
@@ -7,10 +7,10 @@ export var config = {
|
|
7
7
|
},
|
8
8
|
variations: {
|
9
9
|
size: {
|
10
|
-
xs: /*#__PURE__*/css(["", ":100%;", ":7.312rem;", ":0.625rem;", ":0.5rem;", ":0.5rem;", ":0.5625rem;", ":0.625rem;", ":2.125rem;", ":0.563rem;", ":0.563rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0rem;", ":0rem;", ":0.375rem;", ":0.563rem;", ":0.5rem;", ":1.25rem;", ":0.375rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":0rem;", ":0rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingBottomWithHelpers, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight),
|
11
|
-
s: /*#__PURE__*/css(["", ":100%;", ":7.187rem;", ":0.625rem;", ":0.625rem;", ":0.625rem;", ":0.6875rem;", ":0.875rem;", ":3.125rem;", ":0.75rem;", ":0.75rem;", ":0.875rem;", ":0.25rem;", ":0rem;", ":0rem;", ":0rem;", ":0.375rem;", ":0.688rem;", ":0.75rem;", ":1.25rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingBottomWithHelpers, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight),
|
12
|
-
m: /*#__PURE__*/css(["", ":100%;", ":7rem;", ":1.125rem;", ":0.75rem;", ":0.75rem;", ":0.875rem;", ":1rem;", ":3.375rem;", ":0.75rem;", ":0.75rem;", ":1rem;", ":0.25rem;", ":0rem;", ":0rem;", ":0rem;", ":0.375rem;", ":0.875rem;", ":0.875rem;", ":1.25rem;", ":0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingBottomWithHelpers, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight),
|
13
|
-
l: /*#__PURE__*/css(["", ":100%;", ":6.812rem;", ":1.625rem;", ":0.875rem;", ":0.875rem;", ":1rem;", ":1.125rem;", ":3.625rem;", ":0.75rem;", ":0.75rem;", ":1.125rem;", ":0.25rem;", ":0rem;", ":0rem;", ":0rem;", ":0.375rem;", ":1.063rem;", ":1rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingBottomWithHelpers, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight)
|
10
|
+
xs: /*#__PURE__*/css(["", ":100%;", ":7.312rem;", ":0.625rem;", ":0.5rem;", ":0.5rem;", ":0.5625rem;", ":0.625rem;", ":2.125rem;", ":0.563rem;", ":0.563rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0rem;", ":0rem;", ":0.375rem;", ":0.563rem;", ":0.5rem;", ":1.25rem;", ":0.375rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":0rem;", ":0rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.25rem auto auto -0.625rem;", ":0 0 auto auto;", ":0.125rem -0.675rem auto auto;"], textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingBottomWithHelpers, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight),
|
11
|
+
s: /*#__PURE__*/css(["", ":100%;", ":7.187rem;", ":0.625rem;", ":0.625rem;", ":0.625rem;", ":0.6875rem;", ":0.875rem;", ":3.125rem;", ":0.75rem;", ":0.75rem;", ":0.875rem;", ":0.25rem;", ":0rem;", ":0rem;", ":0rem;", ":0.375rem;", ":0.688rem;", ":0.75rem;", ":1.25rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.375rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;"], textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingBottomWithHelpers, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight),
|
12
|
+
m: /*#__PURE__*/css(["", ":100%;", ":7rem;", ":1.125rem;", ":0.75rem;", ":0.75rem;", ":0.875rem;", ":1rem;", ":3.375rem;", ":0.75rem;", ":0.75rem;", ":1rem;", ":0.25rem;", ":0rem;", ":0rem;", ":0rem;", ":0.375rem;", ":0.875rem;", ":0.875rem;", ":1.25rem;", ":0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.4375rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.1875rem -0.625rem auto auto;"], textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingBottomWithHelpers, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight),
|
13
|
+
l: /*#__PURE__*/css(["", ":100%;", ":6.812rem;", ":1.625rem;", ":0.875rem;", ":0.875rem;", ":1rem;", ":1.125rem;", ":3.625rem;", ":0.75rem;", ":0.75rem;", ":1.125rem;", ":0.25rem;", ":0rem;", ":0rem;", ":0rem;", ":0.375rem;", ":1.063rem;", ":1rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;"], textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingBottomWithHelpers, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight)
|
14
14
|
},
|
15
15
|
view: {
|
16
16
|
"default": /*#__PURE__*/css(["", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-tertiary-hover);", ":var(--text-accent);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);"], textAreaTokens.inputBorderColor, textAreaTokens.inputBorderColorHover, textAreaTokens.inputBorderColorActive, textAreaTokens.inputBorderColorFocus, textAreaTokens.inputColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor),
|
@@ -20,6 +20,9 @@ export var config = {
|
|
20
20
|
},
|
21
21
|
disabled: {
|
22
22
|
"true": /*#__PURE__*/css(["", ":0.4;", ":var(--text-secondary);"], textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled)
|
23
|
+
},
|
24
|
+
required: {
|
25
|
+
"true": /*#__PURE__*/css(["", ":var(--surface-negative);"], textAreaTokens.indicatorColor)
|
23
26
|
}
|
24
27
|
}
|
25
28
|
};
|
@@ -71,6 +71,47 @@ const IconPlaceholder = styled.div`
|
|
71
71
|
background: ${tertiary};
|
72
72
|
`;
|
73
73
|
|
74
|
+
const StoryRequired = (props: StoryTextAreaProps) => {
|
75
|
+
const [value, setValue] = useState('Значение поля');
|
76
|
+
|
77
|
+
return (
|
78
|
+
<div
|
79
|
+
style={{
|
80
|
+
display: 'grid',
|
81
|
+
gap: '1.5rem',
|
82
|
+
}}
|
83
|
+
>
|
84
|
+
<TextArea
|
85
|
+
value={value}
|
86
|
+
label="Лейбл"
|
87
|
+
required
|
88
|
+
contentRight={props.enableContentRight ? <IconPlaceholder /> : undefined}
|
89
|
+
onChange={(e) => {
|
90
|
+
setValue(e.target.value);
|
91
|
+
onChange(e);
|
92
|
+
}}
|
93
|
+
onFocus={onFocus}
|
94
|
+
onBlur={onBlur}
|
95
|
+
{...props}
|
96
|
+
/>
|
97
|
+
<TextArea
|
98
|
+
value={value}
|
99
|
+
label="Лейбл"
|
100
|
+
required
|
101
|
+
requiredAlign="right"
|
102
|
+
contentRight={props.enableContentRight ? <IconPlaceholder /> : undefined}
|
103
|
+
onChange={(e) => {
|
104
|
+
setValue(e.target.value);
|
105
|
+
onChange(e);
|
106
|
+
}}
|
107
|
+
onFocus={onFocus}
|
108
|
+
onBlur={onBlur}
|
109
|
+
{...props}
|
110
|
+
/>
|
111
|
+
</div>
|
112
|
+
);
|
113
|
+
};
|
114
|
+
|
74
115
|
const StoryDefault = (props: StoryTextAreaProps) => {
|
75
116
|
const [value, setValue] = useState('Значение поля');
|
76
117
|
|
@@ -89,6 +130,10 @@ const StoryDefault = (props: StoryTextAreaProps) => {
|
|
89
130
|
);
|
90
131
|
};
|
91
132
|
|
133
|
+
export const Required: StoryObj<StoryTextAreaProps> = {
|
134
|
+
render: (args) => <StoryRequired {...args} />,
|
135
|
+
};
|
136
|
+
|
92
137
|
export const Default: StoryObj<StoryTextAreaProps> = {
|
93
138
|
render: (args) => <StoryDefault {...args} />,
|
94
139
|
};
|
@@ -14,10 +14,10 @@ export var config = {
|
|
14
14
|
negative: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor)
|
15
15
|
},
|
16
16
|
size: {
|
17
|
-
l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":0.0625rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
|
18
|
-
m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":0.0625rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
|
19
|
-
s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":0.0625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
|
20
|
-
xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":0.0625rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight)
|
17
|
+
l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":0.0625rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
|
18
|
+
m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":0.0625rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.375rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.6875rem auto auto;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
|
19
|
+
s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":0.0625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.3125rem auto auto -0.6875rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
|
20
|
+
xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":0.0625rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.25rem auto auto -0.625rem;", ":0 0 auto auto;", ":0.125rem -0.6875rem auto auto;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight)
|
21
21
|
},
|
22
22
|
labelPlacement: {
|
23
23
|
inner: /*#__PURE__*/css(["", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--plasma-colors-secondary)));", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
|
@@ -26,6 +26,9 @@ export var config = {
|
|
26
26
|
disabled: {
|
27
27
|
"true": /*#__PURE__*/css(["", ":0.4;"], tokens.disabledOpacity)
|
28
28
|
},
|
29
|
+
required: {
|
30
|
+
"true": /*#__PURE__*/css(["", ":var(--surface-negative)"], tokens.indicatorColor)
|
31
|
+
},
|
29
32
|
readOnly: {
|
30
33
|
"true": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColorReadOnly)
|
31
34
|
}
|
@@ -138,6 +138,49 @@ type StoryPropsChips = Omit<
|
|
138
138
|
enableContentRight: boolean;
|
139
139
|
};
|
140
140
|
|
141
|
+
const StoryRequired = ({ view, ...rest }: StoryPropsDefault) => {
|
142
|
+
const [text, setText] = useState('Значение поля');
|
143
|
+
|
144
|
+
return (
|
145
|
+
<div style={{ display: 'grid', gap: '1.5rem' }}>
|
146
|
+
<TextField
|
147
|
+
{...rest}
|
148
|
+
value={text}
|
149
|
+
required
|
150
|
+
view={view}
|
151
|
+
onChange={(e) => {
|
152
|
+
setText(e.target.value);
|
153
|
+
onChange(e.target.value);
|
154
|
+
}}
|
155
|
+
onFocus={onFocus}
|
156
|
+
onBlur={onBlur}
|
157
|
+
onChangeChips={onChipsChange}
|
158
|
+
/>
|
159
|
+
<TextField
|
160
|
+
{...rest}
|
161
|
+
value={text}
|
162
|
+
required
|
163
|
+
requiredAlign="right"
|
164
|
+
view={view}
|
165
|
+
onChange={(e) => {
|
166
|
+
setText(e.target.value);
|
167
|
+
onChange(e.target.value);
|
168
|
+
}}
|
169
|
+
onFocus={onFocus}
|
170
|
+
onBlur={onBlur}
|
171
|
+
onChangeChips={onChipsChange}
|
172
|
+
/>
|
173
|
+
</div>
|
174
|
+
);
|
175
|
+
};
|
176
|
+
|
177
|
+
export const Required: StoryObj<StoryPropsDefault> = {
|
178
|
+
args: {
|
179
|
+
...Default.args,
|
180
|
+
},
|
181
|
+
render: (args) => <StoryRequired {...args} />,
|
182
|
+
};
|
183
|
+
|
141
184
|
const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => {
|
142
185
|
const [text, setText] = useState('Значение поля');
|
143
186
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,sBAAsB,CAAC;AAGlF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,gBAAgB,EAAE,iBAAiB,CAAC,
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,sBAAsB,CAAC;AAGlF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,gBAAgB,EAAE,iBAAiB,CAAC,mSAkLhF,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBApLQ,UAAU,gBAAgB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;CAmMpF,CAAC"}
|
@@ -12,6 +12,8 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
12
12
|
contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
13
13
|
textBefore?: string | undefined;
|
14
14
|
textAfter?: string | undefined;
|
15
|
+
required?: boolean | undefined;
|
16
|
+
requiredAlign?: "left" | "right" | undefined;
|
15
17
|
onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
16
18
|
} & {
|
17
19
|
chips?: undefined;
|
@@ -31,6 +33,8 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
|
|
31
33
|
contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
32
34
|
textBefore?: string | undefined;
|
33
35
|
textAfter?: string | undefined;
|
36
|
+
required?: boolean | undefined;
|
37
|
+
requiredAlign?: "left" | "right" | undefined;
|
34
38
|
onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
35
39
|
} & {
|
36
40
|
enumerationType: "chip";
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,eAAe
|
1
|
+
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4HA0D3B,CAAC"}
|
@@ -13,6 +13,8 @@ export declare const StyledInput: import("@linaria/react").StyledMeta & import("
|
|
13
13
|
contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
14
14
|
textBefore?: string | undefined;
|
15
15
|
textAfter?: string | undefined;
|
16
|
+
required?: boolean | undefined;
|
17
|
+
requiredAlign?: "left" | "right" | undefined;
|
16
18
|
onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
17
19
|
} & {
|
18
20
|
chips?: undefined;
|
@@ -32,6 +34,8 @@ export declare const StyledInput: import("@linaria/react").StyledMeta & import("
|
|
32
34
|
contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
33
35
|
textBefore?: string | undefined;
|
34
36
|
textAfter?: string | undefined;
|
37
|
+
required?: boolean | undefined;
|
38
|
+
requiredAlign?: "left" | "right" | undefined;
|
35
39
|
onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
36
40
|
} & {
|
37
41
|
enumerationType: "chip";
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SingleDate.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"names":[],"mappings":";AAcA,eAAO,MAAM,aAAa,4TAAoB,CAAC;AAG/C,eAAO,MAAM,WAAW
|
1
|
+
{"version":3,"file":"SingleDate.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"names":[],"mappings":";AAcA,eAAO,MAAM,aAAa,4TAAoB,CAAC;AAG/C,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4HAuEvB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAMhB,CAAC;AAEF,eAAO,MAAM,WAAW,8KAAiB,CAAC;AAE1C,eAAO,MAAM,UAAU,qKAAe,CAAC"}
|
package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts
CHANGED
@@ -1,153 +1,57 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
export declare const SelectPerPageRoot: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
3
|
-
export declare const SelectPerPageSelect: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & (({
|
4
|
-
target?: "textfield-like" | undefined;
|
5
|
-
view?: "default" | "warning" | "positive" | "negative" | undefined;
|
6
|
-
contentLeft?: import("react").ReactNode;
|
7
|
-
labelPlacement?: "inner" | "outer" | undefined;
|
8
|
-
placeholder?: string | undefined;
|
9
|
-
helperText?: string | undefined;
|
10
|
-
} & {
|
3
|
+
export declare const SelectPerPageSelect: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((import("../../../Select/Select.types").BasicProps & {
|
11
4
|
multiselect?: false | undefined;
|
12
|
-
|
5
|
+
value?: string | undefined;
|
6
|
+
onChange?: ((value: string) => void) | undefined;
|
7
|
+
isTargetAmount?: false | undefined;
|
8
|
+
renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
|
13
9
|
} & {
|
14
|
-
value: any;
|
15
|
-
onChange?: ((value: any) => void) | undefined;
|
16
|
-
listOverflow?: import("csstype").Property.Overflow | undefined;
|
17
|
-
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
18
|
-
status?: "error" | "success" | "warning" | undefined;
|
19
|
-
placeholder?: string | undefined;
|
20
|
-
helperText?: string | undefined;
|
21
|
-
disabled?: boolean | undefined;
|
22
|
-
items?: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
|
23
|
-
onItemSelect?: ((e: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
|
24
|
-
hasItems?: boolean | undefined;
|
25
|
-
children?: undefined;
|
26
|
-
isOpen?: boolean | undefined;
|
27
|
-
isTargetAmount?: boolean | undefined;
|
28
|
-
renderTarget?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
|
29
|
-
placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
|
30
|
-
label?: string | undefined;
|
31
|
-
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
32
|
-
variant?: "normal" | "tight" | undefined;
|
33
|
-
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
34
|
-
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
35
|
-
renderValue?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
|
36
|
-
renderItem?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
|
37
|
-
size?: string | undefined;
|
38
|
-
view?: string | undefined;
|
39
|
-
chipView?: string | undefined;
|
40
|
-
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
|
41
10
|
target?: "textfield-like" | undefined;
|
42
11
|
view?: "default" | "warning" | "positive" | "negative" | undefined;
|
43
12
|
contentLeft?: import("react").ReactNode;
|
44
13
|
labelPlacement?: "inner" | "outer" | undefined;
|
45
14
|
placeholder?: string | undefined;
|
46
15
|
helperText?: string | undefined;
|
16
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../Select/Select.types").BasicProps & {
|
17
|
+
multiselect?: false | undefined;
|
18
|
+
value?: string | undefined;
|
19
|
+
onChange?: ((value: string) => void) | undefined;
|
20
|
+
isTargetAmount?: false | undefined;
|
21
|
+
renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
|
47
22
|
} & {
|
48
|
-
multiselect?: true | undefined;
|
49
|
-
separator?: string | undefined;
|
50
|
-
} & {
|
51
|
-
value: any;
|
52
|
-
onChange?: ((value: any) => void) | undefined;
|
53
|
-
listOverflow?: import("csstype").Property.Overflow | undefined;
|
54
|
-
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
55
|
-
status?: "error" | "success" | "warning" | undefined;
|
56
|
-
placeholder?: string | undefined;
|
57
|
-
helperText?: string | undefined;
|
58
|
-
disabled?: boolean | undefined;
|
59
|
-
items?: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
|
60
|
-
onItemSelect?: ((e: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
|
61
|
-
hasItems?: boolean | undefined;
|
62
|
-
children?: undefined;
|
63
|
-
isOpen?: boolean | undefined;
|
64
|
-
isTargetAmount?: boolean | undefined;
|
65
|
-
renderTarget?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
|
66
|
-
placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
|
67
|
-
label?: string | undefined;
|
68
|
-
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
69
|
-
variant?: "normal" | "tight" | undefined;
|
70
|
-
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
71
|
-
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
72
|
-
renderValue?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
|
73
|
-
renderItem?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
|
74
|
-
size?: string | undefined;
|
75
|
-
view?: string | undefined;
|
76
|
-
chipView?: string | undefined;
|
77
|
-
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
|
78
23
|
target?: "button-like" | undefined;
|
79
24
|
view?: "default" | "black" | "white" | "dark" | "clear" | "accent" | "secondary" | "warning" | "positive" | "negative" | undefined;
|
80
25
|
contentLeft?: undefined;
|
81
26
|
labelPlacement?: undefined;
|
82
27
|
placeholder?: undefined;
|
83
28
|
helperText?: undefined;
|
29
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../Select/Select.types").BasicProps & {
|
30
|
+
multiselect: true;
|
31
|
+
value?: string[] | undefined;
|
32
|
+
onChange?: ((value: string[]) => void) | undefined;
|
33
|
+
isTargetAmount?: boolean | undefined;
|
34
|
+
renderTarget?: ((value: string[]) => import("react").ReactNode) | undefined;
|
84
35
|
} & {
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
onChange?: ((value: any) => void) | undefined;
|
90
|
-
listOverflow?: import("csstype").Property.Overflow | undefined;
|
91
|
-
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
92
|
-
status?: "error" | "success" | "warning" | undefined;
|
36
|
+
target?: "textfield-like" | undefined;
|
37
|
+
view?: "default" | "warning" | "positive" | "negative" | undefined;
|
38
|
+
contentLeft?: import("react").ReactNode;
|
39
|
+
labelPlacement?: "inner" | "outer" | undefined;
|
93
40
|
placeholder?: string | undefined;
|
94
41
|
helperText?: string | undefined;
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
children?: undefined;
|
100
|
-
isOpen?: boolean | undefined;
|
42
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../Select/Select.types").BasicProps & {
|
43
|
+
multiselect: true;
|
44
|
+
value?: string[] | undefined;
|
45
|
+
onChange?: ((value: string[]) => void) | undefined;
|
101
46
|
isTargetAmount?: boolean | undefined;
|
102
|
-
renderTarget?: ((
|
103
|
-
|
104
|
-
label?: string | undefined;
|
105
|
-
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
106
|
-
variant?: "normal" | "tight" | undefined;
|
107
|
-
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
108
|
-
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
109
|
-
renderValue?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
|
110
|
-
renderItem?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
|
111
|
-
size?: string | undefined;
|
112
|
-
view?: string | undefined;
|
113
|
-
chipView?: string | undefined;
|
114
|
-
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
|
47
|
+
renderTarget?: ((value: string[]) => import("react").ReactNode) | undefined;
|
48
|
+
} & {
|
115
49
|
target?: "button-like" | undefined;
|
116
50
|
view?: "default" | "black" | "white" | "dark" | "clear" | "accent" | "secondary" | "warning" | "positive" | "negative" | undefined;
|
117
51
|
contentLeft?: undefined;
|
118
52
|
labelPlacement?: undefined;
|
119
53
|
placeholder?: undefined;
|
120
54
|
helperText?: undefined;
|
121
|
-
} & {
|
122
|
-
multiselect?: true | undefined;
|
123
|
-
separator?: string | undefined;
|
124
|
-
} & {
|
125
|
-
value: any;
|
126
|
-
onChange?: ((value: any) => void) | undefined;
|
127
|
-
listOverflow?: import("csstype").Property.Overflow | undefined;
|
128
|
-
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
129
|
-
status?: "error" | "success" | "warning" | undefined;
|
130
|
-
placeholder?: string | undefined;
|
131
|
-
helperText?: string | undefined;
|
132
|
-
disabled?: boolean | undefined;
|
133
|
-
items?: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
|
134
|
-
onItemSelect?: ((e: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
|
135
|
-
hasItems?: boolean | undefined;
|
136
|
-
children?: undefined;
|
137
|
-
isOpen?: boolean | undefined;
|
138
|
-
isTargetAmount?: boolean | undefined;
|
139
|
-
renderTarget?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
|
140
|
-
placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
|
141
|
-
label?: string | undefined;
|
142
|
-
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
143
|
-
variant?: "normal" | "tight" | undefined;
|
144
|
-
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
145
|
-
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
146
|
-
renderValue?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
|
147
|
-
renderItem?: ((item: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
|
148
|
-
size?: string | undefined;
|
149
|
-
view?: string | undefined;
|
150
|
-
chipView?: string | undefined;
|
151
55
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>))>;
|
152
56
|
export declare const SelectPerPageTypography: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
153
57
|
//# sourceMappingURL=PaginationSelectPerPage.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PaginationSelectPerPage.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAEF,eAAO,MAAM,mBAAmB
|
1
|
+
{"version":3,"file":"PaginationSelectPerPage.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wLAsB/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,qKAOnC,CAAC"}
|