@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
@@ -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
  };
@@ -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
  };
@@ -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
  };
@@ -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/styled-components';
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
+ };
@@ -1,7 +1,7 @@
1
1
  import { bodyConfig, dsplConfig, headingConfig, textConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
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;
@@ -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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.336.0-canary.2402.20441017793.0",
3
+ "version": "0.336.0-canary.2403.20455152253.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
  "exports": {
@@ -32,8 +32,8 @@
32
32
  "directory": "packages/sdds-cs"
33
33
  },
34
34
  "dependencies": {
35
- "@salutejs/plasma-new-hope": "0.344.0-canary.2402.20441017793.0",
36
- "@salutejs/sdds-themes": "0.51.0-canary.2402.20441017793.0"
35
+ "@salutejs/plasma-new-hope": "0.344.0-canary.2403.20455152253.0",
36
+ "@salutejs/sdds-themes": "0.51.0-canary.2403.20455152253.0"
37
37
  },
38
38
  "peerDependencies": {
39
39
  "@emotion/react": ">=11",
@@ -56,10 +56,10 @@
56
56
  "@microsoft/api-extractor": "7.38.3",
57
57
  "@originjs/vite-plugin-commonjs": "1.0.3",
58
58
  "@salutejs/plasma-colors": "0.16.0",
59
- "@salutejs/plasma-core": "1.212.0-canary.2402.20441017793.0",
60
- "@salutejs/plasma-cy-utils": "0.142.0-canary.2402.20441017793.0",
59
+ "@salutejs/plasma-core": "1.212.0-canary.2403.20455152253.0",
60
+ "@salutejs/plasma-cy-utils": "0.142.0-canary.2403.20455152253.0",
61
61
  "@salutejs/plasma-icons": "1.228.0",
62
- "@salutejs/plasma-sb-utils": "0.212.0-canary.2402.20441017793.0",
62
+ "@salutejs/plasma-sb-utils": "0.212.0-canary.2403.20455152253.0",
63
63
  "@types/node": "16.7.13",
64
64
  "@types/react": "18.0.28",
65
65
  "@types/react-dom": "18.0.11",
@@ -112,5 +112,5 @@
112
112
  "Anton Vinogradov"
113
113
  ],
114
114
  "sideEffects": false,
115
- "gitHead": "9defb85548bda39df5203b280f52859266254fb9"
115
+ "gitHead": "b498c67df31be46cdc667eb4c446cfbe634c36a8"
116
116
  }
@@ -25,6 +25,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
25
25
  placeholder?: string;
26
26
  helperText?: string;
27
27
  contentLeft?: React.ReactElement;
28
+ contentRight?: React.ReactElement;
28
29
  textBefore?: string;
29
30
  textAfter?: string;
30
31
  variant?: "normal" | "tight";
@@ -84,6 +85,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
84
85
  placeholder?: string;
85
86
  helperText?: string;
86
87
  contentLeft?: React.ReactElement;
88
+ contentRight?: React.ReactElement;
87
89
  textBefore?: string;
88
90
  textAfter?: string;
89
91
  variant?: "normal" | "tight";
@@ -143,6 +145,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
143
145
  placeholder?: string;
144
146
  helperText?: string;
145
147
  contentLeft?: React.ReactElement;
148
+ contentRight?: React.ReactElement;
146
149
  textBefore?: string;
147
150
  textAfter?: string;
148
151
  variant?: "normal" | "tight";
@@ -202,6 +205,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
202
205
  placeholder?: string;
203
206
  helperText?: string;
204
207
  contentLeft?: React.ReactElement;
208
+ contentRight?: React.ReactElement;
205
209
  textBefore?: string;
206
210
  textAfter?: string;
207
211
  variant?: "normal" | "tight";
@@ -261,6 +265,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
261
265
  placeholder?: string;
262
266
  helperText?: string;
263
267
  contentLeft?: React.ReactElement;
268
+ contentRight?: React.ReactElement;
264
269
  textBefore?: string;
265
270
  textAfter?: string;
266
271
  variant?: "normal" | "tight";
@@ -320,6 +325,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
320
325
  placeholder?: string;
321
326
  helperText?: string;
322
327
  contentLeft?: React.ReactElement;
328
+ contentRight?: React.ReactElement;
323
329
  textBefore?: string;
324
330
  textAfter?: string;
325
331
  variant?: "normal" | "tight";
@@ -379,6 +385,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
379
385
  placeholder?: string;
380
386
  helperText?: string;
