@salutejs/plasma-new-hope 0.137.1-dev.0 → 0.138.0-canary.1405.10669043494.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/TextField/TextField.js +1 -1
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.tokens.js +2 -1
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextFieldGroup/TextFieldGroup.css +11 -0
- package/cjs/components/TextFieldGroup/TextFieldGroup.js +81 -0
- 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/TextFieldGroup/variations/_gap/base.js +9 -0
- 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/TextFieldGroup/variations/_orientation/base.js +9 -0
- 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/TextFieldGroup/variations/_shape/base.js +9 -0
- 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/TextFieldGroup/variations/_size/base.js +9 -0
- 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 +12 -0
- package/cjs/index.js +7 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/TextField/TextField.js +2 -2
- package/emotion/cjs/components/TextField/TextField.tokens.js +2 -1
- package/emotion/cjs/components/TextField/index.js +6 -0
- package/emotion/cjs/components/TextFieldGroup/TextFieldGroup.js +83 -0
- package/emotion/cjs/components/TextFieldGroup/TextFieldGroup.styles.js +17 -0
- package/emotion/cjs/components/TextFieldGroup/TextFieldGroup.template-doc.mdx +126 -0
- package/emotion/cjs/components/TextFieldGroup/TextFieldGroup.tokens.js +92 -0
- package/emotion/cjs/components/TextFieldGroup/TextFieldGroup.types.js +5 -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/components/TextFieldGroup/variations/_stretching/tokens.json +1 -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/TextFieldGroup/TextFieldGroup.stories.tsx +116 -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/cjs/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.stories.tsx +116 -0
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/TextField/TextField.js +2 -2
- package/emotion/es/components/TextField/TextField.tokens.js +2 -1
- package/emotion/es/components/TextField/index.js +1 -1
- package/emotion/es/components/TextFieldGroup/TextFieldGroup.js +74 -0
- package/emotion/es/components/TextFieldGroup/TextFieldGroup.styles.js +11 -0
- package/emotion/es/components/TextFieldGroup/TextFieldGroup.template-doc.mdx +126 -0
- package/emotion/es/components/TextFieldGroup/TextFieldGroup.tokens.js +86 -0
- package/emotion/es/components/TextFieldGroup/TextFieldGroup.types.js +1 -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/components/TextFieldGroup/variations/_stretching/tokens.json +1 -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/es/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.stories.tsx +116 -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/es/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.stories.tsx +116 -0
- package/emotion/es/index.js +1 -0
- package/es/components/TextField/TextField.js +1 -1
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.tokens.js +2 -1
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextFieldGroup/TextFieldGroup.css +11 -0
- package/es/components/TextFieldGroup/TextFieldGroup.js +76 -0
- 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/TextFieldGroup/variations/_orientation/base.js +5 -0
- 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/TextFieldGroup/variations/_size/base.js +5 -0
- 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 +12 -0
- package/es/index.js +3 -1
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/TextField/TextField.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +2 -1
- package/styled-components/cjs/components/TextField/index.js +6 -0
- package/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.js +83 -0
- package/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.styles.js +8 -0
- package/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.template-doc.mdx +126 -0
- package/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.tokens.js +92 -0
- package/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.types.js +5 -0
- package/styled-components/cjs/components/TextFieldGroup/index.js +31 -0
- package/styled-components/cjs/components/TextFieldGroup/variations/_gap/base.js +9 -0
- 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/TextFieldGroup/variations/_stretching/base.js +9 -0
- package/styled-components/cjs/components/TextFieldGroup/variations/_stretching/tokens.json +1 -0
- 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 +11 -0
- package/styled-components/es/components/TextField/TextField.js +1 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +2 -1
- package/styled-components/es/components/TextField/index.js +1 -1
- package/styled-components/es/components/TextFieldGroup/TextFieldGroup.js +74 -0
- package/styled-components/es/components/TextFieldGroup/TextFieldGroup.styles.js +2 -0
- package/styled-components/es/components/TextFieldGroup/TextFieldGroup.template-doc.mdx +126 -0
- package/styled-components/es/components/TextFieldGroup/TextFieldGroup.tokens.js +86 -0
- package/styled-components/es/components/TextFieldGroup/TextFieldGroup.types.js +1 -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/components/TextFieldGroup/variations/_stretching/tokens.json +1 -0
- package/styled-components/es/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.config.js +32 -0
- 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/TextFieldGroup/TextFieldGroup.config.js +32 -0
- 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 -0
- package/types/components/TextField/TextField.tokens.d.ts +1 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/index.d.ts +1 -1
- package/types/components/TextField/index.d.ts.map +1 -1
- package/types/components/TextFieldGroup/TextFieldGroup.d.ts +35 -0
- package/types/components/TextFieldGroup/TextFieldGroup.d.ts.map +1 -0
- package/types/components/TextFieldGroup/TextFieldGroup.styles.d.ts +2 -0
- package/types/components/TextFieldGroup/TextFieldGroup.styles.d.ts.map +1 -0
- package/types/components/TextFieldGroup/TextFieldGroup.tokens.d.ts +85 -0
- package/types/components/TextFieldGroup/TextFieldGroup.tokens.d.ts.map +1 -0
- package/types/components/TextFieldGroup/TextFieldGroup.types.d.ts +84 -0
- 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 +2 -0
- package/types/components/TextFieldGroup/variations/_gap/base.d.ts.map +1 -0
- package/types/components/TextFieldGroup/variations/_orientation/base.d.ts +2 -0
- package/types/components/TextFieldGroup/variations/_orientation/base.d.ts.map +1 -0
- package/types/components/TextFieldGroup/variations/_shape/base.d.ts +2 -0
- package/types/components/TextFieldGroup/variations/_shape/base.d.ts.map +1 -0
- package/types/components/TextFieldGroup/variations/_size/base.d.ts +2 -0
- package/types/components/TextFieldGroup/variations/_size/base.d.ts.map +1 -0
- package/types/components/TextFieldGroup/variations/_stretching/base.d.ts +2 -0
- package/types/components/TextFieldGroup/variations/_stretching/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.config.d.ts +31 -0
- package/types/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.d.ts +43 -0
- package/types/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.d.ts.map +1 -0
- package/types/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.config.d.ts +31 -0
- package/types/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.d.ts +43 -0
- package/types/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
@@ -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/es/index.css
CHANGED
@@ -145,6 +145,18 @@
|
|
145
145
|
|
146
146
|
.TextField_wctd2m_bpunezx__bc8b464c{display:block;overflow:hidden;}
|
147
147
|
|
148
|
+
.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
|
+
|
150
|
+
.base_147olfn_b1uq5kuw__a79ac229{gap:var(--plasma-text-field-group-items-gap);}
|
151
|
+
|
152
|
+
.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
|
+
|
154
|
+
.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
|
+
|
156
|
+
.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
|
+
|
158
|
+
.TextFieldGroup_styles_soj2wl_buxwmzu__0f513e82{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
159
|
+
|
148
160
|
.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);}
|
149
161
|
|
150
162
|
.before_15wiyms_l1k91d31__886db968{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}
|
package/es/index.js
CHANGED
@@ -47,7 +47,9 @@ export { classes as popoverClasses, tokens as popoverTokens } from './components
|
|
47
47
|
export { textAreaConfig, textAreaRoot } from './components/TextArea/TextArea.js';
|
48
48
|
export { tokens as textAreaTokens } from './components/TextArea/TextArea.tokens.js';
|
49
49
|
export { textFieldConfig, textFieldRoot } from './components/TextField/TextField.js';
|
50
|
-
export { tokens as textFieldTokens } from './components/TextField/TextField.tokens.js';
|
50
|
+
export { classes as textFieldClasses, tokens as textFieldTokens } from './components/TextField/TextField.tokens.js';
|
51
|
+
export { textFieldGroupConfig, textFieldGroupRoot } from './components/TextFieldGroup/TextFieldGroup.js';
|
52
|
+
export { classes as textFieldGroupClasses, tokens as textFieldGroupTokens } from './components/TextFieldGroup/TextFieldGroup.tokens.js';
|
51
53
|
export { labelPosition_After as Switch_LabelPosition_After } from './components/Switch/_label-position/after.js';
|
52
54
|
export { labelPosition_Before as Switch_LabelPosition_Before } from './components/Switch/_label-position/before.js';
|
53
55
|
export { switchConfig, switchRoot } from './components/Switch/Switch.js';
|
package/es/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.138.0-canary.1405.10669043494.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -118,5 +118,5 @@
|
|
118
118
|
"react-popper": "2.3.0",
|
119
119
|
"storeon": "3.1.5"
|
120
120
|
},
|
121
|
-
"gitHead": "
|
121
|
+
"gitHead": "0e90765d8216ecdabebd615495a9217860e8e56a"
|
122
122
|
}
|
@@ -159,7 +159,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
159
159
|
readOnly: !disabled && readOnly,
|
160
160
|
labelPlacement: innerLabelPlacementValue,
|
161
161
|
onClick: handleInputFocus,
|
162
|
-
className: (0, _utils.cx)(labelPlacementClass, hideLabelClass, className),
|
162
|
+
className: (0, _utils.cx)(labelPlacementClass, hideLabelClass, _TextField2.classes.textFieldGroupItem, className),
|
163
163
|
style: style
|
164
164
|
}, labelInside || innerLabelValue && /*#__PURE__*/_react["default"].createElement(_TextField.Label, {
|
165
165
|
id: labelId,
|
@@ -10,7 +10,8 @@ var classes = exports.classes = {
|
|
10
10
|
hasEmptyContentRight: 'has-empty-content-right',
|
11
11
|
innerLabelPlacement: 'label-placement-inner',
|
12
12
|
outerLabelPlacement: 'label-placement-outer',
|
13
|
-
hideLabel: 'hide-label'
|
13
|
+
hideLabel: 'hide-label',
|
14
|
+
textFieldGroupItem: 'text-field-group-item'
|
14
15
|
};
|
15
16
|
var tokens = exports.tokens = {
|
16
17
|
color: '--plasma-textfield-color',
|
@@ -3,6 +3,12 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
+
Object.defineProperty(exports, "textFieldClasses", {
|
7
|
+
enumerable: true,
|
8
|
+
get: function get() {
|
9
|
+
return _TextField2.classes;
|
10
|
+
}
|
11
|
+
});
|
6
12
|
Object.defineProperty(exports, "textFieldConfig", {
|
7
13
|
enumerable: true,
|
8
14
|
get: function get() {
|
@@ -0,0 +1,83 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.textFieldGroupRoot = exports.textFieldGroupConfig = void 0;
|
8
|
+
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _utils = /*#__PURE__*/require("../../utils");
|
10
|
+
var _base = /*#__PURE__*/require("./variations/_size/base");
|
11
|
+
var _base2 = /*#__PURE__*/require("./variations/_gap/base");
|
12
|
+
var _base3 = /*#__PURE__*/require("./variations/_shape/base");
|
13
|
+
var _base4 = /*#__PURE__*/require("./variations/_orientation/base");
|
14
|
+
var _base5 = /*#__PURE__*/require("./variations/_stretching/base");
|
15
|
+
var _TextFieldGroup = /*#__PURE__*/require("./TextFieldGroup.styles");
|
16
|
+
var _TextFieldGroup2 = /*#__PURE__*/require("./TextFieldGroup.tokens");
|
17
|
+
var _excluded = ["children", "className", "size", "stretching", "gap", "orientation", "shape", "isCommonTextFieldStyles"];
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
20
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
21
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
22
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
23
|
+
var textFieldGroupRoot = exports.textFieldGroupRoot = function textFieldGroupRoot(Root) {
|
24
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
25
|
+
var children = props.children,
|
26
|
+
className = props.className,
|
27
|
+
size = props.size,
|
28
|
+
_props$stretching = props.stretching,
|
29
|
+
stretching = _props$stretching === void 0 ? 'auto' : _props$stretching,
|
30
|
+
_props$gap = props.gap,
|
31
|
+
gap = _props$gap === void 0 ? 'dense' : _props$gap,
|
32
|
+
_props$orientation = props.orientation,
|
33
|
+
orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
|
34
|
+
_props$shape = props.shape,
|
35
|
+
shape = _props$shape === void 0 ? 'default' : _props$shape,
|
36
|
+
_props$isCommonTextFi = props.isCommonTextFieldStyles,
|
37
|
+
isCommonTextFieldStyles = _props$isCommonTextFi === void 0 ? true : _props$isCommonTextFi,
|
38
|
+
rest = _objectWithoutProperties(props, _excluded);
|
39
|
+
var orientationClass = _TextFieldGroup2.classes[orientation];
|
40
|
+
var gapClass = _TextFieldGroup2.classes[gap];
|
41
|
+
var shapeClass = _TextFieldGroup2.classes[shape];
|
42
|
+
var stretchingClass = _TextFieldGroup2.classes["".concat(stretching, "Stretching")];
|
43
|
+
var overrideStylesClass = isCommonTextFieldStyles ? _TextFieldGroup2.classes.textFieldGroupOverrideStyles : undefined;
|
44
|
+
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
45
|
+
ref: ref,
|
46
|
+
size: size,
|
47
|
+
gap: gap,
|
48
|
+
shape: shape,
|
49
|
+
orientation: orientation,
|
50
|
+
className: (0, _utils.cx)(overrideStylesClass, orientationClass, gapClass, shapeClass, stretchingClass, className)
|
51
|
+
}, rest), children);
|
52
|
+
});
|
53
|
+
};
|
54
|
+
var textFieldGroupConfig = exports.textFieldGroupConfig = {
|
55
|
+
name: 'TextFieldGroup',
|
56
|
+
tag: 'div',
|
57
|
+
layout: textFieldGroupRoot,
|
58
|
+
base: _TextFieldGroup.base,
|
59
|
+
variations: {
|
60
|
+
size: {
|
61
|
+
css: _base.base
|
62
|
+
},
|
63
|
+
gap: {
|
64
|
+
css: _base2.base
|
65
|
+
},
|
66
|
+
orientation: {
|
67
|
+
css: _base4.base
|
68
|
+
},
|
69
|
+
shape: {
|
70
|
+
css: _base3.base
|
71
|
+
},
|
72
|
+
stretching: {
|
73
|
+
css: _base5.base
|
74
|
+
}
|
75
|
+
},
|
76
|
+
defaults: {
|
77
|
+
size: 'm',
|
78
|
+
gap: 'dense',
|
79
|
+
orientation: 'horizontal',
|
80
|
+
shape: 'default',
|
81
|
+
stretching: 'auto'
|
82
|
+
}
|
83
|
+
};
|
@@ -0,0 +1,8 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-flex;"]);
|
@@ -0,0 +1,126 @@
|
|
1
|
+
---
|
2
|
+
id: textFieldGroup
|
3
|
+
title: TextFieldGroup
|
4
|
+
---
|
5
|
+
|
6
|
+
import { PropsTable, Description } from '@site/src/components';
|
7
|
+
|
8
|
+
# TextFieldGroup
|
9
|
+
<Description name="TextFieldGroup" />
|
10
|
+
<PropsTable name="TextFieldGroup" exclude={['css']} />
|
11
|
+
|
12
|
+
## Использование
|
13
|
+
Компонент `TextFieldGroup` - это обертка для TextField. Принимает в себя группу TextField.
|
14
|
+
|
15
|
+
```tsx live
|
16
|
+
import React from 'react';
|
17
|
+
import { TextFieldGroup, TextField } from '@salutejs/{{ package }}';
|
18
|
+
|
19
|
+
export function App() {
|
20
|
+
return (
|
21
|
+
<TextFieldGroup>
|
22
|
+
{Array(5)
|
23
|
+
.fill(true)
|
24
|
+
.map((_, i) => (
|
25
|
+
<TextField placeholder={`input #${i}`} />
|
26
|
+
))}
|
27
|
+
</TextFieldGroup>
|
28
|
+
);
|
29
|
+
}
|
30
|
+
```
|
31
|
+
|
32
|
+
## Примеры
|
33
|
+
|
34
|
+
### Размер
|
35
|
+
Размер TextFieldGroup задается с помощью свойства `size`.
|
36
|
+
С помощью свойства `isCommonTextFieldStyles` можно отключить переопределение стилей для всех input внутри группы.
|
37
|
+
Тогда каждкаждый input будет иметь настраиваемый размер.
|
38
|
+
|
39
|
+
```tsx live
|
40
|
+
import React from 'react';
|
41
|
+
import { TextFieldGroup, TextField } from '@salutejs/{{ package }}';
|
42
|
+
|
43
|
+
export function App() {
|
44
|
+
return (
|
45
|
+
<div>
|
46
|
+
<TextFieldGroup size="s" view="secondary">
|
47
|
+
{Array(5)
|
48
|
+
.fill(true)
|
49
|
+
.map((_, i) => (
|
50
|
+
<TextField placeholder={`input #${i}`} />
|
51
|
+
))}
|
52
|
+
</TextFieldGroup>
|
53
|
+
|
54
|
+
<TextFieldGroup isCommonTextFieldStyles={false}>
|
55
|
+
<TextField placeholder="Размер l" size="l" />
|
56
|
+
<TextField placeholder="Размер m" size="m" />
|
57
|
+
<TextField placeholder="Размер s" size="s" />
|
58
|
+
<TextField placeholder="Размер xs" size="xs" />
|
59
|
+
</TextFieldGroup>
|
60
|
+
</div>
|
61
|
+
);
|
62
|
+
}
|
63
|
+
```
|
64
|
+
|
65
|
+
### Границы
|
66
|
+
Границы задаются с помощью свойства `shape`.
|
67
|
+
|
68
|
+
```tsx live
|
69
|
+
import React from 'react';
|
70
|
+
import { TextFieldGroup, TextField } from '@salutejs/{{ package }}';
|
71
|
+
|
72
|
+
export function App() {
|
73
|
+
return (
|
74
|
+
<div>
|
75
|
+
<TextFieldGroup size="xs" shape="segmented">
|
76
|
+
{Array(3)
|
77
|
+
.fill(true)
|
78
|
+
.map((_, i) => (
|
79
|
+
<TextField placeholder={`input #${i}`} />
|
80
|
+
))}
|
81
|
+
</TextFieldGroup>
|
82
|
+
|
83
|
+
<TextFieldGroup size="xs" shape="default">
|
84
|
+
{Array(3)
|
85
|
+
.fill(true)
|
86
|
+
.map((_, i) => (
|
87
|
+
<TextField placeholder={`input #${i}`} />
|
88
|
+
))}
|
89
|
+
</TextFieldGroup>
|
90
|
+
</div>
|
91
|
+
);
|
92
|
+
}
|
93
|
+
```
|
94
|
+
|
95
|
+
### Ориентация TextFieldGroup и отступы между TextField
|
96
|
+
|
97
|
+
TextFieldGroup может располагаться вертикально или горизонтально и иметь два вида отступов, в зависимости от shape.
|
98
|
+
При `shape='default'`, `gap` может принимать значения `dense` и `wide`;
|
99
|
+
При `shape='segmented'`, `gap` может принимать значения `none` и `dense`;
|
100
|
+
|
101
|
+
```tsx live
|
102
|
+
import React from 'react';
|
103
|
+
import { TextFieldGroup, TextField } from '@salutejs/{{ package }}';
|
104
|
+
|
105
|
+
export function App() {
|
106
|
+
return (
|
107
|
+
<div>
|
108
|
+
<TextFieldGroup size="xs" orientation="vertical" shape="segmented" gap="none">
|
109
|
+
{Array(5)
|
110
|
+
.fill(true)
|
111
|
+
.map((_, i) => (
|
112
|
+
<TextField placeholder={`input #${i}`} />
|
113
|
+
))}
|
114
|
+
</TextFieldGroup>
|
115
|
+
|
116
|
+
<TextFieldGroup size="xs" orientation="horizontal" gap="wide">
|
117
|
+
{Array(4)
|
118
|
+
.fill(true)
|
119
|
+
.map((_, i) => (
|
120
|
+
<TextField placeholder={`input #${i}`} />
|
121
|
+
))}
|
122
|
+
</TextFieldGroup>
|
123
|
+
</div>
|
124
|
+
);
|
125
|
+
}
|
126
|
+
```
|
@@ -0,0 +1,92 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.tokens = exports.classes = void 0;
|
7
|
+
var classes = exports.classes = {
|
8
|
+
autoStretching: 'text-field-group-stretching-auto',
|
9
|
+
filledStretching: 'text-field-group-stretching-filled',
|
10
|
+
textFieldGroupOverrideStyles: 'text-field-group-override-styles',
|
11
|
+
textFieldGroupItem: 'text-field-group-item',
|
12
|
+
horizontal: 'text-field-group-orientation-horizontal',
|
13
|
+
vertical: 'text-field-group-orientation-vertical',
|
14
|
+
none: 'text-field-group-gap-none',
|
15
|
+
dense: 'text-field-group-gap-dense',
|
16
|
+
wide: 'text-field-group-gap-wide',
|
17
|
+
segmented: 'text-field-group-shape-segmented',
|
18
|
+
"default": 'text-field-group-shape-default'
|
19
|
+
};
|
20
|
+
var tokens = exports.tokens = {
|
21
|
+
textFieldGroupOrientation: '--plasma-text-field-group-orientation',
|
22
|
+
textFieldGroupWebMarginLeft: '--plasma-text-field-group-web-margin-left',
|
23
|
+
textFieldGroupWebClipPath: '--plasma-text-field-group-web-clip-path',
|
24
|
+
textFieldGroupWebMarginTop: '--plasma-text-field-group-web-margin-top',
|
25
|
+
textFieldGroupWebVerticalClipPath: '--plasma-text-field-group-web-vertical-clip-path',
|
26
|
+
textFieldSegmentedRadius: '--plasma-text-field-group-item-segmented-radius',
|
27
|
+
textFieldDefaultRadius: '--plasma-text-field-group-item-default-radius',
|
28
|
+
textFieldSideRadius: '--plasma-text-field-group-side-item-radius',
|
29
|
+
textFieldGroupItemsGap: '--plasma-text-field-group-items-gap',
|
30
|
+
height: '--plasma-text-field-group-item-height',
|
31
|
+
borderWidth: '--plasma-text-field-group-item-border-width',
|
32
|
+
/** Отступ от границы ТextField */
|
33
|
+
padding: '--plasma-text-field-group-item-padding',
|
34
|
+
paddingWithChips: '--plasma-text-field-group-item-padding-with-chips',
|
35
|
+
/* Токены для инпута */
|
36
|
+
leftContentMargin: '--plasma-text-field-group-item__left-content-margin',
|
37
|
+
rightContentMargin: '--plasma-text-field-group-item__right-content-margin',
|
38
|
+
fontFamily: '--plasma-text-field-group-item-font-family',
|
39
|
+
fontStyle: '--plasma-text-field-group-item-font-style',
|
40
|
+
fontSize: '--plasma-text-field-group-item-font-size',
|
41
|
+
fontWeight: '--plasma-text-field-group-item-font-weight',
|
42
|
+
letterSpacing: '--plasma-text-field-group-item-letter-spacing',
|
43
|
+
lineHeight: '--plasma-text-field-group-item-line-height',
|
44
|
+
/** Токены лейбла */
|
45
|
+
labelOffset: '--plasma-text-field-group-item__label-offset',
|
46
|
+
labelFontFamily: '--plasma-text-field-group-item__label-font-family',
|
47
|
+
labelFontStyle: '--plasma-text-field-group-item__label-font-style',
|
48
|
+
labelFontSize: '--plasma-text-field-group-item__label-font-size',
|
49
|
+
labelFontWeight: '--plasma-text-field-group-item__label-font-weight',
|
50
|
+
labelLetterSpacing: '--plasma-text-field-group-item__label-letter-spacing',
|
51
|
+
labelLineHeight: '--plasma-text-field-group-item__label-line-height',
|
52
|
+
/* label-placement-inner */
|
53
|
+
labelInnerFontFamily: '--plasma-text-field-group-item-placement_inner__label-font-family',
|
54
|
+
labelInnerFontStyle: '--plasma-text-field-group-item-placement_inner__label-font-style',
|
55
|
+
labelInnerFontSize: '--plasma-text-field-group-item-placement_inner__label-font-size',
|
56
|
+
labelInnerFontWeight: '--plasma-text-field-group-item-placement_inner__label-font-weight',
|
57
|
+
labelInnerLetterSpacing: '--plasma-text-field-group-item-placement_inner__label-letter-spacing',
|
58
|
+
labelInnerLineHeight: '--plasma-text-field-group-item-placement_inner__label-line-height',
|
59
|
+
labelInnerPadding: '--plasma-text-field-group-item-placement_inner__label-padding',
|
60
|
+
contentLabelInnerPadding: '--plasma-text-field-group-item-placement_inner__content-padding',
|
61
|
+
leftHelperOffset: '--plasma-text-field-group-item__left-helper-offset',
|
62
|
+
leftHelperFontFamily: '--plasma-text-field-group-item__left-helper-font-family',
|
63
|
+
leftHelperFontStyle: '--plasma-text-field-group-item__left-helper-font-style',
|
64
|
+
leftHelperFontSize: '--plasma-text-field-group-item__left-helper-font-size',
|
65
|
+
leftHelperFontWeight: '--plasma-text-field-group-item__left-helper-font-weight',
|
66
|
+
leftHelperLetterSpacing: '--plasma-text-field-group-item__left-helper-letter-spacing',
|
67
|
+
leftHelperLineHeight: '--plasma-text-field-group-item__left-helper-line-height',
|
68
|
+
/** Токены вспомогательного текста */
|
69
|
+
textBeforeMargin: '--plasma-text-field-group-item__before-text-margin',
|
70
|
+
textAfterMargin: '--plasma-text-field-group-item__after-text-margin',
|
71
|
+
/** Токены чипа */
|
72
|
+
chipHeight: '--plasma-text-field-group-item__chip-height',
|
73
|
+
chipBorderRadius: '--plasma-text-field-group-item__chip-border-radius',
|
74
|
+
chipGap: '--plasma-text-field-group-item__chip-gap',
|
75
|
+
chipScaleHover: '--plasma-text-field-group-item__chip-scale-hover',
|
76
|
+
chipScaleActive: '--plasma-text-field-group-item__chip-scale-active',
|
77
|
+
chipOutlineSize: '--plasma-text-field-group-item__chip-outline-size',
|
78
|
+
chipWidth: '--plasma-text-field-group-item__chip-width',
|
79
|
+
chipPaddingTop: '--plasma-text-field-group-item__chip-padding-top',
|
80
|
+
chipPaddingRight: '--plasma-text-field-group-item__chip-padding-right',
|
81
|
+
chipPaddingBottom: '--plasma-text-field-group-item__chip-padding-bottom',
|
82
|
+
chipPaddingLeft: '--plasma-text-field-group-item__chip-padding-left',
|
83
|
+
chipCloseIconSize: '--plasma-text-field-group-item__chip-close-icon-size',
|
84
|
+
chipFontFamily: '--plasma-text-field-group-item__chip-font-family',
|
85
|
+
chipFontSize: '--plasma-text-field-group-item__chip-font-size',
|
86
|
+
chipFontStyle: '--plasma-text-field-group-item__chip-font-style',
|
87
|
+
chipFontWeight: '--plasma-text-field-group-item__chip-font-weight',
|
88
|
+
chipLetterSpacing: '--plasma-text-field-group-item__chip-letter-spacing',
|
89
|
+
chipLineHeight: '--plasma-text-field-group-item__chip-line-height',
|
90
|
+
chipClearContentMarginLeft: '--plasma-text-field-group-item__chip-clear-content-margin-left',
|
91
|
+
chipClearContentMarginRight: '--plasma-text-field-group-item__chip-clear-content-margin-right'
|
92
|
+
};
|
@@ -0,0 +1,31 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
Object.defineProperty(exports, "textFieldGroupClasses", {
|
7
|
+
enumerable: true,
|
8
|
+
get: function get() {
|
9
|
+
return _TextFieldGroup2.classes;
|
10
|
+
}
|
11
|
+
});
|
12
|
+
Object.defineProperty(exports, "textFieldGroupConfig", {
|
13
|
+
enumerable: true,
|
14
|
+
get: function get() {
|
15
|
+
return _TextFieldGroup.textFieldGroupConfig;
|
16
|
+
}
|
17
|
+
});
|
18
|
+
Object.defineProperty(exports, "textFieldGroupRoot", {
|
19
|
+
enumerable: true,
|
20
|
+
get: function get() {
|
21
|
+
return _TextFieldGroup.textFieldGroupRoot;
|
22
|
+
}
|
23
|
+
});
|
24
|
+
Object.defineProperty(exports, "textFieldGroupTokens", {
|
25
|
+
enumerable: true,
|
26
|
+
get: function get() {
|
27
|
+
return _TextFieldGroup2.tokens;
|
28
|
+
}
|
29
|
+
});
|
30
|
+
var _TextFieldGroup = /*#__PURE__*/require("./TextFieldGroup");
|
31
|
+
var _TextFieldGroup2 = /*#__PURE__*/require("./TextFieldGroup.tokens");
|
@@ -0,0 +1,9 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _TextFieldGroup = /*#__PURE__*/require("../../TextFieldGroup.tokens");
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["gap:var(", ");"], _TextFieldGroup.tokens.textFieldGroupItemsGap);
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-text-field-group-items-gap"]
|
@@ -0,0 +1,9 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _TextFieldGroup = /*#__PURE__*/require("../../TextFieldGroup.tokens");
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["flex-direction:var(", ");&.", " .", "{width:auto;}"], _TextFieldGroup.tokens.textFieldGroupOrientation, _TextFieldGroup.classes.vertical, _TextFieldGroup.classes.textFieldGroupItem);
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-text-field-group-orientation"]
|
@@ -0,0 +1,11 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _TextFieldGroup = /*#__PURE__*/require("../../TextFieldGroup.tokens");
|
9
|
+
var _TextField = /*#__PURE__*/require("../../../TextField");
|
10
|
+
var _TextField2 = /*#__PURE__*/require("../../../TextField/TextField.styles");
|
11
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{--plasma_private-text-field-radius-inner:var(", ");}&.", "{--plasma_private-text-field-radius-inner:var(", ");&.", "{--plasma_private-text-field-radius-inner:0;}}& .", " ", "{", ":var(--plasma_private-text-field-radius-inner);transition:clip-path 0.05s ease-in;}&.", "&.", " .", "{&:not(:first-child){margin-left:var(", ");}&:not(:last-child){", "{clip-path:var(", ");&:hover,&:focus-within{clip-path:inset(0 0 0 0);}}}}&.", "&.", " .", "{&:not(:first-child){margin-top:var(", ");}&:not(:first-child){", "{clip-path:var(", ");&:hover,&:focus-within{clip-path:inset(0 0 0 0);}}}}&.", ",&.", "{.", ":first-child:last-child ", "{border-radius:var(", ");}}&.", "{.", ":first-child ", "{--plasma_private-left-side-radius:var(", ") var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(", ");border-radius:var(--plasma_private-left-side-radius);}.", ":last-child ", "{--plasma_private-right-side-radius:var(--plasma_private-text-field-radius-inner) var(", ") var(", ") var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-right-side-radius);}}&.", "{.", ":first-child ", "{--plasma_private-up-side-radius:var(", ") var(", ") var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.", ":last-child ", "{--plasma_private-down-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(", ") var(", ");border-radius:var(--plasma_private-down-side-radius);}}"], _TextFieldGroup.classes["default"], _TextFieldGroup.tokens.textFieldDefaultRadius, _TextFieldGroup.classes.segmented, _TextFieldGroup.tokens.textFieldSegmentedRadius, _TextFieldGroup.classes.none, _TextField.textFieldClasses.textFieldGroupItem, _TextField2.InputWrapper, _TextField.textFieldTokens.borderRadius, _TextFieldGroup.classes.horizontal, _TextFieldGroup.classes.none, _TextField.textFieldClasses.textFieldGroupItem, _TextFieldGroup.tokens.textFieldGroupWebMarginLeft, _TextField2.InputWrapper, _TextFieldGroup.tokens.textFieldGroupWebClipPath, _TextFieldGroup.classes.vertical, _TextFieldGroup.classes.none, _TextField.textFieldClasses.textFieldGroupItem, _TextFieldGroup.tokens.textFieldGroupWebMarginTop, _TextField2.InputWrapper, _TextFieldGroup.tokens.textFieldGroupWebVerticalClipPath, _TextFieldGroup.classes.horizontal, _TextFieldGroup.classes.vertical, _TextField.textFieldClasses.textFieldGroupItem, _TextField2.InputWrapper, _TextFieldGroup.tokens.textFieldSideRadius, _TextFieldGroup.classes.horizontal, _TextField.textFieldClasses.textFieldGroupItem, _TextField2.InputWrapper, _TextFieldGroup.tokens.textFieldSideRadius, _TextFieldGroup.tokens.textFieldSideRadius, _TextField.textFieldClasses.textFieldGroupItem, _TextField2.InputWrapper, _TextFieldGroup.tokens.textFieldSideRadius, _TextFieldGroup.tokens.textFieldSideRadius, _TextFieldGroup.classes.vertical, _TextField.textFieldClasses.textFieldGroupItem, _TextField2.InputWrapper, _TextFieldGroup.tokens.textFieldSideRadius, _TextFieldGroup.tokens.textFieldSideRadius, _TextField.textFieldClasses.textFieldGroupItem, _TextField2.InputWrapper, _TextFieldGroup.tokens.textFieldSideRadius, _TextFieldGroup.tokens.textFieldSideRadius);
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-text-field-group-item-segmented-radius", "--plasma-text-field-group-item-default-radius"]
|
@@ -0,0 +1,10 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _TextFieldGroup = /*#__PURE__*/require("../../TextFieldGroup.tokens");
|
9
|
+
var _TextField = /*#__PURE__*/require("../../../TextField");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", " .", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextFieldGroup.classes.textFieldGroupOverrideStyles, _TextFieldGroup.classes.textFieldGroupItem, _TextField.textFieldTokens.height, _TextFieldGroup.tokens.height, _TextField.textFieldTokens.padding, _TextFieldGroup.tokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextFieldGroup.tokens.paddingWithChips, _TextField.textFieldTokens.leftContentMargin, _TextFieldGroup.tokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextFieldGroup.tokens.rightContentMargin, _TextField.textFieldTokens.textBeforeMargin, _TextFieldGroup.tokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TextFieldGroup.tokens.textAfterMargin, _TextField.textFieldTokens.fontFamily, _TextFieldGroup.tokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextFieldGroup.tokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextFieldGroup.tokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextFieldGroup.tokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextFieldGroup.tokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextFieldGroup.tokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextFieldGroup.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextFieldGroup.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextFieldGroup.tokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextFieldGroup.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextFieldGroup.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextFieldGroup.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextFieldGroup.tokens.labelLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextFieldGroup.tokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextFieldGroup.tokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextFieldGroup.tokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextFieldGroup.tokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextFieldGroup.tokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextFieldGroup.tokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextFieldGroup.tokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextFieldGroup.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextFieldGroup.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextFieldGroup.tokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextFieldGroup.tokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextFieldGroup.tokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextFieldGroup.tokens.chipHeight, _TextField.textFieldTokens.chipPaddingRight, _TextFieldGroup.tokens.chipPaddingRight, _TextField.textFieldTokens.chipPaddingLeft, _TextFieldGroup.tokens.chipPaddingLeft, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextFieldGroup.tokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextFieldGroup.tokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextFieldGroup.tokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextFieldGroup.tokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextFieldGroup.tokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextFieldGroup.tokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextFieldGroup.tokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextFieldGroup.tokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextFieldGroup.tokens.chipLineHeight);
|