@salutejs/sdds-cs 0.321.1-canary.2082.16264269696.0 → 0.321.1-canary.2088.16342669110.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/Chip/Chip.config.js +1 -3
- package/components/Drawer/Drawer.d.ts +1 -1
- package/components/IconButton/IconButton.config.d.ts +0 -1
- package/components/IconButton/IconButton.config.js +5 -25
- package/components/IconButton/IconButton.d.ts +0 -1
- package/emotion/cjs/components/Chip/Chip.config.js +1 -3
- package/emotion/cjs/components/IconButton/IconButton.config.js +5 -25
- package/emotion/es/components/Chip/Chip.config.js +1 -3
- package/emotion/es/components/IconButton/IconButton.config.js +5 -25
- package/es/components/Chip/Chip.config.js +1 -3
- package/es/components/IconButton/IconButton.config.js +5 -25
- package/package.json +3 -3
|
@@ -73,8 +73,6 @@ function _templateObject2() {
|
|
|
73
73
|
": var(--surface-accent);\n ",
|
|
74
74
|
": var(--on-dark-text-primary);\n ",
|
|
75
75
|
": var(--surface-accent);\n ",
|
|
76
|
-
": var(--on-dark-text-primary);\n\n ",
|
|
77
|
-
": var(--on-dark-text-primary);\n ",
|
|
78
76
|
": var(--on-dark-text-primary);\n "
|
|
79
77
|
]);
|
|
80
78
|
_templateObject2 = function _templateObject() {
|
|
@@ -156,7 +154,7 @@ var config = {
|
|
|
156
154
|
view: {
|
|
157
155
|
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.leftContentColor),
|
|
158
156
|
secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.leftContentColor),
|
|
159
|
-
accent: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover
|
|
157
|
+
accent: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover)
|
|
160
158
|
},
|
|
161
159
|
size: {
|
|
162
160
|
s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.chipTokens.borderRadius, _styledcomponents.chipTokens.pilledBorderRadius, _styledcomponents.chipTokens.width, _styledcomponents.chipTokens.height, _styledcomponents.chipTokens.padding, _styledcomponents.chipTokens.fontFamily, _styledcomponents.chipTokens.fontSize, _styledcomponents.chipTokens.fontStyle, _styledcomponents.chipTokens.fontWeight, _styledcomponents.chipTokens.letterSpacing, _styledcomponents.chipTokens.lineHeight, _styledcomponents.chipTokens.leftContentMarginLeft, _styledcomponents.chipTokens.leftContentMarginRight, _styledcomponents.chipTokens.clearContentMarginLeft, _styledcomponents.chipTokens.clearContentMarginRight, _styledcomponents.chipTokens.scaleHover, _styledcomponents.chipTokens.scaleActive, _styledcomponents.chipTokens.closeIconSize),
|
|
@@ -12,7 +12,7 @@ export declare const Drawer: import("react").FunctionComponent<import("@salutejs
|
|
|
12
12
|
none: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
13
13
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
14
|
};
|
|
15
|
-
}> & import("@salutejs/plasma-new-hope/styled-components").PopupProps & import("@salutejs/plasma-new-hope/types/components/Panel").PanelProps & {
|
|
15
|
+
}> & Omit<import("@salutejs/plasma-new-hope/styled-components").PopupProps, "draggable" | "resizable"> & import("@salutejs/plasma-new-hope/types/components/Panel").PanelProps & {
|
|
16
16
|
placement?: import("@salutejs/plasma-new-hope/types/components/Drawer/Drawer.types").DrawerPlacement;
|
|
17
17
|
asModal?: boolean;
|
|
18
18
|
customBackgroundColor?: string;
|
|
@@ -12,7 +12,6 @@ export declare const config: {
|
|
|
12
12
|
};
|
|
13
13
|
size: {
|
|
14
14
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
15
|
-
sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
16
15
|
};
|
|
17
16
|
disabled: {
|
|
18
17
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -89,16 +89,7 @@ function _templateObject3() {
|
|
|
89
89
|
function _templateObject4() {
|
|
90
90
|
var data = _tagged_template_literal([
|
|
91
91
|
"\n ",
|
|
92
|
-
":
|
|
93
|
-
": 2.5rem;\n ",
|
|
94
|
-
": var(--plasma-typo-body-s-font-family);\n ",
|
|
95
|
-
": var(--plasma-typo-body-s-font-size);\n ",
|
|
96
|
-
": var(--plasma-typo-body-s-font-style);\n ",
|
|
97
|
-
": var(--plasma-typo-body-s-bold-font-weight);\n ",
|
|
98
|
-
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
99
|
-
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
100
|
-
": 1.375rem;\n ",
|
|
101
|
-
": inherit;\n "
|
|
92
|
+
": 0.4;\n "
|
|
102
93
|
]);
|
|
103
94
|
_templateObject4 = function _templateObject() {
|
|
104
95
|
return data;
|
|
@@ -106,21 +97,11 @@ function _templateObject4() {
|
|
|
106
97
|
return data;
|
|
107
98
|
}
|
|
108
99
|
function _templateObject5() {
|
|
109
|
-
var data = _tagged_template_literal([
|
|
110
|
-
"\n ",
|
|
111
|
-
": 0.4;\n "
|
|
112
|
-
]);
|
|
113
|
-
_templateObject5 = function _templateObject() {
|
|
114
|
-
return data;
|
|
115
|
-
};
|
|
116
|
-
return data;
|
|
117
|
-
}
|
|
118
|
-
function _templateObject6() {
|
|
119
100
|
var data = _tagged_template_literal([
|
|
120
101
|
"\n ",
|
|
121
102
|
": var(--surface-accent);\n "
|
|
122
103
|
]);
|
|
123
|
-
|
|
104
|
+
_templateObject5 = function _templateObject() {
|
|
124
105
|
return data;
|
|
125
106
|
};
|
|
126
107
|
return data;
|
|
@@ -138,14 +119,13 @@ var config = {
|
|
|
138
119
|
clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledcomponents.iconButtonTokens.iconButtonBackgroundColorActive)
|
|
139
120
|
},
|
|
140
121
|
size: {
|
|
141
|
-
s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor)
|
|
142
|
-
sr: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor)
|
|
122
|
+
s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor)
|
|
143
123
|
},
|
|
144
124
|
disabled: {
|
|
145
|
-
true: (0, _styledcomponents.css)(
|
|
125
|
+
true: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.iconButtonTokens.iconButtonDisabledOpacity)
|
|
146
126
|
},
|
|
147
127
|
focused: {
|
|
148
|
-
true: (0, _styledcomponents.css)(
|
|
128
|
+
true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.iconButtonTokens.iconButtonFocusColor)
|
|
149
129
|
}
|
|
150
130
|
}
|
|
151
131
|
};
|
|
@@ -9,7 +9,6 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
|
|
|
9
9
|
};
|
|
10
10
|
size: {
|
|
11
11
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
12
|
-
sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
13
12
|
};
|
|
14
13
|
disabled: {
|
|
15
14
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -73,8 +73,6 @@ function _templateObject2() {
|
|
|
73
73
|
": var(--surface-accent);\n ",
|
|
74
74
|
": var(--on-dark-text-primary);\n ",
|
|
75
75
|
": var(--surface-accent);\n ",
|
|
76
|
-
": var(--on-dark-text-primary);\n\n ",
|
|
77
|
-
": var(--on-dark-text-primary);\n ",
|
|
78
76
|
": var(--on-dark-text-primary);\n "
|
|
79
77
|
]);
|
|
80
78
|
_templateObject2 = function _templateObject() {
|
|
@@ -156,7 +154,7 @@ var config = {
|
|
|
156
154
|
view: {
|
|
157
155
|
default: (0, _emotion.css)(_templateObject(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover, _emotion.chipTokens.closeIconColor, _emotion.chipTokens.leftContentColor),
|
|
158
156
|
secondary: (0, _emotion.css)(_templateObject1(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover, _emotion.chipTokens.closeIconColor, _emotion.chipTokens.leftContentColor),
|
|
159
|
-
accent: (0, _emotion.css)(_templateObject2(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover
|
|
157
|
+
accent: (0, _emotion.css)(_templateObject2(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover)
|
|
160
158
|
},
|
|
161
159
|
size: {
|
|
162
160
|
s: (0, _emotion.css)(_templateObject3(), _emotion.chipTokens.borderRadius, _emotion.chipTokens.pilledBorderRadius, _emotion.chipTokens.width, _emotion.chipTokens.height, _emotion.chipTokens.padding, _emotion.chipTokens.fontFamily, _emotion.chipTokens.fontSize, _emotion.chipTokens.fontStyle, _emotion.chipTokens.fontWeight, _emotion.chipTokens.letterSpacing, _emotion.chipTokens.lineHeight, _emotion.chipTokens.leftContentMarginLeft, _emotion.chipTokens.leftContentMarginRight, _emotion.chipTokens.clearContentMarginLeft, _emotion.chipTokens.clearContentMarginRight, _emotion.chipTokens.scaleHover, _emotion.chipTokens.scaleActive, _emotion.chipTokens.closeIconSize),
|
|
@@ -89,16 +89,7 @@ function _templateObject3() {
|
|
|
89
89
|
function _templateObject4() {
|
|
90
90
|
var data = _tagged_template_literal([
|
|
91
91
|
"\n ",
|
|
92
|
-
":
|
|
93
|
-
": 2.5rem;\n ",
|
|
94
|
-
": var(--plasma-typo-body-s-font-family);\n ",
|
|
95
|
-
": var(--plasma-typo-body-s-font-size);\n ",
|
|
96
|
-
": var(--plasma-typo-body-s-font-style);\n ",
|
|
97
|
-
": var(--plasma-typo-body-s-bold-font-weight);\n ",
|
|
98
|
-
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
99
|
-
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
100
|
-
": 1.375rem;\n ",
|
|
101
|
-
": inherit;\n "
|
|
92
|
+
": 0.4;\n "
|
|
102
93
|
]);
|
|
103
94
|
_templateObject4 = function _templateObject() {
|
|
104
95
|
return data;
|
|
@@ -106,21 +97,11 @@ function _templateObject4() {
|
|
|
106
97
|
return data;
|
|
107
98
|
}
|
|
108
99
|
function _templateObject5() {
|
|
109
|
-
var data = _tagged_template_literal([
|
|
110
|
-
"\n ",
|
|
111
|
-
": 0.4;\n "
|
|
112
|
-
]);
|
|
113
|
-
_templateObject5 = function _templateObject() {
|
|
114
|
-
return data;
|
|
115
|
-
};
|
|
116
|
-
return data;
|
|
117
|
-
}
|
|
118
|
-
function _templateObject6() {
|
|
119
100
|
var data = _tagged_template_literal([
|
|
120
101
|
"\n ",
|
|
121
102
|
": var(--surface-accent);\n "
|
|
122
103
|
]);
|
|
123
|
-
|
|
104
|
+
_templateObject5 = function _templateObject() {
|
|
124
105
|
return data;
|
|
125
106
|
};
|
|
126
107
|
return data;
|
|
@@ -138,14 +119,13 @@ var config = {
|
|
|
138
119
|
clear: (0, _emotion.css)(_templateObject2(), _emotion.iconButtonTokens.iconButtonColor, _emotion.iconButtonTokens.iconButtonBackgroundColor, _emotion.iconButtonTokens.iconButtonLoadingBackgroundColor, _emotion.iconButtonTokens.iconButtonBackgroundColorHover, _emotion.iconButtonTokens.iconButtonBackgroundColorActive)
|
|
139
120
|
},
|
|
140
121
|
size: {
|
|
141
|
-
s: (0, _emotion.css)(_templateObject3(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonPadding, _emotion.iconButtonTokens.iconButtonRadius, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor)
|
|
142
|
-
sr: (0, _emotion.css)(_templateObject4(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor)
|
|
122
|
+
s: (0, _emotion.css)(_templateObject3(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonPadding, _emotion.iconButtonTokens.iconButtonRadius, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor)
|
|
143
123
|
},
|
|
144
124
|
disabled: {
|
|
145
|
-
true: (0, _emotion.css)(
|
|
125
|
+
true: (0, _emotion.css)(_templateObject4(), _emotion.iconButtonTokens.iconButtonDisabledOpacity)
|
|
146
126
|
},
|
|
147
127
|
focused: {
|
|
148
|
-
true: (0, _emotion.css)(
|
|
128
|
+
true: (0, _emotion.css)(_templateObject5(), _emotion.iconButtonTokens.iconButtonFocusColor)
|
|
149
129
|
}
|
|
150
130
|
}
|
|
151
131
|
};
|
|
@@ -62,8 +62,6 @@ function _templateObject2() {
|
|
|
62
62
|
": var(--surface-accent);\n ",
|
|
63
63
|
": var(--on-dark-text-primary);\n ",
|
|
64
64
|
": var(--surface-accent);\n ",
|
|
65
|
-
": var(--on-dark-text-primary);\n\n ",
|
|
66
|
-
": var(--on-dark-text-primary);\n ",
|
|
67
65
|
": var(--on-dark-text-primary);\n "
|
|
68
66
|
]);
|
|
69
67
|
_templateObject2 = function _templateObject() {
|
|
@@ -146,7 +144,7 @@ export var config = {
|
|
|
146
144
|
view: {
|
|
147
145
|
default: css(_templateObject(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
|
|
148
146
|
secondary: css(_templateObject1(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
|
|
149
|
-
accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover
|
|
147
|
+
accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover)
|
|
150
148
|
},
|
|
151
149
|
size: {
|
|
152
150
|
s: css(_templateObject3(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize),
|
|
@@ -78,16 +78,7 @@ function _templateObject3() {
|
|
|
78
78
|
function _templateObject4() {
|
|
79
79
|
var data = _tagged_template_literal([
|
|
80
80
|
"\n ",
|
|
81
|
-
":
|
|
82
|
-
": 2.5rem;\n ",
|
|
83
|
-
": var(--plasma-typo-body-s-font-family);\n ",
|
|
84
|
-
": var(--plasma-typo-body-s-font-size);\n ",
|
|
85
|
-
": var(--plasma-typo-body-s-font-style);\n ",
|
|
86
|
-
": var(--plasma-typo-body-s-bold-font-weight);\n ",
|
|
87
|
-
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
88
|
-
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
89
|
-
": 1.375rem;\n ",
|
|
90
|
-
": inherit;\n "
|
|
81
|
+
": 0.4;\n "
|
|
91
82
|
]);
|
|
92
83
|
_templateObject4 = function _templateObject() {
|
|
93
84
|
return data;
|
|
@@ -95,21 +86,11 @@ function _templateObject4() {
|
|
|
95
86
|
return data;
|
|
96
87
|
}
|
|
97
88
|
function _templateObject5() {
|
|
98
|
-
var data = _tagged_template_literal([
|
|
99
|
-
"\n ",
|
|
100
|
-
": 0.4;\n "
|
|
101
|
-
]);
|
|
102
|
-
_templateObject5 = function _templateObject() {
|
|
103
|
-
return data;
|
|
104
|
-
};
|
|
105
|
-
return data;
|
|
106
|
-
}
|
|
107
|
-
function _templateObject6() {
|
|
108
89
|
var data = _tagged_template_literal([
|
|
109
90
|
"\n ",
|
|
110
91
|
": var(--surface-accent);\n "
|
|
111
92
|
]);
|
|
112
|
-
|
|
93
|
+
_templateObject5 = function _templateObject() {
|
|
113
94
|
return data;
|
|
114
95
|
};
|
|
115
96
|
return data;
|
|
@@ -128,14 +109,13 @@ export var config = {
|
|
|
128
109
|
clear: css(_templateObject2(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive)
|
|
129
110
|
},
|
|
130
111
|
size: {
|
|
131
|
-
s: css(_templateObject3(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
|
|
132
|
-
sr: css(_templateObject4(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
|
|
112
|
+
s: css(_templateObject3(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
|
|
133
113
|
},
|
|
134
114
|
disabled: {
|
|
135
|
-
true: css(
|
|
115
|
+
true: css(_templateObject4(), iconButtonTokens.iconButtonDisabledOpacity)
|
|
136
116
|
},
|
|
137
117
|
focused: {
|
|
138
|
-
true: css(
|
|
118
|
+
true: css(_templateObject5(), iconButtonTokens.iconButtonFocusColor)
|
|
139
119
|
}
|
|
140
120
|
}
|
|
141
121
|
};
|
|
@@ -62,8 +62,6 @@ function _templateObject2() {
|
|
|
62
62
|
": var(--surface-accent);\n ",
|
|
63
63
|
": var(--on-dark-text-primary);\n ",
|
|
64
64
|
": var(--surface-accent);\n ",
|
|
65
|
-
": var(--on-dark-text-primary);\n\n ",
|
|
66
|
-
": var(--on-dark-text-primary);\n ",
|
|
67
65
|
": var(--on-dark-text-primary);\n "
|
|
68
66
|
]);
|
|
69
67
|
_templateObject2 = function _templateObject() {
|
|
@@ -146,7 +144,7 @@ export var config = {
|
|
|
146
144
|
view: {
|
|
147
145
|
default: css(_templateObject(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
|
|
148
146
|
secondary: css(_templateObject1(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
|
|
149
|
-
accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover
|
|
147
|
+
accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover)
|
|
150
148
|
},
|
|
151
149
|
size: {
|
|
152
150
|
s: css(_templateObject3(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize),
|
|
@@ -78,16 +78,7 @@ function _templateObject3() {
|
|
|
78
78
|
function _templateObject4() {
|
|
79
79
|
var data = _tagged_template_literal([
|
|
80
80
|
"\n ",
|
|
81
|
-
":
|
|
82
|
-
": 2.5rem;\n ",
|
|
83
|
-
": var(--plasma-typo-body-s-font-family);\n ",
|
|
84
|
-
": var(--plasma-typo-body-s-font-size);\n ",
|
|
85
|
-
": var(--plasma-typo-body-s-font-style);\n ",
|
|
86
|
-
": var(--plasma-typo-body-s-bold-font-weight);\n ",
|
|
87
|
-
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
88
|
-
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
89
|
-
": 1.375rem;\n ",
|
|
90
|
-
": inherit;\n "
|
|
81
|
+
": 0.4;\n "
|
|
91
82
|
]);
|
|
92
83
|
_templateObject4 = function _templateObject() {
|
|
93
84
|
return data;
|
|
@@ -95,21 +86,11 @@ function _templateObject4() {
|
|
|
95
86
|
return data;
|
|
96
87
|
}
|
|
97
88
|
function _templateObject5() {
|
|
98
|
-
var data = _tagged_template_literal([
|
|
99
|
-
"\n ",
|
|
100
|
-
": 0.4;\n "
|
|
101
|
-
]);
|
|
102
|
-
_templateObject5 = function _templateObject() {
|
|
103
|
-
return data;
|
|
104
|
-
};
|
|
105
|
-
return data;
|
|
106
|
-
}
|
|
107
|
-
function _templateObject6() {
|
|
108
89
|
var data = _tagged_template_literal([
|
|
109
90
|
"\n ",
|
|
110
91
|
": var(--surface-accent);\n "
|
|
111
92
|
]);
|
|
112
|
-
|
|
93
|
+
_templateObject5 = function _templateObject() {
|
|
113
94
|
return data;
|
|
114
95
|
};
|
|
115
96
|
return data;
|
|
@@ -128,14 +109,13 @@ export var config = {
|
|
|
128
109
|
clear: css(_templateObject2(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive)
|
|
129
110
|
},
|
|
130
111
|
size: {
|
|
131
|
-
s: css(_templateObject3(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
|
|
132
|
-
sr: css(_templateObject4(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
|
|
112
|
+
s: css(_templateObject3(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
|
|
133
113
|
},
|
|
134
114
|
disabled: {
|
|
135
|
-
true: css(
|
|
115
|
+
true: css(_templateObject4(), iconButtonTokens.iconButtonDisabledOpacity)
|
|
136
116
|
},
|
|
137
117
|
focused: {
|
|
138
|
-
true: css(
|
|
118
|
+
true: css(_templateObject5(), iconButtonTokens.iconButtonFocusColor)
|
|
139
119
|
}
|
|
140
120
|
}
|
|
141
121
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-cs",
|
|
3
|
-
"version": "0.321.1-canary.
|
|
3
|
+
"version": "0.321.1-canary.2088.16342669110.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS CS web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"directory": "packages/sdds-cs"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@salutejs/plasma-new-hope": "0.329.1-canary.
|
|
33
|
+
"@salutejs/plasma-new-hope": "0.329.1-canary.2088.16342669110.0",
|
|
34
34
|
"@salutejs/sdds-themes": "0.41.0"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
@@ -123,5 +123,5 @@
|
|
|
123
123
|
"Anton Vinogradov"
|
|
124
124
|
],
|
|
125
125
|
"sideEffects": false,
|
|
126
|
-
"gitHead": "
|
|
126
|
+
"gitHead": "f270cf2f7926a4e7360a4b3860ecdde477e4a003"
|
|
127
127
|
}
|