@salutejs/plasma-new-hope 0.138.0-canary.1415.10666679454.0 → 0.139.0-canary.1352.10686935940.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +16 -12
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +16 -12
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +16 -12
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +16 -12
- package/cjs/components/Popup/PopupContext.js +1 -1
- package/cjs/components/Popup/PopupContext.js.map +1 -1
- package/cjs/components/Range/Range.css +16 -12
- package/cjs/components/Slider/Slider.css +16 -12
- package/cjs/components/Slider/components/Double/Double.css +16 -12
- package/cjs/components/TextArea/TextArea.js +22 -7
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +47 -35
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles_1fyj8ox.css +11 -0
- package/cjs/components/TextArea/TextArea.tokens.js +13 -2
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextField/TextField.js +47 -20
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +31 -7
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/TextField.styles_u6pm7v.css +14 -0
- package/cjs/components/TextField/TextField.tokens.js +11 -2
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/TextField_1lzb2r1.css +1 -0
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_1dbnupp.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_4tqave.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_uk56yo.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_18ea6z7.css → base_uszjx8.css} +1 -1
- package/cjs/components/TextFieldGroup/TextFieldGroup.css +11 -0
- package/cjs/components/{InputGroup/InputGroup.js → TextFieldGroup/TextFieldGroup.js} +18 -18
- package/cjs/components/TextFieldGroup/TextFieldGroup.js.map +1 -0
- package/cjs/components/TextFieldGroup/TextFieldGroup.styles.js +9 -0
- package/cjs/components/TextFieldGroup/TextFieldGroup.styles.js.map +1 -0
- package/cjs/components/TextFieldGroup/TextFieldGroup.styles_soj2wl.css +1 -0
- package/cjs/components/TextFieldGroup/TextFieldGroup.tokens.js +94 -0
- package/cjs/components/TextFieldGroup/TextFieldGroup.tokens.js.map +1 -0
- package/cjs/components/{InputGroup/variations/_shape → TextFieldGroup/variations/_gap}/base.js +2 -2
- package/cjs/components/TextFieldGroup/variations/_gap/base.js.map +1 -0
- package/cjs/components/TextFieldGroup/variations/_gap/base_147olfn.css +1 -0
- package/cjs/components/{InputGroup/variations/_gap → TextFieldGroup/variations/_orientation}/base.js +2 -2
- package/cjs/components/TextFieldGroup/variations/_orientation/base.js.map +1 -0
- package/cjs/components/TextFieldGroup/variations/_orientation/base_you2ou.css +1 -0
- package/cjs/components/{InputGroup/variations/_size → TextFieldGroup/variations/_shape}/base.js +2 -2
- package/cjs/components/TextFieldGroup/variations/_shape/base.js.map +1 -0
- package/cjs/components/TextFieldGroup/variations/_shape/base_1e0je21.css +1 -0
- package/cjs/components/{InputGroup/variations/_orientation → TextFieldGroup/variations/_size}/base.js +2 -2
- package/cjs/components/TextFieldGroup/variations/_size/base.js.map +1 -0
- package/cjs/components/TextFieldGroup/variations/_size/base_4d2o9y.css +1 -0
- package/cjs/components/TextFieldGroup/variations/_stretching/base.js +9 -0
- package/cjs/components/TextFieldGroup/variations/_stretching/base.js.map +1 -0
- package/cjs/components/TextFieldGroup/variations/_stretching/base_1m1ul70.css +1 -0
- package/cjs/index.css +33 -27
- package/cjs/index.js +6 -6
- package/emotion/cjs/components/Popup/PopupContext.js +1 -1
- package/emotion/cjs/components/TextArea/TextArea.js +23 -8
- package/emotion/cjs/components/TextArea/TextArea.styles.js +27 -19
- package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +29 -3
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +13 -2
- package/emotion/cjs/components/TextArea/variations/_size/tokens.json +7 -1
- package/emotion/cjs/components/TextField/TextField.js +51 -24
- package/emotion/cjs/components/TextField/TextField.styles.js +57 -25
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +27 -1
- package/emotion/cjs/components/TextField/TextField.tokens.js +11 -2
- 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/_size/tokens.json +6 -0
- package/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
- package/emotion/cjs/components/{InputGroup/InputGroup.js → TextFieldGroup/TextFieldGroup.js} +16 -16
- package/emotion/cjs/components/{InputGroup/InputGroup.styles.js → TextFieldGroup/TextFieldGroup.styles.js} +1 -1
- package/emotion/{es/components/InputGroup/InputGroup.template-doc.mdx → cjs/components/TextFieldGroup/TextFieldGroup.template-doc.mdx} +31 -31
- package/emotion/cjs/components/TextFieldGroup/TextFieldGroup.tokens.js +92 -0
- package/emotion/cjs/components/TextFieldGroup/index.js +31 -0
- package/emotion/cjs/components/TextFieldGroup/variations/_gap/base.js +9 -0
- package/emotion/cjs/components/TextFieldGroup/variations/_gap/tokens.json +1 -0
- package/emotion/cjs/components/TextFieldGroup/variations/_orientation/base.js +9 -0
- package/emotion/cjs/components/TextFieldGroup/variations/_orientation/tokens.json +1 -0
- package/emotion/cjs/components/TextFieldGroup/variations/_shape/base.js +11 -0
- package/emotion/cjs/components/TextFieldGroup/variations/_shape/tokens.json +1 -0
- package/emotion/cjs/components/TextFieldGroup/variations/_size/base.js +10 -0
- package/emotion/cjs/components/TextFieldGroup/variations/_size/tokens.json +58 -0
- package/emotion/cjs/components/TextFieldGroup/variations/_stretching/base.js +9 -0
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -9
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -0
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
- package/emotion/cjs/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.config.js +38 -0
- package/emotion/cjs/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/{InputGroup/InputGroup.stories.tsx → TextFieldGroup/TextFieldGroup.stories.tsx} +11 -11
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +9 -9
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +10 -0
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
- package/emotion/cjs/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.config.js +38 -0
- package/emotion/cjs/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.js +11 -0
- package/emotion/{es/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx → cjs/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.stories.tsx} +11 -11
- package/emotion/cjs/index.js +4 -4
- package/emotion/es/components/Popup/PopupContext.js +1 -1
- package/emotion/es/components/TextArea/TextArea.js +24 -9
- package/emotion/es/components/TextArea/TextArea.styles.js +27 -19
- package/emotion/es/components/TextArea/TextArea.template-doc.mdx +29 -3
- package/emotion/es/components/TextArea/TextArea.tokens.js +13 -2
- package/emotion/es/components/TextArea/variations/_size/tokens.json +7 -1
- package/emotion/es/components/TextField/TextField.js +52 -25
- package/emotion/es/components/TextField/TextField.styles.js +56 -24
- package/emotion/es/components/TextField/TextField.template-doc.mdx +27 -1
- package/emotion/es/components/TextField/TextField.tokens.js +11 -2
- package/emotion/es/components/TextField/variations/_label-placement/base.js +2 -2
- 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/_size/tokens.json +6 -0
- package/emotion/es/components/TextField/variations/_view/base.js +2 -2
- package/emotion/es/components/{InputGroup/InputGroup.js → TextFieldGroup/TextFieldGroup.js} +10 -10
- package/emotion/es/components/{InputGroup/InputGroup.styles.js → TextFieldGroup/TextFieldGroup.styles.js} +1 -1
- package/{styled-components/cjs/components/InputGroup/InputGroup.template-doc.mdx → emotion/es/components/TextFieldGroup/TextFieldGroup.template-doc.mdx} +31 -31
- package/emotion/es/components/TextFieldGroup/TextFieldGroup.tokens.js +86 -0
- package/emotion/es/components/TextFieldGroup/index.js +2 -0
- package/emotion/es/components/TextFieldGroup/variations/_gap/base.js +3 -0
- package/emotion/es/components/TextFieldGroup/variations/_gap/tokens.json +1 -0
- package/emotion/es/components/TextFieldGroup/variations/_orientation/base.js +3 -0
- package/emotion/es/components/TextFieldGroup/variations/_orientation/tokens.json +1 -0
- package/emotion/es/components/TextFieldGroup/variations/_shape/base.js +5 -0
- package/emotion/es/components/TextFieldGroup/variations/_shape/tokens.json +1 -0
- package/emotion/es/components/TextFieldGroup/variations/_size/base.js +4 -0
- package/emotion/es/components/TextFieldGroup/variations/_size/tokens.json +58 -0
- package/emotion/es/components/TextFieldGroup/variations/_stretching/base.js +3 -0
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -9
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -0
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
- package/emotion/es/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.config.js +32 -0
- package/emotion/es/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.js +5 -0
- package/emotion/es/examples/{plasma_web/components/InputGroup/InputGroup.stories.tsx → plasma_b2c/components/TextFieldGroup/TextFieldGroup.stories.tsx} +11 -11
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +9 -9
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +10 -0
- package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
- package/emotion/es/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.config.js +32 -0
- package/emotion/es/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.js +5 -0
- package/emotion/{cjs/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx → es/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.stories.tsx} +11 -11
- package/emotion/es/index.js +1 -1
- package/es/components/Autocomplete/Autocomplete.css +16 -12
- package/es/components/DatePicker/RangeDate/RangeDate.css +16 -12
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +16 -12
- package/es/components/DatePicker/SingleDate/SingleDate.css +16 -12
- package/es/components/Popup/PopupContext.js +1 -1
- package/es/components/Popup/PopupContext.js.map +1 -1
- package/es/components/Range/Range.css +16 -12
- package/es/components/Slider/Slider.css +16 -12
- package/es/components/Slider/components/Double/Double.css +16 -12
- package/es/components/TextArea/TextArea.js +23 -8
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +46 -36
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/TextArea.styles_1fyj8ox.css +11 -0
- package/es/components/TextArea/TextArea.tokens.js +13 -2
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextField/TextField.js +48 -21
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +28 -8
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/TextField.styles_u6pm7v.css +14 -0
- package/es/components/TextField/TextField.tokens.js +11 -2
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/TextField_1lzb2r1.css +1 -0
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base_1dbnupp.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_4tqave.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_uk56yo.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_18ea6z7.css → base_uszjx8.css} +1 -1
- package/es/components/TextFieldGroup/TextFieldGroup.css +11 -0
- package/es/components/{InputGroup/InputGroup.js → TextFieldGroup/TextFieldGroup.js} +12 -12
- package/es/components/TextFieldGroup/TextFieldGroup.js.map +1 -0
- package/es/components/TextFieldGroup/TextFieldGroup.styles.js +5 -0
- package/es/components/TextFieldGroup/TextFieldGroup.styles.js.map +1 -0
- package/es/components/TextFieldGroup/TextFieldGroup.styles_soj2wl.css +1 -0
- package/es/components/TextFieldGroup/TextFieldGroup.tokens.js +89 -0
- package/es/components/TextFieldGroup/TextFieldGroup.tokens.js.map +1 -0
- package/es/components/TextFieldGroup/variations/_gap/base.js +5 -0
- package/es/components/TextFieldGroup/variations/_gap/base.js.map +1 -0
- package/es/components/TextFieldGroup/variations/_gap/base_147olfn.css +1 -0
- package/es/components/{InputGroup/variations/_shape → TextFieldGroup/variations/_orientation}/base.js +2 -2
- package/es/components/TextFieldGroup/variations/_orientation/base.js.map +1 -0
- package/es/components/TextFieldGroup/variations/_orientation/base_you2ou.css +1 -0
- package/es/components/TextFieldGroup/variations/_shape/base.js +5 -0
- package/es/components/TextFieldGroup/variations/_shape/base.js.map +1 -0
- package/es/components/TextFieldGroup/variations/_shape/base_1e0je21.css +1 -0
- package/es/components/{InputGroup/variations/_orientation → TextFieldGroup/variations/_size}/base.js +2 -2
- package/es/components/TextFieldGroup/variations/_size/base.js.map +1 -0
- package/es/components/TextFieldGroup/variations/_size/base_4d2o9y.css +1 -0
- package/es/components/TextFieldGroup/variations/_stretching/base.js +5 -0
- package/es/components/TextFieldGroup/variations/_stretching/base.js.map +1 -0
- package/es/components/TextFieldGroup/variations/_stretching/base_1m1ul70.css +1 -0
- package/es/index.css +33 -27
- package/es/index.js +2 -2
- package/package.json +2 -2
- package/styled-components/cjs/components/Popup/PopupContext.js +1 -1
- package/styled-components/cjs/components/TextArea/TextArea.js +22 -7
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +17 -11
- package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +29 -3
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +13 -2
- package/styled-components/cjs/components/TextArea/variations/_size/tokens.json +7 -1
- package/styled-components/cjs/components/TextField/TextField.js +47 -20
- package/styled-components/cjs/components/TextField/TextField.styles.js +22 -10
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +27 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +11 -2
- 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/_size/tokens.json +6 -0
- package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/{InputGroup/InputGroup.js → TextFieldGroup/TextFieldGroup.js} +16 -16
- package/{emotion/cjs/components/InputGroup/InputGroup.template-doc.mdx → styled-components/cjs/components/TextFieldGroup/TextFieldGroup.template-doc.mdx} +31 -31
- package/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.tokens.js +92 -0
- package/styled-components/cjs/components/TextFieldGroup/index.js +31 -0
- package/styled-components/cjs/components/{InputGroup → TextFieldGroup}/variations/_gap/base.js +2 -2
- package/styled-components/cjs/components/TextFieldGroup/variations/_gap/tokens.json +1 -0
- package/styled-components/cjs/components/TextFieldGroup/variations/_orientation/base.js +9 -0
- package/styled-components/cjs/components/TextFieldGroup/variations/_orientation/tokens.json +1 -0
- package/styled-components/cjs/components/TextFieldGroup/variations/_shape/base.js +11 -0
- package/styled-components/cjs/components/TextFieldGroup/variations/_shape/tokens.json +1 -0
- package/styled-components/cjs/components/TextFieldGroup/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/TextFieldGroup/variations/_size/tokens.json +58 -0
- package/styled-components/cjs/components/{InputGroup → TextFieldGroup}/variations/_stretching/base.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +7 -7
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
- package/styled-components/cjs/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.config.js +38 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.stories.tsx +116 -0
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +10 -0
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
- package/styled-components/cjs/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.config.js +38 -0
- package/styled-components/cjs/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.stories.tsx +116 -0
- package/styled-components/cjs/index.js +4 -4
- package/styled-components/es/components/Popup/PopupContext.js +1 -1
- package/styled-components/es/components/TextArea/TextArea.js +23 -8
- package/styled-components/es/components/TextArea/TextArea.styles.js +17 -11
- package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +29 -3
- package/styled-components/es/components/TextArea/TextArea.tokens.js +13 -2
- package/styled-components/es/components/TextArea/variations/_size/tokens.json +7 -1
- package/styled-components/es/components/TextField/TextField.js +48 -21
- package/styled-components/es/components/TextField/TextField.styles.js +21 -9
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +27 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +11 -2
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +2 -2
- 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/_size/tokens.json +6 -0
- package/styled-components/es/components/TextField/variations/_view/base.js +2 -2
- package/styled-components/es/components/{InputGroup/InputGroup.js → TextFieldGroup/TextFieldGroup.js} +10 -10
- package/styled-components/es/components/{InputGroup/InputGroup.template-doc.mdx → TextFieldGroup/TextFieldGroup.template-doc.mdx} +31 -31
- package/styled-components/es/components/TextFieldGroup/TextFieldGroup.tokens.js +86 -0
- package/styled-components/es/components/TextFieldGroup/index.js +2 -0
- package/styled-components/es/components/TextFieldGroup/variations/_gap/base.js +3 -0
- package/styled-components/es/components/TextFieldGroup/variations/_gap/tokens.json +1 -0
- package/styled-components/es/components/TextFieldGroup/variations/_orientation/base.js +3 -0
- package/styled-components/es/components/TextFieldGroup/variations/_orientation/tokens.json +1 -0
- package/styled-components/es/components/TextFieldGroup/variations/_shape/base.js +5 -0
- package/styled-components/es/components/TextFieldGroup/variations/_shape/tokens.json +1 -0
- package/styled-components/es/components/TextFieldGroup/variations/_size/base.js +4 -0
- package/styled-components/es/components/TextFieldGroup/variations/_size/tokens.json +58 -0
- package/styled-components/es/components/TextFieldGroup/variations/_stretching/base.js +3 -0
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +7 -7
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -0
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
- package/styled-components/es/examples/plasma_b2c/components/{InputGroup/InputGroup.config.js → TextFieldGroup/TextFieldGroup.config.js} +10 -10
- package/styled-components/es/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.stories.tsx +116 -0
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +10 -0
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
- package/styled-components/es/examples/plasma_web/components/{InputGroup/InputGroup.config.js → TextFieldGroup/TextFieldGroup.config.js} +10 -10
- package/styled-components/es/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.js +5 -0
- package/styled-components/es/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.stories.tsx +116 -0
- package/styled-components/es/index.js +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +6 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +6 -0
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +6 -0
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +6 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts +2 -0
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +11 -0
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +13 -0
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +4 -0
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +10 -1
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +13 -0
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
- package/types/components/{InputGroup/InputGroup.d.ts → TextFieldGroup/TextFieldGroup.d.ts} +5 -5
- package/types/components/TextFieldGroup/TextFieldGroup.d.ts.map +1 -0
- package/types/components/{InputGroup/InputGroup.styles.d.ts → TextFieldGroup/TextFieldGroup.styles.d.ts} +1 -1
- package/types/components/TextFieldGroup/TextFieldGroup.styles.d.ts.map +1 -0
- package/types/components/{InputGroup/InputGroup.tokens.d.ts → TextFieldGroup/TextFieldGroup.tokens.d.ts} +12 -12
- package/types/components/TextFieldGroup/TextFieldGroup.tokens.d.ts.map +1 -0
- package/types/components/{InputGroup/InputGroup.types.d.ts → TextFieldGroup/TextFieldGroup.types.d.ts} +6 -6
- package/types/components/TextFieldGroup/TextFieldGroup.types.d.ts.map +1 -0
- package/types/components/TextFieldGroup/index.d.ts +4 -0
- package/types/components/TextFieldGroup/index.d.ts.map +1 -0
- package/types/components/TextFieldGroup/variations/_gap/base.d.ts.map +1 -0
- package/types/components/TextFieldGroup/variations/_orientation/base.d.ts.map +1 -0
- package/types/components/TextFieldGroup/variations/_shape/base.d.ts.map +1 -0
- package/types/components/TextFieldGroup/variations/_size/base.d.ts.map +1 -0
- package/types/components/TextFieldGroup/variations/_stretching/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +6 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/{InputGroup/InputGroup.config.d.ts → TextFieldGroup/TextFieldGroup.config.d.ts} +1 -1
- package/types/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/{InputGroup/InputGroup.d.ts → TextFieldGroup/TextFieldGroup.d.ts} +6 -6
- package/types/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.d.ts.map +1 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +6 -0
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/{InputGroup/InputGroup.config.d.ts → TextFieldGroup/TextFieldGroup.config.d.ts} +1 -1
- package/types/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/{InputGroup/InputGroup.d.ts → TextFieldGroup/TextFieldGroup.d.ts} +6 -6
- package/types/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.d.ts.map +1 -0
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/InputGroup/InputGroup.css +0 -11
- package/cjs/components/InputGroup/InputGroup.js.map +0 -1
- package/cjs/components/InputGroup/InputGroup.styles.js +0 -9
- package/cjs/components/InputGroup/InputGroup.styles.js.map +0 -1
- package/cjs/components/InputGroup/InputGroup.styles_1ivl67d.css +0 -1
- package/cjs/components/InputGroup/InputGroup.tokens.js +0 -94
- package/cjs/components/InputGroup/InputGroup.tokens.js.map +0 -1
- package/cjs/components/InputGroup/variations/_gap/base.js.map +0 -1
- package/cjs/components/InputGroup/variations/_gap/base_1k4piyx.css +0 -1
- package/cjs/components/InputGroup/variations/_orientation/base.js.map +0 -1
- package/cjs/components/InputGroup/variations/_orientation/base_mgs8eg.css +0 -1
- package/cjs/components/InputGroup/variations/_shape/base.js.map +0 -1
- package/cjs/components/InputGroup/variations/_shape/base_3k0aw7.css +0 -1
- package/cjs/components/InputGroup/variations/_size/base.js.map +0 -1
- package/cjs/components/InputGroup/variations/_size/base_1vk5vms.css +0 -1
- package/cjs/components/InputGroup/variations/_stretching/base.js +0 -9
- package/cjs/components/InputGroup/variations/_stretching/base.js.map +0 -1
- package/cjs/components/InputGroup/variations/_stretching/base_1cr1a83.css +0 -1
- package/cjs/components/TextArea/TextArea.styles_1bv40vw.css +0 -9
- package/cjs/components/TextField/TextField.styles_9fkr1l.css +0 -10
- package/cjs/components/TextField/TextField_wctd2m.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_170eaex.css +0 -1
- package/cjs/components/TextField/variations/_read-only/base_1vu13zn.css +0 -1
- package/cjs/components/TextField/variations/_size/base_orwx1f.css +0 -1
- package/emotion/cjs/components/InputGroup/InputGroup.tokens.js +0 -92
- package/emotion/cjs/components/InputGroup/index.js +0 -31
- package/emotion/cjs/components/InputGroup/variations/_gap/base.js +0 -9
- package/emotion/cjs/components/InputGroup/variations/_gap/tokens.json +0 -1
- package/emotion/cjs/components/InputGroup/variations/_orientation/base.js +0 -9
- package/emotion/cjs/components/InputGroup/variations/_orientation/tokens.json +0 -1
- package/emotion/cjs/components/InputGroup/variations/_shape/base.js +0 -11
- package/emotion/cjs/components/InputGroup/variations/_shape/tokens.json +0 -1
- package/emotion/cjs/components/InputGroup/variations/_size/base.js +0 -10
- package/emotion/cjs/components/InputGroup/variations/_size/tokens.json +0 -58
- package/emotion/cjs/components/InputGroup/variations/_stretching/base.js +0 -9
- package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +0 -38
- package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.config.js +0 -38
- package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.js +0 -11
- package/emotion/es/components/InputGroup/InputGroup.tokens.js +0 -86
- package/emotion/es/components/InputGroup/index.js +0 -2
- package/emotion/es/components/InputGroup/variations/_gap/base.js +0 -3
- package/emotion/es/components/InputGroup/variations/_gap/tokens.json +0 -1
- package/emotion/es/components/InputGroup/variations/_orientation/base.js +0 -3
- package/emotion/es/components/InputGroup/variations/_orientation/tokens.json +0 -1
- package/emotion/es/components/InputGroup/variations/_shape/base.js +0 -5
- package/emotion/es/components/InputGroup/variations/_shape/tokens.json +0 -1
- package/emotion/es/components/InputGroup/variations/_size/base.js +0 -4
- package/emotion/es/components/InputGroup/variations/_size/tokens.json +0 -58
- package/emotion/es/components/InputGroup/variations/_stretching/base.js +0 -3
- package/emotion/es/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +0 -32
- package/emotion/es/examples/plasma_b2c/components/InputGroup/InputGroup.js +0 -5
- package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.config.js +0 -32
- package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.js +0 -5
- package/es/components/InputGroup/InputGroup.css +0 -11
- package/es/components/InputGroup/InputGroup.js.map +0 -1
- package/es/components/InputGroup/InputGroup.styles.js +0 -5
- package/es/components/InputGroup/InputGroup.styles.js.map +0 -1
- package/es/components/InputGroup/InputGroup.styles_1ivl67d.css +0 -1
- package/es/components/InputGroup/InputGroup.tokens.js +0 -89
- package/es/components/InputGroup/InputGroup.tokens.js.map +0 -1
- package/es/components/InputGroup/variations/_gap/base.js +0 -5
- package/es/components/InputGroup/variations/_gap/base.js.map +0 -1
- package/es/components/InputGroup/variations/_gap/base_1k4piyx.css +0 -1
- package/es/components/InputGroup/variations/_orientation/base.js.map +0 -1
- package/es/components/InputGroup/variations/_orientation/base_mgs8eg.css +0 -1
- package/es/components/InputGroup/variations/_shape/base.js.map +0 -1
- package/es/components/InputGroup/variations/_shape/base_3k0aw7.css +0 -1
- package/es/components/InputGroup/variations/_size/base.js +0 -5
- package/es/components/InputGroup/variations/_size/base.js.map +0 -1
- package/es/components/InputGroup/variations/_size/base_1vk5vms.css +0 -1
- package/es/components/InputGroup/variations/_stretching/base.js +0 -5
- package/es/components/InputGroup/variations/_stretching/base.js.map +0 -1
- package/es/components/InputGroup/variations/_stretching/base_1cr1a83.css +0 -1
- package/es/components/TextArea/TextArea.styles_1bv40vw.css +0 -9
- package/es/components/TextField/TextField.styles_9fkr1l.css +0 -10
- package/es/components/TextField/TextField_wctd2m.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_170eaex.css +0 -1
- package/es/components/TextField/variations/_read-only/base_1vu13zn.css +0 -1
- package/es/components/TextField/variations/_size/base_orwx1f.css +0 -1
- package/styled-components/cjs/components/InputGroup/InputGroup.tokens.js +0 -92
- package/styled-components/cjs/components/InputGroup/index.js +0 -31
- package/styled-components/cjs/components/InputGroup/variations/_gap/tokens.json +0 -1
- package/styled-components/cjs/components/InputGroup/variations/_orientation/base.js +0 -9
- package/styled-components/cjs/components/InputGroup/variations/_orientation/tokens.json +0 -1
- package/styled-components/cjs/components/InputGroup/variations/_shape/base.js +0 -11
- package/styled-components/cjs/components/InputGroup/variations/_shape/tokens.json +0 -1
- package/styled-components/cjs/components/InputGroup/variations/_size/base.js +0 -10
- package/styled-components/cjs/components/InputGroup/variations/_size/tokens.json +0 -58
- package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +0 -38
- package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +0 -116
- package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.config.js +0 -38
- package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +0 -116
- package/styled-components/es/components/InputGroup/InputGroup.tokens.js +0 -86
- package/styled-components/es/components/InputGroup/index.js +0 -2
- package/styled-components/es/components/InputGroup/variations/_gap/base.js +0 -3
- package/styled-components/es/components/InputGroup/variations/_gap/tokens.json +0 -1
- package/styled-components/es/components/InputGroup/variations/_orientation/base.js +0 -3
- package/styled-components/es/components/InputGroup/variations/_orientation/tokens.json +0 -1
- package/styled-components/es/components/InputGroup/variations/_shape/base.js +0 -5
- package/styled-components/es/components/InputGroup/variations/_shape/tokens.json +0 -1
- package/styled-components/es/components/InputGroup/variations/_size/base.js +0 -4
- package/styled-components/es/components/InputGroup/variations/_size/tokens.json +0 -58
- package/styled-components/es/components/InputGroup/variations/_stretching/base.js +0 -3
- package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +0 -116
- package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.js +0 -5
- package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +0 -116
- package/types/components/InputGroup/InputGroup.d.ts.map +0 -1
- package/types/components/InputGroup/InputGroup.styles.d.ts.map +0 -1
- package/types/components/InputGroup/InputGroup.tokens.d.ts.map +0 -1
- package/types/components/InputGroup/InputGroup.types.d.ts.map +0 -1
- package/types/components/InputGroup/index.d.ts +0 -4
- package/types/components/InputGroup/index.d.ts.map +0 -1
- package/types/components/InputGroup/variations/_gap/base.d.ts.map +0 -1
- package/types/components/InputGroup/variations/_orientation/base.d.ts.map +0 -1
- package/types/components/InputGroup/variations/_shape/base.d.ts.map +0 -1
- package/types/components/InputGroup/variations/_size/base.d.ts.map +0 -1
- package/types/components/InputGroup/variations/_stretching/base.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.d.ts.map +0 -1
- package/types/examples/plasma_web/components/InputGroup/InputGroup.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/InputGroup/InputGroup.d.ts.map +0 -1
- /package/emotion/cjs/components/{InputGroup/InputGroup.types.js → TextFieldGroup/TextFieldGroup.types.js} +0 -0
- /package/emotion/cjs/components/{InputGroup → TextFieldGroup}/variations/_stretching/tokens.json +0 -0
- /package/emotion/es/components/{InputGroup/InputGroup.types.js → TextFieldGroup/TextFieldGroup.types.js} +0 -0
- /package/emotion/es/components/{InputGroup → TextFieldGroup}/variations/_stretching/tokens.json +0 -0
- /package/styled-components/cjs/components/{InputGroup/InputGroup.styles.js → TextFieldGroup/TextFieldGroup.styles.js} +0 -0
- /package/styled-components/cjs/components/{InputGroup/InputGroup.types.js → TextFieldGroup/TextFieldGroup.types.js} +0 -0
- /package/styled-components/cjs/components/{InputGroup → TextFieldGroup}/variations/_stretching/tokens.json +0 -0
- /package/styled-components/es/components/{InputGroup/InputGroup.styles.js → TextFieldGroup/TextFieldGroup.styles.js} +0 -0
- /package/styled-components/es/components/{InputGroup/InputGroup.types.js → TextFieldGroup/TextFieldGroup.types.js} +0 -0
- /package/styled-components/es/components/{InputGroup → TextFieldGroup}/variations/_stretching/tokens.json +0 -0
- /package/types/components/{InputGroup → TextFieldGroup}/variations/_gap/base.d.ts +0 -0
- /package/types/components/{InputGroup → TextFieldGroup}/variations/_orientation/base.d.ts +0 -0
- /package/types/components/{InputGroup → TextFieldGroup}/variations/_shape/base.d.ts +0 -0
- /package/types/components/{InputGroup → TextFieldGroup}/variations/_size/base.d.ts +0 -0
- /package/types/components/{InputGroup → TextFieldGroup}/variations/_stretching/base.d.ts +0 -0
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextFieldGroup.styles.js","sources":["../../../src/components/TextFieldGroup/TextFieldGroup.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css`\n display: inline-flex;\n`;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAEhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.buxwmzu{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
@@ -0,0 +1,94 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var classes = {
|
6
|
+
autoStretching: 'text-field-group-stretching-auto',
|
7
|
+
filledStretching: 'text-field-group-stretching-filled',
|
8
|
+
textFieldGroupOverrideStyles: 'text-field-group-override-styles',
|
9
|
+
textFieldGroupItem: 'text-field-group-item',
|
10
|
+
horizontal: 'text-field-group-orientation-horizontal',
|
11
|
+
vertical: 'text-field-group-orientation-vertical',
|
12
|
+
none: 'text-field-group-gap-none',
|
13
|
+
dense: 'text-field-group-gap-dense',
|
14
|
+
wide: 'text-field-group-gap-wide',
|
15
|
+
segmented: 'text-field-group-shape-segmented',
|
16
|
+
"default": 'text-field-group-shape-default'
|
17
|
+
};
|
18
|
+
var tokens = {
|
19
|
+
textFieldGroupOrientation: '--plasma-text-field-group-orientation',
|
20
|
+
textFieldGroupWebMarginLeft: '--plasma-text-field-group-web-margin-left',
|
21
|
+
textFieldGroupWebClipPath: '--plasma-text-field-group-web-clip-path',
|
22
|
+
textFieldGroupWebMarginTop: '--plasma-text-field-group-web-margin-top',
|
23
|
+
textFieldGroupWebVerticalClipPath: '--plasma-text-field-group-web-vertical-clip-path',
|
24
|
+
textFieldSegmentedRadius: '--plasma-text-field-group-item-segmented-radius',
|
25
|
+
textFieldDefaultRadius: '--plasma-text-field-group-item-default-radius',
|
26
|
+
textFieldSideRadius: '--plasma-text-field-group-side-item-radius',
|
27
|
+
textFieldGroupItemsGap: '--plasma-text-field-group-items-gap',
|
28
|
+
height: '--plasma-text-field-group-item-height',
|
29
|
+
borderWidth: '--plasma-text-field-group-item-border-width',
|
30
|
+
/** Отступ от границы ТextField */
|
31
|
+
padding: '--plasma-text-field-group-item-padding',
|
32
|
+
paddingWithChips: '--plasma-text-field-group-item-padding-with-chips',
|
33
|
+
/* Токены для инпута */
|
34
|
+
leftContentMargin: '--plasma-text-field-group-item__left-content-margin',
|
35
|
+
rightContentMargin: '--plasma-text-field-group-item__right-content-margin',
|
36
|
+
fontFamily: '--plasma-text-field-group-item-font-family',
|
37
|
+
fontStyle: '--plasma-text-field-group-item-font-style',
|
38
|
+
fontSize: '--plasma-text-field-group-item-font-size',
|
39
|
+
fontWeight: '--plasma-text-field-group-item-font-weight',
|
40
|
+
letterSpacing: '--plasma-text-field-group-item-letter-spacing',
|
41
|
+
lineHeight: '--plasma-text-field-group-item-line-height',
|
42
|
+
/** Токены лейбла */
|
43
|
+
labelOffset: '--plasma-text-field-group-item__label-offset',
|
44
|
+
labelFontFamily: '--plasma-text-field-group-item__label-font-family',
|
45
|
+
labelFontStyle: '--plasma-text-field-group-item__label-font-style',
|
46
|
+
labelFontSize: '--plasma-text-field-group-item__label-font-size',
|
47
|
+
labelFontWeight: '--plasma-text-field-group-item__label-font-weight',
|
48
|
+
labelLetterSpacing: '--plasma-text-field-group-item__label-letter-spacing',
|
49
|
+
labelLineHeight: '--plasma-text-field-group-item__label-line-height',
|
50
|
+
/* label-placement-inner */
|
51
|
+
labelInnerFontFamily: '--plasma-text-field-group-item-placement_inner__label-font-family',
|
52
|
+
labelInnerFontStyle: '--plasma-text-field-group-item-placement_inner__label-font-style',
|
53
|
+
labelInnerFontSize: '--plasma-text-field-group-item-placement_inner__label-font-size',
|
54
|
+
labelInnerFontWeight: '--plasma-text-field-group-item-placement_inner__label-font-weight',
|
55
|
+
labelInnerLetterSpacing: '--plasma-text-field-group-item-placement_inner__label-letter-spacing',
|
56
|
+
labelInnerLineHeight: '--plasma-text-field-group-item-placement_inner__label-line-height',
|
57
|
+
labelInnerPadding: '--plasma-text-field-group-item-placement_inner__label-padding',
|
58
|
+
contentLabelInnerPadding: '--plasma-text-field-group-item-placement_inner__content-padding',
|
59
|
+
leftHelperOffset: '--plasma-text-field-group-item__left-helper-offset',
|
60
|
+
leftHelperFontFamily: '--plasma-text-field-group-item__left-helper-font-family',
|
61
|
+
leftHelperFontStyle: '--plasma-text-field-group-item__left-helper-font-style',
|
62
|
+
leftHelperFontSize: '--plasma-text-field-group-item__left-helper-font-size',
|
63
|
+
leftHelperFontWeight: '--plasma-text-field-group-item__left-helper-font-weight',
|
64
|
+
leftHelperLetterSpacing: '--plasma-text-field-group-item__left-helper-letter-spacing',
|
65
|
+
leftHelperLineHeight: '--plasma-text-field-group-item__left-helper-line-height',
|
66
|
+
/** Токены вспомогательного текста */
|
67
|
+
textBeforeMargin: '--plasma-text-field-group-item__before-text-margin',
|
68
|
+
textAfterMargin: '--plasma-text-field-group-item__after-text-margin',
|
69
|
+
/** Токены чипа */
|
70
|
+
chipHeight: '--plasma-text-field-group-item__chip-height',
|
71
|
+
chipBorderRadius: '--plasma-text-field-group-item__chip-border-radius',
|
72
|
+
chipGap: '--plasma-text-field-group-item__chip-gap',
|
73
|
+
chipScaleHover: '--plasma-text-field-group-item__chip-scale-hover',
|
74
|
+
chipScaleActive: '--plasma-text-field-group-item__chip-scale-active',
|
75
|
+
chipOutlineSize: '--plasma-text-field-group-item__chip-outline-size',
|
76
|
+
chipWidth: '--plasma-text-field-group-item__chip-width',
|
77
|
+
chipPaddingTop: '--plasma-text-field-group-item__chip-padding-top',
|
78
|
+
chipPaddingRight: '--plasma-text-field-group-item__chip-padding-right',
|
79
|
+
chipPaddingBottom: '--plasma-text-field-group-item__chip-padding-bottom',
|
80
|
+
chipPaddingLeft: '--plasma-text-field-group-item__chip-padding-left',
|
81
|
+
chipCloseIconSize: '--plasma-text-field-group-item__chip-close-icon-size',
|
82
|
+
chipFontFamily: '--plasma-text-field-group-item__chip-font-family',
|
83
|
+
chipFontSize: '--plasma-text-field-group-item__chip-font-size',
|
84
|
+
chipFontStyle: '--plasma-text-field-group-item__chip-font-style',
|
85
|
+
chipFontWeight: '--plasma-text-field-group-item__chip-font-weight',
|
86
|
+
chipLetterSpacing: '--plasma-text-field-group-item__chip-letter-spacing',
|
87
|
+
chipLineHeight: '--plasma-text-field-group-item__chip-line-height',
|
88
|
+
chipClearContentMarginLeft: '--plasma-text-field-group-item__chip-clear-content-margin-left',
|
89
|
+
chipClearContentMarginRight: '--plasma-text-field-group-item__chip-clear-content-margin-right'
|
90
|
+
};
|
91
|
+
|
92
|
+
exports.classes = classes;
|
93
|
+
exports.tokens = tokens;
|
94
|
+
//# sourceMappingURL=TextFieldGroup.tokens.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextFieldGroup.tokens.js","sources":["../../../src/components/TextFieldGroup/TextFieldGroup.tokens.ts"],"sourcesContent":["export const classes = {\n autoStretching: 'text-field-group-stretching-auto',\n filledStretching: 'text-field-group-stretching-filled',\n\n textFieldGroupOverrideStyles: 'text-field-group-override-styles',\n textFieldGroupItem: 'text-field-group-item',\n\n horizontal: 'text-field-group-orientation-horizontal',\n vertical: 'text-field-group-orientation-vertical',\n\n none: 'text-field-group-gap-none',\n dense: 'text-field-group-gap-dense',\n wide: 'text-field-group-gap-wide',\n\n segmented: 'text-field-group-shape-segmented',\n default: 'text-field-group-shape-default',\n};\n\nexport const tokens = {\n textFieldGroupOrientation: '--plasma-text-field-group-orientation',\n\n textFieldGroupWebMarginLeft: '--plasma-text-field-group-web-margin-left',\n textFieldGroupWebClipPath: '--plasma-text-field-group-web-clip-path',\n textFieldGroupWebMarginTop: '--plasma-text-field-group-web-margin-top',\n textFieldGroupWebVerticalClipPath: '--plasma-text-field-group-web-vertical-clip-path',\n\n textFieldSegmentedRadius: '--plasma-text-field-group-item-segmented-radius',\n textFieldDefaultRadius: '--plasma-text-field-group-item-default-radius',\n textFieldSideRadius: '--plasma-text-field-group-side-item-radius',\n\n textFieldGroupItemsGap: '--plasma-text-field-group-items-gap',\n height: '--plasma-text-field-group-item-height',\n borderWidth: '--plasma-text-field-group-item-border-width',\n\n /** Отступ от границы ТextField */\n padding: '--plasma-text-field-group-item-padding',\n paddingWithChips: '--plasma-text-field-group-item-padding-with-chips',\n\n /* Токены для инпута */\n leftContentMargin: '--plasma-text-field-group-item__left-content-margin',\n rightContentMargin: '--plasma-text-field-group-item__right-content-margin',\n\n fontFamily: '--plasma-text-field-group-item-font-family',\n fontStyle: '--plasma-text-field-group-item-font-style',\n fontSize: '--plasma-text-field-group-item-font-size',\n fontWeight: '--plasma-text-field-group-item-font-weight',\n letterSpacing: '--plasma-text-field-group-item-letter-spacing',\n lineHeight: '--plasma-text-field-group-item-line-height',\n\n /** Токены лейбла */\n labelOffset: '--plasma-text-field-group-item__label-offset',\n\n labelFontFamily: '--plasma-text-field-group-item__label-font-family',\n labelFontStyle: '--plasma-text-field-group-item__label-font-style',\n labelFontSize: '--plasma-text-field-group-item__label-font-size',\n labelFontWeight: '--plasma-text-field-group-item__label-font-weight',\n labelLetterSpacing: '--plasma-text-field-group-item__label-letter-spacing',\n labelLineHeight: '--plasma-text-field-group-item__label-line-height',\n\n /* label-placement-inner */\n labelInnerFontFamily: '--plasma-text-field-group-item-placement_inner__label-font-family',\n labelInnerFontStyle: '--plasma-text-field-group-item-placement_inner__label-font-style',\n labelInnerFontSize: '--plasma-text-field-group-item-placement_inner__label-font-size',\n labelInnerFontWeight: '--plasma-text-field-group-item-placement_inner__label-font-weight',\n labelInnerLetterSpacing: '--plasma-text-field-group-item-placement_inner__label-letter-spacing',\n labelInnerLineHeight: '--plasma-text-field-group-item-placement_inner__label-line-height',\n\n labelInnerPadding: '--plasma-text-field-group-item-placement_inner__label-padding',\n contentLabelInnerPadding: '--plasma-text-field-group-item-placement_inner__content-padding',\n\n leftHelperOffset: '--plasma-text-field-group-item__left-helper-offset',\n\n leftHelperFontFamily: '--plasma-text-field-group-item__left-helper-font-family',\n leftHelperFontStyle: '--plasma-text-field-group-item__left-helper-font-style',\n leftHelperFontSize: '--plasma-text-field-group-item__left-helper-font-size',\n leftHelperFontWeight: '--plasma-text-field-group-item__left-helper-font-weight',\n leftHelperLetterSpacing: '--plasma-text-field-group-item__left-helper-letter-spacing',\n leftHelperLineHeight: '--plasma-text-field-group-item__left-helper-line-height',\n\n /** Токены вспомогательного текста */\n textBeforeMargin: '--plasma-text-field-group-item__before-text-margin',\n textAfterMargin: '--plasma-text-field-group-item__after-text-margin',\n\n /** Токены чипа */\n chipHeight: '--plasma-text-field-group-item__chip-height',\n chipBorderRadius: '--plasma-text-field-group-item__chip-border-radius',\n chipGap: '--plasma-text-field-group-item__chip-gap',\n chipScaleHover: '--plasma-text-field-group-item__chip-scale-hover',\n chipScaleActive: '--plasma-text-field-group-item__chip-scale-active',\n chipOutlineSize: '--plasma-text-field-group-item__chip-outline-size',\n chipWidth: '--plasma-text-field-group-item__chip-width',\n chipPaddingTop: '--plasma-text-field-group-item__chip-padding-top',\n chipPaddingRight: '--plasma-text-field-group-item__chip-padding-right',\n chipPaddingBottom: '--plasma-text-field-group-item__chip-padding-bottom',\n chipPaddingLeft: '--plasma-text-field-group-item__chip-padding-left',\n chipCloseIconSize: '--plasma-text-field-group-item__chip-close-icon-size',\n chipFontFamily: '--plasma-text-field-group-item__chip-font-family',\n chipFontSize: '--plasma-text-field-group-item__chip-font-size',\n chipFontStyle: '--plasma-text-field-group-item__chip-font-style',\n chipFontWeight: '--plasma-text-field-group-item__chip-font-weight',\n chipLetterSpacing: '--plasma-text-field-group-item__chip-letter-spacing',\n chipLineHeight: '--plasma-text-field-group-item__chip-line-height',\n chipClearContentMarginLeft: '--plasma-text-field-group-item__chip-clear-content-margin-left',\n chipClearContentMarginRight: '--plasma-text-field-group-item__chip-clear-content-margin-right',\n};\n"],"names":["classes","autoStretching","filledStretching","textFieldGroupOverrideStyles","textFieldGroupItem","horizontal","vertical","none","dense","wide","segmented","tokens","textFieldGroupOrientation","textFieldGroupWebMarginLeft","textFieldGroupWebClipPath","textFieldGroupWebMarginTop","textFieldGroupWebVerticalClipPath","textFieldSegmentedRadius","textFieldDefaultRadius","textFieldSideRadius","textFieldGroupItemsGap","height","borderWidth","padding","paddingWithChips","leftContentMargin","rightContentMargin","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","textBeforeMargin","textAfterMargin","chipHeight","chipBorderRadius","chipGap","chipScaleHover","chipScaleActive","chipOutlineSize","chipWidth","chipPaddingTop","chipPaddingRight","chipPaddingBottom","chipPaddingLeft","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,gBAAgB,EAAE,oCAAoC;AAEtDC,EAAAA,4BAA4B,EAAE,kCAAkC;AAChEC,EAAAA,kBAAkB,EAAE,uBAAuB;AAE3CC,EAAAA,UAAU,EAAE,yCAAyC;AACrDC,EAAAA,QAAQ,EAAE,uCAAuC;AAEjDC,EAAAA,IAAI,EAAE,2BAA2B;AACjCC,EAAAA,KAAK,EAAE,4BAA4B;AACnCC,EAAAA,IAAI,EAAE,2BAA2B;AAEjCC,EAAAA,SAAS,EAAE,kCAAkC;EAC7C,SAAS,EAAA,gCAAA;AACb,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,yBAAyB,EAAE,uCAAuC;AAElEC,EAAAA,2BAA2B,EAAE,2CAA2C;AACxEC,EAAAA,yBAAyB,EAAE,yCAAyC;AACpEC,EAAAA,0BAA0B,EAAE,0CAA0C;AACtEC,EAAAA,iCAAiC,EAAE,kDAAkD;AAErFC,EAAAA,wBAAwB,EAAE,iDAAiD;AAC3EC,EAAAA,sBAAsB,EAAE,+CAA+C;AACvEC,EAAAA,mBAAmB,EAAE,4CAA4C;AAEjEC,EAAAA,sBAAsB,EAAE,qCAAqC;AAC7DC,EAAAA,MAAM,EAAE,uCAAuC;AAC/CC,EAAAA,WAAW,EAAE,6CAA6C;AAE1D;AACAC,EAAAA,OAAO,EAAE,wCAAwC;AACjDC,EAAAA,gBAAgB,EAAE,mDAAmD;AAErE;AACAC,EAAAA,iBAAiB,EAAE,qDAAqD;AACxEC,EAAAA,kBAAkB,EAAE,sDAAsD;AAE1EC,EAAAA,UAAU,EAAE,4CAA4C;AACxDC,EAAAA,SAAS,EAAE,2CAA2C;AACtDC,EAAAA,QAAQ,EAAE,0CAA0C;AACpDC,EAAAA,UAAU,EAAE,4CAA4C;AACxDC,EAAAA,aAAa,EAAE,+CAA+C;AAC9DC,EAAAA,UAAU,EAAE,4CAA4C;AAExD;AACAC,EAAAA,WAAW,EAAE,8CAA8C;AAE3DC,EAAAA,eAAe,EAAE,mDAAmD;AACpEC,EAAAA,cAAc,EAAE,kDAAkD;AAClEC,EAAAA,aAAa,EAAE,iDAAiD;AAChEC,EAAAA,eAAe,EAAE,mDAAmD;AACpEC,EAAAA,kBAAkB,EAAE,sDAAsD;AAC1EC,EAAAA,eAAe,EAAE,mDAAmD;AAEpE;AACAC,EAAAA,oBAAoB,EAAE,mEAAmE;AACzFC,EAAAA,mBAAmB,EAAE,kEAAkE;AACvFC,EAAAA,kBAAkB,EAAE,iEAAiE;AACrFC,EAAAA,oBAAoB,EAAE,mEAAmE;AACzFC,EAAAA,uBAAuB,EAAE,sEAAsE;AAC/FC,EAAAA,oBAAoB,EAAE,mEAAmE;AAEzFC,EAAAA,iBAAiB,EAAE,+DAA+D;AAClFC,EAAAA,wBAAwB,EAAE,iEAAiE;AAE3FC,EAAAA,gBAAgB,EAAE,oDAAoD;AAEtEC,EAAAA,oBAAoB,EAAE,yDAAyD;AAC/EC,EAAAA,mBAAmB,EAAE,wDAAwD;AAC7EC,EAAAA,kBAAkB,EAAE,uDAAuD;AAC3EC,EAAAA,oBAAoB,EAAE,yDAAyD;AAC/EC,EAAAA,uBAAuB,EAAE,4DAA4D;AACrFC,EAAAA,oBAAoB,EAAE,yDAAyD;AAE/E;AACAC,EAAAA,gBAAgB,EAAE,oDAAoD;AACtEC,EAAAA,eAAe,EAAE,mDAAmD;AAEpE;AACAC,EAAAA,UAAU,EAAE,6CAA6C;AACzDC,EAAAA,gBAAgB,EAAE,oDAAoD;AACtEC,EAAAA,OAAO,EAAE,0CAA0C;AACnDC,EAAAA,cAAc,EAAE,kDAAkD;AAClEC,EAAAA,eAAe,EAAE,mDAAmD;AACpEC,EAAAA,eAAe,EAAE,mDAAmD;AACpEC,EAAAA,SAAS,EAAE,4CAA4C;AACvDC,EAAAA,cAAc,EAAE,kDAAkD;AAClEC,EAAAA,gBAAgB,EAAE,oDAAoD;AACtEC,EAAAA,iBAAiB,EAAE,qDAAqD;AACxEC,EAAAA,eAAe,EAAE,mDAAmD;AACpEC,EAAAA,iBAAiB,EAAE,sDAAsD;AACzEC,EAAAA,cAAc,EAAE,kDAAkD;AAClEC,EAAAA,YAAY,EAAE,gDAAgD;AAC9DC,EAAAA,aAAa,EAAE,iDAAiD;AAChEC,EAAAA,cAAc,EAAE,kDAAkD;AAClEC,EAAAA,iBAAiB,EAAE,qDAAqD;AACxEC,EAAAA,cAAc,EAAE,kDAAkD;AAClEC,EAAAA,0BAA0B,EAAE,gEAAgE;AAC5FC,EAAAA,2BAA2B,EAAE,iEAAA;AACjC;;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextFieldGroup/variations/_gap/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextFieldGroup.tokens';\n\nexport const base = css`\n gap: var(${tokens.textFieldGroupItemsGap});\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAEhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b1uq5kuw{gap:var(--plasma-text-field-group-items-gap);}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextFieldGroup/variations/_orientation/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextFieldGroup.tokens';\n\nexport const base = css`\n flex-direction: var(${tokens.textFieldGroupOrientation});\n\n &.${classes.vertical} .${classes.textFieldGroupItem} {\n width: auto;\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAMhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b13vfoug{-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);}.b13vfoug.text-field-group-orientation-vertical .text-field-group-item{width:auto;}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextFieldGroup/variations/_shape/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextFieldGroup.tokens';\nimport { textFieldTokens, textFieldClasses } from '../../../TextField';\nimport { InputWrapper } from '../../../TextField/TextField.styles';\n\nexport const base = css`\n &.${classes.default} {\n --plasma_private-text-field-radius-inner: var(${tokens.textFieldDefaultRadius});\n }\n\n &.${classes.segmented} {\n --plasma_private-text-field-radius-inner: var(${tokens.textFieldSegmentedRadius});\n\n &.${classes.none} {\n --plasma_private-text-field-radius-inner: 0;\n }\n }\n\n & .${textFieldClasses.textFieldGroupItem} ${InputWrapper} {\n ${textFieldTokens.borderRadius}: var(--plasma_private-text-field-radius-inner);\n transition: clip-path 0.05s ease-in;\n }\n\n /* NOTE: блок нужен только для TextField в plasma-web, чтобы border не наслаивались друг на друга */\n &.${classes.horizontal}&.${classes.none} .${textFieldClasses.textFieldGroupItem} {\n &:not(:first-child) {\n margin-left: var(${tokens.textFieldGroupWebMarginLeft});\n }\n\n &:not(:last-child) {\n ${InputWrapper} {\n clip-path: var(${tokens.textFieldGroupWebClipPath});\n\n &:hover,\n &:focus-within {\n clip-path: inset(0 0 0 0);\n }\n }\n }\n }\n\n &.${classes.vertical}&.${classes.none} .${textFieldClasses.textFieldGroupItem} {\n &:not(:first-child) {\n margin-top: var(${tokens.textFieldGroupWebMarginTop});\n }\n\n &:not(:first-child) {\n ${InputWrapper} {\n clip-path: var(${tokens.textFieldGroupWebVerticalClipPath});\n\n &:hover,\n &:focus-within {\n clip-path: inset(0 0 0 0);\n }\n }\n }\n }\n\n &.${classes.horizontal}, &.${classes.vertical} {\n .${textFieldClasses.textFieldGroupItem}:first-child:last-child ${InputWrapper} {\n border-radius: var(${tokens.textFieldSideRadius});\n }\n }\n\n &.${classes.horizontal} {\n .${textFieldClasses.textFieldGroupItem}:first-child ${InputWrapper} {\n --plasma_private-left-side-radius: var(${tokens.textFieldSideRadius})\n var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner)\n var(${tokens.textFieldSideRadius});\n\n border-radius: var(--plasma_private-left-side-radius);\n }\n\n .${textFieldClasses.textFieldGroupItem}:last-child ${InputWrapper} {\n --plasma_private-right-side-radius: var(--plasma_private-text-field-radius-inner)\n var(${tokens.textFieldSideRadius}) var(${tokens.textFieldSideRadius})\n var(--plasma_private-text-field-radius-inner);\n\n border-radius: var(--plasma_private-right-side-radius);\n }\n }\n\n &.${classes.vertical} {\n .${textFieldClasses.textFieldGroupItem}:first-child ${InputWrapper} {\n --plasma_private-up-side-radius: var(${tokens.textFieldSideRadius}) var(${tokens.textFieldSideRadius})\n var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner);\n\n border-radius: var(--plasma_private-up-side-radius);\n }\n .${textFieldClasses.textFieldGroupItem}:last-child ${InputWrapper} {\n --plasma_private-down-side-radius: var(--plasma_private-text-field-radius-inner)\n var(--plasma_private-text-field-radius-inner) var(${tokens.textFieldSideRadius})\n var(${tokens.textFieldSideRadius});\n\n border-radius: var(--plasma_private-down-side-radius);\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAMO,IAAMA,IAAI,GA4FhB;;;;"}
|
@@ -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 .iq39zt5{--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) .iq39zt5{-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) .iq39zt5:hover,.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .iq39zt5: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) .iq39zt5{-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) .iq39zt5:hover,.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .iq39zt5: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 .iq39zt5,.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:first-child:last-child .iq39zt5{border-radius:var(--plasma-text-field-group-side-item-radius);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:first-child .iq39zt5{--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 .iq39zt5{--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 .iq39zt5{--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 .iq39zt5{--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 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextFieldGroup/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextFieldGroup.tokens';\nimport { textFieldTokens } from '../../../TextField';\n\nexport const base = css`\n &.${classes.textFieldGroupOverrideStyles} .${classes.textFieldGroupItem} {\n ${textFieldTokens.height}: var(${tokens.height});\n ${textFieldTokens.padding}: var(${tokens.padding});\n ${textFieldTokens.paddingWithChips}: var(${tokens.paddingWithChips});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.leftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.rightContentMargin});\n\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textAfterMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.fontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.fontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.fontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.fontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.letterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.lineHeight});\n\n ${textFieldTokens.labelOffset}: var(${tokens.labelOffset});\n ${textFieldTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n ${textFieldTokens.labelFontSize}: var(${tokens.labelFontSize});\n ${textFieldTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n ${textFieldTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n ${textFieldTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n ${textFieldTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n ${textFieldTokens.leftHelperOffset}: var(${tokens.leftHelperOffset});\n ${textFieldTokens.leftHelperFontFamily}: var(${tokens.leftHelperFontFamily});\n ${textFieldTokens.leftHelperFontSize}: var(${tokens.leftHelperFontSize});\n ${textFieldTokens.leftHelperFontStyle}: var(${tokens.leftHelperFontStyle});\n ${textFieldTokens.leftHelperFontWeight}: var(${tokens.leftHelperFontWeight});\n ${textFieldTokens.leftHelperLetterSpacing}: var(${tokens.leftHelperLetterSpacing});\n ${textFieldTokens.leftHelperLineHeight}: var(${tokens.leftHelperLineHeight});\n\n ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n\n ${textFieldTokens.chipGap}: var(${tokens.chipGap});\n ${textFieldTokens.chipBorderRadius}: var(${tokens.chipBorderRadius});\n ${textFieldTokens.chipWidth}: var(${tokens.chipWidth});\n ${textFieldTokens.chipHeight}: var(${tokens.chipHeight});\n ${textFieldTokens.chipPaddingRight}: var(${tokens.chipPaddingRight});\n ${textFieldTokens.chipPaddingLeft}: var(${tokens.chipPaddingLeft});\n ${textFieldTokens.chipClearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n ${textFieldTokens.chipClearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n ${textFieldTokens.chipCloseIconSize}: var(${tokens.chipCloseIconSize});\n ${textFieldTokens.chipFontFamily}: var(${tokens.chipFontFamily});\n ${textFieldTokens.chipFontSize}: var(${tokens.chipFontSize});\n ${textFieldTokens.chipFontStyle}: var(${tokens.chipFontStyle});\n ${textFieldTokens.chipFontWeight}: var(${tokens.chipFontWeight});\n ${textFieldTokens.chipLetterSpacing}: var(${tokens.chipLetterSpacing});\n ${textFieldTokens.chipLineHeight}: var(${tokens.chipLineHeight});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAsDhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.boymyss.text-field-group-override-styles .text-field-group-item{--plasma-textfield-height:var(--plasma-text-field-group-item-height);--plasma-textfield-padding:var(--plasma-text-field-group-item-padding);--plasma-textfield-padding-with-chips:var(--plasma-text-field-group-item-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-text-field-group-item__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-text-field-group-item__right-content-margin);--plasma-textfield__before-text-margin:var(--plasma-text-field-group-item__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-text-field-group-item__after-text-margin);--plasma-textfield-font-family:var(--plasma-text-field-group-item-font-family);--plasma-textfield-font-size:var(--plasma-text-field-group-item-font-size);--plasma-textfield-font-style:var(--plasma-text-field-group-item-font-style);--plasma-textfield-font-weight:var(--plasma-text-field-group-item-font-weight);--plasma-textfield-letter-spacing:var(--plasma-text-field-group-item-letter-spacing);--plasma-textfield-line-height:var(--plasma-text-field-group-item-line-height);--plasma-textfield__label-offset:var(--plasma-text-field-group-item__label-offset);--plasma-textfield__label-font-family:var(--plasma-text-field-group-item__label-font-family);--plasma-textfield__label-font-size:var(--plasma-text-field-group-item__label-font-size);--plasma-textfield__label-font-style:var(--plasma-text-field-group-item__label-font-style);--plasma-textfield__label-font-weight:var(--plasma-text-field-group-item__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-text-field-group-item__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-text-field-group-item__label-line-height);--plasma-textfield__left-helper-offset:var(--plasma-text-field-group-item__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-text-field-group-item__left-helper-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-text-field-group-item__left-helper-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-text-field-group-item__left-helper-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-text-field-group-item__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-text-field-group-item__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-text-field-group-item__left-helper-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-text-field-group-item-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-text-field-group-item-placement_inner__content-padding);--plasma-textfield__chip-gap:var(--plasma-text-field-group-item__chip-gap);--plasma-textfield__chip-border-radius:var(--plasma-text-field-group-item__chip-border-radius);--plasma-textfield__chip-width:var(--plasma-text-field-group-item__chip-width);--plasma-textfield__chip-height:var(--plasma-text-field-group-item__chip-height);--plasma-textfield__chip-padding-right:var(--plasma-text-field-group-item__chip-padding-right);--plasma-textfield__chip-padding-left:var(--plasma-text-field-group-item__chip-padding-left);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-text-field-group-item__chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-text-field-group-item__chip-clear-content-margin-right);--plasma-textfield__chip-close-icon-size:var(--plasma-text-field-group-item__chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-text-field-group-item__chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-text-field-group-item__chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-text-field-group-item__chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-text-field-group-item__chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-text-field-group-item__chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-text-field-group-item__chip-line-height);}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextFieldGroup/variations/_stretching/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes } from '../../TextFieldGroup.tokens';\n\nexport const base = css`\n &.${classes.filledStretching} {\n width: 100%;\n\n .${classes.textFieldGroupItem} {\n width: 100%;\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAQhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b18yornl.text-field-group-stretching-filled{width:100%;}.b18yornl.text-field-group-stretching-filled .text-field-group-item{width:100%;}
|
package/cjs/index.css
CHANGED
@@ -104,15 +104,17 @@
|
|
104
104
|
.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);}
|
105
105
|
.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;}
|
106
106
|
|
107
|
-
.
|
108
|
-
.
|
109
|
-
.
|
110
|
-
.
|
111
|
-
.
|
112
|
-
.
|
113
|
-
.
|
114
|
-
.
|
115
|
-
.
|
107
|
+
.TextArea_styles_1fyj8ox_s1luq7vd__0f883cf4{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-bottom:var(--plasma-textarea-label-margin-bottom);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
|
108
|
+
.TextArea_styles_1fyj8ox_s1r1fvk8__0f883cf4{color:var(--plasma-textarea__optional-color);}
|
109
|
+
.TextArea_styles_1fyj8ox_surmvwq__0f883cf4{background-color:var(--plasma-textarea-input-background-color);padding-top:var(--plasma-textarea-input-padding-top);padding-bottom:var(--surmvwq-0);border-radius:var(--surmvwq-1);}
|
110
|
+
.TextArea_styles_1fyj8ox_s18bd513__0f883cf4{position:absolute;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;bottom:0;z-index:1;top:var(--plasma-textarea-right-content-top);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
|
111
|
+
.TextArea_styles_1fyj8ox_s7alcr2__0f883cf4{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--s7alcr2-0);position:relative;}
|
112
|
+
.TextArea_styles_1fyj8ox_si9oz50__0f883cf4{display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(--plasma-textarea-input-color);caret-color:var(--plasma-textarea-input-caret-color);resize:var(--si9oz50-0);--plasma_private-textarea-height:var(--si9oz50-1);--plasma_private-textarea-width:var(--si9oz50-2);--plasma_private-textarea-computed-height:var(--si9oz50-3);--plasma_private-textarea-computed-width:var(--si9oz50-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--si9oz50-5);max-width:var(--si9oz50-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--si9oz50-6);padding-left:var(--plasma-textarea-input-padding-left);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top) + var(--plasma-textarea-helpers-padding-bottom) + var(--plasma-textarea-helpers-line-height) );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(--plasma-textarea-helpers-offset) );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(--plasma-textarea-input-padding-bottom) );--plasma_private-textarea-input-actual-height:var(--si9oz50-7);height:var(--plasma_private-textarea-input-actual-height);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}.TextArea_styles_1fyj8ox_si9oz50__0f883cf4::-webkit-input-placeholder{opacity:0;}.TextArea_styles_1fyj8ox_si9oz50__0f883cf4::-moz-placeholder{opacity:0;}.TextArea_styles_1fyj8ox_si9oz50__0f883cf4:-ms-input-placeholder{opacity:0;}.TextArea_styles_1fyj8ox_si9oz50__0f883cf4::placeholder{opacity:0;}.TextArea_styles_1fyj8ox_si9oz50__0f883cf4:-moz-read-only{cursor:default;}.TextArea_styles_1fyj8ox_si9oz50__0f883cf4:read-only{cursor:default;}.TextArea_styles_1fyj8ox_si9oz50__0f883cf4:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}
|
113
|
+
.TextArea_styles_1fyj8ox_s18tpn65__0f883cf4{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;background-color:var(--plasma-textarea-helpers-background-color);padding-top:var(--plasma-textarea-helpers-padding-top);padding-right:var(--plasma-textarea-helpers-padding-right);padding-bottom:var(--plasma-textarea-helpers-padding-bottom);padding-left:var(--plasma-textarea-helpers-padding-left);border-bottom-left-radius:var(--plasma-textarea-border-radius);border-bottom-right-radius:var(--plasma-textarea-border-radius);}
|
114
|
+
.TextArea_styles_1fyj8ox_s19sfsrt__0f883cf4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-family:var(--plasma-textarea-helpers-font-family);font-size:var(--plasma-textarea-helpers-font-size);font-style:var(--plasma-textarea-helpers-font-style);font-weight:var(--plasma-textarea-helpers-font-weight);-webkit-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);letter-spacing:var(--plasma-textarea-helpers-letter-spacing);line-height:var(--plasma-textarea-helpers-line-height);color:var(--plasma-textarea-left-helper-color);}
|
115
|
+
.TextArea_styles_1fyj8ox_sfype23__0f883cf4.TextArea_styles_1fyj8ox_s19sfsrt__0f883cf4{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
|
116
|
+
.TextArea_styles_1fyj8ox_s3wsw3p__0f883cf4{box-sizing:border-box;position:absolute;pointer-events:none;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-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;color:var(--plasma-textarea-placeholder-color);width:100%;height:auto;top:var(--plasma-textarea-input-padding-top);padding-left:var(--plasma-textarea-input-padding-left);padding-right:var(--s3wsw3p-0);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
|
117
|
+
.TextArea_styles_1fyj8ox_stc5t23__0f883cf4{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_1fyj8ox_stc5t23__0f883cf4.TextArea_styles_1fyj8ox_labelPlacementOuter__0f883cf4{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_1fyj8ox_stc5t23__0f883cf4.TextArea_styles_1fyj8ox_labelPlacementOuter__0f883cf4.TextArea_styles_1fyj8ox_alignRight__0f883cf4{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_1fyj8ox_stc5t23__0f883cf4.TextArea_styles_1fyj8ox_labelPlacementInner__0f883cf4{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_1fyj8ox_stc5t23__0f883cf4.TextArea_styles_1fyj8ox_labelPlacementInner__0f883cf4.TextArea_styles_1fyj8ox_alignRight__0f883cf4{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
116
118
|
|
117
119
|
.base_jjtr9h_bofyi4a__1bb5db39 .base_jjtr9h_textareaContainer__1bb5db39{-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color);}.base_jjtr9h_bofyi4a__1bb5db39 .base_jjtr9h_textareaWrapper__1bb5db39{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);}.base_jjtr9h_bofyi4a__1bb5db39:focus-within:not([readonly]) .base_jjtr9h_textareaWrapper__1bb5db39{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.base_jjtr9h_bofyi4a__1bb5db39:focus-within:not([readonly]) .base_jjtr9h_textareaContainer__1bb5db39{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-focus);}.base_jjtr9h_bofyi4a__1bb5db39:focus-within:not([readonly]) .base_jjtr9h_textareaHelpers__1bb5db39{background-color:var(--plasma-textarea-helpers-background-color-focus);}.base_jjtr9h_bofyi4a__1bb5db39:hover:not([disabled]):not([readonly]):not(:focus-within) .base_jjtr9h_textareaContainer__1bb5db39{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-hover);}.base_jjtr9h_bofyi4a__1bb5db39:hover:not([disabled]):not([readonly]):not(:focus-within) .base_jjtr9h_textareaWrapper__1bb5db39{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.base_jjtr9h_bofyi4a__1bb5db39:hover:not([disabled]):not([readonly]):not(:focus-within) .base_jjtr9h_textareaWrapper__1bb5db39 + .base_jjtr9h_textareaHelpers__1bb5db39{background-color:var(--plasma-textarea-helpers-background-color-hover);}.base_jjtr9h_bofyi4a__1bb5db39:active:not([disabled]):not([readonly]):not(:focus-within) .base_jjtr9h_textareaWrapper__1bb5db39{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.base_jjtr9h_bofyi4a__1bb5db39:active:not([disabled]):not([readonly]):not(:focus-within) .base_jjtr9h_textareaWrapper__1bb5db39 + .base_jjtr9h_textareaHelpers__1bb5db39{background-color:var(--plasma-textarea-helpers-background-color-active);}
|
118
120
|
|
@@ -120,42 +122,46 @@
|
|
120
122
|
|
121
123
|
.TextArea_ob9y3r_b6rykm0__6e3f706d{position:relative;box-sizing:border-box;}.TextArea_ob9y3r_b6rykm0__6e3f706d .TextArea_ob9y3r_innerPlaceholderUp__6e3f706d .TextArea_ob9y3r_textarea__6e3f706d{height:calc(var(--plasma_private-textarea-input-actual-height) - var(--plasma-textarea-label-inner-top));}.TextArea_ob9y3r_b6rykm0__6e3f706d .TextArea_ob9y3r_innerPlaceholderUp__6e3f706d .TextArea_ob9y3r_textareaWrapper__6e3f706d{padding-top:calc(calc(var(--plasma-textarea-label-inner-top) + var(--plasma-textarea-label-inner-font-size)) + var(--plasma-textarea-label-inner-margin-bottom));}.TextArea_ob9y3r_b6rykm0__6e3f706d .TextArea_ob9y3r_innerPlaceholderUp__6e3f706d .TextArea_ob9y3r_textareaPlaceholder__6e3f706d{font-family:var(--plasma-textarea-label-inner-font-family);font-size:var(--plasma-textarea-label-inner-font-size);font-style:var(--plasma-textarea-label-inner-font-style);font-weight:var(--plasma-textarea-label-inner-font-weight);-webkit-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);line-height:var(--plasma-textarea-label-inner-line-height);top:var(--plasma-textarea-label-inner-top);}.TextArea_ob9y3r_b6rykm0__6e3f706d .TextArea_ob9y3r_hidePlaceholder__6e3f706d .TextArea_ob9y3r_textareaPlaceholder__6e3f706d{display:none;}.TextArea_ob9y3r_b6rykm0__6e3f706d .TextArea_ob9y3r_focusedOuterPlaceholderColor__6e3f706d .TextArea_ob9y3r_textareaPlaceholder__6e3f706d{color:var(--plasma-textarea-placeholder-color-focus);}
|
122
124
|
|
123
|
-
.
|
125
|
+
.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_io4bpie__5ad04311{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_i13qvwoy__5ad04311{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);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_iq39zt5__5ad04311{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_iq39zt5__5ad04311.base_uk56yo_hasChips__5ad04311{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_iq39zt5__5ad04311.base_uk56yo_hasEmptyContentLeft__5ad04311{padding-left:var(--plasma-textfield-padding-with-chips);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_iq39zt5__5ad04311.base_uk56yo_hasEmptyContentRight__5ad04311{padding-right:var(--plasma-textfield-padding-with-chips);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_lbt1ohz__5ad04311{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);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_luk2zst__5ad04311{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);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_s1gjsnfi__5ad04311,.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_ssv2kwg__5ad04311{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);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_s1gjsnfi__5ad04311{margin:var(--plasma-textfield__before-text-margin);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_ssv2kwg__5ad04311{margin:var(--plasma-textfield__after-text-margin);}
|
124
126
|
|
125
|
-
.
|
127
|
+
.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_iq39zt5__89b91e11{--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;}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_iq39zt5__89b91e11: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) );}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_iq39zt5__89b91e11: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) );}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_i19ry60d__89b91e11{color:var(--plasma-textfield__placeholder-color);}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_io4bpie__89b91e11{color:var(--plasma-textfield-color);}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_luk2zst__89b91e11{color:var(--plasma-textfield__left-helper-color);}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_s1gjsnfi__89b91e11{color:var(--plasma-textfield__before-text-color);}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_ssv2kwg__89b91e11{color:var(--plasma-textfield__after-text-color);}
|
126
128
|
|
127
129
|
.base_1tnjoy9_b15zsg4z__de8f837b[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_1tnjoy9_b15zsg4z__de8f837b[disabled] .base_1tnjoy9_io4bpie__de8f837b{cursor:not-allowed;min-width:unset;}
|
128
130
|
|
129
|
-
.
|
131
|
+
.base_4tqave_b1w985rt__04747393[readonly] .base_4tqave_iq39zt5__04747393{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);}.base_4tqave_b1w985rt__04747393[readonly] .base_4tqave_iq39zt5__04747393:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_4tqave_b1w985rt__04747393[readonly] .base_4tqave_i19ry60d__04747393{color:var(--plasma-textfield__placeholder-color-readonly);}.base_4tqave_b1w985rt__04747393[readonly] .base_4tqave_io4bpie__04747393{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_4tqave_b1w985rt__04747393[readonly] .base_4tqave_luk2zst__04747393{color:var(--plasma-textfield__left-helper-color-readonly);}.base_4tqave_b1w985rt__04747393[readonly] .base_4tqave_lbt1ohz__04747393{color:var(--plasma-textfield__label-color-readonly);}
|
130
132
|
|
131
|
-
.
|
133
|
+
.base_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementOuter__218bc44d .base_1dbnupp_lbt1ohz__218bc44d{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementInner__218bc44d .base_1dbnupp_i13qvwoy__218bc44d{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementInner__218bc44d .base_1dbnupp_ssv2kwg__218bc44d,.base_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementInner__218bc44d .base_1dbnupp_s1gjsnfi__218bc44d{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementInner__218bc44d .base_1dbnupp_io4bpie__218bc44d:focus ~ .base_1dbnupp_lbt1ohz__218bc44d,.base_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementInner__218bc44d .base_1dbnupp_io4bpie__218bc44d.base_1dbnupp_hasValue__218bc44d ~ .base_1dbnupp_lbt1ohz__218bc44d{-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);}.base_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementInner__218bc44d .base_1dbnupp_lbt1ohz__218bc44d{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);}
|
132
134
|
|
133
|
-
.
|
134
|
-
.
|
135
|
-
.
|
136
|
-
.
|
137
|
-
|
138
|
-
.
|
139
|
-
.
|
135
|
+
.TextField_styles_u6pm7v_iq39zt5__c8d76292{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;}
|
136
|
+
.TextField_styles_u6pm7v_i1j28rg8__c8d76292{-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_u6pm7v_i1j28rg8__c8d76292::-webkit-scrollbar{display:none;}.TextField_styles_u6pm7v_i1j28rg8__c8d76292.TextField_styles_u6pm7v_hasChips__c8d76292{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
137
|
+
.TextField_styles_u6pm7v_s13zudoe__c8d76292{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;}
|
138
|
+
.TextField_styles_u6pm7v_io4bpie__c8d76292{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_u6pm7v_io4bpie__c8d76292::-webkit-input-placeholder{opacity:0;}.TextField_styles_u6pm7v_io4bpie__c8d76292::-moz-placeholder{opacity:0;}.TextField_styles_u6pm7v_io4bpie__c8d76292:-ms-input-placeholder{opacity:0;}.TextField_styles_u6pm7v_io4bpie__c8d76292::placeholder{opacity:0;}
|
139
|
+
.TextField_styles_u6pm7v_i13qvwoy__c8d76292{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
|
140
|
+
.TextField_styles_u6pm7v_i19ry60d__c8d76292{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);}
|
141
|
+
.TextField_styles_u6pm7v_lbt1ohz__c8d76292{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
142
|
+
.TextField_styles_u6pm7v_slv9av6__c8d76292{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
|
143
|
+
.TextField_styles_u6pm7v_s600610__c8d76292{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
|
140
144
|
|
141
145
|
|
142
146
|
|
147
|
+
.TextField_styles_u6pm7v_s190z894__c8d76292{color:var(--plasma-textfield__optional-color);}
|
148
|
+
.TextField_styles_u6pm7v_sb3k3v1__c8d76292{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_u6pm7v_sb3k3v1__c8d76292.TextField_styles_u6pm7v_labelPlacementOuter__c8d76292{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_u6pm7v_sb3k3v1__c8d76292.TextField_styles_u6pm7v_labelPlacementOuter__c8d76292.TextField_styles_u6pm7v_alignRight__c8d76292{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_u6pm7v_sb3k3v1__c8d76292.TextField_styles_u6pm7v_labelPlacementInner__c8d76292{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_u6pm7v_sb3k3v1__c8d76292.TextField_styles_u6pm7v_labelPlacementInner__c8d76292.TextField_styles_u6pm7v_alignRight__c8d76292{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
143
149
|
|
144
150
|
.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
145
151
|
|
146
|
-
.
|
152
|
+
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
147
153
|
|
148
|
-
.
|
154
|
+
.base_4d2o9y_boymyss__78fb3caf.base_4d2o9y_textFieldGroupOverrideStyles__78fb3caf .base_4d2o9y_textFieldGroupItem__78fb3caf{--plasma-textfield-height:var(--plasma-text-field-group-item-height);--plasma-textfield-padding:var(--plasma-text-field-group-item-padding);--plasma-textfield-padding-with-chips:var(--plasma-text-field-group-item-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-text-field-group-item__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-text-field-group-item__right-content-margin);--plasma-textfield__before-text-margin:var(--plasma-text-field-group-item__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-text-field-group-item__after-text-margin);--plasma-textfield-font-family:var(--plasma-text-field-group-item-font-family);--plasma-textfield-font-size:var(--plasma-text-field-group-item-font-size);--plasma-textfield-font-style:var(--plasma-text-field-group-item-font-style);--plasma-textfield-font-weight:var(--plasma-text-field-group-item-font-weight);--plasma-textfield-letter-spacing:var(--plasma-text-field-group-item-letter-spacing);--plasma-textfield-line-height:var(--plasma-text-field-group-item-line-height);--plasma-textfield__label-offset:var(--plasma-text-field-group-item__label-offset);--plasma-textfield__label-font-family:var(--plasma-text-field-group-item__label-font-family);--plasma-textfield__label-font-size:var(--plasma-text-field-group-item__label-font-size);--plasma-textfield__label-font-style:var(--plasma-text-field-group-item__label-font-style);--plasma-textfield__label-font-weight:var(--plasma-text-field-group-item__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-text-field-group-item__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-text-field-group-item__label-line-height);--plasma-textfield__left-helper-offset:var(--plasma-text-field-group-item__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-text-field-group-item__left-helper-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-text-field-group-item__left-helper-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-text-field-group-item__left-helper-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-text-field-group-item__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-text-field-group-item__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-text-field-group-item__left-helper-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-text-field-group-item-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-text-field-group-item-placement_inner__content-padding);--plasma-textfield__chip-gap:var(--plasma-text-field-group-item__chip-gap);--plasma-textfield__chip-border-radius:var(--plasma-text-field-group-item__chip-border-radius);--plasma-textfield__chip-width:var(--plasma-text-field-group-item__chip-width);--plasma-textfield__chip-height:var(--plasma-text-field-group-item__chip-height);--plasma-textfield__chip-padding-right:var(--plasma-text-field-group-item__chip-padding-right);--plasma-textfield__chip-padding-left:var(--plasma-text-field-group-item__chip-padding-left);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-text-field-group-item__chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-text-field-group-item__chip-clear-content-margin-right);--plasma-textfield__chip-close-icon-size:var(--plasma-text-field-group-item__chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-text-field-group-item__chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-text-field-group-item__chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-text-field-group-item__chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-text-field-group-item__chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-text-field-group-item__chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-text-field-group-item__chip-line-height);}
|
149
155
|
|
150
|
-
.
|
156
|
+
.base_147olfn_b1uq5kuw__a79ac229{gap:var(--plasma-text-field-group-items-gap);}
|
151
157
|
|
152
|
-
.
|
158
|
+
.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupShapeDefault__df84199d{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-default-radius);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupShapeSegmented__df84199d{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-segmented-radius);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupShapeSegmented__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d{--plasma_private-text-field-radius-inner:0;}.base_1e0je21_b1jijyt7__df84199d .base_1e0je21_textFieldGroupItem__df84199d .base_1e0je21_iq39zt5__df84199d{--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_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:first-child){margin-left:var(--plasma-text-field-group-web-margin-left);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:last-child) .base_1e0je21_iq39zt5__df84199d{-webkit-clip-path:var(--plasma-text-field-group-web-clip-path);clip-path:var(--plasma-text-field-group-web-clip-path);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:last-child) .base_1e0je21_iq39zt5__df84199d:hover,.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:last-child) .base_1e0je21_iq39zt5__df84199d:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:first-child){margin-top:var(--plasma-text-field-group-web-margin-top);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:first-child) .base_1e0je21_iq39zt5__df84199d{-webkit-clip-path:var(--plasma-text-field-group-web-vertical-clip-path);clip-path:var(--plasma-text-field-group-web-vertical-clip-path);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:first-child) .base_1e0je21_iq39zt5__df84199d:hover,.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:first-child) .base_1e0je21_iq39zt5__df84199d:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d .base_1e0je21_textFieldGroupItem__df84199d:first-child:last-child .base_1e0je21_iq39zt5__df84199d,.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d .base_1e0je21_textFieldGroupItem__df84199d:first-child:last-child .base_1e0je21_iq39zt5__df84199d{border-radius:var(--plasma-text-field-group-side-item-radius);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d .base_1e0je21_textFieldGroupItem__df84199d:first-child .base_1e0je21_iq39zt5__df84199d{--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_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d .base_1e0je21_textFieldGroupItem__df84199d:last-child .base_1e0je21_iq39zt5__df84199d{--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_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d .base_1e0je21_textFieldGroupItem__df84199d:first-child .base_1e0je21_iq39zt5__df84199d{--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_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d .base_1e0je21_textFieldGroupItem__df84199d:last-child .base_1e0je21_iq39zt5__df84199d{--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);}
|
153
159
|
|
154
|
-
.
|
160
|
+
.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;}
|
155
161
|
|
156
|
-
.
|
162
|
+
.base_1m1ul70_b18yornl__1f7e61d2.base_1m1ul70_textFieldGroupStretchingFilled__1f7e61d2{width:100%;}.base_1m1ul70_b18yornl__1f7e61d2.base_1m1ul70_textFieldGroupStretchingFilled__1f7e61d2 .base_1m1ul70_textFieldGroupItem__1f7e61d2{width:100%;}
|
157
163
|
|
158
|
-
.
|
164
|
+
.TextFieldGroup_styles_soj2wl_buxwmzu__0f513e82{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
159
165
|
|
160
166
|
.after_1sk7lsj_l1u83q10__310e7ae9{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
|
161
167
|
|
package/cjs/index.js
CHANGED
@@ -52,8 +52,8 @@ var TextArea = require('./components/TextArea/TextArea.js');
|
|
52
52
|
var TextArea_tokens = require('./components/TextArea/TextArea.tokens.js');
|
53
53
|
var TextField = require('./components/TextField/TextField.js');
|
54
54
|
var TextField_tokens = require('./components/TextField/TextField.tokens.js');
|
55
|
-
var
|
56
|
-
var
|
55
|
+
var TextFieldGroup = require('./components/TextFieldGroup/TextFieldGroup.js');
|
56
|
+
var TextFieldGroup_tokens = require('./components/TextFieldGroup/TextFieldGroup.tokens.js');
|
57
57
|
var after = require('./components/Switch/_label-position/after.js');
|
58
58
|
var before = require('./components/Switch/_label-position/before.js');
|
59
59
|
var Switch = require('./components/Switch/Switch.js');
|
@@ -329,10 +329,10 @@ exports.textFieldConfig = TextField.textFieldConfig;
|
|
329
329
|
exports.textFieldRoot = TextField.textFieldRoot;
|
330
330
|
exports.textFieldClasses = TextField_tokens.classes;
|
331
331
|
exports.textFieldTokens = TextField_tokens.tokens;
|
332
|
-
exports.
|
333
|
-
exports.
|
334
|
-
exports.
|
335
|
-
exports.
|
332
|
+
exports.textFieldGroupConfig = TextFieldGroup.textFieldGroupConfig;
|
333
|
+
exports.textFieldGroupRoot = TextFieldGroup.textFieldGroupRoot;
|
334
|
+
exports.textFieldGroupClasses = TextFieldGroup_tokens.classes;
|
335
|
+
exports.textFieldGroupTokens = TextFieldGroup_tokens.tokens;
|
336
336
|
exports.Switch_LabelPosition_After = after.labelPosition_After;
|
337
337
|
exports.Switch_LabelPosition_Before = before.labelPosition_Before;
|
338
338
|
exports.switchConfig = Switch.switchConfig;
|
@@ -35,7 +35,7 @@ var usePopupContext = exports.usePopupContext = function usePopupContext() {
|
|
35
35
|
};
|
36
36
|
var PopupProvider = exports.PopupProvider = function PopupProvider(_ref) {
|
37
37
|
var children = _ref.children;
|
38
|
-
var prevBodyOverflowY = (0, _react.useRef)(document.body.style.overflowY);
|
38
|
+
var prevBodyOverflowY = (0, _react.useRef)(typeof document !== 'undefined' ? document.body.style.overflowY : '');
|
39
39
|
var _useState = (0, _react.useState)([]),
|
40
40
|
_useState2 = _slicedToArray(_useState, 2),
|
41
41
|
items = _useState2[0],
|