@salutejs/sdds-dfa 0.346.0-next-sbcom.0 → 0.346.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 (33) hide show
  1. package/dist/styled-components/cjs/components/Button/Button.js +2 -1
  2. package/dist/styled-components/cjs/components/DatePicker/DatePicker.js +8 -18
  3. package/dist/styled-components/cjs/components/Link/Link.config.js +28 -19
  4. package/dist/styled-components/cjs/components/Range/Range.js +4 -9
  5. package/dist/styled-components/cjs/components/Slider/Slider.config.js +15 -6
  6. package/dist/styled-components/cjs/components/TextArea/TextArea.js +4 -9
  7. package/dist/styled-components/cjs/components/TextField/TextField.js +4 -9
  8. package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.js +4 -9
  9. package/dist/styled-components/cjs/components/Tour/Tour.config.js +7 -8
  10. package/dist/styled-components/es/components/Button/Button.js +2 -1
  11. package/dist/styled-components/es/components/DatePicker/DatePicker.js +8 -18
  12. package/dist/styled-components/es/components/Link/Link.config.js +28 -19
  13. package/dist/styled-components/es/components/Range/Range.js +4 -9
  14. package/dist/styled-components/es/components/Slider/Slider.config.js +15 -6
  15. package/dist/styled-components/es/components/TextArea/TextArea.js +4 -9
  16. package/dist/styled-components/es/components/TextField/TextField.js +4 -9
  17. package/dist/styled-components/es/components/TextFieldSlider/TextFieldSlider.js +4 -9
  18. package/dist/styled-components/es/components/Tour/Tour.config.js +8 -9
  19. package/package.json +8 -8
  20. package/types/components/Attach/Attach.d.ts +32 -32
  21. package/types/components/Button/Button.d.ts +10 -10
  22. package/types/components/DatePicker/DatePicker.d.ts +252 -7
  23. package/types/components/EmbedIconButton/EmbedIconButton.d.ts +4 -4
  24. package/types/components/IconButton/IconButton.d.ts +4 -4
  25. package/types/components/Mask/Mask.d.ts +657 -9
  26. package/types/components/Radiobox/Radiobox.d.ts +2 -2
  27. package/types/components/Range/Range.d.ts +977 -13
  28. package/types/components/Select/Select.d.ts +464 -285
  29. package/types/components/Select/index.d.ts +1 -1
  30. package/types/components/Slider/Slider.d.ts +43 -27
  31. package/types/components/TextArea/TextArea.d.ts +621 -9
  32. package/types/components/TextField/TextField.d.ts +629 -9
  33. package/types/components/TextFieldSlider/TextFieldSlider.d.ts +155 -3
package/dist/styled-components/cjs/components/Button/Button.js CHANGED
@@ -9,7 +9,8 @@ Object.defineProperty(exports, "Button", {
9
9
  }
10
10
  });
11
11
  var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
12
+ var _plasmanewhope = require("@salutejs/plasma-new-hope");
12
13
  var _Buttonconfig = require("./Button.config");
13
14
  var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.buttonConfig, _Buttonconfig.config);
14
15
  var ButtonComponent = (0, _styledcomponents.component)(mergedConfig);
15
- var Button = ButtonComponent;
16
+ var Button = (0, _plasmanewhope.makePolymorphic)(ButtonComponent, 'button');
package/dist/styled-components/cjs/components/DatePicker/DatePicker.js CHANGED
@@ -35,25 +35,15 @@ var mergedConfigDefault = (0, _styledcomponents.mergeConfig)(_styledcomponents.d
35
35
  var DatePickerDefault = (0, _styledcomponents.component)(mergedConfigDefault);
36
36
  var mergedConfigClear = (0, _styledcomponents.mergeConfig)(_styledcomponents.datePickerConfig, _DatePickerclearconfig.config);
37
37
  var DatePickerClear = (0, _styledcomponents.component)(mergedConfigClear);
38
- var DatePicker = (0, _styledcomponents.createConditionalComponent)(DatePickerDefault, [
39
- {
40
- conditions: {
41
- prop: 'appearance',
42
- value: 'clear'
43
- },
44
- component: DatePickerClear
45
- }
46
- ]);
38
+ var DatePicker = (0, _styledcomponents.createConditionalComponent)({
39
+ default: DatePickerDefault,
40
+ clear: DatePickerClear
41
+ });
47
42
  var mergedRangeConfigDefault = (0, _styledcomponents.mergeConfig)(_styledcomponents.datePickerRangeConfig, _DatePickerconfig.config);
48
43
  var DatePickerRangeDefault = (0, _styledcomponents.component)(mergedRangeConfigDefault);
49
44
  var mergedRangeConfigClea = (0, _styledcomponents.mergeConfig)(_styledcomponents.datePickerRangeConfig, _DatePickerclearconfig.config);
50
45
  var DatePickerRangeClear = (0, _styledcomponents.component)(mergedRangeConfigClea);
51
- var DatePickerRange = (0, _styledcomponents.createConditionalComponent)(DatePickerRangeDefault, [
52
- {
53
- conditions: {
54
- prop: 'appearance',
55
- value: 'clear'
56
- },
57
- component: DatePickerRangeClear
58
- }
59
- ]);
46
+ var DatePickerRange = (0, _styledcomponents.createConditionalComponent)({
47
+ default: DatePickerRangeDefault,
48
+ clear: DatePickerRangeClear
49
+ });
package/dist/styled-components/cjs/components/Link/Link.config.js CHANGED
@@ -29,7 +29,8 @@ function _templateObject() {
29
29
  ": var(--text-primary);\n ",
30
30
  ": var(--text-primary-hover);\n ",
31
31
  ": var(--text-primary-active);\n ",
32
- ": 0;\n "
32
+ ": 0.063rem;\n ",
33
+ ": 0.25rem;\n "
33
34
  ]);
34
35
  _templateObject = function _templateObject() {
35
36
  return data;
@@ -46,7 +47,8 @@ function _templateObject1() {
46
47
  ": var(--text-secondary);\n ",
47
48
  ": var(--text-secondary-hover);\n ",
48
49
  ": var(--text-secondary-active);\n ",
49
- ": 0;\n "
50
+ ": 0.063rem;\n ",
51
+ ": 0.25rem;\n "
50
52
  ]);
51
53
  _templateObject1 = function _templateObject() {
52
54
  return data;
@@ -63,7 +65,8 @@ function _templateObject2() {
63
65
  ": var(--text-tertiary);\n ",
64
66
  ": var(--text-tertiary-hover);\n ",
65
67
  ": var(--text-tertiary-active);\n ",
66
- ": 0;\n "
68
+ ": 0.063rem;\n ",
69
+ ": 0.25rem;\n "
67
70
  ]);
68
71
  _templateObject2 = function _templateObject() {
69
72
  return data;
@@ -80,7 +83,8 @@ function _templateObject3() {
80
83
  ": var(--text-paragraph);\n ",
81
84
  ": var(--text-paragraph-hover);\n ",
82
85
  ": var(--text-paragraph-active);\n ",
83
- ": 0;\n "
86
+ ": 0.063rem;\n ",
87
+ ": 0.25rem;\n "
84
88
  ]);
