@salutejs/sdds-scan 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 (62) hide show
  1. package/dist/css/cjs/components/Button/Button.config.js +3 -3
  2. package/dist/css/cjs/components/Button/Button.config.js.map +1 -1
  3. package/dist/css/cjs/components/Button/{Button.config_15fr0yt.css → Button.config_1rff1xo.css} +2 -2
  4. package/dist/css/cjs/components/Button/Button.css +15 -15
  5. package/dist/css/cjs/components/Button/Button.js +2 -1
  6. package/dist/css/cjs/components/Button/Button.js.map +1 -1
  7. package/dist/css/cjs/components/Pagination/Pagination.config.js +1 -1
  8. package/dist/css/cjs/components/Pagination/Pagination.config.js.map +1 -1
  9. package/dist/css/cjs/components/Rating/Rating.config.js +1 -1
  10. package/dist/css/cjs/components/Rating/Rating.config.js.map +1 -1
  11. package/dist/css/cjs/components/Segment/SegmentGroup.config.js +1 -1
  12. package/dist/css/cjs/components/Segment/SegmentGroup.config.js.map +1 -1
  13. package/dist/css/cjs/components/Segment/SegmentItem.config.js +1 -1
  14. package/dist/css/cjs/components/Segment/SegmentItem.config.js.map +1 -1
  15. package/dist/css/cjs/components/Select/Select.js.map +1 -1
  16. package/dist/css/cjs/index.css +15 -15
  17. package/dist/css/es/components/Button/Button.config.js +3 -3
  18. package/dist/css/es/components/Button/Button.config.js.map +1 -1
  19. package/dist/css/es/components/Button/{Button.config_15fr0yt.css → Button.config_1rff1xo.css} +2 -2
  20. package/dist/css/es/components/Button/Button.css +15 -15
  21. package/dist/css/es/components/Button/Button.js +2 -1
  22. package/dist/css/es/components/Button/Button.js.map +1 -1
  23. package/dist/css/es/components/Pagination/Pagination.config.js +1 -1
  24. package/dist/css/es/components/Pagination/Pagination.config.js.map +1 -1
  25. package/dist/css/es/components/Rating/Rating.config.js +1 -1
  26. package/dist/css/es/components/Rating/Rating.config.js.map +1 -1
  27. package/dist/css/es/components/Segment/SegmentGroup.config.js +1 -1
  28. package/dist/css/es/components/Segment/SegmentGroup.config.js.map +1 -1
  29. package/dist/css/es/components/Segment/SegmentItem.config.js +1 -1
  30. package/dist/css/es/components/Segment/SegmentItem.config.js.map +1 -1
  31. package/dist/css/es/components/Select/Select.js.map +1 -1
  32. package/dist/css/es/index.css +15 -15
  33. package/dist/styled-components/cjs/components/Button/Button.config.js +2 -2
  34. package/dist/styled-components/cjs/components/Button/Button.js +2 -1
  35. package/dist/styled-components/cjs/components/Link/Link.config.js +105 -22
  36. package/dist/styled-components/cjs/components/Pagination/Pagination.config.js +1 -1
  37. package/dist/styled-components/cjs/components/Rating/Rating.config.js +1 -1
  38. package/dist/styled-components/cjs/components/Segment/SegmentGroup.config.js +1 -1
  39. package/dist/styled-components/cjs/components/Segment/SegmentItem.config.js +1 -1
  40. package/dist/styled-components/cjs/components/Slider/Slider.config.js +15 -6
  41. package/dist/styled-components/cjs/components/Tour/Tour.config.js +7 -8
  42. package/dist/styled-components/es/components/Button/Button.config.js +2 -2
  43. package/dist/styled-components/es/components/Button/Button.js +2 -1
  44. package/dist/styled-components/es/components/Link/Link.config.js +106 -23
  45. package/dist/styled-components/es/components/Pagination/Pagination.config.js +1 -1
  46. package/dist/styled-components/es/components/Rating/Rating.config.js +1 -1
  47. package/dist/styled-components/es/components/Segment/SegmentGroup.config.js +1 -1
  48. package/dist/styled-components/es/components/Segment/SegmentItem.config.js +1 -1
  49. package/dist/styled-components/es/components/Slider/Slider.config.js +15 -6
  50. package/dist/styled-components/es/components/Tour/Tour.config.js +8 -9
  51. package/package.json +8 -8
  52. package/types/components/Attach/Attach.d.ts +16 -16
  53. package/types/components/Button/Button.config.d.ts +1 -1
  54. package/types/components/Button/Button.d.ts +8 -8
  55. package/types/components/DatePicker/DatePicker.d.ts +1 -1
  56. package/types/components/EmbedIconButton/EmbedIconButton.d.ts +2 -2
  57. package/types/components/IconButton/IconButton.d.ts +2 -2
  58. package/types/components/Radiobox/Radiobox.d.ts +2 -2
  59. package/types/components/Select/Select.d.ts +464 -285
  60. package/types/components/Select/index.d.ts +1 -1
  61. package/types/components/Slider/Slider.d.ts +43 -27
  62. package/types/components/TextArea/TextArea.d.ts +8 -8
