@salutejs/sdds-finai 0.321.1-canary.2376.19952506237.0 → 0.322.0-canary.2241.19959327691.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 (25) hide show
  1. package/components/Pagination/Pagination.config.d.ts +2 -0
  2. package/components/Pagination/Pagination.config.js +96 -12
  3. package/components/Pagination/Pagination.d.ts +2 -0
  4. package/components/Tabs/TabItem.d.ts +4 -0
  5. package/components/Tabs/Tabs.d.ts +2 -0
  6. package/components/Tabs/horizontal/HorizontalIconTabItem.config.d.ts +1 -0
  7. package/components/Tabs/horizontal/HorizontalIconTabItem.config.js +31 -17
  8. package/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +1 -0
  9. package/components/Tabs/horizontal/HorizontalTabItem.config.js +54 -29
  10. package/components/Tabs/horizontal/HorizontalTabs.config.d.ts +1 -0
  11. package/components/Tabs/horizontal/HorizontalTabs.config.js +34 -19
  12. package/components/Tabs/vertical/VerticalIconTabItem.config.d.ts +1 -0
  13. package/components/Tabs/vertical/VerticalIconTabItem.config.js +18 -3
  14. package/components/Tabs/vertical/VerticalTabItem.config.d.ts +1 -0
  15. package/components/Tabs/vertical/VerticalTabItem.config.js +31 -5
  16. package/components/Tabs/vertical/VerticalTabs.config.d.ts +1 -0
  17. package/components/Tabs/vertical/VerticalTabs.config.js +20 -5
  18. package/es/components/Pagination/Pagination.config.js +96 -12
  19. package/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +31 -17
  20. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +54 -29
  21. package/es/components/Tabs/horizontal/HorizontalTabs.config.js +34 -19
  22. package/es/components/Tabs/vertical/VerticalIconTabItem.config.js +18 -3
  23. package/es/components/Tabs/vertical/VerticalTabItem.config.js +31 -5
  24. package/es/components/Tabs/vertical/VerticalTabs.config.js +20 -5
  25. package/package.json +7 -7
