@salutejs/sdds-cs 0.326.0-canary.2163.17090051243.0 → 0.327.0-canary.2164.17099145538.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 (23) hide show
  1. package/components/Button/Button.config.js +10 -4
  2. package/components/ButtonGroup/ButtonGroup.config.js +7 -3
  3. package/components/Pagination/Pagination.config.js +3 -5
  4. package/components/Spinner/Spinner.d.ts +1 -1
  5. package/components/Tree/Tree.config.js +1 -2
  6. package/emotion/cjs/components/Button/Button.config.js +10 -4
  7. package/emotion/cjs/components/ButtonGroup/ButtonGroup.config.js +7 -3
  8. package/emotion/cjs/components/Pagination/Pagination.config.js +3 -5
  9. package/emotion/cjs/components/Tree/Tree.config.js +1 -2
  10. package/emotion/cjs/index.js +1 -1
  11. package/emotion/es/components/Button/Button.config.js +10 -4
  12. package/emotion/es/components/ButtonGroup/ButtonGroup.config.js +7 -3
  13. package/emotion/es/components/Pagination/Pagination.config.js +3 -5
  14. package/emotion/es/components/Tree/Tree.config.js +1 -2
  15. package/emotion/es/index.js +1 -0
  16. package/es/components/Button/Button.config.js +10 -4
  17. package/es/components/ButtonGroup/ButtonGroup.config.js +7 -3
  18. package/es/components/Pagination/Pagination.config.js +3 -5
  19. package/es/components/Tree/Tree.config.js +1 -2
  20. package/es/index.js +1 -0
  21. package/index.d.ts +1 -0
  22. package/index.js +1 -1
  23. package/package.json +7 -7
