@salutejs/sdds-cs 0.336.0-canary.2402.20441017793.0 → 0.336.0-canary.2403.20455152253.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/Autocomplete/Autocomplete.config.js +4 -2
- package/dist/emotion/cjs/components/Combobox/Combobox.config.js +4 -2
- package/dist/emotion/cjs/components/DatePicker/DatePicker.config.js +4 -2
- package/dist/emotion/cjs/components/Select/Select.config.js +4 -2
- package/dist/emotion/cjs/components/Skeleton/LineSkeleton.config.js +23 -11
- package/dist/emotion/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +32 -17
- package/dist/emotion/cjs/components/TextField/TextField.config.js +4 -2
- package/dist/emotion/cjs/components/Typography/Heading.config.js +30 -0
- package/dist/emotion/cjs/components/Typography/Typography.js +6 -0
- package/dist/emotion/cjs/components/Typography/index.js +3 -0
- package/dist/emotion/es/components/Autocomplete/Autocomplete.config.js +4 -2
- package/dist/emotion/es/components/Combobox/Combobox.config.js +4 -2
- package/dist/emotion/es/components/DatePicker/DatePicker.config.js +4 -2
- package/dist/emotion/es/components/Select/Select.config.js +4 -2
- package/dist/emotion/es/components/Skeleton/LineSkeleton.config.js +23 -11
- package/dist/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js +32 -17
- package/dist/emotion/es/components/TextField/TextField.config.js +4 -2
- package/dist/emotion/es/components/Typography/Heading.config.js +27 -0
- package/dist/emotion/es/components/Typography/Typography.js +4 -1
- package/dist/emotion/es/components/Typography/index.js +1 -1
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +4 -2
- package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +4 -2
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +4 -2
- package/dist/styled-components/cjs/components/Select/Select.config.js +4 -2
- package/dist/styled-components/cjs/components/Skeleton/LineSkeleton.config.js +23 -11
- package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +32 -17
- package/dist/styled-components/cjs/components/TextField/TextField.config.js +4 -2
- package/dist/styled-components/cjs/components/Typography/Heading.config.js +30 -0
- package/dist/styled-components/cjs/components/Typography/Typography.js +6 -0
- package/dist/styled-components/cjs/components/Typography/index.js +3 -0
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +4 -2
- package/dist/styled-components/es/components/Combobox/Combobox.config.js +4 -2
- package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +4 -2
- package/dist/styled-components/es/components/Select/Select.config.js +4 -2
- package/dist/styled-components/es/components/Skeleton/LineSkeleton.config.js +23 -11
- package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabs.config.js +32 -17
- package/dist/styled-components/es/components/TextField/TextField.config.js +4 -2
- package/dist/styled-components/es/components/Typography/Heading.config.js +27 -0
- package/dist/styled-components/es/components/Typography/Typography.js +4 -1
- package/dist/styled-components/es/components/Typography/index.js +1 -1
- package/package.json +7 -7
- package/types/components/Combobox/Combobox.d.ts +24 -0
- package/types/components/Select/Select.d.ts +6 -0
- package/types/components/Skeleton/LineSkeleton.config.d.ts +1 -0
- package/types/components/Skeleton/Skeleton.d.ts +2 -0
- package/types/components/Tabs/Tabs.d.ts +1 -0
- package/types/components/Tabs/horizontal/HorizontalTabs.config.d.ts +1 -0
- package/types/components/Typography/Heading.config.d.ts +10 -0
- package/types/components/Typography/Typography.d.ts +17 -0
- package/types/components/Typography/index.d.ts +1 -1
|
@@ -218,7 +218,9 @@ function _templateObject6() {
|
|
|
218
218
|
": var(--surface-clear);\n ",
|
|
219
219
|
": var(--text-secondary);\n ",
|
|
220
220
|
": var(--text-secondary);\n ",
|
|
221
|
-
": var(--text-secondary);\n
|
|
221
|
+
": var(--text-secondary);\n ",
|
|
222
|
+
": transparent;\n ",
|
|
223
|
+
": 0;\n "
|
|
222
224
|
]);
|
|
223
225
|
_templateObject6 = function _templateObject() {
|
|
224
226
|
return data;
|
|
@@ -247,7 +249,7 @@ var config = {
|
|
|
247
249
|
true: (0, _emotion.css)(_templateObject5(), _emotion.autocompleteTokens.itemColor, _emotion.autocompleteTokens.background, _emotion.autocompleteTokens.textFieldColor, _emotion.autocompleteTokens.textFieldLabelColor, _emotion.autocompleteTokens.textFieldBackgroundColor, _emotion.autocompleteTokens.textFieldBackgroundColorHover, _emotion.autocompleteTokens.textFieldBackgroundColorFocus, _emotion.autocompleteTokens.textFieldBorderColor, _emotion.autocompleteTokens.textFieldBorderColorHover, _emotion.autocompleteTokens.textFieldBorderColorFocus)
|
|
248
250
|
},
|
|
249
251
|
readOnly: {
|
|
250
|
-
true: (0, _emotion.css)(_templateObject6(), _emotion.autocompleteTokens.textFieldColorReadOnly, _emotion.autocompleteTokens.textFieldBackgroundColorReadOnly, _emotion.autocompleteTokens.textFieldBorderColorReadOnly, _emotion.autocompleteTokens.textFieldPlaceholderColorReadOnly, _emotion.autocompleteTokens.textFieldLeftHelperColorReadOnly, _emotion.autocompleteTokens.textFieldLabelColorReadOnly)
|
|
252
|
+
true: (0, _emotion.css)(_templateObject6(), _emotion.autocompleteTokens.textFieldColorReadOnly, _emotion.autocompleteTokens.textFieldBackgroundColorReadOnly, _emotion.autocompleteTokens.textFieldBorderColorReadOnly, _emotion.autocompleteTokens.textFieldPlaceholderColorReadOnly, _emotion.autocompleteTokens.textFieldLeftHelperColorReadOnly, _emotion.autocompleteTokens.textFieldLabelColorReadOnly, _emotion.autocompleteTokens.textFieldBorderColor, _emotion.autocompleteTokens.textFieldBorderWidth)
|
|
251
253
|
}
|
|
252
254
|
}
|
|
253
255
|
};
|
|
@@ -293,7 +293,9 @@ function _templateObject6() {
|
|
|
293
293
|
": transparent;\n ",
|
|
294
294
|
": 0;\n ",
|
|
295
295
|
": 0.25rem;\n ",
|
|
296
|
-
": 0rem;\n
|
|
296
|
+
": 0rem;\n ",
|
|
297
|
+
": transparent;\n ",
|
|
298
|
+
": 0;\n "
|
|
297
299
|
]);
|
|
298
300
|
_templateObject6 = function _templateObject() {
|
|
299
301
|
return data;
|
|
@@ -322,7 +324,7 @@ var config = {
|
|
|
322
324
|
true: (0, _emotion.css)(_templateObject5(), _emotion.comboboxNewTokens.textFieldDisabledOpacity, _emotion.comboboxNewTokens.textFieldBackgroundColor, _emotion.comboboxNewTokens.textFieldBackgroundColorFocus, _emotion.comboboxNewTokens.textFieldBorderColor, _emotion.comboboxNewTokens.textFieldBorderColorHover, _emotion.comboboxNewTokens.textFieldBorderColorFocus, _emotion.comboboxNewTokens.textFieldColor)
|
|
323
325
|
},
|
|
324
326
|
readOnly: {
|
|
325
|
-
true: (0, _emotion.css)(_templateObject6(), _emotion.comboboxNewTokens.textFieldColorReadOnly, _emotion.comboboxNewTokens.textFieldBackgroundColorReadOnly, _emotion.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _emotion.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _emotion.comboboxNewTokens.textFieldLabelColorReadOnly, _emotion.comboboxNewTokens.textFieldColor, _emotion.comboboxNewTokens.disclosureIconColor, _emotion.comboboxNewTokens.disclosureIconColorHover, _emotion.comboboxNewTokens.textFieldPadding, _emotion.comboboxNewTokens.textFieldLabelOffset, _emotion.comboboxNewTokens.textFieldLeftHelperOffset)
|
|
327
|
+
true: (0, _emotion.css)(_templateObject6(), _emotion.comboboxNewTokens.textFieldColorReadOnly, _emotion.comboboxNewTokens.textFieldBackgroundColorReadOnly, _emotion.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _emotion.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _emotion.comboboxNewTokens.textFieldLabelColorReadOnly, _emotion.comboboxNewTokens.textFieldColor, _emotion.comboboxNewTokens.disclosureIconColor, _emotion.comboboxNewTokens.disclosureIconColorHover, _emotion.comboboxNewTokens.textFieldPadding, _emotion.comboboxNewTokens.textFieldLabelOffset, _emotion.comboboxNewTokens.textFieldLeftHelperOffset, _emotion.comboboxNewTokens.textFieldBorderColor, _emotion.comboboxNewTokens.textFieldBorderWidth)
|
|
326
328
|
}
|
|
327
329
|
}
|
|
328
330
|
};
|
|
@@ -242,7 +242,9 @@ function _templateObject3() {
|
|
|
242
242
|
": 0.4;\n\n ",
|
|
243
243
|
": var(--text-primary);\n ",
|
|
244
244
|
": var(--surface-clear);\n ",
|
|
245
|
-
": var(--text-secondary);\n
|
|
245
|
+
": var(--text-secondary);\n ",
|
|
246
|
+
": transparent;\n ",
|
|
247
|
+
": 0;\n "
|
|
246
248
|
]);
|
|
247
249
|
_templateObject3 = function _templateObject() {
|
|
248
250
|
return data;
|
|
@@ -265,7 +267,7 @@ var config = {
|
|
|
265
267
|
true: (0, _emotion.css)(_templateObject2(), _emotion.datePickerTokens.background, _emotion.datePickerTokens.borderColor, _emotion.datePickerTokens.borderColorHover, _emotion.datePickerTokens.borderColorFocus, _emotion.datePickerTokens.borderColorSuccess, _emotion.datePickerTokens.textFieldBorderColorFocus, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldCaretColor, _emotion.datePickerTokens.textFieldBackgroundColor, _emotion.datePickerTokens.labelColor)
|
|
266
268
|
},
|
|
267
269
|
readOnly: {
|
|
268
|
-
true: (0, _emotion.css)(_templateObject3(), _emotion.datePickerTokens.backgroundReadOnly, _emotion.datePickerTokens.labelColorReadOnly, _emotion.datePickerTokens.leftHelperColorReadOnly, _emotion.datePickerTokens.labelColor, _emotion.datePickerTokens.dividerColorReadOnly, _emotion.datePickerTokens.dividerOpacityReadOnly, _emotion.datePickerTokens.textFieldColorReadOnly, _emotion.datePickerTokens.textFieldBackgroundColorReadOnly, _emotion.datePickerTokens.textFieldPlaceholderColorReadOnly)
|
|
270
|
+
true: (0, _emotion.css)(_templateObject3(), _emotion.datePickerTokens.backgroundReadOnly, _emotion.datePickerTokens.labelColorReadOnly, _emotion.datePickerTokens.leftHelperColorReadOnly, _emotion.datePickerTokens.labelColor, _emotion.datePickerTokens.dividerColorReadOnly, _emotion.datePickerTokens.dividerOpacityReadOnly, _emotion.datePickerTokens.textFieldColorReadOnly, _emotion.datePickerTokens.textFieldBackgroundColorReadOnly, _emotion.datePickerTokens.textFieldPlaceholderColorReadOnly, _emotion.datePickerTokens.borderColor, _emotion.datePickerTokens.borderWidth)
|
|
269
271
|
}
|
|
270
272
|
}
|
|
271
273
|
};
|
|
@@ -278,7 +278,9 @@ function _templateObject7() {
|
|
|
278
278
|
": var(--text-secondary);\n ",
|
|
279
279
|
": var(--text-secondary);\n ",
|
|
280
280
|
": var(--text-secondary);\n ",
|
|
281
|
-
": var(--surface-transparent-primary);\n
|
|
281
|
+
": var(--surface-transparent-primary);\n ",
|
|
282
|
+
": transparent;\n ",
|
|
283
|
+
": 0;\n "
|
|
282
284
|
]);
|
|
283
285
|
_templateObject7 = function _templateObject() {
|
|
284
286
|
return data;
|
|
@@ -311,7 +313,7 @@ var config = {
|
|
|
311
313
|
true: (0, _emotion.css)(_templateObject6(), _emotion.selectTokens.textFieldDisabledOpacity, _emotion.selectTokens.textFieldBackgroundColor, _emotion.selectTokens.textFieldBackgroundColorFocus, _emotion.selectTokens.textFieldBorderColor, _emotion.selectTokens.textFieldBorderColorHover, _emotion.selectTokens.textFieldBorderColorFocus, _emotion.selectTokens.textFieldColor)
|
|
312
314
|
},
|
|
313
315
|
readOnly: {
|
|
314
|
-
true: (0, _emotion.css)(_templateObject7(), _emotion.selectTokens.disclosureIconOpacityReadOnly, _emotion.selectTokens.textFieldColorReadOnly, _emotion.selectTokens.textFieldBackgroundColorReadOnly, _emotion.selectTokens.textFieldPlaceholderColorReadOnly, _emotion.selectTokens.textFieldLeftHelperColorReadOnly, _emotion.selectTokens.textFieldTitleCaptionColorReadOnly, _emotion.selectTokens.textFieldLabelColorReadOnly, _emotion.selectTokens.textFieldDividerColorReadOnly)
|
|
316
|
+
true: (0, _emotion.css)(_templateObject7(), _emotion.selectTokens.disclosureIconOpacityReadOnly, _emotion.selectTokens.textFieldColorReadOnly, _emotion.selectTokens.textFieldBackgroundColorReadOnly, _emotion.selectTokens.textFieldPlaceholderColorReadOnly, _emotion.selectTokens.textFieldLeftHelperColorReadOnly, _emotion.selectTokens.textFieldTitleCaptionColorReadOnly, _emotion.selectTokens.textFieldLabelColorReadOnly, _emotion.selectTokens.textFieldDividerColorReadOnly, _emotion.selectTokens.textFieldBorderColor, _emotion.selectTokens.textFieldBorderWidth)
|
|
315
317
|
}
|
|
316
318
|
}
|
|
317
319
|
};
|
|
@@ -185,8 +185,8 @@ function _templateObject14() {
|
|
|
185
185
|
function _templateObject15() {
|
|
186
186
|
var data = _tagged_template_literal([
|
|
187
187
|
"\n ",
|
|
188
|
-
": var(--plasma-typo-
|
|
189
|
-
": var(--plasma-typo-
|
|
188
|
+
": var(--plasma-typo-h6-line-height);\n ",
|
|
189
|
+
": var(--plasma-typo-h6-font-size);\n "
|
|
190
190
|
]);
|
|
191
191
|
_templateObject15 = function _templateObject() {
|
|
192
192
|
return data;
|
|
@@ -196,8 +196,8 @@ function _templateObject15() {
|
|
|
196
196
|
function _templateObject16() {
|
|
197
197
|
var data = _tagged_template_literal([
|
|
198
198
|
"\n ",
|
|
199
|
-
": var(--plasma-typo-text-
|
|
200
|
-
": var(--plasma-typo-text-
|
|
199
|
+
": var(--plasma-typo-text-l-line-height);\n ",
|
|
200
|
+
": var(--plasma-typo-text-l-font-size);\n "
|
|
201
201
|
]);
|
|
202
202
|
_templateObject16 = function _templateObject() {
|
|
203
203
|
return data;
|
|
@@ -207,8 +207,8 @@ function _templateObject16() {
|
|
|
207
207
|
function _templateObject17() {
|
|
208
208
|
var data = _tagged_template_literal([
|
|
209
209
|
"\n ",
|
|
210
|
-
": var(--plasma-typo-text-
|
|
211
|
-
": var(--plasma-typo-text-
|
|
210
|
+
": var(--plasma-typo-text-m-line-height);\n ",
|
|
211
|
+
": var(--plasma-typo-text-m-font-size);\n "
|
|
212
212
|
]);
|
|
213
213
|
_templateObject17 = function _templateObject() {
|
|
214
214
|
return data;
|
|
@@ -216,12 +216,23 @@ function _templateObject17() {
|
|
|
216
216
|
return data;
|
|
217
217
|
}
|
|
218
218
|
function _templateObject18() {
|
|
219
|
+
var data = _tagged_template_literal([
|
|
220
|
+
"\n ",
|
|
221
|
+
": var(--plasma-typo-text-s-line-height);\n ",
|
|
222
|
+
": var(--plasma-typo-text-s-font-size);\n "
|
|
223
|
+
]);
|
|
224
|
+
_templateObject18 = function _templateObject() {
|
|
225
|
+
return data;
|
|
226
|
+
};
|
|
227
|
+
return data;
|
|
228
|
+
}
|
|
229
|
+
function _templateObject19() {
|
|
219
230
|
var data = _tagged_template_literal([
|
|
220
231
|
"\n ",
|
|
221
232
|
": var(--plasma-typo-text-xs-line-height);\n ",
|
|
222
233
|
": var(--plasma-typo-text-xs-font-size);\n "
|
|
223
234
|
]);
|
|
224
|
-
|
|
235
|
+
_templateObject19 = function _templateObject() {
|
|
225
236
|
return data;
|
|
226
237
|
};
|
|
227
238
|
return data;
|
|
@@ -250,10 +261,11 @@ var config = {
|
|
|
250
261
|
h3: (0, _emotion.css)(_templateObject12(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
251
262
|
h4: (0, _emotion.css)(_templateObject13(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
252
263
|
h5: (0, _emotion.css)(_templateObject14(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
264
|
+
h6: (0, _emotion.css)(_templateObject15(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
265
|
+
textL: (0, _emotion.css)(_templateObject16(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
266
|
+
textM: (0, _emotion.css)(_templateObject17(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
267
|
+
textS: (0, _emotion.css)(_templateObject18(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
268
|
+
textXS: (0, _emotion.css)(_templateObject19(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight)
|
|
257
269
|
}
|
|
258
270
|
}
|
|
259
271
|
};
|
|
@@ -157,10 +157,10 @@ function _templateObject8() {
|
|
|
157
157
|
function _templateObject9() {
|
|
158
158
|
var data = _tagged_template_literal([
|
|
159
159
|
"\n ",
|
|
160
|
-
": 0.
|
|
160
|
+
": 0.5rem;\n ",
|
|
161
161
|
": fit-content;\n ",
|
|
162
162
|
": auto;\n ",
|
|
163
|
-
": 0.
|
|
163
|
+
": 0.25rem;\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.625rem;\n ",
|
|
175
175
|
": fit-content;\n ",
|
|
176
176
|
": auto;\n ",
|
|
177
|
-
": 0.
|
|
177
|
+
": 0.375rem;\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
|
+
": 0.5rem;\n ",
|
|
192
192
|
": 0rem;\n "
|
|
193
193
|
]);
|
|
194
194
|
_templateObject11 = function _templateObject() {
|
|
@@ -199,7 +199,11 @@ function _templateObject11() {
|
|
|
199
199
|
function _templateObject12() {
|
|
200
200
|
var data = _tagged_template_literal([
|
|
201
201
|
"\n ",
|
|
202
|
-
":
|
|
202
|
+
": 0.75rem;\n ",
|
|
203
|
+
": fit-content;\n ",
|
|
204
|
+
": auto;\n ",
|
|
205
|
+
": 1rem;\n ",
|
|
206
|
+
": 0rem;\n "
|
|
203
207
|
]);
|
|
204
208
|
_templateObject12 = function _templateObject() {
|
|
205
209
|
return data;
|
|
@@ -207,6 +211,16 @@ function _templateObject12() {
|
|
|
207
211
|
return data;
|
|
208
212
|
}
|
|
209
213
|
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() {
|
|
210
224
|
var data = _tagged_template_literal([
|
|
211
225
|
"\n ",
|
|
212
226
|
": var(--text-secondary);\n ",
|
|
@@ -221,17 +235,17 @@ function _templateObject13() {
|
|
|
221
235
|
": none;\n ",
|
|
222
236
|
": transparent;\n "
|
|
223
237
|
]);
|
|
224
|
-
|
|
238
|
+
_templateObject14 = function _templateObject() {
|
|
225
239
|
return data;
|
|
226
240
|
};
|
|
227
241
|
return data;
|
|
228
242
|
}
|
|
229
|
-
function
|
|
243
|
+
function _templateObject15() {
|
|
230
244
|
var data = _tagged_template_literal([
|
|
231
245
|
"\n ",
|
|
232
246
|
": 1.625rem;\n "
|
|
233
247
|
]);
|
|
234
|
-
|
|
248
|
+
_templateObject15 = function _templateObject() {
|
|
235
249
|
return data;
|
|
236
250
|
};
|
|
237
251
|
return data;
|
|
@@ -252,20 +266,21 @@ var config = {
|
|
|
252
266
|
s: (0, _emotion.css)(_templateObject4(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
|
|
253
267
|
m: (0, _emotion.css)(_templateObject5(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
|
|
254
268
|
l: (0, _emotion.css)(_templateObject6(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
269
|
+
h6: (0, _emotion.css)(_templateObject7(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
|
|
270
|
+
h5: (0, _emotion.css)(_templateObject8(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
|
|
271
|
+
h4: (0, _emotion.css)(_templateObject9(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
|
|
272
|
+
h3: (0, _emotion.css)(_templateObject10(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
|
|
273
|
+
h2: (0, _emotion.css)(_templateObject11(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
|
|
274
|
+
h1: (0, _emotion.css)(_templateObject12(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding)
|
|
260
275
|
},
|
|
261
276
|
stretch: {
|
|
262
|
-
true: (0, _emotion.css)(
|
|
277
|
+
true: (0, _emotion.css)(_templateObject13(), _emotion.tabsTokens.containerWidth)
|
|
263
278
|
},
|
|
264
279
|
disabled: {
|
|
265
|
-
true: (0, _emotion.css)(
|
|
280
|
+
true: (0, _emotion.css)(_templateObject14(), _emotion.tabsTokens.arrowColor, _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.tabsDividerColor)
|
|
266
281
|
},
|
|
267
282
|
pilled: {
|
|
268
|
-
true: (0, _emotion.css)(
|
|
283
|
+
true: (0, _emotion.css)(_templateObject15(), _emotion.tabsTokens.tabsPilledBorderRadius)
|
|
269
284
|
}
|
|
270
285
|
}
|
|
271
286
|
};
|
|
@@ -283,7 +283,9 @@ function _templateObject8() {
|
|
|
283
283
|
": var(--text-secondary);\n ",
|
|
284
284
|
": var(--text-secondary);\n ",
|
|
285
285
|
": var(--text-secondary);\n ",
|
|
286
|
-
": 0.4;\n
|
|
286
|
+
": 0.4;\n ",
|
|
287
|
+
": transparent;\n ",
|
|
288
|
+
": 0;\n "
|
|
287
289
|
]);
|
|
288
290
|
_templateObject8 = function _templateObject() {
|
|
289
291
|
return data;
|
|
@@ -318,7 +320,7 @@ var config = {
|
|
|
318
320
|
true: (0, _emotion.css)(_templateObject7(), _emotion.textFieldTokens.disabledOpacity, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.borderColorHover, _emotion.textFieldTokens.borderColorFocus, _emotion.textFieldTokens.color)
|
|
319
321
|
},
|
|
320
322
|
readOnly: {
|
|
321
|
-
true: (0, _emotion.css)(_templateObject8(), _emotion.textFieldTokens.readOnlyOpacity, _emotion.textFieldTokens.colorReadOnly, _emotion.textFieldTokens.backgroundColorReadOnly, _emotion.textFieldTokens.placeholderColorReadOnly, _emotion.textFieldTokens.leftHelperColorReadOnly, _emotion.textFieldTokens.titleCaptionColorReadOnly, _emotion.textFieldTokens.labelColorReadOnly, _emotion.textFieldTokens.contentSlotRightOpacityReadOnly)
|
|
323
|
+
true: (0, _emotion.css)(_templateObject8(), _emotion.textFieldTokens.readOnlyOpacity, _emotion.textFieldTokens.colorReadOnly, _emotion.textFieldTokens.backgroundColorReadOnly, _emotion.textFieldTokens.placeholderColorReadOnly, _emotion.textFieldTokens.leftHelperColorReadOnly, _emotion.textFieldTokens.titleCaptionColorReadOnly, _emotion.textFieldTokens.labelColorReadOnly, _emotion.textFieldTokens.contentSlotRightOpacityReadOnly, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.borderWidth)
|
|
322
324
|
}
|
|
323
325
|
}
|
|
324
326
|
};
|
|
@@ -23,6 +23,9 @@ _export(exports, {
|
|
|
23
23
|
},
|
|
24
24
|
get configH5 () {
|
|
25
25
|
return configH5;
|
|
26
|
+
},
|
|
27
|
+
get configH6 () {
|
|
28
|
+
return configH6;
|
|
26
29
|
}
|
|
27
30
|
});
|
|
28
31
|
var _emotion = require("@salutejs/plasma-new-hope/emotion");
|
|
@@ -121,6 +124,23 @@ function _templateObject4() {
|
|
|
121
124
|
};
|
|
122
125
|
return data;
|
|
123
126
|
}
|
|
127
|
+
function _templateObject5() {
|
|
128
|
+
var data = _tagged_template_literal([
|
|
129
|
+
"\n ",
|
|
130
|
+
": var(--plasma-typo-h6-font-family);\n ",
|
|
131
|
+
": var(--plasma-typo-h6-font-size);\n ",
|
|
132
|
+
": var(--plasma-typo-h6-font-style);\n ",
|
|
133
|
+
": var(--plasma-typo-h6-font-weight);\n ",
|
|
134
|
+
": var(--plasma-typo-h6-bold-font-weight);\n ",
|
|
135
|
+
": var(--plasma-typo-h6-medium-font-weight);\n ",
|
|
136
|
+
": var(--plasma-typo-h6-letter-spacing);\n ",
|
|
137
|
+
": var(--plasma-typo-h6-line-height);\n "
|
|
138
|
+
]);
|
|
139
|
+
_templateObject5 = function _templateObject() {
|
|
140
|
+
return data;
|
|
141
|
+
};
|
|
142
|
+
return data;
|
|
143
|
+
}
|
|
124
144
|
var configH1 = {
|
|
125
145
|
defaults: {
|
|
126
146
|
size: 'h1'
|
|
@@ -171,3 +191,13 @@ var configH5 = {
|
|
|
171
191
|
}
|
|
172
192
|
}
|
|
173
193
|
};
|
|
194
|
+
var configH6 = {
|
|
195
|
+
defaults: {
|
|
196
|
+
size: 'h6'
|
|
197
|
+
},
|
|
198
|
+
variations: {
|
|
199
|
+
size: {
|
|
200
|
+
h6: (0, _emotion.css)(_templateObject5(), _emotion.typographyTokens.typoFontFamily, _emotion.typographyTokens.typoFontSize, _emotion.typographyTokens.typoFontStyle, _emotion.typographyTokens.typoFontWeight, _emotion.typographyTokens.typoFontWeightBold, _emotion.typographyTokens.typoFontWeightMedium, _emotion.typographyTokens.typoFontLetterSpacing, _emotion.typographyTokens.typoFontLineHeight)
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
};
|
|
@@ -48,6 +48,9 @@ _export(exports, {
|
|
|
48
48
|
get H5 () {
|
|
49
49
|
return H5;
|
|
50
50
|
},
|
|
51
|
+
get H6 () {
|
|
52
|
+
return H6;
|
|
53
|
+
},
|
|
51
54
|
get TextL () {
|
|
52
55
|
return TextL;
|
|
53
56
|
},
|
|
@@ -92,6 +95,8 @@ var heading4Config = (0, _emotion.mergeConfig)(_emotion.headingConfig, _Headingc
|
|
|
92
95
|
var Heading4Component = (0, _emotion.component)(heading4Config);
|
|
93
96
|
var heading5Config = (0, _emotion.mergeConfig)(_emotion.headingConfig, _Headingconfig.configH5);
|
|
94
97
|
var Heading5Component = (0, _emotion.component)(heading5Config);
|
|
98
|
+
var heading6Config = (0, _emotion.mergeConfig)(_emotion.headingConfig, _Headingconfig.configH6);
|
|
99
|
+
var Heading6Component = (0, _emotion.component)(heading6Config);
|
|
95
100
|
var textMConfig = (0, _emotion.mergeConfig)(_emotion.textConfig, _Textconfig.configM);
|
|
96
101
|
var TextMComponent = (0, _emotion.component)(textMConfig);
|
|
97
102
|
var textLConfig = (0, _emotion.mergeConfig)(_emotion.textConfig, _Textconfig.configL);
|
|
@@ -113,6 +118,7 @@ var H2 = Heading2Component;
|
|
|
113
118
|
var H3 = Heading3Component;
|
|
114
119
|
var H4 = Heading4Component;
|
|
115
120
|
var H5 = Heading5Component;
|
|
121
|
+
var H6 = Heading6Component;
|
|
116
122
|
var TextM = TextMComponent;
|
|
117
123
|
var TextL = TextLComponent;
|
|
118
124
|
var TextS = TextSComponent;
|
|
@@ -207,7 +207,9 @@ function _templateObject6() {
|
|
|
207
207
|
": var(--surface-clear);\n ",
|
|
208
208
|
": var(--text-secondary);\n ",
|
|
209
209
|
": var(--text-secondary);\n ",
|
|
210
|
-
": var(--text-secondary);\n
|
|
210
|
+
": var(--text-secondary);\n ",
|
|
211
|
+
": transparent;\n ",
|
|
212
|
+
": 0;\n "
|
|
211
213
|
]);
|
|
212
214
|
_templateObject6 = function _templateObject() {
|
|
213
215
|
return data;
|
|
@@ -237,7 +239,7 @@ export var config = {
|
|
|
237
239
|
true: css(_templateObject5(), tokens.itemColor, tokens.background, tokens.textFieldColor, tokens.textFieldLabelColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus)
|
|
238
240
|
},
|
|
239
241
|
readOnly: {
|
|
240
|
-
true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
|
|
242
|
+
true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
|
|
241
243
|
}
|
|
242
244
|
}
|
|
243
245
|
};
|
|
@@ -282,7 +282,9 @@ function _templateObject6() {
|
|
|
282
282
|
": transparent;\n ",
|
|
283
283
|
": 0;\n ",
|
|
284
284
|
": 0.25rem;\n ",
|
|
285
|
-
": 0rem;\n
|
|
285
|
+
": 0rem;\n ",
|
|
286
|
+
": transparent;\n ",
|
|
287
|
+
": 0;\n "
|
|
286
288
|
]);
|
|
287
289
|
_templateObject6 = function _templateObject() {
|
|
288
290
|
return data;
|
|
@@ -312,7 +314,7 @@ export var config = {
|
|
|
312
314
|
true: css(_templateObject5(), tokens.textFieldDisabledOpacity, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldColor)
|
|
313
315
|
},
|
|
314
316
|
readOnly: {
|
|
315
|
-
true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.textFieldPadding, tokens.textFieldLabelOffset, tokens.textFieldLeftHelperOffset)
|
|
317
|
+
true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.textFieldPadding, tokens.textFieldLabelOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
|
|
316
318
|
}
|
|
317
319
|
}
|
|
318
320
|
};
|
|
@@ -231,7 +231,9 @@ function _templateObject3() {
|
|
|
231
231
|
": 0.4;\n\n ",
|
|
232
232
|
": var(--text-primary);\n ",
|
|
233
233
|
": var(--surface-clear);\n ",
|
|
234
|
-
": var(--text-secondary);\n
|
|
234
|
+
": var(--text-secondary);\n ",
|
|
235
|
+
": transparent;\n ",
|
|
236
|
+
": 0;\n "
|
|
235
237
|
]);
|
|
236
238
|
_templateObject3 = function _templateObject() {
|
|
237
239
|
return data;
|
|
@@ -255,7 +257,7 @@ export var config = {
|
|
|
255
257
|
true: css(_templateObject2(), tokens.background, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorSuccess, tokens.textFieldBorderColorFocus, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColor, tokens.labelColor)
|
|
256
258
|
},
|
|
257
259
|
readOnly: {
|
|
258
|
-
true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColor, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
|
|
260
|
+
true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColor, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.borderColor, tokens.borderWidth)
|
|
259
261
|
}
|
|
260
262
|
}
|
|
261
263
|
};
|
|
@@ -267,7 +267,9 @@ function _templateObject7() {
|
|
|
267
267
|
": var(--text-secondary);\n ",
|
|
268
268
|
": var(--text-secondary);\n ",
|
|
269
269
|
": var(--text-secondary);\n ",
|
|
270
|
-
": var(--surface-transparent-primary);\n
|
|
270
|
+
": var(--surface-transparent-primary);\n ",
|
|
271
|
+
": transparent;\n ",
|
|
272
|
+
": 0;\n "
|
|
271
273
|
]);
|
|
272
274
|
_templateObject7 = function _templateObject() {
|
|
273
275
|
return data;
|
|
@@ -301,7 +303,7 @@ export var config = {
|
|
|
301
303
|
true: css(_templateObject6(), selectTokens.textFieldDisabledOpacity, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, selectTokens.textFieldColor)
|
|
302
304
|
},
|
|
303
305
|
readOnly: {
|
|
304
|
-
true: css(_templateObject7(), selectTokens.disclosureIconOpacityReadOnly, selectTokens.textFieldColorReadOnly, selectTokens.textFieldBackgroundColorReadOnly, selectTokens.textFieldPlaceholderColorReadOnly, selectTokens.textFieldLeftHelperColorReadOnly, selectTokens.textFieldTitleCaptionColorReadOnly, selectTokens.textFieldLabelColorReadOnly, selectTokens.textFieldDividerColorReadOnly)
|
|
306
|
+
true: css(_templateObject7(), selectTokens.disclosureIconOpacityReadOnly, selectTokens.textFieldColorReadOnly, selectTokens.textFieldBackgroundColorReadOnly, selectTokens.textFieldPlaceholderColorReadOnly, selectTokens.textFieldLeftHelperColorReadOnly, selectTokens.textFieldTitleCaptionColorReadOnly, selectTokens.textFieldLabelColorReadOnly, selectTokens.textFieldDividerColorReadOnly, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderWidth)
|
|
305
307
|
}
|
|
306
308
|
}
|
|
307
309
|
};
|
|
@@ -174,8 +174,8 @@ function _templateObject14() {
|
|
|
174
174
|
function _templateObject15() {
|
|
175
175
|
var data = _tagged_template_literal([
|
|
176
176
|
"\n ",
|
|
177
|
-
": var(--plasma-typo-
|
|
178
|
-
": var(--plasma-typo-
|
|
177
|
+
": var(--plasma-typo-h6-line-height);\n ",
|
|
178
|
+
": var(--plasma-typo-h6-font-size);\n "
|
|
179
179
|
]);
|
|
180
180
|
_templateObject15 = function _templateObject() {
|
|
181
181
|
return data;
|
|
@@ -185,8 +185,8 @@ function _templateObject15() {
|
|
|
185
185
|
function _templateObject16() {
|
|
186
186
|
var data = _tagged_template_literal([
|
|
187
187
|
"\n ",
|
|
188
|
-
": var(--plasma-typo-text-
|
|
189
|
-
": var(--plasma-typo-text-
|
|
188
|
+
": var(--plasma-typo-text-l-line-height);\n ",
|
|
189
|
+
": var(--plasma-typo-text-l-font-size);\n "
|
|
190
190
|
]);
|
|
191
191
|
_templateObject16 = function _templateObject() {
|
|
192
192
|
return data;
|
|
@@ -196,8 +196,8 @@ function _templateObject16() {
|
|
|
196
196
|
function _templateObject17() {
|
|
197
197
|
var data = _tagged_template_literal([
|
|
198
198
|
"\n ",
|
|
199
|
-
": var(--plasma-typo-text-
|
|
200
|
-
": var(--plasma-typo-text-
|
|
199
|
+
": var(--plasma-typo-text-m-line-height);\n ",
|
|
200
|
+
": var(--plasma-typo-text-m-font-size);\n "
|
|
201
201
|
]);
|
|
202
202
|
_templateObject17 = function _templateObject() {
|
|
203
203
|
return data;
|
|
@@ -205,12 +205,23 @@ function _templateObject17() {
|
|
|
205
205
|
return data;
|
|
206
206
|
}
|
|
207
207
|
function _templateObject18() {
|
|
208
|
+
var data = _tagged_template_literal([
|
|
209
|
+
"\n ",
|
|
210
|
+
": var(--plasma-typo-text-s-line-height);\n ",
|
|
211
|
+
": var(--plasma-typo-text-s-font-size);\n "
|
|
212
|
+
]);
|
|
213
|
+
_templateObject18 = function _templateObject() {
|
|
214
|
+
return data;
|
|
215
|
+
};
|
|
216
|
+
return data;
|
|
217
|
+
}
|
|
218
|
+
function _templateObject19() {
|
|
208
219
|
var data = _tagged_template_literal([
|
|
209
220
|
"\n ",
|
|
210
221
|
": var(--plasma-typo-text-xs-line-height);\n ",
|
|
211
222
|
": var(--plasma-typo-text-xs-font-size);\n "
|
|
212
223
|
]);
|
|
213
|
-
|
|
224
|
+
_templateObject19 = function _templateObject() {
|
|
214
225
|
return data;
|
|
215
226
|
};
|
|
216
227
|
return data;
|
|
@@ -240,10 +251,11 @@ export var config = {
|
|
|
240
251
|
h3: css(_templateObject12(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
241
252
|
h4: css(_templateObject13(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
242
253
|
h5: css(_templateObject14(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
254
|
+
h6: css(_templateObject15(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
255
|
+
textL: css(_templateObject16(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
256
|
+
textM: css(_templateObject17(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
257
|
+
textS: css(_templateObject18(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
258
|
+
textXS: css(_templateObject19(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
|
|
247
259
|
}
|
|
248
260
|
}
|
|
249
261
|
};
|