@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
@@ -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, _emotion.css)(_templateObject5(), _emotion.autocompleteTokens.itemColor, _emotion.autocompleteTokens.background, _emotion.autocompleteTokens.textFieldColor, _emotion.autocompleteTokens.textFieldLabelColor, _emotion.autocompleteTokens.textFieldBackgroundColor, _emotion.autocompleteTokens.textFieldBackgroundColorHover, _emotion.autocompleteTokens.textFieldBackgroundColorFocus, _emotion.autocompleteTokens.textFieldBorderColor, _emotion.autocompleteTokens.textFieldBorderColorHover, _emotion.autocompleteTokens.textFieldBorderColorFocus)
248
250
  },
249
251
  readOnly: {
250
- true: (0, _emotion.css)(_templateObject6(), _emotion.autocompleteTokens.textFieldColorReadOnly, _emotion.autocompleteTokens.textFieldBackgroundColorReadOnly, _emotion.autocompleteTokens.textFieldBorderColorReadOnly, _emotion.autocompleteTokens.textFieldPlaceholderColorReadOnly, _emotion.autocompleteTokens.textFieldLeftHelperColorReadOnly, _emotion.autocompleteTokens.textFieldLabelColorReadOnly)
252
+ true: (0, _emotion.css)(_templateObject6(), _emotion.autocompleteTokens.textFieldColorReadOnly, _emotion.autocompleteTokens.textFieldBackgroundColorReadOnly, _emotion.autocompleteTokens.textFieldBorderColorReadOnly, _emotion.autocompleteTokens.textFieldPlaceholderColorReadOnly, _emotion.autocompleteTokens.textFieldLeftHelperColorReadOnly, _emotion.autocompleteTokens.textFieldLabelColorReadOnly, _emotion.autocompleteTokens.textFieldBorderColor, _emotion.autocompleteTokens.textFieldBorderWidth)
251
253
  }
252
254
  }
253
255
  };
@@ -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, _emotion.css)(_templateObject5(), _emotion.comboboxNewTokens.textFieldDisabledOpacity, _emotion.comboboxNewTokens.textFieldBackgroundColor, _emotion.comboboxNewTokens.textFieldBackgroundColorFocus, _emotion.comboboxNewTokens.textFieldBorderColor, _emotion.comboboxNewTokens.textFieldBorderColorHover, _emotion.comboboxNewTokens.textFieldBorderColorFocus, _emotion.comboboxNewTokens.textFieldColor)
323
325
  },
324
326
  readOnly: {
325
- true: (0, _emotion.css)(_templateObject6(), _emotion.comboboxNewTokens.textFieldColorReadOnly, _emotion.comboboxNewTokens.textFieldBackgroundColorReadOnly, _emotion.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _emotion.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _emotion.comboboxNewTokens.textFieldLabelColorReadOnly, _emotion.comboboxNewTokens.textFieldColor, _emotion.comboboxNewTokens.disclosureIconColor, _emotion.comboboxNewTokens.disclosureIconColorHover, _emotion.comboboxNewTokens.textFieldPadding, _emotion.comboboxNewTokens.textFieldLabelOffset, _emotion.comboboxNewTokens.textFieldLeftHelperOffset)
327
+ true: (0, _emotion.css)(_templateObject6(), _emotion.comboboxNewTokens.textFieldColorReadOnly, _emotion.comboboxNewTokens.textFieldBackgroundColorReadOnly, _emotion.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _emotion.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _emotion.comboboxNewTokens.textFieldLabelColorReadOnly, _emotion.comboboxNewTokens.textFieldColor, _emotion.comboboxNewTokens.disclosureIconColor, _emotion.comboboxNewTokens.disclosureIconColorHover, _emotion.comboboxNewTokens.textFieldPadding, _emotion.comboboxNewTokens.textFieldLabelOffset, _emotion.comboboxNewTokens.textFieldLeftHelperOffset, _emotion.comboboxNewTokens.textFieldBorderColor, _emotion.comboboxNewTokens.textFieldBorderWidth)
326
328
  }
327
329
  }
328
330
  };
