@salutejs/sdds-dfa 0.322.0-canary.2227.17672582071.0 → 0.322.0-canary.2231.17732581275.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 (6) hide show
  1. package/components/Notification/Notification.d.ts +1 -1
  2. package/components/Pagination/Pagination.config.js +18 -11
  3. package/components/Tree/Tree.config.js +4 -2
  4. package/es/components/Pagination/Pagination.config.js +18 -11
  5. package/es/components/Tree/Tree.config.js +4 -2
  6. package/package.json +3 -3
package/components/Notification/Notification.d.ts CHANGED
@@ -20,7 +20,7 @@ export declare const NotificationNewHope: React.FunctionComponent<import("@salut
20
20
  xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
21
21
  xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
22
  };
23
- }> & (React.HTMLAttributes<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChange<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChangeAndDefaultValue<HTMLElement>)>;
23
+ }> & (React.HTMLAttributes<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChange<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChangeAndDefaultValue<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutDraggable<HTMLElement>)>;
24
24
  type ConfigProps = 'size' | 'view' | 'layout' | 'closeIconType';
25
25
  type NotificationProps = Pick<ComponentProps<typeof NotificationNewHope>, ConfigProps> & Omit<NotificationPropsNewHope, ConfigProps>;
26
26
  export declare const Notification: ForwardRefExoticComponent<NotificationProps>;
package/components/Pagination/Pagination.config.js CHANGED
@@ -38,6 +38,7 @@ function _templateObject() {
38
38
  ":transparent;\n ",
39
39
  ": color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n\n ",
40
40
  ": var(--text-primary);\n ",
41
+ ": var(--text-secondary);\n ",
41
42
  ": var(--surface-accent);\n "
42
43
  ]);
43
44
  _templateObject = function _templateObject() {
@@ -64,6 +65,7 @@ function _templateObject1() {
64
65
  ": var(--surface-solid-secondary);\n ",
65
66
  ": transparent;\n\n ",
66
67
  ": var(--text-primary);\n ",
68
+ ": var(--text-secondary);\n ",
67
69
  ": var(--surface-accent);\n "
68
70
  ]);
69
71
  _templateObject1 = function _templateObject() {
@@ -90,6 +92,7 @@ function _templateObject2() {
90
92
  ": var(--surface-solid-card);\n ",
91
93
  ": transparent;\n\n ",
92
94
  ": var(--text-primary);\n ",
95
+ ": var(--text-secondary);\n ",
93
96
  ": var(--surface-accent);\n "
94
97
  ]);
95
98
  _templateObject2 = function _templateObject() {
@@ -176,7 +179,8 @@ function _templateObject6() {
176
179
  ": 4rem;\n ",
177
180
  ": 3.5rem;\n ",
178
181
  ": 0 0.625rem;\n ",
179
- ": 0.0625rem;\n "
182
+ ": 0.0625rem;\n\n ",
183
+ ": 0.5rem 2.5rem;\n "
180
184
  ]);
181
185
  _templateObject6 = function _templateObject() {
182
186
  return data;
@@ -217,7 +221,8 @@ function _templateObject7() {
217
221
  ": 3.5rem;\n ",
218
222
  ": 3rem;\n ",
219
223
  ": 0 0.625rem;\n ",
220
- ": 0.0625rem;\n "
224
+ ": 0.0625rem;\n\n ",
225
+ ": 0.5rem 2.5rem;\n "
221
226
  ]);
222
227
  _templateObject7 = function _templateObject() {
223
228
  return data;
@@ -258,7 +263,8 @@ function _templateObject8() {
258
263
  ": 3rem;\n ",
259
264
  ": 2.5rem;\n ",
260
265
  ": 0 0.625rem;\n ",
261
- ": 0.0625rem;\n "
266
+ ": 0.0625rem;\n\n ",
267
+ ": 0.5rem 2.5rem;\n "
262
268
  ]);
263
269
  _templateObject8 = function _templateObject() {
264
270
  return data;
@@ -299,7 +305,8 @@ function _templateObject9() {
299
305
  ": 2.5rem;\n ",
300
306
  ": 2rem;\n ",
301
307
  ": 0 0.625rem;\n ",
302
- ": 0.0625rem;\n "
308
+ ": 0.0625rem;\n\n ",
309
+ ": 0.5rem 2.5rem;\n "
303
310
  ]);
