@salutejs/sdds-cs 0.336.0-canary.2402.20441017793.0 → 0.336.0-canary.2403.20455152253.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 (50) hide show
  1. package/dist/emotion/cjs/components/Autocomplete/Autocomplete.config.js +4 -2
  2. package/dist/emotion/cjs/components/Combobox/Combobox.config.js +4 -2
  3. package/dist/emotion/cjs/components/DatePicker/DatePicker.config.js +4 -2
  4. package/dist/emotion/cjs/components/Select/Select.config.js +4 -2
  5. package/dist/emotion/cjs/components/Skeleton/LineSkeleton.config.js +23 -11
  6. package/dist/emotion/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +32 -17
  7. package/dist/emotion/cjs/components/TextField/TextField.config.js +4 -2
  8. package/dist/emotion/cjs/components/Typography/Heading.config.js +30 -0
  9. package/dist/emotion/cjs/components/Typography/Typography.js +6 -0
  10. package/dist/emotion/cjs/components/Typography/index.js +3 -0
  11. package/dist/emotion/es/components/Autocomplete/Autocomplete.config.js +4 -2
  12. package/dist/emotion/es/components/Combobox/Combobox.config.js +4 -2
  13. package/dist/emotion/es/components/DatePicker/DatePicker.config.js +4 -2
  14. package/dist/emotion/es/components/Select/Select.config.js +4 -2
  15. package/dist/emotion/es/components/Skeleton/LineSkeleton.config.js +23 -11
  16. package/dist/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js +32 -17
  17. package/dist/emotion/es/components/TextField/TextField.config.js +4 -2
  18. package/dist/emotion/es/components/Typography/Heading.config.js +27 -0
  19. package/dist/emotion/es/components/Typography/Typography.js +4 -1
  20. package/dist/emotion/es/components/Typography/index.js +1 -1
  21. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +4 -2
  22. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +4 -2
  23. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +4 -2
  24. package/dist/styled-components/cjs/components/Select/Select.config.js +4 -2
  25. package/dist/styled-components/cjs/components/Skeleton/LineSkeleton.config.js +23 -11
  26. package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +32 -17
  27. package/dist/styled-components/cjs/components/TextField/TextField.config.js +4 -2
  28. package/dist/styled-components/cjs/components/Typography/Heading.config.js +30 -0
  29. package/dist/styled-components/cjs/components/Typography/Typography.js +6 -0
  30. package/dist/styled-components/cjs/components/Typography/index.js +3 -0
  31. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +4 -2
  32. package/dist/styled-components/es/components/Combobox/Combobox.config.js +4 -2
  33. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +4 -2
  34. package/dist/styled-components/es/components/Select/Select.config.js +4 -2
  35. package/dist/styled-components/es/components/Skeleton/LineSkeleton.config.js +23 -11
  36. package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabs.config.js +32 -17
  37. package/dist/styled-components/es/components/TextField/TextField.config.js +4 -2
  38. package/dist/styled-components/es/components/Typography/Heading.config.js +27 -0
  39. package/dist/styled-components/es/components/Typography/Typography.js +4 -1
  40. package/dist/styled-components/es/components/Typography/index.js +1 -1
  41. package/package.json +7 -7
  42. package/types/components/Combobox/Combobox.d.ts +24 -0
  43. package/types/components/Select/Select.d.ts +6 -0
  44. package/types/components/Skeleton/LineSkeleton.config.d.ts +1 -0
  45. package/types/components/Skeleton/Skeleton.d.ts +2 -0
  46. package/types/components/Tabs/Tabs.d.ts +1 -0
  47. package/types/components/Tabs/horizontal/HorizontalTabs.config.d.ts +1 -0
  48. package/types/components/Typography/Heading.config.d.ts +10 -0
  49. package/types/components/Typography/Typography.d.ts +17 -0
  50. package/types/components/Typography/index.d.ts +1 -1