@@ -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, _emotion.css)(_templateObject2(), _emotion.datePickerTokens.background, _emotion.datePickerTokens.borderColor, _emotion.datePickerTokens.borderColorHover, _emotion.datePickerTokens.borderColorFocus, _emotion.datePickerTokens.borderColorSuccess, _emotion.datePickerTokens.textFieldBorderColorFocus, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldCaretColor, _emotion.datePickerTokens.textFieldBackgroundColor, _emotion.datePickerTokens.labelColor)
266
268
  },
267
269
  readOnly: {
268
- true: (0, _emotion.css)(_templateObject3(), _emotion.datePickerTokens.backgroundReadOnly, _emotion.datePickerTokens.labelColorReadOnly, _emotion.datePickerTokens.leftHelperColorReadOnly, _emotion.datePickerTokens.labelColor, _emotion.datePickerTokens.dividerColorReadOnly, _emotion.datePickerTokens.dividerOpacityReadOnly, _emotion.datePickerTokens.textFieldColorReadOnly, _emotion.datePickerTokens.textFieldBackgroundColorReadOnly, _emotion.datePickerTokens.textFieldPlaceholderColorReadOnly)
270
+ true: (0, _emotion.css)(_templateObject3(), _emotion.datePickerTokens.backgroundReadOnly, _emotion.datePickerTokens.labelColorReadOnly, _emotion.datePickerTokens.leftHelperColorReadOnly, _emotion.datePickerTokens.labelColor, _emotion.datePickerTokens.dividerColorReadOnly, _emotion.datePickerTokens.dividerOpacityReadOnly, _emotion.datePickerTokens.textFieldColorReadOnly, _emotion.datePickerTokens.textFieldBackgroundColorReadOnly, _emotion.datePickerTokens.textFieldPlaceholderColorReadOnly, _emotion.datePickerTokens.borderColor, _emotion.datePickerTokens.borderWidth)
269
271
  }
270
272
  }
271
273
  };
@@ -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, _emotion.css)(_templateObject6(), _emotion.selectTokens.textFieldDisabledOpacity, _emotion.selectTokens.textFieldBackgroundColor, _emotion.selectTokens.textFieldBackgroundColorFocus, _emotion.selectTokens.textFieldBorderColor, _emotion.selectTokens.textFieldBorderColorHover, _emotion.selectTokens.textFieldBorderColorFocus, _emotion.selectTokens.textFieldColor)
312
314
  },
313
315
  readOnly: {
314
- true: (0, _emotion.css)(_templateObject7(), _emotion.selectTokens.disclosureIconOpacityReadOnly, _emotion.selectTokens.textFieldColorReadOnly, _emotion.selectTokens.textFieldBackgroundColorReadOnly, _emotion.selectTokens.textFieldPlaceholderColorReadOnly, _emotion.selectTokens.textFieldLeftHelperColorReadOnly, _emotion.selectTokens.textFieldTitleCaptionColorReadOnly, _emotion.selectTokens.textFieldLabelColorReadOnly, _emotion.selectTokens.textFieldDividerColorReadOnly)
316
+ true: (0, _emotion.css)(_templateObject7(), _emotion.selectTokens.disclosureIconOpacityReadOnly, _emotion.selectTokens.textFieldColorReadOnly, _emotion.selectTokens.textFieldBackgroundColorReadOnly, _emotion.selectTokens.textFieldPlaceholderColorReadOnly, _emotion.selectTokens.textFieldLeftHelperColorReadOnly, _emotion.selectTokens.textFieldTitleCaptionColorReadOnly, _emotion.selectTokens.textFieldLabelColorReadOnly, _emotion.selectTokens.textFieldDividerColorReadOnly, _emotion.selectTokens.textFieldBorderColor, _emotion.selectTokens.textFieldBorderWidth)
315
317
  }
316
318
  }
317
319
  };
