@salutejs/plasma-new-hope 0.170.0-dev.0 → 0.171.0-canary.1459.11401631263.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +35 -19
- package/cjs/components/Autocomplete/Autocomplete.js +4 -2
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +39 -18
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +39 -18
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +39 -18
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +34 -18
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +34 -18
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +36 -20
- package/cjs/components/Range/Range.css +40 -19
- package/cjs/components/Slider/Slider.css +40 -19
- package/cjs/components/Slider/Slider.js +2 -0
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +40 -19
- package/cjs/components/TextArea/TextArea.js +111 -19
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +166 -63
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles_1ke2ihc.css +18 -0
- package/cjs/components/TextArea/TextArea.tokens.js +45 -5
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
- package/cjs/components/TextArea/hooks/useAutoResize.js.map +1 -1
- package/cjs/components/TextArea/ui/Hint/Hint.css +30 -0
- package/cjs/components/TextArea/ui/Hint/Hint.js +53 -0
- package/cjs/components/TextArea/ui/Hint/Hint.js.map +1 -0
- package/cjs/components/TextArea/variations/_clear/base.js +1 -1
- package/cjs/components/TextArea/variations/_clear/base.js.map +1 -1
- package/cjs/components/TextArea/variations/_clear/base_iz2qkw.css +1 -0
- package/cjs/components/TextArea/variations/_hint-size/base.js +9 -0
- package/cjs/components/TextArea/variations/_hint-size/base.js.map +1 -0
- package/cjs/components/TextArea/variations/_hint-size/base_1ipgv90.css +1 -0
- package/cjs/components/TextArea/variations/_hint-view/base.js +9 -0
- package/cjs/components/TextArea/variations/_hint-view/base.js.map +1 -0
- package/cjs/components/TextArea/variations/_hint-view/base_111a0qe.css +1 -0
- package/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
- package/cjs/components/TextArea/variations/_view/base_1xgrm3x.css +1 -0
- package/cjs/components/TextField/TextField.js +100 -10
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +82 -23
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/TextField.styles_grgg7q.css +22 -0
- package/cjs/components/TextField/TextField.tokens.js +42 -2
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/ui/Hint/Hint.css +34 -0
- package/cjs/components/TextField/ui/Hint/Hint.js +53 -0
- package/cjs/components/TextField/ui/Hint/Hint.js.map +1 -0
- package/cjs/components/TextField/variations/_clear/base.js +1 -1
- package/cjs/components/TextField/variations/_clear/base.js.map +1 -1
- package/cjs/components/TextField/variations/_clear/base_1i91sjp.css +1 -0
- package/cjs/components/TextField/variations/_disabled/base.js +1 -1
- package/cjs/components/TextField/variations/_disabled/{base_2tv0nz.css → base_4d3opa.css} +1 -1
- package/cjs/components/TextField/variations/_hint-size/base.js +9 -0
- package/cjs/components/TextField/variations/_hint-size/base.js.map +1 -0
- package/cjs/components/TextField/variations/_hint-size/base_1x99605.css +1 -0
- package/cjs/components/TextField/variations/_hint-view/base.js +9 -0
- package/cjs/components/TextField/variations/_hint-view/base.js.map +1 -0
- package/cjs/components/TextField/variations/_hint-view/base_l8etux.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_3domm.css +1 -0
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
- package/cjs/components/TextField/variations/_read-only/base_17ypmu7.css +1 -0
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_size/base.js.map +1 -1
- package/cjs/components/TextField/variations/_size/base_1xdmaqh.css +1 -0
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/base.js.map +1 -1
- package/cjs/components/TextField/variations/_view/base_qhyte8.css +1 -0
- package/cjs/components/TextFieldGroup/TextFieldGroup.css +1 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base.js +1 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
- package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +23 -0
- package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +23 -0
- package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
- package/cjs/index.css +56 -34
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +4 -2
- package/emotion/cjs/components/TextArea/TextArea.js +115 -23
- package/emotion/cjs/components/TextArea/TextArea.styles.js +103 -41
- package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +6 -1
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +45 -5
- package/emotion/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
- package/emotion/cjs/components/TextArea/ui/Hint/Hint.js +53 -0
- package/emotion/cjs/components/TextArea/ui/Hint/Hint.types.js +5 -0
- package/emotion/cjs/components/TextArea/variations/_clear/base.js +1 -1
- package/emotion/cjs/components/TextArea/variations/_hint-size/base.js +11 -0
- package/emotion/cjs/components/TextArea/variations/_hint-size/tokens.json +21 -0
- package/emotion/cjs/components/TextArea/variations/_hint-view/base.js +11 -0
- package/emotion/cjs/components/TextArea/variations/_hint-view/tokens.json +5 -0
- package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -1
- package/emotion/cjs/components/TextField/TextField.js +103 -13
- package/emotion/cjs/components/TextField/TextField.styles.js +88 -37
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +6 -1
- package/emotion/cjs/components/TextField/TextField.tokens.js +42 -2
- package/emotion/cjs/components/TextField/ui/Hint/Hint.js +53 -0
- package/emotion/cjs/components/TextField/ui/Hint/Hint.types.js +5 -0
- package/emotion/cjs/components/TextField/variations/_clear/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_hint-size/base.js +11 -0
- package/emotion/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
- package/emotion/cjs/components/TextField/variations/_hint-view/base.js +11 -0
- package/emotion/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_size/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
- package/emotion/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +22 -0
- package/emotion/cjs/components/_Icon/index.js +8 -1
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +17 -10
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +20 -13
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +17 -10
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +20 -13
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
- package/emotion/es/components/Autocomplete/Autocomplete.js +4 -2
- package/emotion/es/components/TextArea/TextArea.js +115 -23
- package/emotion/es/components/TextArea/TextArea.styles.js +102 -40
- package/emotion/es/components/TextArea/TextArea.template-doc.mdx +6 -1
- package/emotion/es/components/TextArea/TextArea.tokens.js +45 -5
- package/emotion/es/components/TextArea/hooks/useAutoResize.js +2 -4
- package/emotion/es/components/TextArea/ui/Hint/Hint.js +44 -0
- package/emotion/es/components/TextArea/ui/Hint/Hint.types.js +1 -0
- package/emotion/es/components/TextArea/variations/_clear/base.js +2 -2
- package/emotion/es/components/TextArea/variations/_hint-size/base.js +5 -0
- package/emotion/es/components/TextArea/variations/_hint-size/tokens.json +21 -0
- package/emotion/es/components/TextArea/variations/_hint-view/base.js +5 -0
- package/emotion/es/components/TextArea/variations/_hint-view/tokens.json +5 -0
- package/emotion/es/components/TextArea/variations/_view/base.js +2 -1
- package/emotion/es/components/TextField/TextField.js +102 -12
- package/emotion/es/components/TextField/TextField.styles.js +87 -36
- package/emotion/es/components/TextField/TextField.template-doc.mdx +6 -1
- package/emotion/es/components/TextField/TextField.tokens.js +42 -2
- package/emotion/es/components/TextField/ui/Hint/Hint.js +44 -0
- package/emotion/es/components/TextField/ui/Hint/Hint.types.js +1 -0
- package/emotion/es/components/TextField/variations/_clear/base.js +2 -2
- package/emotion/es/components/TextField/variations/_hint-size/base.js +5 -0
- package/emotion/es/components/TextField/variations/_hint-size/tokens.json +21 -0
- package/emotion/es/components/TextField/variations/_hint-view/base.js +5 -0
- package/emotion/es/components/TextField/variations/_hint-view/tokens.json +5 -0
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
- package/emotion/es/components/TextField/variations/_size/base.js +2 -2
- package/emotion/es/components/TextField/variations/_view/base.js +2 -2
- package/emotion/es/components/_Icon/Icon.assets/InfoCircleOutline.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconInfoCircleOutline.js +15 -0
- package/emotion/es/components/_Icon/index.js +2 -1
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +17 -10
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +20 -13
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +17 -10
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
- package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +20 -13
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
- package/es/components/Autocomplete/Autocomplete.css +35 -19
- package/es/components/Autocomplete/Autocomplete.js +4 -2
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +39 -18
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +39 -18
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +39 -18
- package/es/components/DatePicker/RangeDate/RangeDate.css +34 -18
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +34 -18
- package/es/components/DatePicker/SingleDate/SingleDate.css +36 -20
- package/es/components/Range/Range.css +40 -19
- package/es/components/Slider/Slider.css +40 -19
- package/es/components/Slider/Slider.js +2 -0
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +40 -19
- package/es/components/TextArea/TextArea.js +115 -23
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +160 -64
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/TextArea.styles_1ke2ihc.css +18 -0
- package/es/components/TextArea/TextArea.tokens.js +45 -5
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/hooks/useAutoResize.js +2 -4
- package/es/components/TextArea/hooks/useAutoResize.js.map +1 -1
- package/es/components/TextArea/ui/Hint/Hint.css +30 -0
- package/es/components/TextArea/ui/Hint/Hint.js +49 -0
- package/es/components/TextArea/ui/Hint/Hint.js.map +1 -0
- package/es/components/TextArea/variations/_clear/base.js +1 -1
- package/es/components/TextArea/variations/_clear/base.js.map +1 -1
- package/es/components/TextArea/variations/_clear/base_iz2qkw.css +1 -0
- package/es/components/TextArea/variations/_hint-size/base.js +5 -0
- package/es/components/TextArea/variations/_hint-size/base.js.map +1 -0
- package/es/components/TextArea/variations/_hint-size/base_1ipgv90.css +1 -0
- package/es/components/TextArea/variations/_hint-view/base.js +5 -0
- package/es/components/TextArea/variations/_hint-view/base.js.map +1 -0
- package/es/components/TextArea/variations/_hint-view/base_111a0qe.css +1 -0
- package/es/components/TextArea/variations/_view/base.js +1 -1
- package/es/components/TextArea/variations/_view/base.js.map +1 -1
- package/es/components/TextArea/variations/_view/base_1xgrm3x.css +1 -0
- package/es/components/TextField/TextField.js +101 -11
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +76 -24
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/TextField.styles_grgg7q.css +22 -0
- package/es/components/TextField/TextField.tokens.js +42 -2
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/ui/Hint/Hint.css +34 -0
- package/es/components/TextField/ui/Hint/Hint.js +49 -0
- package/es/components/TextField/ui/Hint/Hint.js.map +1 -0
- package/es/components/TextField/variations/_clear/base.js +1 -1
- package/es/components/TextField/variations/_clear/base.js.map +1 -1
- package/es/components/TextField/variations/_clear/base_1i91sjp.css +1 -0
- package/es/components/TextField/variations/_disabled/base.js +1 -1
- package/es/components/TextField/variations/_disabled/{base_2tv0nz.css → base_4d3opa.css} +1 -1
- package/es/components/TextField/variations/_hint-size/base.js +5 -0
- package/es/components/TextField/variations/_hint-size/base.js.map +1 -0
- package/es/components/TextField/variations/_hint-size/base_1x99605.css +1 -0
- package/es/components/TextField/variations/_hint-view/base.js +5 -0
- package/es/components/TextField/variations/_hint-view/base.js.map +1 -0
- package/es/components/TextField/variations/_hint-view/base_l8etux.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_3domm.css +1 -0
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/base.js.map +1 -1
- package/es/components/TextField/variations/_read-only/base_17ypmu7.css +1 -0
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/es/components/TextField/variations/_size/base.js.map +1 -1
- package/es/components/TextField/variations/_size/base_1xdmaqh.css +1 -0
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/base.js.map +1 -1
- package/es/components/TextField/variations/_view/base_qhyte8.css +1 -0
- package/es/components/TextFieldGroup/TextFieldGroup.css +1 -1
- package/es/components/TextFieldGroup/variations/_shape/base.js +1 -1
- package/es/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
- package/es/components/_Icon/Icon.assets/InfoCircleOutline.js +19 -0
- package/es/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
- package/es/components/_Icon/Icons/IconInfoCircleOutline.js +19 -0
- package/es/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
- package/es/index.css +56 -34
- package/package.json +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +4 -2
- package/styled-components/cjs/components/TextArea/TextArea.js +114 -22
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +88 -42
- package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +6 -1
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +45 -5
- package/styled-components/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
- package/styled-components/cjs/components/TextArea/ui/Hint/Hint.js +53 -0
- package/styled-components/cjs/components/TextArea/ui/Hint/Hint.types.js +5 -0
- package/styled-components/cjs/components/TextArea/variations/_clear/base.js +1 -1
- package/styled-components/cjs/components/TextArea/variations/_hint-size/base.js +11 -0
- package/styled-components/cjs/components/TextArea/variations/_hint-size/tokens.json +21 -0
- package/styled-components/cjs/components/TextArea/variations/_hint-view/base.js +11 -0
- package/styled-components/cjs/components/TextArea/variations/_hint-view/tokens.json +5 -0
- package/styled-components/cjs/components/TextArea/variations/_view/base.js +2 -1
- package/styled-components/cjs/components/TextField/TextField.js +102 -12
- package/styled-components/cjs/components/TextField/TextField.styles.js +49 -21
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +6 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +42 -2
- package/styled-components/cjs/components/TextField/ui/Hint/Hint.js +53 -0
- package/styled-components/cjs/components/TextField/ui/Hint/Hint.types.js +5 -0
- package/styled-components/cjs/components/TextField/variations/_clear/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_hint-size/base.js +11 -0
- package/styled-components/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
- package/styled-components/cjs/components/TextField/variations/_hint-view/base.js +11 -0
- package/styled-components/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/index.js +8 -1
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +16 -9
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +16 -9
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +16 -9
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +16 -9
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
- package/styled-components/es/components/Autocomplete/Autocomplete.js +4 -2
- package/styled-components/es/components/TextArea/TextArea.js +114 -22
- package/styled-components/es/components/TextArea/TextArea.styles.js +87 -41
- package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +6 -1
- package/styled-components/es/components/TextArea/TextArea.tokens.js +45 -5
- package/styled-components/es/components/TextArea/hooks/useAutoResize.js +2 -4
- package/styled-components/es/components/TextArea/ui/Hint/Hint.js +44 -0
- package/styled-components/es/components/TextArea/ui/Hint/Hint.types.js +1 -0
- package/styled-components/es/components/TextArea/variations/_clear/base.js +2 -2
- package/styled-components/es/components/TextArea/variations/_hint-size/base.js +5 -0
- package/styled-components/es/components/TextArea/variations/_hint-size/tokens.json +21 -0
- package/styled-components/es/components/TextArea/variations/_hint-view/base.js +5 -0
- package/styled-components/es/components/TextArea/variations/_hint-view/tokens.json +5 -0
- package/styled-components/es/components/TextArea/variations/_view/base.js +2 -1
- package/styled-components/es/components/TextField/TextField.js +101 -11
- package/styled-components/es/components/TextField/TextField.styles.js +48 -20
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +6 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +42 -2
- package/styled-components/es/components/TextField/ui/Hint/Hint.js +44 -0
- package/styled-components/es/components/TextField/ui/Hint/Hint.types.js +1 -0
- package/styled-components/es/components/TextField/variations/_clear/base.js +2 -2
- package/styled-components/es/components/TextField/variations/_hint-size/base.js +5 -0
- package/styled-components/es/components/TextField/variations/_hint-size/tokens.json +21 -0
- package/styled-components/es/components/TextField/variations/_hint-view/base.js +5 -0
- package/styled-components/es/components/TextField/variations/_hint-view/tokens.json +5 -0
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
- package/styled-components/es/components/TextField/variations/_size/base.js +2 -2
- package/styled-components/es/components/TextField/variations/_view/base.js +2 -2
- package/styled-components/es/components/_Icon/Icon.assets/InfoCircleOutline.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconInfoCircleOutline.js +15 -0
- package/styled-components/es/components/_Icon/index.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +16 -9
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +16 -9
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +16 -9
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +16 -9
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +408 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +408 -0
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +408 -0
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +408 -0
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +408 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts +9 -3
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts +12 -1
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +40 -0
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +78 -3
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextArea/hooks/useAutoResize.d.ts.map +1 -1
- package/types/components/TextArea/ui/Hint/Hint.d.ts +4 -0
- package/types/components/TextArea/ui/Hint/Hint.d.ts.map +1 -0
- package/types/components/TextArea/ui/Hint/Hint.types.d.ts +17 -0
- package/types/components/TextArea/ui/Hint/Hint.types.d.ts.map +1 -0
- package/types/components/TextArea/variations/_clear/base.d.ts.map +1 -1
- package/types/components/TextArea/variations/_hint-size/base.d.ts +2 -0
- package/types/components/TextArea/variations/_hint-size/base.d.ts.map +1 -0
- package/types/components/TextArea/variations/_hint-view/base.d.ts +2 -0
- package/types/components/TextArea/variations/_hint-view/base.d.ts.map +1 -0
- package/types/components/TextArea/variations/_view/base.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts +9 -3
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +9 -0
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +40 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +73 -2
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/ui/Hint/Hint.d.ts +4 -0
- package/types/components/TextField/ui/Hint/Hint.d.ts.map +1 -0
- package/types/components/TextField/ui/Hint/Hint.types.d.ts +17 -0
- package/types/components/TextField/ui/Hint/Hint.types.d.ts.map +1 -0
- package/types/components/TextField/variations/_clear/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_hint-size/base.d.ts +2 -0
- package/types/components/TextField/variations/_hint-size/base.d.ts.map +1 -0
- package/types/components/TextField/variations/_hint-view/base.d.ts +2 -0
- package/types/components/TextField/variations/_hint-view/base.d.ts.map +1 -0
- package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +1 -0
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +740 -12
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +7 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +455 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +7 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +415 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Mask/Mask.d.ts +740 -12
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +7 -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 +455 -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 +7 -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 +415 -0
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/cjs/components/TextArea/TextArea.styles_es0miz.css +0 -11
- package/cjs/components/TextArea/variations/_clear/base_vidplj.css +0 -1
- package/cjs/components/TextArea/variations/_view/base_td55th.css +0 -1
- package/cjs/components/TextField/TextField.styles_1d2ryq.css +0 -15
- package/cjs/components/TextField/variations/_clear/base_rit6gc.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_1ghihns.css +0 -1
- package/cjs/components/TextField/variations/_read-only/base_1n7tghz.css +0 -1
- package/cjs/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
- package/cjs/components/TextField/variations/_view/base_1noe46b.css +0 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
- package/es/components/TextArea/TextArea.styles_es0miz.css +0 -11
- package/es/components/TextArea/variations/_clear/base_vidplj.css +0 -1
- package/es/components/TextArea/variations/_view/base_td55th.css +0 -1
- package/es/components/TextField/TextField.styles_1d2ryq.css +0 -15
- package/es/components/TextField/variations/_clear/base_rit6gc.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_1ghihns.css +0 -1
- package/es/components/TextField/variations/_read-only/base_1n7tghz.css +0 -1
- package/es/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
- package/es/components/TextField/variations/_view/base_1noe46b.css +0 -1
- package/es/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
@@ -0,0 +1,34 @@
|
|
1
|
+
.Popover_styles_rmr9za_s1g1xbt5__0bafa6fb{display:inline-block;}
|
2
|
+
.Popover_styles_rmr9za_s12xwbyh__0bafa6fb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
4
|
+
.Popover_styles_rmr9za_s16xlixz__0bafa6fb{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}
|
5
|
+
|
6
|
+
.Tooltip_styles_1jz4u92_teczcv4__3fe65388{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.Tooltip_styles_1jz4u92_teczcv4__3fe65388.Tooltip_styles_1jz4u92_hasContentLeft__3fe65388{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
7
|
+
.Tooltip_styles_1jz4u92_s1j361h1__3fe65388{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
|
8
|
+
|
9
|
+
.Tooltip_aay375_s1cz8cv8__390cdb21{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
|
10
|
+
|
11
|
+
|
12
|
+
.TextField_styles_grgg7q_i1j28rg8__04d4fe84{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
|
13
|
+
.TextField_styles_grgg7q_i13zudoe__04d4fe84{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_grgg7q_i13zudoe__04d4fe84::-webkit-scrollbar{display:none;}.TextField_styles_grgg7q_i13zudoe__04d4fe84.TextField_styles_grgg7q_hasChips__04d4fe84{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
14
|
+
.TextField_styles_grgg7q_so4bpie__04d4fe84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
15
|
+
.TextField_styles_grgg7q_i13qvwoy__04d4fe84{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84::-webkit-input-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84::-moz-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84:-ms-input-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84::placeholder{opacity:0;}
|
16
|
+
.TextField_styles_grgg7q_i19ry60d__04d4fe84{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
|
17
|
+
.TextField_styles_grgg7q_ibt1ohz__04d4fe84{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
|
18
|
+
.TextField_styles_grgg7q_olv9av6__04d4fe84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--olv9av6-0);}
|
19
|
+
.TextField_styles_grgg7q_t600610__04d4fe84{display:inline-block;margin-left:auto;}
|
20
|
+
.TextField_styles_grgg7q_suk2zst__04d4fe84{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
21
|
+
.TextField_styles_grgg7q_l1gjsnfi__04d4fe84{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
22
|
+
.TextField_styles_grgg7q_ssv2kwg__04d4fe84{color:var(--ssv2kwg-0);line-height:0;}
|
23
|
+
.TextField_styles_grgg7q_s190z894__04d4fe84.TextField_styles_grgg7q_ssv2kwg__04d4fe84{margin:var(--plasma-textfield__left-content-margin);}
|
24
|
+
.TextField_styles_grgg7q_sb3k3v1__04d4fe84{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_grgg7q_sb3k3v1__04d4fe84:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_grgg7q_sb3k3v1__04d4fe84:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
25
|
+
|
26
|
+
|
27
|
+
|
28
|
+
.TextField_styles_grgg7q_s16itze4__04d4fe84{color:var(--plasma-textfield__optional-color);}
|
29
|
+
.TextField_styles_grgg7q_s1skqnhr__04d4fe84{display:inline-block;line-height:0;}.TextField_styles_grgg7q_s1skqnhr__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
|
30
|
+
.TextField_styles_grgg7q_hgy0im1__04d4fe84{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
31
|
+
|
32
|
+
.TextField_styles_grgg7q_szsveq4__04d4fe84{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84.TextField_styles_grgg7q_textfieldHasHint__04d4fe84{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
33
|
+
|
34
|
+
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
@@ -0,0 +1,49 @@
|
|
1
|
+
import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
+
import React, { forwardRef } from 'react';
|
3
|
+
import { Hint, HintTargetWrapper, HintIconWrapper } from '../../TextField.styles.js';
|
4
|
+
import '@linaria/react';
|
5
|
+
import { IconInfoCircleOutline } from '../../../_Icon/Icons/IconInfoCircleOutline.js';
|
6
|
+
import { safeUseId } from '../../../../utils/react.js';
|
7
|
+
|
8
|
+
var _IconInfoCircleOutlin;
|
9
|
+
var HintComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
10
|
+
var hintText = _ref.hintText,
|
11
|
+
isHintVisible = _ref.isHintVisible,
|
12
|
+
hintTrigger = _ref.hintTrigger,
|
13
|
+
hintTargetIcon = _ref.hintTargetIcon,
|
14
|
+
hintPlacement = _ref.hintPlacement,
|
15
|
+
hintHasArrow = _ref.hintHasArrow,
|
16
|
+
hintOffset = _ref.hintOffset,
|
17
|
+
hintWidth = _ref.hintWidth,
|
18
|
+
hintContentLeft = _ref.hintContentLeft,
|
19
|
+
handleHintShow = _ref.handleHintShow,
|
20
|
+
handleHintHide = _ref.handleHintHide,
|
21
|
+
handleHintClick = _ref.handleHintClick;
|
22
|
+
var hintId = safeUseId();
|
23
|
+
return /*#__PURE__*/React.createElement(Hint, {
|
24
|
+
ref: ref,
|
25
|
+
text: String(hintText),
|
26
|
+
opened: isHintVisible,
|
27
|
+
target: /*#__PURE__*/React.createElement(HintTargetWrapper, null, /*#__PURE__*/React.createElement(HintIconWrapper, _extends({
|
28
|
+
id: hintId
|
29
|
+
}, hintTrigger === 'hover' ? {
|
30
|
+
onMouseEnter: handleHintShow,
|
31
|
+
onMouseLeave: handleHintHide
|
32
|
+
} : {
|
33
|
+
onClick: handleHintClick
|
34
|
+
}), hintTargetIcon || _IconInfoCircleOutlin || (_IconInfoCircleOutlin = /*#__PURE__*/React.createElement(IconInfoCircleOutline, {
|
35
|
+
size: "xs",
|
36
|
+
color: "inherit"
|
37
|
+
})))),
|
38
|
+
placement: hintPlacement,
|
39
|
+
hasArrow: hintHasArrow,
|
40
|
+
offset: hintOffset,
|
41
|
+
minWidth: hintWidth,
|
42
|
+
maxWidth: hintWidth,
|
43
|
+
contentLeft: hintContentLeft,
|
44
|
+
frame: hintId
|
45
|
+
});
|
46
|
+
});
|
47
|
+
|
48
|
+
export { HintComponent };
|
49
|
+
//# sourceMappingURL=Hint.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Hint.js","sources":["../../../../../src/components/TextField/ui/Hint/Hint.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Hint, HintTargetWrapper, HintIconWrapper } from '../../TextField.styles';\nimport { IconInfoCircleOutline } from '../../../_Icon';\nimport { safeUseId } from '../../../../utils';\n\nimport type { TextFieldHintProps } from './Hint.types';\n\nexport const HintComponent = forwardRef<HTMLDivElement, TextFieldHintProps>(\n (\n {\n hintText,\n isHintVisible,\n hintTrigger,\n hintTargetIcon,\n hintPlacement,\n hintHasArrow,\n hintOffset,\n hintWidth,\n hintContentLeft,\n handleHintShow,\n handleHintHide,\n handleHintClick,\n },\n ref,\n ) => {\n const hintId = safeUseId();\n\n return (\n <Hint\n ref={ref}\n text={String(hintText)}\n opened={isHintVisible}\n target={\n <HintTargetWrapper>\n <HintIconWrapper\n id={hintId}\n {...(hintTrigger === 'hover'\n ? {\n onMouseEnter: handleHintShow,\n onMouseLeave: handleHintHide,\n }\n : { onClick: handleHintClick })}\n >\n {hintTargetIcon || <IconInfoCircleOutline size=\"xs\" color=\"inherit\" />}\n </HintIconWrapper>\n </HintTargetWrapper>\n }\n placement={hintPlacement}\n hasArrow={hintHasArrow}\n offset={hintOffset}\n minWidth={hintWidth}\n maxWidth={hintWidth}\n contentLeft={hintContentLeft}\n frame={hintId}\n />\n );\n },\n);\n"],"names":["HintComponent","forwardRef","_ref","ref","hintText","isHintVisible","hintTrigger","hintTargetIcon","hintPlacement","hintHasArrow","hintOffset","hintWidth","hintContentLeft","handleHintShow","handleHintHide","handleHintClick","hintId","safeUseId","React","createElement","Hint","text","String","opened","target","HintTargetWrapper","HintIconWrapper","_extends","id","onMouseEnter","onMouseLeave","onClick","_IconInfoCircleOutlin","IconInfoCircleOutline","size","color","placement","hasArrow","offset","minWidth","maxWidth","contentLeft","frame"],"mappings":";;;;;;;;AAQO,IAAMA,aAAa,gBAAGC,UAAU,CACnC,UAAAC,IAAA,EAeIC,GAAG,EACF;AAAA,EAAA,IAdGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,eAAe,GAAAV,IAAA,CAAfU,eAAe;IACfC,cAAc,GAAAX,IAAA,CAAdW,cAAc;IACdC,cAAc,GAAAZ,IAAA,CAAdY,cAAc;IACdC,eAAe,GAAAb,IAAA,CAAfa,eAAe,CAAA;AAInB,EAAA,IAAMC,MAAM,GAAGC,SAAS,EAAE,CAAA;AAE1B,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AACDjB,IAAAA,GAAG,EAAEA,GAAI;AACTkB,IAAAA,IAAI,EAAEC,MAAM,CAAClB,QAAQ,CAAE;AACvBmB,IAAAA,MAAM,EAAElB,aAAc;AACtBmB,IAAAA,MAAM,eACFN,KAAA,CAAAC,aAAA,CAACM,iBAAiB,EACdP,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,eAAe,EAAAC,QAAA,CAAA;AACZC,MAAAA,EAAE,EAAEZ,MAAAA;KACCV,EAAAA,WAAW,KAAK,OAAO,GACtB;AACIuB,MAAAA,YAAY,EAAEhB,cAAc;AAC5BiB,MAAAA,YAAY,EAAEhB,cAAAA;AAClB,KAAC,GACD;AAAEiB,MAAAA,OAAO,EAAEhB,eAAAA;KAAiB,CAAA,EAEjCR,cAAc,IAAAyB,qBAAA,KAAAA,qBAAA,gBAAId,KAAA,CAAAC,aAAA,CAACc,qBAAqB,EAAA;AAACC,MAAAA,IAAI,EAAC,IAAI;AAACC,MAAAA,KAAK,EAAC,SAAA;KAAW,CAAC,CACzD,CACF,CACtB;AACDC,IAAAA,SAAS,EAAE5B,aAAc;AACzB6B,IAAAA,QAAQ,EAAE5B,YAAa;AACvB6B,IAAAA,MAAM,EAAE5B,UAAW;AACnB6B,IAAAA,QAAQ,EAAE5B,SAAU;AACpB6B,IAAAA,QAAQ,EAAE7B,SAAU;AACpB8B,IAAAA,WAAW,EAAE7B,eAAgB;AAC7B8B,IAAAA,KAAK,EAAE1B,MAAAA;AAAO,GACjB,CAAC,CAAA;AAEV,CACJ;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_clear/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport {\n Input,\n InputPlaceholder,\n InputWrapper,\n
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_clear/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport {\n Input,\n InputPlaceholder,\n InputWrapper,\n OuterLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledHintWrapper,\n StyledIndicator,\n} from '../../TextField.styles';\n\nexport const base = css`\n &.${classes.clear} {\n &[readonly] ${InputWrapper}, ${InputWrapper} {\n background-color: unset;\n box-shadow: none;\n border-radius: 0;\n padding-left: 0;\n padding-right: 0;\n\n &:hover {\n background-color: unset;\n }\n }\n\n ${StyledContentLeft} {\n margin-left: 0;\n }\n\n ${StyledContentRight} {\n margin-right: 0;\n }\n\n &.${classes.outerLabelPlacement} {\n ${OuterLabelWrapper} {\n margin-bottom: var(${tokens.clearLabelOffset});\n }\n }\n\n ${Input} {\n color: var(${tokens.clearColor});\n }\n\n ${InputPlaceholder} {\n color: var(${tokens.clearPlaceholderColor});\n }\n\n ${StyledIndicator} {\n &.${classes.innerLabelPlacement} {\n inset: var(${tokens.clearIndicatorLabelPlacementInner});\n\n &.${classes.requiredAlignRight} {\n inset: var(${tokens.clearIndicatorLabelPlacementInnerRight});\n }\n }\n }\n\n &.${classes.hasHint} {\n ${StyledHintWrapper} {\n &.${classes.innerLabelPlacement} {\n inset: var(${tokens.clearHintInnerLabelPlacementOffset});\n }\n }\n\n ${StyledIndicator} {\n &.${classes.innerLabelPlacement}.${classes.requiredAlignRight} {\n inset: var(${tokens.clearIndicatorHintInnerRight});\n }\n }\n }\n\n &.${classes.hasDivider} {\n ${InputWrapper} {\n --plasma_private-textfield-divider-color: var(${String(tokens.dividerColor)});\n\n &:before {\n content: '';\n position: absolute;\n height: 0.063rem;\n width: 100%;\n bottom: 0;\n left: 0;\n background-color: var(--plasma_private-textfield-divider-color);\n transition: background-color 0.1s ease-in;\n }\n }\n\n &:not([readonly]) ${InputWrapper}:hover {\n --plasma_private-textfield-divider-color: var(\n ${tokens.dividerColorHover},\n var(${String(tokens.dividerColor)})\n );\n }\n\n &:not([readonly]) ${InputWrapper}:focus-within {\n --plasma_private-textfield-divider-color: var(\n ${tokens.dividerColorFocus},\n var(${String(tokens.dividerColor)})\n );\n\n ${InputPlaceholder} {\n color: var(${tokens.clearPlaceholderColorFocus});\n }\n }\n }\n }\n`;\n"],"names":["base"],"mappings":"AAcO,IAAMA,IAAI,GA+FhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.bg547ku.textfield-clear[readonly] .i1j28rg8,.bg547ku.textfield-clear .i1j28rg8{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.bg547ku.textfield-clear[readonly] .i1j28rg8:hover,.bg547ku.textfield-clear .i1j28rg8:hover{background-color:unset;}.bg547ku.textfield-clear .s190z894{margin-left:0;}.bg547ku.textfield-clear .sb3k3v1{margin-right:0;}.bg547ku.textfield-clear.label-placement-outer .olv9av6{margin-bottom:var(--plasma-textfield__clear-label-offset);}.bg547ku.textfield-clear .i13qvwoy{color:var(--plasma-textfield-clear-color);}.bg547ku.textfield-clear .ibt1ohz{color:var(--plasma-textfield__clear-placeholder-color);}.bg547ku.textfield-clear .szsveq4.label-placement-inner{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.bg547ku.textfield-clear .szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-hint .s1skqnhr.label-placement-inner{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.bg547ku.textfield-clear.textfield-has-hint .szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-divider .i1j28rg8{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.bg547ku.textfield-clear.textfield-has-divider .i1j28rg8:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .i1j28rg8:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .i1j28rg8:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .i1j28rg8:focus-within .ibt1ohz{color:var(--plasma-textfield__clear-placeholder-color-focus);}
|
@@ -1 +1 @@
|
|
1
|
-
.b15zsg4z[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.b15zsg4z[disabled] .
|
1
|
+
.b15zsg4z[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.b15zsg4z[disabled] .i13qvwoy{cursor:not-allowed;min-width:unset;}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_hint-size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport { tooltipTokens } from '../../../Tooltip';\nimport { Hint } from '../../TextField.styles';\n\nexport const base = css`\n ${Hint} {\n ${tooltipTokens.paddingTop}: var(${tokens.tooltipPaddingTop});\n ${tooltipTokens.paddingRight}: var(${tokens.tooltipPaddingRight});\n ${tooltipTokens.paddingBottom}: var(${tokens.tooltipPaddingBottom});\n ${tooltipTokens.paddingLeft}: var(${tokens.tooltipPaddingLeft});\n\n ${tooltipTokens.minHeight}: var(${tokens.tooltipMinHeight});\n ${tooltipTokens.borderRadius}: var(${tokens.tooltipBorderRadius});\n\n ${tooltipTokens.textFontFamily}: var(${tokens.tooltipTextFontFamily});\n ${tooltipTokens.textFontSize}: var(${tokens.tooltipTextFontSize});\n ${tooltipTokens.textFontStyle}: var(${tokens.tooltipTextFontStyle});\n ${tooltipTokens.textFontWeight}: var(${tokens.tooltipTextFontWeight});\n ${tooltipTokens.textFontLetterSpacing}: var(${tokens.tooltipTextFontLetterSpacing});\n ${tooltipTokens.textFontLineHeight}: var(${tokens.tooltipTextFontLineHeight});\n\n ${tooltipTokens.contentLeftMargin}: var(${tokens.tooltipContentLeftMargin});\n\n ${tooltipTokens.arrowMaskWidth}: var(${tokens.tooltipArrowMaskWidth});\n ${tooltipTokens.arrowMaskHeight}: var(${tokens.tooltipArrowMaskHeight});\n ${tooltipTokens.arrowMaskImage}: var(${tokens.tooltipArrowMaskImage});\n ${tooltipTokens.arrowHeight}: var(${tokens.tooltipArrowHeight});\n ${tooltipTokens.arrowEdgeMargin}: var(${tokens.tooltipArrowEdgeMargin});\n ${tooltipTokens.arrowBackground}: var(${tokens.tooltipArrowBackground});\n }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,GA0BhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b10o15xy .hq39zt5{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_hint-view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport { tooltipTokens } from '../../../Tooltip';\nimport { Hint } from '../../TextField.styles';\n\nexport const base = css`\n ${Hint} {\n ${tooltipTokens.backgroundColor}: var(${tokens.tooltipBackgroundColor});\n ${tooltipTokens.boxShadow}: var(${tokens.tooltipBoxShadow});\n ${tooltipTokens.color}: var(${tokens.tooltipColor});\n }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,GAMhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.bbsd6t5 .hq39zt5{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputContainer, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';\n\nexport const base = css`\n &.${classes.outerLabelPlacement} {\n ${Label} {\n position: relative;\n display: inline-block;\n
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputContainer, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';\n\nexport const base = css`\n &.${classes.outerLabelPlacement} {\n ${Label} {\n position: relative;\n display: inline-block;\n color: var(${tokens.labelColor});\n }\n }\n\n &.${classes.innerLabelPlacement} {\n ${InputContainer} {\n padding: var(${tokens.contentLabelInnerPadding});\n }\n\n ${StyledTextAfter}, ${StyledTextBefore} {\n padding: var(${tokens.contentLabelInnerPadding});\n }\n\n /* поднимает label вверх при фокусе, наличии значения */\n ${Input}:focus ~ ${Label}, ${Input}.${classes.hasValue} ~ ${Label} {\n color: var(${tokens.placeholderColor});\n align-items: flex-start;\n padding: var(${tokens.labelInnerPadding});\n\n font-family: var(${tokens.labelInnerFontFamily});\n font-size: var(${tokens.labelInnerFontSize});\n font-style: var(${tokens.labelInnerFontStyle});\n font-weight: var(${tokens.labelInnerFontWeight});\n letter-spacing: var(${tokens.labelInnerLetterSpacing});\n line-height: var(${tokens.labelInnerLineHeight});\n }\n\n ${Label} {\n color: var(${tokens.placeholderColor});\n\n pointer-events: none;\n position: absolute;\n top: 0;\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n\n height: var(${tokens.height});\n\n padding-top: calc(calc(var(${tokens.height}) - var(${tokens.labelLineHeight})) / 2);\n padding-bottom: calc(calc(var(${tokens.height}) - var(${tokens.labelLineHeight})) / 2);\n }\n\n &.${classes.clear} ${Label} {\n color: var(${tokens.clearPlaceholderColor});\n }\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAsDhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b15d3bnf.label-placement-outer .l1gjsnfi{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i19ry60d{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .s14qvple,.b15d3bnf.label-placement-inner .smqgwd8{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .i13qvwoy:focus ~ .l1gjsnfi,.b15d3bnf.label-placement-inner .i13qvwoy.has-value ~ .l1gjsnfi{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.b15d3bnf.label-placement-inner .l1gjsnfi{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.b15d3bnf.label-placement-inner.textfield-clear .l1gjsnfi{color:var(--plasma-textfield__clear-placeholder-color);}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputPlaceholder, InputWrapper, Label, LeftHelper } from '../../TextField.styles';\n\nexport const base = css`\n &[readonly] {\n ${InputWrapper} {\n color: var(${tokens.colorReadOnly});\n background-color: var(${String(tokens.backgroundColorReadOnly)});\n box-shadow: inset 0 0 0 var(${String(tokens.borderWidth)}) var(${String(tokens.borderColorReadOnly)});\n }\n\n &.${classes.hasDivider} ${InputWrapper} {\n &:before {\n background-color: var(${String(tokens.dividerColorReadOnly)});\n }\n }\n\n ${InputWrapper}:hover {\n background-color: var(${tokens.backgroundColorReadOnly});\n }\n\n ${InputWrapper}:focus-within ${InputPlaceholder}, ${InputPlaceholder} {\n color: var(${tokens.placeholderColorReadOnly});\n }\n\n ${Input} {\n color: var(${tokens.colorReadOnly});\n cursor: default;\n min-width: unset;\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColorReadOnly});\n }\n\n &.${classes.outerLabelPlacement} ${Label} {\n color: var(${tokens.labelColorReadOnly});\n }\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputPlaceholder, InputWrapper, Label, LeftHelper, TitleCaption } from '../../TextField.styles';\n\nexport const base = css`\n &[readonly] {\n ${InputWrapper} {\n color: var(${tokens.colorReadOnly});\n background-color: var(${String(tokens.backgroundColorReadOnly)});\n box-shadow: inset 0 0 0 var(${String(tokens.borderWidth)}) var(${String(tokens.borderColorReadOnly)});\n }\n\n &.${classes.hasDivider} ${InputWrapper} {\n &:before {\n background-color: var(${String(tokens.dividerColorReadOnly)});\n }\n }\n\n ${InputWrapper}:hover {\n background-color: var(${tokens.backgroundColorReadOnly});\n }\n\n ${InputWrapper}:focus-within ${InputPlaceholder}, ${InputPlaceholder} {\n color: var(${tokens.placeholderColorReadOnly});\n }\n\n ${Input} {\n color: var(${tokens.colorReadOnly});\n cursor: default;\n min-width: unset;\n }\n\n ${TitleCaption} {\n color: var(${tokens.titleCaptionColorReadOnly});\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColorReadOnly});\n }\n\n &.${classes.outerLabelPlacement} ${Label} {\n color: var(${tokens.labelColorReadOnly});\n }\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAwChB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b1w985rt[readonly] .i1j28rg8{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.b1w985rt[readonly].textfield-has-divider .i1j28rg8:before{background-color:var(--plasma-textfield-divider-color-readonly);}.b1w985rt[readonly] .i1j28rg8:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.b1w985rt[readonly] .i1j28rg8:focus-within .ibt1ohz,.b1w985rt[readonly] .ibt1ohz{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .i13qvwoy{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.b1w985rt[readonly] .t600610{color:var(--plasma-textfield__title-caption-color-readonly);}.b1w985rt[readonly] .l7hnwwb{color:var(--plasma-textfield__left-helper-color-readonly);}.b1w985rt[readonly].label-placement-outer .l1gjsnfi{color:var(--plasma-textfield__label-color-readonly);}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport {\n Input,\n InputContainer,\n InputWrapper,\n Label,\n LeftHelper,\n StyledTextAfter,\n StyledTextBefore,\n} from '../../TextField.styles';\n\nexport const base = css`\n ${Input} {\n width: 100%;\n font: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n }\n\n ${InputContainer} {\n width: 100%;\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n\n ${InputWrapper} {\n height: var(${tokens.height});\n border-radius: var(${tokens.borderRadius});\n padding: var(${tokens.padding});\n\n &.${classes.hasChips} {\n padding-top: var(${tokens.paddingWithChips});\n padding-bottom: var(${tokens.paddingWithChips});\n }\n\n &.${classes.hasEmptyContentLeft} {\n padding-left: var(${tokens.paddingWithChips});\n }\n\n &.${classes.hasEmptyContentRight} {\n padding-right: var(${tokens.paddingWithChips});\n }\n }\n\n ${Label} {\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n }\n\n ${LeftHelper} {\n margin-top: var(${tokens.leftHelperOffset});\n\n font-family: var(${tokens.leftHelperFontFamily});\n font-size: var(${tokens.leftHelperFontSize});\n font-style: var(${tokens.leftHelperFontStyle});\n font-weight: var(${tokens.leftHelperFontWeight});\n letter-spacing: var(${tokens.leftHelperLetterSpacing});\n line-height: var(${tokens.leftHelperLineHeight});\n }\n\n ${StyledTextBefore}, ${StyledTextAfter} {\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n\n ${StyledTextBefore} {\n margin: var(${tokens.textBeforeMargin});\n }\n\n ${StyledTextAfter} {\n margin: var(${tokens.textAfterMargin});\n }\n`;\n"],"names":["base"],"mappings":"
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport {\n HintTargetWrapper,\n Input,\n InputContainer,\n InputWrapper,\n Label,\n LeftHelper,\n StyledHintWrapper,\n StyledOptionalText,\n StyledTextAfter,\n StyledTextBefore,\n TitleCaption,\n} from '../../TextField.styles';\n\nexport const base = css`\n ${Input} {\n width: 100%;\n font: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n }\n\n ${InputContainer} {\n width: 100%;\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n\n ${InputWrapper} {\n height: var(${tokens.height});\n border-radius: var(${tokens.borderRadius});\n padding: var(${tokens.padding});\n\n &.${classes.hasChips} {\n padding-top: var(${tokens.paddingWithChips});\n padding-bottom: var(${tokens.paddingWithChips});\n }\n\n &.${classes.hasEmptyContentLeft} {\n padding-left: var(${tokens.paddingWithChips});\n }\n\n &.${classes.hasEmptyContentRight} {\n padding-right: var(${tokens.paddingWithChips});\n }\n }\n\n ${Label}, &:not(.${classes.innerLabelPlacement}) ${StyledOptionalText} {\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n }\n\n ${StyledHintWrapper} {\n margin: var(${tokens.hintMargin});\n width: var(${tokens.hintTargetSize});\n height: var(${tokens.hintTargetSize});\n }\n\n ${HintTargetWrapper} {\n width: var(${tokens.hintTargetSize});\n height: var(${tokens.hintTargetSize});\n }\n\n ${TitleCaption} {\n font-family: var(${tokens.titleCaptionFontFamily});\n font-size: var(${tokens.titleCaptionFontSize});\n font-style: var(${tokens.titleCaptionFontStyle});\n font-weight: var(${tokens.titleCaptionFontWeight});\n letter-spacing: var(${tokens.titleCaptionLetterSpacing});\n line-height: var(${tokens.titleCaptionLineHeight});\n }\n\n ${LeftHelper} {\n margin-top: var(${tokens.leftHelperOffset});\n\n font-family: var(${tokens.leftHelperFontFamily});\n font-size: var(${tokens.leftHelperFontSize});\n font-style: var(${tokens.leftHelperFontStyle});\n font-weight: var(${tokens.leftHelperFontWeight});\n letter-spacing: var(${tokens.leftHelperLetterSpacing});\n line-height: var(${tokens.leftHelperLineHeight});\n }\n\n ${StyledTextBefore}, ${StyledTextAfter} {\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n\n ${StyledTextBefore} {\n margin: var(${tokens.textBeforeMargin});\n }\n\n ${StyledTextAfter} {\n margin: var(${tokens.textAfterMargin});\n }\n`;\n"],"names":["base"],"mappings":"AAiBO,IAAMA,IAAI,GA6FhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b13ve66i .i13qvwoy{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.b13ve66i .i19ry60d{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .i1j28rg8{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.b13ve66i .i1j28rg8.has-chips{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.b13ve66i .i1j28rg8.has-empty-content-left{padding-left:var(--plasma-textfield-padding-with-chips);}.b13ve66i .i1j28rg8.has-empty-content-right{padding-right:var(--plasma-textfield-padding-with-chips);}.b13ve66i .l1gjsnfi,.b13ve66i:not(.label-placement-inner) .s16itze4{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.b13ve66i .s1skqnhr{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.b13ve66i .hgy0im1{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.b13ve66i .t600610{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.b13ve66i .l7hnwwb{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.b13ve66i .smqgwd8,.b13ve66i .s14qvple{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .smqgwd8{margin:var(--plasma-textfield__before-text-margin);}.b13ve66i .s14qvple{margin:var(--plasma-textfield__after-text-margin);}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport {\n Input,\n InputPlaceholder,\n InputWrapper,\n LeftHelper,\n StyledTextAfter,\n StyledTextBefore,\n} from '../../TextField.styles';\n\nexport const base = css`\n ${InputWrapper} {\n --plasma_private-textfield-border-color: var(${String(tokens.borderColor)});\n --plasma_private-textfield-bg-color: var(${String(tokens.backgroundColor)});\n\n color: var(${tokens.color});\n background-color: var(--plasma_private-textfield-bg-color);\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(--plasma_private-textfield-border-color);\n caret-color: var(${tokens.caretColor});\n\n transition: background-color 0.1s ease-in, color 0.1s ease-in, box-shadow 0.1s ease-in;\n }\n ${InputWrapper}:hover {\n --plasma_private-textfield-border-color: var(${tokens.borderColorHover}, var(${String(tokens.borderColor)}));\n --plasma_private-textfield-bg-color: var(\n ${tokens.backgroundColorHover},\n var(${String(tokens.backgroundColor)})\n );\n }\n\n ${Input} {\n color: var(${tokens.color});\n }\n\n ${InputPlaceholder} {\n color: var(${tokens.placeholderColor});\n }\n\n ${InputWrapper}:focus-within {\n --plasma_private-textfield-border-color: var(${tokens.borderColorFocus}, var(${String(tokens.borderColor)}));\n --plasma_private-textfield-bg-color: var(\n ${tokens.backgroundColorFocus},\n var(${String(tokens.backgroundColor)})\n );\n\n ${InputPlaceholder} {\n color: var(${tokens.placeholderColorFocus});\n }\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColor});\n }\n\n ${StyledTextBefore} {\n color: var(${tokens.textBeforeColor});\n }\n\n ${StyledTextAfter} {\n color: var(${tokens.textAfterColor});\n }\n`;\n"],"names":["base"],"mappings":"
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport {\n Input,\n InputPlaceholder,\n InputWrapper,\n LeftHelper,\n StyledTextAfter,\n StyledTextBefore,\n TitleCaption,\n} from '../../TextField.styles';\n\nexport const base = css`\n ${InputWrapper} {\n --plasma_private-textfield-border-color: var(${String(tokens.borderColor)});\n --plasma_private-textfield-bg-color: var(${String(tokens.backgroundColor)});\n\n color: var(${tokens.color});\n background-color: var(--plasma_private-textfield-bg-color);\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(--plasma_private-textfield-border-color);\n caret-color: var(${tokens.caretColor});\n\n transition: background-color 0.1s ease-in, color 0.1s ease-in, box-shadow 0.1s ease-in;\n }\n ${InputWrapper}:hover {\n --plasma_private-textfield-border-color: var(${tokens.borderColorHover}, var(${String(tokens.borderColor)}));\n --plasma_private-textfield-bg-color: var(\n ${tokens.backgroundColorHover},\n var(${String(tokens.backgroundColor)})\n );\n }\n\n ${Input} {\n color: var(${tokens.color});\n }\n\n ${InputPlaceholder} {\n color: var(${tokens.placeholderColor});\n }\n\n ${InputWrapper}:focus-within {\n --plasma_private-textfield-border-color: var(${tokens.borderColorFocus}, var(${String(tokens.borderColor)}));\n --plasma_private-textfield-bg-color: var(\n ${tokens.backgroundColorFocus},\n var(${String(tokens.backgroundColor)})\n );\n\n ${InputPlaceholder} {\n color: var(${tokens.placeholderColorFocus});\n }\n }\n\n ${TitleCaption} {\n color: var(${tokens.titleCaptionColor});\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColor});\n }\n\n ${StyledTextBefore} {\n color: var(${tokens.textBeforeColor});\n }\n\n ${StyledTextAfter} {\n color: var(${tokens.textAfterColor});\n }\n`;\n"],"names":["base"],"mappings":"AAaO,IAAMA,IAAI,GAuDhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.bptx5xt .i1j28rg8{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.bptx5xt .i1j28rg8:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.bptx5xt .i13qvwoy{color:var(--plasma-textfield-color);}.bptx5xt .ibt1ohz{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .i1j28rg8:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.bptx5xt .i1j28rg8:focus-within .ibt1ohz{color:var(--plasma-textfield__placeholder-color-focus);}.bptx5xt .t600610{color:var(--plasma-textfield__title-caption-color);}.bptx5xt .l7hnwwb{color:var(--plasma-textfield__left-helper-color);}.bptx5xt .smqgwd8{color:var(--plasma-textfield__before-text-color);}.bptx5xt .s14qvple{color:var(--plasma-textfield__after-text-color);}
|
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
.base_147olfn_b1uq5kuw__a79ac229{gap:var(--plasma-text-field-group-items-gap);}
|
4
4
|
|
5
|
-
.
|
5
|
+
.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupShapeDefault__7df62112{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-default-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupShapeSegmented__7df62112{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-segmented-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupShapeSegmented__7df62112.base_52bndd_textFieldGroupGapNone__7df62112{--plasma_private-text-field-radius-inner:0;}.base_52bndd_b1jijyt7__7df62112 .base_52bndd_textFieldGroupItem__7df62112 .base_52bndd_i1j28rg8__7df62112{--plasma-textfield-border-radius:var(--plasma_private-text-field-radius-inner);-webkit-transition:clip-path 0.05s ease-in;transition:clip-path 0.05s ease-in;}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child){margin-left:var(--plasma-text-field-group-web-margin-left);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:last-child) .base_52bndd_i1j28rg8__7df62112{-webkit-clip-path:var(--plasma-text-field-group-web-clip-path);clip-path:var(--plasma-text-field-group-web-clip-path);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:last-child) .base_52bndd_i1j28rg8__7df62112:hover,.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:last-child) .base_52bndd_i1j28rg8__7df62112:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child){margin-top:var(--plasma-text-field-group-web-margin-top);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child) .base_52bndd_i1j28rg8__7df62112{-webkit-clip-path:var(--plasma-text-field-group-web-vertical-clip-path);clip-path:var(--plasma-text-field-group-web-vertical-clip-path);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child) .base_52bndd_i1j28rg8__7df62112:hover,.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child) .base_52bndd_i1j28rg8__7df62112:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112 .base_52bndd_textFieldGroupItem__7df62112:first-child:last-child .base_52bndd_i1j28rg8__7df62112,.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112 .base_52bndd_textFieldGroupItem__7df62112:first-child:last-child .base_52bndd_i1j28rg8__7df62112{border-radius:var(--plasma-text-field-group-side-item-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112 .base_52bndd_textFieldGroupItem__7df62112:first-child .base_52bndd_i1j28rg8__7df62112{--plasma_private-left-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112 .base_52bndd_textFieldGroupItem__7df62112:last-child .base_52bndd_i1j28rg8__7df62112{--plasma_private-right-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-right-side-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112 .base_52bndd_textFieldGroupItem__7df62112:first-child .base_52bndd_i1j28rg8__7df62112{--plasma_private-up-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112 .base_52bndd_textFieldGroupItem__7df62112:last-child .base_52bndd_i1j28rg8__7df62112{--plasma_private-down-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);}
|
6
6
|
|
7
7
|
.base_you2ou_b13vfoug__36f20bf4{-webkit-flex-direction:var(--plasma-text-field-group-orientation);-ms-flex-direction:var(--plasma-text-field-group-orientation);flex-direction:var(--plasma-text-field-group-orientation);}.base_you2ou_b13vfoug__36f20bf4.base_you2ou_textFieldGroupOrientationVertical__36f20bf4 .base_you2ou_textFieldGroupItem__36f20bf4{width:auto;}
|
8
8
|
|
@@ -0,0 +1 @@
|
|
1
|
+
.b1jijyt7.text-field-group-shape-default{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-default-radius);}.b1jijyt7.text-field-group-shape-segmented{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-segmented-radius);}.b1jijyt7.text-field-group-shape-segmented.text-field-group-gap-none{--plasma_private-text-field-radius-inner:0;}.b1jijyt7 .text-field-group-item .i1j28rg8{--plasma-textfield-border-radius:var(--plasma_private-text-field-radius-inner);-webkit-transition:clip-path 0.05s ease-in;transition:clip-path 0.05s ease-in;}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child){margin-left:var(--plasma-text-field-group-web-margin-left);}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .i1j28rg8{-webkit-clip-path:var(--plasma-text-field-group-web-clip-path);clip-path:var(--plasma-text-field-group-web-clip-path);}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .i1j28rg8:hover,.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .i1j28rg8:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child){margin-top:var(--plasma-text-field-group-web-margin-top);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .i1j28rg8{-webkit-clip-path:var(--plasma-text-field-group-web-vertical-clip-path);clip-path:var(--plasma-text-field-group-web-vertical-clip-path);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .i1j28rg8:hover,.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .i1j28rg8:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:first-child:last-child .i1j28rg8,.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:first-child:last-child .i1j28rg8{border-radius:var(--plasma-text-field-group-side-item-radius);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:first-child .i1j28rg8{--plasma_private-left-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:last-child .i1j28rg8{--plasma_private-right-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-right-side-radius);}.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:first-child .i1j28rg8{--plasma_private-up-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:last-child .i1j28rg8{--plasma_private-down-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
+
import React from 'react';
|
3
|
+
|
4
|
+
var _path;
|
5
|
+
var InfoCircleOutline = function InfoCircleOutline(props) {
|
6
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
7
|
+
width: "100%",
|
8
|
+
viewBox: "0 0 24 24",
|
9
|
+
fill: "none"
|
10
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
11
|
+
fillRule: "evenodd",
|
12
|
+
clipRule: "evenodd",
|
13
|
+
d: "M3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7C12.5523 7 13 7.44772 13 8ZM12 10.25C12.4142 10.25 12.75 10.5858 12.75 11V17C12.75 17.4142 12.4142 17.75 12 17.75C11.5858 17.75 11.25 17.4142 11.25 17V11C11.25 10.5858 11.5858 10.25 12 10.25Z",
|
14
|
+
fill: "currentColor"
|
15
|
+
})));
|
16
|
+
};
|
17
|
+
|
18
|
+
export { InfoCircleOutline };
|
19
|
+
//# sourceMappingURL=InfoCircleOutline.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"InfoCircleOutline.js","sources":["../../../../src/components/_Icon/Icon.assets/InfoCircleOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconProps } from '../IconRoot';\n\nexport const InfoCircleOutline: React.FC<IconProps> = (props) => (\n <svg width=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7C12.5523 7 13 7.44772 13 8ZM12 10.25C12.4142 10.25 12.75 10.5858 12.75 11V17C12.75 17.4142 12.4142 17.75 12 17.75C11.5858 17.75 11.25 17.4142 11.25 17V11C11.25 10.5858 11.5858 10.25 12 10.25Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n"],"names":["InfoCircleOutline","props","React","createElement","_extends","width","viewBox","fill","_path","fillRule","clipRule","d"],"mappings":";;;;IAIaA,iBAAsC,GAAG,SAAzCA,iBAAsCA,CAAIC,KAAK,EAAA;AAAA,EAAA,oBACxDC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKC,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAA;GAAWN,EAAAA,KAAK,GAAAO,KAAA,KAAAA,KAAA,gBACvDN,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIM,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,CAAC,EAAC,8gBAA8gB;AAChhBJ,IAAAA,IAAI,EAAC,cAAA;GACR,CAAC,CACD,CAAC,CAAA;AAAA;;;;"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { InfoCircleOutline } from '../Icon.assets/InfoCircleOutline.js';
|
3
|
+
import { IconRoot } from '../IconRoot.js';
|
4
|
+
|
5
|
+
var IconInfoCircleOutline = function IconInfoCircleOutline(_ref) {
|
6
|
+
var _ref$size = _ref.size,
|
7
|
+
size = _ref$size === void 0 ? 's' : _ref$size,
|
8
|
+
color = _ref.color,
|
9
|
+
className = _ref.className;
|
10
|
+
return /*#__PURE__*/React.createElement(IconRoot, {
|
11
|
+
className: className,
|
12
|
+
size: size,
|
13
|
+
color: color,
|
14
|
+
icon: InfoCircleOutline
|
15
|
+
});
|
16
|
+
};
|
17
|
+
|
18
|
+
export { IconInfoCircleOutline };
|
19
|
+
//# sourceMappingURL=IconInfoCircleOutline.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"IconInfoCircleOutline.js","sources":["../../../../src/components/_Icon/Icons/IconInfoCircleOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { InfoCircleOutline } from '../Icon.assets/InfoCircleOutline';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconInfoCircleOutline: React.FC<IconProps> = ({ size = 's', color, className }) => {\n return <IconRoot className={className} size={size} color={color} icon={InfoCircleOutline} />;\n};\n"],"names":["IconInfoCircleOutline","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","InfoCircleOutline"],"mappings":";;;;IAKaA,qBAA0C,GAAG,SAA7CA,qBAA0CA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAAnCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACrF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,iBAAAA;AAAkB,GAAE,CAAC,CAAA;AAChG;;;;"}
|