85
89
  _templateObject3 = function _templateObject() {
86
90
  return data;
@@ -97,7 +101,8 @@ function _templateObject4() {
97
101
  ": var(--text-accent);\n ",
98
102
  ": var(--text-accent-hover);\n ",
99
103
  ": var(--text-accent-active);\n ",
100
- ": 0;\n "
104
+ ": 0.063rem;\n ",
105
+ ": 0.25rem;\n "
101
106
  ]);
102
107
  _templateObject4 = function _templateObject() {
103
108
  return data;
@@ -114,7 +119,8 @@ function _templateObject5() {
114
119
  ": var(--text-positive);\n ",
115
120
  ": var(--text-positive-hover);\n ",
116
121
  ": var(--text-positive-active);\n ",
117
- ": 0;\n "
122
+ ": 0.063rem;\n ",
123
+ ": 0.25rem;\n "
118
124
  ]);
119
125
  _templateObject5 = function _templateObject() {
120
126
  return data;
@@ -131,7 +137,8 @@ function _templateObject6() {
131
137
  ": var(--text-warning);\n ",
132
138
  ": var(--text-warning-hover);\n ",
133
139
  ": var(--text-warning-active);\n ",
134
- ": 0;\n "
140
+ ": 0.063rem;\n ",
141
+ ": 0.25rem;\n "
135
142
  ]);
136
143
  _templateObject6 = function _templateObject() {
137
144
  return data;
@@ -148,7 +155,8 @@ function _templateObject7() {
148
155
  ": var(--text-negative);\n ",
149
156
  ": var(--text-negative-hover);\n ",
150
157
  ": var(--text-negative-active);\n ",
151
- ": 0;\n "
158
+ ": 0.063rem;\n ",
159
+ ": 0.25rem;\n "
152
160
  ]);
153
161
  _templateObject7 = function _templateObject() {
154
162
  return data;
@@ -159,13 +167,14 @@ function _templateObject8() {
159
167
  var data = _tagged_template_literal([
160
168
  "\n ",
161
169
  ": var(--plasma-typo-text-m-font-family);\n ",
162
- ":inherit;\n ",
163
170
  ": inherit;\n ",
164
171
  ": inherit;\n ",
165
172
  ": inherit;\n ",
166
173
  ": inherit;\n ",
167
174
  ": inherit;\n ",
168
- ": 0.063rem;\n "
175
+ ": inherit;\n ",
176
+ ": 0.063rem;\n ",
177
+ ": 0.25rem;\n "
169
178
  ]);
170
179
  _templateObject8 = function _templateObject() {
171
180
  return data;
@@ -199,15 +208,15 @@ var config = {
199
208
  },
200
209
  variations: {
201
210
  view: {
202
- default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.linkTokens.linkFontFamily, _styledcomponents.linkTokens.linkColor, _styledcomponents.linkTokens.linkColorHover, _styledcomponents.linkTokens.linkColorActive, _styledcomponents.linkTokens.linkColorVisited, _styledcomponents.linkTokens.linkColorVisitedHover, _styledcomponents.linkTokens.linkColorVisitedActive, _styledcomponents.linkTokens.linkUnderlineBorder),
203
- secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.linkTokens.linkFontFamily, _styledcomponents.linkTokens.linkColor, _styledcomponents.linkTokens.linkColorHover, _styledcomponents.linkTokens.linkColorActive, _styledcomponents.linkTokens.linkColorVisited, _styledcomponents.linkTokens.linkColorVisitedHover, _styledcomponents.linkTokens.linkColorVisitedActive, _styledcomponents.linkTokens.linkUnderlineBorder),
204
- tertiary: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.linkTokens.linkFontFamily, _styledcomponents.linkTokens.linkColor, _styledcomponents.linkTokens.linkColorHover, _styledcomponents.linkTokens.linkColorActive, _styledcomponents.linkTokens.linkColorVisited, _styledcomponents.linkTokens.linkColorVisitedHover, _styledcomponents.linkTokens.linkColorVisitedActive, _styledcomponents.linkTokens.linkUnderlineBorder),
205
- paragraph: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.linkTokens.linkFontFamily, _styledcomponents.linkTokens.linkColor, _styledcomponents.linkTokens.linkColorHover, _styledcomponents.linkTokens.linkColorActive, _styledcomponents.linkTokens.linkColorVisited, _styledcomponents.linkTokens.linkColorVisitedHover, _styledcomponents.linkTokens.linkColorVisitedActive, _styledcomponents.linkTokens.linkUnderlineBorder),
206
- accent: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.linkTokens.linkFontFamily, _styledcomponents.linkTokens.linkColor, _styledcomponents.linkTokens.linkColorHover, _styledcomponents.linkTokens.linkColorActive, _styledcomponents.linkTokens.linkColorVisited, _styledcomponents.linkTokens.linkColorVisitedHover, _styledcomponents.linkTokens.linkColorVisitedActive, _styledcomponents.linkTokens.linkUnderlineBorder),
207
- positive: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.linkTokens.linkFontFamily, _styledcomponents.linkTokens.linkColor, _styledcomponents.linkTokens.linkColorHover, _styledcomponents.linkTokens.linkColorActive, _styledcomponents.linkTokens.linkColorVisited, _styledcomponents.linkTokens.linkColorVisitedHover, _styledcomponents.linkTokens.linkColorVisitedActive, _styledcomponents.linkTokens.linkUnderlineBorder),
208
- warning: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.linkTokens.linkFontFamily, _styledcomponents.linkTokens.linkColor, _styledcomponents.linkTokens.linkColorHover, _styledcomponents.linkTokens.linkColorActive, _styledcomponents.linkTokens.linkColorVisited, _styledcomponents.linkTokens.linkColorVisitedHover, _styledcomponents.linkTokens.linkColorVisitedActive, _styledcomponents.linkTokens.linkUnderlineBorder),
209
- negative: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.linkTokens.linkFontFamily, _styledcomponents.linkTokens.linkColor, _styledcomponents.linkTokens.linkColorHover, _styledcomponents.linkTokens.linkColorActive, _styledcomponents.linkTokens.linkColorVisited, _styledcomponents.linkTokens.linkColorVisitedHover, _styledcomponents.linkTokens.linkColorVisitedActive, _styledcomponents.linkTokens.linkUnderlineBorder),
210
- clear: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.linkTokens.linkFontFamily, _styledcomponents.linkTokens.linkColor, _styledcomponents.linkTokens.linkColorHover, _styledcomponents.linkTokens.linkColorActive, _styledcomponents.linkTokens.linkColorVisited, _styledcomponents.linkTokens.linkColorVisitedHover, _styledcomponents.linkTokens.linkColorVisitedActive, _styledcomponents.linkTokens.linkUnderlineBorder)
211
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.linkTokens.linkFontFamily, _styledcomponents.linkTokens.linkColor, _styledcomponents.linkTokens.linkColorHover, _styledcomponents.linkTokens.linkColorActive, _styledcomponents.linkTokens.linkColorVisited, _styledcomponents.linkTokens.linkColorVisitedHover, _styledcomponents.linkTokens.linkColorVisitedActive, _styledcomponents.linkTokens.linkUnderlineBorder, _styledcomponents.linkTokens.linkUnderlineOffset),
212
+ secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.linkTokens.linkFontFamily, _styledcomponents.linkTokens.linkColor, _styledcomponents.linkTokens.linkColorHover, _styledcomponents.linkTokens.linkColorActive, _styledcomponents.linkTokens.linkColorVisited, _styledcomponents.linkTokens.linkColorVisitedHover, _styledcomponents.linkTokens.linkColorVisitedActive, _styledcomponents.linkTokens.linkUnderlineBorder, _styledcomponents.linkTokens.linkUnderlineOffset),
213
+ tertiary: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.linkTokens.linkFontFamily, _styledcomponents.linkTokens.linkColor, _styledcomponents.linkTokens.linkColorHover, _styledcomponents.linkTokens.linkColorActive, _styledcomponents.linkTokens.linkColorVisited, _styledcomponents.linkTokens.linkColorVisitedHover, _styledcomponents.linkTokens.linkColorVisitedActive, _styledcomponents.linkTokens.linkUnderlineBorder, _styledcomponents.linkTokens.linkUnderlineOffset),
214
+ paragraph: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.linkTokens.linkFontFamily, _styledcomponents.linkTokens.linkColor, _styledcomponents.linkTokens.linkColorHover, _styledcomponents.linkTokens.linkColorActive, _styledcomponents.linkTokens.linkColorVisited, _styledcomponents.linkTokens.linkColorVisitedHover, _styledcomponents.linkTokens.linkColorVisitedActive, _styledcomponents.linkTokens.linkUnderlineBorder, _styledcomponents.linkTokens.linkUnderlineOffset),
215
+ accent: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.linkTokens.linkFontFamily, _styledcomponents.linkTokens.linkColor, _styledcomponents.linkTokens.linkColorHover, _styledcomponents.linkTokens.linkColorActive, _styledcomponents.linkTokens.linkColorVisited, _styledcomponents.linkTokens.linkColorVisitedHover, _styledcomponents.linkTokens.linkColorVisitedActive, _styledcomponents.linkTokens.linkUnderlineBorder, _styledcomponents.linkTokens.linkUnderlineOffset),
216
+ positive: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.linkTokens.linkFontFamily, _styledcomponents.linkTokens.linkColor, _styledcomponents.linkTokens.linkColorHover, _styledcomponents.linkTokens.linkColorActive, _styledcomponents.linkTokens.linkColorVisited, _styledcomponents.linkTokens.linkColorVisitedHover, _styledcomponents.linkTokens.linkColorVisitedActive, _styledcomponents.linkTokens.linkUnderlineBorder, _styledcomponents.linkTokens.linkUnderlineOffset),
217
+ warning: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.linkTokens.linkFontFamily, _styledcomponents.linkTokens.linkColor, _styledcomponents.linkTokens.linkColorHover, _styledcomponents.linkTokens.linkColorActive, _styledcomponents.linkTokens.linkColorVisited, _styledcomponents.linkTokens.linkColorVisitedHover, _styledcomponents.linkTokens.linkColorVisitedActive, _styledcomponents.linkTokens.linkUnderlineBorder, _styledcomponents.linkTokens.linkUnderlineOffset),
218
+ negative: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.linkTokens.linkFontFamily, _styledcomponents.linkTokens.linkColor, _styledcomponents.linkTokens.linkColorHover, _styledcomponents.linkTokens.linkColorActive, _styledcomponents.linkTokens.linkColorVisited, _styledcomponents.linkTokens.linkColorVisitedHover, _styledcomponents.linkTokens.linkColorVisitedActive, _styledcomponents.linkTokens.linkUnderlineBorder, _styledcomponents.linkTokens.linkUnderlineOffset),
219
+ clear: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.linkTokens.linkFontFamily, _styledcomponents.linkTokens.linkColor, _styledcomponents.linkTokens.linkColorHover, _styledcomponents.linkTokens.linkColorActive, _styledcomponents.linkTokens.linkColorVisited, _styledcomponents.linkTokens.linkColorVisitedHover, _styledcomponents.linkTokens.linkColorVisitedActive, _styledcomponents.linkTokens.linkUnderlineBorder, _styledcomponents.linkTokens.linkUnderlineOffset)
211
220
  },