package/es/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -132,9 +132,9 @@ function _templateObject4() {
132
132
  ": 0.375rem;\n ",
133
133
  ": auto;\n ",
134
134
  ": 2rem;\n ",
135
- ": 0 0;\n ",
135
+ ": 0 0.125rem;\n ",
136
136
  ": 0 0.375rem;\n ",
137
- ": 1.75rem;\n ",
137
+ ": 1.5rem;\n ",
138
138
  ": 0.25rem;\n ",
139
139
  ": 0.125rem;\n\n ",
140
140
  ": var(--plasma-typo-body-xs-font-family);\n ",
@@ -156,9 +156,9 @@ function _templateObject5() {
156
156
  ": 0.5rem;\n ",
157
157
  ": auto;\n ",
158
158
  ": 2.5rem;\n ",
159
- ": 0 0;\n ",
159
+ ": 0 0.125rem;\n ",
160
160
  ": 0 0.5rem;\n ",
161
- ": 1.75rem;\n ",
161
+ ": 1.5rem;\n ",
162
162
  ": 0.25rem;\n ",
163
163
  ": 0.125rem;\n\n ",
164
164
  ": var(--plasma-typo-body-s-font-family);\n ",
@@ -180,9 +180,9 @@ function _templateObject6() {
180
180
  ": 0.625rem;\n ",
181
181
  ": auto;\n ",
182
182
  ": 3rem;\n ",
183
- ": 0 0;\n ",
183
+ ": 0 0.125rem;\n ",
184
184
  ": 0 0.5rem;\n ",
185
- ": 1.75rem;\n ",
185
+ ": 1.5rem;\n ",
186
186
  ": 0.375rem;\n ",
187
187
  ": 0.125rem;\n\n ",
188
188
  ": var(--plasma-typo-body-m-font-family);\n ",
@@ -199,6 +199,30 @@ function _templateObject6() {
199
199
  return data;
200
200
  }
201
201
  function _templateObject7() {
202
+ var data = _tagged_template_literal([
203
+ "\n ",
204
+ ": 0.75rem;\n ",
205
+ ": auto;\n ",
206
+ ": 3.5rem;\n ",
207
+ ": 0 0.125rem;\n ",
208
+ ": 0 0.75rem;\n ",
209
+ ": 1.5rem;\n ",
210
+ ": 0.5rem;\n ",
211
+ ": 0.125rem;\n\n ",
212
+ ": var(--plasma-typo-body-l-font-family);\n ",
213
+ ": var(--plasma-typo-body-l-font-size);\n ",
214
+ ": var(--plasma-typo-body-l-font-style);\n ",
215
+ ": var(--plasma-typo-body-l-bold-font-weight);\n ",
216
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
217
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
218
+ ": 0.125rem;\n "
219
+ ]);
220
+ _templateObject7 = function _templateObject() {
221
+ return data;
222
+ };
223
+ return data;
224
+ }
225
+ function _templateObject8() {
202
226
  var data = _tagged_template_literal([
203
227
  "\n ",
204
228
  ": 0.375rem;\n ",
@@ -215,12 +239,12 @@ function _templateObject7() {
215
239
  ": var(--plasma-typo-h5-line-height);\n\n ",
216
240
  ": -0.125rem;\n "
217
241
  ]);
218
- _templateObject7 = function _templateObject() {
242
+ _templateObject8 = function _templateObject() {
219
243
  return data;
220
244
  };
221
245
  return data;
222
246
  }
223
- function _templateObject8() {
247
+ function _templateObject9() {
224
248
  var data = _tagged_template_literal([
225
249
  "\n ",
226
250
  ": 0.375rem;\n ",
@@ -237,12 +261,12 @@ function _templateObject8() {
237
261
  ": var(--plasma-typo-h4-line-height);\n\n ",
238
262
  ": -0.125rem;\n "
239
263
  ]);
240
- _templateObject8 = function _templateObject() {
264
+ _templateObject9 = function _templateObject() {
241
265
  return data;
242
266
  };
243
267
  return data;
244
268
  }
245
- function _templateObject9() {
269
+ function _templateObject10() {
246
270
  var data = _tagged_template_literal([
247
271
  "\n ",
248
272
  ": 0.5rem;\n ",
@@ -259,12 +283,12 @@ function _templateObject9() {
259
283
  ": var(--plasma-typo-h3-line-height);\n\n ",
260
284
  ": -0.125rem;\n "
261
285
  ]);
262
- _templateObject9 = function _templateObject() {
286
+ _templateObject10 = function _templateObject() {
263
287
  return data;
264
288
  };
265
289
  return data;
266
290
  }
267
- function _templateObject10() {
291
+ function _templateObject11() {
268
292
  var data = _tagged_template_literal([
269
293
  "\n ",
270
294
  ": 0.625rem;\n ",
@@ -281,12 +305,12 @@ function _templateObject10() {
281
305
  ": var(--plasma-typo-h2-line-height);\n\n ",
282
306
  ": -0.125rem;\n "
283
307
  ]);
284
- _templateObject10 = function _templateObject() {
308
+ _templateObject11 = function _templateObject() {
285
309
  return data;
286
310
  };
287
311
  return data;
288
312
  }
289
- function _templateObject11() {
313
+ function _templateObject12() {
290
314
  var data = _tagged_template_literal([
291
315
  "\n ",
292
316
  ": 0.75rem;\n ",
@@ -303,36 +327,36 @@ function _templateObject11() {
303
327
  ": var(--plasma-typo-h1-line-height);\n\n ",
304
328
  ": 0;\n "
305
329
  ]);
306
- _templateObject11 = function _templateObject() {
330
+ _templateObject12 = function _templateObject() {
307
331
  return data;
308
332
  };
309
333
  return data;
310
334
  }
311
- function _templateObject12() {
335
+ function _templateObject13() {
312
336
  var data = _tagged_template_literal([
313
337
  "\n ",
314
338
  ": 0.4;\n "
315
339
  ]);
316
- _templateObject12 = function _templateObject() {
340
+ _templateObject13 = function _templateObject() {
317
341
  return data;
318
342
  };
319
343
  return data;
320
344
  }
321
- function _templateObject13() {
345
+ function _templateObject14() {
322
346
  var data = _tagged_template_literal([
323
347
  "\n ",
324
348
  ": 1.5rem;\n "
325
349
  ]);
326
- _templateObject13 = function _templateObject() {
350
+ _templateObject14 = function _templateObject() {
327
351
  return data;
328
352
  };
329
353
  return data;
330
354
  }
331
- function _templateObject14() {
355
+ function _templateObject15() {
332
356
  var data = _tagged_template_literal([
333
357
  ""
334
358
  ]);
335
- _templateObject14 = function _templateObject() {
359
+ _templateObject15 = function _templateObject() {
336
360
  return data;
337
361
  };
338
362
  return data;
@@ -354,20 +378,21 @@ export var config = {
354
378
  xs: css(_templateObject4(), 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),
355
379
  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),
356
380
  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),
357
- h5: css(_templateObject7(), 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),
358
- h4: 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),
359
- h3: 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),
360
- h2: 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),
361
- h1: 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)
381
+ 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
+ h5: 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),
383
+ h4: 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),
384
+ h3: 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),
385
+ h2: 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),
386
+ h1: 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)
362
387
  },
363
388
  disabled: {
364
- true: css(_templateObject12(), tabsTokens.disabledOpacity)
389
+ true: css(_templateObject13(), tabsTokens.disabledOpacity)
365
390
  },
366
391
  pilled: {
367
- true: css(_templateObject13(), tabsTokens.itemPilledBorderRadius)
392
+ true: css(_templateObject14(), tabsTokens.itemPilledBorderRadius)
368
393
  },
369
394
  truncate: {
370
- true: css(_templateObject14())
395
+ true: css(_templateObject15())
371
396
  }
372
397
  }
373
398
  };
package/es/components/Tabs/horizontal/HorizontalTabs.config.js CHANGED
@@ -104,11 +104,11 @@ function _templateObject5() {
104
104
  function _templateObject6() {
105
105
  var data = _tagged_template_literal([
106
106
  "\n ",
107
- ": 0.5rem;\n ",
107
+ ": 0.875rem;\n ",
108
108
  ": fit-content;\n ",
109
109
  ": auto;\n ",
110
- ": 0.25rem;\n ",
111
- ": 0rem;\n "
110
+ ": 0rem;\n ",
111
+ ": 0.75rem;\n "
112
112
  ]);
113
113
  _templateObject6 = function _templateObject() {
114
114
  return data;
@@ -132,10 +132,10 @@ function _templateObject7() {
132
132
  function _templateObject8() {
133
133
  var data = _tagged_template_literal([
134
134
  "\n ",
135
- ": 0.625rem;\n ",
135
+ ": 0.5rem;\n ",
136
136
  ": fit-content;\n ",
137
137
  ": auto;\n ",
138
- ": 0.375rem;\n ",
138
+ ": 0.25rem;\n ",
139
139
  ": 0rem;\n "
140
140
  ]);
141
141
  _templateObject8 = function _templateObject() {
@@ -146,10 +146,10 @@ function _templateObject8() {
146
146
  function _templateObject9() {
147
147
  var data = _tagged_template_literal([
148
148
  "\n ",
149
- ": 0.75rem;\n ",
149
+ ": 0.625rem;\n ",
150
150
  ": fit-content;\n ",
151
151
  ": auto;\n ",
152
- ": 0.5rem;\n ",
152
+ ": 0.375rem;\n ",
153
153
  ": 0rem;\n "
154
154
  ]);
155
155
  _templateObject9 = function _templateObject() {
@@ -163,7 +163,7 @@ function _templateObject10() {
163
163
  ": 0.75rem;\n ",
164
164
  ": fit-content;\n ",
165
165
  ": auto;\n ",
166
- ": 1rem;\n ",
166
+ ": 0.5rem;\n ",
167
167
  ": 0rem;\n "
168
168
  ]);
169
169
  _templateObject10 = function _templateObject() {
@@ -174,7 +174,11 @@ function _templateObject10() {
174
174
  function _templateObject11() {
175
175
  var data = _tagged_template_literal([
176
176
  "\n ",
177
- ": 100%;\n "
177
+ ": 0.75rem;\n ",
178
+ ": fit-content;\n ",
179
+ ": auto;\n ",
180
+ ": 1rem;\n ",
181
+ ": 0rem;\n "
178
182
  ]);
179
183
  _templateObject11 = function _templateObject() {
180
184
  return data;
@@ -184,7 +188,7 @@ function _templateObject11() {
184
188
  function _templateObject12() {
185
189
  var data = _tagged_template_literal([
186
190
  "\n ",
187
- ": 0.4;\n "
191
+ ": 100%;\n "
188
192
  ]);
189
193
  _templateObject12 = function _templateObject() {
190
194
  return data;
@@ -194,13 +198,23 @@ function _templateObject12() {
194
198
  function _templateObject13() {
195
199
  var data = _tagged_template_literal([
196
200
  "\n ",
197
- ": 1.625rem;\n "
201
+ ": 0.4;\n "
198
202
  ]);
199
203
  _templateObject13 = function _templateObject() {
200
204
  return data;
201
205
  };
202
206
  return data;
203
207
  }
208
+ function _templateObject14() {
209
+ var data = _tagged_template_literal([
210
+ "\n ",
211
+ ": 1.625rem;\n "
212
+ ]);
213
+ _templateObject14 = function _templateObject() {
214
+ return data;
215
+ };
216
+ return data;
217
+ }
204
218
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
205
219
  export var config = {
206
220
  defaults: {
@@ -217,20 +231,21 @@ export var config = {
217
231
  xs: css(_templateObject3(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
218
232
  s: css(_templateObject4(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
219
233
  m: css(_templateObject5(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
220
- h5: css(_templateObject6(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
221
- h4: css(_templateObject7(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
222
- h3: css(_templateObject8(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
223
- h2: css(_templateObject9(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
224
- h1: css(_templateObject10(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
234
+ l: css(_templateObject6(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
235
+ h5: css(_templateObject7(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
236
+ h4: css(_templateObject8(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
237
+ h3: css(_templateObject9(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
238
+ h2: css(_templateObject10(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
239
+ h1: css(_templateObject11(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
225
240
  },
226
241
  stretch: {
227
- true: css(_templateObject11(), tabsTokens.containerWidth)
242
+ true: css(_templateObject12(), tabsTokens.containerWidth)
228
243
  },
229
244
  disabled: {
230
- true: css(_templateObject12(), tabsTokens.disabledOpacity)
245
+ true: css(_templateObject13(), tabsTokens.disabledOpacity)
231
246
  },
232
247
  pilled: {
233
- true: css(_templateObject13(), tabsTokens.tabsPilledBorderRadius)
248
+ true: css(_templateObject14(), tabsTokens.tabsPilledBorderRadius)
234
249
  }
235
250
  }
236
251
  };
package/es/components/Tabs/vertical/VerticalIconTabItem.config.js CHANGED
@@ -77,13 +77,27 @@ function _templateObject3() {
77
77
  function _templateObject4() {
78
78
  var data = _tagged_template_literal([
79
79
  "\n ",
80
- ": 0.4;\n "
80
+ ": 0.75rem;\n ",
81
+ ": 1rem 1.125rem;\n ",
82
+ ": 0.5rem;\n ",
83
+ ": 0.125rem;\n\n ",
84
+ ": 0.125rem;\n "
81
85
  ]);
82
86
  _templateObject4 = function _templateObject() {
83
87
  return data;
84
88
  };
85
89
  return data;
86
90
  }
91
+ function _templateObject5() {
92
+ var data = _tagged_template_literal([
93
+ "\n ",
94
+ ": 0.4;\n "
95
+ ]);
96
+ _templateObject5 = function _templateObject() {
97
+ return data;
98
+ };
99
+ return data;
100
+ }
87
101
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
88
102
  export var config = {
89
103
  defaults: {
@@ -97,10 +111,11 @@ export var config = {
97
111
  size: {
98
112
  xs: css(_templateObject1(), tabsTokens.itemBorderRadius, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.actionContentMarginLeft),
99
113
  s: css(_templateObject2(), tabsTokens.itemBorderRadius, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.actionContentMarginLeft),
100
- m: css(_templateObject3(), tabsTokens.itemBorderRadius, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.actionContentMarginLeft)
114
+ m: css(_templateObject3(), tabsTokens.itemBorderRadius, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.actionContentMarginLeft),
115
+ l: css(_templateObject4(), tabsTokens.itemBorderRadius, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.actionContentMarginLeft)
101
116
  },
102
117
  disabled: {
103
- true: css(_templateObject4(), tabsTokens.disabledOpacity)
118
+ true: css(_templateObject5(), tabsTokens.disabledOpacity)
104
119
  }
105
120
  }
106
121
  };
package/es/components/Tabs/vertical/VerticalTabItem.config.js CHANGED
@@ -118,7 +118,22 @@ function _templateObject3() {
118
118
  function _templateObject4() {
119
119
  var data = _tagged_template_literal([
120
120
  "\n ",
121
- ": 0.4;\n "
121
+ ": 0.75rem;\n ",
122
+ ": auto;\n ",
123
+ ": 3.5rem;\n ",
124
+ ": 0 0.875rem;\n ",
125
+ ": 0 0.75rem;\n ",
126
+ ": 1rem 1.5rem;\n ",
127
+ ": 1.25rem;\n ",
128
+ ": 0.5rem;\n ",
129
+ ": 0.125rem;\n\n ",
130
+ ": var(--plasma-typo-body-l-font-family);\n ",
131
+ ": var(--plasma-typo-body-l-font-size);\n ",
132
+ ": var(--plasma-typo-body-l-font-style);\n ",
133
+ ": var(--plasma-typo-body-l-bold-font-weight);\n ",
134
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
135
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
136
+ ": 0.125rem;\n "
122
137
  ]);
123
138
  _templateObject4 = function _templateObject() {
124
139
  return data;
@@ -127,13 +142,23 @@ function _templateObject4() {
127
142
  }
128
143
  function _templateObject5() {
129
144
  var data = _tagged_template_literal([
130
- ""
145
+ "\n ",
146
+ ": 0.4;\n "
131
147
  ]);
132
148
  _templateObject5 = function _templateObject() {
133
149
  return data;
134
150
  };
135
151
  return data;
136
152
  }
153
+ function _templateObject6() {
154
+ var data = _tagged_template_literal([
155
+ ""
156
+ ]);
157
+ _templateObject6 = function _templateObject() {
158
+ return data;
159
+ };
160
+ return data;
161
+ }
137
162
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
138
163
  export var config = {
139
164
  defaults: {
@@ -147,13 +172,14 @@ export var config = {
147
172
  size: {
148
173
  xs: css(_templateObject1(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
149
174
  s: css(_templateObject2(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
150
- m: css(_templateObject3(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft)
175
+ m: css(_templateObject3(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
176
+ l: css(_templateObject4(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft)
151
177
  },
152
178
  disabled: {
153
- true: css(_templateObject4(), tabsTokens.disabledOpacity)
179
+ true: css(_templateObject5(), tabsTokens.disabledOpacity)
154
180
  },
155
181
  truncate: {
156
- true: css(_templateObject5())
182
+ true: css(_templateObject6())
157
183
  }
158
184
  }
159
185
  };
package/es/components/Tabs/vertical/VerticalTabs.config.js CHANGED
@@ -71,7 +71,11 @@ function _templateObject3() {
71
71
  function _templateObject4() {
72
72
  var data = _tagged_template_literal([
73
73
  "\n ",
74
- ": 100%;\n "
74
+ ": 0.75rem;\n ",
75
+ ": fit-content;\n ",
76
+ ": auto;\n ",
77
+ ": 0rem;\n ",
78
+ ": 0.75rem;\n "
75
79
  ]);
76
80
  _templateObject4 = function _templateObject() {
77
81
  return data;
@@ -81,13 +85,23 @@ function _templateObject4() {
81
85
  function _templateObject5() {
82
86
  var data = _tagged_template_literal([
83
87
  "\n ",
84
- ": 0.4;\n "
88
+ ": 100%;\n "
85
89
  ]);
86
90
  _templateObject5 = function _templateObject() {
87
91
  return data;
88
92
  };
89
93
  return data;
90
94
  }
95
+ function _templateObject6() {
96
+ var data = _tagged_template_literal([
97
+ "\n ",
98
+ ": 0.4;\n "
99
+ ]);
100
+ _templateObject6 = function _templateObject() {
101
+ return data;
102
+ };
103
+ return data;
104
+ }
91
105
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
92
106
  export var config = {
93
107
  defaults: {
@@ -101,13 +115,14 @@ export var config = {
101
115
  size: {
102
116
  xs: css(_templateObject1(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
103
117
  s: css(_templateObject2(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
104
- m: css(_templateObject3(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
118
+ m: css(_templateObject3(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
119
+ l: css(_templateObject4(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
105
120
  },
106
121
  stretch: {
107
- true: css(_templateObject4(), tabsTokens.containerHeight)
122
+ true: css(_templateObject5(), tabsTokens.containerHeight)
108
123
  },
109
124
  disabled: {
110
- true: css(_templateObject5(), tabsTokens.disabledOpacity)
125
+ true: css(_templateObject6(), tabsTokens.disabledOpacity)
111
126
  }
112
127
  }
113
128
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-finai",
3
- "version": "0.321.1-canary.2376.19952506237.0",
3
+ "version": "0.322.0-canary.2241.19959327691.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
  "license": "MIT",
@@ -19,7 +19,7 @@
19
19
  "directory": "packages/sdds-fiai"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-new-hope": "0.342.1-canary.2376.19952506237.0",
22
+ "@salutejs/plasma-new-hope": "0.343.0-canary.2241.19959327691.0",
23
23
  "@salutejs/sdds-themes": "0.49.0"
24
24
  },
25
25
  "peerDependencies": {
@@ -36,10 +36,10 @@
36
36
  "@babel/preset-react": "7.24.1",
37
37
  "@babel/preset-typescript": "7.24.1",
38
38
  "@salutejs/plasma-colors": "0.16.0",
39
- "@salutejs/plasma-core": "1.210.1-canary.2376.19952506237.0",
40
- "@salutejs/plasma-cy-utils": "0.140.1-canary.2376.19952506237.0",
41
- "@salutejs/plasma-icons": "1.227.1-canary.2376.19952506237.0",
42
- "@salutejs/plasma-sb-utils": "0.210.1-canary.2376.19952506237.0",
39
+ "@salutejs/plasma-core": "1.211.0-canary.2241.19959327691.0",
40
+ "@salutejs/plasma-cy-utils": "0.141.0-canary.2241.19959327691.0",
41
+ "@salutejs/plasma-icons": "1.228.0-canary.2241.19959327691.0",
42
+ "@salutejs/plasma-sb-utils": "0.211.0-canary.2241.19959327691.0",
43
43
  "@types/node": "16.7.13",
44
44
  "@types/react": "18.0.28",
45
45
  "@types/react-dom": "18.0.11",
@@ -83,5 +83,5 @@
83
83
  "salute.developers@gmail.com"
84
84
  ],
85
85
  "sideEffects": false,
86
- "gitHead": "557f71bf72afb17de88885d9219f0ae27b256569"
86
+ "gitHead": "712717b31d1603181dfd729b816df762ac86cb00"
87
87
  }