381
387
  contentLeft?: React.ReactElement;
388
+ contentRight?: React.ReactElement;
382
389
  textBefore?: string;
383
390
  textAfter?: string;
384
391
  variant?: "normal" | "tight";
@@ -438,6 +445,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
438
445
  placeholder?: string;
439
446
  helperText?: string;
440
447
  contentLeft?: React.ReactElement;
448
+ contentRight?: React.ReactElement;
441
449
  textBefore?: string;
442
450
  textAfter?: string;
443
451
  variant?: "normal" | "tight";
@@ -497,6 +505,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
497
505
  placeholder?: string;
498
506
  helperText?: string;
499
507
  contentLeft?: React.ReactElement;
508
+ contentRight?: React.ReactElement;
500
509
  textBefore?: string;
501
510
  textAfter?: string;
502
511
  variant?: "normal" | "tight";
@@ -556,6 +565,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
556
565
  placeholder?: string;
557
566
  helperText?: string;
558
567
  contentLeft?: React.ReactElement;
568
+ contentRight?: React.ReactElement;
559
569
  textBefore?: string;
560
570
  textAfter?: string;
561
571
  variant?: "normal" | "tight";
@@ -615,6 +625,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
615
625
  placeholder?: string;
616
626
  helperText?: string;
617
627
  contentLeft?: React.ReactElement;
628
+ contentRight?: React.ReactElement;
618
629
  textBefore?: string;
619
630
  textAfter?: string;
620
631
  variant?: "normal" | "tight";
@@ -674,6 +685,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
674
685
  placeholder?: string;
675
686
  helperText?: string;
676
687
  contentLeft?: React.ReactElement;
688
+ contentRight?: React.ReactElement;
677
689
  textBefore?: string;
678
690
  textAfter?: string;
679
691
  variant?: "normal" | "tight";
@@ -733,6 +745,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
733
745
  placeholder?: string;
734
746
  helperText?: string;
735
747
  contentLeft?: React.ReactElement;
748
+ contentRight?: React.ReactElement;
736
749
  textBefore?: string;
737
750
  textAfter?: string;
738
751
  variant?: "normal" | "tight";
@@ -792,6 +805,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
792
805
  placeholder?: string;
793
806
  helperText?: string;
794
807
  contentLeft?: React.ReactElement;
808
+ contentRight?: React.ReactElement;
795
809
  textBefore?: string;
796
810
  textAfter?: string;
797
811
  variant?: "normal" | "tight";
@@ -851,6 +865,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
851
865
  placeholder?: string;
852
866
  helperText?: string;
853
867
  contentLeft?: React.ReactElement;
868
+ contentRight?: React.ReactElement;
854
869
  textBefore?: string;
855
870
  textAfter?: string;
856
871
  variant?: "normal" | "tight";
@@ -910,6 +925,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
910
925
  placeholder?: string;
911
926
  helperText?: string;
912
927
  contentLeft?: React.ReactElement;
928
+ contentRight?: React.ReactElement;
913
929
  textBefore?: string;
914
930
  textAfter?: string;
915
931
  variant?: "normal" | "tight";
@@ -969,6 +985,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
969
985
  placeholder?: string;
970
986
  helperText?: string;
971
987
  contentLeft?: React.ReactElement;
988
+ contentRight?: React.ReactElement;
972
989
  textBefore?: string;
973
990
  textAfter?: string;
974
991
  variant?: "normal" | "tight";
@@ -1028,6 +1045,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1028
1045
  placeholder?: string;
1029
1046
  helperText?: string;
1030
1047
  contentLeft?: React.ReactElement;
1048
+ contentRight?: React.ReactElement;
1031
1049
  textBefore?: string;
1032
1050
  textAfter?: string;
1033
1051
  variant?: "normal" | "tight";
@@ -1087,6 +1105,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1087
1105
  placeholder?: string;
1088
1106
  helperText?: string;
1089
1107
  contentLeft?: React.ReactElement;
1108
+ contentRight?: React.ReactElement;
1090
1109
  textBefore?: string;
1091
1110
  textAfter?: string;
1092
1111
  variant?: "normal" | "tight";
@@ -1146,6 +1165,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1146
1165
  placeholder?: string;
1147
1166
  helperText?: string;
1148
1167
  contentLeft?: React.ReactElement;
1168
+ contentRight?: React.ReactElement;
1149
1169
  textBefore?: string;
1150
1170
  textAfter?: string;