212
221
  disabled: {
213
222
  true: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.linkTokens.linkDisabledOpacity)
package/dist/styled-components/cjs/components/Range/Range.js CHANGED
@@ -26,12 +26,7 @@ var mergedConfigDefault = (0, _styledcomponents.mergeConfig)(_styledcomponents.r
26
26
  var RangeDefault = (0, _styledcomponents.component)(mergedConfigDefault);
27
27
  var mergedConfigClear = (0, _styledcomponents.mergeConfig)(_styledcomponents.rangeConfig, _Rangeclearconfig.config);
28
28
  var RangeClear = (0, _styledcomponents.component)(mergedConfigClear);
29
- var Range = (0, _styledcomponents.createConditionalComponent)(RangeDefault, [
30
- {
31
- conditions: {
32
- prop: 'appearance',
33
- value: 'clear'
34
- },
35
- component: RangeClear
36
- }
37
- ]);
29
+ var Range = (0, _styledcomponents.createConditionalComponent)({
30
+ default: RangeDefault,
31
+ clear: RangeClear
32
+ });
package/dist/styled-components/cjs/components/Slider/Slider.config.js CHANGED
@@ -29,6 +29,8 @@ function _templateObject() {
29
29
  ": var(--surface-solid-default);\n\n ",
30
30
  ": var(--surface-solid-tertiary);\n\n ",
31
31
  ": var(--surface-solid-default);\n\n ",
32
+ ": var(--surface-solid-tertiary);\n ",
33
+ ": var(--surface-solid-default);\n\n ",
32
34
  ": var(--text-accent);\n ",
33
35
  ": var(--text-primary);\n ",
34
36
  ": var(--text-primary);\n ",
@@ -52,6 +54,8 @@ function _templateObject1() {
52
54
  ": var(--surface-accent);\n\n ",
53
55
  ": var(--surface-solid-tertiary);\n\n ",
54
56
  ": var(--surface-accent);\n\n ",
57
+ ": var(--surface-solid-tertiary);\n ",
58
+ ": var(--surface-accent);\n\n ",
55
59
  ": var(--text-accent);\n ",
56
60
  ": var(--text-primary);\n ",
57
61
  ": var(--text-primary);\n ",
@@ -75,6 +79,8 @@ function _templateObject2() {
75
79
  ": var(--surface-accent-gradient);\n\n ",
76
80
  ": var(--surface-solid-tertiary);\n\n ",
77
81
  ": var(--surface-accent-gradient);\n\n ",
82
+ ": var(--surface-solid-tertiary);\n ",
83
+ ": var(--surface-accent-gradient);\n\n ",
78
84
  ": var(--text-accent);\n ",
79
85
  ": var(--text-primary);\n ",
80
86
  ": var(--text-primary);\n ",
@@ -117,6 +123,7 @@ function _templateObject3() {
117
123
  ": 1rem;\n ",
118
124
  ": 1.25rem;\n ",
119
125
  ": 0.0625rem solid;\n\n ",
126
+ ": 0.5rem;\n\n ",
120
127
  ": 1.625rem;\n\n ",
121
128
  ": 0.25rem;\n ",
122
129
  ": 0.125rem;\n ",
@@ -166,6 +173,7 @@ function _templateObject4() {
166
173
  ": 1rem;\n ",
167
174
  ": 1.25rem;\n ",
168
175
  ": 0.0625rem solid;\n\n ",
176
+ ": 0.5rem;\n\n ",
169
177
  ": 1.75rem;\n\n ",
170
178
  ": 0.25rem;\n ",
171
179
  ": 0.125rem;\n ",
@@ -215,6 +223,7 @@ function _templateObject5() {
215
223
  ": 1rem;\n ",
216
224
  ": 1.25rem;\n ",
217
225
  ": 0.0625rem solid;\n\n ",
226
+ ": 0.5rem;\n\n ",
218
227
  ": 1.25rem;\n\n ",
219
228
  ": 0.25rem;\n ",
220
229
  ": 0.125rem;\n ",
@@ -252,14 +261,14 @@ var config = {
252
261
  },
253
262
  variations: {
254
263
  view: {
255
- default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.sliderTokens.labelColor, _styledcomponents.sliderTokens.rangeValueColor, _styledcomponents.sliderTokens.thumbBorderColor, _styledcomponents.sliderTokens.thumbBackgroundColor, _styledcomponents.sliderTokens.thumbFocusBorderColor, _styledcomponents.sliderTokens.railBackgroundColor, _styledcomponents.sliderTokens.fillColor, _styledcomponents.sliderTokens.textFieldCaretColor, _styledcomponents.sliderTokens.textFieldColor, _styledcomponents.sliderTokens.textFiledFocusColor, _styledcomponents.sliderTokens.textFieldPlaceholderColor, _styledcomponents.sliderTokens.textFieldBackgroundColor, _styledcomponents.sliderTokens.textFieldBackgroundColorHover, _styledcomponents.sliderTokens.textFieldBackgroundColorFocus),
256
- accent: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.sliderTokens.labelColor, _styledcomponents.sliderTokens.rangeValueColor, _styledcomponents.sliderTokens.thumbBorderColor, _styledcomponents.sliderTokens.thumbBackgroundColor, _styledcomponents.sliderTokens.thumbFocusBorderColor, _styledcomponents.sliderTokens.railBackgroundColor, _styledcomponents.sliderTokens.fillColor, _styledcomponents.sliderTokens.textFieldCaretColor, _styledcomponents.sliderTokens.textFieldColor, _styledcomponents.sliderTokens.textFiledFocusColor, _styledcomponents.sliderTokens.textFieldPlaceholderColor, _styledcomponents.sliderTokens.textFieldBackgroundColor, _styledcomponents.sliderTokens.textFieldBackgroundColorHover, _styledcomponents.sliderTokens.textFieldBackgroundColorFocus),
257
- gradient: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.sliderTokens.labelColor, _styledcomponents.sliderTokens.rangeValueColor, _styledcomponents.sliderTokens.thumbBorderColor, _styledcomponents.sliderTokens.thumbBackgroundColor, _styledcomponents.sliderTokens.thumbFocusBorderColor, _styledcomponents.sliderTokens.railBackgroundColor, _styledcomponents.sliderTokens.fillColor, _styledcomponents.sliderTokens.textFieldCaretColor, _styledcomponents.sliderTokens.textFieldColor, _styledcomponents.sliderTokens.textFiledFocusColor, _styledcomponents.sliderTokens.textFieldPlaceholderColor, _styledcomponents.sliderTokens.textFieldBackgroundColor, _styledcomponents.sliderTokens.textFieldBackgroundColorHover, _styledcomponents.sliderTokens.textFieldBackgroundColorFocus)
264
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.sliderTokens.labelColor, _styledcomponents.sliderTokens.rangeValueColor, _styledcomponents.sliderTokens.thumbBorderColor, _styledcomponents.sliderTokens.thumbBackgroundColor, _styledcomponents.sliderTokens.thumbFocusBorderColor, _styledcomponents.sliderTokens.railBackgroundColor, _styledcomponents.sliderTokens.fillColor, _styledcomponents.sliderTokens.tickDotColor, _styledcomponents.sliderTokens.tickDotFilledColor, _styledcomponents.sliderTokens.textFieldCaretColor, _styledcomponents.sliderTokens.textFieldColor, _styledcomponents.sliderTokens.textFiledFocusColor, _styledcomponents.sliderTokens.textFieldPlaceholderColor, _styledcomponents.sliderTokens.textFieldBackgroundColor, _styledcomponents.sliderTokens.textFieldBackgroundColorHover, _styledcomponents.sliderTokens.textFieldBackgroundColorFocus),
265
+ accent: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.sliderTokens.labelColor, _styledcomponents.sliderTokens.rangeValueColor, _styledcomponents.sliderTokens.thumbBorderColor, _styledcomponents.sliderTokens.thumbBackgroundColor, _styledcomponents.sliderTokens.thumbFocusBorderColor, _styledcomponents.sliderTokens.railBackgroundColor, _styledcomponents.sliderTokens.fillColor, _styledcomponents.sliderTokens.tickDotColor, _styledcomponents.sliderTokens.tickDotFilledColor, _styledcomponents.sliderTokens.textFieldCaretColor, _styledcomponents.sliderTokens.textFieldColor, _styledcomponents.sliderTokens.textFiledFocusColor, _styledcomponents.sliderTokens.textFieldPlaceholderColor, _styledcomponents.sliderTokens.textFieldBackgroundColor, _styledcomponents.sliderTokens.textFieldBackgroundColorHover, _styledcomponents.sliderTokens.textFieldBackgroundColorFocus),
266
+ gradient: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.sliderTokens.labelColor, _styledcomponents.sliderTokens.rangeValueColor, _styledcomponents.sliderTokens.thumbBorderColor, _styledcomponents.sliderTokens.thumbBackgroundColor, _styledcomponents.sliderTokens.thumbFocusBorderColor, _styledcomponents.sliderTokens.railBackgroundColor, _styledcomponents.sliderTokens.fillColor, _styledcomponents.sliderTokens.tickDotColor, _styledcomponents.sliderTokens.tickDotFilledColor, _styledcomponents.sliderTokens.textFieldCaretColor, _styledcomponents.sliderTokens.textFieldColor, _styledcomponents.sliderTokens.textFiledFocusColor, _styledcomponents.sliderTokens.textFieldPlaceholderColor, _styledcomponents.sliderTokens.textFieldBackgroundColor, _styledcomponents.sliderTokens.textFieldBackgroundColorHover, _styledcomponents.sliderTokens.textFieldBackgroundColorFocus)
258
267
  },
259
268
  size: {
260
- l: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.sliderTokens.size, _styledcomponents.sliderTokens.doubleWrapperGap, _styledcomponents.sliderTokens.labelWrapperGap, _styledcomponents.sliderTokens.labelWrapperMarginBottom, _styledcomponents.sliderTokens.labelWrapperMarginRight, _styledcomponents.sliderTokens.labelWrapperOnlyIconMarginRight, _styledcomponents.sliderTokens.labelWrapperVerticalMargin, _styledcomponents.sliderTokens.labelFontFamily, _styledcomponents.sliderTokens.labelFontSize, _styledcomponents.sliderTokens.labelFontStyle, _styledcomponents.sliderTokens.labelFontWeight, _styledcomponents.sliderTokens.labelLetterSpacing, _styledcomponents.sliderTokens.labelLineHeight, _styledcomponents.sliderTokens.rangeValueHorizontalMargin, _styledcomponents.sliderTokens.rangeValueBottomOffset, _styledcomponents.sliderTokens.rangeValueHorizontalOffset, _styledcomponents.sliderTokens.rangeValueVerticalMargin, _styledcomponents.sliderTokens.valueFontFamily, _styledcomponents.sliderTokens.valueFontSize, _styledcomponents.sliderTokens.valueFontStyle, _styledcomponents.sliderTokens.valueFontWeight, _styledcomponents.sliderTokens.valueLetterSpacing, _styledcomponents.sliderTokens.valueLineHeight, _styledcomponents.sliderTokens.thumbSize, _styledcomponents.sliderTokens.thumbSizeLarge, _styledcomponents.sliderTokens.thumbBorder, _styledcomponents.sliderTokens.currentValueTopOffset, _styledcomponents.sliderTokens.railThickness, _styledcomponents.sliderTokens.railBorderRadius, _styledcomponents.sliderTokens.railIndent, _styledcomponents.sliderTokens.textFieldWrapperGap, _styledcomponents.sliderTokens.textFieldHeight, _styledcomponents.sliderTokens.textFieldPadding, _styledcomponents.sliderTokens.textFieldBorderRadius, _styledcomponents.sliderTokens.textFieldFontFamily, _styledcomponents.sliderTokens.textFieldFontSize, _styledcomponents.sliderTokens.textFieldFontStyle, _styledcomponents.sliderTokens.textFieldFontWeight, _styledcomponents.sliderTokens.textFieldLetterSpacing, _styledcomponents.sliderTokens.textFieldLineHeight),
261
- m: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.sliderTokens.size, _styledcomponents.sliderTokens.doubleWrapperGap, _styledcomponents.sliderTokens.labelWrapperGap, _styledcomponents.sliderTokens.labelWrapperMarginBottom, _styledcomponents.sliderTokens.labelWrapperMarginRight, _styledcomponents.sliderTokens.labelWrapperOnlyIconMarginRight, _styledcomponents.sliderTokens.labelWrapperVerticalMargin, _styledcomponents.sliderTokens.labelFontFamily, _styledcomponents.sliderTokens.labelFontSize, _styledcomponents.sliderTokens.labelFontStyle, _styledcomponents.sliderTokens.labelFontWeight, _styledcomponents.sliderTokens.labelLetterSpacing, _styledcomponents.sliderTokens.labelLineHeight, _styledcomponents.sliderTokens.rangeValueHorizontalMargin, _styledcomponents.sliderTokens.rangeValueBottomOffset, _styledcomponents.sliderTokens.rangeValueHorizontalOffset, _styledcomponents.sliderTokens.rangeValueVerticalMargin, _styledcomponents.sliderTokens.valueFontFamily, _styledcomponents.sliderTokens.valueFontSize, _styledcomponents.sliderTokens.valueFontStyle, _styledcomponents.sliderTokens.valueFontWeight, _styledcomponents.sliderTokens.valueLetterSpacing, _styledcomponents.sliderTokens.valueLineHeight, _styledcomponents.sliderTokens.thumbSize, _styledcomponents.sliderTokens.thumbSizeLarge, _styledcomponents.sliderTokens.thumbBorder, _styledcomponents.sliderTokens.currentValueTopOffset, _styledcomponents.sliderTokens.railThickness, _styledcomponents.sliderTokens.railBorderRadius, _styledcomponents.sliderTokens.railIndent, _styledcomponents.sliderTokens.textFieldWrapperGap, _styledcomponents.sliderTokens.textFieldHeight, _styledcomponents.sliderTokens.textFieldPadding, _styledcomponents.sliderTokens.textFieldBorderRadius, _styledcomponents.sliderTokens.textFieldFontFamily, _styledcomponents.sliderTokens.textFieldFontSize, _styledcomponents.sliderTokens.textFieldFontStyle, _styledcomponents.sliderTokens.textFieldFontWeight, _styledcomponents.sliderTokens.textFieldLetterSpacing, _styledcomponents.sliderTokens.textFieldLineHeight),
262
- s: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.sliderTokens.size, _styledcomponents.sliderTokens.doubleWrapperGap, _styledcomponents.sliderTokens.labelWrapperGap, _styledcomponents.sliderTokens.labelWrapperMarginBottom, _styledcomponents.sliderTokens.labelWrapperMarginRight, _styledcomponents.sliderTokens.labelWrapperOnlyIconMarginRight, _styledcomponents.sliderTokens.labelWrapperVerticalMargin, _styledcomponents.sliderTokens.labelFontFamily, _styledcomponents.sliderTokens.labelFontSize, _styledcomponents.sliderTokens.labelFontStyle, _styledcomponents.sliderTokens.labelFontWeight, _styledcomponents.sliderTokens.labelLetterSpacing, _styledcomponents.sliderTokens.labelLineHeight, _styledcomponents.sliderTokens.rangeValueHorizontalMargin, _styledcomponents.sliderTokens.rangeValueBottomOffset, _styledcomponents.sliderTokens.rangeValueHorizontalOffset, _styledcomponents.sliderTokens.rangeValueVerticalMargin, _styledcomponents.sliderTokens.valueFontFamily, _styledcomponents.sliderTokens.valueFontSize, _styledcomponents.sliderTokens.valueFontStyle, _styledcomponents.sliderTokens.valueFontWeight, _styledcomponents.sliderTokens.valueLetterSpacing, _styledcomponents.sliderTokens.valueLineHeight, _styledcomponents.sliderTokens.thumbSize, _styledcomponents.sliderTokens.thumbSizeLarge, _styledcomponents.sliderTokens.thumbBorder, _styledcomponents.sliderTokens.currentValueTopOffset, _styledcomponents.sliderTokens.railThickness, _styledcomponents.sliderTokens.railBorderRadius, _styledcomponents.sliderTokens.railIndent, _styledcomponents.sliderTokens.textFieldWrapperGap, _styledcomponents.sliderTokens.textFieldHeight, _styledcomponents.sliderTokens.textFieldPadding, _styledcomponents.sliderTokens.textFieldBorderRadius, _styledcomponents.sliderTokens.textFieldFontFamily, _styledcomponents.sliderTokens.textFieldFontSize, _styledcomponents.sliderTokens.textFieldFontStyle, _styledcomponents.sliderTokens.textFieldFontWeight, _styledcomponents.sliderTokens.textFieldLetterSpacing, _styledcomponents.sliderTokens.textFieldLineHeight)
269
+ l: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.sliderTokens.size, _styledcomponents.sliderTokens.doubleWrapperGap, _styledcomponents.sliderTokens.labelWrapperGap, _styledcomponents.sliderTokens.labelWrapperMarginBottom, _styledcomponents.sliderTokens.labelWrapperMarginRight, _styledcomponents.sliderTokens.labelWrapperOnlyIconMarginRight, _styledcomponents.sliderTokens.labelWrapperVerticalMargin, _styledcomponents.sliderTokens.labelFontFamily, _styledcomponents.sliderTokens.labelFontSize, _styledcomponents.sliderTokens.labelFontStyle, _styledcomponents.sliderTokens.labelFontWeight, _styledcomponents.sliderTokens.labelLetterSpacing, _styledcomponents.sliderTokens.labelLineHeight, _styledcomponents.sliderTokens.rangeValueHorizontalMargin, _styledcomponents.sliderTokens.rangeValueBottomOffset, _styledcomponents.sliderTokens.rangeValueHorizontalOffset, _styledcomponents.sliderTokens.rangeValueVerticalMargin, _styledcomponents.sliderTokens.valueFontFamily, _styledcomponents.sliderTokens.valueFontSize, _styledcomponents.sliderTokens.valueFontStyle, _styledcomponents.sliderTokens.valueFontWeight, _styledcomponents.sliderTokens.valueLetterSpacing, _styledcomponents.sliderTokens.valueLineHeight, _styledcomponents.sliderTokens.thumbSize, _styledcomponents.sliderTokens.thumbSizeLarge, _styledcomponents.sliderTokens.thumbBorder, _styledcomponents.sliderTokens.tickSize, _styledcomponents.sliderTokens.currentValueTopOffset, _styledcomponents.sliderTokens.railThickness, _styledcomponents.sliderTokens.railBorderRadius, _styledcomponents.sliderTokens.railIndent, _styledcomponents.sliderTokens.textFieldWrapperGap, _styledcomponents.sliderTokens.textFieldHeight, _styledcomponents.sliderTokens.textFieldPadding, _styledcomponents.sliderTokens.textFieldBorderRadius, _styledcomponents.sliderTokens.textFieldFontFamily, _styledcomponents.sliderTokens.textFieldFontSize, _styledcomponents.sliderTokens.textFieldFontStyle, _styledcomponents.sliderTokens.textFieldFontWeight, _styledcomponents.sliderTokens.textFieldLetterSpacing, _styledcomponents.sliderTokens.textFieldLineHeight),
270
+ m: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.sliderTokens.size, _styledcomponents.sliderTokens.doubleWrapperGap, _styledcomponents.sliderTokens.labelWrapperGap, _styledcomponents.sliderTokens.labelWrapperMarginBottom, _styledcomponents.sliderTokens.labelWrapperMarginRight, _styledcomponents.sliderTokens.labelWrapperOnlyIconMarginRight, _styledcomponents.sliderTokens.labelWrapperVerticalMargin, _styledcomponents.sliderTokens.labelFontFamily, _styledcomponents.sliderTokens.labelFontSize, _styledcomponents.sliderTokens.labelFontStyle, _styledcomponents.sliderTokens.labelFontWeight, _styledcomponents.sliderTokens.labelLetterSpacing, _styledcomponents.sliderTokens.labelLineHeight, _styledcomponents.sliderTokens.rangeValueHorizontalMargin, _styledcomponents.sliderTokens.rangeValueBottomOffset, _styledcomponents.sliderTokens.rangeValueHorizontalOffset, _styledcomponents.sliderTokens.rangeValueVerticalMargin, _styledcomponents.sliderTokens.valueFontFamily, _styledcomponents.sliderTokens.valueFontSize, _styledcomponents.sliderTokens.valueFontStyle, _styledcomponents.sliderTokens.valueFontWeight, _styledcomponents.sliderTokens.valueLetterSpacing, _styledcomponents.sliderTokens.valueLineHeight, _styledcomponents.sliderTokens.thumbSize, _styledcomponents.sliderTokens.thumbSizeLarge, _styledcomponents.sliderTokens.thumbBorder, _styledcomponents.sliderTokens.tickSize, _styledcomponents.sliderTokens.currentValueTopOffset, _styledcomponents.sliderTokens.railThickness, _styledcomponents.sliderTokens.railBorderRadius, _styledcomponents.sliderTokens.railIndent, _styledcomponents.sliderTokens.textFieldWrapperGap, _styledcomponents.sliderTokens.textFieldHeight, _styledcomponents.sliderTokens.textFieldPadding, _styledcomponents.sliderTokens.textFieldBorderRadius, _styledcomponents.sliderTokens.textFieldFontFamily, _styledcomponents.sliderTokens.textFieldFontSize, _styledcomponents.sliderTokens.textFieldFontStyle, _styledcomponents.sliderTokens.textFieldFontWeight, _styledcomponents.sliderTokens.textFieldLetterSpacing, _styledcomponents.sliderTokens.textFieldLineHeight),
271
+ s: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.sliderTokens.size, _styledcomponents.sliderTokens.doubleWrapperGap, _styledcomponents.sliderTokens.labelWrapperGap, _styledcomponents.sliderTokens.labelWrapperMarginBottom, _styledcomponents.sliderTokens.labelWrapperMarginRight, _styledcomponents.sliderTokens.labelWrapperOnlyIconMarginRight, _styledcomponents.sliderTokens.labelWrapperVerticalMargin, _styledcomponents.sliderTokens.labelFontFamily, _styledcomponents.sliderTokens.labelFontSize, _styledcomponents.sliderTokens.labelFontStyle, _styledcomponents.sliderTokens.labelFontWeight, _styledcomponents.sliderTokens.labelLetterSpacing, _styledcomponents.sliderTokens.labelLineHeight, _styledcomponents.sliderTokens.rangeValueHorizontalMargin, _styledcomponents.sliderTokens.rangeValueBottomOffset, _styledcomponents.sliderTokens.rangeValueHorizontalOffset, _styledcomponents.sliderTokens.rangeValueVerticalMargin, _styledcomponents.sliderTokens.valueFontFamily, _styledcomponents.sliderTokens.valueFontSize, _styledcomponents.sliderTokens.valueFontStyle, _styledcomponents.sliderTokens.valueFontWeight, _styledcomponents.sliderTokens.valueLetterSpacing, _styledcomponents.sliderTokens.valueLineHeight, _styledcomponents.sliderTokens.thumbSize, _styledcomponents.sliderTokens.thumbSizeLarge, _styledcomponents.sliderTokens.thumbBorder, _styledcomponents.sliderTokens.tickSize, _styledcomponents.sliderTokens.currentValueTopOffset, _styledcomponents.sliderTokens.railThickness, _styledcomponents.sliderTokens.railBorderRadius, _styledcomponents.sliderTokens.railIndent, _styledcomponents.sliderTokens.textFieldWrapperGap, _styledcomponents.sliderTokens.textFieldHeight, _styledcomponents.sliderTokens.textFieldPadding, _styledcomponents.sliderTokens.textFieldBorderRadius, _styledcomponents.sliderTokens.textFieldFontFamily, _styledcomponents.sliderTokens.textFieldFontSize, _styledcomponents.sliderTokens.textFieldFontStyle, _styledcomponents.sliderTokens.textFieldFontWeight, _styledcomponents.sliderTokens.textFieldLetterSpacing, _styledcomponents.sliderTokens.textFieldLineHeight)
263
272
  },