package/components/Button/Button.config.js CHANGED
@@ -23,6 +23,8 @@ function _templateObject() {
23
23
  var data = _tagged_template_literal([
24
24
  "\n ",
25
25
  ": var(--on-dark-text-primary);\n ",
26
+ ": var(--on-dark-text-primary);\n ",
27
+ ": var(--on-dark-text-primary);\n ",
26
28
  ": var(--on-light-text-accent-minor);\n ",
27
29
  ": var(--surface-accent);\n ",
28
30
  ": var(",
@@ -40,7 +42,9 @@ function _templateObject1() {
40
42
  "\n ",
41
43
  ": var(--text-accent);\n ",
42
44
  ": #1A9E32;\n ",
43
- ": var(--text-accent-active);\n \n ",
45
+ ": var(--text-accent-active);\n ",
46
+ ": var(--text-accent);\n ",
47
+ ": var(--text-accent);\n ",
44
48
  ": var(--text-secondary);\n ",
45
49
  ": var(--surface-solid-primary);\n ",
46
50
  ": var(",
@@ -57,6 +61,8 @@ function _templateObject2() {
57
61
  var data = _tagged_template_literal([
58
62
  "\n ",
59
63
  ": var(--text-accent);\n ",
64
+ ": var(--text-accent);\n ",
65
+ ": var(--text-accent);\n ",
60
66
  ": var(--text-accent-minor);\n ",
61
67
  ": var(--surface-clear);\n ",
62
68
  ": var(--surface-transparent-accent);\n ",
@@ -159,9 +165,9 @@ var config = {
159
165
  },
160
166
  variations: {
161
167
  view: {
162
- accent: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColorHover, _styledcomponents.buttonTokens.buttonBackgroundColorActive),
163
- secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonColorHover, _styledcomponents.buttonTokens.buttonColorActive, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColorHover, _styledcomponents.buttonTokens.buttonBackgroundColorActive),
164
- clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColorHover, _styledcomponents.buttonTokens.buttonBackgroundColorActive)
168
+ accent: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColorHover, _styledcomponents.buttonTokens.buttonBackgroundColorActive),
169
+ secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonColorHover, _styledcomponents.buttonTokens.buttonColorActive, _styledcomponents.buttonTokens.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColorHover, _styledcomponents.buttonTokens.buttonBackgroundColorActive),
170
+ clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColorHover, _styledcomponents.buttonTokens.buttonBackgroundColorActive)
165
171
  },
166
172
  size: {
167
173
  s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
package/components/ButtonGroup/ButtonGroup.config.js CHANGED
@@ -23,6 +23,7 @@ function _templateObject() {
23
23
  var data = _tagged_template_literal([
24
24
  "\n ",
25
25
  ": var(--on-dark-text-primary);\n ",
26
+ ": var(--on-dark-text-primary);\n ",
26
27
  ": var(--on-light-text-accent-minor);\n ",
27
28
  ": var(--surface-accent);\n ",
28
29
  ": var(",
@@ -41,6 +42,8 @@ function _templateObject1() {
41
42
  var data = _tagged_template_literal([
42
43
  "\n ",
43
44
  ": var(--text-primary);\n ",
45
+ ": var(--text-primary);\n ",
46
+ ": var(--text-primary);\n ",
44
47
  ": var(--text-secondary);\n ",
45
48
  ": var(--surface-solid-primary);\n ",
46
49
  ": var(",
@@ -60,6 +63,7 @@ function _templateObject2() {
60
63
  "\n ",
61
64
  ": var(--text-accent);\n ",
62
65
  ": var(--text-accent);\n ",
66
+ ": var(--text-accent);\n ",
63
67
  ": var(--surface-clear);\n ",
64
68
  ": var(--surface-transparent-accent);\n ",
65
69
  ": var(--text-accent);\n ",
@@ -204,9 +208,9 @@ var config = {
204
208
  },
205
209
  variations: {
206
210
  view: {
207
- accent: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.buttonGroupTokens.buttonColor, _styledcomponents.buttonGroupTokens.buttonValueColor, _styledcomponents.buttonGroupTokens.buttonBackgroundColor, _styledcomponents.buttonGroupTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonGroupTokens.buttonBackgroundColor, _styledcomponents.buttonGroupTokens.buttonColorHover, _styledcomponents.buttonGroupTokens.buttonBackgroundColorHover, _styledcomponents.buttonGroupTokens.buttonColorActive, _styledcomponents.buttonGroupTokens.buttonBackgroundColorActive),
208
- secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.buttonGroupTokens.buttonColor, _styledcomponents.buttonGroupTokens.buttonValueColor, _styledcomponents.buttonGroupTokens.buttonBackgroundColor, _styledcomponents.buttonGroupTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonGroupTokens.buttonBackgroundColor, _styledcomponents.buttonGroupTokens.buttonColorHover, _styledcomponents.buttonGroupTokens.buttonBackgroundColorHover, _styledcomponents.buttonGroupTokens.buttonColorActive, _styledcomponents.buttonGroupTokens.buttonBackgroundColorActive),
209
- clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.buttonGroupTokens.buttonColor, _styledcomponents.buttonGroupTokens.buttonValueColor, _styledcomponents.buttonGroupTokens.buttonBackgroundColor, _styledcomponents.buttonGroupTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonGroupTokens.buttonColorHover, _styledcomponents.buttonGroupTokens.buttonBackgroundColorHover, _styledcomponents.buttonGroupTokens.buttonColorActive, _styledcomponents.buttonGroupTokens.buttonBackgroundColorActive)
211
+ accent: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.buttonGroupTokens.buttonColor, _styledcomponents.buttonGroupTokens.buttonTextColor, _styledcomponents.buttonGroupTokens.buttonValueColor, _styledcomponents.buttonGroupTokens.buttonBackgroundColor, _styledcomponents.buttonGroupTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonGroupTokens.buttonBackgroundColor, _styledcomponents.buttonGroupTokens.buttonColorHover, _styledcomponents.buttonGroupTokens.buttonBackgroundColorHover, _styledcomponents.buttonGroupTokens.buttonColorActive, _styledcomponents.buttonGroupTokens.buttonBackgroundColorActive),
212
+ secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.buttonGroupTokens.buttonColor, _styledcomponents.buttonGroupTokens.buttonTextColor, _styledcomponents.buttonGroupTokens.buttonIconColor, _styledcomponents.buttonGroupTokens.buttonValueColor, _styledcomponents.buttonGroupTokens.buttonBackgroundColor, _styledcomponents.buttonGroupTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonGroupTokens.buttonBackgroundColor, _styledcomponents.buttonGroupTokens.buttonColorHover, _styledcomponents.buttonGroupTokens.buttonBackgroundColorHover, _styledcomponents.buttonGroupTokens.buttonColorActive, _styledcomponents.buttonGroupTokens.buttonBackgroundColorActive),
213
+ clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.buttonGroupTokens.buttonColor, _styledcomponents.buttonGroupTokens.buttonTextColor, _styledcomponents.buttonGroupTokens.buttonValueColor, _styledcomponents.buttonGroupTokens.buttonBackgroundColor, _styledcomponents.buttonGroupTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonGroupTokens.buttonColorHover, _styledcomponents.buttonGroupTokens.buttonBackgroundColorHover, _styledcomponents.buttonGroupTokens.buttonColorActive, _styledcomponents.buttonGroupTokens.buttonBackgroundColorActive)
210
214
  },
211
215
  size: {
212
216
  s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.buttonGroupTokens.buttonSegmentedRadius, _styledcomponents.buttonGroupTokens.buttonSideRadius, _styledcomponents.buttonGroupTokens.buttonDefaultRadius, _styledcomponents.buttonGroupTokens.buttonHeight, _styledcomponents.buttonGroupTokens.buttonPadding, _styledcomponents.buttonGroupTokens.buttonFontFamily, _styledcomponents.buttonGroupTokens.buttonFontSize, _styledcomponents.buttonGroupTokens.buttonFontStyle, _styledcomponents.buttonGroupTokens.buttonFontWeight, _styledcomponents.buttonGroupTokens.buttonLetterSpacing, _styledcomponents.buttonGroupTokens.buttonLineHeight),
package/components/Pagination/Pagination.config.js CHANGED
@@ -37,7 +37,6 @@ function _templateObject() {
37
37
  ": var(--surface-solid-card);\n ",
38
38
  ": var(--outline-solid-primary);\n\n ",
39
39
  ": var(--text-primary);\n ",
40
- ": var(--text-secondary);\n ",
41
40
  ": var(--surface-accent);\n ",
42
41
  ": var(--text-secondary);\n ",
43
42
  ": var(--surface-clear);\n "
@@ -96,8 +95,7 @@ function _templateObject2() {
96
95
  ": 3rem;\n ",
97
96
  ": 2.5rem;\n ",
98
97
  ": 0 0.625rem;\n ",
99
- ": 0.125rem;\n\n ",
100
- ": 2.5rem;\n "
98
+ ": 0.125rem;\n "
101
99
  ]);
102
100
  _templateObject2 = function _templateObject() {
103
101
  return data;
@@ -130,13 +128,13 @@ var config = {
130
128
  },
131
129
  variations: {
132
130
  view: {
133
- default: (0, _styledcomponents.css)(_templateObject(), _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.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.paginationHelperTextColor, _styledcomponents.paginationTokens.buttonFocusColor, _styledcomponents.paginationTokens.paginationDisabledButtonColor, _styledcomponents.paginationTokens.paginationDisabledButtonBackgroundColor)
131
+ default: (0, _styledcomponents.css)(_templateObject(), _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.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.buttonFocusColor, _styledcomponents.paginationTokens.paginationDisabledButtonColor, _styledcomponents.paginationTokens.paginationDisabledButtonBackgroundColor)
134
132
  },
135
133
  viewCurrentPage: {
136
134
  default: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.paginationTokens.paginationCurrentButtonColor, _styledcomponents.paginationTokens.paginationCurrentButtonBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveBackgroundColor)
137
135
  },
138
136
  size: {
139
- s: (0, _styledcomponents.css)(_templateObject2(), _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)
137
+ s: (0, _styledcomponents.css)(_templateObject2(), _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)
140
138
  },
141
139
  type: {
142
140
  compact: (0, _styledcomponents.css)(_templateObject3()),
package/components/Spinner/Spinner.d.ts CHANGED
@@ -35,7 +35,7 @@ export declare const Spinner: import("styled-components").StyledComponent<import
35
35
  }> & ((HTMLAttributes<HTMLDivElement> & {
36
36
  width?: never;
37
37
  height?: never;
38
- size?: string;
38
+ size?: string | number;
39
39
  view?: string;
40
40
  } & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
41
41
  width: number;
package/components/Tree/Tree.config.js CHANGED
@@ -30,7 +30,6 @@ function _templateObject() {
30
30
  ": var(--text-primary);\n ",
31
31
  ": var(--surface-solid-primary);\n ",
32
32
  ": transparent;\n ",
33
- ": transparent;\n ",
34
33
  ": var(--surface-transparent-accent);\n ",
35
34
  ": var(--surface-solid-primary-active);\n ",
36
35
  ": var(--text-accent);\n ",
@@ -81,7 +80,7 @@ var config = {
81
80
  },
82
81
  variations: {
83
82
  view: {
84
- 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.itemBackgroundColorParentHasSelectedChildren, _styledcomponents.treeTokens.itemBackgroundColorClosestParentHasSelectedChildren, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor)
83
+ 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)
85
84
  },
86
85
  size: {
87
86
  s: (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/emotion/cjs/components/Button/Button.config.js CHANGED
@@ -23,6 +23,8 @@ function _templateObject() {
23
23
  var data = _tagged_template_literal([
24
24
  "\n ",
25
25
  ": var(--on-dark-text-primary);\n ",
26
+ ": var(--on-dark-text-primary);\n ",
27
+ ": var(--on-dark-text-primary);\n ",
26
28
  ": var(--on-light-text-accent-minor);\n ",
27
29
  ": var(--surface-accent);\n ",
28
30
  ": var(",
@@ -40,7 +42,9 @@ function _templateObject1() {
40
42
  "\n ",
41
43
  ": var(--text-accent);\n ",
42
44
  ": #1A9E32;\n ",
43
- ": var(--text-accent-active);\n \n ",
45
+ ": var(--text-accent-active);\n ",
46
+ ": var(--text-accent);\n ",
47
+ ": var(--text-accent);\n ",
44
48
  ": var(--text-secondary);\n ",
45
49
  ": var(--surface-solid-primary);\n ",
46
50
  ": var(",
@@ -57,6 +61,8 @@ function _templateObject2() {
57
61
  var data = _tagged_template_literal([
58
62
  "\n ",
59
63
  ": var(--text-accent);\n ",
64
+ ": var(--text-accent);\n ",
65
+ ": var(--text-accent);\n ",
60
66
  ": var(--text-accent-minor);\n ",
61
67
  ": var(--surface-clear);\n ",
62
68
  ": var(--surface-transparent-accent);\n ",
@@ -159,9 +165,9 @@ var config = {
159
165
  },
160
166
  variations: {
161
167
  view: {
162
- accent: (0, _emotion.css)(_templateObject(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
163
- secondary: (0, _emotion.css)(_templateObject1(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonColorHover, _emotion.buttonTokens.buttonColorActive, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
164
- clear: (0, _emotion.css)(_templateObject2(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive)
168
+ accent: (0, _emotion.css)(_templateObject(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonTextColor, _emotion.buttonTokens.buttonIconColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
169
+ secondary: (0, _emotion.css)(_templateObject1(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonColorHover, _emotion.buttonTokens.buttonColorActive, _emotion.buttonTokens.buttonTextColor, _emotion.buttonTokens.buttonIconColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
170
+ clear: (0, _emotion.css)(_templateObject2(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonTextColor, _emotion.buttonTokens.buttonIconColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive)
165
171
  },
166
172
  size: {
167
173
  s: (0, _emotion.css)(_templateObject3(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
package/emotion/cjs/components/ButtonGroup/ButtonGroup.config.js CHANGED
@@ -23,6 +23,7 @@ function _templateObject() {
23
23
  var data = _tagged_template_literal([
24
24
  "\n ",
25
25
  ": var(--on-dark-text-primary);\n ",
26
+ ": var(--on-dark-text-primary);\n ",
26
27
  ": var(--on-light-text-accent-minor);\n ",
27
28
  ": var(--surface-accent);\n ",
28
29
  ": var(",
@@ -41,6 +42,8 @@ function _templateObject1() {
41
42
  var data = _tagged_template_literal([
42
43
  "\n ",
43
44
  ": var(--text-primary);\n ",
45
+ ": var(--text-primary);\n ",
46
+ ": var(--text-primary);\n ",
44
47
  ": var(--text-secondary);\n ",
45
48
  ": var(--surface-solid-primary);\n ",
46
49
  ": var(",
@@ -60,6 +63,7 @@ function _templateObject2() {
60
63
  "\n ",
61
64
  ": var(--text-accent);\n ",
62
65
  ": var(--text-accent);\n ",
66
+ ": var(--text-accent);\n ",
63
67
  ": var(--surface-clear);\n ",
64
68
  ": var(--surface-transparent-accent);\n ",
65
69
  ": var(--text-accent);\n ",
@@ -204,9 +208,9 @@ var config = {
204
208
  },
205
209
  variations: {
206
210
  view: {
207
- accent: (0, _emotion.css)(_templateObject(), _emotion.buttonGroupTokens.buttonColor, _emotion.buttonGroupTokens.buttonValueColor, _emotion.buttonGroupTokens.buttonBackgroundColor, _emotion.buttonGroupTokens.buttonLoadingBackgroundColor, _emotion.buttonGroupTokens.buttonBackgroundColor, _emotion.buttonGroupTokens.buttonColorHover, _emotion.buttonGroupTokens.buttonBackgroundColorHover, _emotion.buttonGroupTokens.buttonColorActive, _emotion.buttonGroupTokens.buttonBackgroundColorActive),
208
- secondary: (0, _emotion.css)(_templateObject1(), _emotion.buttonGroupTokens.buttonColor, _emotion.buttonGroupTokens.buttonValueColor, _emotion.buttonGroupTokens.buttonBackgroundColor, _emotion.buttonGroupTokens.buttonLoadingBackgroundColor, _emotion.buttonGroupTokens.buttonBackgroundColor, _emotion.buttonGroupTokens.buttonColorHover, _emotion.buttonGroupTokens.buttonBackgroundColorHover, _emotion.buttonGroupTokens.buttonColorActive, _emotion.buttonGroupTokens.buttonBackgroundColorActive),
209
- clear: (0, _emotion.css)(_templateObject2(), _emotion.buttonGroupTokens.buttonColor, _emotion.buttonGroupTokens.buttonValueColor, _emotion.buttonGroupTokens.buttonBackgroundColor, _emotion.buttonGroupTokens.buttonLoadingBackgroundColor, _emotion.buttonGroupTokens.buttonColorHover, _emotion.buttonGroupTokens.buttonBackgroundColorHover, _emotion.buttonGroupTokens.buttonColorActive, _emotion.buttonGroupTokens.buttonBackgroundColorActive)
211
+ accent: (0, _emotion.css)(_templateObject(), _emotion.buttonGroupTokens.buttonColor, _emotion.buttonGroupTokens.buttonTextColor, _emotion.buttonGroupTokens.buttonValueColor, _emotion.buttonGroupTokens.buttonBackgroundColor, _emotion.buttonGroupTokens.buttonLoadingBackgroundColor, _emotion.buttonGroupTokens.buttonBackgroundColor, _emotion.buttonGroupTokens.buttonColorHover, _emotion.buttonGroupTokens.buttonBackgroundColorHover, _emotion.buttonGroupTokens.buttonColorActive, _emotion.buttonGroupTokens.buttonBackgroundColorActive),
212
+ secondary: (0, _emotion.css)(_templateObject1(), _emotion.buttonGroupTokens.buttonColor, _emotion.buttonGroupTokens.buttonTextColor, _emotion.buttonGroupTokens.buttonIconColor, _emotion.buttonGroupTokens.buttonValueColor, _emotion.buttonGroupTokens.buttonBackgroundColor, _emotion.buttonGroupTokens.buttonLoadingBackgroundColor, _emotion.buttonGroupTokens.buttonBackgroundColor, _emotion.buttonGroupTokens.buttonColorHover, _emotion.buttonGroupTokens.buttonBackgroundColorHover, _emotion.buttonGroupTokens.buttonColorActive, _emotion.buttonGroupTokens.buttonBackgroundColorActive),
213
+ clear: (0, _emotion.css)(_templateObject2(), _emotion.buttonGroupTokens.buttonColor, _emotion.buttonGroupTokens.buttonTextColor, _emotion.buttonGroupTokens.buttonValueColor, _emotion.buttonGroupTokens.buttonBackgroundColor, _emotion.buttonGroupTokens.buttonLoadingBackgroundColor, _emotion.buttonGroupTokens.buttonColorHover, _emotion.buttonGroupTokens.buttonBackgroundColorHover, _emotion.buttonGroupTokens.buttonColorActive, _emotion.buttonGroupTokens.buttonBackgroundColorActive)
210
214
  },
211
215
  size: {
212
216
  s: (0, _emotion.css)(_templateObject3(), _emotion.buttonGroupTokens.buttonSegmentedRadius, _emotion.buttonGroupTokens.buttonSideRadius, _emotion.buttonGroupTokens.buttonDefaultRadius, _emotion.buttonGroupTokens.buttonHeight, _emotion.buttonGroupTokens.buttonPadding, _emotion.buttonGroupTokens.buttonFontFamily, _emotion.buttonGroupTokens.buttonFontSize, _emotion.buttonGroupTokens.buttonFontStyle, _emotion.buttonGroupTokens.buttonFontWeight, _emotion.buttonGroupTokens.buttonLetterSpacing, _emotion.buttonGroupTokens.buttonLineHeight),
package/emotion/cjs/components/Pagination/Pagination.config.js CHANGED
@@ -37,7 +37,6 @@ function _templateObject() {
37
37
  ": var(--surface-solid-card);\n ",
38
38
  ": var(--outline-solid-primary);\n\n ",
39
39
  ": var(--text-primary);\n ",
40
- ": var(--text-secondary);\n ",
41
40
  ": var(--surface-accent);\n ",
42
41
  ": var(--text-secondary);\n ",
43
42
  ": var(--surface-clear);\n "
@@ -96,8 +95,7 @@ function _templateObject2() {
96
95
  ": 3rem;\n ",
97
96
  ": 2.5rem;\n ",
98
97
  ": 0 0.625rem;\n ",
99
- ": 0.125rem;\n\n ",
100
- ": 2.5rem;\n "
98
+ ": 0.125rem;\n "
101
99
  ]);
102
100
  _templateObject2 = function _templateObject() {
103
101
  return data;
@@ -130,13 +128,13 @@ var config = {
130
128
  },
131
129
  variations: {
132
130
  view: {
133
- default: (0, _emotion.css)(_templateObject(), _emotion.paginationTokens.buttonColor, _emotion.paginationTokens.buttonColorHover, _emotion.paginationTokens.buttonColorActive, _emotion.paginationTokens.buttonBackgroundColor, _emotion.paginationTokens.buttonBackgroundColorHover, _emotion.paginationTokens.buttonBackgroundColorActive, _emotion.paginationTokens.buttonHoverColor, _emotion.paginationTokens.buttonActiveColor, _emotion.paginationTokens.buttonArrowColor, _emotion.paginationTokens.buttonArrowColorHover, _emotion.paginationTokens.buttonArrowColorActive, _emotion.paginationTokens.inputBackgroundColor, _emotion.paginationTokens.selectBackgroundColor, _emotion.paginationTokens.inputBorderColor, _emotion.paginationTokens.paginationColor, _emotion.paginationTokens.paginationHelperTextColor, _emotion.paginationTokens.buttonFocusColor, _emotion.paginationTokens.paginationDisabledButtonColor, _emotion.paginationTokens.paginationDisabledButtonBackgroundColor)
131
+ default: (0, _emotion.css)(_templateObject(), _emotion.paginationTokens.buttonColor, _emotion.paginationTokens.buttonColorHover, _emotion.paginationTokens.buttonColorActive, _emotion.paginationTokens.buttonBackgroundColor, _emotion.paginationTokens.buttonBackgroundColorHover, _emotion.paginationTokens.buttonBackgroundColorActive, _emotion.paginationTokens.buttonHoverColor, _emotion.paginationTokens.buttonActiveColor, _emotion.paginationTokens.buttonArrowColor, _emotion.paginationTokens.buttonArrowColorHover, _emotion.paginationTokens.buttonArrowColorActive, _emotion.paginationTokens.inputBackgroundColor, _emotion.paginationTokens.selectBackgroundColor, _emotion.paginationTokens.inputBorderColor, _emotion.paginationTokens.paginationColor, _emotion.paginationTokens.buttonFocusColor, _emotion.paginationTokens.paginationDisabledButtonColor, _emotion.paginationTokens.paginationDisabledButtonBackgroundColor)
134
132
  },
135
133
  viewCurrentPage: {
136
134
  default: (0, _emotion.css)(_templateObject1(), _emotion.paginationTokens.paginationCurrentButtonColor, _emotion.paginationTokens.paginationCurrentButtonBackgroundColor, _emotion.paginationTokens.paginationCurrentButtonHoverColor, _emotion.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _emotion.paginationTokens.paginationCurrentButtonActiveColor, _emotion.paginationTokens.paginationCurrentButtonActiveBackgroundColor)
137
135
  },
138
136
  size: {
139
- s: (0, _emotion.css)(_templateObject2(), _emotion.paginationTokens.paginationFontFamily, _emotion.paginationTokens.paginationFontSize, _emotion.paginationTokens.paginationFontStyle, _emotion.paginationTokens.paginationFontWeight, _emotion.paginationTokens.paginationLetterSpacing, _emotion.paginationTokens.paginationLineHeight, _emotion.paginationTokens.buttonHeight, _emotion.paginationTokens.buttonWidth, _emotion.paginationTokens.buttonWidthShorter, _emotion.paginationTokens.paginationInputWidth, _emotion.paginationTokens.buttonRadius, _emotion.paginationTokens.paginationIconSize, _emotion.paginationTokens.paginationIconDoubleSize, _emotion.paginationTokens.buttonArrowMargin, _emotion.paginationTokens.selectHeight, _emotion.paginationTokens.selectPaddingTop, _emotion.paginationTokens.selectPaddingRight, _emotion.paginationTokens.selectPaddingBottom, _emotion.paginationTokens.selectPaddingLeft, _emotion.paginationTokens.selectItemHeight, _emotion.paginationTokens.selectItemPadding, _emotion.paginationTokens.selectItemContentLeftWidth, _emotion.paginationTokens.selectItemBackground, _emotion.paginationTokens.selectTargetArrowRight, _emotion.paginationTokens.selectTargetPadding, _emotion.paginationTokens.selectTargetInnerTop, _emotion.paginationTokens.selectTargetLabelInnerTop, _emotion.paginationTokens.inputBorderRadius, _emotion.paginationTokens.inputWidth, _emotion.paginationTokens.inputHeight, _emotion.paginationTokens.inputPadding, _emotion.paginationTokens.inputBorderWidth, _emotion.paginationTokens.paginationHelperTextGap)
137
+ s: (0, _emotion.css)(_templateObject2(), _emotion.paginationTokens.paginationFontFamily, _emotion.paginationTokens.paginationFontSize, _emotion.paginationTokens.paginationFontStyle, _emotion.paginationTokens.paginationFontWeight, _emotion.paginationTokens.paginationLetterSpacing, _emotion.paginationTokens.paginationLineHeight, _emotion.paginationTokens.buttonHeight, _emotion.paginationTokens.buttonWidth, _emotion.paginationTokens.buttonWidthShorter, _emotion.paginationTokens.paginationInputWidth, _emotion.paginationTokens.buttonRadius, _emotion.paginationTokens.paginationIconSize, _emotion.paginationTokens.paginationIconDoubleSize, _emotion.paginationTokens.buttonArrowMargin, _emotion.paginationTokens.selectHeight, _emotion.paginationTokens.selectPaddingTop, _emotion.paginationTokens.selectPaddingRight, _emotion.paginationTokens.selectPaddingBottom, _emotion.paginationTokens.selectPaddingLeft, _emotion.paginationTokens.selectItemHeight, _emotion.paginationTokens.selectItemPadding, _emotion.paginationTokens.selectItemContentLeftWidth, _emotion.paginationTokens.selectItemBackground, _emotion.paginationTokens.selectTargetArrowRight, _emotion.paginationTokens.selectTargetPadding, _emotion.paginationTokens.selectTargetInnerTop, _emotion.paginationTokens.selectTargetLabelInnerTop, _emotion.paginationTokens.inputBorderRadius, _emotion.paginationTokens.inputWidth, _emotion.paginationTokens.inputHeight, _emotion.paginationTokens.inputPadding, _emotion.paginationTokens.inputBorderWidth)
140
138
  },
141
139
  type: {
142
140
  compact: (0, _emotion.css)(_templateObject3()),
package/emotion/cjs/components/Tree/Tree.config.js CHANGED
@@ -30,7 +30,6 @@ function _templateObject() {
30
30
  ": var(--text-primary);\n ",
31
31
  ": var(--surface-solid-primary);\n ",
32
32
  ": transparent;\n ",
33
- ": transparent;\n ",
34
33
  ": var(--surface-transparent-accent);\n ",
35
34
  ": var(--surface-solid-primary-active);\n ",
36
35
  ": var(--text-accent);\n ",
@@ -81,7 +80,7 @@ var config = {
81
80
  },
82
81
  variations: {
83
82
  view: {
84
- default: (0, _emotion.css)(_templateObject(), _emotion.treeTokens.iconFolderColor, _emotion.treeTokens.arrowColor, _emotion.treeTokens.arrowColorHover, _emotion.treeTokens.arrowColorActive, _emotion.treeTokens.color, _emotion.treeTokens.colorSelected, _emotion.treeTokens.itemBackgroundColorSelected, _emotion.treeTokens.itemBackgroundColorParentHasSelectedChildren, _emotion.treeTokens.itemBackgroundColorClosestParentHasSelectedChildren, _emotion.treeTokens.itemBackgroundColorHover, _emotion.treeTokens.itemBackgroundColorActive, _emotion.treeTokens.checkboxBorderColor, _emotion.treeTokens.checkboxBackgroundColor, _emotion.treeTokens.itemDisabledOpacity, _emotion.treeTokens.itemDisabledBorderColor, _emotion.treeTokens.itemDisabledColor)
83
+ default: (0, _emotion.css)(_templateObject(), _emotion.treeTokens.iconFolderColor, _emotion.treeTokens.arrowColor, _emotion.treeTokens.arrowColorHover, _emotion.treeTokens.arrowColorActive, _emotion.treeTokens.color, _emotion.treeTokens.colorSelected, _emotion.treeTokens.itemBackgroundColorSelected, _emotion.treeTokens.itemBackgroundColorPrimary, _emotion.treeTokens.itemBackgroundColorHover, _emotion.treeTokens.itemBackgroundColorActive, _emotion.treeTokens.checkboxBorderColor, _emotion.treeTokens.checkboxBackgroundColor, _emotion.treeTokens.itemDisabledOpacity, _emotion.treeTokens.itemDisabledBorderColor, _emotion.treeTokens.itemDisabledColor)
85
84
  },
86
85
  size: {
87
86
  s: (0, _emotion.css)(_templateObject1(), _emotion.treeTokens.itemHeight, _emotion.treeTokens.itemPadding, _emotion.treeTokens.itemPaddingTight, _emotion.treeTokens.itemIndent, _emotion.treeTokens.itemBorderRadius, _emotion.treeTokens.itemTop, _emotion.treeTokens.itemBottom, _emotion.treeTokens.iconFolderMargin, _emotion.treeTokens.switcherMargin, _emotion.treeTokens.switcherMarginInverted, _emotion.treeTokens.switcherSize, _emotion.treeTokens.checkboxMargin, _emotion.treeTokens.checkboxSize, _emotion.treeTokens.checkboxInnerSize, _emotion.treeTokens.checkboxBorderRadius, _emotion.treeTokens.fontFamily, _emotion.treeTokens.fontSize, _emotion.treeTokens.fontStyle, _emotion.treeTokens.fontWeight, _emotion.treeTokens.letterSpacing, _emotion.treeTokens.lineHeight)
package/emotion/cjs/index.js CHANGED
@@ -37,6 +37,7 @@ _export_star(require("./components/Progress"), exports);
37
37
  _export_star(require("./components/Pagination"), exports);
38
38
  _export_star(require("./components/Range"), exports);
39
39
  _export_star(require("./components/Radiobox"), exports);
40
+ _export_star(require("./components/Rating"), exports);
40
41
  _export_star(require("./components/Segment"), exports);
41
42
  _export_star(require("./components/Sheet"), exports);
42
43
  _export_star(require("./components/Spinner"), exports);
@@ -68,7 +69,6 @@ _export_star(require("./components/Table"), exports);
68
69
  _export_star(require("./components/ToastNew"), exports);
69
70
  _export_star(require("./components/Carousel"), exports);
70
71
  _export_star(require("./components/Tour"), exports);
71
- _export_star(require("./components/Rating"), exports);
72
72
  _export_star(require("./mixins"), exports);
73
73
  _export_star(require("./tokens"), exports);
74
74
  function _export_star(from, to) {
package/emotion/es/components/Button/Button.config.js CHANGED
@@ -12,6 +12,8 @@ function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
14
  ": var(--on-dark-text-primary);\n ",
15
+ ": var(--on-dark-text-primary);\n ",
16
+ ": var(--on-dark-text-primary);\n ",
15
17
  ": var(--on-light-text-accent-minor);\n ",
16
18
  ": var(--surface-accent);\n ",
17
19
  ": var(",
@@ -29,7 +31,9 @@ function _templateObject1() {
29
31
  "\n ",
30
32
  ": var(--text-accent);\n ",
31
33
  ": #1A9E32;\n ",
32
- ": var(--text-accent-active);\n \n ",
34
+ ": var(--text-accent-active);\n ",
35
+ ": var(--text-accent);\n ",
36
+ ": var(--text-accent);\n ",
33
37
  ": var(--text-secondary);\n ",
34
38
  ": var(--surface-solid-primary);\n ",
35
39
  ": var(",
@@ -46,6 +50,8 @@ function _templateObject2() {
46
50
  var data = _tagged_template_literal([
47
51
  "\n ",
48
52
  ": var(--text-accent);\n ",
53
+ ": var(--text-accent);\n ",
54
+ ": var(--text-accent);\n ",
49
55
  ": var(--text-accent-minor);\n ",
50
56
  ": var(--surface-clear);\n ",
51
57
  ": var(--surface-transparent-accent);\n ",
@@ -149,9 +155,9 @@ export var config = {
149
155
  },
150
156
  variations: {
151
157
  view: {
152
- accent: css(_templateObject(), buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
153
- secondary: css(_templateObject1(), buttonTokens.buttonColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
154
- clear: css(_templateObject2(), buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive)
158
+ accent: css(_templateObject(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
159
+ secondary: css(_templateObject1(), buttonTokens.buttonColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
160
+ clear: css(_templateObject2(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive)
155
161
  },
156
162
  size: {
157
163
  s: css(_templateObject3(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
package/emotion/es/components/ButtonGroup/ButtonGroup.config.js CHANGED
@@ -12,6 +12,7 @@ function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
14
  ": var(--on-dark-text-primary);\n ",
15
+ ": var(--on-dark-text-primary);\n ",
15
16
  ": var(--on-light-text-accent-minor);\n ",
16
17
  ": var(--surface-accent);\n ",
17
18
  ": var(",
@@ -30,6 +31,8 @@ function _templateObject1() {
30
31
  var data = _tagged_template_literal([
31
32
  "\n ",
32
33
  ": var(--text-primary);\n ",
34
+ ": var(--text-primary);\n ",
35
+ ": var(--text-primary);\n ",
33
36
  ": var(--text-secondary);\n ",
34
37
  ": var(--surface-solid-primary);\n ",
35
38
  ": var(",
@@ -49,6 +52,7 @@ function _templateObject2() {
49
52
  "\n ",
50
53
  ": var(--text-accent);\n ",
51
54
  ": var(--text-accent);\n ",
55
+ ": var(--text-accent);\n ",
52
56
  ": var(--surface-clear);\n ",
53
57
  ": var(--surface-transparent-accent);\n ",
54
58
  ": var(--text-accent);\n ",
@@ -194,9 +198,9 @@ export var config = {
194
198
  },
195
199
  variations: {
196
200
  view: {
197
- accent: css(_templateObject(), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonLoadingBackgroundColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
198
- secondary: css(_templateObject1(), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonLoadingBackgroundColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
199
- clear: css(_templateObject2(), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonLoadingBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive)
201
+ accent: css(_templateObject(), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonTextColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonLoadingBackgroundColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
202
+ secondary: css(_templateObject1(), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonTextColor, buttonGroupTokens.buttonIconColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonLoadingBackgroundColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
203
+ clear: css(_templateObject2(), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonTextColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonLoadingBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive)
200
204
  },
201
205
  size: {
202
206
  s: css(_templateObject3(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
package/emotion/es/components/Pagination/Pagination.config.js CHANGED
@@ -26,7 +26,6 @@ function _templateObject() {
26
26
  ": var(--surface-solid-card);\n ",
27
27
  ": var(--outline-solid-primary);\n\n ",
28
28
  ": var(--text-primary);\n ",
29
- ": var(--text-secondary);\n ",
30
29
  ": var(--surface-accent);\n ",
31
30
  ": var(--text-secondary);\n ",
32
31
  ": var(--surface-clear);\n "
@@ -85,8 +84,7 @@ function _templateObject2() {
85
84
  ": 3rem;\n ",
86
85
  ": 2.5rem;\n ",
87
86
  ": 0 0.625rem;\n ",
88
- ": 0.125rem;\n\n ",
89
- ": 2.5rem;\n "
87
+ ": 0.125rem;\n "
90
88
  ]);
91
89
  _templateObject2 = function _templateObject() {
92
90
  return data;
@@ -120,13 +118,13 @@ export var config = {
120
118
  },
121
119
  variations: {
122
120
  view: {
123
- default: css(_templateObject(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor, paginationTokens.paginationDisabledButtonColor, paginationTokens.paginationDisabledButtonBackgroundColor)
121
+ default: css(_templateObject(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor, paginationTokens.paginationDisabledButtonColor, paginationTokens.paginationDisabledButtonBackgroundColor)
124
122
  },
125
123
  viewCurrentPage: {
126
124
  default: css(_templateObject1(), paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor)
127
125
  },
128
126
  size: {
129
- s: css(_templateObject2(), 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)
127
+ s: css(_templateObject2(), 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)
130
128
  },
131
129
  type: {
132
130
  compact: css(_templateObject3()),
package/emotion/es/components/Tree/Tree.config.js CHANGED
@@ -19,7 +19,6 @@ function _templateObject() {
19
19
  ": var(--text-primary);\n ",
20
20
  ": var(--surface-solid-primary);\n ",
21
21
  ": transparent;\n ",
22
- ": transparent;\n ",
23
22
  ": var(--surface-transparent-accent);\n ",
24
23
  ": var(--surface-solid-primary-active);\n ",
25
24
  ": var(--text-accent);\n ",
@@ -71,7 +70,7 @@ export var config = {
71
70
  },
72
71
  variations: {
73
72
  view: {
74
- default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorParentHasSelectedChildren, tokens.itemBackgroundColorClosestParentHasSelectedChildren, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor)
73
+ 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)
75
74
  },
76
75
  size: {
77
76
  s: 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/emotion/es/index.js CHANGED
@@ -33,6 +33,7 @@ export * from './components/Progress';
33
33
  export * from './components/Pagination';
34
34
  export * from './components/Range';
35
35
  export * from './components/Radiobox';
36
+ export * from './components/Rating';
36
37
  export * from './components/Segment';
37
38
  export * from './components/Sheet';
38
39
  export * from './components/Spinner';
package/es/components/Button/Button.config.js CHANGED
@@ -12,6 +12,8 @@ function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
14
  ": var(--on-dark-text-primary);\n ",
15
+ ": var(--on-dark-text-primary);\n ",
16
+ ": var(--on-dark-text-primary);\n ",
15
17
  ": var(--on-light-text-accent-minor);\n ",
16
18
  ": var(--surface-accent);\n ",
17
19
  ": var(",
@@ -29,7 +31,9 @@ function _templateObject1() {
29
31
  "\n ",
30
32
  ": var(--text-accent);\n ",
31
33
  ": #1A9E32;\n ",
32
- ": var(--text-accent-active);\n \n ",
34
+ ": var(--text-accent-active);\n ",
35
+ ": var(--text-accent);\n ",
36
+ ": var(--text-accent);\n ",
33
37
  ": var(--text-secondary);\n ",
34
38
  ": var(--surface-solid-primary);\n ",
35
39
  ": var(",
@@ -46,6 +50,8 @@ function _templateObject2() {
46
50
  var data = _tagged_template_literal([
47
51
  "\n ",
48
52
  ": var(--text-accent);\n ",
53
+ ": var(--text-accent);\n ",
54
+ ": var(--text-accent);\n ",
49
55
  ": var(--text-accent-minor);\n ",
50
56
  ": var(--surface-clear);\n ",
51
57
  ": var(--surface-transparent-accent);\n ",
@@ -149,9 +155,9 @@ export var config = {
149
155
  },
150
156
  variations: {
151
157
  view: {
152
- accent: css(_templateObject(), buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
153
- secondary: css(_templateObject1(), buttonTokens.buttonColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
154
- clear: css(_templateObject2(), buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive)
158
+ accent: css(_templateObject(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
159
+ secondary: css(_templateObject1(), buttonTokens.buttonColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
160
+ clear: css(_templateObject2(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive)
155
161
  },
156
162
  size: {
157
163
  s: css(_templateObject3(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
package/es/components/ButtonGroup/ButtonGroup.config.js CHANGED
@@ -12,6 +12,7 @@ function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
14
  ": var(--on-dark-text-primary);\n ",
15
+ ": var(--on-dark-text-primary);\n ",
15
16
  ": var(--on-light-text-accent-minor);\n ",
16
17
  ": var(--surface-accent);\n ",
17
18
  ": var(",
@@ -30,6 +31,8 @@ function _templateObject1() {
30
31
  var data = _tagged_template_literal([
31
32
  "\n ",
32
33
  ": var(--text-primary);\n ",
34
+ ": var(--text-primary);\n ",
35
+ ": var(--text-primary);\n ",
33
36
  ": var(--text-secondary);\n ",
34
37
  ": var(--surface-solid-primary);\n ",
35
38
  ": var(",
@@ -49,6 +52,7 @@ function _templateObject2() {
49
52
  "\n ",
50
53
  ": var(--text-accent);\n ",
51
54
  ": var(--text-accent);\n ",
55
+ ": var(--text-accent);\n ",
52
56
  ": var(--surface-clear);\n ",
53
57
  ": var(--surface-transparent-accent);\n ",
54
58
  ": var(--text-accent);\n ",
@@ -194,9 +198,9 @@ export var config = {
194
198
  },
195
199
  variations: {
196
200
  view: {
197
- accent: css(_templateObject(), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonLoadingBackgroundColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
198
- secondary: css(_templateObject1(), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonLoadingBackgroundColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
199
- clear: css(_templateObject2(), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonLoadingBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive)
201
+ accent: css(_templateObject(), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonTextColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonLoadingBackgroundColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
202
+ secondary: css(_templateObject1(), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonTextColor, buttonGroupTokens.buttonIconColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonLoadingBackgroundColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
203
+ clear: css(_templateObject2(), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonTextColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonLoadingBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive)
200
204
  },
201
205
  size: {
202
206
  s: css(_templateObject3(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
package/es/components/Pagination/Pagination.config.js CHANGED
@@ -26,7 +26,6 @@ function _templateObject() {
26
26
  ": var(--surface-solid-card);\n ",
27
27
  ": var(--outline-solid-primary);\n\n ",
28
28
  ": var(--text-primary);\n ",
29
- ": var(--text-secondary);\n ",
30
29
  ": var(--surface-accent);\n ",
31
30
  ": var(--text-secondary);\n ",
32
31
  ": var(--surface-clear);\n "
@@ -85,8 +84,7 @@ function _templateObject2() {
85
84
  ": 3rem;\n ",
86
85
  ": 2.5rem;\n ",
87
86
  ": 0 0.625rem;\n ",
88
- ": 0.125rem;\n\n ",
89
- ": 2.5rem;\n "
87
+ ": 0.125rem;\n "
90
88
  ]);
91
89
  _templateObject2 = function _templateObject() {
92
90
  return data;
@@ -120,13 +118,13 @@ export var config = {
120
118
  },
121
119
  variations: {
122
120
  view: {
123
- default: css(_templateObject(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor, paginationTokens.paginationDisabledButtonColor, paginationTokens.paginationDisabledButtonBackgroundColor)
121
+ default: css(_templateObject(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor, paginationTokens.paginationDisabledButtonColor, paginationTokens.paginationDisabledButtonBackgroundColor)
124
122
  },
125
123
  viewCurrentPage: {
126
124
  default: css(_templateObject1(), paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor)
127
125
  },
128
126
  size: {
129
- s: css(_templateObject2(), 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)
127
+ s: css(_templateObject2(), 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)
130
128
  },
131
129
  type: {
132
130
  compact: css(_templateObject3()),
package/es/components/Tree/Tree.config.js CHANGED
@@ -19,7 +19,6 @@ function _templateObject() {
19
19
  ": var(--text-primary);\n ",
20
20
  ": var(--surface-solid-primary);\n ",
21
21
  ": transparent;\n ",
22
- ": transparent;\n ",
23
22
  ": var(--surface-transparent-accent);\n ",
24
23
  ": var(--surface-solid-primary-active);\n ",
25
24
  ": var(--text-accent);\n ",
@@ -71,7 +70,7 @@ export var config = {
71
70
  },
72
71
  variations: {
73
72
  view: {
74
- default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorParentHasSelectedChildren, tokens.itemBackgroundColorClosestParentHasSelectedChildren, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor)
73
+ 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)
75
74
  },
76
75
  size: {
77
76
  s: 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/es/index.js CHANGED
@@ -33,6 +33,7 @@ export * from './components/Progress';
33
33
  export * from './components/Pagination';
34
34
  export * from './components/Range';
35
35
  export * from './components/Radiobox';
36
+ export * from './components/Rating';
36
37
  export * from './components/Segment';
37
38
  export * from './components/Sheet';
38
39
  export * from './components/Spinner';
package/index.d.ts CHANGED
@@ -33,6 +33,7 @@ export * from './components/Progress';
33
33
  export * from './components/Pagination';
34
34
  export * from './components/Range';
35
35
  export * from './components/Radiobox';
36
+ export * from './components/Rating';
36
37
  export * from './components/Segment';
37
38
  export * from './components/Sheet';
38
39
  export * from './components/Spinner';
package/index.js CHANGED
@@ -37,6 +37,7 @@ _export_star(require("./components/Progress"), exports);
37
37
  _export_star(require("./components/Pagination"), exports);
38
38
  _export_star(require("./components/Range"), exports);
39
39
  _export_star(require("./components/Radiobox"), exports);
40
+ _export_star(require("./components/Rating"), exports);
40
41
  _export_star(require("./components/Segment"), exports);
41
42
  _export_star(require("./components/Sheet"), exports);
42
43
  _export_star(require("./components/Spinner"), exports);
@@ -68,7 +69,6 @@ _export_star(require("./components/Table"), exports);
68
69
  _export_star(require("./components/ToastNew"), exports);
69
70
  _export_star(require("./components/Carousel"), exports);
70
71
  _export_star(require("./components/Tour"), exports);
71
- _export_star(require("./components/Rating"), exports);
72
72
  _export_star(require("./mixins"), exports);
73
73
  _export_star(require("./tokens"), exports);
74
74
  function _export_star(from, to) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.326.0-canary.2163.17090051243.0",
3
+ "version": "0.327.0-canary.2164.17099145538.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS CS web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -30,8 +30,8 @@
30
30
  "directory": "packages/sdds-cs"
31
31
  },
32
32
  "dependencies": {
33
- "@salutejs/plasma-new-hope": "0.334.0-canary.2163.17090051243.0",
34
- "@salutejs/sdds-themes": "0.45.0-dev.0"
33
+ "@salutejs/plasma-new-hope": "0.335.0-canary.2164.17099145538.0",
34
+ "@salutejs/sdds-themes": "0.47.0-canary.2164.17099145538.0"
35
35
  },
36
36
  "peerDependencies": {
37
37
  "@emotion/react": ">=11",
@@ -54,10 +54,10 @@
54
54
  "@microsoft/api-extractor": "7.38.3",
55
55
  "@originjs/vite-plugin-commonjs": "1.0.3",
56
56
  "@salutejs/plasma-colors": "0.16.0",
57
- "@salutejs/plasma-core": "1.205.0-dev.0",
58
- "@salutejs/plasma-cy-utils": "0.135.0-dev.0",
57
+ "@salutejs/plasma-core": "1.207.0-canary.2164.17099145538.0",
58
+ "@salutejs/plasma-cy-utils": "0.137.0-canary.2164.17099145538.0",
59
59
  "@salutejs/plasma-icons": "1.222.0",
60
- "@salutejs/plasma-sb-utils": "0.205.0-dev.0",
60
+ "@salutejs/plasma-sb-utils": "0.207.0-canary.2164.17099145538.0",
61
61
  "@storybook/addon-docs": "7.6.17",
62
62
  "@storybook/addon-essentials": "7.6.17",
63
63
  "@storybook/addons": "7.6.17",
@@ -123,5 +123,5 @@
123
123
  "Anton Vinogradov"
124
124
  ],
125
125
  "sideEffects": false,
126
- "gitHead": "39a2ff60ef9b8c09d5c7c3d5b3c0927bca77f574"
126
+ "gitHead": "0204841165afd024fd6ff3373799189514cf6fdd"
127
127
  }