304
311
  _templateObject9 = function _templateObject() {
305
312
  return data;
@@ -332,9 +339,9 @@ var config = {
332
339
  },
333
340
  variations: {
334
341
  view: {
335
- default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.buttonFocusColor),
336
- secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.buttonFocusColor),
337
- clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.buttonFocusColor)
342
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.paginationHelperTextColor, _styledcomponents.paginationTokens.buttonFocusColor),
343
+ secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.paginationHelperTextColor, _styledcomponents.paginationTokens.buttonFocusColor),
344
+ clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.paginationHelperTextColor, _styledcomponents.paginationTokens.buttonFocusColor)
338
345
  },
339
346
  viewCurrentPage: {
340
347
  default: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.paginationTokens.paginationCurrentButtonColor, _styledcomponents.paginationTokens.paginationCurrentButtonBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveBackgroundColor),
@@ -342,10 +349,10 @@ var config = {
342
349
  clear: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.paginationTokens.paginationCurrentButtonColor, _styledcomponents.paginationTokens.paginationCurrentButtonBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveBackgroundColor)
343
350
  },
344
351
  size: {
345
- l: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth),
346
- m: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth),
347
- s: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth),
348
- xs: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth)
352
+ l: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap),
353
+ m: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap),
354
+ s: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap),
355
+ xs: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap)
349
356
  },
350
357
  type: {
351
358
  compact: (0, _styledcomponents.css)(_templateObject10()),
package/components/Tree/Tree.config.js CHANGED
@@ -36,7 +36,9 @@ function _templateObject() {
36
36
  ": var(--text-accent);\n ",
37
37
  ": 0.4;\n ",
38
38
  ": var(--text-secondary);\n ",
39
- ": var(--text-secondary);\n "
39
+ ": var(--text-secondary);\n ",
40
+ ": var(--surface-positive);\n ",
41
+ ": var(--surface-solid-default);\n "
40
42
  ]);
41
43
  _templateObject = function _templateObject() {
42
44
  return data;
@@ -170,7 +172,7 @@ var config = {
170
172
  },
171
173
  variations: {
172
174
  view: {
173
- default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.treeTokens.iconFolderColor, _styledcomponents.treeTokens.arrowColor, _styledcomponents.treeTokens.arrowColorHover, _styledcomponents.treeTokens.arrowColorActive, _styledcomponents.treeTokens.color, _styledcomponents.treeTokens.colorSelected, _styledcomponents.treeTokens.itemBackgroundColorSelected, _styledcomponents.treeTokens.itemBackgroundColorPrimary, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor)
175
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.treeTokens.iconFolderColor, _styledcomponents.treeTokens.arrowColor, _styledcomponents.treeTokens.arrowColorHover, _styledcomponents.treeTokens.arrowColorActive, _styledcomponents.treeTokens.color, _styledcomponents.treeTokens.colorSelected, _styledcomponents.treeTokens.itemBackgroundColorSelected, _styledcomponents.treeTokens.itemBackgroundColorPrimary, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor, _styledcomponents.treeTokens.itemDraggableBorderColor, _styledcomponents.treeTokens.itemDraggableLineColor)
174
176
  },
175
177
  size: {
176
178
  l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
package/es/components/Pagination/Pagination.config.js CHANGED
@@ -27,6 +27,7 @@ function _templateObject() {
27
27
  ":transparent;\n ",
28
28
  ": color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n\n ",
29
29
  ": var(--text-primary);\n ",
30
+ ": var(--text-secondary);\n ",
30
31
  ": var(--surface-accent);\n "
31
32
  ]);
32
33
  _templateObject = function _templateObject() {
@@ -53,6 +54,7 @@ function _templateObject1() {
53
54
  ": var(--surface-solid-secondary);\n ",
54
55
  ": transparent;\n\n ",
55
56
  ": var(--text-primary);\n ",
57
+ ": var(--text-secondary);\n ",
56
58
  ": var(--surface-accent);\n "
57
59
  ]);
58
60
  _templateObject1 = function _templateObject() {
@@ -79,6 +81,7 @@ function _templateObject2() {
79
81
  ": var(--surface-solid-card);\n ",
80
82
  ": transparent;\n\n ",
81
83
  ": var(--text-primary);\n ",
84
+ ": var(--text-secondary);\n ",
82
85
  ": var(--surface-accent);\n "
83
86
  ]);
84
87
  _templateObject2 = function _templateObject() {
@@ -165,7 +168,8 @@ function _templateObject6() {
165
168
  ": 4rem;\n ",
166
169
  ": 3.5rem;\n ",
167
170
  ": 0 0.625rem;\n ",
168
- ": 0.0625rem;\n "
171
+ ": 0.0625rem;\n\n ",
172
+ ": 0.5rem 2.5rem;\n "
169
173
  ]);