264
273
  disabled: {
265
274
  true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.sliderTokens.disabledOpacity)
package/dist/styled-components/cjs/components/TextArea/TextArea.js CHANGED
@@ -26,12 +26,7 @@ var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textArea
26
26
  var TextAreaDefault = (0, _styledcomponents.component)(mergedConfig);
27
27
  var mergedConfigClear = (0, _styledcomponents.mergeConfig)(_styledcomponents.textAreaConfig, _TextAreaclearconfig.config);
28
28
  var TextAreaClear = (0, _styledcomponents.component)(mergedConfigClear);
29
- var TextArea = (0, _styledcomponents.createConditionalComponent)(TextAreaDefault, [
30
- {
31
- conditions: {
32
- prop: 'appearance',
33
- value: 'clear'
34
- },
35
- component: TextAreaClear
36
- }
37
- ]);
29
+ var TextArea = (0, _styledcomponents.createConditionalComponent)({
30
+ default: TextAreaDefault,
31
+ clear: TextAreaClear
32
+ });
package/dist/styled-components/cjs/components/TextField/TextField.js CHANGED
@@ -26,12 +26,7 @@ var mergedConfigDefault = (0, _styledcomponents.mergeConfig)(_styledcomponents.t
26
26
  var TextFieldDefault = (0, _styledcomponents.component)(mergedConfigDefault);
27
27
  var mergedConfigClear = (0, _styledcomponents.mergeConfig)(_styledcomponents.textFieldConfig, _TextFieldclearconfig.config);
28
28
  var TextFieldClear = (0, _styledcomponents.component)(mergedConfigClear);
29
- var TextField = (0, _styledcomponents.createConditionalComponent)(TextFieldDefault, [
30
- {
31
- conditions: {
32
- prop: 'appearance',
33
- value: 'clear'
34
- },
35
- component: TextFieldClear
36
- }
37
- ]);
29
+ var TextField = (0, _styledcomponents.createConditionalComponent)({
30
+ default: TextFieldDefault,
31
+ clear: TextFieldClear
32
+ });
package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.js CHANGED
@@ -26,12 +26,7 @@ var mergedConfigDefault = (0, _styledcomponents.mergeConfig)(_styledcomponents.t
26
26
  var TextFieldSliderDefault = (0, _styledcomponents.component)(mergedConfigDefault);
27
27
  var mergedConfigClear = (0, _styledcomponents.mergeConfig)(_styledcomponents.textFieldSliderConfig, _TextFieldSliderclearconfig.config);
28
28
  var TextFieldSliderClear = (0, _styledcomponents.component)(mergedConfigClear);
29
- var TextFieldSlider = (0, _styledcomponents.createConditionalComponent)(TextFieldSliderDefault, [
30
- {
31
- conditions: {
32
- prop: 'appearance',
33
- value: 'clear'
34
- },
35
- component: TextFieldSliderClear
36
- }
37
- ]);
29
+ var TextFieldSlider = (0, _styledcomponents.createConditionalComponent)({
30
+ default: TextFieldSliderDefault,
31
+ clear: TextFieldSliderClear
32
+ });
package/dist/styled-components/cjs/components/Tour/Tour.config.js CHANGED
@@ -21,7 +21,9 @@ function _tagged_template_literal(strings, raw) {
21
21
  }
22
22
  function _templateObject() {
23
23
  var data = _tagged_template_literal([
24
- ""
24
+ "\n ",
25
+ ": var(--surface-solid-card);\n ",
26
+ ": var(--inverse-overlay-soft);\n "
25
27
  ]);
26
28
  _templateObject = function _templateObject() {
27
29
  return data;
@@ -30,10 +32,7 @@ function _templateObject() {
30
32
  }
31
33
  function _templateObject1() {
32
34
  var data = _tagged_template_literal([
33
- "\n ",
34
- ": 0.75rem;\n ",
35
- ": 0.75rem;\n ",
36
- ": 0.75rem;\n "
35
+ ""
37
36
  ]);
38
37
  _templateObject1 = function _templateObject() {
39
38
  return data;
@@ -42,15 +41,15 @@ function _templateObject1() {
42
41
  }
43
42
  var config = {
44
43
  defaults: {
45
- view: 'accent',
44
+ view: 'default',
46
45
  size: 's'
47
46
  },
48
47
  variations: {
49
48
  view: {
50
- default: (0, _styledcomponents.css)(_templateObject())
49
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.tourTokens.tailColor, _styledcomponents.tourTokens.overlayColor)
51
50
  },
52
51
  size: {
53
- s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.tourTokens.cardPadding, _styledcomponents.tourTokens.cardRadius, _styledcomponents.tourTokens.highlightRadius)
52
+ s: (0, _styledcomponents.css)(_templateObject1())
54
53
  }
55
54
  }
56
55
  };
package/dist/styled-components/es/components/Button/Button.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import { buttonConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { makePolymorphic } from '@salutejs/plasma-new-hope';
2
3
  import { config } from './Button.config';
3
4
  var mergedConfig = mergeConfig(buttonConfig, config);
4
5
  var ButtonComponent = component(mergedConfig);
5
6
  /**
6
7
  * Кнопка.
7
- */ export var Button = ButtonComponent;
8
+ */ export var Button = makePolymorphic(ButtonComponent, 'button');
package/dist/styled-components/es/components/DatePicker/DatePicker.js CHANGED
@@ -5,25 +5,15 @@ var mergedConfigDefault = mergeConfig(datePickerConfig, config);
5
5
  export var DatePickerDefault = component(mergedConfigDefault);
6
6
  var mergedConfigClear = mergeConfig(datePickerConfig, configClear);
7
7
  export var DatePickerClear = component(mergedConfigClear);
8
- export var DatePicker = createConditionalComponent(DatePickerDefault, [
9
- {
10
- conditions: {
11
- prop: 'appearance',
12
- value: 'clear'
13
- },
14
- component: DatePickerClear
15
- }
16
- ]);
8
+ export var DatePicker = createConditionalComponent({
9
+ default: DatePickerDefault,
10
+ clear: DatePickerClear
11
+ });
17
12
  var mergedRangeConfigDefault = mergeConfig(datePickerRangeConfig, config);
18
13
  export var DatePickerRangeDefault = component(mergedRangeConfigDefault);
19
14
  var mergedRangeConfigClea = mergeConfig(datePickerRangeConfig, configClear);
20
15
  export var DatePickerRangeClear = component(mergedRangeConfigClea);
21
- export var DatePickerRange = createConditionalComponent(DatePickerRangeDefault, [
22
- {
23
- conditions: {
24
- prop: 'appearance',
25
- value: 'clear'
26
- },
27
- component: DatePickerRangeClear
28
- }
29
- ]);
16
+ export var DatePickerRange = createConditionalComponent({
17
+ default: DatePickerRangeDefault,
18
+ clear: DatePickerRangeClear
19
+ });
package/dist/styled-components/es/components/Link/Link.config.js CHANGED
@@ -18,7 +18,8 @@ function _templateObject() {
18
18
  ": var(--text-primary);\n ",
19
19
  ": var(--text-primary-hover);\n ",
20
20
  ": var(--text-primary-active);\n ",
21
- ": 0;\n "
21
+ ": 0.063rem;\n ",
22
+ ": 0.25rem;\n "
22
23
  ]);
23
24
  _templateObject = function _templateObject() {
24
25
  return data;
@@ -35,7 +36,8 @@ function _templateObject1() {
35
36
  ": var(--text-secondary);\n ",
36
37
  ": var(--text-secondary-hover);\n ",
37
38
  ": var(--text-secondary-active);\n ",
38
- ": 0;\n "
39
+ ": 0.063rem;\n ",
40
+ ": 0.25rem;\n "
39
41
  ]);
40
42
  _templateObject1 = function _templateObject() {
41
43
  return data;
@@ -52,7 +54,8 @@ function _templateObject2() {
52
54
  ": var(--text-tertiary);\n ",
53
55
  ": var(--text-tertiary-hover);\n ",
54
56
  ": var(--text-tertiary-active);\n ",
55
- ": 0;\n "
57
+ ": 0.063rem;\n ",
58
+ ": 0.25rem;\n "
56
59
  ]);
57
60
  _templateObject2 = function _templateObject() {
58
61
  return data;
@@ -69,7 +72,8 @@ function _templateObject3() {
69
72
  ": var(--text-paragraph);\n ",
70
73
  ": var(--text-paragraph-hover);\n ",
71
74
  ": var(--text-paragraph-active);\n ",
72
- ": 0;\n "
75
+ ": 0.063rem;\n ",
76
+ ": 0.25rem;\n "
73
77
  ]);
74
78
  _templateObject3 = function _templateObject() {
75
79
  return data;
@@ -86,7 +90,8 @@ function _templateObject4() {
86
90
  ": var(--text-accent);\n ",
87
91
  ": var(--text-accent-hover);\n ",
88
92
  ": var(--text-accent-active);\n ",
89
- ": 0;\n "
93
+ ": 0.063rem;\n ",
94
+ ": 0.25rem;\n "
90
95
  ]);
91
96
  _templateObject4 = function _templateObject() {
92
97
  return data;
@@ -103,7 +108,8 @@ function _templateObject5() {
103
108
  ": var(--text-positive);\n ",
104
109
  ": var(--text-positive-hover);\n ",
105
110
  ": var(--text-positive-active);\n ",
106
- ": 0;\n "
111
+ ": 0.063rem;\n ",
112
+ ": 0.25rem;\n "
107
113
  ]);
108
114
  _templateObject5 = function _templateObject() {
109
115
  return data;
@@ -120,7 +126,8 @@ function _templateObject6() {
120
126
  ": var(--text-warning);\n ",
121
127
  ": var(--text-warning-hover);\n ",
122
128
  ": var(--text-warning-active);\n ",
123
- ": 0;\n "
129
+ ": 0.063rem;\n ",
130
+ ": 0.25rem;\n "
124
131
  ]);
125
132
  _templateObject6 = function _templateObject() {
126
133
  return data;
@@ -137,7 +144,8 @@ function _templateObject7() {
137
144
  ": var(--text-negative);\n ",
138
145
  ": var(--text-negative-hover);\n ",
139
146
  ": var(--text-negative-active);\n ",
140
- ": 0;\n "
147
+ ": 0.063rem;\n ",
148
+ ": 0.25rem;\n "
141
149
  ]);
142
150
  _templateObject7 = function _templateObject() {
143
151
  return data;
@@ -148,13 +156,14 @@ function _templateObject8() {
148
156
  var data = _tagged_template_literal([
149
157
  "\n ",
150
158
  ": var(--plasma-typo-text-m-font-family);\n ",
151
- ":inherit;\n ",
152
159
  ": inherit;\n ",
153
160
  ": inherit;\n ",
154
161
  ": inherit;\n ",
155
162
  ": inherit;\n ",
156
163
  ": inherit;\n ",
157
- ": 0.063rem;\n "
164
+ ": inherit;\n ",
165
+ ": 0.063rem;\n ",
166
+ ": 0.25rem;\n "
158
167
  ]);
159
168
  _templateObject8 = function _templateObject() {
160
169
  return data;
@@ -189,15 +198,15 @@ export var config = {
189
198
  },
190
199
  variations: {
191
200
  view: {
192
- default: css(_templateObject(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
193
- secondary: css(_templateObject1(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
194
- tertiary: css(_templateObject2(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
195
- paragraph: css(_templateObject3(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
196
- accent: css(_templateObject4(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
197
- positive: css(_templateObject5(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
198
- warning: css(_templateObject6(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
199
- negative: css(_templateObject7(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
200
- clear: css(_templateObject8(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder)
201
+ default: css(_templateObject(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder, tokens.linkUnderlineOffset),
202
+ secondary: css(_templateObject1(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder, tokens.linkUnderlineOffset),
203
+ tertiary: css(_templateObject2(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder, tokens.linkUnderlineOffset),
204
+ paragraph: css(_templateObject3(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder, tokens.linkUnderlineOffset),
205
+ accent: css(_templateObject4(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder, tokens.linkUnderlineOffset),
206
+ positive: css(_templateObject5(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder, tokens.linkUnderlineOffset),
207
+ warning: css(_templateObject6(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder, tokens.linkUnderlineOffset),
208
+ negative: css(_templateObject7(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder, tokens.linkUnderlineOffset),
209
+ clear: css(_templateObject8(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder, tokens.linkUnderlineOffset)
201
210
  },
202
211
  disabled: {
203
212
  true: css(_templateObject9(), tokens.linkDisabledOpacity)
package/dist/styled-components/es/components/Range/Range.js CHANGED
@@ -5,12 +5,7 @@ var mergedConfigDefault = mergeConfig(rangeConfig, configDefault);
5
5
  export var RangeDefault = component(mergedConfigDefault);
6
6
  var mergedConfigClear = mergeConfig(rangeConfig, configClear);
7
7
  export var RangeClear = component(mergedConfigClear);
8
- export var Range = createConditionalComponent(RangeDefault, [
9
- {
10
- conditions: {
11
- prop: 'appearance',
12
- value: 'clear'
13
- },
14
- component: RangeClear
15
- }
16
- ]);
8
+ export var Range = createConditionalComponent({
9
+ default: RangeDefault,
10
+ clear: RangeClear
11
+ });