@salutejs/sdds-dfa 0.368.0-next-sbcom.0 → 0.368.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/README.md +115 -32
- package/README.mdx +3 -67
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +5 -5
- package/dist/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.config.js +4 -4
- package/dist/styled-components/cjs/components/Button/Button.js +1 -2
- package/dist/styled-components/cjs/components/Calendar/Calendar.config.js +2 -7
- package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js +2 -7
- package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +5 -5
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.clear.config.js +2 -2
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +2 -7
- package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +2 -7
- package/dist/styled-components/cjs/components/Notification/Notification.js +3 -2
- package/dist/styled-components/cjs/components/Select/Select.config.js +5 -5
- package/dist/styled-components/cjs/components/Spinner/Spinner.config.js +0 -23
- package/dist/styled-components/cjs/components/Spinner/Spinner.js +15 -4
- package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +5 -5
- package/dist/styled-components/cjs/components/TextField/TextField.config.js +5 -5
- package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
- package/dist/styled-components/cjs/components/Tokens/Colors/Colors.styles.js +15 -15
- package/dist/styled-components/cjs/components/Tokens/Typography/Typography.styles.js +23 -23
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +5 -5
- package/dist/styled-components/es/components/Breadcrumbs/Breadcrumbs.config.js +5 -5
- package/dist/styled-components/es/components/Button/Button.js +1 -2
- package/dist/styled-components/es/components/Calendar/Calendar.config.js +2 -7
- package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js +2 -7
- package/dist/styled-components/es/components/Combobox/Combobox.config.js +5 -5
- package/dist/styled-components/es/components/DatePicker/DatePicker.clear.config.js +2 -2
- package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +2 -7
- package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +2 -7
- package/dist/styled-components/es/components/Notification/Notification.js +3 -2
- package/dist/styled-components/es/components/Select/Select.config.js +5 -5
- package/dist/styled-components/es/components/Spinner/Spinner.config.js +0 -23
- package/dist/styled-components/es/components/Spinner/Spinner.js +7 -1
- package/dist/styled-components/es/components/TextField/TextField.clear.config.js +5 -5
- package/dist/styled-components/es/components/TextField/TextField.config.js +5 -5
- package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
- package/dist/styled-components/es/components/Tokens/Colors/Colors.styles.js +14 -14
- package/dist/styled-components/es/components/Tokens/Typography/Typography.styles.js +18 -18
- package/package.json +9 -9
- package/types/components/Avatar/Avatar.d.ts +4 -4
- package/types/components/Combobox/Combobox.d.ts +8 -0
- package/types/components/Note/Note.d.ts +1 -0
- package/types/components/Notification/Notification.d.ts +2 -1
- package/types/components/Spinner/Spinner.config.d.ts +0 -9
- package/types/components/Spinner/Spinner.d.ts +38 -26
- package/types/components/Spinner/index.d.ts +1 -1
- package/types/components/Tokens/Colors/Colors.styles.d.ts +2 -2
- package/types/components/Tokens/Typography/Typography.styles.d.ts +2 -2
|
@@ -403,7 +403,7 @@ const config = {
|
|
|
403
403
|
${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
|
|
404
404
|
${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
|
|
405
405
|
|
|
406
|
-
${_styledcomponents.selectTokens.
|
|
406
|
+
${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
407
407
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
|
|
408
408
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
|
|
409
409
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
|
|
@@ -528,7 +528,7 @@ const config = {
|
|
|
528
528
|
${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
529
529
|
${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
530
530
|
|
|
531
|
-
${_styledcomponents.selectTokens.
|
|
531
|
+
${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
532
532
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
|
|
533
533
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
|
|
534
534
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
|
|
@@ -653,7 +653,7 @@ const config = {
|
|
|
653
653
|
${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
654
654
|
${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
655
655
|
|
|
656
|
-
${_styledcomponents.selectTokens.
|
|
656
|
+
${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
657
657
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
|
|
658
658
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
|
|
659
659
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
|
|
@@ -778,7 +778,7 @@ const config = {
|
|
|
778
778
|
${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
779
779
|
${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
780
780
|
|
|
781
|
-
${_styledcomponents.selectTokens.
|
|
781
|
+
${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
782
782
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
|
|
783
783
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
|
|
784
784
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
|
|
@@ -903,7 +903,7 @@ const config = {
|
|
|
903
903
|
${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
904
904
|
${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
905
905
|
|
|
906
|
-
${_styledcomponents.selectTokens.
|
|
906
|
+
${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
907
907
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
|
|
908
908
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
|
|
909
909
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
|
|
@@ -16,29 +16,6 @@ const config = {
|
|
|
16
16
|
size: 'm'
|
|
17
17
|
},
|
|
18
18
|
variations: {
|
|
19
|
-
size: {
|
|
20
|
-
xxs: (0, _styledcomponents.css)`
|
|
21
|
-
${_styledcomponents.spinnerTokens.size}: 1rem;
|
|
22
|
-
`,
|
|
23
|
-
xs: (0, _styledcomponents.css)`
|
|
24
|
-
${_styledcomponents.spinnerTokens.size}: 1.5rem;
|
|
25
|
-
`,
|
|
26
|
-
s: (0, _styledcomponents.css)`
|
|
27
|
-
${_styledcomponents.spinnerTokens.size}: 2.25rem;
|
|
28
|
-
`,
|
|
29
|
-
m: (0, _styledcomponents.css)`
|
|
30
|
-
${_styledcomponents.spinnerTokens.size}: 3rem;
|
|
31
|
-
`,
|
|
32
|
-
l: (0, _styledcomponents.css)`
|
|
33
|
-
${_styledcomponents.spinnerTokens.size}: 3.5rem;
|
|
34
|
-
`,
|
|
35
|
-
xl: (0, _styledcomponents.css)`
|
|
36
|
-
${_styledcomponents.spinnerTokens.size}: 5.5rem;
|
|
37
|
-
`,
|
|
38
|
-
xxl: (0, _styledcomponents.css)`
|
|
39
|
-
${_styledcomponents.spinnerTokens.size}: 8rem;
|
|
40
|
-
`
|
|
41
|
-
},
|
|
42
19
|
view: {
|
|
43
20
|
default: (0, _styledcomponents.css)`
|
|
44
21
|
${_styledcomponents.spinnerTokens.color}: ${_sdds_dfa.textPrimary};
|
|
@@ -8,8 +8,19 @@ Object.defineProperty(exports, "Spinner", {
|
|
|
8
8
|
return Spinner;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
const _styledcomponents = require("
|
|
11
|
+
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
|
|
12
|
+
const _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
|
|
12
13
|
const _Spinnerconfig = require("./Spinner.config");
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
function _interop_require_default(obj) {
|
|
15
|
+
return obj && obj.__esModule ? obj : {
|
|
16
|
+
default: obj
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
const mergedConfig = (0, _styledcomponents1.mergeConfig)(_styledcomponents1.spinnerConfig, _Spinnerconfig.config);
|
|
20
|
+
const SpinnerComponent = (0, _styledcomponents1.component)(mergedConfig);
|
|
21
|
+
const Spinner = (0, _styledcomponents.default)(SpinnerComponent).withConfig({
|
|
22
|
+
displayName: "Spinner",
|
|
23
|
+
componentId: "sc-d47c168-0"
|
|
24
|
+
})([
|
|
25
|
+
``
|
|
26
|
+
]);
|
|
@@ -192,7 +192,7 @@ const config = {
|
|
|
192
192
|
${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
|
|
193
193
|
${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
|
|
194
194
|
|
|
195
|
-
${_styledcomponents.textFieldTokens.
|
|
195
|
+
${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
196
196
|
${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
|
|
197
197
|
${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
|
|
198
198
|
${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
|
|
@@ -284,7 +284,7 @@ const config = {
|
|
|
284
284
|
${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
|
|
285
285
|
${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
|
|
286
286
|
|
|
287
|
-
${_styledcomponents.textFieldTokens.
|
|
287
|
+
${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
288
288
|
${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
|
|
289
289
|
${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
|
|
290
290
|
${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
|
|
@@ -368,7 +368,7 @@ const config = {
|
|
|
368
368
|
${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
|
|
369
369
|
${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
|
|
370
370
|
|
|
371
|
-
${_styledcomponents.textFieldTokens.
|
|
371
|
+
${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
372
372
|
${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
|
|
373
373
|
${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
|
|
374
374
|
${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
|
|
@@ -452,7 +452,7 @@ const config = {
|
|
|
452
452
|
${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
|
|
453
453
|
${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
|
|
454
454
|
|
|
455
|
-
${_styledcomponents.textFieldTokens.
|
|
455
|
+
${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
456
456
|
${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
|
|
457
457
|
${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
|
|
458
458
|
${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
|
|
@@ -536,7 +536,7 @@ const config = {
|
|
|
536
536
|
${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
|
|
537
537
|
${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
|
|
538
538
|
|
|
539
|
-
${_styledcomponents.textFieldTokens.
|
|
539
|
+
${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
540
540
|
${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
|
|
541
541
|
${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
|
|
542
542
|
${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
|
|
@@ -176,7 +176,7 @@ const config = {
|
|
|
176
176
|
${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
|
|
177
177
|
${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
|
|
178
178
|
|
|
179
|
-
${_styledcomponents.textFieldTokens.
|
|
179
|
+
${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
180
180
|
${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
|
|
181
181
|
${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
|
|
182
182
|
${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
|
|
@@ -269,7 +269,7 @@ const config = {
|
|
|
269
269
|
${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
|
|
270
270
|
${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
|
|
271
271
|
|
|
272
|
-
${_styledcomponents.textFieldTokens.
|
|
272
|
+
${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
273
273
|
${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
|
|
274
274
|
${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
|
|
275
275
|
${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
|
|
@@ -355,7 +355,7 @@ const config = {
|
|
|
355
355
|
${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
|
|
356
356
|
${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
|
|
357
357
|
|
|
358
|
-
${_styledcomponents.textFieldTokens.
|
|
358
|
+
${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
359
359
|
${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
|
|
360
360
|
${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
|
|
361
361
|
${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
|
|
@@ -441,7 +441,7 @@ const config = {
|
|
|
441
441
|
${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
|
|
442
442
|
${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
|
|
443
443
|
|
|
444
|
-
${_styledcomponents.textFieldTokens.
|
|
444
|
+
${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
445
445
|
${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
|
|
446
446
|
${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
|
|
447
447
|
${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
|
|
@@ -527,7 +527,7 @@ const config = {
|
|
|
527
527
|
${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
|
|
528
528
|
${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
|
|
529
529
|
|
|
530
|
-
${_styledcomponents.textFieldTokens.
|
|
530
|
+
${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
531
531
|
${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
|
|
532
532
|
${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
|
|
533
533
|
${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
|
|
@@ -46,7 +46,7 @@ const config = {
|
|
|
46
46
|
${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_sdds_dfa.bodyL.letterSpacing};
|
|
47
47
|
${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_sdds_dfa.bodyL.lineHeight};
|
|
48
48
|
|
|
49
|
-
${_styledcomponents.textFieldGroupTokens.
|
|
49
|
+
${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
50
50
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
|
|
51
51
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
|
|
52
52
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
|
|
@@ -102,7 +102,7 @@ const config = {
|
|
|
102
102
|
${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_sdds_dfa.bodyM.letterSpacing};
|
|
103
103
|
${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_sdds_dfa.bodyM.lineHeight};
|
|
104
104
|
|
|
105
|
-
${_styledcomponents.textFieldGroupTokens.
|
|
105
|
+
${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
106
106
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
|
|
107
107
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
|
|
108
108
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
|
|
@@ -158,7 +158,7 @@ const config = {
|
|
|
158
158
|
${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_sdds_dfa.bodyS.letterSpacing};
|
|
159
159
|
${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_sdds_dfa.bodyS.lineHeight};
|
|
160
160
|
|
|
161
|
-
${_styledcomponents.textFieldGroupTokens.
|
|
161
|
+
${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
162
162
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
|
|
163
163
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
|
|
164
164
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
|
|
@@ -214,7 +214,7 @@ const config = {
|
|
|
214
214
|
${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
|
|
215
215
|
${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
|
|
216
216
|
|
|
217
|
-
${_styledcomponents.textFieldGroupTokens.
|
|
217
|
+
${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
218
218
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
|
|
219
219
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_sdds_dfa.bodyXS.fontSize};
|
|
220
220
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
|
|
@@ -50,7 +50,7 @@ _export(exports, {
|
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
52
|
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
|
|
53
|
-
const
|
|
53
|
+
const _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
|
|
54
54
|
const _Accordion = require("../../Accordion");
|
|
55
55
|
const _Segment = require("../../Segment/Segment");
|
|
56
56
|
function _interop_require_default(obj) {
|
|
@@ -60,45 +60,45 @@ function _interop_require_default(obj) {
|
|
|
60
60
|
}
|
|
61
61
|
const ColorTokensWrapper = _styledcomponents.default.div.withConfig({
|
|
62
62
|
displayName: "Colors.styles__ColorTokensWrapper",
|
|
63
|
-
componentId: "sc-
|
|
63
|
+
componentId: "sc-e9243388-0"
|
|
64
64
|
})([
|
|
65
65
|
`padding-top:1.5rem;width:100%;`
|
|
66
66
|
]);
|
|
67
67
|
const SubthemeSwitcher = _styledcomponents.default.div.withConfig({
|
|
68
68
|
displayName: "Colors.styles__SubthemeSwitcher",
|
|
69
|
-
componentId: "sc-
|
|
69
|
+
componentId: "sc-e9243388-1"
|
|
70
70
|
})([
|
|
71
71
|
`margin:-0.5rem auto 2.5rem auto;width:fit-content;position:relative;&:before{content:'Подтема';position:absolute;top:50%;transform:translate(-100%,-50%);left:-0.75rem;color:var(--text-tertiary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);bold-font-weight:var(--plasma-typo-body-xs-bold-font-weight);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}`
|
|
72
72
|
]);
|
|
73
73
|
const StyledSegmentItem = (0, _styledcomponents.default)(_Segment.SegmentItem).withConfig({
|
|
74
74
|
displayName: "Colors.styles__StyledSegmentItem",
|
|
75
|
-
componentId: "sc-
|
|
75
|
+
componentId: "sc-e9243388-2"
|
|
76
76
|
})([
|
|
77
77
|
``,
|
|
78
78
|
`:1.75rem;`,
|
|
79
79
|
`:0.375rem 0.5rem;`
|
|
80
|
-
],
|
|
80
|
+
], _styledcomponents1.segmentTokens.itemHeight, _styledcomponents1.segmentTokens.itemPilledPadding);
|
|
81
81
|
const AccordionInfo = _styledcomponents.default.div.withConfig({
|
|
82
82
|
displayName: "Colors.styles__AccordionInfo",
|
|
83
|
-
componentId: "sc-
|
|
83
|
+
componentId: "sc-e9243388-3"
|
|
84
84
|
})([
|
|
85
85
|
`display:grid;grid-template-columns:16.75rem 9.938rem 2.375rem 3.813rem 9.313rem;grid-column-gap:1.5rem;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);`
|
|
86
86
|
]);
|
|
87
87
|
const Subcategory = _styledcomponents.default.div.withConfig({
|
|
88
88
|
displayName: "Colors.styles__Subcategory",
|
|
89
|
-
componentId: "sc-
|
|
89
|
+
componentId: "sc-e9243388-4"
|
|
90
90
|
})([
|
|
91
91
|
`color:var(--text-secondary);`
|
|
92
92
|
]);
|
|
93
93
|
const ColumnTitle = _styledcomponents.default.div.withConfig({
|
|
94
94
|
displayName: "Colors.styles__ColumnTitle",
|
|
95
|
-
componentId: "sc-
|
|
95
|
+
componentId: "sc-e9243388-5"
|
|
96
96
|
})([
|
|
97
97
|
`color:var(--text-tertiary);transition:opacity 0.2s;&.color{display:flex;align-items:center;gap:2.5rem;}&.hex{padding-left:3.75rem;}`
|
|
98
98
|
]);
|
|
99
99
|
const StyledAccordionItem = (0, _styledcomponents.default)(_Accordion.AccordionItem).withConfig({
|
|
100
100
|
displayName: "Colors.styles__StyledAccordionItem",
|
|
101
|
-
componentId: "sc-
|
|
101
|
+
componentId: "sc-e9243388-6"
|
|
102
102
|
})([
|
|
103
103
|
`--plasma-accordion-item-padding:0;--plasma-accordion-item-padding-vertical:0;border-bottom:unset;width:50.375rem;div > div > div > svg{color:var(--text-secondary);}.accordion-item-body{margin-bottom:2.375rem;padding-top:0.125rem;transition:margin-bottom 0.2s,padding-top 0.2s;}[aria-expanded]{margin-bottom:1rem;}[aria-expanded='false']{margin-bottom:1.125rem;`,
|
|
104
104
|
` `,
|
|
@@ -106,31 +106,31 @@ const StyledAccordionItem = (0, _styledcomponents.default)(_Accordion.AccordionI
|
|
|
106
106
|
], AccordionInfo, ColumnTitle);
|
|
107
107
|
const TokenInfoWrapper = _styledcomponents.default.div.withConfig({
|
|
108
108
|
displayName: "Colors.styles__TokenInfoWrapper",
|
|
109
|
-
componentId: "sc-
|
|
109
|
+
componentId: "sc-e9243388-7"
|
|
110
110
|
})([
|
|
111
111
|
`display:flex;flex-direction:column;gap:0.75rem;margin-top:-0.125rem;`
|
|
112
112
|
]);
|
|
113
113
|
const ColorTokenDataWrapper = _styledcomponents.default.div.withConfig({
|
|
114
114
|
displayName: "Colors.styles__ColorTokenDataWrapper",
|
|
115
|
-
componentId: "sc-
|
|
115
|
+
componentId: "sc-e9243388-8"
|
|
116
116
|
})([
|
|
117
117
|
`display:flex;flex-direction:column;gap:0.5rem;`
|
|
118
118
|
]);
|
|
119
119
|
const StateDataWrapper = _styledcomponents.default.div.withConfig({
|
|
120
120
|
displayName: "Colors.styles__StateDataWrapper",
|
|
121
|
-
componentId: "sc-
|
|
121
|
+
componentId: "sc-e9243388-9"
|
|
122
122
|
})([
|
|
123
123
|
`display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.75rem;`
|
|
124
124
|
]);
|
|
125
125
|
const OpacityPart = _styledcomponents.default.span.withConfig({
|
|
126
126
|
displayName: "Colors.styles__OpacityPart",
|
|
127
|
-
componentId: "sc-
|
|
127
|
+
componentId: "sc-e9243388-10"
|
|
128
128
|
})([
|
|
129
129
|
`color:var(--text-secondary);padding-left:0.125rem;`
|
|
130
130
|
]);
|
|
131
131
|
const TokenInfo = _styledcomponents.default.div.withConfig({
|
|
132
132
|
displayName: "Colors.styles__TokenInfo",
|
|
133
|
-
componentId: "sc-
|
|
133
|
+
componentId: "sc-e9243388-11"
|
|
134
134
|
})([
|
|
135
135
|
`color:var(--text-paragraph);cursor:default;&.copy{cursor:copy;}&.color{display:flex;align-items:center;gap:2.5rem;}&.no-interaction{text-align:right;}&.hex{padding-left:3.75rem;}&:not(.no-interaction):hover{color:var(--text-paragraph-hover);`,
|
|
136
136
|
`{color:var(--text-paragraph-hover);}}&:not(.no-interaction):active{color:var(--text-paragraph-active);`,
|
|
@@ -138,7 +138,7 @@ const TokenInfo = _styledcomponents.default.div.withConfig({
|
|
|
138
138
|
], OpacityPart, OpacityPart);
|
|
139
139
|
const ColorCircle = _styledcomponents.default.div.withConfig({
|
|
140
140
|
displayName: "Colors.styles__ColorCircle",
|
|
141
|
-
componentId: "sc-
|
|
141
|
+
componentId: "sc-e9243388-12"
|
|
142
142
|
})([
|
|
143
143
|
`width:1.25rem;height:1.25rem;border-radius:50%;background:`,
|
|
144
144
|
`;box-shadow:`,
|
|
@@ -62,7 +62,7 @@ _export(exports, {
|
|
|
62
62
|
}
|
|
63
63
|
});
|
|
64
64
|
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
|
|
65
|
-
const
|
|
65
|
+
const _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
|
|
66
66
|
const _Accordion = require("../../Accordion");
|
|
67
67
|
const _Segment = require("../../Segment/Segment");
|
|
68
68
|
function _interop_require_default(obj) {
|
|
@@ -72,85 +72,85 @@ function _interop_require_default(obj) {
|
|
|
72
72
|
}
|
|
73
73
|
const TypographyTokensWrapper = _styledcomponents.default.div.withConfig({
|
|
74
74
|
displayName: "Typography.styles__TypographyTokensWrapper",
|
|
75
|
-
componentId: "sc-
|
|
75
|
+
componentId: "sc-8a9193e4-0"
|
|
76
76
|
})([
|
|
77
77
|
`width:100%;margin:1.5rem auto auto 2.5rem;`
|
|
78
78
|
]);
|
|
79
79
|
const FontPropsSwitcher = _styledcomponents.default.div.withConfig({
|
|
80
80
|
displayName: "Typography.styles__FontPropsSwitcher",
|
|
81
|
-
componentId: "sc-
|
|
81
|
+
componentId: "sc-8a9193e4-1"
|
|
82
82
|
})([
|
|
83
83
|
`margin:-0.5rem 0 2.5rem;display:flex;justify-content:center;width:100%;position:relative;box-sizing:border-box;`
|
|
84
84
|
]);
|
|
85
85
|
const FontWeightSwitcher = _styledcomponents.default.div.withConfig({
|
|
86
86
|
displayName: "Typography.styles__FontWeightSwitcher",
|
|
87
|
-
componentId: "sc-
|
|
87
|
+
componentId: "sc-8a9193e4-2"
|
|
88
88
|
})([
|
|
89
89
|
`position:absolute;top:0;left:0;`
|
|
90
90
|
]);
|
|
91
91
|
const BreakpointSwitcher = _styledcomponents.default.div.withConfig({
|
|
92
92
|
displayName: "Typography.styles__BreakpointSwitcher",
|
|
93
|
-
componentId: "sc-
|
|
93
|
+
componentId: "sc-8a9193e4-3"
|
|
94
94
|
})([
|
|
95
95
|
`width:fit-content;position:relative;&:before{content:'Экран';position:absolute;top:50%;transform:translate(-100%,-50%);left:-0.75rem;color:var(--text-tertiary);`,
|
|
96
96
|
`;}`
|
|
97
|
-
],
|
|
97
|
+
], _styledcomponents1.bodyXS);
|
|
98
98
|
const StyledSegmentItem = (0, _styledcomponents.default)(_Segment.SegmentItem).withConfig({
|
|
99
99
|
displayName: "Typography.styles__StyledSegmentItem",
|
|
100
|
-
componentId: "sc-
|
|
100
|
+
componentId: "sc-8a9193e4-4"
|
|
101
101
|
})([
|
|
102
102
|
``,
|
|
103
103
|
`:1.75rem;`,
|
|
104
104
|
`:0.375rem 0.5rem;`
|
|
105
|
-
],
|
|
105
|
+
], _styledcomponents1.segmentTokens.itemHeight, _styledcomponents1.segmentTokens.itemPilledPadding);
|
|
106
106
|
const AccordionTypographyTitle = _styledcomponents.default.div.withConfig({
|
|
107
107
|
displayName: "Typography.styles__AccordionTypographyTitle",
|
|
108
|
-
componentId: "sc-
|
|
108
|
+
componentId: "sc-8a9193e4-5"
|
|
109
109
|
})([
|
|
110
110
|
`color:var(--text-secondary);`,
|
|
111
111
|
`;`
|
|
112
|
-
],
|
|
112
|
+
], _styledcomponents1.bodyM);
|
|
113
113
|
const FontFamily = _styledcomponents.default.span.withConfig({
|
|
114
114
|
displayName: "Typography.styles__FontFamily",
|
|
115
|
-
componentId: "sc-
|
|
115
|
+
componentId: "sc-8a9193e4-6"
|
|
116
116
|
})([
|
|
117
117
|
`color:var(--text-tertiary);`
|
|
118
118
|
]);
|
|
119
119
|
const AccordionInfo = _styledcomponents.default.div.withConfig({
|
|
120
120
|
displayName: "Typography.styles__AccordionInfo",
|
|
121
|
-
componentId: "sc-
|
|
121
|
+
componentId: "sc-8a9193e4-7"
|
|
122
122
|
})([
|
|
123
123
|
`display:grid;grid-template-columns:16.75rem 35.75rem;grid-column-gap:1.5rem;max-width:55.5rem;`
|
|
124
124
|
]);
|
|
125
125
|
const StyledAccordionItem = (0, _styledcomponents.default)(_Accordion.AccordionItem).withConfig({
|
|
126
126
|
displayName: "Typography.styles__StyledAccordionItem",
|
|
127
|
-
componentId: "sc-
|
|
127
|
+
componentId: "sc-8a9193e4-8"
|
|
128
128
|
})([
|
|
129
129
|
`--plasma-accordion-item-padding:0;--plasma-accordion-item-padding-vertical:0;border-bottom:unset;.accordion-item-body{margin-bottom:2rem;padding-top:0.125rem;transition:margin-bottom 0.2s,padding-top 0.2s;}[aria-expanded]{margin-bottom:1rem;}[aria-expanded='false']{margin-bottom:1.125rem;`,
|
|
130
130
|
`{opacity:0;}}[aria-expanded='false'] + div > .accordion-item-body{margin:0;padding:0;}`
|
|
131
131
|
], AccordionInfo);
|
|
132
132
|
const TokenInfoWrapper = _styledcomponents.default.div.withConfig({
|
|
133
133
|
displayName: "Typography.styles__TokenInfoWrapper",
|
|
134
|
-
componentId: "sc-
|
|
134
|
+
componentId: "sc-8a9193e4-9"
|
|
135
135
|
})([
|
|
136
136
|
`display:flex;flex-direction:column;gap:2rem;`
|
|
137
137
|
]);
|
|
138
138
|
const TokenShortName = _styledcomponents.default.div.withConfig({
|
|
139
139
|
displayName: "Typography.styles__TokenShortName",
|
|
140
|
-
componentId: "sc-
|
|
140
|
+
componentId: "sc-8a9193e4-10"
|
|
141
141
|
})([
|
|
142
142
|
`cursor:copy;color:var(--text-paragraph);`,
|
|
143
143
|
`;&:hover{color:var(--text-paragraph-hover);}&:active{color:var(--text-paragraph-active);}`
|
|
144
|
-
],
|
|
144
|
+
], _styledcomponents1.bodyM);
|
|
145
145
|
const TokenInfo = _styledcomponents.default.div.withConfig({
|
|
146
146
|
displayName: "Typography.styles__TokenInfo",
|
|
147
|
-
componentId: "sc-
|
|
147
|
+
componentId: "sc-8a9193e4-11"
|
|
148
148
|
})([
|
|
149
149
|
`display:flex;flex-direction:column;gap:1rem;`
|
|
150
150
|
]);
|
|
151
151
|
const TokenText = _styledcomponents.default.div.withConfig({
|
|
152
152
|
displayName: "Typography.styles__TokenText",
|
|
153
|
-
componentId: "sc-
|
|
153
|
+
componentId: "sc-8a9193e4-12"
|
|
154
154
|
})([
|
|
155
155
|
`color:var(--text-primary);font-size:`,
|
|
156
156
|
`;font-weight:`,
|
|
@@ -162,29 +162,29 @@ const TokenText = _styledcomponents.default.div.withConfig({
|
|
|
162
162
|
], ({ fontSize })=>fontSize, ({ fontWeight })=>fontWeight, ({ lineHeight })=>lineHeight, ({ letterSpacing })=>letterSpacing, ({ fontStyle })=>fontStyle, ({ isDisplay })=>isDisplay ? 'nowrap' : 'normal');
|
|
163
163
|
const TokenPropValue = _styledcomponents.default.div.withConfig({
|
|
164
164
|
displayName: "Typography.styles__TokenPropValue",
|
|
165
|
-
componentId: "sc-
|
|
165
|
+
componentId: "sc-8a9193e4-13"
|
|
166
166
|
})([
|
|
167
167
|
`color:var(--text-paragraph);`
|
|
168
168
|
]);
|
|
169
169
|
const TokenPropName = _styledcomponents.default.div.withConfig({
|
|
170
170
|
displayName: "Typography.styles__TokenPropName",
|
|
171
|
-
componentId: "sc-
|
|
171
|
+
componentId: "sc-8a9193e4-14"
|
|
172
172
|
})([
|
|
173
173
|
`color:var(--text-tertiary);`
|
|
174
174
|
]);
|
|
175
175
|
const TokenPropsWrapper = _styledcomponents.default.div.withConfig({
|
|
176
176
|
displayName: "Typography.styles__TokenPropsWrapper",
|
|
177
|
-
componentId: "sc-
|
|
177
|
+
componentId: "sc-8a9193e4-15"
|
|
178
178
|
})([
|
|
179
179
|
`cursor:copy;width:fit-content;display:flex;flex-direction:column;gap:0.5rem;`,
|
|
180
180
|
`;&:hover{`,
|
|
181
181
|
`{color:var(--text-paragraph-hover);}}&:active{`,
|
|
182
182
|
`{color:var(--text-paragraph-active);}`,
|
|
183
183
|
`{color:var(--text-tertiary-active);}}`
|
|
184
|
-
],
|
|
184
|
+
], _styledcomponents1.bodyXS, TokenPropValue, TokenPropValue, TokenPropName);
|
|
185
185
|
const TokenProps = _styledcomponents.default.div.withConfig({
|
|
186
186
|
displayName: "Typography.styles__TokenProps",
|
|
187
|
-
componentId: "sc-
|
|
187
|
+
componentId: "sc-8a9193e4-16"
|
|
188
188
|
})([
|
|
189
189
|
`display:flex;gap:1rem;`
|
|
190
190
|
]);
|
|
@@ -214,7 +214,7 @@ export const config = {
|
|
|
214
214
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
|
|
215
215
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
|
|
216
216
|
|
|
217
|
-
${tokens.
|
|
217
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
218
218
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
219
219
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
220
220
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -289,7 +289,7 @@ export const config = {
|
|
|
289
289
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
290
290
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
291
291
|
|
|
292
|
-
${tokens.
|
|
292
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
293
293
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
294
294
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
295
295
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -364,7 +364,7 @@ export const config = {
|
|
|
364
364
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
365
365
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
366
366
|
|
|
367
|
-
${tokens.
|
|
367
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
368
368
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
369
369
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
370
370
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -439,7 +439,7 @@ export const config = {
|
|
|
439
439
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
440
440
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
441
441
|
|
|
442
|
-
${tokens.
|
|
442
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
443
443
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
444
444
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
445
445
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -514,7 +514,7 @@ export const config = {
|
|
|
514
514
|
${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
515
515
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
516
516
|
|
|
517
|
-
${tokens.
|
|
517
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
518
518
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
519
519
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
520
520
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css, breadcrumbsTokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
|
-
import { bodyL,
|
|
2
|
+
import { bodyL, bodyM, bodyS, bodyXS, surfaceAccent, textPrimary } from '@salutejs/sdds-themes/tokens/sdds_dfa';
|
|
3
3
|
export const config = {
|
|
4
4
|
defaults: {
|
|
5
5
|
view: 'default',
|
|
@@ -22,7 +22,7 @@ export const config = {
|
|
|
22
22
|
${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyL.fontFamily};
|
|
23
23
|
${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyL.fontSize};
|
|
24
24
|
${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyL.fontStyle};
|
|
25
|
-
${breadcrumbsTokens.breadcrumbsFontWeight}: ${
|
|
25
|
+
${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyL.fontWeight};
|
|
26
26
|
${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyL.letterSpacing};
|
|
27
27
|
${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyL.lineHeight};
|
|
28
28
|
`,
|
|
@@ -32,7 +32,7 @@ export const config = {
|
|
|
32
32
|
${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyM.fontFamily};
|
|
33
33
|
${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyM.fontSize};
|
|
34
34
|
${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyM.fontStyle};
|
|
35
|
-
${breadcrumbsTokens.breadcrumbsFontWeight}: ${
|
|
35
|
+
${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyM.fontWeight};
|
|
36
36
|
${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyM.letterSpacing};
|
|
37
37
|
${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyM.lineHeight};
|
|
38
38
|
`,
|
|
@@ -42,7 +42,7 @@ export const config = {
|
|
|
42
42
|
${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyS.fontFamily};
|
|
43
43
|
${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyS.fontSize};
|
|
44
44
|
${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyS.fontStyle};
|
|
45
|
-
${breadcrumbsTokens.breadcrumbsFontWeight}: ${
|
|
45
|
+
${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyS.fontWeight};
|
|
46
46
|
${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyS.letterSpacing};
|
|
47
47
|
${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyS.lineHeight};
|
|
48
48
|
`,
|
|
@@ -52,7 +52,7 @@ export const config = {
|
|
|
52
52
|
${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyXS.fontFamily};
|
|
53
53
|
${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyXS.fontSize};
|
|
54
54
|
${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyXS.fontStyle};
|
|
55
|
-
${breadcrumbsTokens.breadcrumbsFontWeight}: ${
|
|
55
|
+
${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyXS.fontWeight};
|
|
56
56
|
${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyXS.letterSpacing};
|
|
57
57
|
${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyXS.lineHeight};
|
|
58
58
|
`
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { buttonConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
|
-
import { makePolymorphic } from '@salutejs/plasma-new-hope';
|
|
1
|
+
import { buttonConfig, component, mergeConfig, makePolymorphic } from '@salutejs/plasma-new-hope/styled-components';
|
|
3
2
|
import { config } from './Button.config';
|
|
4
3
|
const mergedConfig = mergeConfig(buttonConfig, config);
|
|
5
4
|
const ButtonComponent = component(mergedConfig);
|
|
@@ -22,8 +22,8 @@ export const config = {
|
|
|
22
22
|
${calendarBaseTokens.calendarHoveredItemColor}: ${textPrimary};
|
|
23
23
|
${calendarBaseTokens.calendarRangeBackground}: ${surfaceTransparentSecondary};
|
|
24
24
|
${calendarBaseTokens.calendarOutlineFocusColor}: ${surfaceAccent};
|
|
25
|
-
${calendarBaseTokens.calendarContentPrimaryColor}: ${
|
|
26
|
-
${calendarBaseTokens.calendarContentPrimaryDisabledColor}: ${
|
|
25
|
+
${calendarBaseTokens.calendarContentPrimaryColor}: ${textPrimary};
|
|
26
|
+
${calendarBaseTokens.calendarContentPrimaryDisabledColor}: ${textPrimary};
|
|
27
27
|
${calendarBaseTokens.calendarContentSecondaryColor}: ${textSecondary};
|
|
28
28
|
${calendarBaseTokens.calendarContentSecondaryDisabledColor}: ${textSecondary};
|
|
29
29
|
${calendarBaseTokens.calendarHeaderArrowColor}: ${calendarBaseTokens.calendarContentPrimaryColor};
|
|
@@ -96,7 +96,6 @@ export const config = {
|
|
|
96
96
|
|
|
97
97
|
${calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
98
98
|
${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
99
|
-
${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
100
99
|
|
|
101
100
|
${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
102
101
|
${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -166,7 +165,6 @@ export const config = {
|
|
|
166
165
|
|
|
167
166
|
${calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
168
167
|
${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
169
|
-
${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
170
168
|
|
|
171
169
|
${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
172
170
|
${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -236,7 +234,6 @@ export const config = {
|
|
|
236
234
|
|
|
237
235
|
${calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
238
236
|
${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
239
|
-
${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
240
237
|
|
|
241
238
|
${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
242
239
|
${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -306,7 +303,6 @@ export const config = {
|
|
|
306
303
|
|
|
307
304
|
${calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
308
305
|
${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
309
|
-
${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
310
306
|
|
|
311
307
|
${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
312
308
|
${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -376,7 +372,6 @@ export const config = {
|
|
|
376
372
|
|
|
377
373
|
${calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
378
374
|
${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
|
|
379
|
-
${calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
|
|
380
375
|
|
|
381
376
|
${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
382
377
|
${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|