@@ -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, _emotion.css)(_templateObject12(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
251
262
  h4: (0, _emotion.css)(_templateObject13(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
252
263
  h5: (0, _emotion.css)(_templateObject14(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
253
- textL: (0, _emotion.css)(_templateObject15(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
254
- textM: (0, _emotion.css)(_templateObject16(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
255
- textS: (0, _emotion.css)(_templateObject17(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
256
- textXS: (0, _emotion.css)(_templateObject18(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight)
264
+ h6: (0, _emotion.css)(_templateObject15(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
265
+ textL: (0, _emotion.css)(_templateObject16(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
266
+ textM: (0, _emotion.css)(_templateObject17(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
267
+ textS: (0, _emotion.css)(_templateObject18(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
268
+ textXS: (0, _emotion.css)(_templateObject19(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight)
257
269
  }
258
270
  }
259
271
  };
@@ -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, _emotion.css)(_templateObject4(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
253
267
  m: (0, _emotion.css)(_templateObject5(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
254
268
  l: (0, _emotion.css)(_templateObject6(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
255
- h5: (0, _emotion.css)(_templateObject7(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
256
- h4: (0, _emotion.css)(_templateObject8(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
257
- h3: (0, _emotion.css)(_templateObject9(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
258
- h2: (0, _emotion.css)(_templateObject10(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
259
- h1: (0, _emotion.css)(_templateObject11(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding)
269
+ h6: (0, _emotion.css)(_templateObject7(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
270
+ h5: (0, _emotion.css)(_templateObject8(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
271
+ h4: (0, _emotion.css)(_templateObject9(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
272
+ h3: (0, _emotion.css)(_templateObject10(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
273
+ h2: (0, _emotion.css)(_templateObject11(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
274
+ h1: (0, _emotion.css)(_templateObject12(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding)
260
275
  },
261
276
  stretch: {
262
- true: (0, _emotion.css)(_templateObject12(), _emotion.tabsTokens.containerWidth)
277
+ true: (0, _emotion.css)(_templateObject13(), _emotion.tabsTokens.containerWidth)
263
278
  },
264
279
  disabled: {
265
- true: (0, _emotion.css)(_templateObject13(), _emotion.tabsTokens.arrowColor, _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.tabsDividerColor)
280
+ true: (0, _emotion.css)(_templateObject14(), _emotion.tabsTokens.arrowColor, _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.tabsDividerColor)
266
281
  },
267
282
  pilled: {
268
- true: (0, _emotion.css)(_templateObject14(), _emotion.tabsTokens.tabsPilledBorderRadius)
283
+ true: (0, _emotion.css)(_templateObject15(), _emotion.tabsTokens.tabsPilledBorderRadius)
269
284
  }
270
285
  }
271
286
  };
@@ -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, _emotion.css)(_templateObject7(), _emotion.textFieldTokens.disabledOpacity, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.borderColorHover, _emotion.textFieldTokens.borderColorFocus, _emotion.textFieldTokens.color)
319
321
  },
320
322
  readOnly: {
321
- true: (0, _emotion.css)(_templateObject8(), _emotion.textFieldTokens.readOnlyOpacity, _emotion.textFieldTokens.colorReadOnly, _emotion.textFieldTokens.backgroundColorReadOnly, _emotion.textFieldTokens.placeholderColorReadOnly, _emotion.textFieldTokens.leftHelperColorReadOnly, _emotion.textFieldTokens.titleCaptionColorReadOnly, _emotion.textFieldTokens.labelColorReadOnly, _emotion.textFieldTokens.contentSlotRightOpacityReadOnly)
323
+ true: (0, _emotion.css)(_templateObject8(), _emotion.textFieldTokens.readOnlyOpacity, _emotion.textFieldTokens.colorReadOnly, _emotion.textFieldTokens.backgroundColorReadOnly, _emotion.textFieldTokens.placeholderColorReadOnly, _emotion.textFieldTokens.leftHelperColorReadOnly, _emotion.textFieldTokens.titleCaptionColorReadOnly, _emotion.textFieldTokens.labelColorReadOnly, _emotion.textFieldTokens.contentSlotRightOpacityReadOnly, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.borderWidth)
322
324
  }
323
325
  }
324
326
  };
@@ -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 _emotion = require("@salutejs/plasma-new-hope/emotion");
@@ -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, _emotion.css)(_templateObject5(), _emotion.typographyTokens.typoFontFamily, _emotion.typographyTokens.typoFontSize, _emotion.typographyTokens.typoFontStyle, _emotion.typographyTokens.typoFontWeight, _emotion.typographyTokens.typoFontWeightBold, _emotion.typographyTokens.typoFontWeightMedium, _emotion.typographyTokens.typoFontLetterSpacing, _emotion.typographyTokens.typoFontLineHeight)
201
+ }
202
+ }
203
+ };
@@ -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, _emotion.mergeConfig)(_emotion.headingConfig, _Headingc
92
95
  var Heading4Component = (0, _emotion.component)(heading4Config);
93
96
  var heading5Config = (0, _emotion.mergeConfig)(_emotion.headingConfig, _Headingconfig.configH5);
94
97
  var Heading5Component = (0, _emotion.component)(heading5Config);
98
+ var heading6Config = (0, _emotion.mergeConfig)(_emotion.headingConfig, _Headingconfig.configH6);
99
+ var Heading6Component = (0, _emotion.component)(heading6Config);
95
100
  var textMConfig = (0, _emotion.mergeConfig)(_emotion.textConfig, _Textconfig.configM);
96
101
  var TextMComponent = (0, _emotion.component)(textMConfig);
97
102
  var textLConfig = (0, _emotion.mergeConfig)(_emotion.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;
@@ -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
  },
@@ -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
  };
@@ -282,7 +282,9 @@ function _templateObject6() {
282
282
  ": transparent;\n ",
283
283
  ": 0;\n ",
284
284
  ": 0.25rem;\n ",
285
- ": 0rem;\n "
285
+ ": 0rem;\n ",
286
+ ": transparent;\n ",
287
+ ": 0;\n "
286
288
  ]);
287
289
  _templateObject6 = function _templateObject() {
288
290
  return data;
@@ -312,7 +314,7 @@ export var config = {
312
314
  true: css(_templateObject5(), tokens.textFieldDisabledOpacity, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldColor)
313
315
  },
314
316
  readOnly: {
315
- true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.textFieldPadding, tokens.textFieldLabelOffset, tokens.textFieldLeftHelperOffset)
317
+ true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.textFieldPadding, tokens.textFieldLabelOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
316
318
  }
317
319
  }
318
320
  };
@@ -231,7 +231,9 @@ function _templateObject3() {
231
231
  ": 0.4;\n\n ",
232
232
  ": var(--text-primary);\n ",
233
233
  ": var(--surface-clear);\n ",
234
- ": var(--text-secondary);\n "
234
+ ": var(--text-secondary);\n ",
235
+ ": transparent;\n ",
236
+ ": 0;\n "
235
237
  ]);
236
238
  _templateObject3 = function _templateObject() {
237
239
  return data;
@@ -255,7 +257,7 @@ export var config = {
255
257
  true: css(_templateObject2(), tokens.background, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorSuccess, tokens.textFieldBorderColorFocus, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColor, tokens.labelColor)
256
258
  },
257
259
  readOnly: {
258
- true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColor, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
260
+ true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColor, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.borderColor, tokens.borderWidth)
259
261
  }
260
262
  }
261
263
  };
@@ -267,7 +267,9 @@ function _templateObject7() {
267
267
  ": var(--text-secondary);\n ",
268
268
  ": var(--text-secondary);\n ",
269
269
  ": var(--text-secondary);\n ",
270
- ": var(--surface-transparent-primary);\n "
270
+ ": var(--surface-transparent-primary);\n ",
271
+ ": transparent;\n ",
272
+ ": 0;\n "
271
273
  ]);
272
274
  _templateObject7 = function _templateObject() {
273
275
  return data;
@@ -301,7 +303,7 @@ export var config = {
301
303
  true: css(_templateObject6(), selectTokens.textFieldDisabledOpacity, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, selectTokens.textFieldColor)
302
304
  },
303
305
  readOnly: {
304
- true: css(_templateObject7(), selectTokens.disclosureIconOpacityReadOnly, selectTokens.textFieldColorReadOnly, selectTokens.textFieldBackgroundColorReadOnly, selectTokens.textFieldPlaceholderColorReadOnly, selectTokens.textFieldLeftHelperColorReadOnly, selectTokens.textFieldTitleCaptionColorReadOnly, selectTokens.textFieldLabelColorReadOnly, selectTokens.textFieldDividerColorReadOnly)
306
+ true: css(_templateObject7(), selectTokens.disclosureIconOpacityReadOnly, selectTokens.textFieldColorReadOnly, selectTokens.textFieldBackgroundColorReadOnly, selectTokens.textFieldPlaceholderColorReadOnly, selectTokens.textFieldLeftHelperColorReadOnly, selectTokens.textFieldTitleCaptionColorReadOnly, selectTokens.textFieldLabelColorReadOnly, selectTokens.textFieldDividerColorReadOnly, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderWidth)
305
307
  }
306
308
  }
307
309
  };
@@ -174,8 +174,8 @@ function _templateObject14() {
174
174
  function _templateObject15() {
175
175
  var data = _tagged_template_literal([
176
176
  "\n ",
177
- ": var(--plasma-typo-text-l-line-height);\n ",
178
- ": var(--plasma-typo-text-l-font-size);\n "
177
+ ": var(--plasma-typo-h6-line-height);\n ",
178
+ ": var(--plasma-typo-h6-font-size);\n "
179
179
  ]);
180
180
  _templateObject15 = function _templateObject() {
181
181
  return data;
@@ -185,8 +185,8 @@ function _templateObject15() {
185
185
  function _templateObject16() {
186
186
  var data = _tagged_template_literal([
187
187
  "\n ",
188
- ": var(--plasma-typo-text-m-line-height);\n ",
189
- ": var(--plasma-typo-text-m-font-size);\n "
188
+ ": var(--plasma-typo-text-l-line-height);\n ",
189
+ ": var(--plasma-typo-text-l-font-size);\n "
190
190
  ]);
191
191
  _templateObject16 = function _templateObject() {
192
192
  return data;
@@ -196,8 +196,8 @@ function _templateObject16() {
196
196
  function _templateObject17() {
197
197
  var data = _tagged_template_literal([
198
198
  "\n ",
199
- ": var(--plasma-typo-text-s-line-height);\n ",
200
- ": var(--plasma-typo-text-s-font-size);\n "
199
+ ": var(--plasma-typo-text-m-line-height);\n ",
200
+ ": var(--plasma-typo-text-m-font-size);\n "
201
201
  ]);
202
202
  _templateObject17 = function _templateObject() {
203
203
  return data;
@@ -205,12 +205,23 @@ function _templateObject17() {
205
205
  return data;
206
206
  }
207
207
  function _templateObject18() {
208
+ var data = _tagged_template_literal([
209
+ "\n ",
210
+ ": var(--plasma-typo-text-s-line-height);\n ",
211
+ ": var(--plasma-typo-text-s-font-size);\n "
212
+ ]);
213
+ _templateObject18 = function _templateObject() {
214
+ return data;
215
+ };
216
+ return data;
217
+ }
218
+ function _templateObject19() {
208
219
  var data = _tagged_template_literal([
209
220
  "\n ",
210
221
  ": var(--plasma-typo-text-xs-line-height);\n ",
211
222
  ": var(--plasma-typo-text-xs-font-size);\n "
212
223
  ]);
213
- _templateObject18 = function _templateObject() {
224
+ _templateObject19 = function _templateObject() {
214
225
  return data;
215
226
  };
216
227
  return data;
@@ -240,10 +251,11 @@ export var config = {
240
251
  h3: css(_templateObject12(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
241
252
  h4: css(_templateObject13(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
242
253
  h5: css(_templateObject14(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
243
- textL: css(_templateObject15(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
244
- textM: css(_templateObject16(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
245
- textS: css(_templateObject17(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
246
- textXS: css(_templateObject18(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
254
+ h6: css(_templateObject15(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
255
+ textL: css(_templateObject16(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
256
+ textM: css(_templateObject17(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
257
+ textS: css(_templateObject18(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
258
+ textXS: css(_templateObject19(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
247
259
  }
248
260
  }
249
261
  };