170
174
  _templateObject6 = function _templateObject() {
171
175
  return data;
@@ -206,7 +210,8 @@ function _templateObject7() {
206
210
  ": 3.5rem;\n ",
207
211
  ": 3rem;\n ",
208
212
  ": 0 0.625rem;\n ",
209
- ": 0.0625rem;\n "
213
+ ": 0.0625rem;\n\n ",
214
+ ": 0.5rem 2.5rem;\n "
210
215
  ]);
211
216
  _templateObject7 = function _templateObject() {
212
217
  return data;
@@ -247,7 +252,8 @@ function _templateObject8() {
247
252
  ": 3rem;\n ",
248
253
  ": 2.5rem;\n ",
249
254
  ": 0 0.625rem;\n ",
250
- ": 0.0625rem;\n "
255
+ ": 0.0625rem;\n\n ",
256
+ ": 0.5rem 2.5rem;\n "
251
257
  ]);
252
258
  _templateObject8 = function _templateObject() {
253
259
  return data;
@@ -288,7 +294,8 @@ function _templateObject9() {
288
294
  ": 2.5rem;\n ",
289
295
  ": 2rem;\n ",
290
296
  ": 0 0.625rem;\n ",
291
- ": 0.0625rem;\n "
297
+ ": 0.0625rem;\n\n ",
298
+ ": 0.5rem 2.5rem;\n "
292
299
  ]);
293
300
  _templateObject9 = function _templateObject() {
294
301
  return data;
@@ -322,9 +329,9 @@ export var config = {
322
329
  },
323
330
  variations: {
324
331
  view: {
325
- default: css(_templateObject(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.selectBackgroundColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor),
326
- secondary: css(_templateObject1(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor),
327
- clear: css(_templateObject2(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor)
332
+ default: css(_templateObject(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.selectBackgroundColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor),
333
+ secondary: css(_templateObject1(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor),
334
+ clear: css(_templateObject2(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor)
328
335
  },
329
336
  viewCurrentPage: {
330
337
  default: css(_templateObject3(), paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor),
@@ -332,10 +339,10 @@ export var config = {
332
339
  clear: css(_templateObject5(), paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor)
333
340
  },
334
341
  size: {
335
- l: css(_templateObject6(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
336
- m: css(_templateObject7(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
337
- s: css(_templateObject8(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
338
- xs: css(_templateObject9(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth)
342
+ l: css(_templateObject6(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
343
+ m: css(_templateObject7(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
344
+ s: css(_templateObject8(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
345
+ xs: css(_templateObject9(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap)
339
346
  },
340
347
  type: {
341
348
  compact: css(_templateObject10()),
package/es/components/Tree/Tree.config.js CHANGED
@@ -25,7 +25,9 @@ function _templateObject() {
25
25
  ": var(--text-accent);\n ",
26
26
  ": 0.4;\n ",
27
27
  ": var(--text-secondary);\n ",
28
- ": var(--text-secondary);\n "
28
+ ": var(--text-secondary);\n ",
29
+ ": var(--surface-positive);\n ",
30
+ ": var(--surface-solid-default);\n "
29
31
  ]);
30
32
  _templateObject = function _templateObject() {
31
33
  return data;
@@ -160,7 +162,7 @@ export var config = {
160
162
  },
161
163
  variations: {
162
164
  view: {
163
- default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor)
165
+ default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor, tokens.itemDraggableBorderColor, tokens.itemDraggableLineColor)
164
166
  },
165
167
  size: {
166
168
  l: css(_templateObject1(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.322.0-canary.2227.17672582071.0",
3
+ "version": "0.322.0-canary.2231.17732581275.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS DFA 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-dfa"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-new-hope": "0.336.0-canary.2227.17672582071.0",
22
+ "@salutejs/plasma-new-hope": "0.336.0-canary.2231.17732581275.0",
23
23
  "@salutejs/sdds-themes": "0.47.0"
24
24
  },
25
25
  "peerDependencies": {
@@ -94,5 +94,5 @@
94
94
  "Anton Vinogradov"
95
95
  ],
96
96
  "sideEffects": false,
97
- "gitHead": "9b86cd538f5bb8f66d2bacd1e8b4ac5008a77a37"
97
+ "gitHead": "ea7d145db46609ca184838903690e8564ced80a9"
98
98
  }