@salutejs/sdds-cs 0.335.0-canary.2358.19759407374.0 → 0.335.0-canary.2362.19765218937.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.
Files changed (18) hide show
  1. package/components/Mask/Mask.d.ts +33 -17
  2. package/components/Radiobox/Radiobox.d.ts +2 -2
  3. package/components/TextField/TextField.config.d.ts +3 -0
  4. package/components/TextField/TextField.config.js +50 -26
  5. package/components/TextField/TextField.d.ts +7 -835
  6. package/components/TextField/TextField.js +5 -28
  7. package/emotion/cjs/components/TextField/TextField.config.js +50 -26
  8. package/emotion/cjs/components/TextField/TextField.js +5 -28
  9. package/emotion/es/components/TextField/TextField.config.js +50 -26
  10. package/emotion/es/components/TextField/TextField.js +5 -15
  11. package/es/components/TextField/TextField.config.js +50 -26
  12. package/es/components/TextField/TextField.js +5 -15
  13. package/package.json +4 -4
  14. package/components/TextField/TextField.clear.config.d.ts +0 -32
  15. package/components/TextField/TextField.clear.config.js +0 -298
  16. package/emotion/cjs/components/TextField/TextField.clear.config.js +0 -298
  17. package/emotion/es/components/TextField/TextField.clear.config.js +0 -288
  18. package/es/components/TextField/TextField.clear.config.js +0 -288
package/es/components/TextField/TextField.config.js CHANGED
@@ -12,12 +12,15 @@ function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
14
  ": var(--text-primary);\n ",
15
+ ": var(--text-primary);\n ",
15
16
  ": var(--surface-solid-card);\n ",
16
17
  ": var(--surface-solid-card-active);\n ",
17
18
  ": var(--text-accent);\n ",
18
19
  ": var(--text-secondary);\n ",
19
20
  ": var(--text-tertiary);\n ",
20
21
  ": var(--text-secondary);\n ",
22
+ ": var(--text-tertiary);\n ",
23
+ ": var(--text-secondary);\n ",
21
24
  ": var(--text-secondary);\n ",
22
25
  ": var(--text-primary);\n ",
23
26
  ": var(--text-secondary);\n ",
