@salutejs/sdds-dfa 0.322.0-canary.2238.17818313113.0 → 0.322.0-canary.2239.17794430722.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/components/Attach/Attach.config.js +4 -8
- package/components/Drawer/Drawer.d.ts +0 -1
- package/components/Skeleton/LineSkeleton.config.d.ts +0 -5
- package/components/Skeleton/LineSkeleton.config.js +51 -76
- package/components/Skeleton/Skeleton.d.ts +0 -8
- package/es/components/Attach/Attach.config.js +4 -8
- package/es/components/Skeleton/LineSkeleton.config.js +51 -76
- package/package.json +7 -7
|
@@ -492,7 +492,6 @@ function _templateObject12() {
|
|
|
492
492
|
": 0.5rem;\n ",
|
|
493
493
|
": 1.625rem;\n\n ",
|
|
494
494
|
": 3.5rem;\n ",
|
|
495
|
-
": 3.5rem;\n ",
|
|
496
495
|
": 12.5rem;\n ",
|
|
497
496
|
": 1.5rem;\n ",
|
|
498
497
|
": 0.875rem;\n ",
|
|
@@ -569,7 +568,6 @@ function _templateObject13() {
|
|
|
569
568
|
": 0.5rem;\n ",
|
|
570
569
|
": 1.625rem;\n\n ",
|
|
571
570
|
": 3rem;\n ",
|
|
572
|
-
": 3rem;\n ",
|
|
573
571
|
": 11.25rem;\n ",
|
|
574
572
|
": 1.25rem;\n ",
|
|
575
573
|
": 0.75rem;\n ",
|
|
@@ -646,7 +644,6 @@ function _templateObject14() {
|
|
|
646
644
|
": 0.375rem;\n ",
|
|
647
645
|
": 1.5rem;\n\n ",
|
|
648
646
|
": 2.5rem;\n ",
|
|
649
|
-
": 2.5rem;\n ",
|
|
650
647
|
": 11.25rem;\n ",
|
|
651
648
|
": 1rem;\n ",
|
|
652
649
|
": 0.625rem;\n ",
|
|
@@ -723,7 +720,6 @@ function _templateObject15() {
|
|
|
723
720
|
": 0.25rem;\n ",
|
|
724
721
|
": 1.375rem;\n\n ",
|
|
725
722
|
": 2rem;\n ",
|
|
726
|
-
": 2rem;\n ",
|
|
727
723
|
": 10rem;\n ",
|
|
728
724
|
": 0.75rem;\n ",
|
|
729
725
|
": 0.5rem;\n ",
|
|
@@ -818,10 +814,10 @@ var config = {
|
|
|
818
814
|
negative: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.attachTokens.helperTextColor)
|
|
819
815
|
},
|
|
820
816
|
size: {
|
|
821
|
-
l: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.
|
|
822
|
-
m: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.
|
|
823
|
-
s: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.
|
|
824
|
-
xs: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.
|
|
817
|
+
l: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.buttonHeight, _styledcomponents.attachTokens.buttonWidth, _styledcomponents.attachTokens.buttonPadding, _styledcomponents.attachTokens.buttonRadius, _styledcomponents.attachTokens.buttonFontFamily, _styledcomponents.attachTokens.buttonFontSize, _styledcomponents.attachTokens.buttonFontStyle, _styledcomponents.attachTokens.buttonFontWeight, _styledcomponents.attachTokens.buttonLetterSpacing, _styledcomponents.attachTokens.buttonLineHeight, _styledcomponents.attachTokens.buttonSpinnerSize, _styledcomponents.attachTokens.buttonSpinnerColor, _styledcomponents.attachTokens.buttonLeftContentMargin, _styledcomponents.attachTokens.buttonRightContentMargin, _styledcomponents.attachTokens.buttonValueMargin, _styledcomponents.attachTokens.cellWidth, _styledcomponents.attachTokens.cellPadding, _styledcomponents.attachTokens.cellPaddingLeftContent, _styledcomponents.attachTokens.cellPaddingContent, _styledcomponents.attachTokens.cellPaddingRightContent, _styledcomponents.attachTokens.cellTextboxGap, _styledcomponents.attachTokens.cellGap, _styledcomponents.attachTokens.cellLabelFontFamily, _styledcomponents.attachTokens.cellLabelFontSize, _styledcomponents.attachTokens.cellLabelFontStyle, _styledcomponents.attachTokens.cellLabelFontWeight, _styledcomponents.attachTokens.cellLabelLetterSpacing, _styledcomponents.attachTokens.cellLabelLineHeight, _styledcomponents.attachTokens.cellTitleFontFamily, _styledcomponents.attachTokens.cellTitleFontSize, _styledcomponents.attachTokens.cellTitleFontStyle, _styledcomponents.attachTokens.cellTitleFontWeight, _styledcomponents.attachTokens.cellTitleLetterSpacing, _styledcomponents.attachTokens.cellTitleLineHeight, _styledcomponents.attachTokens.cellSubtitleFontFamily, _styledcomponents.attachTokens.cellSubtitleFontSize, _styledcomponents.attachTokens.cellSubtitleFontStyle, _styledcomponents.attachTokens.cellSubtitleFontWeight, _styledcomponents.attachTokens.cellSubtitleLetterSpacing, _styledcomponents.attachTokens.cellSubtitleLineHeight, _styledcomponents.attachTokens.iconButtonHeight, _styledcomponents.attachTokens.iconButtonWidth, _styledcomponents.attachTokens.iconButtonPadding, _styledcomponents.attachTokens.iconButtonRadius, _styledcomponents.attachTokens.iconButtonFontFamily, _styledcomponents.attachTokens.iconButtonFontSize, _styledcomponents.attachTokens.iconButtonFontStyle, _styledcomponents.attachTokens.iconButtonFontWeight, _styledcomponents.attachTokens.iconButtonLetterSpacing, _styledcomponents.attachTokens.iconButtonLineHeight, _styledcomponents.attachTokens.iconButtonSpinnerSize, _styledcomponents.attachTokens.iconButtonSpinnerColor, _styledcomponents.attachTokens.iconButtonCancelHeight, _styledcomponents.attachTokens.iconButtonCancelWidth, _styledcomponents.attachTokens.iconButtonCancelPadding, _styledcomponents.attachTokens.iconButtonCancelRadius, _styledcomponents.attachTokens.iconButtonCancelFontFamily, _styledcomponents.attachTokens.iconButtonCancelFontSize, _styledcomponents.attachTokens.iconButtonCancelFontStyle, _styledcomponents.attachTokens.iconButtonCancelFontWeight, _styledcomponents.attachTokens.iconButtonCancelLetterSpacing, _styledcomponents.attachTokens.iconButtonCancelLineHeight, _styledcomponents.attachTokens.iconButtonCancelSpinnerSize, _styledcomponents.attachTokens.iconButtonCancelSpinnerColor),
|
|
818
|
+
m: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.buttonHeight, _styledcomponents.attachTokens.buttonWidth, _styledcomponents.attachTokens.buttonPadding, _styledcomponents.attachTokens.buttonRadius, _styledcomponents.attachTokens.buttonFontFamily, _styledcomponents.attachTokens.buttonFontSize, _styledcomponents.attachTokens.buttonFontStyle, _styledcomponents.attachTokens.buttonFontWeight, _styledcomponents.attachTokens.buttonLetterSpacing, _styledcomponents.attachTokens.buttonLineHeight, _styledcomponents.attachTokens.buttonSpinnerSize, _styledcomponents.attachTokens.buttonSpinnerColor, _styledcomponents.attachTokens.buttonLeftContentMargin, _styledcomponents.attachTokens.buttonRightContentMargin, _styledcomponents.attachTokens.buttonValueMargin, _styledcomponents.attachTokens.cellWidth, _styledcomponents.attachTokens.cellPadding, _styledcomponents.attachTokens.cellPaddingLeftContent, _styledcomponents.attachTokens.cellPaddingContent, _styledcomponents.attachTokens.cellPaddingRightContent, _styledcomponents.attachTokens.cellTextboxGap, _styledcomponents.attachTokens.cellGap, _styledcomponents.attachTokens.cellLabelFontFamily, _styledcomponents.attachTokens.cellLabelFontSize, _styledcomponents.attachTokens.cellLabelFontStyle, _styledcomponents.attachTokens.cellLabelFontWeight, _styledcomponents.attachTokens.cellLabelLetterSpacing, _styledcomponents.attachTokens.cellLabelLineHeight, _styledcomponents.attachTokens.cellTitleFontFamily, _styledcomponents.attachTokens.cellTitleFontSize, _styledcomponents.attachTokens.cellTitleFontStyle, _styledcomponents.attachTokens.cellTitleFontWeight, _styledcomponents.attachTokens.cellTitleLetterSpacing, _styledcomponents.attachTokens.cellTitleLineHeight, _styledcomponents.attachTokens.cellSubtitleFontFamily, _styledcomponents.attachTokens.cellSubtitleFontSize, _styledcomponents.attachTokens.cellSubtitleFontStyle, _styledcomponents.attachTokens.cellSubtitleFontWeight, _styledcomponents.attachTokens.cellSubtitleLetterSpacing, _styledcomponents.attachTokens.cellSubtitleLineHeight, _styledcomponents.attachTokens.iconButtonHeight, _styledcomponents.attachTokens.iconButtonWidth, _styledcomponents.attachTokens.iconButtonPadding, _styledcomponents.attachTokens.iconButtonRadius, _styledcomponents.attachTokens.iconButtonFontFamily, _styledcomponents.attachTokens.iconButtonFontSize, _styledcomponents.attachTokens.iconButtonFontStyle, _styledcomponents.attachTokens.iconButtonFontWeight, _styledcomponents.attachTokens.iconButtonLetterSpacing, _styledcomponents.attachTokens.iconButtonLineHeight, _styledcomponents.attachTokens.iconButtonSpinnerSize, _styledcomponents.attachTokens.iconButtonSpinnerColor, _styledcomponents.attachTokens.iconButtonCancelHeight, _styledcomponents.attachTokens.iconButtonCancelWidth, _styledcomponents.attachTokens.iconButtonCancelPadding, _styledcomponents.attachTokens.iconButtonCancelRadius, _styledcomponents.attachTokens.iconButtonCancelFontFamily, _styledcomponents.attachTokens.iconButtonCancelFontSize, _styledcomponents.attachTokens.iconButtonCancelFontStyle, _styledcomponents.attachTokens.iconButtonCancelFontWeight, _styledcomponents.attachTokens.iconButtonCancelLetterSpacing, _styledcomponents.attachTokens.iconButtonCancelLineHeight, _styledcomponents.attachTokens.iconButtonCancelSpinnerSize, _styledcomponents.attachTokens.iconButtonCancelSpinnerColor),
|
|
819
|
+
s: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.buttonHeight, _styledcomponents.attachTokens.buttonWidth, _styledcomponents.attachTokens.buttonPadding, _styledcomponents.attachTokens.buttonRadius, _styledcomponents.attachTokens.buttonFontFamily, _styledcomponents.attachTokens.buttonFontSize, _styledcomponents.attachTokens.buttonFontStyle, _styledcomponents.attachTokens.buttonFontWeight, _styledcomponents.attachTokens.buttonLetterSpacing, _styledcomponents.attachTokens.buttonLineHeight, _styledcomponents.attachTokens.buttonSpinnerSize, _styledcomponents.attachTokens.buttonSpinnerColor, _styledcomponents.attachTokens.buttonLeftContentMargin, _styledcomponents.attachTokens.buttonRightContentMargin, _styledcomponents.attachTokens.buttonValueMargin, _styledcomponents.attachTokens.cellWidth, _styledcomponents.attachTokens.cellPadding, _styledcomponents.attachTokens.cellPaddingLeftContent, _styledcomponents.attachTokens.cellPaddingContent, _styledcomponents.attachTokens.cellPaddingRightContent, _styledcomponents.attachTokens.cellTextboxGap, _styledcomponents.attachTokens.cellGap, _styledcomponents.attachTokens.cellLabelFontFamily, _styledcomponents.attachTokens.cellLabelFontSize, _styledcomponents.attachTokens.cellLabelFontStyle, _styledcomponents.attachTokens.cellLabelFontWeight, _styledcomponents.attachTokens.cellLabelLetterSpacing, _styledcomponents.attachTokens.cellLabelLineHeight, _styledcomponents.attachTokens.cellTitleFontFamily, _styledcomponents.attachTokens.cellTitleFontSize, _styledcomponents.attachTokens.cellTitleFontStyle, _styledcomponents.attachTokens.cellTitleFontWeight, _styledcomponents.attachTokens.cellTitleLetterSpacing, _styledcomponents.attachTokens.cellTitleLineHeight, _styledcomponents.attachTokens.cellSubtitleFontFamily, _styledcomponents.attachTokens.cellSubtitleFontSize, _styledcomponents.attachTokens.cellSubtitleFontStyle, _styledcomponents.attachTokens.cellSubtitleFontWeight, _styledcomponents.attachTokens.cellSubtitleLetterSpacing, _styledcomponents.attachTokens.cellSubtitleLineHeight, _styledcomponents.attachTokens.iconButtonHeight, _styledcomponents.attachTokens.iconButtonWidth, _styledcomponents.attachTokens.iconButtonPadding, _styledcomponents.attachTokens.iconButtonRadius, _styledcomponents.attachTokens.iconButtonFontFamily, _styledcomponents.attachTokens.iconButtonFontSize, _styledcomponents.attachTokens.iconButtonFontStyle, _styledcomponents.attachTokens.iconButtonFontWeight, _styledcomponents.attachTokens.iconButtonLetterSpacing, _styledcomponents.attachTokens.iconButtonLineHeight, _styledcomponents.attachTokens.iconButtonSpinnerSize, _styledcomponents.attachTokens.iconButtonSpinnerColor, _styledcomponents.attachTokens.iconButtonCancelHeight, _styledcomponents.attachTokens.iconButtonCancelWidth, _styledcomponents.attachTokens.iconButtonCancelPadding, _styledcomponents.attachTokens.iconButtonCancelRadius, _styledcomponents.attachTokens.iconButtonCancelFontFamily, _styledcomponents.attachTokens.iconButtonCancelFontSize, _styledcomponents.attachTokens.iconButtonCancelFontStyle, _styledcomponents.attachTokens.iconButtonCancelFontWeight, _styledcomponents.attachTokens.iconButtonCancelLetterSpacing, _styledcomponents.attachTokens.iconButtonCancelLineHeight, _styledcomponents.attachTokens.iconButtonCancelSpinnerSize, _styledcomponents.attachTokens.iconButtonCancelSpinnerColor),
|
|
820
|
+
xs: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.buttonHeight, _styledcomponents.attachTokens.buttonWidth, _styledcomponents.attachTokens.buttonPadding, _styledcomponents.attachTokens.buttonRadius, _styledcomponents.attachTokens.buttonFontFamily, _styledcomponents.attachTokens.buttonFontSize, _styledcomponents.attachTokens.buttonFontStyle, _styledcomponents.attachTokens.buttonFontWeight, _styledcomponents.attachTokens.buttonLetterSpacing, _styledcomponents.attachTokens.buttonLineHeight, _styledcomponents.attachTokens.buttonSpinnerSize, _styledcomponents.attachTokens.buttonSpinnerColor, _styledcomponents.attachTokens.buttonLeftContentMargin, _styledcomponents.attachTokens.buttonRightContentMargin, _styledcomponents.attachTokens.buttonValueMargin, _styledcomponents.attachTokens.cellWidth, _styledcomponents.attachTokens.cellPadding, _styledcomponents.attachTokens.cellPaddingLeftContent, _styledcomponents.attachTokens.cellPaddingContent, _styledcomponents.attachTokens.cellPaddingRightContent, _styledcomponents.attachTokens.cellTextboxGap, _styledcomponents.attachTokens.cellGap, _styledcomponents.attachTokens.cellLabelFontFamily, _styledcomponents.attachTokens.cellLabelFontSize, _styledcomponents.attachTokens.cellLabelFontStyle, _styledcomponents.attachTokens.cellLabelFontWeight, _styledcomponents.attachTokens.cellLabelLetterSpacing, _styledcomponents.attachTokens.cellLabelLineHeight, _styledcomponents.attachTokens.cellTitleFontFamily, _styledcomponents.attachTokens.cellTitleFontSize, _styledcomponents.attachTokens.cellTitleFontStyle, _styledcomponents.attachTokens.cellTitleFontWeight, _styledcomponents.attachTokens.cellTitleLetterSpacing, _styledcomponents.attachTokens.cellTitleLineHeight, _styledcomponents.attachTokens.cellSubtitleFontFamily, _styledcomponents.attachTokens.cellSubtitleFontSize, _styledcomponents.attachTokens.cellSubtitleFontStyle, _styledcomponents.attachTokens.cellSubtitleFontWeight, _styledcomponents.attachTokens.cellSubtitleLetterSpacing, _styledcomponents.attachTokens.cellSubtitleLineHeight, _styledcomponents.attachTokens.iconButtonHeight, _styledcomponents.attachTokens.iconButtonWidth, _styledcomponents.attachTokens.iconButtonPadding, _styledcomponents.attachTokens.iconButtonRadius, _styledcomponents.attachTokens.iconButtonFontFamily, _styledcomponents.attachTokens.iconButtonFontSize, _styledcomponents.attachTokens.iconButtonFontStyle, _styledcomponents.attachTokens.iconButtonFontWeight, _styledcomponents.attachTokens.iconButtonLetterSpacing, _styledcomponents.attachTokens.iconButtonLineHeight, _styledcomponents.attachTokens.iconButtonSpinnerSize, _styledcomponents.attachTokens.iconButtonSpinnerColor, _styledcomponents.attachTokens.iconButtonCancelHeight, _styledcomponents.attachTokens.iconButtonCancelWidth, _styledcomponents.attachTokens.iconButtonCancelPadding, _styledcomponents.attachTokens.iconButtonCancelRadius, _styledcomponents.attachTokens.iconButtonCancelFontFamily, _styledcomponents.attachTokens.iconButtonCancelFontSize, _styledcomponents.attachTokens.iconButtonCancelFontStyle, _styledcomponents.attachTokens.iconButtonCancelFontWeight, _styledcomponents.attachTokens.iconButtonCancelLetterSpacing, _styledcomponents.attachTokens.iconButtonCancelLineHeight, _styledcomponents.attachTokens.iconButtonCancelSpinnerSize, _styledcomponents.attachTokens.iconButtonCancelSpinnerColor)
|
|
825
821
|
}
|
|
826
822
|
}
|
|
827
823
|
};
|
|
@@ -13,7 +13,6 @@ export declare const Drawer: import("react").FunctionComponent<import("@salutejs
|
|
|
13
13
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
14
|
};
|
|
15
15
|
}> & Omit<import("@salutejs/plasma-new-hope/styled-components").PopupProps, "draggable" | "resizable"> & import("@salutejs/plasma-new-hope/types/components/Panel").PanelProps & {
|
|
16
|
-
animationInfo?: import("@salutejs/plasma-new-hope/types/components/Drawer/Drawer.types").DrawerAnimationInfo;
|
|
17
16
|
placement?: import("@salutejs/plasma-new-hope/types/components/Drawer/Drawer.types").DrawerPlacement;
|
|
18
17
|
asModal?: boolean;
|
|
19
18
|
customBackgroundColor?: string;
|
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
export declare const config: {
|
|
2
2
|
defaults: {
|
|
3
3
|
size: string;
|
|
4
|
-
view: string;
|
|
5
4
|
};
|
|
6
5
|
variations: {
|
|
7
|
-
view: {
|
|
8
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
9
|
-
lighter: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
10
|
-
};
|
|
11
6
|
size: {
|
|
12
7
|
bodyL: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
13
8
|
bodyM: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -20,240 +20,215 @@ function _tagged_template_literal(strings, raw) {
|
|
|
20
20
|
}));
|
|
21
21
|
}
|
|
22
22
|
function _templateObject() {
|
|
23
|
-
var data = _tagged_template_literal([
|
|
24
|
-
"\n ",
|
|
25
|
-
": var(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient));\n "
|
|
26
|
-
]);
|
|
27
|
-
_templateObject = function _templateObject() {
|
|
28
|
-
return data;
|
|
29
|
-
};
|
|
30
|
-
return data;
|
|
31
|
-
}
|
|
32
|
-
function _templateObject1() {
|
|
33
|
-
var data = _tagged_template_literal([
|
|
34
|
-
"\n ",
|
|
35
|
-
": var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient));\n "
|
|
36
|
-
]);
|
|
37
|
-
_templateObject1 = function _templateObject() {
|
|
38
|
-
return data;
|
|
39
|
-
};
|
|
40
|
-
return data;
|
|
41
|
-
}
|
|
42
|
-
function _templateObject2() {
|
|
43
23
|
var data = _tagged_template_literal([
|
|
44
24
|
"\n ",
|
|
45
25
|
": var(--plasma-typo-body-l-line-height);\n ",
|
|
46
26
|
": var(--plasma-typo-body-l-font-size);\n "
|
|
47
27
|
]);
|
|
48
|
-
|
|
28
|
+
_templateObject = function _templateObject() {
|
|
49
29
|
return data;
|
|
50
30
|
};
|
|
51
31
|
return data;
|
|
52
32
|
}
|
|
53
|
-
function
|
|
33
|
+
function _templateObject1() {
|
|
54
34
|
var data = _tagged_template_literal([
|
|
55
35
|
"\n ",
|
|
56
36
|
": var(--plasma-typo-body-m-line-height);\n ",
|
|
57
37
|
": var(--plasma-typo-body-m-font-size);\n "
|
|
58
38
|
]);
|
|
59
|
-
|
|
39
|
+
_templateObject1 = function _templateObject() {
|
|
60
40
|
return data;
|
|
61
41
|
};
|
|
62
42
|
return data;
|
|
63
43
|
}
|
|
64
|
-
function
|
|
44
|
+
function _templateObject2() {
|
|
65
45
|
var data = _tagged_template_literal([
|
|
66
46
|
"\n ",
|
|
67
47
|
": var(--plasma-typo-body-s-line-height);\n ",
|
|
68
48
|
": var(--plasma-typo-body-s-font-size);\n "
|
|
69
49
|
]);
|
|
70
|
-
|
|
50
|
+
_templateObject2 = function _templateObject() {
|
|
71
51
|
return data;
|
|
72
52
|
};
|
|
73
53
|
return data;
|
|
74
54
|
}
|
|
75
|
-
function
|
|
55
|
+
function _templateObject3() {
|
|
76
56
|
var data = _tagged_template_literal([
|
|
77
57
|
"\n ",
|
|
78
58
|
": var(--plasma-typo-body-xs-line-height);\n ",
|
|
79
59
|
": var(--plasma-typo-body-xs-font-size);\n "
|
|
80
60
|
]);
|
|
81
|
-
|
|
61
|
+
_templateObject3 = function _templateObject() {
|
|
82
62
|
return data;
|
|
83
63
|
};
|
|
84
64
|
return data;
|
|
85
65
|
}
|
|
86
|
-
function
|
|
66
|
+
function _templateObject4() {
|
|
87
67
|
var data = _tagged_template_literal([
|
|
88
68
|
"\n ",
|
|
89
69
|
": var(--plasma-typo-body-xxs-line-height);\n ",
|
|
90
70
|
": var(--plasma-typo-body-xxs-font-size);\n "
|
|
91
71
|
]);
|
|
92
|
-
|
|
72
|
+
_templateObject4 = function _templateObject() {
|
|
93
73
|
return data;
|
|
94
74
|
};
|
|
95
75
|
return data;
|
|
96
76
|
}
|
|
97
|
-
function
|
|
77
|
+
function _templateObject5() {
|
|
98
78
|
var data = _tagged_template_literal([
|
|
99
79
|
"\n ",
|
|
100
80
|
": var(--plasma-typo-dspl-l-line-height);\n ",
|
|
101
81
|
": var(--plasma-typo-dspl-l-font-size);\n "
|
|
102
82
|
]);
|
|
103
|
-
|
|
83
|
+
_templateObject5 = function _templateObject() {
|
|
104
84
|
return data;
|
|
105
85
|
};
|
|
106
86
|
return data;
|
|
107
87
|
}
|
|
108
|
-
function
|
|
88
|
+
function _templateObject6() {
|
|
109
89
|
var data = _tagged_template_literal([
|
|
110
90
|
"\n ",
|
|
111
91
|
": var(--plasma-typo-dspl-m-line-height);\n ",
|
|
112
92
|
": var(--plasma-typo-dspl-m-font-size);\n "
|
|
113
93
|
]);
|
|
114
|
-
|
|
94
|
+
_templateObject6 = function _templateObject() {
|
|
115
95
|
return data;
|
|
116
96
|
};
|
|
117
97
|
return data;
|
|
118
98
|
}
|
|
119
|
-
function
|
|
99
|
+
function _templateObject7() {
|
|
120
100
|
var data = _tagged_template_literal([
|
|
121
101
|
"\n ",
|
|
122
102
|
": var(--plasma-typo-dspl-s-line-height);\n ",
|
|
123
103
|
": var(--plasma-typo-dspl-s-font-size);\n "
|
|
124
104
|
]);
|
|
125
|
-
|
|
105
|
+
_templateObject7 = function _templateObject() {
|
|
126
106
|
return data;
|
|
127
107
|
};
|
|
128
108
|
return data;
|
|
129
109
|
}
|
|
130
|
-
function
|
|
110
|
+
function _templateObject8() {
|
|
131
111
|
var data = _tagged_template_literal([
|
|
132
112
|
"\n ",
|
|
133
113
|
": var(--plasma-typo-h1-line-height);\n ",
|
|
134
114
|
": var(--plasma-typo-h1-font-size);\n "
|
|
135
115
|
]);
|
|
136
|
-
|
|
116
|
+
_templateObject8 = function _templateObject() {
|
|
137
117
|
return data;
|
|
138
118
|
};
|
|
139
119
|
return data;
|
|
140
120
|
}
|
|
141
|
-
function
|
|
121
|
+
function _templateObject9() {
|
|
142
122
|
var data = _tagged_template_literal([
|
|
143
123
|
"\n ",
|
|
144
124
|
": var(--plasma-typo-h2-line-height);\n ",
|
|
145
125
|
": var(--plasma-typo-h2-font-size);\n "
|
|
146
126
|
]);
|
|
147
|
-
|
|
127
|
+
_templateObject9 = function _templateObject() {
|
|
148
128
|
return data;
|
|
149
129
|
};
|
|
150
130
|
return data;
|
|
151
131
|
}
|
|
152
|
-
function
|
|
132
|
+
function _templateObject10() {
|
|
153
133
|
var data = _tagged_template_literal([
|
|
154
134
|
"\n ",
|
|
155
135
|
": var(--plasma-typo-h3-line-height);\n ",
|
|
156
136
|
": var(--plasma-typo-h3-font-size);\n "
|
|
157
137
|
]);
|
|
158
|
-
|
|
138
|
+
_templateObject10 = function _templateObject() {
|
|
159
139
|
return data;
|
|
160
140
|
};
|
|
161
141
|
return data;
|
|
162
142
|
}
|
|
163
|
-
function
|
|
143
|
+
function _templateObject11() {
|
|
164
144
|
var data = _tagged_template_literal([
|
|
165
145
|
"\n ",
|
|
166
146
|
": var(--plasma-typo-h4-line-height);\n ",
|
|
167
147
|
": var(--plasma-typo-h4-font-size);\n "
|
|
168
148
|
]);
|
|
169
|
-
|
|
149
|
+
_templateObject11 = function _templateObject() {
|
|
170
150
|
return data;
|
|
171
151
|
};
|
|
172
152
|
return data;
|
|
173
153
|
}
|
|
174
|
-
function
|
|
154
|
+
function _templateObject12() {
|
|
175
155
|
var data = _tagged_template_literal([
|
|
176
156
|
"\n ",
|
|
177
157
|
": var(--plasma-typo-h5-line-height);\n ",
|
|
178
158
|
": var(--plasma-typo-h5-font-size);\n "
|
|
179
159
|
]);
|
|
180
|
-
|
|
160
|
+
_templateObject12 = function _templateObject() {
|
|
181
161
|
return data;
|
|
182
162
|
};
|
|
183
163
|
return data;
|
|
184
164
|
}
|
|
185
|
-
function
|
|
165
|
+
function _templateObject13() {
|
|
186
166
|
var data = _tagged_template_literal([
|
|
187
167
|
"\n ",
|
|
188
168
|
": var(--plasma-typo-text-l-line-height);\n ",
|
|
189
169
|
": var(--plasma-typo-text-l-font-size);\n "
|
|
190
170
|
]);
|
|
191
|
-
|
|
171
|
+
_templateObject13 = function _templateObject() {
|
|
192
172
|
return data;
|
|
193
173
|
};
|
|
194
174
|
return data;
|
|
195
175
|
}
|
|
196
|
-
function
|
|
176
|
+
function _templateObject14() {
|
|
197
177
|
var data = _tagged_template_literal([
|
|
198
178
|
"\n ",
|
|
199
179
|
": var(--plasma-typo-text-m-line-height);\n ",
|
|
200
180
|
": var(--plasma-typo-text-m-font-size);\n "
|
|
201
181
|
]);
|
|
202
|
-
|
|
182
|
+
_templateObject14 = function _templateObject() {
|
|
203
183
|
return data;
|
|
204
184
|
};
|
|
205
185
|
return data;
|
|
206
186
|
}
|
|
207
|
-
function
|
|
187
|
+
function _templateObject15() {
|
|
208
188
|
var data = _tagged_template_literal([
|
|
209
189
|
"\n ",
|
|
210
190
|
": var(--plasma-typo-text-s-line-height);\n ",
|
|
211
191
|
": var(--plasma-typo-text-s-font-size);\n "
|
|
212
192
|
]);
|
|
213
|
-
|
|
193
|
+
_templateObject15 = function _templateObject() {
|
|
214
194
|
return data;
|
|
215
195
|
};
|
|
216
196
|
return data;
|
|
217
197
|
}
|
|
218
|
-
function
|
|
198
|
+
function _templateObject16() {
|
|
219
199
|
var data = _tagged_template_literal([
|
|
220
200
|
"\n ",
|
|
221
201
|
": var(--plasma-typo-text-xs-line-height);\n ",
|
|
222
202
|
": var(--plasma-typo-text-xs-font-size);\n "
|
|
223
203
|
]);
|
|
224
|
-
|
|
204
|
+
_templateObject16 = function _templateObject() {
|
|
225
205
|
return data;
|
|
226
206
|
};
|
|
227
207
|
return data;
|
|
228
208
|
}
|
|
229
209
|
var config = {
|
|
230
210
|
defaults: {
|
|
231
|
-
size: 'bodyM'
|
|
232
|
-
view: 'default'
|
|
211
|
+
size: 'bodyM'
|
|
233
212
|
},
|
|
234
213
|
variations: {
|
|
235
|
-
view: {
|
|
236
|
-
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.skeletonTokens.gradientColor),
|
|
237
|
-
lighter: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.skeletonTokens.gradientColor)
|
|
238
|
-
},
|
|
239
214
|
size: {
|
|
240
|
-
bodyL: (0, _styledcomponents.css)(
|
|
241
|
-
bodyM: (0, _styledcomponents.css)(
|
|
242
|
-
bodyS: (0, _styledcomponents.css)(
|
|
243
|
-
bodyXS: (0, _styledcomponents.css)(
|
|
244
|
-
bodyXXS: (0, _styledcomponents.css)(
|
|
245
|
-
dsplL: (0, _styledcomponents.css)(
|
|
246
|
-
dsplM: (0, _styledcomponents.css)(
|
|
247
|
-
dsplS: (0, _styledcomponents.css)(
|
|
248
|
-
h1: (0, _styledcomponents.css)(
|
|
249
|
-
h2: (0, _styledcomponents.css)(
|
|
250
|
-
h3: (0, _styledcomponents.css)(
|
|
251
|
-
h4: (0, _styledcomponents.css)(
|
|
252
|
-
h5: (0, _styledcomponents.css)(
|
|
253
|
-
textL: (0, _styledcomponents.css)(
|
|
254
|
-
textM: (0, _styledcomponents.css)(
|
|
255
|
-
textS: (0, _styledcomponents.css)(
|
|
256
|
-
textXS: (0, _styledcomponents.css)(
|
|
215
|
+
bodyL: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
216
|
+
bodyM: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
217
|
+
bodyS: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
218
|
+
bodyXS: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
219
|
+
bodyXXS: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
220
|
+
dsplL: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
221
|
+
dsplM: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
222
|
+
dsplS: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
223
|
+
h1: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
224
|
+
h2: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
225
|
+
h3: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
226
|
+
h4: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
227
|
+
h5: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
228
|
+
textL: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
229
|
+
textM: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
230
|
+
textS: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
|
231
|
+
textXS: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight)
|
|
257
232
|
}
|
|
258
233
|
}
|
|
259
234
|
};
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
import { RectSkeleton, withSkeleton } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
2
|
export declare const LineSkeleton: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
|
3
|
-
view: {
|
|
4
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
5
|
-
lighter: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
6
|
-
};
|
|
7
3
|
size: {
|
|
8
4
|
bodyL: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
9
5
|
bodyM: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -28,10 +24,6 @@ export declare const LineSkeleton: import("react").FunctionComponent<import("@sa
|
|
|
28
24
|
roundness?: import("@salutejs/plasma-new-hope/styled-components").Roundness;
|
|
29
25
|
} & import("@salutejs/plasma-new-hope/styled-components").SkeletonGradientProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
30
26
|
export declare const TextSkeleton: import("react").FC<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
|
31
|
-
view: {
|
|
32
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
33
|
-
lighter: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
34
|
-
};
|
|
35
27
|
size: {
|
|
36
28
|
bodyL: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
37
29
|
bodyM: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -481,7 +481,6 @@ function _templateObject12() {
|
|
|
481
481
|
": 0.5rem;\n ",
|
|
482
482
|
": 1.625rem;\n\n ",
|
|
483
483
|
": 3.5rem;\n ",
|
|
484
|
-
": 3.5rem;\n ",
|
|
485
484
|
": 12.5rem;\n ",
|
|
486
485
|
": 1.5rem;\n ",
|
|
487
486
|
": 0.875rem;\n ",
|
|
@@ -558,7 +557,6 @@ function _templateObject13() {
|
|
|
558
557
|
": 0.5rem;\n ",
|
|
559
558
|
": 1.625rem;\n\n ",
|
|
560
559
|
": 3rem;\n ",
|
|
561
|
-
": 3rem;\n ",
|
|
562
560
|
": 11.25rem;\n ",
|
|
563
561
|
": 1.25rem;\n ",
|
|
564
562
|
": 0.75rem;\n ",
|
|
@@ -635,7 +633,6 @@ function _templateObject14() {
|
|
|
635
633
|
": 0.375rem;\n ",
|
|
636
634
|
": 1.5rem;\n\n ",
|
|
637
635
|
": 2.5rem;\n ",
|
|
638
|
-
": 2.5rem;\n ",
|
|
639
636
|
": 11.25rem;\n ",
|
|
640
637
|
": 1rem;\n ",
|
|
641
638
|
": 0.625rem;\n ",
|
|
@@ -712,7 +709,6 @@ function _templateObject15() {
|
|
|
712
709
|
": 0.25rem;\n ",
|
|
713
710
|
": 1.375rem;\n\n ",
|
|
714
711
|
": 2rem;\n ",
|
|
715
|
-
": 2rem;\n ",
|
|
716
712
|
": 10rem;\n ",
|
|
717
713
|
": 0.75rem;\n ",
|
|
718
714
|
": 0.5rem;\n ",
|
|
@@ -808,10 +804,10 @@ export var config = {
|
|
|
808
804
|
negative: css(_templateObject11(), attachTokens.helperTextColor)
|
|
809
805
|
},
|
|
810
806
|
size: {
|
|
811
|
-
l: css(_templateObject12(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.
|
|
812
|
-
m: css(_templateObject13(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.
|
|
813
|
-
s: css(_templateObject14(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.
|
|
814
|
-
xs: css(_templateObject15(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.
|
|
807
|
+
l: css(_templateObject12(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
|
|
808
|
+
m: css(_templateObject13(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
|
|
809
|
+
s: css(_templateObject14(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
|
|
810
|
+
xs: css(_templateObject15(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor)
|
|
815
811
|
}
|
|
816
812
|
}
|
|
817
813
|
};
|
|
@@ -9,208 +9,188 @@ function _tagged_template_literal(strings, raw) {
|
|
|
9
9
|
}));
|
|
10
10
|
}
|
|
11
11
|
function _templateObject() {
|
|
12
|
-
var data = _tagged_template_literal([
|
|
13
|
-
"\n ",
|
|
14
|
-
": var(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient));\n "
|
|
15
|
-
]);
|
|
16
|
-
_templateObject = function _templateObject() {
|
|
17
|
-
return data;
|
|
18
|
-
};
|
|
19
|
-
return data;
|
|
20
|
-
}
|
|
21
|
-
function _templateObject1() {
|
|
22
|
-
var data = _tagged_template_literal([
|
|
23
|
-
"\n ",
|
|
24
|
-
": var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient));\n "
|
|
25
|
-
]);
|
|
26
|
-
_templateObject1 = function _templateObject() {
|
|
27
|
-
return data;
|
|
28
|
-
};
|
|
29
|
-
return data;
|
|
30
|
-
}
|
|
31
|
-
function _templateObject2() {
|
|
32
12
|
var data = _tagged_template_literal([
|
|
33
13
|
"\n ",
|
|
34
14
|
": var(--plasma-typo-body-l-line-height);\n ",
|
|
35
15
|
": var(--plasma-typo-body-l-font-size);\n "
|
|
36
16
|
]);
|
|
37
|
-
|
|
17
|
+
_templateObject = function _templateObject() {
|
|
38
18
|
return data;
|
|
39
19
|
};
|
|
40
20
|
return data;
|
|
41
21
|
}
|
|
42
|
-
function
|
|
22
|
+
function _templateObject1() {
|
|
43
23
|
var data = _tagged_template_literal([
|
|
44
24
|
"\n ",
|
|
45
25
|
": var(--plasma-typo-body-m-line-height);\n ",
|
|
46
26
|
": var(--plasma-typo-body-m-font-size);\n "
|
|
47
27
|
]);
|
|
48
|
-
|
|
28
|
+
_templateObject1 = function _templateObject() {
|
|
49
29
|
return data;
|
|
50
30
|
};
|
|
51
31
|
return data;
|
|
52
32
|
}
|
|
53
|
-
function
|
|
33
|
+
function _templateObject2() {
|
|
54
34
|
var data = _tagged_template_literal([
|
|
55
35
|
"\n ",
|
|
56
36
|
": var(--plasma-typo-body-s-line-height);\n ",
|
|
57
37
|
": var(--plasma-typo-body-s-font-size);\n "
|
|
58
38
|
]);
|
|
59
|
-
|
|
39
|
+
_templateObject2 = function _templateObject() {
|
|
60
40
|
return data;
|
|
61
41
|
};
|
|
62
42
|
return data;
|
|
63
43
|
}
|
|
64
|
-
function
|
|
44
|
+
function _templateObject3() {
|
|
65
45
|
var data = _tagged_template_literal([
|
|
66
46
|
"\n ",
|
|
67
47
|
": var(--plasma-typo-body-xs-line-height);\n ",
|
|
68
48
|
": var(--plasma-typo-body-xs-font-size);\n "
|
|
69
49
|
]);
|
|
70
|
-
|
|
50
|
+
_templateObject3 = function _templateObject() {
|
|
71
51
|
return data;
|
|
72
52
|
};
|
|
73
53
|
return data;
|
|
74
54
|
}
|
|
75
|
-
function
|
|
55
|
+
function _templateObject4() {
|
|
76
56
|
var data = _tagged_template_literal([
|
|
77
57
|
"\n ",
|
|
78
58
|
": var(--plasma-typo-body-xxs-line-height);\n ",
|
|
79
59
|
": var(--plasma-typo-body-xxs-font-size);\n "
|
|
80
60
|
]);
|
|
81
|
-
|
|
61
|
+
_templateObject4 = function _templateObject() {
|
|
82
62
|
return data;
|
|
83
63
|
};
|
|
84
64
|
return data;
|
|
85
65
|
}
|
|
86
|
-
function
|
|
66
|
+
function _templateObject5() {
|
|
87
67
|
var data = _tagged_template_literal([
|
|
88
68
|
"\n ",
|
|
89
69
|
": var(--plasma-typo-dspl-l-line-height);\n ",
|
|
90
70
|
": var(--plasma-typo-dspl-l-font-size);\n "
|
|
91
71
|
]);
|
|
92
|
-
|
|
72
|
+
_templateObject5 = function _templateObject() {
|
|
93
73
|
return data;
|
|
94
74
|
};
|
|
95
75
|
return data;
|
|
96
76
|
}
|
|
97
|
-
function
|
|
77
|
+
function _templateObject6() {
|
|
98
78
|
var data = _tagged_template_literal([
|
|
99
79
|
"\n ",
|
|
100
80
|
": var(--plasma-typo-dspl-m-line-height);\n ",
|
|
101
81
|
": var(--plasma-typo-dspl-m-font-size);\n "
|
|
102
82
|
]);
|
|
103
|
-
|
|
83
|
+
_templateObject6 = function _templateObject() {
|
|
104
84
|
return data;
|
|
105
85
|
};
|
|
106
86
|
return data;
|
|
107
87
|
}
|
|
108
|
-
function
|
|
88
|
+
function _templateObject7() {
|
|
109
89
|
var data = _tagged_template_literal([
|
|
110
90
|
"\n ",
|
|
111
91
|
": var(--plasma-typo-dspl-s-line-height);\n ",
|
|
112
92
|
": var(--plasma-typo-dspl-s-font-size);\n "
|
|
113
93
|
]);
|
|
114
|
-
|
|
94
|
+
_templateObject7 = function _templateObject() {
|
|
115
95
|
return data;
|
|
116
96
|
};
|
|
117
97
|
return data;
|
|
118
98
|
}
|
|
119
|
-
function
|
|
99
|
+
function _templateObject8() {
|
|
120
100
|
var data = _tagged_template_literal([
|
|
121
101
|
"\n ",
|
|
122
102
|
": var(--plasma-typo-h1-line-height);\n ",
|
|
123
103
|
": var(--plasma-typo-h1-font-size);\n "
|
|
124
104
|
]);
|
|
125
|
-
|
|
105
|
+
_templateObject8 = function _templateObject() {
|
|
126
106
|
return data;
|
|
127
107
|
};
|
|
128
108
|
return data;
|
|
129
109
|
}
|
|
130
|
-
function
|
|
110
|
+
function _templateObject9() {
|
|
131
111
|
var data = _tagged_template_literal([
|
|
132
112
|
"\n ",
|
|
133
113
|
": var(--plasma-typo-h2-line-height);\n ",
|
|
134
114
|
": var(--plasma-typo-h2-font-size);\n "
|
|
135
115
|
]);
|
|
136
|
-
|
|
116
|
+
_templateObject9 = function _templateObject() {
|
|
137
117
|
return data;
|
|
138
118
|
};
|
|
139
119
|
return data;
|
|
140
120
|
}
|
|
141
|
-
function
|
|
121
|
+
function _templateObject10() {
|
|
142
122
|
var data = _tagged_template_literal([
|
|
143
123
|
"\n ",
|
|
144
124
|
": var(--plasma-typo-h3-line-height);\n ",
|
|
145
125
|
": var(--plasma-typo-h3-font-size);\n "
|
|
146
126
|
]);
|
|
147
|
-
|
|
127
|
+
_templateObject10 = function _templateObject() {
|
|
148
128
|
return data;
|
|
149
129
|
};
|
|
150
130
|
return data;
|
|
151
131
|
}
|
|
152
|
-
function
|
|
132
|
+
function _templateObject11() {
|
|
153
133
|
var data = _tagged_template_literal([
|
|
154
134
|
"\n ",
|
|
155
135
|
": var(--plasma-typo-h4-line-height);\n ",
|
|
156
136
|
": var(--plasma-typo-h4-font-size);\n "
|
|
157
137
|
]);
|
|
158
|
-
|
|
138
|
+
_templateObject11 = function _templateObject() {
|
|
159
139
|
return data;
|
|
160
140
|
};
|
|
161
141
|
return data;
|
|
162
142
|
}
|
|
163
|
-
function
|
|
143
|
+
function _templateObject12() {
|
|
164
144
|
var data = _tagged_template_literal([
|
|
165
145
|
"\n ",
|
|
166
146
|
": var(--plasma-typo-h5-line-height);\n ",
|
|
167
147
|
": var(--plasma-typo-h5-font-size);\n "
|
|
168
148
|
]);
|
|
169
|
-
|
|
149
|
+
_templateObject12 = function _templateObject() {
|
|
170
150
|
return data;
|
|
171
151
|
};
|
|
172
152
|
return data;
|
|
173
153
|
}
|
|
174
|
-
function
|
|
154
|
+
function _templateObject13() {
|
|
175
155
|
var data = _tagged_template_literal([
|
|
176
156
|
"\n ",
|
|
177
157
|
": var(--plasma-typo-text-l-line-height);\n ",
|
|
178
158
|
": var(--plasma-typo-text-l-font-size);\n "
|
|
179
159
|
]);
|
|
180
|
-
|
|
160
|
+
_templateObject13 = function _templateObject() {
|
|
181
161
|
return data;
|
|
182
162
|
};
|
|
183
163
|
return data;
|
|
184
164
|
}
|
|
185
|
-
function
|
|
165
|
+
function _templateObject14() {
|
|
186
166
|
var data = _tagged_template_literal([
|
|
187
167
|
"\n ",
|
|
188
168
|
": var(--plasma-typo-text-m-line-height);\n ",
|
|
189
169
|
": var(--plasma-typo-text-m-font-size);\n "
|
|
190
170
|
]);
|
|
191
|
-
|
|
171
|
+
_templateObject14 = function _templateObject() {
|
|
192
172
|
return data;
|
|
193
173
|
};
|
|
194
174
|
return data;
|
|
195
175
|
}
|
|
196
|
-
function
|
|
176
|
+
function _templateObject15() {
|
|
197
177
|
var data = _tagged_template_literal([
|
|
198
178
|
"\n ",
|
|
199
179
|
": var(--plasma-typo-text-s-line-height);\n ",
|
|
200
180
|
": var(--plasma-typo-text-s-font-size);\n "
|
|
201
181
|
]);
|
|
202
|
-
|
|
182
|
+
_templateObject15 = function _templateObject() {
|
|
203
183
|
return data;
|
|
204
184
|
};
|
|
205
185
|
return data;
|
|
206
186
|
}
|
|
207
|
-
function
|
|
187
|
+
function _templateObject16() {
|
|
208
188
|
var data = _tagged_template_literal([
|
|
209
189
|
"\n ",
|
|
210
190
|
": var(--plasma-typo-text-xs-line-height);\n ",
|
|
211
191
|
": var(--plasma-typo-text-xs-font-size);\n "
|
|
212
192
|
]);
|
|
213
|
-
|
|
193
|
+
_templateObject16 = function _templateObject() {
|
|
214
194
|
return data;
|
|
215
195
|
};
|
|
216
196
|
return data;
|
|
@@ -218,32 +198,27 @@ function _templateObject18() {
|
|
|
218
198
|
import { css, skeletonTokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
219
199
|
export var config = {
|
|
220
200
|
defaults: {
|
|
221
|
-
size: 'bodyM'
|
|
222
|
-
view: 'default'
|
|
201
|
+
size: 'bodyM'
|
|
223
202
|
},
|
|
224
203
|
variations: {
|
|
225
|
-
view: {
|
|
226
|
-
default: css(_templateObject(), skeletonTokens.gradientColor),
|
|
227
|
-
lighter: css(_templateObject1(), skeletonTokens.gradientColor)
|
|
228
|
-
},
|
|
229
204
|
size: {
|
|
230
|
-
bodyL: css(
|
|
231
|
-
bodyM: css(
|
|
232
|
-
bodyS: css(
|
|
233
|
-
bodyXS: css(
|
|
234
|
-
bodyXXS: css(
|
|
235
|
-
dsplL: css(
|
|
236
|
-
dsplM: css(
|
|
237
|
-
dsplS: css(
|
|
238
|
-
h1: css(
|
|
239
|
-
h2: css(
|
|
240
|
-
h3: css(
|
|
241
|
-
h4: css(
|
|
242
|
-
h5: css(
|
|
243
|
-
textL: css(
|
|
244
|
-
textM: css(
|
|
245
|
-
textS: css(
|
|
246
|
-
textXS: css(
|
|
205
|
+
bodyL: css(_templateObject(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
206
|
+
bodyM: css(_templateObject1(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
207
|
+
bodyS: css(_templateObject2(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
208
|
+
bodyXS: css(_templateObject3(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
209
|
+
bodyXXS: css(_templateObject4(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
210
|
+
dsplL: css(_templateObject5(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
211
|
+
dsplM: css(_templateObject6(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
212
|
+
dsplS: css(_templateObject7(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
213
|
+
h1: css(_templateObject8(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
214
|
+
h2: css(_templateObject9(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
215
|
+
h3: css(_templateObject10(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
216
|
+
h4: css(_templateObject11(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
217
|
+
h5: css(_templateObject12(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
218
|
+
textL: css(_templateObject13(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
219
|
+
textM: css(_templateObject14(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
220
|
+
textS: css(_templateObject15(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
221
|
+
textXS: css(_templateObject16(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
|
|
247
222
|
}
|
|
248
223
|
}
|
|
249
224
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-dfa",
|
|
3
|
-
"version": "0.322.0-canary.
|
|
3
|
+
"version": "0.322.0-canary.2239.17794430722.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS DFA web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"directory": "packages/sdds-dfa"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@salutejs/plasma-new-hope": "0.336.0-canary.
|
|
22
|
+
"@salutejs/plasma-new-hope": "0.336.0-canary.2239.17794430722.0",
|
|
23
23
|
"@salutejs/sdds-themes": "0.47.0"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
@@ -37,10 +37,10 @@
|
|
|
37
37
|
"@babel/preset-typescript": "7.24.1",
|
|
38
38
|
"@microsoft/api-extractor": "7.38.3",
|
|
39
39
|
"@salutejs/plasma-colors": "0.16.0",
|
|
40
|
-
"@salutejs/plasma-core": "1.208.0-canary.
|
|
41
|
-
"@salutejs/plasma-cy-utils": "0.138.0-canary.
|
|
42
|
-
"@salutejs/plasma-icons": "1.224.0-canary.
|
|
43
|
-
"@salutejs/plasma-sb-utils": "0.208.0-canary.
|
|
40
|
+
"@salutejs/plasma-core": "1.208.0-canary.2239.17794430722.0",
|
|
41
|
+
"@salutejs/plasma-cy-utils": "0.138.0-canary.2239.17794430722.0",
|
|
42
|
+
"@salutejs/plasma-icons": "1.224.0-canary.2239.17794430722.0",
|
|
43
|
+
"@salutejs/plasma-sb-utils": "0.208.0-canary.2239.17794430722.0",
|
|
44
44
|
"@storybook/addon-docs": "8.6.14",
|
|
45
45
|
"@storybook/addon-essentials": "8.6.14",
|
|
46
46
|
"@storybook/manager-api": "8.6.14",
|
|
@@ -94,5 +94,5 @@
|
|
|
94
94
|
"Anton Vinogradov"
|
|
95
95
|
],
|
|
96
96
|
"sideEffects": false,
|
|
97
|
-
"gitHead": "
|
|
97
|
+
"gitHead": "a3cb0dca77a58affffee192cbdb99a4dcd557fda"
|
|
98
98
|
}
|