@salutejs/sdds-cs 0.336.0-canary.2402.20454508584.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 (28) hide show
  1. package/dist/emotion/cjs/components/Skeleton/LineSkeleton.config.js +23 -11
  2. package/dist/emotion/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +32 -17
  3. package/dist/emotion/cjs/components/Typography/Heading.config.js +30 -0
  4. package/dist/emotion/cjs/components/Typography/Typography.js +6 -0
  5. package/dist/emotion/cjs/components/Typography/index.js +3 -0
  6. package/dist/emotion/es/components/Skeleton/LineSkeleton.config.js +23 -11
  7. package/dist/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js +32 -17
  8. package/dist/emotion/es/components/Typography/Heading.config.js +27 -0
  9. package/dist/emotion/es/components/Typography/Typography.js +4 -1
  10. package/dist/emotion/es/components/Typography/index.js +1 -1
  11. package/dist/styled-components/cjs/components/Skeleton/LineSkeleton.config.js +23 -11
  12. package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +32 -17
  13. package/dist/styled-components/cjs/components/Typography/Heading.config.js +30 -0
  14. package/dist/styled-components/cjs/components/Typography/Typography.js +6 -0
  15. package/dist/styled-components/cjs/components/Typography/index.js +3 -0
  16. package/dist/styled-components/es/components/Skeleton/LineSkeleton.config.js +23 -11
  17. package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabs.config.js +32 -17
  18. package/dist/styled-components/es/components/Typography/Heading.config.js +27 -0
  19. package/dist/styled-components/es/components/Typography/Typography.js +4 -1
  20. package/dist/styled-components/es/components/Typography/index.js +1 -1
  21. package/package.json +7 -7
  22. package/types/components/Skeleton/LineSkeleton.config.d.ts +1 -0
  23. package/types/components/Skeleton/Skeleton.d.ts +2 -0
  24. package/types/components/Tabs/Tabs.d.ts +1 -0
  25. package/types/components/Tabs/horizontal/HorizontalTabs.config.d.ts +1 -0
  26. package/types/components/Typography/Heading.config.d.ts +10 -0
  27. package/types/components/Typography/Typography.d.ts +17 -0
  28. package/types/components/Typography/index.d.ts +1 -1
package/dist/emotion/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, _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
  };
package/dist/emotion/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, _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
  };
package/dist/emotion/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 _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
+ };
package/dist/emotion/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, _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;
package/dist/emotion/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/emotion/es/components/Skeleton/LineSkeleton.config.js CHANGED
@@ -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
  };
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/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/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/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/Skeleton/LineSkeleton.config.js CHANGED
@@ -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
  };
package/dist/styled-components/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/styled-components/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/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
+ };
package/dist/styled-components/es/components/Typography/Typography.js CHANGED
@@ -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;
package/dist/styled-components/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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.336.0-canary.2402.20454508584.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.20454508584.0",
36
- "@salutejs/sdds-themes": "0.51.0-canary.2402.20454508584.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.20454508584.0",
60
- "@salutejs/plasma-cy-utils": "0.142.0-canary.2402.20454508584.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.20454508584.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": "5713b91d12c8e55741ad03ca2b4b891a2e3ac6c1"
115
+ "gitHead": "b498c67df31be46cdc667eb4c446cfbe634c36a8"
116
116
  }
package/types/components/Skeleton/LineSkeleton.config.d.ts CHANGED
@@ -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;
package/types/components/Skeleton/Skeleton.d.ts CHANGED
@@ -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;
package/types/components/Tabs/Tabs.d.ts CHANGED
@@ -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;
package/types/components/Tabs/horizontal/HorizontalTabs.config.d.ts CHANGED
@@ -14,6 +14,7 @@ export declare const config: {
14
14
  s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
15
15
  m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
16
16
  l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
17
+ h6: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
17
18
  h5: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
19
  h4: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
19
20
  h3: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
package/types/components/Typography/Heading.config.d.ts CHANGED
@@ -48,3 +48,13 @@ export declare const configH5: {
48
48
  };
49
49
  };
50
50
  };
51
+ export declare const configH6: {
52
+ defaults: {
53
+ size: string;
54
+ };
55
+ variations: {
56
+ size: {
57
+ h6: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
58
+ };
59
+ };
60
+ };
package/types/components/Typography/Typography.d.ts CHANGED
@@ -219,6 +219,23 @@ export declare const H5: import("react").FunctionComponent<import("@salutejs/pla
219
219
  size?: string;
220
220
  isNumeric?: boolean;
221
221
  } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
222
+ export declare const H6: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
223
+ size: {
224
+ h6: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
225
+ };
226
+ }> & (({
227
+ noWrap?: boolean;
228
+ breakWord?: boolean;
229
+ color?: string;
230
+ size?: string;
231
+ isNumeric?: boolean;
232
+ } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
233
+ noWrap?: boolean;
234
+ breakWord?: boolean;
235
+ color?: string;
236
+ size?: string;
237
+ isNumeric?: boolean;
238
+ } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
222
239
  export declare const TextM: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
223
240
  size: {
224
241
  m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
package/types/components/Typography/index.d.ts 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';