package/dist/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js CHANGED
@@ -146,10 +146,10 @@ function _templateObject8() {
146
146
  function _templateObject9() {
147
147
  var data = _tagged_template_literal([
148
148
  "\n ",
149
- ": 0.625rem;\n ",
149
+ ": 0.5rem;\n ",
150
150
  ": fit-content;\n ",
151
151
  ": auto;\n ",
152
- ": 0.375rem;\n ",
152
+ ": 0.25rem;\n ",
153
153
  ": 0rem;\n "
154
154
  ]);
155
155
  _templateObject9 = function _templateObject() {
@@ -160,10 +160,10 @@ function _templateObject9() {
160
160
  function _templateObject10() {
161
161
  var data = _tagged_template_literal([
162
162
  "\n ",
163
- ": 0.75rem;\n ",
163
+ ": 0.625rem;\n ",
164
164
  ": fit-content;\n ",
165
165
  ": auto;\n ",
166
- ": 0.5rem;\n ",
166
+ ": 0.375rem;\n ",
167
167
  ": 0rem;\n "
168
168
  ]);
169
169
  _templateObject10 = function _templateObject() {
@@ -177,7 +177,7 @@ function _templateObject11() {
177
177
  ": 0.75rem;\n ",
178
178
  ": fit-content;\n ",
179
179
  ": auto;\n ",
180
- ": 1rem;\n ",
180
+ ": 0.5rem;\n ",
181
181
  ": 0rem;\n "
182
182
  ]);
183
183
  _templateObject11 = function _templateObject() {
@@ -188,7 +188,11 @@ function _templateObject11() {
188
188
  function _templateObject12() {
189
189
  var data = _tagged_template_literal([
190
190
  "\n ",
191
- ": 100%;\n "
191
+ ": 0.75rem;\n ",
192
+ ": fit-content;\n ",
193
+ ": auto;\n ",
194
+ ": 1rem;\n ",
195
+ ": 0rem;\n "
192
196
  ]);
193
197
  _templateObject12 = function _templateObject() {
194
198
  return data;
@@ -196,6 +200,16 @@ function _templateObject12() {
196
200
  return data;
197
201
  }
198
202
  function _templateObject13() {
203
+ var data = _tagged_template_literal([
204
+ "\n ",
205
+ ": 100%;\n "
206
+ ]);
207
+ _templateObject13 = function _templateObject() {
208
+ return data;
209
+ };
210
+ return data;
211
+ }
212
+ function _templateObject14() {
199
213
  var data = _tagged_template_literal([
200
214
  "\n ",
201
215
  ": var(--text-secondary);\n ",
@@ -210,17 +224,17 @@ function _templateObject13() {
210
224
  ": none;\n ",
211
225
  ": transparent;\n "
212
226
  ]);
213
- _templateObject13 = function _templateObject() {
227
+ _templateObject14 = function _templateObject() {
214
228
  return data;
215
229
  };
216
230
  return data;
217
231
  }
218
- function _templateObject14() {
232
+ function _templateObject15() {
219
233
  var data = _tagged_template_literal([
220
234
  "\n ",
221
235
  ": 1.625rem;\n "
222
236
  ]);
223
- _templateObject14 = function _templateObject() {
237
+ _templateObject15 = function _templateObject() {
224
238
  return data;
225
239
  };
226
240
  return data;
@@ -242,20 +256,21 @@ export var config = {
242
256
  s: css(_templateObject4(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
243
257
  m: css(_templateObject5(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
244
258
  l: css(_templateObject6(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
245
- h5: css(_templateObject7(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
246
- h4: css(_templateObject8(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
247
- h3: css(_templateObject9(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
248
- h2: css(_templateObject10(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
249
- h1: css(_templateObject11(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
259
+ h6: css(_templateObject7(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
260
+ h5: css(_templateObject8(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
261
+ h4: css(_templateObject9(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
262
+ h3: css(_templateObject10(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
263
+ h2: css(_templateObject11(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
264
+ h1: css(_templateObject12(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
250
265
  },
251
266
  stretch: {
252
- true: css(_templateObject12(), tabsTokens.containerWidth)
267
+ true: css(_templateObject13(), tabsTokens.containerWidth)
253
268
  },
254
269
  disabled: {
255
- true: css(_templateObject13(), tabsTokens.arrowColor, tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.tabsDividerColor)
270
+ true: css(_templateObject14(), tabsTokens.arrowColor, tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.tabsDividerColor)
256
271
  },
257
272
  pilled: {
258
- true: css(_templateObject14(), tabsTokens.tabsPilledBorderRadius)
273
+ true: css(_templateObject15(), tabsTokens.tabsPilledBorderRadius)
259
274
  }
260
275
  }
261
276
  };
package/dist/emotion/es/components/TextField/TextField.config.js CHANGED
@@ -272,7 +272,9 @@ function _templateObject8() {
272
272
  ": var(--text-secondary);\n ",
273
273
  ": var(--text-secondary);\n ",
274
274
  ": var(--text-secondary);\n ",
275
- ": 0.4;\n "
275
+ ": 0.4;\n ",
276
+ ": transparent;\n ",
277
+ ": 0;\n "
276
278
  ]);
277
279
  _templateObject8 = function _templateObject() {
278
280
  return data;
@@ -308,7 +310,7 @@ export var config = {
308
310
  true: css(_templateObject7(), tokens.disabledOpacity, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.color)
309
311
  },
310
312
  readOnly: {
311
- true: css(_templateObject8(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
313
+ true: css(_templateObject8(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.contentSlotRightOpacityReadOnly, tokens.borderColor, tokens.borderWidth)
312
314
  }
313
315
  }
314
316
  };
package/dist/emotion/es/components/Typography/Heading.config.js CHANGED
@@ -93,6 +93,23 @@ function _templateObject4() {
93
93
  };
94
94
  return data;
95
95
  }
96
+ function _templateObject5() {
97
+ var data = _tagged_template_literal([
98
+ "\n ",
99
+ ": var(--plasma-typo-h6-font-family);\n ",
100
+ ": var(--plasma-typo-h6-font-size);\n ",
101
+ ": var(--plasma-typo-h6-font-style);\n ",
102
+ ": var(--plasma-typo-h6-font-weight);\n ",
103
+ ": var(--plasma-typo-h6-bold-font-weight);\n ",
104
+ ": var(--plasma-typo-h6-medium-font-weight);\n ",
105
+ ": var(--plasma-typo-h6-letter-spacing);\n ",
106
+ ": var(--plasma-typo-h6-line-height);\n "
107
+ ]);
108
+ _templateObject5 = function _templateObject() {
109
+ return data;
110
+ };
111
+ return data;
112
+ }
96
113
  import { css, typographyTokens } from '@salutejs/plasma-new-hope/emotion';
97
114
  export var configH1 = {
98
115
  defaults: {
@@ -144,3 +161,13 @@ export var configH5 = {
144
161
  }
145
162
  }
146
163
  };
164
+ export var configH6 = {
165
+ defaults: {
166
+ size: 'h6'
167
+ },
168
+ variations: {
169
+ size: {
170
+ h6: css(_templateObject5(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
171
+ }
172
+ }
173
+ };
package/dist/emotion/es/components/Typography/Typography.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { bodyConfig, dsplConfig, headingConfig, textConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
2
2
  import { configL as bodyConfigLCustom, configM as bodyConfigMCustom, configS as bodyConfigSCustom, configXS as bodyConfigXSCustom, configXXS as bodyConfigXXSCustom } from './Body.config';
3
3
  import { configL as dsplConfigLCustom, configM as dsplConfigMCustom, configS as dsplConfigSCustom } from './Dspl.config';
4
- import { configH1 as headingConfigH1Custom, configH2 as headingConfigH2Custom, configH3 as headingConfigH3Custom, configH4 as headingConfigH4Custom, configH5 as headingConfigH5Custom } from './Heading.config';
4
+ import { configH1 as headingConfigH1Custom, configH2 as headingConfigH2Custom, configH3 as headingConfigH3Custom, configH4 as headingConfigH4Custom, configH5 as headingConfigH5Custom, configH6 as headingConfigH6Custom } from './Heading.config';
5
5
  import { configL as textConfigLCustom, configM as textConfigMCustom, configS as textConfigSCustom, configXS as textConfigXSCustom } from './Text.config';
6
6
  var bodyMConfig = mergeConfig(bodyConfig, bodyConfigMCustom);
7
7
  var BodyMComponent = component(bodyMConfig);
@@ -29,6 +29,8 @@ var heading4Config = mergeConfig(headingConfig, headingConfigH4Custom);
29
29
  var Heading4Component = component(heading4Config);
30
30
  var heading5Config = mergeConfig(headingConfig, headingConfigH5Custom);
31
31
  var Heading5Component = component(heading5Config);
32
+ var heading6Config = mergeConfig(headingConfig, headingConfigH6Custom);
33
+ var Heading6Component = component(heading6Config);
32
34
  var textMConfig = mergeConfig(textConfig, textConfigMCustom);
33
35
  var TextMComponent = component(textMConfig);
34
36
  var textLConfig = mergeConfig(textConfig, textConfigLCustom);
@@ -50,6 +52,7 @@ export var H2 = Heading2Component;
50
52
  export var H3 = Heading3Component;
51
53
  export var H4 = Heading4Component;
52
54
  export var H5 = Heading5Component;
55
+ export var H6 = Heading6Component;
53
56
  export var TextM = TextMComponent;
54
57
  export var TextL = TextLComponent;
55
58
  export var TextS = TextSComponent;
package/dist/emotion/es/components/Typography/index.js CHANGED
@@ -1 +1 @@
1
- export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, TextL, TextM, TextS, TextXS } from './Typography';
1
+ export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, H6, TextL, TextM, TextS, TextXS } from './Typography';
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -218,7 +218,9 @@ function _templateObject6() {
218
218
  ": var(--surface-clear);\n ",
219
219
  ": var(--text-secondary);\n ",
220
220
  ": var(--text-secondary);\n ",
221
- ": var(--text-secondary);\n "
221
+ ": var(--text-secondary);\n ",
222
+ ": transparent;\n ",
223
+ ": 0;\n "
222
224
  ]);
223
225
  _templateObject6 = function _templateObject() {
224
226
  return data;
@@ -247,7 +249,7 @@ var config = {
247
249
  true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.autocompleteTokens.itemColor, _styledcomponents.autocompleteTokens.background, _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.textFieldLabelColor, _styledcomponents.autocompleteTokens.textFieldBackgroundColor, _styledcomponents.autocompleteTokens.textFieldBackgroundColorHover, _styledcomponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledcomponents.autocompleteTokens.textFieldBorderColor, _styledcomponents.autocompleteTokens.textFieldBorderColorHover, _styledcomponents.autocompleteTokens.textFieldBorderColorFocus)
248
250
  },
249
251
  readOnly: {
250
- true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBorderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly)
252
+ true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBorderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBorderColor, _styledcomponents.autocompleteTokens.textFieldBorderWidth)
251
253
  }
252
254
  }
253
255
  };
package/dist/styled-components/cjs/components/Combobox/Combobox.config.js CHANGED
@@ -293,7 +293,9 @@ function _templateObject6() {
293
293
  ": transparent;\n ",
294
294
  ": 0;\n ",
295
295
  ": 0.25rem;\n ",
296
- ": 0rem;\n "
296
+ ": 0rem;\n ",
297
+ ": transparent;\n ",
298
+ ": 0;\n "
297
299
  ]);
298
300
  _templateObject6 = function _templateObject() {
299
301
  return data;
@@ -322,7 +324,7 @@ var config = {
322
324
  true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.comboboxNewTokens.textFieldDisabledOpacity, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldColor)
323
325
  },
324
326
  readOnly: {
325
- true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.textFieldPadding, _styledcomponents.comboboxNewTokens.textFieldLabelOffset, _styledcomponents.comboboxNewTokens.textFieldLeftHelperOffset)
327
+ true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.textFieldPadding, _styledcomponents.comboboxNewTokens.textFieldLabelOffset, _styledcomponents.comboboxNewTokens.textFieldLeftHelperOffset, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderWidth)
326
328
  }
327
329
  }
328
330
  };
package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js CHANGED
@@ -242,7 +242,9 @@ function _templateObject3() {
242
242
  ": 0.4;\n\n ",
243
243
  ": var(--text-primary);\n ",
244
244
  ": var(--surface-clear);\n ",
245
- ": var(--text-secondary);\n "
245
+ ": var(--text-secondary);\n ",
246
+ ": transparent;\n ",
247
+ ": 0;\n "
246
248
  ]);
247
249
  _templateObject3 = function _templateObject() {
248
250
  return data;
@@ -265,7 +267,7 @@ var config = {
265
267
  true: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.datePickerTokens.background, _styledcomponents.datePickerTokens.borderColor, _styledcomponents.datePickerTokens.borderColorHover, _styledcomponents.datePickerTokens.borderColorFocus, _styledcomponents.datePickerTokens.borderColorSuccess, _styledcomponents.datePickerTokens.textFieldBorderColorFocus, _styledcomponents.datePickerTokens.textFieldColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColor, _styledcomponents.datePickerTokens.textFieldColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColor, _styledcomponents.datePickerTokens.textFieldCaretColor, _styledcomponents.datePickerTokens.textFieldBackgroundColor, _styledcomponents.datePickerTokens.labelColor)
266
268
  },
267
269
  readOnly: {
268
- true: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.datePickerTokens.backgroundReadOnly, _styledcomponents.datePickerTokens.labelColorReadOnly, _styledcomponents.datePickerTokens.leftHelperColorReadOnly, _styledcomponents.datePickerTokens.labelColor, _styledcomponents.datePickerTokens.dividerColorReadOnly, _styledcomponents.datePickerTokens.dividerOpacityReadOnly, _styledcomponents.datePickerTokens.textFieldColorReadOnly, _styledcomponents.datePickerTokens.textFieldBackgroundColorReadOnly, _styledcomponents.datePickerTokens.textFieldPlaceholderColorReadOnly)
270
+ true: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.datePickerTokens.backgroundReadOnly, _styledcomponents.datePickerTokens.labelColorReadOnly, _styledcomponents.datePickerTokens.leftHelperColorReadOnly, _styledcomponents.datePickerTokens.labelColor, _styledcomponents.datePickerTokens.dividerColorReadOnly, _styledcomponents.datePickerTokens.dividerOpacityReadOnly, _styledcomponents.datePickerTokens.textFieldColorReadOnly, _styledcomponents.datePickerTokens.textFieldBackgroundColorReadOnly, _styledcomponents.datePickerTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.datePickerTokens.borderColor, _styledcomponents.datePickerTokens.borderWidth)
269
271
  }
270
272
  }
271
273
  };
package/dist/styled-components/cjs/components/Select/Select.config.js CHANGED
@@ -278,7 +278,9 @@ function _templateObject7() {
278
278
  ": var(--text-secondary);\n ",
279
279
  ": var(--text-secondary);\n ",
280
280
  ": var(--text-secondary);\n ",
281
- ": var(--surface-transparent-primary);\n "
281
+ ": var(--surface-transparent-primary);\n ",
282
+ ": transparent;\n ",
283
+ ": 0;\n "
282
284
  ]);
283
285
  _templateObject7 = function _templateObject() {
284
286
  return data;
@@ -311,7 +313,7 @@ var config = {
311
313
  true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.selectTokens.textFieldDisabledOpacity, _styledcomponents.selectTokens.textFieldBackgroundColor, _styledcomponents.selectTokens.textFieldBackgroundColorFocus, _styledcomponents.selectTokens.textFieldBorderColor, _styledcomponents.selectTokens.textFieldBorderColorHover, _styledcomponents.selectTokens.textFieldBorderColorFocus, _styledcomponents.selectTokens.textFieldColor)
312
314
  },
313
315
  readOnly: {
314
- true: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.selectTokens.disclosureIconOpacityReadOnly, _styledcomponents.selectTokens.textFieldColorReadOnly, _styledcomponents.selectTokens.textFieldBackgroundColorReadOnly, _styledcomponents.selectTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.selectTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.selectTokens.textFieldTitleCaptionColorReadOnly, _styledcomponents.selectTokens.textFieldLabelColorReadOnly, _styledcomponents.selectTokens.textFieldDividerColorReadOnly)
316
+ true: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.selectTokens.disclosureIconOpacityReadOnly, _styledcomponents.selectTokens.textFieldColorReadOnly, _styledcomponents.selectTokens.textFieldBackgroundColorReadOnly, _styledcomponents.selectTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.selectTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.selectTokens.textFieldTitleCaptionColorReadOnly, _styledcomponents.selectTokens.textFieldLabelColorReadOnly, _styledcomponents.selectTokens.textFieldDividerColorReadOnly, _styledcomponents.selectTokens.textFieldBorderColor, _styledcomponents.selectTokens.textFieldBorderWidth)
315
317
  }
316
318
  }
317
319
  };
package/dist/styled-components/cjs/components/Skeleton/LineSkeleton.config.js CHANGED
@@ -185,8 +185,8 @@ function _templateObject14() {
185
185
  function _templateObject15() {
186
186
  var data = _tagged_template_literal([
187
187
  "\n ",
188
- ": var(--plasma-typo-text-l-line-height);\n ",
189
- ": var(--plasma-typo-text-l-font-size);\n "
188
+ ": var(--plasma-typo-h6-line-height);\n ",
189
+ ": var(--plasma-typo-h6-font-size);\n "
190
190
  ]);
191
191
  _templateObject15 = function _templateObject() {
192
192
  return data;
@@ -196,8 +196,8 @@ function _templateObject15() {
196
196
  function _templateObject16() {
197
197
  var data = _tagged_template_literal([
198
198
  "\n ",
199
- ": var(--plasma-typo-text-m-line-height);\n ",
200
- ": var(--plasma-typo-text-m-font-size);\n "
199
+ ": var(--plasma-typo-text-l-line-height);\n ",
200
+ ": var(--plasma-typo-text-l-font-size);\n "
201
201
  ]);
202
202
  _templateObject16 = function _templateObject() {
203
203
  return data;
@@ -207,8 +207,8 @@ function _templateObject16() {
207
207
  function _templateObject17() {
208
208
  var data = _tagged_template_literal([
209
209
  "\n ",
210
- ": var(--plasma-typo-text-s-line-height);\n ",
211
- ": var(--plasma-typo-text-s-font-size);\n "
210
+ ": var(--plasma-typo-text-m-line-height);\n ",
211
+ ": var(--plasma-typo-text-m-font-size);\n "
212
212
  ]);
213
213
  _templateObject17 = function _templateObject() {
214
214
  return data;
@@ -216,12 +216,23 @@ function _templateObject17() {
216
216
  return data;
217
217
  }
218
218
  function _templateObject18() {
219
+ var data = _tagged_template_literal([
220
+ "\n ",
221
+ ": var(--plasma-typo-text-s-line-height);\n ",
222
+ ": var(--plasma-typo-text-s-font-size);\n "
223
+ ]);
224
+ _templateObject18 = function _templateObject() {
225
+ return data;
226
+ };
227
+ return data;
228
+ }
229
+ function _templateObject19() {
219
230
  var data = _tagged_template_literal([
220
231
  "\n ",
221
232
  ": var(--plasma-typo-text-xs-line-height);\n ",
222
233
  ": var(--plasma-typo-text-xs-font-size);\n "
223
234
  ]);
224
- _templateObject18 = function _templateObject() {
235
+ _templateObject19 = function _templateObject() {
225
236
  return data;
226
237
  };
227
238
  return data;
@@ -250,10 +261,11 @@ var config = {
250
261
  h3: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
251
262
  h4: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
252
263
  h5: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
253
- textL: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
254
- textM: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
255
- textS: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
256
- textXS: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight)
264
+ h6: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
265
+ textL: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
266
+ textM: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
267
+ textS: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
268
+ textXS: (0, _styledcomponents.css)(_templateObject19(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight)
257
269
  }
258
270
  }
259
271
  };
package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabs.config.js CHANGED
@@ -157,10 +157,10 @@ function _templateObject8() {
157
157
  function _templateObject9() {
158
158
  var data = _tagged_template_literal([
159
159
  "\n ",
160
- ": 0.625rem;\n ",
160
+ ": 0.5rem;\n ",
161
161
  ": fit-content;\n ",
162
162
  ": auto;\n ",
163
- ": 0.375rem;\n ",
163
+ ": 0.25rem;\n ",
164
164
  ": 0rem;\n "
165
165
  ]);
166
166
  _templateObject9 = function _templateObject() {
@@ -171,10 +171,10 @@ function _templateObject9() {
171
171
  function _templateObject10() {
172
172
  var data = _tagged_template_literal([
173
173
  "\n ",
174
- ": 0.75rem;\n ",
174
+ ": 0.625rem;\n ",
175
175
  ": fit-content;\n ",
176
176
  ": auto;\n ",
177
- ": 0.5rem;\n ",
177
+ ": 0.375rem;\n ",
178
178
  ": 0rem;\n "
179
179
  ]);
180
180
  _templateObject10 = function _templateObject() {
@@ -188,7 +188,7 @@ function _templateObject11() {
188
188
  ": 0.75rem;\n ",
189
189
  ": fit-content;\n ",
190
190
  ": auto;\n ",
191
- ": 1rem;\n ",
191
+ ": 0.5rem;\n ",
192
192
  ": 0rem;\n "
193
193
  ]);
194
194
  _templateObject11 = function _templateObject() {
@@ -199,7 +199,11 @@ function _templateObject11() {
199
199
  function _templateObject12() {
200
200
  var data = _tagged_template_literal([
201
201
  "\n ",
202
- ": 100%;\n "
202
+ ": 0.75rem;\n ",
203
+ ": fit-content;\n ",
204
+ ": auto;\n ",
205
+ ": 1rem;\n ",
206
+ ": 0rem;\n "
203
207
  ]);
204
208
  _templateObject12 = function _templateObject() {
205
209
  return data;
@@ -207,6 +211,16 @@ function _templateObject12() {
207
211
  return data;
208
212
  }
209
213
  function _templateObject13() {
214
+ var data = _tagged_template_literal([
215
+ "\n ",
216
+ ": 100%;\n "
217
+ ]);
218
+ _templateObject13 = function _templateObject() {
219
+ return data;
220
+ };
221
+ return data;
222
+ }
223
+ function _templateObject14() {
210
224
  var data = _tagged_template_literal([
211
225
  "\n ",
212
226
  ": var(--text-secondary);\n ",
@@ -221,17 +235,17 @@ function _templateObject13() {
221
235
  ": none;\n ",
222
236
  ": transparent;\n "
223
237
  ]);
224
- _templateObject13 = function _templateObject() {
238
+ _templateObject14 = function _templateObject() {
225
239
  return data;
226
240
  };
227
241
  return data;
228
242
  }
229
- function _templateObject14() {
243
+ function _templateObject15() {
230
244
  var data = _tagged_template_literal([
231
245
  "\n ",
232
246
  ": 1.625rem;\n "
233
247
  ]);
234
- _templateObject14 = function _templateObject() {
248
+ _templateObject15 = function _templateObject() {
235
249
  return data;
236
250
  };
237
251
  return data;
@@ -252,20 +266,21 @@ var config = {
252
266
  s: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
253
267
  m: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
254
268
  l: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
255
- h5: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
256
- h4: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
257
- h3: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
258
- h2: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
259
- h1: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding)
269
+ h6: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
270
+ h5: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
271
+ h4: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
272
+ h3: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
273
+ h2: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
274
+ h1: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding)
260
275
  },
261
276
  stretch: {
262
- true: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.tabsTokens.containerWidth)
277
+ true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.tabsTokens.containerWidth)
263
278
  },
264
279
  disabled: {
265
- true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.tabsTokens.arrowColor, _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.tabsDividerColor)
280
+ true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.tabsTokens.arrowColor, _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.tabsDividerColor)
266
281
  },
267
282
  pilled: {
268
- true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.tabsTokens.tabsPilledBorderRadius)
283
+ true: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.tabsTokens.tabsPilledBorderRadius)
269
284
  }
270
285
  }
271
286
  };
package/dist/styled-components/cjs/components/TextField/TextField.config.js CHANGED
@@ -283,7 +283,9 @@ function _templateObject8() {
283
283
  ": var(--text-secondary);\n ",
284
284
  ": var(--text-secondary);\n ",
285
285
  ": var(--text-secondary);\n ",
286
- ": 0.4;\n "
286
+ ": 0.4;\n ",
287
+ ": transparent;\n ",
288
+ ": 0;\n "
287
289
  ]);
288
290
  _templateObject8 = function _templateObject() {
289
291
  return data;
@@ -318,7 +320,7 @@ var config = {
318
320
  true: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.textFieldTokens.disabledOpacity, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderColorHover, _styledcomponents.textFieldTokens.borderColorFocus, _styledcomponents.textFieldTokens.color)
319
321
  },
320
322
  readOnly: {
321
- 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.contentSlotRightOpacityReadOnly)
323
+ 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.contentSlotRightOpacityReadOnly, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderWidth)
322
324
  }
323
325
  }
324
326
  };
package/dist/styled-components/cjs/components/Typography/Heading.config.js CHANGED
@@ -23,6 +23,9 @@ _export(exports, {
23
23
  },
24
24
  get configH5 () {
25
25
  return configH5;
26
+ },
27
+ get configH6 () {
28
+ return configH6;
26
29
  }
27
30
  });
28
31
  var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
@@ -121,6 +124,23 @@ function _templateObject4() {
121
124
  };
122
125
  return data;
123
126
  }
127
+ function _templateObject5() {
128
+ var data = _tagged_template_literal([
129
+ "\n ",
130
+ ": var(--plasma-typo-h6-font-family);\n ",
131
+ ": var(--plasma-typo-h6-font-size);\n ",
132
+ ": var(--plasma-typo-h6-font-style);\n ",
133
+ ": var(--plasma-typo-h6-font-weight);\n ",
134
+ ": var(--plasma-typo-h6-bold-font-weight);\n ",
135
+ ": var(--plasma-typo-h6-medium-font-weight);\n ",
136
+ ": var(--plasma-typo-h6-letter-spacing);\n ",
137
+ ": var(--plasma-typo-h6-line-height);\n "
138
+ ]);
139
+ _templateObject5 = function _templateObject() {
140
+ return data;
141
+ };
142
+ return data;
143
+ }
124
144
  var configH1 = {
125
145
  defaults: {
126
146
  size: 'h1'
@@ -171,3 +191,13 @@ var configH5 = {
171
191
  }
172
192
  }
173
193
  };
194
+ var configH6 = {
195
+ defaults: {
196
+ size: 'h6'
197
+ },
198
+ variations: {
199
+ size: {
200
+ h6: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontWeightBold, _styledcomponents.typographyTokens.typoFontWeightMedium, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
201
+ }
202
+ }
203
+ };
package/dist/styled-components/cjs/components/Typography/Typography.js CHANGED
@@ -48,6 +48,9 @@ _export(exports, {
48
48
  get H5 () {
49
49
  return H5;
50
50
  },
51
+ get H6 () {
52
+ return H6;
53
+ },
51
54
  get TextL () {
52
55
  return TextL;
53
56
  },
@@ -92,6 +95,8 @@ var heading4Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headin
92
95
  var Heading4Component = (0, _styledcomponents.component)(heading4Config);
93
96
  var heading5Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headingConfig, _Headingconfig.configH5);
94
97
  var Heading5Component = (0, _styledcomponents.component)(heading5Config);
98
+ var heading6Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headingConfig, _Headingconfig.configH6);
99
+ var Heading6Component = (0, _styledcomponents.component)(heading6Config);
95
100
  var textMConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textConfig, _Textconfig.configM);
96
101
  var TextMComponent = (0, _styledcomponents.component)(textMConfig);
97
102
  var textLConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textConfig, _Textconfig.configL);
@@ -113,6 +118,7 @@ var H2 = Heading2Component;
113
118
  var H3 = Heading3Component;
114
119
  var H4 = Heading4Component;
115
120
  var H5 = Heading5Component;
121
+ var H6 = Heading6Component;
116
122
  var TextM = TextMComponent;
117
123
  var TextL = TextLComponent;
118
124
  var TextS = TextSComponent;
package/dist/styled-components/cjs/components/Typography/index.js CHANGED
@@ -48,6 +48,9 @@ _export(exports, {
48
48
  get H5 () {
49
49
  return _Typography.H5;
50
50
  },
51
+ get H6 () {
52
+ return _Typography.H6;
53
+ },
51
54
  get TextL () {
52
55
  return _Typography.TextL;
53
56
  },
package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -207,7 +207,9 @@ function _templateObject6() {
207
207
  ": var(--surface-clear);\n ",
208
208
  ": var(--text-secondary);\n ",
209
209
  ": var(--text-secondary);\n ",
210
- ": var(--text-secondary);\n "
210
+ ": var(--text-secondary);\n ",
211
+ ": transparent;\n ",
212
+ ": 0;\n "
211
213
  ]);
212
214
  _templateObject6 = function _templateObject() {
213
215
  return data;
@@ -237,7 +239,7 @@ export var config = {
237
239
  true: css(_templateObject5(), tokens.itemColor, tokens.background, tokens.textFieldColor, tokens.textFieldLabelColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus)
238
240
  },
239
241
  readOnly: {
240
- true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
242
+ true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
241
243
  }
242
244
  }
243
245
  };