@salutejs/sdds-finai 0.323.0-canary.2402.20454508584.0 → 0.323.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.
- package/dist/styled-components/cjs/components/Accordion/Accordion.config.js +27 -1
- package/dist/styled-components/cjs/components/Skeleton/LineSkeleton.config.js +23 -11
- package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js +27 -13
- package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +46 -23
- package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +31 -16
- package/dist/styled-components/cjs/components/Typography/Heading.config.js +30 -0
- package/dist/styled-components/cjs/components/Typography/Typography.js +6 -0
- package/dist/styled-components/cjs/components/Typography/index.js +3 -0
- package/dist/styled-components/es/components/Accordion/Accordion.config.js +27 -1
- package/dist/styled-components/es/components/Skeleton/LineSkeleton.config.js +23 -11
- package/dist/styled-components/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +27 -13
- package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabItem.config.js +46 -23
- package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabs.config.js +31 -16
- package/dist/styled-components/es/components/Typography/Heading.config.js +27 -0
- package/dist/styled-components/es/components/Typography/Typography.js +4 -1
- package/dist/styled-components/es/components/Typography/index.js +1 -1
- package/package.json +7 -7
- package/types/components/Accordion/Accordion.config.d.ts +1 -0
- package/types/components/Accordion/Accordion.d.ts +1 -0
- package/types/components/Skeleton/LineSkeleton.config.d.ts +1 -0
- package/types/components/Skeleton/Skeleton.d.ts +2 -0
- package/types/components/Tabs/TabItem.d.ts +3 -1
- package/types/components/Tabs/Tabs.d.ts +1 -0
- package/types/components/Tabs/horizontal/HorizontalIconTabItem.config.d.ts +1 -0
- package/types/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +1 -0
- package/types/components/Tabs/horizontal/HorizontalTabs.config.d.ts +1 -0
- package/types/components/Typography/Heading.config.d.ts +10 -0
- package/types/components/Typography/Typography.d.ts +17 -0
- package/types/components/Typography/index.d.ts +1 -1
|
@@ -174,8 +174,8 @@ function _templateObject14() {
|
|
|
174
174
|
function _templateObject15() {
|
|
175
175
|
var data = _tagged_template_literal([
|
|
176
176
|
"\n ",
|
|
177
|
-
": var(--plasma-typo-
|
|
178
|
-
": var(--plasma-typo-
|
|
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-
|
|
189
|
-
": var(--plasma-typo-text-
|
|
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-
|
|
200
|
-
": var(--plasma-typo-text-
|
|
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
|
-
|
|
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
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
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/HorizontalIconTabItem.config.js
CHANGED
|
@@ -181,9 +181,9 @@ function _templateObject9() {
|
|
|
181
181
|
function _templateObject10() {
|
|
182
182
|
var data = _tagged_template_literal([
|
|
183
183
|
"\n ",
|
|
184
|
-
": 0.
|
|
184
|
+
": 0.375rem;\n ",
|
|
185
185
|
": 0rem;\n ",
|
|
186
|
-
": 0.
|
|
186
|
+
": 0.625rem;\n\n ",
|
|
187
187
|
": -0.125rem;\n "
|
|
188
188
|
]);
|
|
189
189
|
_templateObject10 = function _templateObject() {
|
|
@@ -194,9 +194,9 @@ function _templateObject10() {
|
|
|
194
194
|
function _templateObject11() {
|
|
195
195
|
var data = _tagged_template_literal([
|
|
196
196
|
"\n ",
|
|
197
|
-
": 0.
|
|
197
|
+
": 0.5rem;\n ",
|
|
198
198
|
": 0rem;\n ",
|
|
199
|
-
": 0.
|
|
199
|
+
": 0.75rem;\n\n ",
|
|
200
200
|
": -0.125rem;\n "
|
|
201
201
|
]);
|
|
202
202
|
_templateObject11 = function _templateObject() {
|
|
@@ -205,6 +205,19 @@ function _templateObject11() {
|
|
|
205
205
|
return data;
|
|
206
206
|
}
|
|
207
207
|
function _templateObject12() {
|
|
208
|
+
var data = _tagged_template_literal([
|
|
209
|
+
"\n ",
|
|
210
|
+
": 0.625rem;\n ",
|
|
211
|
+
": 0rem;\n ",
|
|
212
|
+
": 0.875rem;\n\n ",
|
|
213
|
+
": -0.125rem;\n "
|
|
214
|
+
]);
|
|
215
|
+
_templateObject12 = function _templateObject() {
|
|
216
|
+
return data;
|
|
217
|
+
};
|
|
218
|
+
return data;
|
|
219
|
+
}
|
|
220
|
+
function _templateObject13() {
|
|
208
221
|
var data = _tagged_template_literal([
|
|
209
222
|
"\n ",
|
|
210
223
|
": 0.75rem;\n ",
|
|
@@ -212,17 +225,17 @@ function _templateObject12() {
|
|
|
212
225
|
": 1rem;\n\n ",
|
|
213
226
|
": 0;\n "
|
|
214
227
|
]);
|
|
215
|
-
|
|
228
|
+
_templateObject13 = function _templateObject() {
|
|
216
229
|
return data;
|
|
217
230
|
};
|
|
218
231
|
return data;
|
|
219
232
|
}
|
|
220
|
-
function
|
|
233
|
+
function _templateObject14() {
|
|
221
234
|
var data = _tagged_template_literal([
|
|
222
235
|
"\n ",
|
|
223
236
|
": 0.4;\n "
|
|
224
237
|
]);
|
|
225
|
-
|
|
238
|
+
_templateObject14 = function _templateObject() {
|
|
226
239
|
return data;
|
|
227
240
|
};
|
|
228
241
|
return data;
|
|
@@ -245,14 +258,15 @@ export var config = {
|
|
|
245
258
|
s: css(_templateObject5(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
|
|
246
259
|
m: css(_templateObject6(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
|
|
247
260
|
l: css(_templateObject7(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
261
|
+
h6: css(_templateObject8(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
|
|
262
|
+
h5: css(_templateObject9(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
|
|
263
|
+
h4: css(_templateObject10(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
|
|
264
|
+
h3: css(_templateObject11(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
|
|
265
|
+
h2: css(_templateObject12(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
|
|
266
|
+
h1: css(_templateObject13(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft)
|
|
253
267
|
},
|
|
254
268
|
disabled: {
|
|
255
|
-
true: css(
|
|
269
|
+
true: css(_templateObject14(), tabsTokens.disabledOpacity)
|
|
256
270
|
}
|
|
257
271
|
}
|
|
258
272
|
};
|
|
@@ -223,6 +223,28 @@ function _templateObject7() {
|
|
|
223
223
|
return data;
|
|
224
224
|
}
|
|
225
225
|
function _templateObject8() {
|
|
226
|
+
var data = _tagged_template_literal([
|
|
227
|
+
"\n ",
|
|
228
|
+
": 0.375rem;\n ",
|
|
229
|
+
": auto;\n ",
|
|
230
|
+
": 3rem;\n ",
|
|
231
|
+
": 0 0.125rem;\n ",
|
|
232
|
+
": 1.5rem;\n ",
|
|
233
|
+
": 0.625rem;\n\n ",
|
|
234
|
+
": var(--plasma-typo-h6-font-family);\n ",
|
|
235
|
+
": var(--plasma-typo-h6-font-size);\n ",
|
|
236
|
+
": var(--plasma-typo-h6-font-style);\n ",
|
|
237
|
+
": var(--plasma-typo-h6-font-weight);\n ",
|
|
238
|
+
": var(--plasma-typo-h6-letter-spacing);\n ",
|
|
239
|
+
": var(--plasma-typo-h6-line-height);\n\n ",
|
|
240
|
+
": -0.125rem;\n "
|
|
241
|
+
]);
|
|
242
|
+
_templateObject8 = function _templateObject() {
|
|
243
|
+
return data;
|
|
244
|
+
};
|
|
245
|
+
return data;
|
|
246
|
+
}
|
|
247
|
+
function _templateObject9() {
|
|
226
248
|
var data = _tagged_template_literal([
|
|
227
249
|
"\n ",
|
|
228
250
|
": 0.375rem;\n ",
|
|
@@ -239,12 +261,12 @@ function _templateObject8() {
|
|
|
239
261
|
": var(--plasma-typo-h5-line-height);\n\n ",
|
|
240
262
|
": -0.125rem;\n "
|
|
241
263
|
]);
|
|
242
|
-
|
|
264
|
+
_templateObject9 = function _templateObject() {
|
|
243
265
|
return data;
|
|
244
266
|
};
|
|
245
267
|
return data;
|
|
246
268
|
}
|
|
247
|
-
function
|
|
269
|
+
function _templateObject10() {
|
|
248
270
|
var data = _tagged_template_literal([
|
|
249
271
|
"\n ",
|
|
250
272
|
": 0.375rem;\n ",
|
|
@@ -261,12 +283,12 @@ function _templateObject9() {
|
|
|
261
283
|
": var(--plasma-typo-h4-line-height);\n\n ",
|
|
262
284
|
": -0.125rem;\n "
|
|
263
285
|
]);
|
|
264
|
-
|
|
286
|
+
_templateObject10 = function _templateObject() {
|
|
265
287
|
return data;
|
|
266
288
|
};
|
|
267
289
|
return data;
|
|
268
290
|
}
|
|
269
|
-
function
|
|
291
|
+
function _templateObject11() {
|
|
270
292
|
var data = _tagged_template_literal([
|
|
271
293
|
"\n ",
|
|
272
294
|
": 0.5rem;\n ",
|
|
@@ -283,12 +305,12 @@ function _templateObject10() {
|
|
|
283
305
|
": var(--plasma-typo-h3-line-height);\n\n ",
|
|
284
306
|
": -0.125rem;\n "
|
|
285
307
|
]);
|
|
286
|
-
|
|
308
|
+
_templateObject11 = function _templateObject() {
|
|
287
309
|
return data;
|
|
288
310
|
};
|
|
289
311
|
return data;
|
|
290
312
|
}
|
|
291
|
-
function
|
|
313
|
+
function _templateObject12() {
|
|
292
314
|
var data = _tagged_template_literal([
|
|
293
315
|
"\n ",
|
|
294
316
|
": 0.625rem;\n ",
|
|
@@ -305,12 +327,12 @@ function _templateObject11() {
|
|
|
305
327
|
": var(--plasma-typo-h2-line-height);\n\n ",
|
|
306
328
|
": -0.125rem;\n "
|
|
307
329
|
]);
|
|
308
|
-
|
|
330
|
+
_templateObject12 = function _templateObject() {
|
|
309
331
|
return data;
|
|
310
332
|
};
|
|
311
333
|
return data;
|
|
312
334
|
}
|
|
313
|
-
function
|
|
335
|
+
function _templateObject13() {
|
|
314
336
|
var data = _tagged_template_literal([
|
|
315
337
|
"\n ",
|
|
316
338
|
": 0.75rem;\n ",
|
|
@@ -327,36 +349,36 @@ function _templateObject12() {
|
|
|
327
349
|
": var(--plasma-typo-h1-line-height);\n\n ",
|
|
328
350
|
": 0;\n "
|
|
329
351
|
]);
|
|
330
|
-
|
|
352
|
+
_templateObject13 = function _templateObject() {
|
|
331
353
|
return data;
|
|
332
354
|
};
|
|
333
355
|
return data;
|
|
334
356
|
}
|
|
335
|
-
function
|
|
357
|
+
function _templateObject14() {
|
|
336
358
|
var data = _tagged_template_literal([
|
|
337
359
|
"\n ",
|
|
338
360
|
": 0.4;\n "
|
|
339
361
|
]);
|
|
340
|
-
|
|
362
|
+
_templateObject14 = function _templateObject() {
|
|
341
363
|
return data;
|
|
342
364
|
};
|
|
343
365
|
return data;
|
|
344
366
|
}
|
|
345
|
-
function
|
|
367
|
+
function _templateObject15() {
|
|
346
368
|
var data = _tagged_template_literal([
|
|
347
369
|
"\n ",
|
|
348
370
|
": 1.5rem;\n "
|
|
349
371
|
]);
|
|
350
|
-
|
|
372
|
+
_templateObject15 = function _templateObject() {
|
|
351
373
|
return data;
|
|
352
374
|
};
|
|
353
375
|
return data;
|
|
354
376
|
}
|
|
355
|
-
function
|
|
377
|
+
function _templateObject16() {
|
|
356
378
|
var data = _tagged_template_literal([
|
|
357
379
|
""
|
|
358
380
|
]);
|
|
359
|
-
|
|
381
|
+
_templateObject16 = function _templateObject() {
|
|
360
382
|
return data;
|
|
361
383
|
};
|
|
362
384
|
return data;
|
|
@@ -379,20 +401,21 @@ export var config = {
|
|
|
379
401
|
s: css(_templateObject5(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
|
|
380
402
|
m: css(_templateObject6(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
|
|
381
403
|
l: css(_templateObject7(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
404
|
+
h6: css(_templateObject8(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
|
|
405
|
+
h5: css(_templateObject9(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
|
|
406
|
+
h4: css(_templateObject10(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
|
|
407
|
+
h3: css(_templateObject11(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
|
|
408
|
+
h2: css(_templateObject12(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
|
|
409
|
+
h1: css(_templateObject13(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft)
|
|
387
410
|
},
|
|
388
411
|
disabled: {
|
|
389
|
-
true: css(
|
|
412
|
+
true: css(_templateObject14(), tabsTokens.disabledOpacity)
|
|
390
413
|
},
|
|
391
414
|
pilled: {
|
|
392
|
-
true: css(
|
|
415
|
+
true: css(_templateObject15(), tabsTokens.itemPilledBorderRadius)
|
|
393
416
|
},
|
|
394
417
|
truncate: {
|
|
395
|
-
true: css(
|
|
418
|
+
true: css(_templateObject16())
|
|
396
419
|
}
|
|
397
420
|
}
|
|
398
421
|
};
|
|
@@ -146,10 +146,10 @@ function _templateObject8() {
|
|
|
146
146
|
function _templateObject9() {
|
|
147
147
|
var data = _tagged_template_literal([
|
|
148
148
|
"\n ",
|
|
149
|
-
": 0.
|
|
149
|
+
": 0.5rem;\n ",
|
|
150
150
|
": fit-content;\n ",
|
|
151
151
|
": auto;\n ",
|
|
152
|
-
": 0.
|
|
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.
|
|
163
|
+
": 0.625rem;\n ",
|
|
164
164
|
": fit-content;\n ",
|
|
165
165
|
": auto;\n ",
|
|
166
|
-
": 0.
|
|
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
|
-
":
|
|
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
|
-
":
|
|
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;
|
|
@@ -198,7 +202,7 @@ function _templateObject12() {
|
|
|
198
202
|
function _templateObject13() {
|
|
199
203
|
var data = _tagged_template_literal([
|
|
200
204
|
"\n ",
|
|
201
|
-
":
|
|
205
|
+
": 100%;\n "
|
|
202
206
|
]);
|
|
203
207
|
_templateObject13 = function _templateObject() {
|
|
204
208
|
return data;
|
|
@@ -208,13 +212,23 @@ function _templateObject13() {
|
|
|
208
212
|
function _templateObject14() {
|
|
209
213
|
var data = _tagged_template_literal([
|
|
210
214
|
"\n ",
|
|
211
|
-
":
|
|
215
|
+
": 0.4;\n "
|
|
212
216
|
]);
|
|
213
217
|
_templateObject14 = function _templateObject() {
|
|
214
218
|
return data;
|
|
215
219
|
};
|
|
216
220
|
return data;
|
|
217
221
|
}
|
|
222
|
+
function _templateObject15() {
|
|
223
|
+
var data = _tagged_template_literal([
|
|
224
|
+
"\n ",
|
|
225
|
+
": 1.625rem;\n "
|
|
226
|
+
]);
|
|
227
|
+
_templateObject15 = function _templateObject() {
|
|
228
|
+
return data;
|
|
229
|
+
};
|
|
230
|
+
return data;
|
|
231
|
+
}
|
|
218
232
|
import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
219
233
|
export var config = {
|
|
220
234
|
defaults: {
|
|
@@ -232,20 +246,21 @@ export var config = {
|
|
|
232
246
|
s: css(_templateObject4(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
233
247
|
m: css(_templateObject5(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
234
248
|
l: css(_templateObject6(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
249
|
+
h6: css(_templateObject7(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
250
|
+
h5: css(_templateObject8(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
251
|
+
h4: css(_templateObject9(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
252
|
+
h3: css(_templateObject10(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
253
|
+
h2: css(_templateObject11(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
254
|
+
h1: css(_templateObject12(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
|
|
240
255
|
},
|
|
241
256
|
stretch: {
|
|
242
|
-
true: css(
|
|
257
|
+
true: css(_templateObject13(), tabsTokens.containerWidth)
|
|
243
258
|
},
|
|
244
259
|
disabled: {
|
|
245
|
-
true: css(
|
|
260
|
+
true: css(_templateObject14(), tabsTokens.disabledOpacity)
|
|
246
261
|
},
|
|
247
262
|
pilled: {
|
|
248
|
-
true: css(
|
|
263
|
+
true: css(_templateObject15(), tabsTokens.tabsPilledBorderRadius)
|
|
249
264
|
}
|
|
250
265
|
}
|
|
251
266
|
};
|
|
@@ -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-finai",
|
|
3
|
-
"version": "0.323.0-canary.
|
|
3
|
+
"version": "0.323.0-canary.2403.20455152253.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS FinAI web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"exports": {
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
"directory": "packages/sdds-fiai"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@salutejs/plasma-new-hope": "0.344.0-canary.
|
|
36
|
-
"@salutejs/sdds-themes": "0.51.0-canary.
|
|
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
|
"react": ">=16.13.1",
|
|
@@ -49,10 +49,10 @@
|
|
|
49
49
|
"@babel/preset-react": "7.24.1",
|
|
50
50
|
"@babel/preset-typescript": "7.24.1",
|
|
51
51
|
"@salutejs/plasma-colors": "0.16.0",
|
|
52
|
-
"@salutejs/plasma-core": "1.212.0-canary.
|
|
53
|
-
"@salutejs/plasma-cy-utils": "0.142.0-canary.
|
|
52
|
+
"@salutejs/plasma-core": "1.212.0-canary.2403.20455152253.0",
|
|
53
|
+
"@salutejs/plasma-cy-utils": "0.142.0-canary.2403.20455152253.0",
|
|
54
54
|
"@salutejs/plasma-icons": "1.228.0",
|
|
55
|
-
"@salutejs/plasma-sb-utils": "0.212.0-canary.
|
|
55
|
+
"@salutejs/plasma-sb-utils": "0.212.0-canary.2403.20455152253.0",
|
|
56
56
|
"@types/node": "16.7.13",
|
|
57
57
|
"@types/react": "18.0.28",
|
|
58
58
|
"@types/react-dom": "18.0.11",
|
|
@@ -99,5 +99,5 @@
|
|
|
99
99
|
"salute.developers@gmail.com"
|
|
100
100
|
],
|
|
101
101
|
"sideEffects": false,
|
|
102
|
-
"gitHead": "
|
|
102
|
+
"gitHead": "b498c67df31be46cdc667eb4c446cfbe634c36a8"
|
|
103
103
|
}
|
|
@@ -17,6 +17,7 @@ export declare const config: {
|
|
|
17
17
|
h3: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
18
18
|
h4: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
19
19
|
h5: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
20
|
+
h6: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
20
21
|
};
|
|
21
22
|
};
|
|
22
23
|
};
|
|
@@ -13,6 +13,7 @@ export declare const Accordion: import("react").FunctionComponent<import("@salut
|
|
|
13
13
|
h3: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
14
14
|
h4: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
15
15
|
h5: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
16
|
+
h6: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
16
17
|
};
|
|
17
18
|
}> & {
|
|
18
19
|
view?: string;
|
|
@@ -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;
|
|
@@ -11,6 +11,7 @@ declare const HorizontalTabItem: React.FunctionComponent<import("@salutejs/plasm
|
|
|
11
11
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
12
12
|
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
13
13
|
l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
14
|
+
h6: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
14
15
|
h5: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
15
16
|
h4: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
16
17
|
h3: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
@@ -54,7 +55,7 @@ declare const HorizontalTabItem: React.FunctionComponent<import("@salutejs/plasm
|
|
|
54
55
|
pilled?: never;
|
|
55
56
|
animated?: never;
|
|
56
57
|
view?: string;
|
|
57
|
-
size: "h5" | "h4" | "h3" | "h2" | "h1";
|
|
58
|
+
size: "h6" | "h5" | "h4" | "h3" | "h2" | "h1";
|
|
58
59
|
isActive?: never;
|
|
59
60
|
} & {
|
|
60
61
|
value?: string | number;
|
|
@@ -72,6 +73,7 @@ declare const HorizontalIconTabItem: React.FunctionComponent<import("@salutejs/p
|
|
|
72
73
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
73
74
|
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
74
75
|
l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
76
|
+
h6: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
75
77
|
h5: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
76
78
|
h4: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
77
79
|
h3: 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;
|
|
@@ -15,6 +15,7 @@ export declare const config: {
|
|
|
15
15
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
16
16
|
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
17
17
|
l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
18
|
+
h6: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
18
19
|
h5: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
19
20
|
h4: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
20
21
|
h3: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|