1151
1171
  variant?: "normal" | "tight";
@@ -1205,6 +1225,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1205
1225
  placeholder?: string;
1206
1226
  helperText?: string;
1207
1227
  contentLeft?: React.ReactElement;
1228
+ contentRight?: React.ReactElement;
1208
1229
  textBefore?: string;
1209
1230
  textAfter?: string;
1210
1231
  variant?: "normal" | "tight";
@@ -1264,6 +1285,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1264
1285
  placeholder?: string;
1265
1286
  helperText?: string;
1266
1287
  contentLeft?: React.ReactElement;
1288
+ contentRight?: React.ReactElement;
1267
1289
  textBefore?: string;
1268
1290
  textAfter?: string;
1269
1291
  variant?: "normal" | "tight";
@@ -1323,6 +1345,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1323
1345
  placeholder?: string;
1324
1346
  helperText?: string;
1325
1347
  contentLeft?: React.ReactElement;
1348
+ contentRight?: React.ReactElement;
1326
1349
  textBefore?: string;
1327
1350
  textAfter?: string;
1328
1351
  variant?: "normal" | "tight";
@@ -1382,6 +1405,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1382
1405
  placeholder?: string;
1383
1406
  helperText?: string;
1384
1407
  contentLeft?: React.ReactElement;
1408
+ contentRight?: React.ReactElement;
1385
1409
  textBefore?: string;
1386
1410
  textAfter?: string;
1387
1411
  variant?: "normal" | "tight";
@@ -37,6 +37,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
37
37
  target?: "textfield-like";
38
38
  view?: "default" | "positive" | "warning" | "negative";
39
39
  contentLeft?: React.ReactNode;
40
+ contentRight?: React.ReactElement;
40
41
  placeholder?: string;
41
42
  helperText?: string;
42
43
  chipType?: "default" | "text";
@@ -98,6 +99,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
98
99
  target?: "textfield-like";
99
100
  view?: "default" | "positive" | "warning" | "negative";
100
101
  contentLeft?: React.ReactNode;
102
+ contentRight?: React.ReactElement;
101
103
  placeholder?: string;
102
104
  helperText?: string;
103
105
  chipType?: "default" | "text";
@@ -160,6 +162,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
160
162
  target?: "textfield-like";
161
163
  view?: "default" | "positive" | "warning" | "negative";
162
164
  contentLeft?: React.ReactNode;
165
+ contentRight?: React.ReactElement;
163
166
  placeholder?: string;
164
167
  helperText?: string;
165
168
  chipType?: "default" | "text";
@@ -221,6 +224,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
221
224
  target?: "textfield-like";
222
225
  view?: "default" | "positive" | "warning" | "negative";
223
226
  contentLeft?: React.ReactNode;
227
+ contentRight?: React.ReactElement;
224
228
  placeholder?: string;
225
229
  helperText?: string;
226
230
  chipType?: "default" | "text";
@@ -271,6 +275,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
271
275
  target: "button-like";
272
276
  view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
273
277
  contentLeft?: never;
278
+ contentRight?: never;
274
279
  placeholder?: never;
275
280
  helperText?: never;
276
281
  chipType?: never;
@@ -320,6 +325,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
320
325
  target: "button-like";
321
326
  view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
322
327
  contentLeft?: never;
328
+ contentRight?: never;
323
329
  placeholder?: never;
324
330
  helperText?: never;
325
331
  chipType?: never;
@@ -22,6 +22,7 @@ export declare const config: {
22
22
  h3: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
23
23
  h4: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
24
24
  h5: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
25
+ h6: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
25
26
  textL: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
26
27
  textM: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
27
28
  textS: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -18,6 +18,7 @@ export declare const LineSkeleton: import("react").FunctionComponent<import("@sa
18
18
  h3: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
19
19
  h4: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
20
20
  h5: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
21
+ h6: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
21
22
  textL: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
22
23
  textM: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
23
24
  textS: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -46,6 +47,7 @@ export declare const TextSkeleton: import("react").FC<import("@salutejs/plasma-n
46
47
  h3: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
47
48
  h4: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
48
49
  h5: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
50
+ h6: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
49
51
  textL: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
50
52
  textM: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
51
53
  textS: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -10,6 +10,7 @@ declare const HorizontalTabs: React.FunctionComponent<import("@salutejs/plasma-n
10
10
  s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
11
11
  m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
12
12
  l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
13
+ h6: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
13
14
  h5: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
14
15
  h4: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
15
16
  h3: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;