@salutejs/plasma-new-hope 0.137.0-canary.1405.10662876535.0 → 0.137.0-dev.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 +1 -2
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/index.css +0 -12
- package/cjs/index.js +0 -7
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/TextField/TextField.js +2 -2
- package/emotion/cjs/components/TextField/TextField.tokens.js +1 -2
- package/emotion/cjs/components/TextField/index.js +0 -6
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/components/TextField/TextField.js +2 -2
- package/emotion/es/components/TextField/TextField.tokens.js +1 -2
- package/emotion/es/components/TextField/index.js +1 -1
- package/emotion/es/index.js +0 -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 -2
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/index.css +0 -12
- package/es/index.js +1 -3
- package/es/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/TextField/TextField.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -2
- package/styled-components/cjs/components/TextField/index.js +0 -6
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/components/TextField/TextField.js +1 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +1 -2
- package/styled-components/es/components/TextField/index.js +1 -1
- package/styled-components/es/index.js +0 -1
- package/types/components/TextField/TextField.tokens.d.ts +0 -1
- 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/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/InputGroup/InputGroup.css +0 -11
- package/cjs/components/InputGroup/InputGroup.js +0 -81
- 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 +0 -9
- 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 +0 -9
- 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 +0 -9
- 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 +0 -9
- 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.js +0 -83
- package/emotion/cjs/components/InputGroup/InputGroup.styles.js +0 -17
- package/emotion/cjs/components/InputGroup/InputGroup.template-doc.mdx +0 -126
- package/emotion/cjs/components/InputGroup/InputGroup.tokens.js +0 -92
- package/emotion/cjs/components/InputGroup/InputGroup.types.js +0 -5
- 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/components/InputGroup/variations/_stretching/tokens.json +0 -1
- 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_b2c/components/InputGroup/InputGroup.stories.tsx +0 -116
- 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/cjs/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +0 -116
- package/emotion/es/components/InputGroup/InputGroup.js +0 -74
- package/emotion/es/components/InputGroup/InputGroup.styles.js +0 -11
- package/emotion/es/components/InputGroup/InputGroup.template-doc.mdx +0 -126
- package/emotion/es/components/InputGroup/InputGroup.tokens.js +0 -86
- package/emotion/es/components/InputGroup/InputGroup.types.js +0 -1
- 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/components/InputGroup/variations/_stretching/tokens.json +0 -1
- 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_b2c/components/InputGroup/InputGroup.stories.tsx +0 -116
- 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/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +0 -116
- package/es/components/InputGroup/InputGroup.css +0 -11
- package/es/components/InputGroup/InputGroup.js +0 -76
- 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 +0 -5
- 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 +0 -5
- 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.js +0 -83
- package/styled-components/cjs/components/InputGroup/InputGroup.styles.js +0 -8
- package/styled-components/cjs/components/InputGroup/InputGroup.template-doc.mdx +0 -126
- package/styled-components/cjs/components/InputGroup/InputGroup.tokens.js +0 -92
- package/styled-components/cjs/components/InputGroup/InputGroup.types.js +0 -5
- package/styled-components/cjs/components/InputGroup/index.js +0 -31
- package/styled-components/cjs/components/InputGroup/variations/_gap/base.js +0 -9
- 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/components/InputGroup/variations/_stretching/base.js +0 -9
- package/styled-components/cjs/components/InputGroup/variations/_stretching/tokens.json +0 -1
- 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.js +0 -74
- package/styled-components/es/components/InputGroup/InputGroup.styles.js +0 -2
- package/styled-components/es/components/InputGroup/InputGroup.template-doc.mdx +0 -126
- package/styled-components/es/components/InputGroup/InputGroup.tokens.js +0 -86
- package/styled-components/es/components/InputGroup/InputGroup.types.js +0 -1
- 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/components/InputGroup/variations/_stretching/tokens.json +0 -1
- package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +0 -32
- 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.config.js +0 -32
- 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 +0 -35
- package/types/components/InputGroup/InputGroup.d.ts.map +0 -1
- package/types/components/InputGroup/InputGroup.styles.d.ts +0 -2
- package/types/components/InputGroup/InputGroup.styles.d.ts.map +0 -1
- package/types/components/InputGroup/InputGroup.tokens.d.ts +0 -85
- package/types/components/InputGroup/InputGroup.tokens.d.ts.map +0 -1
- package/types/components/InputGroup/InputGroup.types.d.ts +0 -84
- 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 +0 -2
- package/types/components/InputGroup/variations/_gap/base.d.ts.map +0 -1
- package/types/components/InputGroup/variations/_orientation/base.d.ts +0 -2
- package/types/components/InputGroup/variations/_orientation/base.d.ts.map +0 -1
- package/types/components/InputGroup/variations/_shape/base.d.ts +0 -2
- package/types/components/InputGroup/variations/_shape/base.d.ts.map +0 -1
- package/types/components/InputGroup/variations/_size/base.d.ts +0 -2
- package/types/components/InputGroup/variations/_size/base.d.ts.map +0 -1
- package/types/components/InputGroup/variations/_stretching/base.d.ts +0 -2
- package/types/components/InputGroup/variations/_stretching/base.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.config.d.ts +0 -31
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.d.ts +0 -43
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.d.ts.map +0 -1
- package/types/examples/plasma_web/components/InputGroup/InputGroup.config.d.ts +0 -31
- package/types/examples/plasma_web/components/InputGroup/InputGroup.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/InputGroup/InputGroup.d.ts +0 -43
- package/types/examples/plasma_web/components/InputGroup/InputGroup.d.ts.map +0 -1
@@ -1,94 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var classes = {
|
6
|
-
autoStretching: 'input-group-stretching-auto',
|
7
|
-
filledStretching: 'input-group-stretching-filled',
|
8
|
-
inputGroupOverrideStyles: 'input-group-override-styles',
|
9
|
-
inputGroupItem: 'input-group-item',
|
10
|
-
horizontal: 'input-group-orientation-horizontal',
|
11
|
-
vertical: 'input-group-orientation-vertical',
|
12
|
-
none: 'input-group-gap-none',
|
13
|
-
dense: 'input-group-gap-dense',
|
14
|
-
wide: 'input-group-gap-wide',
|
15
|
-
segmented: 'input-group-shape-segmented',
|
16
|
-
"default": 'input-group-shape-default'
|
17
|
-
};
|
18
|
-
var tokens = {
|
19
|
-
inputGroupOrientation: '--plasma-input-group-orientation',
|
20
|
-
inputGroupWebMarginLeft: '--plasma-input-group-web-margin-left',
|
21
|
-
inputGroupWebClipPath: '--plasma-input-group-web-clip-path',
|
22
|
-
inputGroupWebMarginTop: '--plasma-input-group-web-margin-top',
|
23
|
-
inputGroupWebVerticalClipPath: '--plasma-input-group-web-vertical-clip-path',
|
24
|
-
inputSegmentedRadius: '--plasma-input-group-item-segmented-radius',
|
25
|
-
inputDefaultRadius: '--plasma-input-group-item-default-radius',
|
26
|
-
inputSideRadius: '--plasma-input-group-side-item-radius',
|
27
|
-
inputGroupItemsGap: '--plasma-input-group-items-gap',
|
28
|
-
height: '--plasma-input-group-item-height',
|
29
|
-
borderWidth: '--plasma-input-group-item-border-width',
|
30
|
-
/** Отступ от границы ТextField */
|
31
|
-
padding: '--plasma-input-group-item-padding',
|
32
|
-
paddingWithChips: '--plasma-input-group-item-padding-with-chips',
|
33
|
-
/* Токены для инпута */
|
34
|
-
leftContentMargin: '--plasma-input-group-item__left-content-margin',
|
35
|
-
rightContentMargin: '--plasma-input-group-item__right-content-margin',
|
36
|
-
fontFamily: '--plasma-input-group-item-font-family',
|
37
|
-
fontStyle: '--plasma-input-group-item-font-style',
|
38
|
-
fontSize: '--plasma-input-group-item-font-size',
|
39
|
-
fontWeight: '--plasma-input-group-item-font-weight',
|
40
|
-
letterSpacing: '--plasma-input-group-item-letter-spacing',
|
41
|
-
lineHeight: '--plasma-input-group-item-line-height',
|
42
|
-
/** Токены лейбла */
|
43
|
-
labelOffset: '--plasma-input-group-item__label-offset',
|
44
|
-
labelFontFamily: '--plasma-input-group-item__label-font-family',
|
45
|
-
labelFontStyle: '--plasma-input-group-item__label-font-style',
|
46
|
-
labelFontSize: '--plasma-input-group-item__label-font-size',
|
47
|
-
labelFontWeight: '--plasma-input-group-item__label-font-weight',
|
48
|
-
labelLetterSpacing: '--plasma-input-group-item__label-letter-spacing',
|
49
|
-
labelLineHeight: '--plasma-input-group-item__label-line-height',
|
50
|
-
/* label-placement-inner */
|
51
|
-
labelInnerFontFamily: '--plasma-input-group-item-placement_inner__label-font-family',
|
52
|
-
labelInnerFontStyle: '--plasma-input-group-item-placement_inner__label-font-style',
|
53
|
-
labelInnerFontSize: '--plasma-input-group-item-placement_inner__label-font-size',
|
54
|
-
labelInnerFontWeight: '--plasma-input-group-item-placement_inner__label-font-weight',
|
55
|
-
labelInnerLetterSpacing: '--plasma-input-group-item-placement_inner__label-letter-spacing',
|
56
|
-
labelInnerLineHeight: '--plasma-input-group-item-placement_inner__label-line-height',
|
57
|
-
labelInnerPadding: '--plasma-input-group-item-placement_inner__label-padding',
|
58
|
-
contentLabelInnerPadding: '--plasma-input-group-item-placement_inner__content-padding',
|
59
|
-
leftHelperOffset: '--plasma-input-group-item__left-helper-offset',
|
60
|
-
leftHelperFontFamily: '--plasma-input-group-item__left-helper-font-family',
|
61
|
-
leftHelperFontStyle: '--plasma-input-group-item__left-helper-font-style',
|
62
|
-
leftHelperFontSize: '--plasma-input-group-item__left-helper-font-size',
|
63
|
-
leftHelperFontWeight: '--plasma-input-group-item__left-helper-font-weight',
|
64
|
-
leftHelperLetterSpacing: '--plasma-input-group-item__left-helper-letter-spacing',
|
65
|
-
leftHelperLineHeight: '--plasma-input-group-item__left-helper-line-height',
|
66
|
-
/** Токены вспомогательного текста */
|
67
|
-
textBeforeMargin: '--plasma-input-group-item__before-text-margin',
|
68
|
-
textAfterMargin: '--plasma-input-group-item__after-text-margin',
|
69
|
-
/** Токены чипа */
|
70
|
-
chipHeight: '--plasma-input-group-item__chip-height',
|
71
|
-
chipBorderRadius: '--plasma-input-group-item__chip-border-radius',
|
72
|
-
chipGap: '--plasma-input-group-item__chip-gap',
|
73
|
-
chipScaleHover: '--plasma-input-group-item__chip-scale-hover',
|
74
|
-
chipScaleActive: '--plasma-input-group-item__chip-scale-active',
|
75
|
-
chipOutlineSize: '--plasma-input-group-item__chip-outline-size',
|
76
|
-
chipWidth: '--plasma-input-group-item__chip-width',
|
77
|
-
chipPaddingTop: '--plasma-input-group-item__chip-padding-top',
|
78
|
-
chipPaddingRight: '--plasma-input-group-item__chip-padding-right',
|
79
|
-
chipPaddingBottom: '--plasma-input-group-item__chip-padding-bottom',
|
80
|
-
chipPaddingLeft: '--plasma-input-group-item__chip-padding-left',
|
81
|
-
chipCloseIconSize: '--plasma-input-group-item__chip-close-icon-size',
|
82
|
-
chipFontFamily: '--plasma-input-group-item__chip-font-family',
|
83
|
-
chipFontSize: '--plasma-input-group-item__chip-font-size',
|
84
|
-
chipFontStyle: '--plasma-input-group-item__chip-font-style',
|
85
|
-
chipFontWeight: '--plasma-input-group-item__chip-font-weight',
|
86
|
-
chipLetterSpacing: '--plasma-input-group-item__chip-letter-spacing',
|
87
|
-
chipLineHeight: '--plasma-input-group-item__chip-line-height',
|
88
|
-
chipClearContentMarginLeft: '--plasma-input-group-item__chip-clear-content-margin-left',
|
89
|
-
chipClearContentMarginRight: '--plasma-input-group-item__chip-clear-content-margin-right'
|
90
|
-
};
|
91
|
-
|
92
|
-
exports.classes = classes;
|
93
|
-
exports.tokens = tokens;
|
94
|
-
//# sourceMappingURL=InputGroup.tokens.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"InputGroup.tokens.js","sources":["../../../src/components/InputGroup/InputGroup.tokens.ts"],"sourcesContent":["export const classes = {\n autoStretching: 'input-group-stretching-auto',\n filledStretching: 'input-group-stretching-filled',\n\n inputGroupOverrideStyles: 'input-group-override-styles',\n inputGroupItem: 'input-group-item',\n\n horizontal: 'input-group-orientation-horizontal',\n vertical: 'input-group-orientation-vertical',\n\n none: 'input-group-gap-none',\n dense: 'input-group-gap-dense',\n wide: 'input-group-gap-wide',\n\n segmented: 'input-group-shape-segmented',\n default: 'input-group-shape-default',\n};\n\nexport const tokens = {\n inputGroupOrientation: '--plasma-input-group-orientation',\n\n inputGroupWebMarginLeft: '--plasma-input-group-web-margin-left',\n inputGroupWebClipPath: '--plasma-input-group-web-clip-path',\n inputGroupWebMarginTop: '--plasma-input-group-web-margin-top',\n inputGroupWebVerticalClipPath: '--plasma-input-group-web-vertical-clip-path',\n\n inputSegmentedRadius: '--plasma-input-group-item-segmented-radius',\n inputDefaultRadius: '--plasma-input-group-item-default-radius',\n inputSideRadius: '--plasma-input-group-side-item-radius',\n\n inputGroupItemsGap: '--plasma-input-group-items-gap',\n height: '--plasma-input-group-item-height',\n borderWidth: '--plasma-input-group-item-border-width',\n\n /** Отступ от границы ТextField */\n padding: '--plasma-input-group-item-padding',\n paddingWithChips: '--plasma-input-group-item-padding-with-chips',\n\n /* Токены для инпута */\n leftContentMargin: '--plasma-input-group-item__left-content-margin',\n rightContentMargin: '--plasma-input-group-item__right-content-margin',\n\n fontFamily: '--plasma-input-group-item-font-family',\n fontStyle: '--plasma-input-group-item-font-style',\n fontSize: '--plasma-input-group-item-font-size',\n fontWeight: '--plasma-input-group-item-font-weight',\n letterSpacing: '--plasma-input-group-item-letter-spacing',\n lineHeight: '--plasma-input-group-item-line-height',\n\n /** Токены лейбла */\n labelOffset: '--plasma-input-group-item__label-offset',\n\n labelFontFamily: '--plasma-input-group-item__label-font-family',\n labelFontStyle: '--plasma-input-group-item__label-font-style',\n labelFontSize: '--plasma-input-group-item__label-font-size',\n labelFontWeight: '--plasma-input-group-item__label-font-weight',\n labelLetterSpacing: '--plasma-input-group-item__label-letter-spacing',\n labelLineHeight: '--plasma-input-group-item__label-line-height',\n\n /* label-placement-inner */\n labelInnerFontFamily: '--plasma-input-group-item-placement_inner__label-font-family',\n labelInnerFontStyle: '--plasma-input-group-item-placement_inner__label-font-style',\n labelInnerFontSize: '--plasma-input-group-item-placement_inner__label-font-size',\n labelInnerFontWeight: '--plasma-input-group-item-placement_inner__label-font-weight',\n labelInnerLetterSpacing: '--plasma-input-group-item-placement_inner__label-letter-spacing',\n labelInnerLineHeight: '--plasma-input-group-item-placement_inner__label-line-height',\n\n labelInnerPadding: '--plasma-input-group-item-placement_inner__label-padding',\n contentLabelInnerPadding: '--plasma-input-group-item-placement_inner__content-padding',\n\n leftHelperOffset: '--plasma-input-group-item__left-helper-offset',\n\n leftHelperFontFamily: '--plasma-input-group-item__left-helper-font-family',\n leftHelperFontStyle: '--plasma-input-group-item__left-helper-font-style',\n leftHelperFontSize: '--plasma-input-group-item__left-helper-font-size',\n leftHelperFontWeight: '--plasma-input-group-item__left-helper-font-weight',\n leftHelperLetterSpacing: '--plasma-input-group-item__left-helper-letter-spacing',\n leftHelperLineHeight: '--plasma-input-group-item__left-helper-line-height',\n\n /** Токены вспомогательного текста */\n textBeforeMargin: '--plasma-input-group-item__before-text-margin',\n textAfterMargin: '--plasma-input-group-item__after-text-margin',\n\n /** Токены чипа */\n chipHeight: '--plasma-input-group-item__chip-height',\n chipBorderRadius: '--plasma-input-group-item__chip-border-radius',\n chipGap: '--plasma-input-group-item__chip-gap',\n chipScaleHover: '--plasma-input-group-item__chip-scale-hover',\n chipScaleActive: '--plasma-input-group-item__chip-scale-active',\n chipOutlineSize: '--plasma-input-group-item__chip-outline-size',\n chipWidth: '--plasma-input-group-item__chip-width',\n chipPaddingTop: '--plasma-input-group-item__chip-padding-top',\n chipPaddingRight: '--plasma-input-group-item__chip-padding-right',\n chipPaddingBottom: '--plasma-input-group-item__chip-padding-bottom',\n chipPaddingLeft: '--plasma-input-group-item__chip-padding-left',\n chipCloseIconSize: '--plasma-input-group-item__chip-close-icon-size',\n chipFontFamily: '--plasma-input-group-item__chip-font-family',\n chipFontSize: '--plasma-input-group-item__chip-font-size',\n chipFontStyle: '--plasma-input-group-item__chip-font-style',\n chipFontWeight: '--plasma-input-group-item__chip-font-weight',\n chipLetterSpacing: '--plasma-input-group-item__chip-letter-spacing',\n chipLineHeight: '--plasma-input-group-item__chip-line-height',\n chipClearContentMarginLeft: '--plasma-input-group-item__chip-clear-content-margin-left',\n chipClearContentMarginRight: '--plasma-input-group-item__chip-clear-content-margin-right',\n};\n"],"names":["classes","autoStretching","filledStretching","inputGroupOverrideStyles","inputGroupItem","horizontal","vertical","none","dense","wide","segmented","tokens","inputGroupOrientation","inputGroupWebMarginLeft","inputGroupWebClipPath","inputGroupWebMarginTop","inputGroupWebVerticalClipPath","inputSegmentedRadius","inputDefaultRadius","inputSideRadius","inputGroupItemsGap","height","borderWidth","padding","paddingWithChips","leftContentMargin","rightContentMargin","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","textBeforeMargin","textAfterMargin","chipHeight","chipBorderRadius","chipGap","chipScaleHover","chipScaleActive","chipOutlineSize","chipWidth","chipPaddingTop","chipPaddingRight","chipPaddingBottom","chipPaddingLeft","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,6BAA6B;AAC7CC,EAAAA,gBAAgB,EAAE,+BAA+B;AAEjDC,EAAAA,wBAAwB,EAAE,6BAA6B;AACvDC,EAAAA,cAAc,EAAE,kBAAkB;AAElCC,EAAAA,UAAU,EAAE,oCAAoC;AAChDC,EAAAA,QAAQ,EAAE,kCAAkC;AAE5CC,EAAAA,IAAI,EAAE,sBAAsB;AAC5BC,EAAAA,KAAK,EAAE,uBAAuB;AAC9BC,EAAAA,IAAI,EAAE,sBAAsB;AAE5BC,EAAAA,SAAS,EAAE,6BAA6B;EACxC,SAAS,EAAA,2BAAA;AACb,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,qBAAqB,EAAE,kCAAkC;AAEzDC,EAAAA,uBAAuB,EAAE,sCAAsC;AAC/DC,EAAAA,qBAAqB,EAAE,oCAAoC;AAC3DC,EAAAA,sBAAsB,EAAE,qCAAqC;AAC7DC,EAAAA,6BAA6B,EAAE,6CAA6C;AAE5EC,EAAAA,oBAAoB,EAAE,4CAA4C;AAClEC,EAAAA,kBAAkB,EAAE,0CAA0C;AAC9DC,EAAAA,eAAe,EAAE,uCAAuC;AAExDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,MAAM,EAAE,kCAAkC;AAC1CC,EAAAA,WAAW,EAAE,wCAAwC;AAErD;AACAC,EAAAA,OAAO,EAAE,mCAAmC;AAC5CC,EAAAA,gBAAgB,EAAE,8CAA8C;AAEhE;AACAC,EAAAA,iBAAiB,EAAE,gDAAgD;AACnEC,EAAAA,kBAAkB,EAAE,iDAAiD;AAErEC,EAAAA,UAAU,EAAE,uCAAuC;AACnDC,EAAAA,SAAS,EAAE,sCAAsC;AACjDC,EAAAA,QAAQ,EAAE,qCAAqC;AAC/CC,EAAAA,UAAU,EAAE,uCAAuC;AACnDC,EAAAA,aAAa,EAAE,0CAA0C;AACzDC,EAAAA,UAAU,EAAE,uCAAuC;AAEnD;AACAC,EAAAA,WAAW,EAAE,yCAAyC;AAEtDC,EAAAA,eAAe,EAAE,8CAA8C;AAC/DC,EAAAA,cAAc,EAAE,6CAA6C;AAC7DC,EAAAA,aAAa,EAAE,4CAA4C;AAC3DC,EAAAA,eAAe,EAAE,8CAA8C;AAC/DC,EAAAA,kBAAkB,EAAE,iDAAiD;AACrEC,EAAAA,eAAe,EAAE,8CAA8C;AAE/D;AACAC,EAAAA,oBAAoB,EAAE,8DAA8D;AACpFC,EAAAA,mBAAmB,EAAE,6DAA6D;AAClFC,EAAAA,kBAAkB,EAAE,4DAA4D;AAChFC,EAAAA,oBAAoB,EAAE,8DAA8D;AACpFC,EAAAA,uBAAuB,EAAE,iEAAiE;AAC1FC,EAAAA,oBAAoB,EAAE,8DAA8D;AAEpFC,EAAAA,iBAAiB,EAAE,0DAA0D;AAC7EC,EAAAA,wBAAwB,EAAE,4DAA4D;AAEtFC,EAAAA,gBAAgB,EAAE,+CAA+C;AAEjEC,EAAAA,oBAAoB,EAAE,oDAAoD;AAC1EC,EAAAA,mBAAmB,EAAE,mDAAmD;AACxEC,EAAAA,kBAAkB,EAAE,kDAAkD;AACtEC,EAAAA,oBAAoB,EAAE,oDAAoD;AAC1EC,EAAAA,uBAAuB,EAAE,uDAAuD;AAChFC,EAAAA,oBAAoB,EAAE,oDAAoD;AAE1E;AACAC,EAAAA,gBAAgB,EAAE,+CAA+C;AACjEC,EAAAA,eAAe,EAAE,8CAA8C;AAE/D;AACAC,EAAAA,UAAU,EAAE,wCAAwC;AACpDC,EAAAA,gBAAgB,EAAE,+CAA+C;AACjEC,EAAAA,OAAO,EAAE,qCAAqC;AAC9CC,EAAAA,cAAc,EAAE,6CAA6C;AAC7DC,EAAAA,eAAe,EAAE,8CAA8C;AAC/DC,EAAAA,eAAe,EAAE,8CAA8C;AAC/DC,EAAAA,SAAS,EAAE,uCAAuC;AAClDC,EAAAA,cAAc,EAAE,6CAA6C;AAC7DC,EAAAA,gBAAgB,EAAE,+CAA+C;AACjEC,EAAAA,iBAAiB,EAAE,gDAAgD;AACnEC,EAAAA,eAAe,EAAE,8CAA8C;AAC/DC,EAAAA,iBAAiB,EAAE,iDAAiD;AACpEC,EAAAA,cAAc,EAAE,6CAA6C;AAC7DC,EAAAA,YAAY,EAAE,2CAA2C;AACzDC,EAAAA,aAAa,EAAE,4CAA4C;AAC3DC,EAAAA,cAAc,EAAE,6CAA6C;AAC7DC,EAAAA,iBAAiB,EAAE,gDAAgD;AACnEC,EAAAA,cAAc,EAAE,6CAA6C;AAC7DC,EAAAA,0BAA0B,EAAE,2DAA2D;AACvFC,EAAAA,2BAA2B,EAAE,4DAAA;AACjC;;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/InputGroup/variations/_gap/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../InputGroup.tokens';\n\nexport const base = css`\n gap: var(${tokens.inputGroupItemsGap});\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAEhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bl5zpqu{gap:var(--plasma-input-group-items-gap);}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/InputGroup/variations/_orientation/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../InputGroup.tokens';\n\nexport const base = css`\n flex-direction: var(${tokens.inputGroupOrientation});\n\n &.${classes.vertical} .${classes.inputGroupItem} {\n width: auto;\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAMhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bdx478e{-webkit-flex-direction:var(--plasma-input-group-orientation);-ms-flex-direction:var(--plasma-input-group-orientation);flex-direction:var(--plasma-input-group-orientation);}.bdx478e.input-group-orientation-vertical .input-group-item{width:auto;}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/InputGroup/variations/_shape/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../InputGroup.tokens';\nimport { textFieldTokens, textFieldClasses } from '../../../TextField';\nimport { InputWrapper } from '../../../TextField/TextField.styles';\n\nexport const base = css`\n &.${classes.default} {\n --plasma_private-input-radius-inner: var(${tokens.inputDefaultRadius});\n }\n\n &.${classes.segmented} {\n --plasma_private-input-radius-inner: var(${tokens.inputSegmentedRadius});\n\n &.${classes.none} {\n --plasma_private-input-radius-inner: 0;\n }\n }\n\n & .${textFieldClasses.inputGroupItem} ${InputWrapper} {\n ${textFieldTokens.borderRadius}: var(--plasma_private-input-radius-inner);\n transition: clip-path 0.05s ease-in;\n }\n\n /* NOTE: блок нужен только для TextField в plasma-web, чтобы border не наслаивались друг на друга */\n &.${classes.horizontal}&.${classes.none} .${textFieldClasses.inputGroupItem} {\n &:not(:first-child) {\n margin-left: var(${tokens.inputGroupWebMarginLeft});\n }\n\n &:not(:last-child) {\n ${InputWrapper} {\n clip-path: var(${tokens.inputGroupWebClipPath});\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.inputGroupItem} {\n &:not(:first-child) {\n margin-top: var(${tokens.inputGroupWebMarginTop});\n }\n\n &:not(:first-child) {\n ${InputWrapper} {\n clip-path: var(${tokens.inputGroupWebVerticalClipPath});\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.inputGroupItem}:first-child:last-child ${InputWrapper} {\n border-radius: var(${tokens.inputSideRadius});\n }\n }\n\n &.${classes.horizontal} {\n .${textFieldClasses.inputGroupItem}:first-child ${InputWrapper} {\n --plasma_private-left-side-radius: var(${tokens.inputSideRadius}) var(--plasma_private-input-radius-inner)\n var(--plasma_private-input-radius-inner) var(${tokens.inputSideRadius});\n\n border-radius: var(--plasma_private-left-side-radius);\n }\n\n .${textFieldClasses.inputGroupItem}:last-child ${InputWrapper} {\n --plasma_private-right-side-radius: var(--plasma_private-input-radius-inner) var(${tokens.inputSideRadius})\n var(${tokens.inputSideRadius}) var(--plasma_private-input-radius-inner);\n\n border-radius: var(--plasma_private-right-side-radius);\n }\n }\n\n &.${classes.vertical} {\n .${textFieldClasses.inputGroupItem}:first-child ${InputWrapper} {\n --plasma_private-up-side-radius: var(${tokens.inputSideRadius}) var(${tokens.inputSideRadius})\n var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner);\n\n border-radius: var(--plasma_private-up-side-radius);\n }\n .${textFieldClasses.inputGroupItem}:last-child ${InputWrapper} {\n --plasma_private-down-side-radius: var(--plasma_private-input-radius-inner)\n var(--plasma_private-input-radius-inner) var(${tokens.inputSideRadius}) var(${tokens.inputSideRadius});\n\n border-radius: var(--plasma_private-down-side-radius);\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAMO,IAAMA,IAAI,GAyFhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bat8qm9.input-group-shape-default{--plasma_private-input-radius-inner:var(--plasma-input-group-item-default-radius);}.bat8qm9.input-group-shape-segmented{--plasma_private-input-radius-inner:var(--plasma-input-group-item-segmented-radius);}.bat8qm9.input-group-shape-segmented.input-group-gap-none{--plasma_private-input-radius-inner:0;}.bat8qm9 .input-group-item .iq39zt5{--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;}.bat8qm9.input-group-orientation-horizontal.bat8qm9.input-group-gap-none .input-group-item:not(:first-child){margin-left:var(--plasma-input-group-web-margin-left);}.bat8qm9.input-group-orientation-horizontal.bat8qm9.input-group-gap-none .input-group-item:not(:last-child) .iq39zt5{-webkit-clip-path:var(--plasma-input-group-web-clip-path);clip-path:var(--plasma-input-group-web-clip-path);}.bat8qm9.input-group-orientation-horizontal.bat8qm9.input-group-gap-none .input-group-item:not(:last-child) .iq39zt5:hover,.bat8qm9.input-group-orientation-horizontal.bat8qm9.input-group-gap-none .input-group-item:not(:last-child) .iq39zt5:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.bat8qm9.input-group-orientation-vertical.bat8qm9.input-group-gap-none .input-group-item:not(:first-child){margin-top:var(--plasma-input-group-web-margin-top);}.bat8qm9.input-group-orientation-vertical.bat8qm9.input-group-gap-none .input-group-item:not(:first-child) .iq39zt5{-webkit-clip-path:var(--plasma-input-group-web-vertical-clip-path);clip-path:var(--plasma-input-group-web-vertical-clip-path);}.bat8qm9.input-group-orientation-vertical.bat8qm9.input-group-gap-none .input-group-item:not(:first-child) .iq39zt5:hover,.bat8qm9.input-group-orientation-vertical.bat8qm9.input-group-gap-none .input-group-item:not(:first-child) .iq39zt5:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.bat8qm9.input-group-orientation-horizontal .input-group-item:first-child:last-child .iq39zt5,.bat8qm9.input-group-orientation-vertical .input-group-item:first-child:last-child .iq39zt5{border-radius:var(--plasma-input-group-side-item-radius);}.bat8qm9.input-group-orientation-horizontal .input-group-item:first-child .iq39zt5{--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);}.bat8qm9.input-group-orientation-horizontal .input-group-item:last-child .iq39zt5{--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);}.bat8qm9.input-group-orientation-vertical .input-group-item:first-child .iq39zt5{--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);}.bat8qm9.input-group-orientation-vertical .input-group-item:last-child .iq39zt5{--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);}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/InputGroup/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../InputGroup.tokens';\nimport { textFieldTokens } from '../../../TextField';\n\nexport const base = css`\n &.${classes.inputGroupOverrideStyles} .${classes.inputGroupItem} {\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;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1jw8jhy.input-group-override-styles .input-group-item{--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);}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/InputGroup/variations/_stretching/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes } from '../../InputGroup.tokens';\n\nexport const base = css`\n &.${classes.filledStretching} {\n width: 100%;\n\n .${classes.inputGroupItem} {\n width: 100%;\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAQhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1ybrzwp.input-group-stretching-filled{width:100%;}.b1ybrzwp.input-group-stretching-filled .input-group-item{width:100%;}
|
@@ -1,83 +0,0 @@
|
|
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.inputGroupRoot = exports.inputGroupConfig = 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 _InputGroup = /*#__PURE__*/require("./InputGroup.styles");
|
16
|
-
var _InputGroup2 = /*#__PURE__*/require("./InputGroup.tokens");
|
17
|
-
var _excluded = ["children", "className", "size", "stretching", "gap", "orientation", "shape", "isCommonInputStyles"];
|
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 inputGroupRoot = exports.inputGroupRoot = function inputGroupRoot(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$isCommonInputS = props.isCommonInputStyles,
|
37
|
-
isCommonInputStyles = _props$isCommonInputS === void 0 ? true : _props$isCommonInputS,
|
38
|
-
rest = _objectWithoutProperties(props, _excluded);
|
39
|
-
var orientationClass = _InputGroup2.classes[orientation];
|
40
|
-
var gapClass = _InputGroup2.classes[gap];
|
41
|
-
var shapeClass = _InputGroup2.classes[shape];
|
42
|
-
var stretchingClass = _InputGroup2.classes["".concat(stretching, "Stretching")];
|
43
|
-
var overrideStylesClass = isCommonInputStyles ? _InputGroup2.classes.inputGroupOverrideStyles : 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 inputGroupConfig = exports.inputGroupConfig = {
|
55
|
-
name: 'InputGroup',
|
56
|
-
tag: 'div',
|
57
|
-
layout: inputGroupRoot,
|
58
|
-
base: _InputGroup.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
|
-
};
|
@@ -1,17 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.base = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
9
|
-
var base = exports.base = process.env.NODE_ENV === "production" ? {
|
10
|
-
name: "d6pg61-plasma-new-hope__base",
|
11
|
-
styles: "display:inline-flex;label:plasma-new-hope__base;"
|
12
|
-
} : {
|
13
|
-
name: "d6pg61-plasma-new-hope__base",
|
14
|
-
styles: "display:inline-flex;label:plasma-new-hope__base;",
|
15
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvSW5wdXRHcm91cC9JbnB1dEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9JbnB1dEdyb3VwL0lucHV0R3JvdXAuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbmA7XG4iXX0= */",
|
16
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
17
|
-
};
|
@@ -1,126 +0,0 @@
|
|
1
|
-
---
|
2
|
-
id: inputGroup
|
3
|
-
title: InputGroup
|
4
|
-
---
|
5
|
-
|
6
|
-
import { PropsTable, Description } from '@site/src/components';
|
7
|
-
|
8
|
-
# InputGroup
|
9
|
-
<Description name="InputGroup" />
|
10
|
-
<PropsTable name="InputGroup" exclude={['css']} />
|
11
|
-
|
12
|
-
## Использование
|
13
|
-
Компонент `InputGroup` - это обертка для Input. Принимает в себя группу input.
|
14
|
-
|
15
|
-
```tsx live
|
16
|
-
import React from 'react';
|
17
|
-
import { InputGroup, TextField } from '@salutejs/{{ package }}';
|
18
|
-
|
19
|
-
export function App() {
|
20
|
-
return (
|
21
|
-
<InputGroup>
|
22
|
-
{Array(5)
|
23
|
-
.fill(true)
|
24
|
-
.map((_, i) => (
|
25
|
-
<TextField placeholder={`input #${i}`} />
|
26
|
-
))}
|
27
|
-
</InputGroup>
|
28
|
-
);
|
29
|
-
}
|
30
|
-
```
|
31
|
-
|
32
|
-
## Примеры
|
33
|
-
|
34
|
-
### Размер группы input
|
35
|
-
Размер InputGroup задается с помощью свойства `size`.
|
36
|
-
С помощью свойства `isCommonInputStyles` можно отключить переопределение стилей для всех input внутри группы.
|
37
|
-
Тогда каждкаждый input будет иметь настраиваемый размер.
|
38
|
-
|
39
|
-
```tsx live
|
40
|
-
import React from 'react';
|
41
|
-
import { InputGroup, TextField } from '@salutejs/{{ package }}';
|
42
|
-
|
43
|
-
export function App() {
|
44
|
-
return (
|
45
|
-
<div>
|
46
|
-
<InputGroup size="s" view="secondary">
|
47
|
-
{Array(5)
|
48
|
-
.fill(true)
|
49
|
-
.map((_, i) => (
|
50
|
-
<TextField placeholder={`input #${i}`} />
|
51
|
-
))}
|
52
|
-
</InputGroup>
|
53
|
-
|
54
|
-
<InputGroup isCommonInputStyles={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
|
-
</InputGroup>
|
60
|
-
</div>
|
61
|
-
);
|
62
|
-
}
|
63
|
-
```
|
64
|
-
|
65
|
-
### Границы input
|
66
|
-
Границы input задаются с помощью свойства `shape`.
|
67
|
-
|
68
|
-
```tsx live
|
69
|
-
import React from 'react';
|
70
|
-
import { InputGroup, TextField } from '@salutejs/{{ package }}';
|
71
|
-
|
72
|
-
export function App() {
|
73
|
-
return (
|
74
|
-
<div>
|
75
|
-
<InputGroup size="xs" shape="segmented">
|
76
|
-
{Array(3)
|
77
|
-
.fill(true)
|
78
|
-
.map((_, i) => (
|
79
|
-
<TextField placeholder={`input #${i}`} />
|
80
|
-
))}
|
81
|
-
</InputGroup>
|
82
|
-
|
83
|
-
<InputGroup size="xs" shape="default">
|
84
|
-
{Array(3)
|
85
|
-
.fill(true)
|
86
|
-
.map((_, i) => (
|
87
|
-
<TextField placeholder={`input #${i}`} />
|
88
|
-
))}
|
89
|
-
</InputGroup>
|
90
|
-
</div>
|
91
|
-
);
|
92
|
-
}
|
93
|
-
```
|
94
|
-
|
95
|
-
### Ориентация InputGroup и отступы между input
|
96
|
-
|
97
|
-
InputGroup может располагаться вертикально или горизонтально и иметь два вида отступов, в зависимости от shape.
|
98
|
-
При `shape='default'`, `gap` может принимать значения `dense` и `wide`;
|
99
|
-
При `shape='segmented'`, `gap` может принимать значения `none` и `dense`;
|
100
|
-
|
101
|
-
```tsx live
|
102
|
-
import React from 'react';
|
103
|
-
import { InputGroup, TextField } from '@salutejs/{{ package }}';
|
104
|
-
|
105
|
-
export function App() {
|
106
|
-
return (
|
107
|
-
<div>
|
108
|
-
<InputGroup size="xs" orientation="vertical" shape="segmented" gap="none">
|
109
|
-
{Array(5)
|
110
|
-
.fill(true)
|
111
|
-
.map((_, i) => (
|
112
|
-
<TextField placeholder={`input #${i}`} />
|
113
|
-
))}
|
114
|
-
</InputGroup>
|
115
|
-
|
116
|
-
<InputGroup size="xs" orientation="horizontal" gap="wide">
|
117
|
-
{Array(4)
|
118
|
-
.fill(true)
|
119
|
-
.map((_, i) => (
|
120
|
-
<TextField placeholder={`input #${i}`} />
|
121
|
-
))}
|
122
|
-
</InputGroup>
|
123
|
-
</div>
|
124
|
-
);
|
125
|
-
}
|
126
|
-
```
|
@@ -1,92 +0,0 @@
|
|
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: 'input-group-stretching-auto',
|
9
|
-
filledStretching: 'input-group-stretching-filled',
|
10
|
-
inputGroupOverrideStyles: 'input-group-override-styles',
|
11
|
-
inputGroupItem: 'input-group-item',
|
12
|
-
horizontal: 'input-group-orientation-horizontal',
|
13
|
-
vertical: 'input-group-orientation-vertical',
|
14
|
-
none: 'input-group-gap-none',
|
15
|
-
dense: 'input-group-gap-dense',
|
16
|
-
wide: 'input-group-gap-wide',
|
17
|
-
segmented: 'input-group-shape-segmented',
|
18
|
-
"default": 'input-group-shape-default'
|
19
|
-
};
|
20
|
-
var tokens = exports.tokens = {
|
21
|
-
inputGroupOrientation: '--plasma-input-group-orientation',
|
22
|
-
inputGroupWebMarginLeft: '--plasma-input-group-web-margin-left',
|
23
|
-
inputGroupWebClipPath: '--plasma-input-group-web-clip-path',
|
24
|
-
inputGroupWebMarginTop: '--plasma-input-group-web-margin-top',
|
25
|
-
inputGroupWebVerticalClipPath: '--plasma-input-group-web-vertical-clip-path',
|
26
|
-
inputSegmentedRadius: '--plasma-input-group-item-segmented-radius',
|
27
|
-
inputDefaultRadius: '--plasma-input-group-item-default-radius',
|
28
|
-
inputSideRadius: '--plasma-input-group-side-item-radius',
|
29
|
-
inputGroupItemsGap: '--plasma-input-group-items-gap',
|
30
|
-
height: '--plasma-input-group-item-height',
|
31
|
-
borderWidth: '--plasma-input-group-item-border-width',
|
32
|
-
/** Отступ от границы ТextField */
|
33
|
-
padding: '--plasma-input-group-item-padding',
|
34
|
-
paddingWithChips: '--plasma-input-group-item-padding-with-chips',
|
35
|
-
/* Токены для инпута */
|
36
|
-
leftContentMargin: '--plasma-input-group-item__left-content-margin',
|
37
|
-
rightContentMargin: '--plasma-input-group-item__right-content-margin',
|
38
|
-
fontFamily: '--plasma-input-group-item-font-family',
|
39
|
-
fontStyle: '--plasma-input-group-item-font-style',
|
40
|
-
fontSize: '--plasma-input-group-item-font-size',
|
41
|
-
fontWeight: '--plasma-input-group-item-font-weight',
|
42
|
-
letterSpacing: '--plasma-input-group-item-letter-spacing',
|
43
|
-
lineHeight: '--plasma-input-group-item-line-height',
|
44
|
-
/** Токены лейбла */
|
45
|
-
labelOffset: '--plasma-input-group-item__label-offset',
|
46
|
-
labelFontFamily: '--plasma-input-group-item__label-font-family',
|
47
|
-
labelFontStyle: '--plasma-input-group-item__label-font-style',
|
48
|
-
labelFontSize: '--plasma-input-group-item__label-font-size',
|
49
|
-
labelFontWeight: '--plasma-input-group-item__label-font-weight',
|
50
|
-
labelLetterSpacing: '--plasma-input-group-item__label-letter-spacing',
|
51
|
-
labelLineHeight: '--plasma-input-group-item__label-line-height',
|
52
|
-
/* label-placement-inner */
|
53
|
-
labelInnerFontFamily: '--plasma-input-group-item-placement_inner__label-font-family',
|
54
|
-
labelInnerFontStyle: '--plasma-input-group-item-placement_inner__label-font-style',
|
55
|
-
labelInnerFontSize: '--plasma-input-group-item-placement_inner__label-font-size',
|
56
|
-
labelInnerFontWeight: '--plasma-input-group-item-placement_inner__label-font-weight',
|
57
|
-
labelInnerLetterSpacing: '--plasma-input-group-item-placement_inner__label-letter-spacing',
|
58
|
-
labelInnerLineHeight: '--plasma-input-group-item-placement_inner__label-line-height',
|
59
|
-
labelInnerPadding: '--plasma-input-group-item-placement_inner__label-padding',
|
60
|
-
contentLabelInnerPadding: '--plasma-input-group-item-placement_inner__content-padding',
|
61
|
-
leftHelperOffset: '--plasma-input-group-item__left-helper-offset',
|
62
|
-
leftHelperFontFamily: '--plasma-input-group-item__left-helper-font-family',
|
63
|
-
leftHelperFontStyle: '--plasma-input-group-item__left-helper-font-style',
|
64
|
-
leftHelperFontSize: '--plasma-input-group-item__left-helper-font-size',
|
65
|
-
leftHelperFontWeight: '--plasma-input-group-item__left-helper-font-weight',
|
66
|
-
leftHelperLetterSpacing: '--plasma-input-group-item__left-helper-letter-spacing',
|
67
|
-
leftHelperLineHeight: '--plasma-input-group-item__left-helper-line-height',
|
68
|
-
/** Токены вспомогательного текста */
|
69
|
-
textBeforeMargin: '--plasma-input-group-item__before-text-margin',
|
70
|
-
textAfterMargin: '--plasma-input-group-item__after-text-margin',
|
71
|
-
/** Токены чипа */
|
72
|
-
chipHeight: '--plasma-input-group-item__chip-height',
|
73
|
-
chipBorderRadius: '--plasma-input-group-item__chip-border-radius',
|
74
|
-
chipGap: '--plasma-input-group-item__chip-gap',
|
75
|
-
chipScaleHover: '--plasma-input-group-item__chip-scale-hover',
|
76
|
-
chipScaleActive: '--plasma-input-group-item__chip-scale-active',
|
77
|
-
chipOutlineSize: '--plasma-input-group-item__chip-outline-size',
|
78
|
-
chipWidth: '--plasma-input-group-item__chip-width',
|
79
|
-
chipPaddingTop: '--plasma-input-group-item__chip-padding-top',
|
80
|
-
chipPaddingRight: '--plasma-input-group-item__chip-padding-right',
|
81
|
-
chipPaddingBottom: '--plasma-input-group-item__chip-padding-bottom',
|
82
|
-
chipPaddingLeft: '--plasma-input-group-item__chip-padding-left',
|
83
|
-
chipCloseIconSize: '--plasma-input-group-item__chip-close-icon-size',
|
84
|
-
chipFontFamily: '--plasma-input-group-item__chip-font-family',
|
85
|
-
chipFontSize: '--plasma-input-group-item__chip-font-size',
|
86
|
-
chipFontStyle: '--plasma-input-group-item__chip-font-style',
|
87
|
-
chipFontWeight: '--plasma-input-group-item__chip-font-weight',
|
88
|
-
chipLetterSpacing: '--plasma-input-group-item__chip-letter-spacing',
|
89
|
-
chipLineHeight: '--plasma-input-group-item__chip-line-height',
|
90
|
-
chipClearContentMarginLeft: '--plasma-input-group-item__chip-clear-content-margin-left',
|
91
|
-
chipClearContentMarginRight: '--plasma-input-group-item__chip-clear-content-margin-right'
|
92
|
-
};
|
@@ -1,31 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
Object.defineProperty(exports, "inputGroupClasses", {
|
7
|
-
enumerable: true,
|
8
|
-
get: function get() {
|
9
|
-
return _InputGroup2.classes;
|
10
|
-
}
|
11
|
-
});
|
12
|
-
Object.defineProperty(exports, "inputGroupConfig", {
|
13
|
-
enumerable: true,
|
14
|
-
get: function get() {
|
15
|
-
return _InputGroup.inputGroupConfig;
|
16
|
-
}
|
17
|
-
});
|
18
|
-
Object.defineProperty(exports, "inputGroupRoot", {
|
19
|
-
enumerable: true,
|
20
|
-
get: function get() {
|
21
|
-
return _InputGroup.inputGroupRoot;
|
22
|
-
}
|
23
|
-
});
|
24
|
-
Object.defineProperty(exports, "inputGroupTokens", {
|
25
|
-
enumerable: true,
|
26
|
-
get: function get() {
|
27
|
-
return _InputGroup2.tokens;
|
28
|
-
}
|
29
|
-
});
|
30
|
-
var _InputGroup = /*#__PURE__*/require("./InputGroup");
|
31
|
-
var _InputGroup2 = /*#__PURE__*/require("./InputGroup.tokens");
|
@@ -1,9 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.base = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
-
var _InputGroup = /*#__PURE__*/require("../../InputGroup.tokens");
|
9
|
-
var base = exports.base = /*#__PURE__*/(0, _react.css)("gap:var(", _InputGroup.tokens.inputGroupItemsGap, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvSW5wdXRHcm91cC92YXJpYXRpb25zL19nYXAvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9JbnB1dEdyb3VwL3ZhcmlhdGlvbnMvX2dhcC9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9JbnB1dEdyb3VwLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGdhcDogdmFyKCR7dG9rZW5zLmlucHV0R3JvdXBJdGVtc0dhcH0pO1xuYDtcbiJdfQ== */"));
|
@@ -1 +0,0 @@
|
|
1
|
-
["--plasma-input-group-items-gap"]
|
@@ -1,9 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.base = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
-
var _InputGroup = /*#__PURE__*/require("../../InputGroup.tokens");
|
9
|
-
var base = exports.base = /*#__PURE__*/(0, _react.css)("flex-direction:var(", _InputGroup.tokens.inputGroupOrientation, ");&.", _InputGroup.classes.vertical, " .", _InputGroup.classes.inputGroupItem, "{width:auto;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvSW5wdXRHcm91cC92YXJpYXRpb25zL19vcmllbnRhdGlvbi9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0lucHV0R3JvdXAvdmFyaWF0aW9ucy9fb3JpZW50YXRpb24vYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vSW5wdXRHcm91cC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogdmFyKCR7dG9rZW5zLmlucHV0R3JvdXBPcmllbnRhdGlvbn0pO1xuXG4gICAgJi4ke2NsYXNzZXMudmVydGljYWx9IC4ke2NsYXNzZXMuaW5wdXRHcm91cEl0ZW19IHtcbiAgICAgICAgd2lkdGg6IGF1dG87XG4gICAgfVxuYDtcbiJdfQ== */"));
|
@@ -1 +0,0 @@
|
|
1
|
-
["--plasma-input-group-orientation"]
|