@salutejs/sdds-cs 0.358.0-dev.0 → 0.359.0-canary.2853.27343646545.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/emotion/cjs/components/Button/Button.config.js +19 -0
- package/dist/emotion/cjs/components/IconButton/IconButton.config.js +15 -0
- package/dist/emotion/cjs/components/TextField/TextField.config.js +77 -0
- package/dist/emotion/es/components/Button/Button.config.js +19 -0
- package/dist/emotion/es/components/IconButton/IconButton.config.js +15 -0
- package/dist/emotion/es/components/TextField/TextField.config.js +77 -0
- package/package.json +4 -4
- package/types/components/Button/Button.config.d.ts +1 -0
- package/types/components/Button/Button.d.ts +3 -0
- package/types/components/IconButton/IconButton.config.d.ts +1 -0
- package/types/components/IconButton/IconButton.d.ts +1 -0
- package/types/components/Mask/Mask.d.ts +8 -0
- package/types/components/TextField/TextField.config.d.ts +1 -0
- package/types/components/TextField/TextField.d.ts +9 -0
|
@@ -51,6 +51,25 @@ const config = {
|
|
|
51
51
|
`
|
|
52
52
|
},
|
|
53
53
|
size: {
|
|
54
|
+
m: (0, _emotion.css)`
|
|
55
|
+
${_emotion.buttonTokens.buttonHeight}: 3rem;
|
|
56
|
+
${_emotion.buttonTokens.buttonWidth}: 11.25rem;
|
|
57
|
+
${_emotion.buttonTokens.buttonPadding}: 1rem;
|
|
58
|
+
${_emotion.buttonTokens.buttonRadius}: 0.75rem;
|
|
59
|
+
${_emotion.buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);
|
|
60
|
+
${_emotion.buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);
|
|
61
|
+
${_emotion.buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);
|
|
62
|
+
${_emotion.buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
|
|
63
|
+
${_emotion.buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
|
|
64
|
+
${_emotion.buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);
|
|
65
|
+
|
|
66
|
+
${_emotion.buttonTokens.buttonSpinnerSize}: 1.375rem;
|
|
67
|
+
${_emotion.buttonTokens.buttonSpinnerColor}: inherit;
|
|
68
|
+
|
|
69
|
+
${_emotion.buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 0;
|
|
70
|
+
${_emotion.buttonTokens.buttonRightContentMargin}: 0 0 0 0.5rem;
|
|
71
|
+
${_emotion.buttonTokens.buttonValueMargin}: 0 0 0 0.5rem;
|
|
72
|
+
`,
|
|
54
73
|
s: (0, _emotion.css)`
|
|
55
74
|
${_emotion.buttonTokens.buttonHeight}: 2.5rem;
|
|
56
75
|
${_emotion.buttonTokens.buttonWidth}: 11.25rem;
|
|
@@ -44,6 +44,21 @@ const config = {
|
|
|
44
44
|
`
|
|
45
45
|
},
|
|
46
46
|
size: {
|
|
47
|
+
m: (0, _emotion.css)`
|
|
48
|
+
${_emotion.iconButtonTokens.iconButtonHeight}: 3rem;
|
|
49
|
+
${_emotion.iconButtonTokens.iconButtonWidth}: 3rem;
|
|
50
|
+
${_emotion.iconButtonTokens.iconButtonPadding}: 0.75rem;
|
|
51
|
+
${_emotion.iconButtonTokens.iconButtonRadius}: 0.75rem;
|
|
52
|
+
${_emotion.iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);
|
|
53
|
+
${_emotion.iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);
|
|
54
|
+
${_emotion.iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);
|
|
55
|
+
${_emotion.iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
|
|
56
|
+
${_emotion.iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
|
|
57
|
+
${_emotion.iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);
|
|
58
|
+
|
|
59
|
+
${_emotion.iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;
|
|
60
|
+
${_emotion.iconButtonTokens.iconButtonSpinnerColor}: inherit;
|
|
61
|
+
`,
|
|
47
62
|
s: (0, _emotion.css)`
|
|
48
63
|
${_emotion.iconButtonTokens.iconButtonHeight}: 2.5rem;
|
|
49
64
|
${_emotion.iconButtonTokens.iconButtonWidth}: 2.5rem;
|
|
@@ -103,6 +103,83 @@ const config = {
|
|
|
103
103
|
`
|
|
104
104
|
},
|
|
105
105
|
size: {
|
|
106
|
+
m: (0, _emotion.css)`
|
|
107
|
+
${_emotion.textFieldTokens.height}: 3rem;
|
|
108
|
+
${_emotion.textFieldTokens.padding}: 0.75rem 0.875rem 0.75rem 0.875rem;
|
|
109
|
+
${_emotion.textFieldTokens.paddingWithChips}: 0.375rem;
|
|
110
|
+
${_emotion.textFieldTokens.borderRadius}: 0.75rem;
|
|
111
|
+
${_emotion.textFieldTokens.borderWidth}: 0.125rem;
|
|
112
|
+
|
|
113
|
+
${_emotion.textFieldTokens.leftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;
|
|
114
|
+
${_emotion.textFieldTokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;
|
|
115
|
+
${_emotion.textFieldTokens.rightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;
|
|
116
|
+
|
|
117
|
+
${_emotion.textFieldTokens.contentRightWrapperGap}: 0.25rem;
|
|
118
|
+
${_emotion.textFieldTokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;
|
|
119
|
+
|
|
120
|
+
${_emotion.textFieldTokens.textBeforeMargin}: 0 0.25rem 0 0;
|
|
121
|
+
${_emotion.textFieldTokens.textAfterMargin}: 0 0 0 0.25rem;
|
|
122
|
+
|
|
123
|
+
${_emotion.textFieldTokens.fontFamily}: var(--plasma-typo-body-m-font-family);
|
|
124
|
+
${_emotion.textFieldTokens.fontSize}: var(--plasma-typo-body-m-font-size);
|
|
125
|
+
${_emotion.textFieldTokens.fontStyle}: var(--plasma-typo-body-m-font-style);
|
|
126
|
+
${_emotion.textFieldTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);
|
|
127
|
+
${_emotion.textFieldTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
|
|
128
|
+
${_emotion.textFieldTokens.lineHeight}: var(--plasma-typo-body-m-line-height);
|
|
129
|
+
|
|
130
|
+
${_emotion.textFieldTokens.labelOffset}: 0.5rem;
|
|
131
|
+
${_emotion.textFieldTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);
|
|
132
|
+
${_emotion.textFieldTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);
|
|
133
|
+
${_emotion.textFieldTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);
|
|
134
|
+
${_emotion.textFieldTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);
|
|
135
|
+
${_emotion.textFieldTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
|
|
136
|
+
${_emotion.textFieldTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
|
|
137
|
+
|
|
138
|
+
${_emotion.textFieldTokens.hintMargin}: -0.688rem -0.5rem;
|
|
139
|
+
${_emotion.textFieldTokens.hintTargetSize}: 2.375rem;
|
|
140
|
+
${_emotion.textFieldTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
141
|
+
|
|
142
|
+
${_emotion.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
|
|
143
|
+
${_emotion.textFieldTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
144
|
+
${_emotion.textFieldTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
145
|
+
${_emotion.textFieldTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
146
|
+
${_emotion.textFieldTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
|
|
147
|
+
${_emotion.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
|
|
148
|
+
${_emotion.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
|
|
149
|
+
|
|
150
|
+
${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem;
|
|
151
|
+
${_emotion.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
|
|
152
|
+
${_emotion.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-s-font-size);
|
|
153
|
+
${_emotion.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-s-font-style);
|
|
154
|
+
${_emotion.textFieldTokens.leftHelperFontWeight}: var(--plasma-typo-body-s-font-weight);
|
|
155
|
+
${_emotion.textFieldTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
|
|
156
|
+
${_emotion.textFieldTokens.leftHelperLineHeight}: var(--plasma-typo-body-s-line-height);
|
|
157
|
+
|
|
158
|
+
${_emotion.textFieldTokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
|
|
159
|
+
${_emotion.textFieldTokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
|
|
160
|
+
|
|
161
|
+
${_emotion.textFieldTokens.chipGap}: 0.25rem;
|
|
162
|
+
${_emotion.textFieldTokens.chipBorderRadius}: 0.375rem;
|
|
163
|
+
${_emotion.textFieldTokens.chipWidth}: auto;
|
|
164
|
+
${_emotion.textFieldTokens.chipHeight}: 2.25rem;
|
|
165
|
+
${_emotion.textFieldTokens.chipPadding}: 0 0.625rem 0 0.875rem;
|
|
166
|
+
${_emotion.textFieldTokens.chipClearContentMarginLeft}: 0.5rem;
|
|
167
|
+
${_emotion.textFieldTokens.chipClearContentMarginRight}: 0rem;
|
|
168
|
+
${_emotion.textFieldTokens.chipCloseIconSize}: 1.25rem;
|
|
169
|
+
${_emotion.textFieldTokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);
|
|
170
|
+
${_emotion.textFieldTokens.chipFontSize}: var(--plasma-typo-body-m-font-size);
|
|
171
|
+
${_emotion.textFieldTokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);
|
|
172
|
+
${_emotion.textFieldTokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);
|
|
173
|
+
${_emotion.textFieldTokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
|
|
174
|
+
${_emotion.textFieldTokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);
|
|
175
|
+
|
|
176
|
+
${_emotion.textFieldTokens.indicatorSizeInner}: 0.5rem;
|
|
177
|
+
${_emotion.textFieldTokens.indicatorSizeOuter}: 0.375rem;
|
|
178
|
+
${_emotion.textFieldTokens.indicatorLabelPlacementInner}: 0 0 0 0;
|
|
179
|
+
${_emotion.textFieldTokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;
|
|
180
|
+
${_emotion.textFieldTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;
|
|
181
|
+
${_emotion.textFieldTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;
|
|
182
|
+
`,
|
|
106
183
|
s: (0, _emotion.css)`
|
|
107
184
|
${_emotion.textFieldTokens.height}: 2.5rem;
|
|
108
185
|
${_emotion.textFieldTokens.padding}: 0.6875rem 0.75rem 0.6875rem 0.75rem;
|
|
@@ -41,6 +41,25 @@ export const config = {
|
|
|
41
41
|
`
|
|
42
42
|
},
|
|
43
43
|
size: {
|
|
44
|
+
m: css`
|
|
45
|
+
${buttonTokens.buttonHeight}: 3rem;
|
|
46
|
+
${buttonTokens.buttonWidth}: 11.25rem;
|
|
47
|
+
${buttonTokens.buttonPadding}: 1rem;
|
|
48
|
+
${buttonTokens.buttonRadius}: 0.75rem;
|
|
49
|
+
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);
|
|
50
|
+
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);
|
|
51
|
+
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);
|
|
52
|
+
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
|
|
53
|
+
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
|
|
54
|
+
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);
|
|
55
|
+
|
|
56
|
+
${buttonTokens.buttonSpinnerSize}: 1.375rem;
|
|
57
|
+
${buttonTokens.buttonSpinnerColor}: inherit;
|
|
58
|
+
|
|
59
|
+
${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 0;
|
|
60
|
+
${buttonTokens.buttonRightContentMargin}: 0 0 0 0.5rem;
|
|
61
|
+
${buttonTokens.buttonValueMargin}: 0 0 0 0.5rem;
|
|
62
|
+
`,
|
|
44
63
|
s: css`
|
|
45
64
|
${buttonTokens.buttonHeight}: 2.5rem;
|
|
46
65
|
${buttonTokens.buttonWidth}: 11.25rem;
|
|
@@ -34,6 +34,21 @@ export const config = {
|
|
|
34
34
|
`
|
|
35
35
|
},
|
|
36
36
|
size: {
|
|
37
|
+
m: css`
|
|
38
|
+
${iconButtonTokens.iconButtonHeight}: 3rem;
|
|
39
|
+
${iconButtonTokens.iconButtonWidth}: 3rem;
|
|
40
|
+
${iconButtonTokens.iconButtonPadding}: 0.75rem;
|
|
41
|
+
${iconButtonTokens.iconButtonRadius}: 0.75rem;
|
|
42
|
+
${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);
|
|
43
|
+
${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);
|
|
44
|
+
${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);
|
|
45
|
+
${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
|
|
46
|
+
${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
|
|
47
|
+
${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);
|
|
48
|
+
|
|
49
|
+
${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;
|
|
50
|
+
${iconButtonTokens.iconButtonSpinnerColor}: inherit;
|
|
51
|
+
`,
|
|
37
52
|
s: css`
|
|
38
53
|
${iconButtonTokens.iconButtonHeight}: 2.5rem;
|
|
39
54
|
${iconButtonTokens.iconButtonWidth}: 2.5rem;
|
|
@@ -93,6 +93,83 @@ export const config = {
|
|
|
93
93
|
`
|
|
94
94
|
},
|
|
95
95
|
size: {
|
|
96
|
+
m: css`
|
|
97
|
+
${tokens.height}: 3rem;
|
|
98
|
+
${tokens.padding}: 0.75rem 0.875rem 0.75rem 0.875rem;
|
|
99
|
+
${tokens.paddingWithChips}: 0.375rem;
|
|
100
|
+
${tokens.borderRadius}: 0.75rem;
|
|
101
|
+
${tokens.borderWidth}: 0.125rem;
|
|
102
|
+
|
|
103
|
+
${tokens.leftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;
|
|
104
|
+
${tokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;
|
|
105
|
+
${tokens.rightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;
|
|
106
|
+
|
|
107
|
+
${tokens.contentRightWrapperGap}: 0.25rem;
|
|
108
|
+
${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;
|
|
109
|
+
|
|
110
|
+
${tokens.textBeforeMargin}: 0 0.25rem 0 0;
|
|
111
|
+
${tokens.textAfterMargin}: 0 0 0 0.25rem;
|
|
112
|
+
|
|
113
|
+
${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);
|
|
114
|
+
${tokens.fontSize}: var(--plasma-typo-body-m-font-size);
|
|
115
|
+
${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);
|
|
116
|
+
${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);
|
|
117
|
+
${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
|
|
118
|
+
${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);
|
|
119
|
+
|
|
120
|
+
${tokens.labelOffset}: 0.5rem;
|
|
121
|
+
${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);
|
|
122
|
+
${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);
|
|
123
|
+
${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);
|
|
124
|
+
${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);
|
|
125
|
+
${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
|
|
126
|
+
${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
|
|
127
|
+
|
|
128
|
+
${tokens.hintMargin}: -0.688rem -0.5rem;
|
|
129
|
+
${tokens.hintTargetSize}: 2.375rem;
|
|
130
|
+
${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
131
|
+
|
|
132
|
+
${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
|
|
133
|
+
${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
134
|
+
${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
135
|
+
${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
136
|
+
${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
|
|
137
|
+
${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
|
|
138
|
+
${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
|
|
139
|
+
|
|
140
|
+
${tokens.leftHelperOffset}: 0.25rem;
|
|
141
|
+
${tokens.leftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
|
|
142
|
+
${tokens.leftHelperFontSize}: var(--plasma-typo-body-s-font-size);
|
|
143
|
+
${tokens.leftHelperFontStyle}: var(--plasma-typo-body-s-font-style);
|
|
144
|
+
${tokens.leftHelperFontWeight}: var(--plasma-typo-body-s-font-weight);
|
|
145
|
+
${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
|
|
146
|
+
${tokens.leftHelperLineHeight}: var(--plasma-typo-body-s-line-height);
|
|
147
|
+
|
|
148
|
+
${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
|
|
149
|
+
${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
|
|
150
|
+
|
|
151
|
+
${tokens.chipGap}: 0.25rem;
|
|
152
|
+
${tokens.chipBorderRadius}: 0.375rem;
|
|
153
|
+
${tokens.chipWidth}: auto;
|
|
154
|
+
${tokens.chipHeight}: 2.25rem;
|
|
155
|
+
${tokens.chipPadding}: 0 0.625rem 0 0.875rem;
|
|
156
|
+
${tokens.chipClearContentMarginLeft}: 0.5rem;
|
|
157
|
+
${tokens.chipClearContentMarginRight}: 0rem;
|
|
158
|
+
${tokens.chipCloseIconSize}: 1.25rem;
|
|
159
|
+
${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);
|
|
160
|
+
${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);
|
|
161
|
+
${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);
|
|
162
|
+
${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);
|
|
163
|
+
${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
|
|
164
|
+
${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);
|
|
165
|
+
|
|
166
|
+
${tokens.indicatorSizeInner}: 0.5rem;
|
|
167
|
+
${tokens.indicatorSizeOuter}: 0.375rem;
|
|
168
|
+
${tokens.indicatorLabelPlacementInner}: 0 0 0 0;
|
|
169
|
+
${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;
|
|
170
|
+
${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;
|
|
171
|
+
${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;
|
|
172
|
+
`,
|
|
96
173
|
s: css`
|
|
97
174
|
${tokens.height}: 2.5rem;
|
|
98
175
|
${tokens.padding}: 0.6875rem 0.75rem 0.6875rem 0.75rem;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-cs",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.359.0-canary.2853.27343646545.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS CS web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"publishConfig": {
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"styled-components": "^5.3.1"
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@salutejs/plasma-new-hope": "0.
|
|
45
|
+
"@salutejs/plasma-new-hope": "0.367.0-canary.2853.27343646545.0",
|
|
46
46
|
"@salutejs/sdds-themes": "0.68.0-dev.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"@salutejs/plasma-core": "1.229.0-dev.0",
|
|
62
62
|
"@salutejs/plasma-cy-utils": "0.159.0-dev.0",
|
|
63
63
|
"@salutejs/plasma-icons": "1.240.0-dev.0",
|
|
64
|
-
"@salutejs/plasma-sb-utils": "0.
|
|
64
|
+
"@salutejs/plasma-sb-utils": "0.231.0-canary.2853.27343646545.0",
|
|
65
65
|
"@types/node": "16.7.13",
|
|
66
66
|
"@types/react": "18.0.28",
|
|
67
67
|
"@types/react-dom": "18.0.11",
|
|
@@ -102,5 +102,5 @@
|
|
|
102
102
|
"salute.developers@gmail.com"
|
|
103
103
|
],
|
|
104
104
|
"sideEffects": false,
|
|
105
|
-
"gitHead": "
|
|
105
|
+
"gitHead": "df3ea7c8c7cfef0fef5b70b7274124b0aebfc65d"
|
|
106
106
|
}
|
|
@@ -11,6 +11,7 @@ export declare const config: {
|
|
|
11
11
|
clear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
12
12
|
};
|
|
13
13
|
size: {
|
|
14
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
14
15
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
15
16
|
sr: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
16
17
|
};
|
|
@@ -6,6 +6,7 @@ declare const ButtonComponent: React.FunctionComponent<import("@salutejs/plasma-
|
|
|
6
6
|
clear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
7
7
|
};
|
|
8
8
|
size: {
|
|
9
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
9
10
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
10
11
|
sr: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
11
12
|
};
|
|
@@ -75,6 +76,7 @@ export declare const Button: import("@salutejs/plasma-new-hope/emotion").MakePol
|
|
|
75
76
|
clear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
76
77
|
};
|
|
77
78
|
size: {
|
|
79
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
78
80
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
79
81
|
sr: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
80
82
|
};
|
|
@@ -116,6 +118,7 @@ export declare const Button: import("@salutejs/plasma-new-hope/emotion").MakePol
|
|
|
116
118
|
clear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
117
119
|
};
|
|
118
120
|
size: {
|
|
121
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
119
122
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
120
123
|
sr: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
121
124
|
};
|
|
@@ -11,6 +11,7 @@ export declare const config: {
|
|
|
11
11
|
clear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
12
12
|
};
|
|
13
13
|
size: {
|
|
14
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
14
15
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
15
16
|
};
|
|
16
17
|
disabled: {
|
|
@@ -8,6 +8,7 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
|
|
|
8
8
|
clear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
9
9
|
};
|
|
10
10
|
size: {
|
|
11
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
11
12
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
12
13
|
};
|
|
13
14
|
disabled: {
|
|
@@ -7,6 +7,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<Omit<
|
|
|
7
7
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
8
8
|
};
|
|
9
9
|
size: {
|
|
10
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
10
11
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
11
12
|
};
|
|
12
13
|
labelPlacement: {
|
|
@@ -70,6 +71,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<Omit<
|
|
|
70
71
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
71
72
|
};
|
|
72
73
|
size: {
|
|
74
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
73
75
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
74
76
|
};
|
|
75
77
|
labelPlacement: {
|
|
@@ -135,6 +137,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<Omit<
|
|
|
135
137
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
136
138
|
};
|
|
137
139
|
size: {
|
|
140
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
138
141
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
139
142
|
};
|
|
140
143
|
labelPlacement: {
|
|
@@ -198,6 +201,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<Omit<
|
|
|
198
201
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
199
202
|
};
|
|
200
203
|
size: {
|
|
204
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
201
205
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
202
206
|
};
|
|
203
207
|
labelPlacement: {
|
|
@@ -263,6 +267,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<Omit<
|
|
|
263
267
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
264
268
|
};
|
|
265
269
|
size: {
|
|
270
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
266
271
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
267
272
|
};
|
|
268
273
|
labelPlacement: {
|
|
@@ -326,6 +331,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<Omit<
|
|
|
326
331
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
327
332
|
};
|
|
328
333
|
size: {
|
|
334
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
329
335
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
330
336
|
};
|
|
331
337
|
labelPlacement: {
|
|
@@ -391,6 +397,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<Omit<
|
|
|
391
397
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
392
398
|
};
|
|
393
399
|
size: {
|
|
400
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
394
401
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
395
402
|
};
|
|
396
403
|
labelPlacement: {
|
|
@@ -454,6 +461,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<Omit<
|
|
|
454
461
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
455
462
|
};
|
|
456
463
|
size: {
|
|
464
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
457
465
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
458
466
|
};
|
|
459
467
|
labelPlacement: {
|
|
@@ -10,6 +10,7 @@ export declare const config: {
|
|
|
10
10
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
11
11
|
};
|
|
12
12
|
size: {
|
|
13
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
13
14
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
14
15
|
};
|
|
15
16
|
labelPlacement: {
|
|
@@ -4,6 +4,7 @@ export declare const TextFieldDefault: import("react").FunctionComponent<import(
|
|
|
4
4
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
5
5
|
};
|
|
6
6
|
size: {
|
|
7
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
7
8
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
8
9
|
};
|
|
9
10
|
labelPlacement: {
|
|
@@ -662,6 +663,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<(((Omi
|
|
|
662
663
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
663
664
|
};
|
|
664
665
|
size: {
|
|
666
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
665
667
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
666
668
|
};
|
|
667
669
|
labelPlacement: {
|
|
@@ -723,6 +725,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<(((Omi
|
|
|
723
725
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
724
726
|
};
|
|
725
727
|
size: {
|
|
728
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
726
729
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
727
730
|
};
|
|
728
731
|
labelPlacement: {
|
|
@@ -786,6 +789,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<(((Omi
|
|
|
786
789
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
787
790
|
};
|
|
788
791
|
size: {
|
|
792
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
789
793
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
790
794
|
};
|
|
791
795
|
labelPlacement: {
|
|
@@ -847,6 +851,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<(((Omi
|
|
|
847
851
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
848
852
|
};
|
|
849
853
|
size: {
|
|
854
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
850
855
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
851
856
|
};
|
|
852
857
|
labelPlacement: {
|
|
@@ -910,6 +915,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<(((Omi
|
|
|
910
915
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
911
916
|
};
|
|
912
917
|
size: {
|
|
918
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
913
919
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
914
920
|
};
|
|
915
921
|
labelPlacement: {
|
|
@@ -971,6 +977,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<(((Omi
|
|
|
971
977
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
972
978
|
};
|
|
973
979
|
size: {
|
|
980
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
974
981
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
975
982
|
};
|
|
976
983
|
labelPlacement: {
|
|
@@ -1034,6 +1041,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<(((Omi
|
|
|
1034
1041
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
1035
1042
|
};
|
|
1036
1043
|
size: {
|
|
1044
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
1037
1045
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
1038
1046
|
};
|
|
1039
1047
|
labelPlacement: {
|
|
@@ -1095,6 +1103,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<(((Omi
|
|
|
1095
1103
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
1096
1104
|
};
|
|
1097
1105
|
size: {
|
|
1106
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
1098
1107
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
1099
1108
|
};
|
|
1100
1109
|
labelPlacement: {
|