@salutejs/sdds-cs 0.336.0-canary.2403.20455152253.0 → 0.336.0-dev.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.
- package/dist/emotion/cjs/components/DatePicker/DatePicker.config.js +8 -3
- package/dist/emotion/cjs/components/Range/Range.config.js +23 -19
- package/dist/emotion/cjs/components/Skeleton/LineSkeleton.config.js +11 -23
- package/dist/emotion/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +17 -32
- package/dist/emotion/cjs/components/Typography/Heading.config.js +0 -30
- package/dist/emotion/cjs/components/Typography/Typography.js +0 -6
- package/dist/emotion/cjs/components/Typography/index.js +0 -3
- package/dist/emotion/es/components/DatePicker/DatePicker.config.js +8 -3
- package/dist/emotion/es/components/Range/Range.config.js +23 -19
- package/dist/emotion/es/components/Skeleton/LineSkeleton.config.js +11 -23
- package/dist/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js +17 -32
- package/dist/emotion/es/components/Typography/Heading.config.js +0 -27
- package/dist/emotion/es/components/Typography/Typography.js +1 -4
- package/dist/emotion/es/components/Typography/index.js +1 -1
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +8 -3
- package/dist/styled-components/cjs/components/Range/Range.config.js +23 -19
- package/dist/styled-components/cjs/components/Skeleton/LineSkeleton.config.js +11 -23
- package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +17 -32
- package/dist/styled-components/cjs/components/Typography/Heading.config.js +0 -30
- package/dist/styled-components/cjs/components/Typography/Typography.js +0 -6
- package/dist/styled-components/cjs/components/Typography/index.js +0 -3
- package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +8 -3
- package/dist/styled-components/es/components/Range/Range.config.js +23 -19
- package/dist/styled-components/es/components/Skeleton/LineSkeleton.config.js +11 -23
- package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabs.config.js +17 -32
- package/dist/styled-components/es/components/Typography/Heading.config.js +0 -27
- package/dist/styled-components/es/components/Typography/Typography.js +1 -4
- package/dist/styled-components/es/components/Typography/index.js +1 -1
- package/package.json +7 -7
- package/types/components/DatePicker/DatePicker.d.ts +19 -5
- package/types/components/Range/Range.d.ts +555 -3
- package/types/components/Skeleton/LineSkeleton.config.d.ts +0 -1
- package/types/components/Skeleton/Skeleton.d.ts +0 -2
- package/types/components/Tabs/Tabs.d.ts +0 -1
- package/types/components/Tabs/horizontal/HorizontalTabs.config.d.ts +0 -1
- package/types/components/Typography/Heading.config.d.ts +0 -10
- package/types/components/Typography/Typography.d.ts +0 -17
- package/types/components/Typography/index.d.ts +1 -1
|
@@ -172,56 +172,45 @@ function _templateObject14() {
|
|
|
172
172
|
return data;
|
|
173
173
|
}
|
|
174
174
|
function _templateObject15() {
|
|
175
|
-
var data = _tagged_template_literal([
|
|
176
|
-
"\n ",
|
|
177
|
-
": var(--plasma-typo-h6-line-height);\n ",
|
|
178
|
-
": var(--plasma-typo-h6-font-size);\n "
|
|
179
|
-
]);
|
|
180
|
-
_templateObject15 = function _templateObject() {
|
|
181
|
-
return data;
|
|
182
|
-
};
|
|
183
|
-
return data;
|
|
184
|
-
}
|
|
185
|
-
function _templateObject16() {
|
|
186
175
|
var data = _tagged_template_literal([
|
|
187
176
|
"\n ",
|
|
188
177
|
": var(--plasma-typo-text-l-line-height);\n ",
|
|
189
178
|
": var(--plasma-typo-text-l-font-size);\n "
|
|
190
179
|
]);
|
|
191
|
-
|
|
180
|
+
_templateObject15 = function _templateObject() {
|
|
192
181
|
return data;
|
|
193
182
|
};
|
|
194
183
|
return data;
|
|
195
184
|
}
|
|
196
|
-
function
|
|
185
|
+
function _templateObject16() {
|
|
197
186
|
var data = _tagged_template_literal([
|
|
198
187
|
"\n ",
|
|
199
188
|
": var(--plasma-typo-text-m-line-height);\n ",
|
|
200
189
|
": var(--plasma-typo-text-m-font-size);\n "
|
|
201
190
|
]);
|
|
202
|
-
|
|
191
|
+
_templateObject16 = function _templateObject() {
|
|
203
192
|
return data;
|
|
204
193
|
};
|
|
205
194
|
return data;
|
|
206
195
|
}
|
|
207
|
-
function
|
|
196
|
+
function _templateObject17() {
|
|
208
197
|
var data = _tagged_template_literal([
|
|
209
198
|
"\n ",
|
|
210
199
|
": var(--plasma-typo-text-s-line-height);\n ",
|
|
211
200
|
": var(--plasma-typo-text-s-font-size);\n "
|
|
212
201
|
]);
|
|
213
|
-
|
|
202
|
+
_templateObject17 = function _templateObject() {
|
|
214
203
|
return data;
|
|
215
204
|
};
|
|
216
205
|
return data;
|
|
217
206
|
}
|
|
218
|
-
function
|
|
207
|
+
function _templateObject18() {
|
|
219
208
|
var data = _tagged_template_literal([
|
|
220
209
|
"\n ",
|
|
221
210
|
": var(--plasma-typo-text-xs-line-height);\n ",
|
|
222
211
|
": var(--plasma-typo-text-xs-font-size);\n "
|
|
223
212
|
]);
|
|
224
|
-
|
|
213
|
+
_templateObject18 = function _templateObject() {
|
|
225
214
|
return data;
|
|
226
215
|
};
|
|
227
216
|
return data;
|
|
@@ -251,11 +240,10 @@ export var config = {
|
|
|
251
240
|
h3: css(_templateObject12(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
252
241
|
h4: css(_templateObject13(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
253
242
|
h5: css(_templateObject14(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
textXS: css(_templateObject19(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
|
|
243
|
+
textL: css(_templateObject15(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
244
|
+
textM: css(_templateObject16(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
245
|
+
textS: css(_templateObject17(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
246
|
+
textXS: css(_templateObject18(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
|
|
259
247
|
}
|
|
260
248
|
}
|
|
261
249
|
};
|
|
@@ -146,10 +146,10 @@ function _templateObject8() {
|
|
|
146
146
|
function _templateObject9() {
|
|
147
147
|
var data = _tagged_template_literal([
|
|
148
148
|
"\n ",
|
|
149
|
-
": 0.
|
|
149
|
+
": 0.625rem;\n ",
|
|
150
150
|
": fit-content;\n ",
|
|
151
151
|
": auto;\n ",
|
|
152
|
-
": 0.
|
|
152
|
+
": 0.375rem;\n ",
|
|
153
153
|
": 0rem;\n "
|
|
154
154
|
]);
|
|
155
155
|
_templateObject9 = function _templateObject() {
|
|
@@ -160,10 +160,10 @@ function _templateObject9() {
|
|
|
160
160
|
function _templateObject10() {
|
|
161
161
|
var data = _tagged_template_literal([
|
|
162
162
|
"\n ",
|
|
163
|
-
": 0.
|
|
163
|
+
": 0.75rem;\n ",
|
|
164
164
|
": fit-content;\n ",
|
|
165
165
|
": auto;\n ",
|
|
166
|
-
": 0.
|
|
166
|
+
": 0.5rem;\n ",
|
|
167
167
|
": 0rem;\n "
|
|
168
168
|
]);
|
|
169
169
|
_templateObject10 = function _templateObject() {
|
|
@@ -177,7 +177,7 @@ function _templateObject11() {
|
|
|
177
177
|
": 0.75rem;\n ",
|
|
178
178
|
": fit-content;\n ",
|
|
179
179
|
": auto;\n ",
|
|
180
|
-
":
|
|
180
|
+
": 1rem;\n ",
|
|
181
181
|
": 0rem;\n "
|
|
182
182
|
]);
|
|
183
183
|
_templateObject11 = function _templateObject() {
|
|
@@ -188,11 +188,7 @@ function _templateObject11() {
|
|
|
188
188
|
function _templateObject12() {
|
|
189
189
|
var data = _tagged_template_literal([
|
|
190
190
|
"\n ",
|
|
191
|
-
":
|
|
192
|
-
": fit-content;\n ",
|
|
193
|
-
": auto;\n ",
|
|
194
|
-
": 1rem;\n ",
|
|
195
|
-
": 0rem;\n "
|
|
191
|
+
": 100%;\n "
|
|
196
192
|
]);
|
|
197
193
|
_templateObject12 = function _templateObject() {
|
|
198
194
|
return data;
|
|
@@ -200,16 +196,6 @@ function _templateObject12() {
|
|
|
200
196
|
return data;
|
|
201
197
|
}
|
|
202
198
|
function _templateObject13() {
|
|
203
|
-
var data = _tagged_template_literal([
|
|
204
|
-
"\n ",
|
|
205
|
-
": 100%;\n "
|
|
206
|
-
]);
|
|
207
|
-
_templateObject13 = function _templateObject() {
|
|
208
|
-
return data;
|
|
209
|
-
};
|
|
210
|
-
return data;
|
|
211
|
-
}
|
|
212
|
-
function _templateObject14() {
|
|
213
199
|
var data = _tagged_template_literal([
|
|
214
200
|
"\n ",
|
|
215
201
|
": var(--text-secondary);\n ",
|
|
@@ -224,17 +210,17 @@ function _templateObject14() {
|
|
|
224
210
|
": none;\n ",
|
|
225
211
|
": transparent;\n "
|
|
226
212
|
]);
|
|
227
|
-
|
|
213
|
+
_templateObject13 = function _templateObject() {
|
|
228
214
|
return data;
|
|
229
215
|
};
|
|
230
216
|
return data;
|
|
231
217
|
}
|
|
232
|
-
function
|
|
218
|
+
function _templateObject14() {
|
|
233
219
|
var data = _tagged_template_literal([
|
|
234
220
|
"\n ",
|
|
235
221
|
": 1.625rem;\n "
|
|
236
222
|
]);
|
|
237
|
-
|
|
223
|
+
_templateObject14 = function _templateObject() {
|
|
238
224
|
return data;
|
|
239
225
|
};
|
|
240
226
|
return data;
|
|
@@ -256,21 +242,20 @@ export var config = {
|
|
|
256
242
|
s: css(_templateObject4(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
257
243
|
m: css(_templateObject5(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
258
244
|
l: css(_templateObject6(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
h1: css(_templateObject12(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
|
|
245
|
+
h5: css(_templateObject7(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
246
|
+
h4: css(_templateObject8(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
247
|
+
h3: css(_templateObject9(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
248
|
+
h2: css(_templateObject10(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
249
|
+
h1: css(_templateObject11(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
|
|
265
250
|
},
|
|
266
251
|
stretch: {
|
|
267
|
-
true: css(
|
|
252
|
+
true: css(_templateObject12(), tabsTokens.containerWidth)
|
|
268
253
|
},
|
|
269
254
|
disabled: {
|
|
270
|
-
true: css(
|
|
255
|
+
true: css(_templateObject13(), tabsTokens.arrowColor, tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.tabsDividerColor)
|
|
271
256
|
},
|
|
272
257
|
pilled: {
|
|
273
|
-
true: css(
|
|
258
|
+
true: css(_templateObject14(), tabsTokens.tabsPilledBorderRadius)
|
|
274
259
|
}
|
|
275
260
|
}
|
|
276
261
|
};
|
|
@@ -93,23 +93,6 @@ function _templateObject4() {
|
|
|
93
93
|
};
|
|
94
94
|
return data;
|
|
95
95
|
}
|
|
96
|
-
function _templateObject5() {
|
|
97
|
-
var data = _tagged_template_literal([
|
|
98
|
-
"\n ",
|
|
99
|
-
": var(--plasma-typo-h6-font-family);\n ",
|
|
100
|
-
": var(--plasma-typo-h6-font-size);\n ",
|
|
101
|
-
": var(--plasma-typo-h6-font-style);\n ",
|
|
102
|
-
": var(--plasma-typo-h6-font-weight);\n ",
|
|
103
|
-
": var(--plasma-typo-h6-bold-font-weight);\n ",
|
|
104
|
-
": var(--plasma-typo-h6-medium-font-weight);\n ",
|
|
105
|
-
": var(--plasma-typo-h6-letter-spacing);\n ",
|
|
106
|
-
": var(--plasma-typo-h6-line-height);\n "
|
|
107
|
-
]);
|
|
108
|
-
_templateObject5 = function _templateObject() {
|
|
109
|
-
return data;
|
|
110
|
-
};
|
|
111
|
-
return data;
|
|
112
|
-
}
|
|
113
96
|
import { css, typographyTokens } from '@salutejs/plasma-new-hope/emotion';
|
|
114
97
|
export var configH1 = {
|
|
115
98
|
defaults: {
|
|
@@ -161,13 +144,3 @@ export var configH5 = {
|
|
|
161
144
|
}
|
|
162
145
|
}
|
|
163
146
|
};
|
|
164
|
-
export var configH6 = {
|
|
165
|
-
defaults: {
|
|
166
|
-
size: 'h6'
|
|
167
|
-
},
|
|
168
|
-
variations: {
|
|
169
|
-
size: {
|
|
170
|
-
h6: css(_templateObject5(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { bodyConfig, dsplConfig, headingConfig, textConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
|
|
2
2
|
import { configL as bodyConfigLCustom, configM as bodyConfigMCustom, configS as bodyConfigSCustom, configXS as bodyConfigXSCustom, configXXS as bodyConfigXXSCustom } from './Body.config';
|
|
3
3
|
import { configL as dsplConfigLCustom, configM as dsplConfigMCustom, configS as dsplConfigSCustom } from './Dspl.config';
|
|
4
|
-
import { configH1 as headingConfigH1Custom, configH2 as headingConfigH2Custom, configH3 as headingConfigH3Custom, configH4 as headingConfigH4Custom, configH5 as headingConfigH5Custom
|
|
4
|
+
import { configH1 as headingConfigH1Custom, configH2 as headingConfigH2Custom, configH3 as headingConfigH3Custom, configH4 as headingConfigH4Custom, configH5 as headingConfigH5Custom } from './Heading.config';
|
|
5
5
|
import { configL as textConfigLCustom, configM as textConfigMCustom, configS as textConfigSCustom, configXS as textConfigXSCustom } from './Text.config';
|
|
6
6
|
var bodyMConfig = mergeConfig(bodyConfig, bodyConfigMCustom);
|
|
7
7
|
var BodyMComponent = component(bodyMConfig);
|
|
@@ -29,8 +29,6 @@ var heading4Config = mergeConfig(headingConfig, headingConfigH4Custom);
|
|
|
29
29
|
var Heading4Component = component(heading4Config);
|
|
30
30
|
var heading5Config = mergeConfig(headingConfig, headingConfigH5Custom);
|
|
31
31
|
var Heading5Component = component(heading5Config);
|
|
32
|
-
var heading6Config = mergeConfig(headingConfig, headingConfigH6Custom);
|
|
33
|
-
var Heading6Component = component(heading6Config);
|
|
34
32
|
var textMConfig = mergeConfig(textConfig, textConfigMCustom);
|
|
35
33
|
var TextMComponent = component(textMConfig);
|
|
36
34
|
var textLConfig = mergeConfig(textConfig, textConfigLCustom);
|
|
@@ -52,7 +50,6 @@ export var H2 = Heading2Component;
|
|
|
52
50
|
export var H3 = Heading3Component;
|
|
53
51
|
export var H4 = Heading4Component;
|
|
54
52
|
export var H5 = Heading5Component;
|
|
55
|
-
export var H6 = Heading6Component;
|
|
56
53
|
export var TextM = TextMComponent;
|
|
57
54
|
export var TextL = TextLComponent;
|
|
58
55
|
export var TextS = TextSComponent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5,
|
|
1
|
+
export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, TextL, TextM, TextS, TextXS } from './Typography';
|
|
@@ -110,21 +110,26 @@ function _templateObject1() {
|
|
|
110
110
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
111
111
|
": 0 0 0 0.75rem;\n ",
|
|
112
112
|
": 0;\n\n ",
|
|
113
|
-
": 0.5rem;\n ",
|
|
114
113
|
": 0.3125rem 0 0 0;\n ",
|
|
115
114
|
": 1.0625rem 0 0.3125rem 0;\n\n ",
|
|
115
|
+
": 0.5rem;\n ",
|
|
116
116
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
117
117
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
118
118
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
119
119
|
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
120
120
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
121
121
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
122
|
+
": 0.25rem;\n ",
|
|
122
123
|
": 0.375rem;\n ",
|
|
123
|
-
": 0.375rem;\n ",
|
|
124
|
+
": 0.375rem;\n\n ",
|
|
124
125
|
": 0 0 0 0;\n ",
|
|
125
126
|
": 0.3125rem auto auto -0.6875rem;\n ",
|
|
126
127
|
": 0 0 auto auto;\n ",
|
|
127
128
|
": 0.25rem -0.625rem auto auto;\n\n ",
|
|
129
|
+
": 0.25rem;\n ",
|
|
130
|
+
": -0.75rem;\n ",
|
|
131
|
+
": auto 0 -0.5rem auto;\n ",
|
|
132
|
+
": auto auto -0.5rem 0;\n\n ",
|
|
128
133
|
": 2.5rem;\n ",
|
|
129
134
|
": 0.625rem;\n ",
|
|
130
135
|
": 0.125rem;\n ",
|
|
@@ -261,7 +266,7 @@ var config = {
|
|
|
261
266
|
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.datePickerTokens.background, _styledcomponents.datePickerTokens.borderColor, _styledcomponents.datePickerTokens.borderColorHover, _styledcomponents.datePickerTokens.borderColorFocus, _styledcomponents.datePickerTokens.borderColorError, _styledcomponents.datePickerTokens.borderColorSuccess, _styledcomponents.datePickerTokens.dividerColor, _styledcomponents.datePickerTokens.labelColor, _styledcomponents.datePickerTokens.leftHelperColor, _styledcomponents.datePickerTokens.leftHelperColorError, _styledcomponents.datePickerTokens.leftHelperColorSuccess, _styledcomponents.datePickerTokens.textFieldColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColorFocus, _styledcomponents.datePickerTokens.textFieldCaretColor, _styledcomponents.datePickerTokens.labelInnerFontFamily, _styledcomponents.datePickerTokens.labelInnerFontSize, _styledcomponents.datePickerTokens.labelInnerFontStyle, _styledcomponents.datePickerTokens.labelInnerFontWeight, _styledcomponents.datePickerTokens.labelInnerLetterSpacing, _styledcomponents.datePickerTokens.labelInnerLineHeight, _styledcomponents.datePickerTokens.indicatorColor, _styledcomponents.datePickerTokens.textFieldBorderColor, _styledcomponents.datePickerTokens.textFieldBorderColorHover, _styledcomponents.datePickerTokens.textFieldBorderColorFocus, _styledcomponents.datePickerTokens.textFieldBorderColorError, _styledcomponents.datePickerTokens.textFieldBorderColorErrorFocus, _styledcomponents.datePickerTokens.textFieldBorderColorSuccess, _styledcomponents.datePickerTokens.textFieldBorderColorSuccessFocus, _styledcomponents.datePickerTokens.textFieldBackgroundColor, _styledcomponents.datePickerTokens.textFieldContentSlotColor, _styledcomponents.datePickerTokens.textFieldTextBeforeColor, _styledcomponents.datePickerTokens.textFieldTextAfterColor, _styledcomponents.datePickerTokens.focusColor, _styledcomponents.datePickerTokens.calendarShadow, _styledcomponents.datePickerTokens.calendarSeparatorBackground, _styledcomponents.datePickerTokens.calendarBackgroundColor, _styledcomponents.datePickerTokens.calendarSelectedItemBackground, _styledcomponents.datePickerTokens.calendarSelectedItemColor, _styledcomponents.datePickerTokens.calendarSelectableItemBackgroundHover, _styledcomponents.datePickerTokens.calendarCurrentItemBorderColor, _styledcomponents.datePickerTokens.calendarCurrentItemBackgroundHover, _styledcomponents.datePickerTokens.calendarCurrentItemColorHover, _styledcomponents.datePickerTokens.calendarCurrentItemChildBackgroundHover, _styledcomponents.datePickerTokens.calendarActiveItemBackground, _styledcomponents.datePickerTokens.calendarActiveItemColor, _styledcomponents.datePickerTokens.calendarHoveredItemBackground, _styledcomponents.datePickerTokens.calendarHoveredItemColor, _styledcomponents.datePickerTokens.calendarRangeBackground, _styledcomponents.datePickerTokens.calendarOutlineFocusColor, _styledcomponents.datePickerTokens.calendarContentPrimaryColor, _styledcomponents.datePickerTokens.calendarContentSecondaryColor, _styledcomponents.datePickerTokens.calendarContentPrimaryDisabledColor, _styledcomponents.datePickerTokens.calendarContentSecondaryDisabledColor, _styledcomponents.datePickerTokens.calendarHeaderArrowColor, _styledcomponents.datePickerTokens.calendarBorderColor, _styledcomponents.datePickerTokens.calendarDayOfWeekColor, _styledcomponents.datePickerTokens.calendarDisabledOpacity, _styledcomponents.datePickerTokens.iconButtonColor, _styledcomponents.datePickerTokens.iconButtonBackgroundColor, _styledcomponents.datePickerTokens.iconButtonColorHover, _styledcomponents.datePickerTokens.iconButtonBackgroundColorHover, _styledcomponents.datePickerTokens.iconButtonColorActive, _styledcomponents.datePickerTokens.iconButtonBackgroundColorActive, _styledcomponents.datePickerTokens.iconButtonFocusColor, _styledcomponents.datePickerTokens.textFieldContentRightSlotColor, _styledcomponents.datePickerTokens.textFieldContentRightSlotColorHover)
|
|
262
267
|
},
|
|
263
268
|
size: {
|
|
264
|
-
s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.datePickerTokens.width, _styledcomponents.datePickerTokens.borderRadius, _styledcomponents.datePickerTokens.borderWidth, _styledcomponents.datePickerTokens.dividerPadding, _styledcomponents.datePickerTokens.dividerFontFamily, _styledcomponents.datePickerTokens.dividerFontStyle, _styledcomponents.datePickerTokens.dividerFontSize, _styledcomponents.datePickerTokens.dividerFontWeight, _styledcomponents.datePickerTokens.dividerLetterSpacing, _styledcomponents.datePickerTokens.dividerLineHeight, _styledcomponents.datePickerTokens.leftContentMargin, _styledcomponents.datePickerTokens.rightContentMargin, _styledcomponents.datePickerTokens.
|
|
269
|
+
s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.datePickerTokens.width, _styledcomponents.datePickerTokens.borderRadius, _styledcomponents.datePickerTokens.borderWidth, _styledcomponents.datePickerTokens.dividerPadding, _styledcomponents.datePickerTokens.dividerFontFamily, _styledcomponents.datePickerTokens.dividerFontStyle, _styledcomponents.datePickerTokens.dividerFontSize, _styledcomponents.datePickerTokens.dividerFontWeight, _styledcomponents.datePickerTokens.dividerLetterSpacing, _styledcomponents.datePickerTokens.dividerLineHeight, _styledcomponents.datePickerTokens.leftContentMargin, _styledcomponents.datePickerTokens.rightContentMargin, _styledcomponents.datePickerTokens.labelInnerPadding, _styledcomponents.datePickerTokens.contentLabelInnerPadding, _styledcomponents.datePickerTokens.labelWrapperOffset, _styledcomponents.datePickerTokens.labelFontFamily, _styledcomponents.datePickerTokens.labelFontStyle, _styledcomponents.datePickerTokens.labelFontSize, _styledcomponents.datePickerTokens.labelFontWeight, _styledcomponents.datePickerTokens.labelLetterSpacing, _styledcomponents.datePickerTokens.labelLineHeight, _styledcomponents.datePickerTokens.indicatorWrapperGap, _styledcomponents.datePickerTokens.indicatorSizeInner, _styledcomponents.datePickerTokens.indicatorSizeOuter, _styledcomponents.datePickerTokens.indicatorPlacement, _styledcomponents.datePickerTokens.indicatorOuterPlacement, _styledcomponents.datePickerTokens.indicatorPlacementRight, _styledcomponents.datePickerTokens.indicatorOuterPlacementRight, _styledcomponents.datePickerTokens.indicatorMarginTop, _styledcomponents.datePickerTokens.indicatorOuterLeft, _styledcomponents.datePickerTokens.indicatorWithoutLabelInner, _styledcomponents.datePickerTokens.indicatorWithoutLabelInnerLeft, _styledcomponents.datePickerTokens.textFieldHeight, _styledcomponents.datePickerTokens.textFieldBorderRadius, _styledcomponents.datePickerTokens.textFieldBorderWidth, _styledcomponents.datePickerTokens.textFieldPadding, _styledcomponents.datePickerTokens.textFieldFontFamily, _styledcomponents.datePickerTokens.textFieldFontStyle, _styledcomponents.datePickerTokens.textFieldFontSize, _styledcomponents.datePickerTokens.textFieldFontWeight, _styledcomponents.datePickerTokens.textFieldLetterSpacing, _styledcomponents.datePickerTokens.textFieldLineHeight, _styledcomponents.datePickerTokens.leftHelperOffset, _styledcomponents.datePickerTokens.leftHelperFontFamily, _styledcomponents.datePickerTokens.leftHelperFontStyle, _styledcomponents.datePickerTokens.leftHelperFontSize, _styledcomponents.datePickerTokens.leftHelperFontWeight, _styledcomponents.datePickerTokens.leftHelperLetterSpacing, _styledcomponents.datePickerTokens.leftHelperLineHeight, _styledcomponents.datePickerTokens.textFieldLeftContentMargin, _styledcomponents.datePickerTokens.textFieldRightContentMargin, _styledcomponents.datePickerTokens.textFieldTextBeforeMargin, _styledcomponents.datePickerTokens.textFieldTextAfterMargin, _styledcomponents.datePickerTokens.calendarBorderWidth, _styledcomponents.datePickerTokens.calendarContainerWidth, _styledcomponents.datePickerTokens.calendarContainerHeight, _styledcomponents.datePickerTokens.calendarBorderRadius, _styledcomponents.datePickerTokens.calendarYearsPadding, _styledcomponents.datePickerTokens.calendarYearItemBorderRadius, _styledcomponents.datePickerTokens.calendarYearFontFamily, _styledcomponents.datePickerTokens.calendarYearFontSize, _styledcomponents.datePickerTokens.calendarYearFontStyle, _styledcomponents.datePickerTokens.calendarYearFontLetterSpacing, _styledcomponents.datePickerTokens.calendarYearFontLineHeight, _styledcomponents.datePickerTokens.calendarYearFontWeight, _styledcomponents.datePickerTokens.calendarYearSelectedFontWeight, _styledcomponents.datePickerTokens.calendarQuartersPadding, _styledcomponents.datePickerTokens.calendarQuarterItemBorderRadius, _styledcomponents.datePickerTokens.calendarQuarterFontFamily, _styledcomponents.datePickerTokens.calendarQuarterFontSize, _styledcomponents.datePickerTokens.calendarQuarterFontStyle, _styledcomponents.datePickerTokens.calendarQuarterFontLetterSpacing, _styledcomponents.datePickerTokens.calendarQuarterFontLineHeight, _styledcomponents.datePickerTokens.calendarQuarterFontWeight, _styledcomponents.datePickerTokens.calendarQuarterSelectedFontWeight, _styledcomponents.datePickerTokens.calendarMonthsPadding, _styledcomponents.datePickerTokens.calendarMonthItemBorderRadius, _styledcomponents.datePickerTokens.calendarMonthFontFamily, _styledcomponents.datePickerTokens.calendarMonthFontSize, _styledcomponents.datePickerTokens.calendarMonthFontStyle, _styledcomponents.datePickerTokens.calendarMonthFontLetterSpacing, _styledcomponents.datePickerTokens.calendarMonthFontLineHeight, _styledcomponents.datePickerTokens.calendarMonthFontWeight, _styledcomponents.datePickerTokens.calendarMonthSelectedFontWeight, _styledcomponents.datePickerTokens.calendarDaysPadding, _styledcomponents.datePickerTokens.calendarDayItemBorderRadius, _styledcomponents.datePickerTokens.calendarDayFontFamily, _styledcomponents.datePickerTokens.calendarDayFontSize, _styledcomponents.datePickerTokens.calendarDayFontStyle, _styledcomponents.datePickerTokens.calendarDayFontLetterSpacing, _styledcomponents.datePickerTokens.calendarDayFontLineHeight, _styledcomponents.datePickerTokens.calendarDayFontWeight, _styledcomponents.datePickerTokens.calendarDaySelectedFontWeight, _styledcomponents.datePickerTokens.calendarCurrentItemBorderWidth, _styledcomponents.datePickerTokens.calendarHeaderWrapperPadding, _styledcomponents.datePickerTokens.calendarHeaderArrowGap, _styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize, _styledcomponents.datePickerTokens.calendarHeaderPadding, _styledcomponents.datePickerTokens.calendarHeaderDateGap, _styledcomponents.datePickerTokens.calendarHeaderFontFamily, _styledcomponents.datePickerTokens.calendarHeaderFontSize, _styledcomponents.datePickerTokens.calendarHeaderFontStyle, _styledcomponents.datePickerTokens.calendarHeaderFontLetterSpacing, _styledcomponents.datePickerTokens.calendarHeaderFontLineHeight, _styledcomponents.datePickerTokens.calendarHeaderFontWeight, _styledcomponents.datePickerTokens.calendarHeaderFontWeightBold, _styledcomponents.datePickerTokens.iconButtonHeight, _styledcomponents.datePickerTokens.iconButtonWidth, _styledcomponents.datePickerTokens.iconButtonPadding, _styledcomponents.datePickerTokens.iconButtonRadius)
|
|
265
270
|
},
|
|
266
271
|
disabled: {
|
|
267
272
|
true: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.datePickerTokens.background, _styledcomponents.datePickerTokens.borderColor, _styledcomponents.datePickerTokens.borderColorHover, _styledcomponents.datePickerTokens.borderColorFocus, _styledcomponents.datePickerTokens.borderColorSuccess, _styledcomponents.datePickerTokens.textFieldBorderColorFocus, _styledcomponents.datePickerTokens.textFieldColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColor, _styledcomponents.datePickerTokens.textFieldColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColor, _styledcomponents.datePickerTokens.textFieldCaretColor, _styledcomponents.datePickerTokens.textFieldBackgroundColor, _styledcomponents.datePickerTokens.labelColor)
|
|
@@ -68,19 +68,6 @@ function _templateObject1() {
|
|
|
68
68
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
69
69
|
": 0 0.375rem 0 0.75rem;\n ",
|
|
70
70
|
": 0;\n\n ",
|
|
71
|
-
": 0.5rem;\n\n ",
|
|
72
|
-
": var(--plasma-typo-body-s-font-family);\n ",
|
|
73
|
-
": var(--plasma-typo-body-s-font-style);\n ",
|
|
74
|
-
": var(--plasma-typo-body-s-font-size);\n ",
|
|
75
|
-
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
76
|
-
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
77
|
-
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
78
|
-
": 0.375rem;\n ",
|
|
79
|
-
": 0.375rem;\n ",
|
|
80
|
-
": 0 0 0 0;\n ",
|
|
81
|
-
": 0.3125rem auto auto -0.6875rem;\n ",
|
|
82
|
-
": 0 0 auto auto;\n ",
|
|
83
|
-
": 0.25rem -0.625rem auto auto;\n\n ",
|
|
84
71
|
": 2.5rem;\n ",
|
|
85
72
|
": 0.625rem;\n ",
|
|
86
73
|
": 0.125rem;\n ",
|
|
@@ -91,17 +78,34 @@ function _templateObject1() {
|
|
|
91
78
|
": var(--plasma-typo-body-m-font-weight);\n ",
|
|
92
79
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
93
80
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
94
|
-
": 0.
|
|
81
|
+
": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
|
|
82
|
+
": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
|
|
83
|
+
": 0 0.25rem 0 0;\n ",
|
|
84
|
+
": 0 0 0 0.25rem;\n\n ",
|
|
95
85
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
96
86
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
97
87
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
98
88
|
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
99
89
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
100
90
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
101
|
-
":
|
|
102
|
-
":
|
|
103
|
-
": 0
|
|
104
|
-
": 0
|
|
91
|
+
": 0.25rem;\n ",
|
|
92
|
+
": 0.5rem;\n ",
|
|
93
|
+
": 0.25rem;\n ",
|
|
94
|
+
": 0.75rem;\n\n ",
|
|
95
|
+
": 0.375rem;\n ",
|
|
96
|
+
": 0.375rem;\n ",
|
|
97
|
+
": 0.25rem;\n ",
|
|
98
|
+
": -0.75rem;\n ",
|
|
99
|
+
": auto 0 -0.5rem auto;\n ",
|
|
100
|
+
": auto auto -0.5rem 0;\n\n ",
|
|
101
|
+
": 0.25rem 0 0 0;\n ",
|
|
102
|
+
": 0.25rem;\n\n ",
|
|
103
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
|
104
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
|
105
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
|
106
|
+
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
107
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
108
|
+
": var(--plasma-typo-body-s-line-height);\n "
|
|
105
109
|
]);
|
|
106
110
|
_templateObject1 = function _templateObject() {
|
|
107
111
|
return data;
|
|
@@ -153,7 +157,7 @@ var config = {
|
|
|
153
157
|
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.rangeTokens.background, _styledcomponents.rangeTokens.borderColor, _styledcomponents.rangeTokens.borderColorError, _styledcomponents.rangeTokens.borderColorSuccess, _styledcomponents.rangeTokens.dividerColor, _styledcomponents.rangeTokens.labelColor, _styledcomponents.rangeTokens.leftHelperColor, _styledcomponents.rangeTokens.leftHelperColorError, _styledcomponents.rangeTokens.leftHelperColorSuccess, _styledcomponents.rangeTokens.contentSlotColor, _styledcomponents.rangeTokens.contentSlotColorHover, _styledcomponents.rangeTokens.contentSlotColorActive, _styledcomponents.rangeTokens.indicatorColor, _styledcomponents.rangeTokens.textFieldColor, _styledcomponents.rangeTokens.textFieldPlaceholderColor, _styledcomponents.rangeTokens.textFieldPlaceholderColorFocus, _styledcomponents.rangeTokens.textFieldCaretColor, _styledcomponents.rangeTokens.textFieldBorderColorHover, _styledcomponents.rangeTokens.textFieldBorderColorFocus, _styledcomponents.rangeTokens.textFieldBorderColorError, _styledcomponents.rangeTokens.textFieldBorderColorErrorFocus, _styledcomponents.rangeTokens.textFieldBorderColorSuccess, _styledcomponents.rangeTokens.textFieldBorderColorSuccessFocus, _styledcomponents.rangeTokens.focusColor, _styledcomponents.rangeTokens.textFieldTextAfterColor, _styledcomponents.rangeTokens.textFieldTextBeforeColor)
|
|
154
158
|
},
|
|
155
159
|
size: {
|
|
156
|
-
s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.borderWidth, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.
|
|
160
|
+
s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.borderWidth, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldBorderWidth, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.indicatorWrapperGap, _styledcomponents.rangeTokens.labelWrapperOffset, _styledcomponents.rangeTokens.labelWrapperTitleCaptionOffset, _styledcomponents.rangeTokens.contentGap, _styledcomponents.rangeTokens.indicatorSizeInner, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorMarginTop, _styledcomponents.rangeTokens.indicatorOuterLeft, _styledcomponents.rangeTokens.indicatorWithoutLabelInner, _styledcomponents.rangeTokens.indicatorWithoutLabelInnerLeft, _styledcomponents.rangeTokens.helpersPadding, _styledcomponents.rangeTokens.helpersGap, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight)
|
|
157
161
|
},
|
|
158
162
|
disabled: {
|
|
159
163
|
true: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.rangeTokens.disabledOpacity, _styledcomponents.rangeTokens.background, _styledcomponents.rangeTokens.borderColor, _styledcomponents.rangeTokens.textFieldBorderColorFocus, _styledcomponents.rangeTokens.textFieldColor, _styledcomponents.rangeTokens.textFieldPlaceholderColor)
|
|
@@ -183,56 +183,45 @@ function _templateObject14() {
|
|
|
183
183
|
return data;
|
|
184
184
|
}
|
|
185
185
|
function _templateObject15() {
|
|
186
|
-
var data = _tagged_template_literal([
|
|
187
|
-
"\n ",
|
|
188
|
-
": var(--plasma-typo-h6-line-height);\n ",
|
|
189
|
-
": var(--plasma-typo-h6-font-size);\n "
|
|
190
|
-
]);
|
|
191
|
-
_templateObject15 = function _templateObject() {
|
|
192
|
-
return data;
|
|
193
|
-
};
|
|
194
|
-
return data;
|
|
195
|
-
}
|
|
196
|
-
function _templateObject16() {
|
|
197
186
|
var data = _tagged_template_literal([
|
|
198
187
|
"\n ",
|
|
199
188
|
": var(--plasma-typo-text-l-line-height);\n ",
|
|
200
189
|
": var(--plasma-typo-text-l-font-size);\n "
|
|
201
190
|
]);
|
|
202
|
-
|
|
191
|
+
_templateObject15 = function _templateObject() {
|
|
203
192
|
return data;
|
|
204
193
|
};
|
|
205
194
|
return data;
|
|
206
195
|
}
|
|
207
|
-
function
|
|
196
|
+
function _templateObject16() {
|
|
208
197
|
var data = _tagged_template_literal([
|
|
209
198
|
"\n ",
|
|
210
199
|
": var(--plasma-typo-text-m-line-height);\n ",
|
|
211
200
|
": var(--plasma-typo-text-m-font-size);\n "
|
|
212
201
|
]);
|
|
213
|
-
|
|
202
|
+
_templateObject16 = function _templateObject() {
|
|
214
203
|
return data;
|
|
215
204
|
};
|
|
216
205
|
return data;
|
|
217
206
|
}
|
|
218
|
-
function
|
|
207
|
+
function _templateObject17() {
|
|
219
208
|
var data = _tagged_template_literal([
|
|
220
209
|
"\n ",
|
|
221
210
|
": var(--plasma-typo-text-s-line-height);\n ",
|
|
222
211
|
": var(--plasma-typo-text-s-font-size);\n "
|
|
223
212
|
]);
|
|
224
|
-
|
|
213
|
+
_templateObject17 = function _templateObject() {
|
|
225
214
|
return data;
|
|
226
215
|
};
|
|
227
216
|
return data;
|
|
228
217
|
}
|
|
229
|
-
function
|
|
218
|
+
function _templateObject18() {
|
|
230
219
|
var data = _tagged_template_literal([
|
|
231
220
|
"\n ",
|
|
232
221
|
": var(--plasma-typo-text-xs-line-height);\n ",
|
|
233
222
|
": var(--plasma-typo-text-xs-font-size);\n "
|
|
234
223
|
]);
|
|
235
|
-
|
|
224
|
+
_templateObject18 = function _templateObject() {
|
|
236
225
|
return data;
|
|
237
226
|
};
|
|
238
227
|
return data;
|
|
@@ -261,11 +250,10 @@ var config = {
|
|
|
261
250
|
h3: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
262
251
|
h4: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
263
252
|
h5: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
textXS: (0, _styledcomponents.css)(_templateObject19(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight)
|
|
253
|
+
textL: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
254
|
+
textM: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
255
|
+
textS: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
256
|
+
textXS: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight)
|
|
269
257
|
}
|
|
270
258
|
}
|
|
271
259
|
};
|
|
@@ -157,10 +157,10 @@ function _templateObject8() {
|
|
|
157
157
|
function _templateObject9() {
|
|
158
158
|
var data = _tagged_template_literal([
|
|
159
159
|
"\n ",
|
|
160
|
-
": 0.
|
|
160
|
+
": 0.625rem;\n ",
|
|
161
161
|
": fit-content;\n ",
|
|
162
162
|
": auto;\n ",
|
|
163
|
-
": 0.
|
|
163
|
+
": 0.375rem;\n ",
|
|
164
164
|
": 0rem;\n "
|
|
165
165
|
]);
|
|
166
166
|
_templateObject9 = function _templateObject() {
|
|
@@ -171,10 +171,10 @@ function _templateObject9() {
|
|
|
171
171
|
function _templateObject10() {
|
|
172
172
|
var data = _tagged_template_literal([
|
|
173
173
|
"\n ",
|
|
174
|
-
": 0.
|
|
174
|
+
": 0.75rem;\n ",
|
|
175
175
|
": fit-content;\n ",
|
|
176
176
|
": auto;\n ",
|
|
177
|
-
": 0.
|
|
177
|
+
": 0.5rem;\n ",
|
|
178
178
|
": 0rem;\n "
|
|
179
179
|
]);
|
|
180
180
|
_templateObject10 = function _templateObject() {
|
|
@@ -188,7 +188,7 @@ function _templateObject11() {
|
|
|
188
188
|
": 0.75rem;\n ",
|
|
189
189
|
": fit-content;\n ",
|
|
190
190
|
": auto;\n ",
|
|
191
|
-
":
|
|
191
|
+
": 1rem;\n ",
|
|
192
192
|
": 0rem;\n "
|
|
193
193
|
]);
|
|
194
194
|
_templateObject11 = function _templateObject() {
|
|
@@ -199,11 +199,7 @@ function _templateObject11() {
|
|
|
199
199
|
function _templateObject12() {
|
|
200
200
|
var data = _tagged_template_literal([
|
|
201
201
|
"\n ",
|
|
202
|
-
":
|
|
203
|
-
": fit-content;\n ",
|
|
204
|
-
": auto;\n ",
|
|
205
|
-
": 1rem;\n ",
|
|
206
|
-
": 0rem;\n "
|
|
202
|
+
": 100%;\n "
|
|
207
203
|
]);
|
|
208
204
|
_templateObject12 = function _templateObject() {
|
|
209
205
|
return data;
|
|
@@ -211,16 +207,6 @@ function _templateObject12() {
|
|
|
211
207
|
return data;
|
|
212
208
|
}
|
|
213
209
|
function _templateObject13() {
|
|
214
|
-
var data = _tagged_template_literal([
|
|
215
|
-
"\n ",
|
|
216
|
-
": 100%;\n "
|
|
217
|
-
]);
|
|
218
|
-
_templateObject13 = function _templateObject() {
|
|
219
|
-
return data;
|
|
220
|
-
};
|
|
221
|
-
return data;
|
|
222
|
-
}
|
|
223
|
-
function _templateObject14() {
|
|
224
210
|
var data = _tagged_template_literal([
|
|
225
211
|
"\n ",
|
|
226
212
|
": var(--text-secondary);\n ",
|
|
@@ -235,17 +221,17 @@ function _templateObject14() {
|
|
|
235
221
|
": none;\n ",
|
|
236
222
|
": transparent;\n "
|
|
237
223
|
]);
|
|
238
|
-
|
|
224
|
+
_templateObject13 = function _templateObject() {
|
|
239
225
|
return data;
|
|
240
226
|
};
|
|
241
227
|
return data;
|
|
242
228
|
}
|
|
243
|
-
function
|
|
229
|
+
function _templateObject14() {
|
|
244
230
|
var data = _tagged_template_literal([
|
|
245
231
|
"\n ",
|
|
246
232
|
": 1.625rem;\n "
|
|
247
233
|
]);
|
|
248
|
-
|
|
234
|
+
_templateObject14 = function _templateObject() {
|
|
249
235
|
return data;
|
|
250
236
|
};
|
|
251
237
|
return data;
|
|
@@ -266,21 +252,20 @@ var config = {
|
|
|
266
252
|
s: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
|
|
267
253
|
m: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
|
|
268
254
|
l: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
h1: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding)
|
|
255
|
+
h5: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
|
|
256
|
+
h4: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
|
|
257
|
+
h3: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
|
|
258
|
+
h2: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
|
|
259
|
+
h1: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding)
|
|
275
260
|
},
|
|
276
261
|
stretch: {
|
|
277
|
-
true: (0, _styledcomponents.css)(
|
|
262
|
+
true: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.tabsTokens.containerWidth)
|
|
278
263
|
},
|
|
279
264
|
disabled: {
|
|
280
|
-
true: (0, _styledcomponents.css)(
|
|
265
|
+
true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.tabsTokens.arrowColor, _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.tabsDividerColor)
|
|
281
266
|
},
|
|
282
267
|
pilled: {
|
|
283
|
-
true: (0, _styledcomponents.css)(
|
|
268
|
+
true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.tabsTokens.tabsPilledBorderRadius)
|
|
284
269
|
}
|
|
285
270
|
}
|
|
286
271
|
};
|