@salutejs/sdds-cs 0.326.0-canary.2159.17089541413.0 → 0.326.0-canary.2159.17091386595.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 (9) hide show
  1. package/components/Button/Button.config.js +6 -3
  2. package/components/ButtonGroup/ButtonGroup.config.js +7 -3
  3. package/emotion/cjs/components/Button/Button.config.js +6 -3
  4. package/emotion/cjs/components/ButtonGroup/ButtonGroup.config.js +7 -3
  5. package/emotion/es/components/Button/Button.config.js +6 -3
  6. package/emotion/es/components/ButtonGroup/ButtonGroup.config.js +7 -3
  7. package/es/components/Button/Button.config.js +6 -3
  8. package/es/components/ButtonGroup/ButtonGroup.config.js +7 -3
  9. package/package.json +3 -3
package/components/Button/Button.config.js CHANGED
@@ -24,6 +24,7 @@ function _templateObject() {
24
24
  "\n ",
25
25
  ": var(--on-dark-text-primary);\n ",
26
26
  ": var(--on-dark-text-primary);\n ",
27
+ ": var(--on-dark-text-primary);\n ",
27
28
  ": var(--on-light-text-accent-minor);\n ",
28
29
  ": var(--surface-accent);\n ",
29
30
  ": var(",
@@ -43,6 +44,7 @@ function _templateObject1() {
43
44
  ": #1A9E32;\n ",
44
45
  ": var(--text-accent-active);\n ",
45
46
  ": var(--text-accent);\n ",
47
+ ": var(--text-accent);\n ",
46
48
  ": var(--text-secondary);\n ",
47
49
  ": var(--surface-solid-primary);\n ",
48
50
  ": var(",
@@ -60,6 +62,7 @@ function _templateObject2() {
60
62
  "\n ",
61
63
  ": var(--text-accent);\n ",
62
64
  ": var(--text-accent);\n ",
65
+ ": var(--text-accent);\n ",
63
66
  ": var(--text-accent-minor);\n ",
64
67
  ": var(--surface-clear);\n ",
65
68
  ": var(--surface-transparent-accent);\n ",
@@ -162,9 +165,9 @@ var config = {
162
165
  },
163
166
  variations: {
164
167
  view: {
165
- accent: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonTextColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColorHover, _styledcomponents.buttonTokens.buttonBackgroundColorActive),
166
- secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonColorHover, _styledcomponents.buttonTokens.buttonColorActive, _styledcomponents.buttonTokens.buttonTextColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColorHover, _styledcomponents.buttonTokens.buttonBackgroundColorActive),
167
- clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonTextColor, _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)
168
171
  },
169
172
  size: {
170
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/emotion/cjs/components/Button/Button.config.js CHANGED
@@ -24,6 +24,7 @@ function _templateObject() {
24
24
  "\n ",
25
25
  ": var(--on-dark-text-primary);\n ",
26
26
  ": var(--on-dark-text-primary);\n ",
27
+ ": var(--on-dark-text-primary);\n ",
27
28
  ": var(--on-light-text-accent-minor);\n ",
28
29
  ": var(--surface-accent);\n ",
29
30
  ": var(",
@@ -43,6 +44,7 @@ function _templateObject1() {
43
44
  ": #1A9E32;\n ",
44
45
  ": var(--text-accent-active);\n ",
45
46
  ": var(--text-accent);\n ",
47
+ ": var(--text-accent);\n ",
46
48
  ": var(--text-secondary);\n ",
47
49
  ": var(--surface-solid-primary);\n ",
48
50
  ": var(",
@@ -60,6 +62,7 @@ function _templateObject2() {
60
62
  "\n ",
61
63
  ": var(--text-accent);\n ",
62
64
  ": var(--text-accent);\n ",
65
+ ": var(--text-accent);\n ",
63
66
  ": var(--text-accent-minor);\n ",
64
67
  ": var(--surface-clear);\n ",
65
68
  ": var(--surface-transparent-accent);\n ",
@@ -162,9 +165,9 @@ var config = {
162
165
  },
163
166
  variations: {
164
167
  view: {
165
- accent: (0, _emotion.css)(_templateObject(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonTextColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
166
- secondary: (0, _emotion.css)(_templateObject1(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonColorHover, _emotion.buttonTokens.buttonColorActive, _emotion.buttonTokens.buttonTextColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
167
- clear: (0, _emotion.css)(_templateObject2(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonTextColor, _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)
168
171
  },
169
172
  size: {
170
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/es/components/Button/Button.config.js CHANGED
@@ -13,6 +13,7 @@ function _templateObject() {
13
13
  "\n ",
14
14
  ": var(--on-dark-text-primary);\n ",
15
15
  ": var(--on-dark-text-primary);\n ",
16
+ ": var(--on-dark-text-primary);\n ",
16
17
  ": var(--on-light-text-accent-minor);\n ",
17
18
  ": var(--surface-accent);\n ",
18
19
  ": var(",
@@ -32,6 +33,7 @@ function _templateObject1() {
32
33
  ": #1A9E32;\n ",
33
34
  ": var(--text-accent-active);\n ",
34
35
  ": var(--text-accent);\n ",
36
+ ": var(--text-accent);\n ",
35
37
  ": var(--text-secondary);\n ",
36
38
  ": var(--surface-solid-primary);\n ",
37
39
  ": var(",
@@ -49,6 +51,7 @@ function _templateObject2() {
49
51
  "\n ",
50
52
  ": var(--text-accent);\n ",
51
53
  ": var(--text-accent);\n ",
54
+ ": var(--text-accent);\n ",
52
55
  ": var(--text-accent-minor);\n ",
53
56
  ": var(--surface-clear);\n ",
54
57
  ": var(--surface-transparent-accent);\n ",
@@ -152,9 +155,9 @@ export var config = {
152
155
  },
153
156
  variations: {
154
157
  view: {
155
- accent: css(_templateObject(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
156
- secondary: css(_templateObject1(), buttonTokens.buttonColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonTextColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
157
- clear: css(_templateObject2(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, 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)
158
161
  },
159
162
  size: {
160
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/es/components/Button/Button.config.js CHANGED
@@ -13,6 +13,7 @@ function _templateObject() {
13
13
  "\n ",
14
14
  ": var(--on-dark-text-primary);\n ",
15
15
  ": var(--on-dark-text-primary);\n ",
16
+ ": var(--on-dark-text-primary);\n ",
16
17
  ": var(--on-light-text-accent-minor);\n ",
17
18
  ": var(--surface-accent);\n ",
18
19
  ": var(",
@@ -32,6 +33,7 @@ function _templateObject1() {
32
33
  ": #1A9E32;\n ",
33
34
  ": var(--text-accent-active);\n ",
34
35
  ": var(--text-accent);\n ",
36
+ ": var(--text-accent);\n ",
35
37
  ": var(--text-secondary);\n ",
36
38
  ": var(--surface-solid-primary);\n ",
37
39
  ": var(",
@@ -49,6 +51,7 @@ function _templateObject2() {
49
51
  "\n ",
50
52
  ": var(--text-accent);\n ",
51
53
  ": var(--text-accent);\n ",
54
+ ": var(--text-accent);\n ",
52
55
  ": var(--text-accent-minor);\n ",
53
56
  ": var(--surface-clear);\n ",
54
57
  ": var(--surface-transparent-accent);\n ",
@@ -152,9 +155,9 @@ export var config = {
152
155
  },
153
156
  variations: {
154
157
  view: {
155
- accent: css(_templateObject(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
156
- secondary: css(_templateObject1(), buttonTokens.buttonColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonTextColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
157
- clear: css(_templateObject2(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, 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)
158
161
  },
159
162
  size: {
160
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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.326.0-canary.2159.17089541413.0",
3
+ "version": "0.326.0-canary.2159.17091386595.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,7 +30,7 @@
30
30
  "directory": "packages/sdds-cs"
31
31
  },
32
32
  "dependencies": {
33
- "@salutejs/plasma-new-hope": "0.334.0-canary.2159.17089541413.0",
33
+ "@salutejs/plasma-new-hope": "0.334.0-canary.2159.17091386595.0",
34
34
  "@salutejs/sdds-themes": "0.45.0-dev.0"
35
35
  },
36
36
  "peerDependencies": {
@@ -123,5 +123,5 @@
123
123
  "Anton Vinogradov"
124
124
  ],
125
125
  "sideEffects": false,
126
- "gitHead": "017be95011f78faf7d49a9d7ab333ec45cc2b350"
126
+ "gitHead": "89544cbce4d13695d65505aefc1a6f302ae529c0"
127
127
  }