@@ -21,7 +21,16 @@ function _tagged_template_literal(strings, raw) {
21
21
  }
22
22
  function _templateObject() {
23
23
  var data = _tagged_template_literal([
24
- "\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-primary);\n --plasma-link-color-hover: var(--text-primary-hover);\n --plasma-link-color-active: var(--text-primary-active);\n --plasma-link-color-visited: var(--text-primary);\n --plasma-link-color-visited-hover: var(--text-primary-hover);\n --plasma-link-color-visited-active: var(--text-primary-active);\n --plasma-link-underline-border: 0;\n "
24
+ "\n ",
25
+ ": var(--plasma-typo-text-m-font-family);\n ",
26
+ ": var(--text-primary);\n ",
27
+ ": var(--text-primary-hover);\n ",
28
+ ": var(--text-primary-active);\n ",
29
+ ": var(--text-primary);\n ",
30
+ ": var(--text-primary-hover);\n ",
31
+ ": var(--text-primary-active);\n ",
32
+ ": 0.063rem;\n ",
33
+ ": 0.25rem;\n "
25
34
  ]);
26
35
  _templateObject = function _templateObject() {
27
36
  return data;
@@ -30,7 +39,16 @@ function _templateObject() {
30
39
  }
31
40
  function _templateObject1() {
32
41
  var data = _tagged_template_literal([
33
- "\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-secondary);\n --plasma-link-color-hover: var(--text-secondary-hover);\n --plasma-link-color-active: var(--text-secondary-active);\n --plasma-link-color-visited: var(--text-secondary);\n --plasma-link-color-visited-hover: var(--text-secondary-hover);\n --plasma-link-color-visited-active: var(--text-secondary-active);\n --plasma-link-underline-border: 0;\n "
42
+ "\n ",
43
+ ": var(--plasma-typo-text-m-font-family);\n ",
44
+ ": var(--text-secondary);\n ",
45
+ ": var(--text-secondary-hover);\n ",
46
+ ": var(--text-secondary-active);\n ",
47
+ ": var(--text-secondary);\n ",
48
+ ": var(--text-secondary-hover);\n ",
49
+ ": var(--text-secondary-active);\n ",
50
+ ": 0.063rem;\n ",
51
+ ": 0.25rem;\n "
34
52
  ]);
35
53
  _templateObject1 = function _templateObject() {
36
54
  return data;
@@ -39,7 +57,16 @@ function _templateObject1() {
39
57
  }
40
58
  function _templateObject2() {
41
59
  var data = _tagged_template_literal([
42
- "\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-tertiary);\n --plasma-link-color-hover: var(--text-tertiary-hover);\n --plasma-link-color-active: var(--text-tertiary-active);\n --plasma-link-color-visited: var(--text-tertiary);\n --plasma-link-color-visited-hover: var(--text-tertiary-hover);\n --plasma-link-color-visited-active: var(--text-tertiary-active);\n --plasma-link-underline-border: 0;\n "
60
+ "\n ",
61
+ ": var(--plasma-typo-text-m-font-family);\n ",
62
+ ": var(--text-tertiary);\n ",
63
+ ": var(--text-tertiary-hover);\n ",
64
+ ": var(--text-tertiary-active);\n ",
65
+ ": var(--text-tertiary);\n ",
66
+ ": var(--text-tertiary-hover);\n ",
67
+ ": var(--text-tertiary-active);\n ",
68
+ ": 0.063rem;\n ",
69
+ ": 0.25rem;\n "
43
70
  ]);
44
71
  _templateObject2 = function _templateObject() {
45
72
  return data;
@@ -48,7 +75,16 @@ function _templateObject2() {
48
75
  }
49
76
  function _templateObject3() {
50
77
  var data = _tagged_template_literal([
51
- "\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-paragraph);\n --plasma-link-color-hover: var(--text-paragraph-hover);\n --plasma-link-color-active: var(--text-paragraph-active);\n --plasma-link-color-visited: var(--text-paragraph);\n --plasma-link-color-visited-hover: var(--text-paragraph-hover);\n --plasma-link-color-visited-active: var(--text-paragraph-active);\n --plasma-link-underline-border: 0;\n "
78
+ "\n ",
79
+ ": var(--plasma-typo-text-m-font-family);\n ",
80
+ ": var(--text-paragraph);\n ",
81
+ ": var(--text-paragraph-hover);\n ",
82
+ ": var(--text-paragraph-active);\n ",
83
+ ": var(--text-paragraph);\n ",
84
+ ": var(--text-paragraph-hover);\n ",
85
+ ": var(--text-paragraph-active);\n ",
86
+ ": 0.063rem;\n ",
87
+ ": 0.25rem;\n "
52
88
  ]);
53
89
  _templateObject3 = function _templateObject() {
54
90
  return data;
@@ -57,7 +93,16 @@ function _templateObject3() {
57
93
  }
58
94
  function _templateObject4() {
59
95
  var data = _tagged_template_literal([
60
- "\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-accent);\n --plasma-link-color-hover: var(--text-accent-hover);\n --plasma-link-color-active: var(--text-accent-active);\n --plasma-link-color-visited: var(--text-accent);\n --plasma-link-color-visited-hover: var(--text-accent-hover);\n --plasma-link-color-visited-active: var(--text-accent-active);\n --plasma-link-underline-border: 0;\n "
96
+ "\n ",
97
+ ": var(--plasma-typo-text-m-font-family);\n ",
98
+ ": var(--text-accent);\n ",
99
+ ": var(--text-accent-hover);\n ",
100
+ ": var(--text-accent-active);\n ",
101
+ ": var(--text-accent);\n ",
102
+ ": var(--text-accent-hover);\n ",
103
+ ": var(--text-accent-active);\n ",
104
+ ": 0.063rem;\n ",
105
+ ": 0.25rem;\n "
61
106
  ]);
62
107
  _templateObject4 = function _templateObject() {
63
108
  return data;
@@ -66,7 +111,16 @@ function _templateObject4() {
66
111
  }
67
112
  function _templateObject5() {
68
113
  var data = _tagged_template_literal([
69
- "\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-positive);\n --plasma-link-color-hover: var(--text-positive-hover);\n --plasma-link-color-active: var(--text-positive-active);\n --plasma-link-color-visited: var(--text-positive);\n --plasma-link-color-visited-hover: var(--text-positive-hover);\n --plasma-link-color-visited-active: var(--text-positive-active);\n --plasma-link-underline-border: 0;\n "
114
+ "\n ",
115
+ ": var(--plasma-typo-text-m-font-family);\n ",
116
+ ": var(--text-positive);\n ",
117
+ ": var(--text-positive-hover);\n ",
118
+ ": var(--text-positive-active);\n ",
119
+ ": var(--text-positive);\n ",
120
+ ": var(--text-positive-hover);\n ",
121
+ ": var(--text-positive-active);\n ",
122
+ ": 0.063rem;\n ",
123
+ ": 0.25rem;\n "
70
124
  ]);
71
125
  _templateObject5 = function _templateObject() {
72
126
  return data;
@@ -75,7 +129,16 @@ function _templateObject5() {
75
129
  }
76
130
  function _templateObject6() {
77
131
  var data = _tagged_template_literal([
78
- "\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-warning);\n --plasma-link-color-hover: var(--text-warning-hover);\n --plasma-link-color-active: var(--text-warning-active);\n --plasma-link-color-visited: var(--text-warning);\n --plasma-link-color-visited-hover: var(--text-warning-hover);\n --plasma-link-color-visited-active: var(--text-warning-active);\n --plasma-link-underline-border: 0;\n "
132
+ "\n ",
133
+ ": var(--plasma-typo-text-m-font-family);\n ",
134
+ ": var(--text-warning);\n ",
135
+ ": var(--text-warning-hover);\n ",
136
+ ": var(--text-warning-active);\n ",
137
+ ": var(--text-warning);\n ",
138
+ ": var(--text-warning-hover);\n ",
139
+ ": var(--text-warning-active);\n ",
140
+ ": 0.063rem;\n ",
141
+ ": 0.25rem;\n "
79
142
  ]);
80
143
  _templateObject6 = function _templateObject() {
81
144
  return data;
@@ -84,7 +147,16 @@ function _templateObject6() {
84
147
  }
85
148
  function _templateObject7() {
86
149
  var data = _tagged_template_literal([
87
- "\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-negative);\n --plasma-link-color-hover: var(--text-negative-hover);\n --plasma-link-color-active: var(--text-negative-active);\n --plasma-link-color-visited: var(--text-negative);\n --plasma-link-color-visited-hover: var(--text-negative-hover);\n --plasma-link-color-visited-active: var(--text-negative-active);\n --plasma-link-underline-border: 0;\n "
150
+ "\n ",
151
+ ": var(--plasma-typo-text-m-font-family);\n ",
152
+ ": var(--text-negative);\n ",
153
+ ": var(--text-negative-hover);\n ",
154
+ ": var(--text-negative-active);\n ",
155
+ ": var(--text-negative);\n ",
156
+ ": var(--text-negative-hover);\n ",
157
+ ": var(--text-negative-active);\n ",
158
+ ": 0.063rem;\n ",
159
+ ": 0.25rem;\n "
88
160
  ]);
89
161
  _templateObject7 = function _templateObject() {
90
162
  return data;
@@ -93,7 +165,16 @@ function _templateObject7() {
93
165
  }
94
166
  function _templateObject8() {
95
167
  var data = _tagged_template_literal([
96
- "\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: inherit;\n --plasma-link-color-hover: inherit;\n --plasma-link-color-active: inherit;\n --plasma-link-color-visited: inherit;\n --plasma-link-color-visited-hover: inherit;\n --plasma-link-color-visited-active: inherit;\n --plasma-link-underline-border: 0.063rem;\n "
168
+ "\n ",
169
+ ": var(--plasma-typo-text-m-font-family);\n ",
170
+ ": inherit;\n ",
171
+ ": inherit;\n ",
172
+ ": inherit;\n ",
173
+ ": inherit;\n ",
174
+ ": inherit;\n ",
175
+ ": inherit;\n ",
176
+ ": 0.063rem;\n ",
177
+ ": 0.25rem;\n "
97
178
  ]);
98
179
  _templateObject8 = function _templateObject() {
99
180
  return data;
@@ -102,7 +183,8 @@ function _templateObject8() {
102
183
  }
103
184
  function _templateObject9() {
104
185
  var data = _tagged_template_literal([
105
- "\n --plasma-link-disabled-opacity: 0.4;\n "
186
+ "\n ",
187
+ ": 0.4;\n "
106
188
  ]);
107
189
  _templateObject9 = function _templateObject() {
108
190
  return data;
@@ -111,7 +193,8 @@ function _templateObject9() {
111
193
  }
112
194
  function _templateObject10() {
113
195
  var data = _tagged_template_literal([
114
- "\n --plasma-link-focus-color: var(--text-primary);\n "
196
+ "\n ",
197
+ ": var(--text-primary);\n "
115
198
  ]);
116
199
  _templateObject10 = function _templateObject() {
117
200
  return data;
@@ -125,21 +208,21 @@ var config = {
125
208
  },
126
209
  variations: {
127
210
  view: {
128
- default: (0, _styledcomponents.css)(_templateObject()),
129
- secondary: (0, _styledcomponents.css)(_templateObject1()),
130
- tertiary: (0, _styledcomponents.css)(_templateObject2()),
131
- paragraph: (0, _styledcomponents.css)(_templateObject3()),
132
- accent: (0, _styledcomponents.css)(_templateObject4()),
133
- positive: (0, _styledcomponents.css)(_templateObject5()),
134
- warning: (0, _styledcomponents.css)(_templateObject6()),
135
- negative: (0, _styledcomponents.css)(_templateObject7()),
136
- clear: (0, _styledcomponents.css)(_templateObject8())
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)
137
220
  },
138
221
  disabled: {
139
- true: (0, _styledcomponents.css)(_templateObject9())
222
+ true: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.linkTokens.linkDisabledOpacity)
140
223
  },
141
224
  focused: {
142
- true: (0, _styledcomponents.css)(_templateObject10())
225
+ true: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.linkTokens.linkColorFocus)
143
226
  }
144
227
  }
145
228
  };
@@ -251,7 +251,7 @@ var config = {
251
251
  defaults: {
252
252
  view: 'clear',
253
253
  viewCurrentPage: 'secondary',
254
- size: 'xs'
254
+ size: 's'
255
255
  },
256
256
  variations: {
257
257
  view: {
@@ -100,7 +100,7 @@ function _templateObject3() {
100
100
  var config = {
101
101
  defaults: {
102
102
  view: 'default',
103
- size: 'l'
103
+ size: 'm'
104
104
  },
105
105
  variations: {
106
106
  view: {
@@ -123,7 +123,7 @@ function _templateObject8() {
123
123
  var config = {
124
124
  defaults: {
125
125
  view: 'clear',
126
- size: 'xs'
126
+ size: 's'
127
127
  },
128
128
  variations: {
129
129
  view: {
@@ -176,7 +176,7 @@ function _templateObject7() {
176
176
  var config = {
177
177
  defaults: {
178
178
  view: 'clear',
179
- size: 'xs'
179
+ size: 's'
180
180
  },
181
181
  variations: {
182
182
  view: {
@@ -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)
@@ -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
  };
@@ -327,8 +327,8 @@ export var config = {
327
327
  secondary: css(_templateObject2(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
328
328
  clear: css(_templateObject3(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
329
329
  positive: css(_templateObject4(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
330
- negative: css(_templateObject5(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
331
- critical: css(_templateObject6(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
330
+ warning: css(_templateObject5(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
331
+ negative: css(_templateObject6(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
332
332
  dark: css(_templateObject7(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive),
333
333
  black: css(_templateObject8(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive),
334
334
  white: css(_templateObject9(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive)
@@ -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');