@salutejs/plasma-new-hope 0.138.0-canary.1415.10665437827.0 → 0.138.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Popup/PopupContext.js +1 -1
- package/cjs/components/Popup/PopupContext.js.map +1 -1
- package/cjs/components/TextField/TextField.js +1 -1
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.tokens.js +1 -1
- package/cjs/components/TextField/TextField.tokens.js.map +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 +6 -6
- package/cjs/index.js +6 -6
- package/emotion/cjs/components/Popup/PopupContext.js +1 -1
- package/emotion/cjs/components/TextField/TextField.js +2 -2
- package/emotion/cjs/components/TextField/TextField.tokens.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/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/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/TextField/TextField.js +2 -2
- package/emotion/es/components/TextField/TextField.tokens.js +1 -1
- 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/TextFieldGroup/TextFieldGroup.config.js +32 -0
- package/emotion/es/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.js +5 -0
- package/emotion/{cjs/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx → es/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.stories.tsx} +11 -11
- 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/es/examples/plasma_web/components/{InputGroup/InputGroup.stories.tsx → TextFieldGroup/TextFieldGroup.stories.tsx} +11 -11
- package/emotion/es/index.js +1 -1
- package/es/components/Popup/PopupContext.js +1 -1
- package/es/components/Popup/PopupContext.js.map +1 -1
- package/es/components/TextField/TextField.js +1 -1
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.tokens.js +1 -1
- package/es/components/TextField/TextField.tokens.js.map +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 +6 -6
- 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/TextField/TextField.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -1
- package/styled-components/cjs/components/{InputGroup/InputGroup.js → TextFieldGroup/TextFieldGroup.js} +16 -16
- package/styled-components/{es/components/InputGroup/InputGroup.template-doc.mdx → 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/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/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/TextField/TextField.js +1 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +1 -1
- package/styled-components/es/components/{InputGroup/InputGroup.js → TextFieldGroup/TextFieldGroup.js} +10 -10
- package/{emotion/cjs/components/InputGroup/InputGroup.template-doc.mdx → styled-components/es/components/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/{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/{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/TextField/TextField.tokens.d.ts +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/{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/{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/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/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
@@ -1,24 +1,24 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import {
|
2
|
+
import { textFieldGroupTokens as tokens } from '../../../../components/TextFieldGroup';
|
3
3
|
export var config = {
|
4
4
|
defaults: {
|
5
5
|
size: 'm'
|
6
6
|
},
|
7
7
|
variations: {
|
8
8
|
size: {
|
9
|
-
l: /*#__PURE__*/css(["", ":0.875rem;", ":0.375rem;", ":0.875rem;", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], tokens.
|
10
|
-
m: /*#__PURE__*/css(["", ":0.75rem;", ":0.25rem;", ":0.75rem;", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], tokens.
|
11
|
-
s: /*#__PURE__*/css(["", ":0.25rem;", ":0.625rem;", ":0.625rem;", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], tokens.
|
12
|
-
xs: /*#__PURE__*/css(["", ":0.125rem;", ":0.5rem;", ":0.5rem;", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tokens.
|
9
|
+
l: /*#__PURE__*/css(["", ":0.875rem;", ":0.375rem;", ":0.875rem;", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], tokens.textFieldDefaultRadius, tokens.textFieldSegmentedRadius, tokens.textFieldSideRadius, tokens.height, tokens.padding, tokens.paddingWithChips, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
|
10
|
+
m: /*#__PURE__*/css(["", ":0.75rem;", ":0.25rem;", ":0.75rem;", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], tokens.textFieldDefaultRadius, tokens.textFieldSegmentedRadius, tokens.textFieldSideRadius, tokens.height, tokens.padding, tokens.paddingWithChips, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
|
11
|
+
s: /*#__PURE__*/css(["", ":0.25rem;", ":0.625rem;", ":0.625rem;", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], tokens.textFieldSegmentedRadius, tokens.textFieldSideRadius, tokens.textFieldDefaultRadius, tokens.height, tokens.padding, tokens.paddingWithChips, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
|
12
|
+
xs: /*#__PURE__*/css(["", ":0.125rem;", ":0.5rem;", ":0.5rem;", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tokens.textFieldSegmentedRadius, tokens.textFieldDefaultRadius, tokens.textFieldSideRadius, tokens.height, tokens.padding, tokens.paddingWithChips, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight)
|
13
13
|
},
|
14
14
|
orientation: {
|
15
|
-
horizontal: /*#__PURE__*/css(["", ":row;"], tokens.
|
16
|
-
vertical: /*#__PURE__*/css(["", ":column;"], tokens.
|
15
|
+
horizontal: /*#__PURE__*/css(["", ":row;"], tokens.textFieldGroupOrientation),
|
16
|
+
vertical: /*#__PURE__*/css(["", ":column;"], tokens.textFieldGroupOrientation)
|
17
17
|
},
|
18
18
|
gap: {
|
19
|
-
none: /*#__PURE__*/css(["", ":0;", ":-0.063rem;", ":inset(0 0.063rem 0 0);", ":-0.063rem;", ":inset(0.063rem 0 0 0);"], tokens.
|
20
|
-
dense: /*#__PURE__*/css(["", ":0.125rem;"], tokens.
|
21
|
-
wide: /*#__PURE__*/css(["", ":0.5rem;"], tokens.
|
19
|
+
none: /*#__PURE__*/css(["", ":0;", ":-0.063rem;", ":inset(0 0.063rem 0 0);", ":-0.063rem;", ":inset(0.063rem 0 0 0);"], tokens.textFieldGroupItemsGap, tokens.textFieldGroupWebMarginLeft, tokens.textFieldGroupWebClipPath, tokens.textFieldGroupWebMarginTop, tokens.textFieldGroupWebVerticalClipPath),
|
20
|
+
dense: /*#__PURE__*/css(["", ":0.125rem;"], tokens.textFieldGroupItemsGap),
|
21
|
+
wide: /*#__PURE__*/css(["", ":0.5rem;"], tokens.textFieldGroupItemsGap)
|
22
22
|
},
|
23
23
|
shape: {
|
24
24
|
segmented: /*#__PURE__*/css([""]),
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { textFieldGroupConfig } from '../../../../components/TextFieldGroup';
|
2
|
+
import { component, mergeConfig } from '../../../../engines';
|
3
|
+
import { config } from './TextFieldGroup.config';
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(textFieldGroupConfig, config);
|
5
|
+
export var TextFieldGroup = /*#__PURE__*/component(mergedConfig);
|
@@ -0,0 +1,116 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import type { ComponentProps } from 'react';
|
3
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
+
import { disableProps } from '@salutejs/plasma-sb-utils';
|
5
|
+
|
6
|
+
import { WithTheme } from '../../../_helpers';
|
7
|
+
import { TextField } from '../TextField/TextField';
|
8
|
+
|
9
|
+
import { TextFieldGroup } from './TextFieldGroup';
|
10
|
+
|
11
|
+
type StoryProps = Omit<ComponentProps<typeof TextFieldGroup>, 'gap'> & {
|
12
|
+
itemsCount?: number;
|
13
|
+
gapDefaultShape?: string;
|
14
|
+
gapSegmentedShape?: string;
|
15
|
+
};
|
16
|
+
type Story = StoryObj<StoryProps>;
|
17
|
+
|
18
|
+
const sizes = ['l', 'm', 's', 'xs'];
|
19
|
+
const orientationValues = ['horizontal', 'vertical'];
|
20
|
+
const gapDefaultValues = ['dense', 'wide'];
|
21
|
+
const gapSegmentedValues = ['none', 'dense'];
|
22
|
+
const shapeValues = ['segmented', 'default'];
|
23
|
+
const stretchingValues = ['auto', 'filled'];
|
24
|
+
|
25
|
+
const meta: Meta<typeof TextFieldGroup> = {
|
26
|
+
title: 'plasma_web/TextFieldGroup',
|
27
|
+
decorators: [WithTheme],
|
28
|
+
argTypes: {
|
29
|
+
size: {
|
30
|
+
options: sizes,
|
31
|
+
control: {
|
32
|
+
type: 'select',
|
33
|
+
},
|
34
|
+
},
|
35
|
+
orientation: {
|
36
|
+
options: orientationValues,
|
37
|
+
control: {
|
38
|
+
type: 'inline-radio',
|
39
|
+
},
|
40
|
+
},
|
41
|
+
shape: {
|
42
|
+
options: shapeValues,
|
43
|
+
control: {
|
44
|
+
type: 'select',
|
45
|
+
},
|
46
|
+
},
|
47
|
+
stretching: {
|
48
|
+
options: stretchingValues,
|
49
|
+
control: {
|
50
|
+
type: 'select',
|
51
|
+
},
|
52
|
+
},
|
53
|
+
...disableProps(['gap']),
|
54
|
+
},
|
55
|
+
};
|
56
|
+
|
57
|
+
export default meta;
|
58
|
+
|
59
|
+
export const Default: Story = {
|
60
|
+
argTypes: {
|
61
|
+
gapDefaultShape: {
|
62
|
+
options: gapDefaultValues,
|
63
|
+
control: { type: 'select' },
|
64
|
+
if: { arg: 'shape', eq: 'default' },
|
65
|
+
},
|
66
|
+
gapSegmentedShape: {
|
67
|
+
options: gapSegmentedValues,
|
68
|
+
control: { type: 'select' },
|
69
|
+
if: { arg: 'shape', eq: 'segmented' },
|
70
|
+
},
|
71
|
+
},
|
72
|
+
args: {
|
73
|
+
size: 'm',
|
74
|
+
shape: 'default',
|
75
|
+
gapDefaultShape: 'dense',
|
76
|
+
gapSegmentedShape: 'dense',
|
77
|
+
orientation: 'horizontal',
|
78
|
+
itemsCount: 5,
|
79
|
+
stretching: 'auto',
|
80
|
+
},
|
81
|
+
render: ({ itemsCount, gapDefaultShape, gapSegmentedShape, ...args }: StoryProps) => {
|
82
|
+
return (
|
83
|
+
<TextFieldGroup {...args} gap={(gapDefaultShape || gapSegmentedShape) as any}>
|
84
|
+
{Array(itemsCount)
|
85
|
+
.fill(true)
|
86
|
+
.map((_, i) => (
|
87
|
+
<TextField placeholder={`input #${i}`} />
|
88
|
+
))}
|
89
|
+
</TextFieldGroup>
|
90
|
+
);
|
91
|
+
},
|
92
|
+
};
|
93
|
+
|
94
|
+
export const CustomTextFields: Story = {
|
95
|
+
args: {
|
96
|
+
...Default.args,
|
97
|
+
isCommonTextFieldStyles: false,
|
98
|
+
},
|
99
|
+
argTypes: {
|
100
|
+
...Default.argTypes,
|
101
|
+
...disableProps(['itemsCount']),
|
102
|
+
},
|
103
|
+
render: ({ gapDefaultShape, gapSegmentedShape, ...args }: StoryProps) => {
|
104
|
+
return (
|
105
|
+
<>
|
106
|
+
<h3>Группа TextField с разными размерами</h3>
|
107
|
+
<TextFieldGroup {...args} gap={(gapDefaultShape || gapSegmentedShape) as any}>
|
108
|
+
<TextField placeholder="Размер l" size="l" />
|
109
|
+
<TextField placeholder="Размер m" size="m" />
|
110
|
+
<TextField placeholder="Размер s" size="s" />
|
111
|
+
<TextField placeholder="Размер xs" size="xs" />
|
112
|
+
</TextFieldGroup>
|
113
|
+
</>
|
114
|
+
);
|
115
|
+
},
|
116
|
+
};
|
@@ -17,7 +17,7 @@ export * from './components/Radiobox';
|
|
17
17
|
export * from './components/Popover';
|
18
18
|
export * from './components/TextArea';
|
19
19
|
export * from './components/TextField';
|
20
|
-
export * from './components/
|
20
|
+
export * from './components/TextFieldGroup';
|
21
21
|
export * from './components/Switch';
|
22
22
|
export * from './components/Tabs';
|
23
23
|
export * from './components/Calendar';
|
@@ -1,11 +1,11 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import type { RootProps } from '../../engines';
|
3
|
-
import type {
|
4
|
-
export declare const
|
5
|
-
export declare const
|
3
|
+
import type { TextFieldGroupProps, TextFieldGroupRootProps } from './TextFieldGroup.types';
|
4
|
+
export declare const textFieldGroupRoot: (Root: RootProps<HTMLDivElement, TextFieldGroupRootProps>) => React.ForwardRefExoticComponent<TextFieldGroupProps & React.RefAttributes<HTMLDivElement>>;
|
5
|
+
export declare const textFieldGroupConfig: {
|
6
6
|
name: string;
|
7
7
|
tag: string;
|
8
|
-
layout: (Root: RootProps<HTMLDivElement,
|
8
|
+
layout: (Root: RootProps<HTMLDivElement, TextFieldGroupRootProps>) => React.ForwardRefExoticComponent<TextFieldGroupProps & React.RefAttributes<HTMLDivElement>>;
|
9
9
|
base: import("@linaria/core").LinariaClassName;
|
10
10
|
variations: {
|
11
11
|
size: {
|
@@ -32,4 +32,4 @@ export declare const inputGroupConfig: {
|
|
32
32
|
stretching: string;
|
33
33
|
};
|
34
34
|
};
|
35
|
-
//# sourceMappingURL=
|
35
|
+
//# sourceMappingURL=TextFieldGroup.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextFieldGroup.d.ts","sourceRoot":"","sources":["../../../src/components/TextFieldGroup/TextFieldGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU/C,OAAO,KAAK,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAE3F,eAAO,MAAM,kBAAkB,SAAU,UAAU,cAAc,EAAE,uBAAuB,CAAC,+FAiCrF,CAAC;AAEP,eAAO,MAAM,oBAAoB;;;mBAnCQ,UAAU,cAAc,EAAE,uBAAuB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CAgE1F,CAAC"}
|
@@ -1,2 +1,2 @@
|
|
1
1
|
export declare const base: import("@linaria/core").LinariaClassName;
|
2
|
-
//# sourceMappingURL=
|
2
|
+
//# sourceMappingURL=TextFieldGroup.styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextFieldGroup.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextFieldGroup/TextFieldGroup.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAEhB,CAAC"}
|
@@ -1,8 +1,8 @@
|
|
1
1
|
export declare const classes: {
|
2
2
|
autoStretching: string;
|
3
3
|
filledStretching: string;
|
4
|
-
|
5
|
-
|
4
|
+
textFieldGroupOverrideStyles: string;
|
5
|
+
textFieldGroupItem: string;
|
6
6
|
horizontal: string;
|
7
7
|
vertical: string;
|
8
8
|
none: string;
|
@@ -12,15 +12,15 @@ export declare const classes: {
|
|
12
12
|
default: string;
|
13
13
|
};
|
14
14
|
export declare const tokens: {
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
15
|
+
textFieldGroupOrientation: string;
|
16
|
+
textFieldGroupWebMarginLeft: string;
|
17
|
+
textFieldGroupWebClipPath: string;
|
18
|
+
textFieldGroupWebMarginTop: string;
|
19
|
+
textFieldGroupWebVerticalClipPath: string;
|
20
|
+
textFieldSegmentedRadius: string;
|
21
|
+
textFieldDefaultRadius: string;
|
22
|
+
textFieldSideRadius: string;
|
23
|
+
textFieldGroupItemsGap: string;
|
24
24
|
height: string;
|
25
25
|
borderWidth: string;
|
26
26
|
/** Отступ от границы ТextField */
|
@@ -82,4 +82,4 @@ export declare const tokens: {
|
|
82
82
|
chipClearContentMarginLeft: string;
|
83
83
|
chipClearContentMarginRight: string;
|
84
84
|
};
|
85
|
-
//# sourceMappingURL=
|
85
|
+
//# sourceMappingURL=TextFieldGroup.tokens.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextFieldGroup.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextFieldGroup/TextFieldGroup.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAgBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;IAgBf,kCAAkC;;;;;;;;;;;IAelC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;IA8BpB,qCAAqC;;;IAIrC,kBAAkB;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAC"}
|
@@ -38,7 +38,7 @@ declare type GapShapeVariants = {
|
|
38
38
|
*/
|
39
39
|
shape?: 'default';
|
40
40
|
};
|
41
|
-
declare type
|
41
|
+
declare type TextFieldGroupPropsCommon = {
|
42
42
|
/**
|
43
43
|
* Направление группы
|
44
44
|
* @default
|
@@ -61,7 +61,7 @@ declare type InputGroupPropsCommon = {
|
|
61
61
|
/**
|
62
62
|
* Размер группы input
|
63
63
|
* @description
|
64
|
-
* Применяется если
|
64
|
+
* Применяется если isCommonTextFieldStyles передан как true.
|
65
65
|
*/
|
66
66
|
size?: string;
|
67
67
|
/**
|
@@ -73,12 +73,12 @@ declare type InputGroupPropsCommon = {
|
|
73
73
|
* size берется из значений группы.
|
74
74
|
* Если значение не задано, каждый input может иметь свое значение size.
|
75
75
|
*/
|
76
|
-
|
76
|
+
isCommonTextFieldStyles?: boolean;
|
77
77
|
};
|
78
|
-
export declare type
|
79
|
-
export declare type
|
78
|
+
export declare type TextFieldGroupProps = HTMLAttributes<HTMLDivElement> & TextFieldGroupPropsCommon & GapShapeVariants;
|
79
|
+
export declare type TextFieldGroupRootProps = HTMLAttributes<HTMLDivElement> & TextFieldGroupPropsCommon & {
|
80
80
|
gap?: Gap;
|
81
81
|
shape?: Shape;
|
82
82
|
};
|
83
83
|
export {};
|
84
|
-
//# sourceMappingURL=
|
84
|
+
//# sourceMappingURL=TextFieldGroup.types.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextFieldGroup.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextFieldGroup/TextFieldGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,oBAAY,GAAG,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAC5C,oBAAY,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;AACpD,oBAAY,KAAK,GAAG,SAAS,GAAG,WAAW,CAAC;AAE5C,aAAK,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpC,aAAK,gBAAgB,GACf;IACI;;;;;;OAMG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;CACvB,GACD;IACI;;;;;;OAMG;IACH,GAAG,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAER,aAAK,yBAAyB,GAAG;IAC7B;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;;OAQG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACrC,CAAC;AAEF,oBAAY,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,yBAAyB,GAAG,gBAAgB,CAAC;AAChH,oBAAY,uBAAuB,GAAG,cAAc,CAAC,cAAc,CAAC,GAChE,yBAAyB,GAAG;IACxB,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC"}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
export { textFieldGroupRoot, textFieldGroupConfig } from './TextFieldGroup';
|
2
|
+
export { tokens as textFieldGroupTokens, classes as textFieldGroupClasses } from './TextFieldGroup.tokens';
|
3
|
+
export type { TextFieldGroupProps } from './TextFieldGroup.types';
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextFieldGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,oBAAoB,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAE3G,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextFieldGroup/variations/_gap/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAEhB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextFieldGroup/variations/_orientation/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAMhB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextFieldGroup/variations/_shape/base.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,0CA4FhB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextFieldGroup/variations/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAsDhB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextFieldGroup/variations/_stretching/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAQhB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextFieldGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuQlB,CAAC"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
export declare const
|
2
|
+
export declare const TextFieldGroup: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
3
3
|
size: {
|
4
4
|
l: import("@linaria/core").LinariaClassName;
|
5
5
|
m: import("@linaria/core").LinariaClassName;
|
@@ -24,20 +24,20 @@ export declare const InputGroup: import("react").FunctionComponent<import("../..
|
|
24
24
|
filled: import("@linaria/core").LinariaClassName;
|
25
25
|
};
|
26
26
|
}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
|
27
|
-
orientation?: import("../../../../components/
|
27
|
+
orientation?: import("../../../../components/TextFieldGroup/TextFieldGroup.types").Orientation | undefined;
|
28
28
|
stretching?: ("auto" | "filled") | undefined;
|
29
29
|
size?: string | undefined;
|
30
|
-
|
30
|
+
isCommonTextFieldStyles?: boolean | undefined;
|
31
31
|
} & {
|
32
32
|
gap?: "none" | "dense" | undefined;
|
33
33
|
shape?: "segmented" | undefined;
|
34
34
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
35
|
-
orientation?: import("../../../../components/
|
35
|
+
orientation?: import("../../../../components/TextFieldGroup/TextFieldGroup.types").Orientation | undefined;
|
36
36
|
stretching?: ("auto" | "filled") | undefined;
|
37
37
|
size?: string | undefined;
|
38
|
-
|
38
|
+
isCommonTextFieldStyles?: boolean | undefined;
|
39
39
|
} & {
|
40
40
|
gap?: "dense" | "wide" | undefined;
|
41
41
|
shape?: "default" | undefined;
|
42
42
|
} & import("react").RefAttributes<HTMLDivElement>))>;
|
43
|
-
//# sourceMappingURL=
|
43
|
+
//# sourceMappingURL=TextFieldGroup.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextFieldGroup.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAA0B,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextFieldGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2QlB,CAAC"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
export declare const
|
2
|
+
export declare const TextFieldGroup: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
3
3
|
size: {
|
4
4
|
l: import("@linaria/core").LinariaClassName;
|
5
5
|
m: import("@linaria/core").LinariaClassName;
|
@@ -24,20 +24,20 @@ export declare const InputGroup: import("react").FunctionComponent<import("../..
|
|
24
24
|
filled: import("@linaria/core").LinariaClassName;
|
25
25
|
};
|
26
26
|
}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
|
27
|
-
orientation?: import("../../../../components/
|
27
|
+
orientation?: import("../../../../components/TextFieldGroup/TextFieldGroup.types").Orientation | undefined;
|
28
28
|
stretching?: ("auto" | "filled") | undefined;
|
29
29
|
size?: string | undefined;
|
30
|
-
|
30
|
+
isCommonTextFieldStyles?: boolean | undefined;
|
31
31
|
} & {
|
32
32
|
gap?: "none" | "dense" | undefined;
|
33
33
|
shape?: "segmented" | undefined;
|
34
34
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
35
|
-
orientation?: import("../../../../components/
|
35
|
+
orientation?: import("../../../../components/TextFieldGroup/TextFieldGroup.types").Orientation | undefined;
|
36
36
|
stretching?: ("auto" | "filled") | undefined;
|
37
37
|
size?: string | undefined;
|
38
|
-
|
38
|
+
isCommonTextFieldStyles?: boolean | undefined;
|
39
39
|
} & {
|
40
40
|
gap?: "dense" | "wide" | undefined;
|
41
41
|
shape?: "default" | undefined;
|
42
42
|
} & import("react").RefAttributes<HTMLDivElement>))>;
|
43
|
-
//# sourceMappingURL=
|
43
|
+
//# sourceMappingURL=TextFieldGroup.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextFieldGroup.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAA0B,CAAC"}
|
package/types/index.d.ts
CHANGED
@@ -15,7 +15,7 @@ export * from './components/Radiobox';
|
|
15
15
|
export * from './components/Popover';
|
16
16
|
export * from './components/TextArea';
|
17
17
|
export * from './components/TextField';
|
18
|
-
export * from './components/
|
18
|
+
export * from './components/TextFieldGroup';
|
19
19
|
export * from './components/Switch';
|
20
20
|
export * from './components/Tabs';
|
21
21
|
export * from './components/Calendar';
|
package/types/index.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC"}
|
@@ -1,11 +0,0 @@
|
|
1
|
-
.base_1vk5vms_b1jw8jhy__8aa6239c.base_1vk5vms_inputGroupOverrideStyles__8aa6239c .base_1vk5vms_inputGroupItem__8aa6239c{--plasma-textfield-height:var(--plasma-input-group-item-height);--plasma-textfield-padding:var(--plasma-input-group-item-padding);--plasma-textfield-padding-with-chips:var(--plasma-input-group-item-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-input-group-item__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-input-group-item__right-content-margin);--plasma-textfield__before-text-margin:var(--plasma-input-group-item__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-input-group-item__after-text-margin);--plasma-textfield-font-family:var(--plasma-input-group-item-font-family);--plasma-textfield-font-size:var(--plasma-input-group-item-font-size);--plasma-textfield-font-style:var(--plasma-input-group-item-font-style);--plasma-textfield-font-weight:var(--plasma-input-group-item-font-weight);--plasma-textfield-letter-spacing:var(--plasma-input-group-item-letter-spacing);--plasma-textfield-line-height:var(--plasma-input-group-item-line-height);--plasma-textfield__label-offset:var(--plasma-input-group-item__label-offset);--plasma-textfield__label-font-family:var(--plasma-input-group-item__label-font-family);--plasma-textfield__label-font-size:var(--plasma-input-group-item__label-font-size);--plasma-textfield__label-font-style:var(--plasma-input-group-item__label-font-style);--plasma-textfield__label-font-weight:var(--plasma-input-group-item__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-input-group-item__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-input-group-item__label-line-height);--plasma-textfield__left-helper-offset:var(--plasma-input-group-item__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-input-group-item__left-helper-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-input-group-item__left-helper-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-input-group-item__left-helper-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-input-group-item__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-input-group-item__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-input-group-item__left-helper-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-input-group-item-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-input-group-item-placement_inner__content-padding);--plasma-textfield__chip-gap:var(--plasma-input-group-item__chip-gap);--plasma-textfield__chip-border-radius:var(--plasma-input-group-item__chip-border-radius);--plasma-textfield__chip-width:var(--plasma-input-group-item__chip-width);--plasma-textfield__chip-height:var(--plasma-input-group-item__chip-height);--plasma-textfield__chip-padding-right:var(--plasma-input-group-item__chip-padding-right);--plasma-textfield__chip-padding-left:var(--plasma-input-group-item__chip-padding-left);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-input-group-item__chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-input-group-item__chip-clear-content-margin-right);--plasma-textfield__chip-close-icon-size:var(--plasma-input-group-item__chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-input-group-item__chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-input-group-item__chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-input-group-item__chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-input-group-item__chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-input-group-item__chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-input-group-item__chip-line-height);}
|
2
|
-
|
3
|
-
.base_1k4piyx_bl5zpqu__7f6cabbf{gap:var(--plasma-input-group-items-gap);}
|
4
|
-
|
5
|
-
.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupShapeDefault__3cfc78bb{--plasma_private-input-radius-inner:var(--plasma-input-group-item-default-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupShapeSegmented__3cfc78bb{--plasma_private-input-radius-inner:var(--plasma-input-group-item-segmented-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupShapeSegmented__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb{--plasma_private-input-radius-inner:0;}.base_3k0aw7_bat8qm9__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb .base_3k0aw7_iq39zt5__3cfc78bb{--plasma-textfield-border-radius:var(--plasma_private-input-radius-inner);-webkit-transition:clip-path 0.05s ease-in;transition:clip-path 0.05s ease-in;}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child){margin-left:var(--plasma-input-group-web-margin-left);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:last-child) .base_3k0aw7_iq39zt5__3cfc78bb{-webkit-clip-path:var(--plasma-input-group-web-clip-path);clip-path:var(--plasma-input-group-web-clip-path);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:last-child) .base_3k0aw7_iq39zt5__3cfc78bb:hover,.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:last-child) .base_3k0aw7_iq39zt5__3cfc78bb:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child){margin-top:var(--plasma-input-group-web-margin-top);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child) .base_3k0aw7_iq39zt5__3cfc78bb{-webkit-clip-path:var(--plasma-input-group-web-vertical-clip-path);clip-path:var(--plasma-input-group-web-vertical-clip-path);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child) .base_3k0aw7_iq39zt5__3cfc78bb:hover,.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child) .base_3k0aw7_iq39zt5__3cfc78bb:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:first-child:last-child .base_3k0aw7_iq39zt5__3cfc78bb,.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:first-child:last-child .base_3k0aw7_iq39zt5__3cfc78bb{border-radius:var(--plasma-input-group-side-item-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:first-child .base_3k0aw7_iq39zt5__3cfc78bb{--plasma_private-left-side-radius:var(--plasma-input-group-side-item-radius) var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(--plasma-input-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:last-child .base_3k0aw7_iq39zt5__3cfc78bb{--plasma_private-right-side-radius:var(--plasma_private-input-radius-inner) var(--plasma-input-group-side-item-radius) var(--plasma-input-group-side-item-radius) var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-right-side-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:first-child .base_3k0aw7_iq39zt5__3cfc78bb{--plasma_private-up-side-radius:var(--plasma-input-group-side-item-radius) var(--plasma-input-group-side-item-radius) var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:last-child .base_3k0aw7_iq39zt5__3cfc78bb{--plasma_private-down-side-radius:var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(--plasma-input-group-side-item-radius) var(--plasma-input-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);}
|
6
|
-
|
7
|
-
.base_mgs8eg_bdx478e__a3287190{-webkit-flex-direction:var(--plasma-input-group-orientation);-ms-flex-direction:var(--plasma-input-group-orientation);flex-direction:var(--plasma-input-group-orientation);}.base_mgs8eg_bdx478e__a3287190.base_mgs8eg_inputGroupOrientationVertical__a3287190 .base_mgs8eg_inputGroupItem__a3287190{width:auto;}
|
8
|
-
|
9
|
-
.base_1cr1a83_b1ybrzwp__d008f94e.base_1cr1a83_inputGroupStretchingFilled__d008f94e{width:100%;}.base_1cr1a83_b1ybrzwp__d008f94e.base_1cr1a83_inputGroupStretchingFilled__d008f94e .base_1cr1a83_inputGroupItem__d008f94e{width:100%;}
|
10
|
-
|
11
|
-
.InputGroup_styles_1ivl67d_bkb9f46__5d90d5de{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"InputGroup.js","sources":["../../../src/components/InputGroup/InputGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as gapCSS } from './variations/_gap/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as orientationCSS } from './variations/_orientation/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { base } from './InputGroup.styles';\nimport { classes } from './InputGroup.tokens';\nimport type { InputGroupProps, InputGroupRootProps } from './InputGroup.types';\n\nexport const inputGroupRoot = (Root: RootProps<HTMLDivElement, InputGroupRootProps>) =>\n forwardRef<HTMLDivElement, InputGroupProps>((props, ref) => {\n const {\n children,\n className,\n size,\n stretching = 'auto',\n gap = 'dense',\n orientation = 'horizontal',\n shape = 'default',\n isCommonInputStyles = true,\n ...rest\n } = props;\n\n const orientationClass = classes[orientation];\n const gapClass = classes[gap];\n const shapeClass = classes[shape];\n const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n const overrideStylesClass = isCommonInputStyles ? classes.inputGroupOverrideStyles : undefined;\n\n return (\n <Root\n ref={ref}\n size={size}\n gap={gap}\n shape={shape}\n orientation={orientation}\n className={cx(overrideStylesClass, orientationClass, gapClass, shapeClass, stretchingClass, className)}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n\nexport const inputGroupConfig = {\n name: 'InputGroup',\n tag: 'div',\n layout: inputGroupRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n gap: {\n css: gapCSS,\n },\n orientation: {\n css: orientationCSS,\n },\n shape: {\n css: shapeCSS,\n },\n stretching: {\n css: stretchingCSS,\n },\n },\n defaults: {\n size: 'm',\n gap: 'dense',\n orientation: 'horizontal',\n shape: 'default',\n stretching: 'auto',\n },\n};\n"],"names":["inputGroupRoot","Root","forwardRef","props","ref","children","className","size","_props$stretching","stretching","_props$gap","gap","_props$orientation","orientation","_props$shape","shape","_props$isCommonInputS","isCommonInputStyles","rest","_objectWithoutProperties","_excluded","orientationClass","classes","gapClass","shapeClass","stretchingClass","concat","overrideStylesClass","inputGroupOverrideStyles","undefined","React","createElement","_extends","cx","inputGroupConfig","name","tag","layout","base","variations","css","sizeCSS","gapCSS","orientationCSS","shapeCSS","stretchingCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;IAcaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAoD,EAAA;AAAA,EAAA,oBAC/EC,gBAAU,CAAkC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxD,IAAA,IACIC,QAAQ,GASRF,KAAK,CATLE,QAAQ;MACRC,SAAS,GAQTH,KAAK,CARLG,SAAS;MACTC,IAAI,GAOJJ,KAAK,CAPLI,IAAI;MAAAC,iBAAA,GAOJL,KAAK,CANLM,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,iBAAA;MAAAE,UAAA,GAMnBP,KAAK,CALLQ,GAAG;AAAHA,MAAAA,GAAG,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,UAAA;MAAAE,kBAAA,GAKbT,KAAK,CAJLU,WAAW;AAAXA,MAAAA,WAAW,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,kBAAA;MAAAE,YAAA,GAI1BX,KAAK,CAHLY,KAAK;AAALA,MAAAA,KAAK,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,YAAA;MAAAE,qBAAA,GAGjBb,KAAK,CAFLc,mBAAmB;AAAnBA,MAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;AACvBE,MAAAA,IAAI,GAAAC,iDAAA,CACPhB,KAAK,EAAAiB,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,gBAAgB,GAAGC,yBAAO,CAACT,WAAW,CAAC,CAAA;AAC7C,IAAA,IAAMU,QAAQ,GAAGD,yBAAO,CAACX,GAAG,CAAC,CAAA;AAC7B,IAAA,IAAMa,UAAU,GAAGF,yBAAO,CAACP,KAAK,CAAC,CAAA;AACjC,IAAA,IAAMU,eAAe,GAAGH,yBAAO,IAAAI,MAAA,CAAIjB,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;IAClF,IAAMkB,mBAAmB,GAAGV,mBAAmB,GAAGK,yBAAO,CAACM,wBAAwB,GAAGC,SAAS,CAAA;AAE9F,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAC9B,IAAI,EAAA+B,iCAAA,CAAA;AACD5B,MAAAA,GAAG,EAAEA,GAAI;AACTG,MAAAA,IAAI,EAAEA,IAAK;AACXI,MAAAA,GAAG,EAAEA,GAAI;AACTI,MAAAA,KAAK,EAAEA,KAAM;AACbF,MAAAA,WAAW,EAAEA,WAAY;AACzBP,MAAAA,SAAS,EAAE2B,QAAE,CAACN,mBAAmB,EAAEN,gBAAgB,EAAEE,QAAQ,EAAEC,UAAU,EAAEC,eAAe,EAAEnB,SAAS,CAAA;KACjGY,EAAAA,IAAI,CAEPb,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM6B,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAErC,cAAc;AACtBsC,EAAAA,IAAI,EAAJA,sBAAI;AACJC,EAAAA,UAAU,EAAE;AACRhC,IAAAA,IAAI,EAAE;AACFiC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACD9B,IAAAA,GAAG,EAAE;AACD6B,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACD7B,IAAAA,WAAW,EAAE;AACT2B,MAAAA,GAAG,EAAEG,WAAAA;KACR;AACD5B,IAAAA,KAAK,EAAE;AACHyB,MAAAA,GAAG,EAAEI,WAAAA;KACR;AACDnC,IAAAA,UAAU,EAAE;AACR+B,MAAAA,GAAG,EAAEK,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNvC,IAAAA,IAAI,EAAE,GAAG;AACTI,IAAAA,GAAG,EAAE,OAAO;AACZE,IAAAA,WAAW,EAAE,YAAY;AACzBE,IAAAA,KAAK,EAAE,SAAS;AAChBN,IAAAA,UAAU,EAAE,MAAA;AAChB,GAAA;AACJ;;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"InputGroup.styles.js","sources":["../../../src/components/InputGroup/InputGroup.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;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bkb9f46{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|