@@ -29,6 +32,9 @@ function _templateObject() {
29
32
  ": var(--text-accent);\n ",
30
33
  ": var(--text-accent-minor);\n ",
31
34
  ": var(--text-accent-active);\n\n ",
35
+ ": var(--outline-solid-primary);\n ",
36
+ ": var(--text-secondary);\n ",
37
+ ": var(--surface-accent);\n\n ",
32
38
  ": var(--text-secondary);\n ",
33
39
  ": var(--text-secondary);\n ",
34
40
  ": var(--text-primary);\n ",
@@ -59,23 +65,23 @@ function _templateObject1() {
59
65
  var data = _tagged_template_literal([
60
66
  "\n ",
61
67
  ": var(--text-primary);\n ",
68
+ ": var(--text-negative);\n ",
62
69
  ": var(--surface-solid-card);\n ",
63
70
  ": var(--surface-solid-card-active);\n ",
64
71
  ": var(--text-accent);\n ",
65
72
  ": var(--text-secondary);\n ",
73
+ ": var(--text-negative);\n ",
66
74
  ": var(--text-tertiary);\n ",
75
+ ": var(--text-negative);\n ",
67
76
  ": var(--text-secondary);\n ",
68
77
  ": var(--text-secondary);\n ",
69
78
  ": var(--text-primary);\n ",
70
79
  ": var(--text-negative);\n ",
71
80
  ": var(--text-secondary);\n ",
72
81
  ": var(--text-secondary);\n\n ",
73
- ": var(--text-negative);\n ",
74
- ": var(--text-negative-hover);\n ",
75
- ": var(--text-negative-active);\n ",
76
- ": var(--text-accent);\n ",
77
- ": var(--text-accent-minor);\n ",
78
- ": var(--text-accent-active);\n\n ",
82
+ ": var(--surface-negative);\n ",
83
+ ": var(--surface-negative);\n ",
84
+ ": var(--surface-accent);\n\n ",
79
85
  ": var(--text-secondary);\n ",
80
86
  ": var(--text-secondary);\n ",
81
87
  ": var(--text-primary);\n ",
@@ -119,6 +125,7 @@ function _templateObject2() {
119
125
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
120
126
  ": var(--plasma-typo-body-m-line-height);\n\n ",
121
127
  ": 0.5rem;\n ",
128
+ ": 0.5rem;\n ",
122
129
  ": var(--plasma-typo-body-s-font-family);\n ",
123
130
  ": var(--plasma-typo-body-s-font-size);\n ",
124
131
  ": var(--plasma-typo-body-s-font-style);\n ",
@@ -127,7 +134,8 @@ function _templateObject2() {
127
134
  ": var(--plasma-typo-body-s-line-height);\n\n ",
128
135
  ": -0.688rem -0.5rem;\n ",
129
136
  ": 2.375rem;\n ",
130
- ": 0.563rem -2.938rem auto auto;\n\n ",
137
+ ": 0.563rem -2.938rem auto auto;\n ",
138
+ ": 0.062rem -2.063rem auto auto;\n\n ",
131
139
  ": 0.25rem;\n ",
132
140
  ": var(--plasma-typo-body-xs-font-family);\n ",
133
141
  ": var(--plasma-typo-body-xs-font-size);\n ",
@@ -163,7 +171,9 @@ function _templateObject2() {
163
171
  ": 0 0 0 0;\n ",
164
172
  ": 0.3125rem auto auto -0.6875rem;\n ",
165
173
  ": 0 0 auto auto;\n ",
166
- ": 0.25rem -0.625rem auto auto;\n "
174
+ ": 0.25rem -0.625rem auto auto;\n ",
175
+ ": 1.063rem auto auto -0.75rem;\n ",
176
+ ": 1.063rem -0.75rem auto auto;\n "
167
177
  ]);
168
178
  _templateObject2 = function _templateObject() {
169
179
  return data;
@@ -180,19 +190,28 @@ function _templateObject3() {
180
190
  return data;
181
191
  }
182
192
  function _templateObject4() {
193
+ var data = _tagged_template_literal([
194
+ ""
195
+ ]);
196
+ _templateObject4 = function _templateObject() {
197
+ return data;
198
+ };
199
+ return data;
200
+ }
201
+ function _templateObject5() {
183
202
  var data = _tagged_template_literal([
184
203
  "\n ",
185
204
  ": var(--surface-solid-card-brightness);\n ",
186
- ": var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ",
205
+ ": 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08);\n ",
187
206
  ": var(--text-primary);\n ",
188
207
  ": var(--surface-solid-card-brightness);\n "
189
208
  ]);
190
- _templateObject4 = function _templateObject() {
209
+ _templateObject5 = function _templateObject() {
191
210
  return data;
192
211
  };
193
212
  return data;
194
213
  }
195
- function _templateObject5() {
214
+ function _templateObject6() {
196
215
  var data = _tagged_template_literal([
197
216
  "\n ",
198
217
  ": 0.6875rem;\n ",
@@ -214,12 +233,12 @@ function _templateObject5() {
214
233
  ": 0.5rem;\n ",
215
234
  ": 0.625rem;\n "
216
235
  ]);
217
- _templateObject5 = function _templateObject() {
236
+ _templateObject6 = function _templateObject() {
218
237
  return data;
219
238
  };
220
239
  return data;
221
240
  }
222
- function _templateObject6() {
241
+ function _templateObject7() {
223
242
  var data = _tagged_template_literal([
224
243
  "\n ",
225
244
  ": 0.5rem;\n ",
@@ -241,12 +260,12 @@ function _templateObject6() {
241
260
  ": 0.375rem;\n ",
242
261
  ": 0.5625rem;\n "
243
262
  ]);
244
- _templateObject6 = function _templateObject() {
263
+ _templateObject7 = function _templateObject() {
245
264
  return data;
246
265
  };
247
266
  return data;
248
267
  }
249
- function _templateObject7() {
268
+ function _templateObject8() {
250
269
  var data = _tagged_template_literal([
251
270
  "\n ",
252
271
  ": 1;\n ",
@@ -257,12 +276,12 @@ function _templateObject7() {
257
276
  ": var(--surface-solid-primary);\n ",
258
277
  ": var(--text-secondary);\n "
259
278
  ]);
260
- _templateObject7 = function _templateObject() {
279
+ _templateObject8 = function _templateObject() {
261
280
  return data;
262
281
  };
263
282
  return data;
264
283
  }
265
- function _templateObject8() {
284
+ function _templateObject9() {
266
285
  var data = _tagged_template_literal([
267
286
  "\n ",
268
287
  ": 1;\n ",
@@ -272,9 +291,10 @@ function _templateObject8() {
272
291
  ": var(--text-secondary);\n ",
273
292
  ": var(--text-secondary);\n ",
274
293
  ": var(--text-secondary);\n ",
294
+ ": var(--outline-solid-secondary);\n ",
275
295
  ": 0.4;\n "
276
296
  ]);
277
- _templateObject8 = function _templateObject() {
297
+ _templateObject9 = function _templateObject() {
278
298
  return data;
279
299
  };
280
300
  return data;
@@ -288,27 +308,31 @@ export var config = {
288
308
  },
289
309
  variations: {
290
310
  view: {
291
- default: css(_templateObject(), tokens.color, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.borderColor, tokens.borderColorFocus, tokens.borderColorHover, tokens.indicatorColor, tokens.optionalColor),
292
- negative: css(_templateObject1(), tokens.color, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.borderColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
311
+ default: css(_templateObject(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.borderColor, tokens.borderColorFocus, tokens.borderColorHover, tokens.indicatorColor, tokens.optionalColor),
312
+ negative: css(_templateObject1(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.clearPlaceholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.borderColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
293
313
  },
294
314
  size: {
295
- s: css(_templateObject2(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight)
315
+ s: css(_templateObject2(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight)
296
316
  },
297
317
  labelPlacement: {
298
318
  outer: css(_templateObject3())
299
319
  },
320
+ clear: {
321
+ true: css(_templateObject4())
322
+ },
300
323
  hintView: {
301
- default: css(_templateObject4(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
324
+ // TODO: заменить тень на токен https://github.com/salute-developers/plasma/issues/1131
325
+ default: css(_templateObject5(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
302
326
  },
303
327
  hintSize: {
304
- m: css(_templateObject5(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin),
305
- s: css(_templateObject6(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin)
328
+ m: css(_templateObject6(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin),
329
+ s: css(_templateObject7(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin)
306
330
  },
307
331
  disabled: {
308
- true: css(_templateObject7(), tokens.disabledOpacity, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.color)
332
+ true: css(_templateObject8(), tokens.disabledOpacity, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.color)
309
333
  },
310
334
  readOnly: {
311
- true: css(_templateObject8(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
335
+ true: css(_templateObject9(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
312
336
  }
313
337
  }
314
338
  };
package/es/components/TextField/TextField.js CHANGED
@@ -1,16 +1,6 @@
1
- import { textFieldConfig, component, mergeConfig, createConditionalComponent } from '@salutejs/plasma-new-hope/styled-components';
1
+ import { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
2
  import { config } from './TextField.config';
3
- import { config as clearConfig } from './TextField.clear.config';
4
- var mergedConfigDefault = mergeConfig(textFieldConfig, config);
5
- export var TextFieldDefault = component(mergedConfigDefault);
6
- var mergedConfigClear = mergeConfig(textFieldConfig, clearConfig);
7
- export var TextFieldClear = component(mergedConfigClear);
8
- export var TextField = createConditionalComponent(TextFieldDefault, [
9
- {
10
- conditions: {
11
- prop: 'appearance',
12
- value: 'clear'
13
- },
14
- component: TextFieldClear
15
- }
16
- ]);
3
+ var mergedConfig = mergeConfig(textFieldConfig, config);
4
+ /**
5
+ * Поле ввода текста.
6
+ */ export var TextField = component(mergedConfig);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.335.0-canary.2358.19759407374.0",
3
+ "version": "0.335.0-canary.2362.19765218937.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
  "license": "MIT",
@@ -31,7 +31,7 @@
31
31
  "directory": "packages/sdds-cs"
32
32
  },
33
33
  "dependencies": {
34
- "@salutejs/plasma-new-hope": "0.343.0-canary.2358.19759407374.0",
34
+ "@salutejs/plasma-new-hope": "0.343.0-canary.2362.19765218937.0",
35
35
  "@salutejs/sdds-themes": "0.49.0"
36
36
  },
37
37
  "peerDependencies": {
@@ -58,7 +58,7 @@
58
58
  "@salutejs/plasma-core": "1.210.0",
59
59
  "@salutejs/plasma-cy-utils": "0.140.0",
60
60
  "@salutejs/plasma-icons": "1.227.0",
61
- "@salutejs/plasma-sb-utils": "0.211.0-canary.2358.19759407374.0",
61
+ "@salutejs/plasma-sb-utils": "0.211.0-canary.2362.19765218937.0",
62
62
  "@storybook/addon-docs": "8.6.14",
63
63
  "@storybook/addon-essentials": "8.6.14",
64
64
  "@storybook/manager-api": "8.6.14",
@@ -124,5 +124,5 @@
124
124
  "Anton Vinogradov"
125
125
  ],
126
126
  "sideEffects": false,
127
- "gitHead": "784718e35f7d4ae3e0c492df07a3791092a233c7"
127
+ "gitHead": "b88a466b259d4389b2aad257aef1b1bd9094b97f"
128
128
  }
package/components/TextField/TextField.clear.config.d.ts DELETED
@@ -1,32 +0,0 @@
1
- export declare const config: {
2
- defaults: {
3
- view: string;
4
- size: string;
5
- labelPlacement: string;
6
- };
7
- variations: {
8
- view: {
9
- default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
- negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
- };
12
- size: {
13
- s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
- };
15
- labelPlacement: {
16
- outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
17
- };
18
- hintView: {
19
- default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
20
- };
21
- hintSize: {
22
- m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
- s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
- };
25
- disabled: {
26
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
27
- };
28
- readOnly: {
29
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
30
- };
31
- };
32
- };
package/components/TextField/TextField.clear.config.js DELETED
@@ -1,298 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "config", {
6
- enumerable: true,
7
- get: function() {
8
- return config;
9
- }
10
- });
11
- var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
12
- function _tagged_template_literal(strings, raw) {
13
- if (!raw) {
14
- raw = strings.slice(0);
15
- }
16
- return Object.freeze(Object.defineProperties(strings, {
17
- raw: {
18
- value: Object.freeze(raw)
19
- }
20
- }));
21
- }
22
- function _templateObject() {
23
- var data = _tagged_template_literal([
24
- "\n ",
25
- ": var(--text-primary);\n\n ",
26
- ": var(--text-secondary);\n ",
27
- ": var(--text-tertiary);\n\n ",
28
- ": transparent;\n ",
29
- ": transparent;\n ",
30
- ": transparent;\n ",
31
- ": var(--text-accent);\n ",
32
- ": var(--text-tertiary);\n ",
33
- ": var(--text-tertiary);\n ",
34
- ": var(--text-primary);\n ",
35
- ": var(--text-secondary);\n ",
36
- ": var(--text-secondary);\n ",
37
- ": var(--text-secondary);\n\n ",
38
- ": var(--text-secondary);\n ",
39
- ": var(--text-secondary-hover);\n ",
40
- ": var(--text-secondary-active);\n ",
41
- ": var(--text-accent);\n ",
42
- ": var(--text-accent-minor);\n ",
43
- ": var(--text-accent-active);\n\n ",
44
- ": var(--outline-solid-primary);\n ",
45
- ": var(--text-secondary);\n ",
46
- ": var(--surface-accent);\n\n ",
47
- ": var(--text-accent);\n ",
48
- ": var(--surface-negative);\n ",
49
- ": var(--text-tertiary);\n "
50
- ]);
51
- _templateObject = function _templateObject() {
52
- return data;
53
- };
54
- return data;
55
- }
56
- function _templateObject1() {
57
- var data = _tagged_template_literal([
58
- "\n ",
59
- ": var(--text-negative);\n\n ",
60
- ": var(--text-negative);\n ",
61
- ": var(--text-negative);\n\n ",
62
- ": transparent;\n ",
63
- ": transparent;\n ",
64
- ": transparent;\n ",
65
- ": var(--text-accent);\n ",
66
- ": var(--text-secondary);\n ",
67
- ": var(--text-secondary);\n ",
68
- ": var(--text-primary);\n ",
69
- ": var(--text-negative);\n ",
70
- ": var(--text-secondary);\n ",
71
- ": var(--text-secondary);\n\n ",
72
- ": var(--text-negative);\n ",
73
- ": var(--text-negative-hover);\n ",
74
- ": var(--text-negative-active);\n\n ",
75
- ": var(--text-secondary);\n ",
76
- ": var(--text-secondary-hover);\n ",
77
- ": var(--text-secondary-active);\n\n ",
78
- ": var(--surface-negative);\n ",
79
- ": var(--surface-negative);\n ",
80
- ": var(--surface-accent);\n\n ",
81
- ": var(--text-negative);\n ",
82
- ": var(--surface-negative);\n ",
83
- ": var(--text-tertiary);\n "
84
- ]);
85
- _templateObject1 = function _templateObject() {
86
- return data;
87
- };
88
- return data;
89
- }
90
- function _templateObject2() {
91
- var data = _tagged_template_literal([
92
- "\n ",
93
- ": 2.5rem;\n ",
94
- ": 0.6875rem 0;\n ",
95
- ": 0.375rem 0;\n ",
96
- ": 0;\n\n ",
97
- ": -0.1875rem 0.25rem -0.1875rem 0;\n ",
98
- ": -0.1875rem 0 -0.1875rem 0.75rem;\n\n ",
99
- ": var(--plasma-typo-body-m-font-family);\n ",
100
- ": var(--plasma-typo-body-m-font-size);\n ",
101
- ": var(--plasma-typo-body-m-font-style);\n ",
102
- ": var(--plasma-typo-body-m-font-weight);\n ",
103
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
104
- ": var(--plasma-typo-body-m-line-height);\n\n ",
105
- ": 0.5rem;\n ",
106
- ": var(--plasma-typo-body-s-font-family);\n ",
107
- ": var(--plasma-typo-body-s-font-size);\n ",
108
- ": var(--plasma-typo-body-s-font-style);\n ",
109
- ": var(--plasma-typo-body-s-font-weight);\n ",
110
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
111
- ": var(--plasma-typo-body-s-line-height);\n\n ",
112
- ": -0.688rem -0.5rem;\n ",
113
- ": 2.375rem;\n ",
114
- ": 0.062rem -2.1063rem auto auto;\n\n ",
115
- ": 0.25rem;\n ",
116
- ": var(--plasma-typo-body-xs-font-family);\n ",
117
- ": var(--plasma-typo-body-xs-font-size);\n ",
118
- ": var(--plasma-typo-body-xs-font-style);\n ",
119
- ": var(--plasma-typo-body-xs-font-weight);\n ",
120
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
121
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
122
- ": 0.25rem;\n ",
123
- ": var(--plasma-typo-body-s-font-family);\n ",
124
- ": var(--plasma-typo-body-s-font-size);\n ",
125
- ": var(--plasma-typo-body-s-font-style);\n ",
126
- ": var(--plasma-typo-body-s-font-weight);\n ",
127
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
128
- ": var(--plasma-typo-body-s-line-height);\n\n ",
129
- ": 0.3125rem 0 0 0;\n ",
130
- ": 1.0625rem 0 0.3125rem 0;\n ",
131
- ": 0 0.25rem 0 0;\n ",
132
- ": 0 0 0 0.25rem;\n\n ",
133
- ": 0.25rem;\n ",
134
- ": 0.25rem;\n ",
135
- ": auto;\n ",
136
- ": 1.75rem;\n ",
137
- ": 0 0.5rem 0 0.75rem;\n ",
138
- ": 0.375rem;\n ",
139
- ": 0rem;\n ",
140
- ": 1rem;\n ",
141
- ": var(--plasma-typo-body-s-font-family);\n ",
142
- ": var(--plasma-typo-body-s-font-size);\n ",
143
- ": var(--plasma-typo-body-s-font-style);\n ",
144
- ": var(--plasma-typo-body-s-font-weight);\n ",
145
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
146
- ": var(--plasma-typo-body-s-line-height);\n\n ",
147
- ": 0.375rem;\n ",
148
- ": 0.375rem;\n ",
149
- ": 1.063rem auto auto -0.75rem;\n ",
150
- ": 0.3125rem auto auto -0.6875rem;\n ",
151
- ": 1.063rem -0.75rem auto auto;\n ",
152
- ": 0.25rem -0.625rem auto auto;\n "
153
- ]);
154
- _templateObject2 = function _templateObject() {
155
- return data;
156
- };
157
- return data;
158
- }
159
- function _templateObject3() {
160
- var data = _tagged_template_literal([
161
- ""
162
- ]);
163
- _templateObject3 = function _templateObject() {
164
- return data;
165
- };
166
- return data;
167
- }
168
- function _templateObject4() {
169
- var data = _tagged_template_literal([
170
- "\n ",
171
- ": var(--surface-solid-card-brightness);\n ",
172
- ": var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ",
173
- ": var(--text-primary);\n ",
174
- ": var(--surface-solid-card-brightness);\n "
175
- ]);
176
- _templateObject4 = function _templateObject() {
177
- return data;
178
- };
179
- return data;
180
- }
181
- function _templateObject5() {
182
- var data = _tagged_template_literal([
183
- "\n ",
184
- ": 0.6875rem;\n ",
185
- ": 0.875rem;\n ",
186
- ": 0.6875rem;\n ",
187
- ": 0.875rem;\n\n ",
188
- ": 2.5rem;\n ",
189
- ": 0.625rem;\n\n ",
190
- ": var(--plasma-typo-body-s-font-family);\n ",
191
- ": var(--plasma-typo-body-s-font-size);\n ",
192
- ": var(--plasma-typo-body-s-font-style);\n ",
193
- ": var(--plasma-typo-body-s-font-weight);\n ",
194
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
195
- ": var(--plasma-typo-body-s-line-height);\n\n ",
196
- ": 0.375rem;\n\n ",
197
- ": 1.25rem;\n ",
198
- ": 1.25rem;\n ",
199
- ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");\n ',
200
- ": 0.5rem;\n ",
201
- ": 0.625rem;\n "
202
- ]);
203
- _templateObject5 = function _templateObject() {
204
- return data;
205
- };
206
- return data;
207
- }
208
- function _templateObject6() {
209
- var data = _tagged_template_literal([
210
- "\n ",
211
- ": 0.5rem;\n ",
212
- ": 0.75rem;\n ",
213
- ": 0.5rem;\n ",
214
- ": 0.75rem;\n\n ",
215
- ": 2rem;\n ",
216
- ": 0.5rem;\n\n ",
217
- ": var(--plasma-typo-body-xs-font-family);\n ",
218
- ": var(--plasma-typo-body-xs-font-size);\n ",
219
- ": var(--plasma-typo-body-xs-font-style);\n ",
220
- ": var(--plasma-typo-body-xs-font-weight);\n ",
221
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
222
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
223
- ": 0.25rem;\n\n ",
224
- ": 1rem;\n ",
225
- ": 1rem;\n ",
226
- ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n ',
227
- ": 0.375rem;\n ",
228
- ": 0.5625rem;\n "
229
- ]);
230
- _templateObject6 = function _templateObject() {
231
- return data;
232
- };
233
- return data;
234
- }
235
- function _templateObject7() {
236
- var data = _tagged_template_literal([
237
- "\n ",
238
- ": 1;\n ",
239
- ": var(--surface-solid-primary);\n ",
240
- ": var(--surface-solid-primary);\n ",
241
- ": var(--surface-solid-primary);\n ",
242
- ": var(--text-secondary);\n "
243
- ]);
244
- _templateObject7 = function _templateObject() {
245
- return data;
246
- };
247
- return data;
248
- }
249
- function _templateObject8() {
250
- var data = _tagged_template_literal([
251
- "\n ",
252
- ": 1;\n ",
253
- ": var(--text-primary);\n ",
254
- ": var(--surface-clear);\n ",
255
- ": var(--text-secondary);\n ",
256
- ": var(--text-secondary);\n ",
257
- ": var(--text-secondary);\n ",
258
- ": var(--text-primary);\n ",
259
- ": var(--outline-solid-secondary);\n ",
260
- ": 0.4;\n "
261
- ]);
262
- _templateObject8 = function _templateObject() {
263
- return data;
264
- };
265
- return data;
266
- }
267
- var config = {
268
- defaults: {
269
- view: 'default',
270
- size: 's',
271
- labelPlacement: 'outer'
272
- },
273
- variations: {
274
- view: {
275
- default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.contentSlotRightColor, _styledcomponents.textFieldTokens.contentSlotRightColorHover, _styledcomponents.textFieldTokens.contentSlotRightColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor),
276
- negative: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.contentSlotRightColor, _styledcomponents.textFieldTokens.contentSlotRightColorHover, _styledcomponents.textFieldTokens.contentSlotRightColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor)
277
- },
278
- size: {
279
- s: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.labelFontFamily, _styledcomponents.textFieldTokens.labelFontSize, _styledcomponents.textFieldTokens.labelFontStyle, _styledcomponents.textFieldTokens.labelFontWeight, _styledcomponents.textFieldTokens.labelLetterSpacing, _styledcomponents.textFieldTokens.labelLineHeight, _styledcomponents.textFieldTokens.hintMargin, _styledcomponents.textFieldTokens.hintTargetSize, _styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledcomponents.textFieldTokens.titleCaptionFontFamily, _styledcomponents.textFieldTokens.titleCaptionFontSize, _styledcomponents.textFieldTokens.titleCaptionFontStyle, _styledcomponents.textFieldTokens.titleCaptionFontWeight, _styledcomponents.textFieldTokens.titleCaptionLetterSpacing, _styledcomponents.textFieldTokens.titleCaptionLineHeight, _styledcomponents.textFieldTokens.leftHelperOffset, _styledcomponents.textFieldTokens.leftHelperFontFamily, _styledcomponents.textFieldTokens.leftHelperFontSize, _styledcomponents.textFieldTokens.leftHelperFontStyle, _styledcomponents.textFieldTokens.leftHelperFontWeight, _styledcomponents.textFieldTokens.leftHelperLetterSpacing, _styledcomponents.textFieldTokens.leftHelperLineHeight, _styledcomponents.textFieldTokens.labelInnerPadding, _styledcomponents.textFieldTokens.contentLabelInnerPadding, _styledcomponents.textFieldTokens.textBeforeMargin, _styledcomponents.textFieldTokens.textAfterMargin, _styledcomponents.textFieldTokens.chipGap, _styledcomponents.textFieldTokens.chipBorderRadius, _styledcomponents.textFieldTokens.chipWidth, _styledcomponents.textFieldTokens.chipHeight, _styledcomponents.textFieldTokens.chipPadding, _styledcomponents.textFieldTokens.chipClearContentMarginLeft, _styledcomponents.textFieldTokens.chipClearContentMarginRight, _styledcomponents.textFieldTokens.chipCloseIconSize, _styledcomponents.textFieldTokens.chipFontFamily, _styledcomponents.textFieldTokens.chipFontSize, _styledcomponents.textFieldTokens.chipFontStyle, _styledcomponents.textFieldTokens.chipFontWeight, _styledcomponents.textFieldTokens.chipLetterSpacing, _styledcomponents.textFieldTokens.chipLineHeight, _styledcomponents.textFieldTokens.indicatorSizeInner, _styledcomponents.textFieldTokens.indicatorSizeOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInner, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuterRight)
280
- },
281
- labelPlacement: {
282
- outer: (0, _styledcomponents.css)(_templateObject3())
283
- },
284
- hintView: {
285
- default: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.textFieldTokens.tooltipBackgroundColor, _styledcomponents.textFieldTokens.tooltipBoxShadow, _styledcomponents.textFieldTokens.tooltipColor, _styledcomponents.textFieldTokens.tooltipArrowBackground)
286
- },
287
- hintSize: {
288
- m: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.textFieldTokens.tooltipPaddingTop, _styledcomponents.textFieldTokens.tooltipPaddingRight, _styledcomponents.textFieldTokens.tooltipPaddingBottom, _styledcomponents.textFieldTokens.tooltipPaddingLeft, _styledcomponents.textFieldTokens.tooltipMinHeight, _styledcomponents.textFieldTokens.tooltipBorderRadius, _styledcomponents.textFieldTokens.tooltipTextFontFamily, _styledcomponents.textFieldTokens.tooltipTextFontSize, _styledcomponents.textFieldTokens.tooltipTextFontStyle, _styledcomponents.textFieldTokens.tooltipTextFontWeight, _styledcomponents.textFieldTokens.tooltipTextFontLetterSpacing, _styledcomponents.textFieldTokens.tooltipTextFontLineHeight, _styledcomponents.textFieldTokens.tooltipContentLeftMargin, _styledcomponents.textFieldTokens.tooltipArrowMaskWidth, _styledcomponents.textFieldTokens.tooltipArrowMaskHeight, _styledcomponents.textFieldTokens.tooltipArrowMaskImage, _styledcomponents.textFieldTokens.tooltipArrowHeight, _styledcomponents.textFieldTokens.tooltipArrowEdgeMargin),
289
- s: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.textFieldTokens.tooltipPaddingTop, _styledcomponents.textFieldTokens.tooltipPaddingRight, _styledcomponents.textFieldTokens.tooltipPaddingBottom, _styledcomponents.textFieldTokens.tooltipPaddingLeft, _styledcomponents.textFieldTokens.tooltipMinHeight, _styledcomponents.textFieldTokens.tooltipBorderRadius, _styledcomponents.textFieldTokens.tooltipTextFontFamily, _styledcomponents.textFieldTokens.tooltipTextFontSize, _styledcomponents.textFieldTokens.tooltipTextFontStyle, _styledcomponents.textFieldTokens.tooltipTextFontWeight, _styledcomponents.textFieldTokens.tooltipTextFontLetterSpacing, _styledcomponents.textFieldTokens.tooltipTextFontLineHeight, _styledcomponents.textFieldTokens.tooltipContentLeftMargin, _styledcomponents.textFieldTokens.tooltipArrowMaskWidth, _styledcomponents.textFieldTokens.tooltipArrowMaskHeight, _styledcomponents.textFieldTokens.tooltipArrowMaskImage, _styledcomponents.textFieldTokens.tooltipArrowHeight, _styledcomponents.textFieldTokens.tooltipArrowEdgeMargin)
290
- },
291
- disabled: {
292
- true: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.textFieldTokens.disabledOpacity, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.color)
293
- },
294
- readOnly: {
295
- true: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.dividerColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightOpacityReadOnly)
296
- }
297
- }
298
- };