@salutejs/sdds-cs 0.327.0-canary.2203.17432366342.0 → 0.327.0-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Attach/Attach.d.ts +8 -0
- package/components/Button/Button.config.js +4 -2
- package/components/Button/Button.d.ts +4 -0
- package/components/IconButton/IconButton.d.ts +2 -0
- package/emotion/cjs/components/Button/Button.config.js +4 -2
- package/emotion/es/components/Button/Button.config.js +4 -2
- package/es/components/Button/Button.config.js +4 -2
- package/mixins/index.d.ts +1 -1
- package/package.json +8 -8
@@ -18,6 +18,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
18
18
|
text?: string;
|
19
19
|
contentLeft?: import("react").ReactNode;
|
20
20
|
contentPlacing?: "default" | "relaxed";
|
21
|
+
additionalContent?: import("react").ReactNode;
|
21
22
|
isLoading?: boolean;
|
22
23
|
loader?: import("react").ReactNode;
|
23
24
|
stretch?: boolean;
|
@@ -41,6 +42,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
41
42
|
text?: string;
|
42
43
|
contentLeft?: import("react").ReactNode;
|
43
44
|
contentPlacing?: "default" | "relaxed";
|
45
|
+
additionalContent?: import("react").ReactNode;
|
44
46
|
isLoading?: boolean;
|
45
47
|
loader?: import("react").ReactNode;
|
46
48
|
stretch?: boolean;
|
@@ -67,6 +69,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
67
69
|
text?: string;
|
68
70
|
contentLeft?: import("react").ReactNode;
|
69
71
|
contentPlacing?: "default" | "relaxed";
|
72
|
+
additionalContent?: import("react").ReactNode;
|
70
73
|
isLoading?: boolean;
|
71
74
|
loader?: import("react").ReactNode;
|
72
75
|
stretch?: boolean;
|
@@ -91,6 +94,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
91
94
|
text?: string;
|
92
95
|
contentLeft?: import("react").ReactNode;
|
93
96
|
contentPlacing?: "default" | "relaxed";
|
97
|
+
additionalContent?: import("react").ReactNode;
|
94
98
|
isLoading?: boolean;
|
95
99
|
loader?: import("react").ReactNode;
|
96
100
|
stretch?: boolean;
|
@@ -118,6 +122,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
118
122
|
text?: string;
|
119
123
|
contentLeft?: import("react").ReactNode;
|
120
124
|
contentPlacing?: "default" | "relaxed";
|
125
|
+
additionalContent?: import("react").ReactNode;
|
121
126
|
isLoading?: boolean;
|
122
127
|
loader?: import("react").ReactNode;
|
123
128
|
stretch?: boolean;
|
@@ -144,6 +149,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
144
149
|
text?: string;
|
145
150
|
contentLeft?: import("react").ReactNode;
|
146
151
|
contentPlacing?: "default" | "relaxed";
|
152
|
+
additionalContent?: import("react").ReactNode;
|
147
153
|
isLoading?: boolean;
|
148
154
|
loader?: import("react").ReactNode;
|
149
155
|
stretch?: boolean;
|
@@ -167,6 +173,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
167
173
|
text?: string;
|
168
174
|
contentLeft?: import("react").ReactNode;
|
169
175
|
contentPlacing?: "default" | "relaxed";
|
176
|
+
additionalContent?: import("react").ReactNode;
|
170
177
|
isLoading?: boolean;
|
171
178
|
loader?: import("react").ReactNode;
|
172
179
|
stretch?: boolean;
|
@@ -194,6 +201,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
|
|
194
201
|
text?: string;
|
195
202
|
contentLeft?: import("react").ReactNode;
|
196
203
|
contentPlacing?: "default" | "relaxed";
|
204
|
+
additionalContent?: import("react").ReactNode;
|
197
205
|
isLoading?: boolean;
|
198
206
|
loader?: import("react").ReactNode;
|
199
207
|
stretch?: boolean;
|
@@ -113,7 +113,9 @@ function _templateObject4() {
|
|
113
113
|
": inherit;\n\n ",
|
114
114
|
": 0 0.25rem 0 0;\n ",
|
115
115
|
": 0 0 0 0.25rem;\n ",
|
116
|
-
": 0 0 0 0.25rem;\n
|
116
|
+
": 0 0 0 0.25rem;\n ",
|
117
|
+
": 0 0 0 0.25rem;\n ",
|
118
|
+
": 0.25rem;\n "
|
117
119
|
]);
|
118
120
|
_templateObject4 = function _templateObject() {
|
119
121
|
return data;
|
@@ -171,7 +173,7 @@ var config = {
|
|
171
173
|
},
|
172
174
|
size: {
|
173
175
|
s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
|
174
|
-
sr: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin)
|
176
|
+
sr: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMarginRightWidthValue)
|
175
177
|
},
|
176
178
|
focused: {
|
177
179
|
true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.buttonTokens.buttonFocusColor)
|
@@ -21,6 +21,7 @@ declare const ButtonComponent: React.FunctionComponent<import("@salutejs/plasma-
|
|
21
21
|
text?: string;
|
22
22
|
contentLeft?: React.ReactNode;
|
23
23
|
contentPlacing?: "default" | "relaxed";
|
24
|
+
additionalContent?: React.ReactNode;
|
24
25
|
isLoading?: boolean;
|
25
26
|
loader?: React.ReactNode;
|
26
27
|
stretch?: boolean;
|
@@ -42,6 +43,7 @@ declare const ButtonComponent: React.FunctionComponent<import("@salutejs/plasma-
|
|
42
43
|
text?: string;
|
43
44
|
contentLeft?: React.ReactNode;
|
44
45
|
contentPlacing?: "default" | "relaxed";
|
46
|
+
additionalContent?: React.ReactNode;
|
45
47
|
isLoading?: boolean;
|
46
48
|
loader?: React.ReactNode;
|
47
49
|
stretch?: boolean;
|
@@ -86,6 +88,7 @@ export declare const Button: React.ForwardRefExoticComponent<(Omit<import("@salu
|
|
86
88
|
text?: string;
|
87
89
|
contentLeft?: React.ReactNode;
|
88
90
|
contentPlacing?: "default" | "relaxed";
|
91
|
+
additionalContent?: React.ReactNode;
|
89
92
|
isLoading?: boolean;
|
90
93
|
loader?: React.ReactNode;
|
91
94
|
stretch?: boolean;
|
@@ -125,6 +128,7 @@ export declare const Button: React.ForwardRefExoticComponent<(Omit<import("@salu
|
|
125
128
|
text?: string;
|
126
129
|
contentLeft?: React.ReactNode;
|
127
130
|
contentPlacing?: "default" | "relaxed";
|
131
|
+
additionalContent?: React.ReactNode;
|
128
132
|
isLoading?: boolean;
|
129
133
|
loader?: React.ReactNode;
|
130
134
|
stretch?: boolean;
|
@@ -20,6 +20,7 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
|
|
20
20
|
text?: string;
|
21
21
|
contentLeft?: import("react").ReactNode;
|
22
22
|
contentPlacing?: "default" | "relaxed";
|
23
|
+
additionalContent?: import("react").ReactNode;
|
23
24
|
isLoading?: boolean;
|
24
25
|
loader?: import("react").ReactNode;
|
25
26
|
stretch?: boolean;
|
@@ -41,6 +42,7 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
|
|
41
42
|
text?: string;
|
42
43
|
contentLeft?: import("react").ReactNode;
|
43
44
|
contentPlacing?: "default" | "relaxed";
|
45
|
+
additionalContent?: import("react").ReactNode;
|
44
46
|
isLoading?: boolean;
|
45
47
|
loader?: import("react").ReactNode;
|
46
48
|
stretch?: boolean;
|
@@ -113,7 +113,9 @@ function _templateObject4() {
|
|
113
113
|
": inherit;\n\n ",
|
114
114
|
": 0 0.25rem 0 0;\n ",
|
115
115
|
": 0 0 0 0.25rem;\n ",
|
116
|
-
": 0 0 0 0.25rem;\n
|
116
|
+
": 0 0 0 0.25rem;\n ",
|
117
|
+
": 0 0 0 0.25rem;\n ",
|
118
|
+
": 0.25rem;\n "
|
117
119
|
]);
|
118
120
|
_templateObject4 = function _templateObject() {
|
119
121
|
return data;
|
@@ -171,7 +173,7 @@ var config = {
|
|
171
173
|
},
|
172
174
|
size: {
|
173
175
|
s: (0, _emotion.css)(_templateObject3(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
|
174
|
-
sr: (0, _emotion.css)(_templateObject4(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin)
|
176
|
+
sr: (0, _emotion.css)(_templateObject4(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin, _emotion.buttonTokens.buttonAdditionalContentMargin, _emotion.buttonTokens.buttonAdditionalContentMarginRightWidthValue)
|
175
177
|
},
|
176
178
|
focused: {
|
177
179
|
true: (0, _emotion.css)(_templateObject5(), _emotion.buttonTokens.buttonFocusColor)
|
@@ -102,7 +102,9 @@ function _templateObject4() {
|
|
102
102
|
": inherit;\n\n ",
|
103
103
|
": 0 0.25rem 0 0;\n ",
|
104
104
|
": 0 0 0 0.25rem;\n ",
|
105
|
-
": 0 0 0 0.25rem;\n
|
105
|
+
": 0 0 0 0.25rem;\n ",
|
106
|
+
": 0 0 0 0.25rem;\n ",
|
107
|
+
": 0.25rem;\n "
|
106
108
|
]);
|
107
109
|
_templateObject4 = function _templateObject() {
|
108
110
|
return data;
|
@@ -161,7 +163,7 @@ export var config = {
|
|
161
163
|
},
|
162
164
|
size: {
|
163
165
|
s: css(_templateObject3(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
|
164
|
-
sr: css(_templateObject4(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin)
|
166
|
+
sr: css(_templateObject4(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue)
|
165
167
|
},
|
166
168
|
focused: {
|
167
169
|
true: css(_templateObject5(), buttonTokens.buttonFocusColor)
|
@@ -102,7 +102,9 @@ function _templateObject4() {
|
|
102
102
|
": inherit;\n\n ",
|
103
103
|
": 0 0.25rem 0 0;\n ",
|
104
104
|
": 0 0 0 0.25rem;\n ",
|
105
|
-
": 0 0 0 0.25rem;\n
|
105
|
+
": 0 0 0 0.25rem;\n ",
|
106
|
+
": 0 0 0 0.25rem;\n ",
|
107
|
+
": 0.25rem;\n "
|
106
108
|
]);
|
107
109
|
_templateObject4 = function _templateObject() {
|
108
110
|
return data;
|
@@ -161,7 +163,7 @@ export var config = {
|
|
161
163
|
},
|
162
164
|
size: {
|
163
165
|
s: css(_templateObject3(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
|
164
|
-
sr: css(_templateObject4(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin)
|
166
|
+
sr: css(_templateObject4(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue)
|
165
167
|
},
|
166
168
|
focused: {
|
167
169
|
true: css(_templateObject5(), buttonTokens.buttonFocusColor)
|
package/mixins/index.d.ts
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
export { addFocus, mediaQuery } from '@salutejs/plasma-new-hope/styled-components';
|
2
2
|
export declare const applyPaper: ({ backgroundColor, shadow, borderRadius, styles }: {
|
3
|
-
backgroundColor?: ("textPrimary" | "textPrimaryBrightness" | "textPrimaryHover" | "textPrimaryActive" | "textSecondary" | "textSecondaryHover" | "textSecondaryActive" | "textTertiary" | "textTertiaryHover" | "textTertiaryActive" | "textAccent" | "textAccentHover" | "textAccentActive" | "textAccentMinor" | "textAccentMinorHover" | "textAccentMinorActive" | "textPositive" | "textPositiveHover" | "textPositiveActive" | "textWarning" | "textWarningHover" | "textWarningActive" | "textNegative" | "textNegativeHover" | "textNegativeActive" | "textInfo" | "textInfoHover" | "textInfoActive" | "onDarkTextPrimary" | "onDarkTextPrimaryBrightness" | "onDarkTextPrimaryHover" | "onDarkTextPrimaryActive" | "onDarkTextSecondary" | "onDarkTextSecondaryHover" | "onDarkTextSecondaryActive" | "onDarkTextTertiary" | "onDarkTextTertiaryHover" | "onDarkTextTertiaryActive" | "onDarkTextAccent" | "onDarkTextAccentHover" | "onDarkTextAccentActive" | "onDarkTextAccentMinor" | "onDarkTextAccentMinorHover" | "onDarkTextAccentMinorActive" | "onDarkTextPositive" | "onDarkTextPositiveHover" | "onDarkTextPositiveActive" | "onDarkTextWarning" | "onDarkTextWarningHover" | "onDarkTextWarningActive" | "onDarkTextNegative" | "onDarkTextNegativeHover" | "onDarkTextNegativeActive" | "onDarkTextInfo" | "onDarkTextInfoHover" | "onDarkTextInfoActive" | "onLightTextPrimary" | "onLightTextPrimaryBrightness" | "onLightTextPrimaryHover" | "onLightTextPrimaryActive" | "onLightTextSecondary" | "onLightTextSecondaryHover" | "onLightTextSecondaryActive" | "onLightTextTertiary" | "onLightTextTertiaryHover" | "onLightTextTertiaryActive" | "onLightTextAccent" | "onLightTextAccentHover" | "onLightTextAccentActive" | "onLightTextAccentMinor" | "onLightTextAccentMinorHover" | "onLightTextAccentMinorActive" | "onLightTextPositive" | "onLightTextPositiveHover" | "onLightTextPositiveActive" | "onLightTextWarning" | "onLightTextWarningHover" | "onLightTextWarningActive" | "onLightTextNegative" | "onLightTextNegativeHover" | "onLightTextNegativeActive" | "onLightTextInfo" | "onLightTextInfoHover" | "onLightTextInfoActive" | "inverseTextPrimary" | "inverseTextPrimaryBrightness" | "inverseTextPrimaryHover" | "inverseTextPrimaryActive" | "inverseTextSecondary" | "inverseTextSecondaryHover" | "inverseTextSecondaryActive" | "inverseTextTertiary" | "inverseTextTertiaryHover" | "inverseTextTertiaryActive" | "inverseTextAccent" | "inverseTextAccentHover" | "inverseTextAccentActive" | "inverseTextAccentMinor" | "inverseTextAccentMinorHover" | "inverseTextAccentMinorActive" | "inverseTextPositive" | "inverseTextPositiveHover" | "inverseTextPositiveActive" | "inverseTextWarning" | "inverseTextWarningHover" | "inverseTextWarningActive" | "inverseTextNegative" | "inverseTextNegativeHover" | "inverseTextNegativeActive" | "surfaceSolidPrimary" | "surfaceSolidPrimaryBrightness" | "surfaceSolidPrimaryHover" | "surfaceSolidPrimaryActive" | "surfaceSolidSecondary" | "surfaceSolidSecondaryHover" | "surfaceSolidSecondaryActive" | "surfaceSolidTertiary" | "surfaceSolidTertiaryHover" | "surfaceSolidTertiaryActive" | "surfaceSolidCard" | "surfaceSolidCardBrightness" | "surfaceSolidCardHover" | "surfaceSolidCardActive" | "surfaceSolidDefault" | "surfaceSolidDefaultHover" | "surfaceSolidDefaultActive" | "surfaceClear" | "surfaceClearHover" | "surfaceClearActive" | "surfaceAccent" | "surfaceAccentHover" | "surfaceAccentActive" | "surfaceTransparentAccent" | "surfaceTransparentAccentHover" | "surfaceTransparentAccentActive" | "surfacePositive" | "surfacePositiveHover" | "surfacePositiveActive" | "surfaceWarning" | "surfaceWarningHover" | "surfaceWarningActive" | "surfaceNegative" | "surfaceNegativeHover" | "surfaceNegativeActive" | "surfaceInfo" | "surfaceInfoHover" | "surfaceInfoActive" | "surfaceWarningMinor" | "surfaceWarningMinorHover" | "surfaceWarningMinorActive" | "surfaceInfoMinor" | "surfaceInfoMinorHover" | "surfaceInfoMinorActive" | "surfaceTransparentNegative" | "surfaceTransparentNegativeHover" | "surfaceTransparentNegativeActive" | "onDarkSurfaceSolidPrimary" | "onDarkSurfaceSolidPrimaryBrightness" | "onDarkSurfaceSolidPrimaryHover" | "onDarkSurfaceSolidPrimaryActive" | "onDarkSurfaceSolidSecondary" | "onDarkSurfaceSolidSecondaryHover" | "onDarkSurfaceSolidSecondaryActive" | "onDarkSurfaceSolidTertiary" | "onDarkSurfaceSolidTertiaryHover" | "onDarkSurfaceSolidTertiaryActive" | "onDarkSurfaceSolidCard" | "onDarkSurfaceSolidCardBrightness" | "onDarkSurfaceSolidCardHover" | "onDarkSurfaceSolidCardActive" | "onDarkSurfaceSolidDefault" | "onDarkSurfaceSolidDefaultHover" | "onDarkSurfaceSolidDefaultActive" | "onDarkSurfaceClear" | "onDarkSurfaceClearHover" | "onDarkSurfaceClearActive" | "onDarkSurfaceAccent" | "onDarkSurfaceAccentHover" | "onDarkSurfaceAccentActive" | "onDarkSurfaceTransparentAccent" | "onDarkSurfaceTransparentAccentHover" | "onDarkSurfaceTransparentAccentActive" | "onDarkSurfacePromo" | "onDarkSurfacePromoHover" | "onDarkSurfacePromoActive" | "onDarkSurfacePositive" | "onDarkSurfacePositiveHover" | "onDarkSurfacePositiveActive" | "onDarkSurfaceWarning" | "onDarkSurfaceWarningHover" | "onDarkSurfaceWarningActive" | "onDarkSurfaceNegative" | "onDarkSurfaceNegativeHover" | "onDarkSurfaceNegativeActive" | "onDarkSurfaceInfo" | "onDarkSurfaceInfoHover" | "onDarkSurfaceInfoActive" | "onDarkSurfaceWarningMinor" | "onDarkSurfaceWarningMinorHover" | "onDarkSurfaceWarningMinorActive" | "onDarkSurfaceInfoMinor" | "onDarkSurfaceInfoMinorHover" | "onDarkSurfaceInfoMinorActive" | "onDarkSurfaceTransparentNegative" | "onDarkSurfaceTransparentNegativeHover" | "onDarkSurfaceTransparentNegativeActive" | "onLightSurfaceSolidPrimary" | "onLightSurfaceSolidPrimaryBrightness" | "onLightSurfaceSolidPrimaryHover" | "onLightSurfaceSolidPrimaryActive" | "onLightSurfaceSolidSecondary" | "onLightSurfaceSolidSecondaryHover" | "onLightSurfaceSolidSecondaryActive" | "onLightSurfaceSolidTertiary" | "onLightSurfaceSolidTertiaryHover" | "onLightSurfaceSolidTertiaryActive" | "onLightSurfaceSolidCard" | "onLightSurfaceSolidCardBrightness" | "onLightSurfaceSolidCardHover" | "onLightSurfaceSolidCardActive" | "onLightSurfaceSolidDefault" | "onLightSurfaceSolidDefaultHover" | "onLightSurfaceSolidDefaultActive" | "onLightSurfaceClear" | "onLightSurfaceClearHover" | "onLightSurfaceClearActive" | "onLightSurfaceAccent" | "onLightSurfaceAccentHover" | "onLightSurfaceAccentActive" | "onLightSurfaceTransparentAccent" | "onLightSurfaceTransparentAccentHover" | "onLightSurfaceTransparentAccentActive" | "onLightSurfacePositive" | "onLightSurfacePositiveHover" | "onLightSurfacePositiveActive" | "onLightSurfaceWarning" | "onLightSurfaceWarningHover" | "onLightSurfaceWarningActive" | "onLightSurfaceNegative" | "onLightSurfaceNegativeHover" | "onLightSurfaceNegativeActive" | "onLightSurfaceInfo" | "onLightSurfaceInfoHover" | "onLightSurfaceInfoActive" | "onLightSurfaceWarningMinor" | "onLightSurfaceWarningMinorHover" | "onLightSurfaceWarningMinorActive" | "onLightSurfaceInfoMinor" | "onLightSurfaceInfoMinorHover" | "onLightSurfaceInfoMinorActive" | "onLightSurfaceTransparentNegative" | "onLightSurfaceTransparentNegativeHover" | "onLightSurfaceTransparentNegativeActive" | "inverseSurfaceSolidPrimary" | "inverseSurfaceSolidPrimaryBrightness" | "inverseSurfaceSolidPrimaryHover" | "inverseSurfaceSolidPrimaryActive" | "inverseSurfaceSolidSecondary" | "inverseSurfaceSolidSecondaryHover" | "inverseSurfaceSolidSecondaryActive" | "inverseSurfaceSolidTertiary" | "inverseSurfaceSolidTertiaryHover" | "inverseSurfaceSolidTertiaryActive" | "inverseSurfaceSolidCard" | "inverseSurfaceSolidCardBrightness" | "inverseSurfaceSolidCardHover" | "inverseSurfaceSolidCardActive" | "inverseSurfaceSolidDefault" | "inverseSurfaceSolidDefaultHover" | "inverseSurfaceSolidDefaultActive" | "inverseSurfaceClear" | "inverseSurfaceClearHover" | "inverseSurfaceClearActive" | "inverseSurfaceAccent" | "inverseSurfaceAccentHover" | "inverseSurfaceAccentActive" | "inverseSurfaceTransparentAccent" | "inverseSurfaceTransparentAccentHover" | "inverseSurfaceTransparentAccentActive" | "inverseSurfacePositive" | "inverseSurfacePositiveHover" | "inverseSurfacePositiveActive" | "inverseSurfaceWarning" | "inverseSurfaceWarningHover" | "inverseSurfaceWarningActive" | "inverseSurfaceNegative" | "inverseSurfaceNegativeHover" | "inverseSurfaceNegativeActive" | "inverseSurfaceInfo" | "inverseSurfaceInfoHover" | "inverseSurfaceInfoActive" | "inverseSurfaceWarningMinor" | "inverseSurfaceWarningMinorHover" | "inverseSurfaceWarningMinorActive" | "inverseSurfaceNegativeMinor" | "inverseSurfaceNegativeMinorHover" | "inverseSurfaceNegativeMinorActive" | "inverseSurfaceInfoMinor" | "inverseSurfaceInfoMinorHover" | "inverseSurfaceInfoMinorActive" | "backgroundPrimary" | "backgroundPrimaryBrightness" | "darkBackgroundPrimary" | "lightBackgroundPrimary" | "inverseBackgroundPrimary" | "inverseBackgroundPrimaryBrightness" | "outlineSolidPrimary" | "outlineSolidPrimaryHover" | "outlineSolidPrimaryActive" | "outlineSolidSecondary" | "outlineSolidSecondaryHover" | "outlineSolidSecondaryActive" | "outlineClear" | "outlineClearHover" | "outlineClearActive" | "outlineAccent" | "outlineAccentHover" | "outlineAccentActive" | "outlinePositive" | "outlinePositiveHover" | "outlinePositiveActive" | "outlineNegative" | "outlineNegativeHover" | "outlineNegativeActive" | "outlineInfo" | "outlineInfoHover" | "outlineInfoActive" | "onDarkOutlineSolidPrimary" | "onDarkOutlineSolidPrimaryHover" | "onDarkOutlineSolidPrimaryActive" | "onDarkOutlineSolidSecondary" | "onDarkOutlineSolidSecondaryHover" | "onDarkOutlineSolidSecondaryActive" | "onDarkOutlineClear" | "onDarkOutlineClearHover" | "onDarkOutlineClearActive" | "onDarkOutlineAccent" | "onDarkOutlineAccentHover" | "onDarkOutlineAccentActive" | "onDarkOutlinePositive" | "onDarkOutlinePositiveHover" | "onDarkOutlinePositiveActive" | "onDarkOutlineNegative" | "onDarkOutlineNegativeHover" | "onDarkOutlineNegativeActive" | "onDarkOutlineInfo" | "onDarkOutlineInfoHover" | "onDarkOutlineInfoActive" | "onLightOutlineSolidPrimary" | "onLightOutlineSolidPrimaryHover" | "onLightOutlineSolidPrimaryActive" | "onLightOutlineSolidSecondary" | "onLightOutlineSolidSecondaryHover" | "onLightOutlineSolidSecondaryActive" | "onLightOutlineClear" | "onLightOutlineClearHover" | "onLightOutlineClearActive" | "onLightOutlineAccent" | "onLightOutlineAccentHover" | "onLightOutlineAccentActive" | "onLightOutlinePositive" | "onLightOutlinePositiveHover" | "onLightOutlinePositiveActive" | "onLightOutlineNegative" | "onLightOutlineNegativeHover" | "onLightOutlineNegativeActive" | "onLightOutlineInfo" | "onLightOutlineInfoHover" | "onLightOutlineInfoActive" | "inverseOutlineSolidPrimary" | "inverseOutlineSolidPrimaryHover" | "inverseOutlineSolidPrimaryActive" | "inverseOutlineSolidSecondary" | "inverseOutlineSolidSecondaryHover" | "inverseOutlineSolidSecondaryActive" | "inverseOutlineClear" | "inverseOutlineClearHover" | "inverseOutlineClearActive" | "inverseOutlineAccent" | "inverseOutlineAccentHover" | "inverseOutlineAccentActive" | "inverseOutlinePositive" | "inverseOutlinePositiveHover" | "inverseOutlinePositiveActive" | "inverseOutlineNegative" | "inverseOutlineNegativeHover" | "inverseOutlineNegativeActive" | "inverseOutlineInfo" | "inverseOutlineInfoHover" | "inverseOutlineInfoActive" | "dataYellow" | "dataYellowHover" | "dataYellowActive" | "dataYellowMinor" | "dataYellowMinorHover" | "dataYellowMinorActive" | "dataYellowTransparent" | "dataYellowTransparentHover" | "dataYellowTransparentActive" | "onDarkDataYellow" | "onDarkDataYellowHover" | "onDarkDataYellowActive" | "onDarkDataYellowMinor" | "onDarkDataYellowMinorHover" | "onDarkDataYellowMinorActive" | "onDarkDataYellowTransparent" | "onDarkDataYellowTransparentHover" | "onDarkDataYellowTransparentActive" | "onLightDataYellow" | "onLightDataYellowHover" | "onLightDataYellowActive" | "onLightDataYellowMinor" | "onLightDataYellowMinorHover" | "onLightDataYellowMinorActive" | "onLightDataYellowTransparent" | "onLightDataYellowTransparentHover" | "onLightDataYellowTransparentActive" | "inverseDataYellow" | "inverseDataYellowHover" | "inverseDataYellowActive" | "inverseDataYellowMinor" | "inverseDataYellowMinorHover" | "inverseDataYellowMinorActive" | "inverseDataYellowTransparent" | "inverseDataYellowTransparentHover" | "inverseDataYellowTransparentActive" | "inverseTextPromoMinorGradient" | "inverseTextPromoMinorGradientHover" | "inverseTextPromoMinorGradientActive" | "surfaceSkeletonGradient" | "surfaceSkeletonGradientHover" | "surfaceSkeletonGradientActive" | "surfaceSkeletonDeepGradient" | "surfaceSkeletonDeepGradientHover" | "surfaceSkeletonDeepGradientActive" | "onDarkSurfaceSkeletonGradient" | "onDarkSurfaceSkeletonGradientHover" | "onDarkSurfaceSkeletonGradientActive" | "onDarkSurfaceSkeletonDeepGradient" | "onDarkSurfaceSkeletonDeepGradientHover" | "onDarkSurfaceSkeletonDeepGradientActive" | "onLightSurfaceSkeletonGradient" | "onLightSurfaceSkeletonGradientHover" | "onLightSurfaceSkeletonGradientActive" | "onLightSurfaceSkeletonDeepGradient" | "onLightSurfaceSkeletonDeepGradientHover" | "onLightSurfaceSkeletonDeepGradientActive" | "inverseSurfaceSkeletonGradient" | "inverseSurfaceSkeletonGradientHover" | "inverseSurfaceSkeletonGradientActive" | "inverseSurfaceSkeletonDeepGradient" | "inverseSurfaceSkeletonDeepGradientHover" | "inverseSurfaceSkeletonDeepGradientActive") | undefined;
|
3
|
+
backgroundColor?: ("textPrimary" | "textPrimaryBrightness" | "textPrimaryHover" | "textPrimaryActive" | "textSecondary" | "textSecondaryHover" | "textSecondaryActive" | "textTertiary" | "textTertiaryHover" | "textTertiaryActive" | "textAccent" | "textAccentHover" | "textAccentActive" | "textAccentMinor" | "textAccentMinorHover" | "textAccentMinorActive" | "textPositive" | "textPositiveHover" | "textPositiveActive" | "textWarning" | "textWarningHover" | "textWarningActive" | "textNegative" | "textNegativeHover" | "textNegativeActive" | "textInfo" | "textInfoHover" | "textInfoActive" | "onDarkTextPrimary" | "onDarkTextPrimaryBrightness" | "onDarkTextPrimaryHover" | "onDarkTextPrimaryActive" | "onDarkTextSecondary" | "onDarkTextSecondaryHover" | "onDarkTextSecondaryActive" | "onDarkTextTertiary" | "onDarkTextTertiaryHover" | "onDarkTextTertiaryActive" | "onDarkTextAccent" | "onDarkTextAccentHover" | "onDarkTextAccentActive" | "onDarkTextAccentMinor" | "onDarkTextAccentMinorHover" | "onDarkTextAccentMinorActive" | "onDarkTextPositive" | "onDarkTextPositiveHover" | "onDarkTextPositiveActive" | "onDarkTextWarning" | "onDarkTextWarningHover" | "onDarkTextWarningActive" | "onDarkTextNegative" | "onDarkTextNegativeHover" | "onDarkTextNegativeActive" | "onDarkTextInfo" | "onDarkTextInfoHover" | "onDarkTextInfoActive" | "onLightTextPrimary" | "onLightTextPrimaryBrightness" | "onLightTextPrimaryHover" | "onLightTextPrimaryActive" | "onLightTextSecondary" | "onLightTextSecondaryHover" | "onLightTextSecondaryActive" | "onLightTextTertiary" | "onLightTextTertiaryHover" | "onLightTextTertiaryActive" | "onLightTextAccent" | "onLightTextAccentHover" | "onLightTextAccentActive" | "onLightTextAccentMinor" | "onLightTextAccentMinorHover" | "onLightTextAccentMinorActive" | "onLightTextPositive" | "onLightTextPositiveHover" | "onLightTextPositiveActive" | "onLightTextWarning" | "onLightTextWarningHover" | "onLightTextWarningActive" | "onLightTextNegative" | "onLightTextNegativeHover" | "onLightTextNegativeActive" | "onLightTextInfo" | "onLightTextInfoHover" | "onLightTextInfoActive" | "inverseTextPrimary" | "inverseTextPrimaryBrightness" | "inverseTextPrimaryHover" | "inverseTextPrimaryActive" | "inverseTextSecondary" | "inverseTextSecondaryHover" | "inverseTextSecondaryActive" | "inverseTextTertiary" | "inverseTextTertiaryHover" | "inverseTextTertiaryActive" | "inverseTextAccent" | "inverseTextAccentHover" | "inverseTextAccentActive" | "inverseTextAccentMinor" | "inverseTextAccentMinorHover" | "inverseTextAccentMinorActive" | "inverseTextPositive" | "inverseTextPositiveHover" | "inverseTextPositiveActive" | "inverseTextWarning" | "inverseTextWarningHover" | "inverseTextWarningActive" | "inverseTextNegative" | "inverseTextNegativeHover" | "inverseTextNegativeActive" | "surfaceSolidPrimary" | "surfaceSolidPrimaryBrightness" | "surfaceSolidPrimaryHover" | "surfaceSolidPrimaryActive" | "surfaceSolidSecondary" | "surfaceSolidSecondaryHover" | "surfaceSolidSecondaryActive" | "surfaceSolidTertiary" | "surfaceSolidTertiaryHover" | "surfaceSolidTertiaryActive" | "surfaceSolidCard" | "surfaceSolidCardBrightness" | "surfaceSolidCardHover" | "surfaceSolidCardActive" | "surfaceSolidDefault" | "surfaceSolidDefaultHover" | "surfaceSolidDefaultActive" | "surfaceClear" | "surfaceClearHover" | "surfaceClearActive" | "surfaceAccent" | "surfaceAccentHover" | "surfaceAccentActive" | "surfaceTransparentAccent" | "surfaceTransparentAccentHover" | "surfaceTransparentAccentActive" | "surfacePositive" | "surfacePositiveHover" | "surfacePositiveActive" | "surfaceWarning" | "surfaceWarningHover" | "surfaceWarningActive" | "surfaceNegative" | "surfaceNegativeHover" | "surfaceNegativeActive" | "surfaceInfo" | "surfaceInfoHover" | "surfaceInfoActive" | "surfaceWarningMinor" | "surfaceWarningMinorHover" | "surfaceWarningMinorActive" | "surfaceNegativeMinor" | "surfaceNegativeMinorHover" | "surfaceNegativeMinorActive" | "surfaceInfoMinor" | "surfaceInfoMinorHover" | "surfaceInfoMinorActive" | "onDarkSurfaceSolidPrimary" | "onDarkSurfaceSolidPrimaryBrightness" | "onDarkSurfaceSolidPrimaryHover" | "onDarkSurfaceSolidPrimaryActive" | "onDarkSurfaceSolidSecondary" | "onDarkSurfaceSolidSecondaryHover" | "onDarkSurfaceSolidSecondaryActive" | "onDarkSurfaceSolidTertiary" | "onDarkSurfaceSolidTertiaryHover" | "onDarkSurfaceSolidTertiaryActive" | "onDarkSurfaceSolidCard" | "onDarkSurfaceSolidCardBrightness" | "onDarkSurfaceSolidCardHover" | "onDarkSurfaceSolidCardActive" | "onDarkSurfaceSolidDefault" | "onDarkSurfaceSolidDefaultHover" | "onDarkSurfaceSolidDefaultActive" | "onDarkSurfaceClear" | "onDarkSurfaceClearHover" | "onDarkSurfaceClearActive" | "onDarkSurfaceAccent" | "onDarkSurfaceAccentHover" | "onDarkSurfaceAccentActive" | "onDarkSurfaceTransparentAccent" | "onDarkSurfaceTransparentAccentHover" | "onDarkSurfaceTransparentAccentActive" | "onDarkSurfacePromo" | "onDarkSurfacePromoHover" | "onDarkSurfacePromoActive" | "onDarkSurfacePositive" | "onDarkSurfacePositiveHover" | "onDarkSurfacePositiveActive" | "onDarkSurfaceWarning" | "onDarkSurfaceWarningHover" | "onDarkSurfaceWarningActive" | "onDarkSurfaceNegative" | "onDarkSurfaceNegativeHover" | "onDarkSurfaceNegativeActive" | "onDarkSurfaceInfo" | "onDarkSurfaceInfoHover" | "onDarkSurfaceInfoActive" | "onDarkSurfaceWarningMinor" | "onDarkSurfaceWarningMinorHover" | "onDarkSurfaceWarningMinorActive" | "onDarkSurfaceNegativeMinor" | "onDarkSurfaceNegativeMinorHover" | "onDarkSurfaceNegativeMinorActive" | "onDarkSurfaceInfoMinor" | "onDarkSurfaceInfoMinorHover" | "onDarkSurfaceInfoMinorActive" | "onLightSurfaceSolidPrimary" | "onLightSurfaceSolidPrimaryBrightness" | "onLightSurfaceSolidPrimaryHover" | "onLightSurfaceSolidPrimaryActive" | "onLightSurfaceSolidSecondary" | "onLightSurfaceSolidSecondaryHover" | "onLightSurfaceSolidSecondaryActive" | "onLightSurfaceSolidTertiary" | "onLightSurfaceSolidTertiaryHover" | "onLightSurfaceSolidTertiaryActive" | "onLightSurfaceSolidCard" | "onLightSurfaceSolidCardBrightness" | "onLightSurfaceSolidCardHover" | "onLightSurfaceSolidCardActive" | "onLightSurfaceSolidDefault" | "onLightSurfaceSolidDefaultHover" | "onLightSurfaceSolidDefaultActive" | "onLightSurfaceClear" | "onLightSurfaceClearHover" | "onLightSurfaceClearActive" | "onLightSurfaceAccent" | "onLightSurfaceAccentHover" | "onLightSurfaceAccentActive" | "onLightSurfaceTransparentAccent" | "onLightSurfaceTransparentAccentHover" | "onLightSurfaceTransparentAccentActive" | "onLightSurfacePositive" | "onLightSurfacePositiveHover" | "onLightSurfacePositiveActive" | "onLightSurfaceWarning" | "onLightSurfaceWarningHover" | "onLightSurfaceWarningActive" | "onLightSurfaceNegative" | "onLightSurfaceNegativeHover" | "onLightSurfaceNegativeActive" | "onLightSurfaceInfo" | "onLightSurfaceInfoHover" | "onLightSurfaceInfoActive" | "onLightSurfaceWarningMinor" | "onLightSurfaceWarningMinorHover" | "onLightSurfaceWarningMinorActive" | "onLightSurfaceNegativeMinor" | "onLightSurfaceNegativeMinorHover" | "onLightSurfaceNegativeMinorActive" | "onLightSurfaceInfoMinor" | "onLightSurfaceInfoMinorHover" | "onLightSurfaceInfoMinorActive" | "inverseSurfaceSolidPrimary" | "inverseSurfaceSolidPrimaryBrightness" | "inverseSurfaceSolidPrimaryHover" | "inverseSurfaceSolidPrimaryActive" | "inverseSurfaceSolidSecondary" | "inverseSurfaceSolidSecondaryHover" | "inverseSurfaceSolidSecondaryActive" | "inverseSurfaceSolidTertiary" | "inverseSurfaceSolidTertiaryHover" | "inverseSurfaceSolidTertiaryActive" | "inverseSurfaceSolidCard" | "inverseSurfaceSolidCardBrightness" | "inverseSurfaceSolidCardHover" | "inverseSurfaceSolidCardActive" | "inverseSurfaceSolidDefault" | "inverseSurfaceSolidDefaultHover" | "inverseSurfaceSolidDefaultActive" | "inverseSurfaceClear" | "inverseSurfaceClearHover" | "inverseSurfaceClearActive" | "inverseSurfaceAccent" | "inverseSurfaceAccentHover" | "inverseSurfaceAccentActive" | "inverseSurfaceTransparentAccent" | "inverseSurfaceTransparentAccentHover" | "inverseSurfaceTransparentAccentActive" | "inverseSurfacePositive" | "inverseSurfacePositiveHover" | "inverseSurfacePositiveActive" | "inverseSurfaceWarning" | "inverseSurfaceWarningHover" | "inverseSurfaceWarningActive" | "inverseSurfaceNegative" | "inverseSurfaceNegativeHover" | "inverseSurfaceNegativeActive" | "inverseSurfaceInfo" | "inverseSurfaceInfoHover" | "inverseSurfaceInfoActive" | "inverseSurfaceWarningMinor" | "inverseSurfaceWarningMinorHover" | "inverseSurfaceWarningMinorActive" | "inverseSurfaceNegativeMinor" | "inverseSurfaceNegativeMinorHover" | "inverseSurfaceNegativeMinorActive" | "inverseSurfaceInfoMinor" | "inverseSurfaceInfoMinorHover" | "inverseSurfaceInfoMinorActive" | "backgroundPrimary" | "backgroundPrimaryBrightness" | "darkBackgroundPrimary" | "lightBackgroundPrimary" | "inverseBackgroundPrimary" | "inverseBackgroundPrimaryBrightness" | "outlineSolidPrimary" | "outlineSolidPrimaryHover" | "outlineSolidPrimaryActive" | "outlineSolidSecondary" | "outlineSolidSecondaryHover" | "outlineSolidSecondaryActive" | "outlineClear" | "outlineClearHover" | "outlineClearActive" | "outlineAccent" | "outlineAccentHover" | "outlineAccentActive" | "outlinePositive" | "outlinePositiveHover" | "outlinePositiveActive" | "outlineNegative" | "outlineNegativeHover" | "outlineNegativeActive" | "outlineInfo" | "outlineInfoHover" | "outlineInfoActive" | "onDarkOutlineSolidPrimary" | "onDarkOutlineSolidPrimaryHover" | "onDarkOutlineSolidPrimaryActive" | "onDarkOutlineSolidSecondary" | "onDarkOutlineSolidSecondaryHover" | "onDarkOutlineSolidSecondaryActive" | "onDarkOutlineClear" | "onDarkOutlineClearHover" | "onDarkOutlineClearActive" | "onDarkOutlineAccent" | "onDarkOutlineAccentHover" | "onDarkOutlineAccentActive" | "onDarkOutlinePositive" | "onDarkOutlinePositiveHover" | "onDarkOutlinePositiveActive" | "onDarkOutlineNegative" | "onDarkOutlineNegativeHover" | "onDarkOutlineNegativeActive" | "onDarkOutlineInfo" | "onDarkOutlineInfoHover" | "onDarkOutlineInfoActive" | "onLightOutlineSolidPrimary" | "onLightOutlineSolidPrimaryHover" | "onLightOutlineSolidPrimaryActive" | "onLightOutlineSolidSecondary" | "onLightOutlineSolidSecondaryHover" | "onLightOutlineSolidSecondaryActive" | "onLightOutlineClear" | "onLightOutlineClearHover" | "onLightOutlineClearActive" | "onLightOutlineAccent" | "onLightOutlineAccentHover" | "onLightOutlineAccentActive" | "onLightOutlinePositive" | "onLightOutlinePositiveHover" | "onLightOutlinePositiveActive" | "onLightOutlineNegative" | "onLightOutlineNegativeHover" | "onLightOutlineNegativeActive" | "onLightOutlineInfo" | "onLightOutlineInfoHover" | "onLightOutlineInfoActive" | "inverseOutlineSolidPrimary" | "inverseOutlineSolidPrimaryHover" | "inverseOutlineSolidPrimaryActive" | "inverseOutlineSolidSecondary" | "inverseOutlineSolidSecondaryHover" | "inverseOutlineSolidSecondaryActive" | "inverseOutlineClear" | "inverseOutlineClearHover" | "inverseOutlineClearActive" | "inverseOutlineAccent" | "inverseOutlineAccentHover" | "inverseOutlineAccentActive" | "inverseOutlinePositive" | "inverseOutlinePositiveHover" | "inverseOutlinePositiveActive" | "inverseOutlineNegative" | "inverseOutlineNegativeHover" | "inverseOutlineNegativeActive" | "inverseOutlineInfo" | "inverseOutlineInfoHover" | "inverseOutlineInfoActive" | "dataYellow" | "dataYellowHover" | "dataYellowActive" | "dataYellowMinor" | "dataYellowMinorHover" | "dataYellowMinorActive" | "dataYellowTransparent" | "dataYellowTransparentHover" | "dataYellowTransparentActive" | "onDarkDataYellow" | "onDarkDataYellowHover" | "onDarkDataYellowActive" | "onDarkDataYellowMinor" | "onDarkDataYellowMinorHover" | "onDarkDataYellowMinorActive" | "onDarkDataYellowTransparent" | "onDarkDataYellowTransparentHover" | "onDarkDataYellowTransparentActive" | "onLightDataYellow" | "onLightDataYellowHover" | "onLightDataYellowActive" | "onLightDataYellowMinor" | "onLightDataYellowMinorHover" | "onLightDataYellowMinorActive" | "onLightDataYellowTransparent" | "onLightDataYellowTransparentHover" | "onLightDataYellowTransparentActive" | "inverseDataYellow" | "inverseDataYellowHover" | "inverseDataYellowActive" | "inverseDataYellowMinor" | "inverseDataYellowMinorHover" | "inverseDataYellowMinorActive" | "inverseDataYellowTransparent" | "inverseDataYellowTransparentHover" | "inverseDataYellowTransparentActive" | "inverseTextPromoMinorGradient" | "inverseTextPromoMinorGradientHover" | "inverseTextPromoMinorGradientActive" | "surfaceSkeletonGradient" | "surfaceSkeletonGradientHover" | "surfaceSkeletonGradientActive" | "surfaceSkeletonDeepGradient" | "surfaceSkeletonDeepGradientHover" | "surfaceSkeletonDeepGradientActive" | "onDarkSurfaceSkeletonGradient" | "onDarkSurfaceSkeletonGradientHover" | "onDarkSurfaceSkeletonGradientActive" | "onDarkSurfaceSkeletonDeepGradient" | "onDarkSurfaceSkeletonDeepGradientHover" | "onDarkSurfaceSkeletonDeepGradientActive" | "onLightSurfaceSkeletonGradient" | "onLightSurfaceSkeletonGradientHover" | "onLightSurfaceSkeletonGradientActive" | "onLightSurfaceSkeletonDeepGradient" | "onLightSurfaceSkeletonDeepGradientHover" | "onLightSurfaceSkeletonDeepGradientActive" | "inverseSurfaceSkeletonGradient" | "inverseSurfaceSkeletonGradientHover" | "inverseSurfaceSkeletonGradientActive" | "inverseSurfaceSkeletonDeepGradient" | "inverseSurfaceSkeletonDeepGradientHover" | "inverseSurfaceSkeletonDeepGradientActive") | undefined;
|
4
4
|
shadow?: "shadowDownSoftS" | "shadowDownSoftM" | "shadowDownSoftL" | "shadowDownHardS" | "shadowDownHardM" | "shadowDownHardL" | "shadowUpSoftS" | "shadowUpSoftM" | "shadowUpSoftL" | "shadowUpHardS" | "shadowUpHardM" | "shadowUpHardL" | undefined;
|
5
5
|
borderRadius?: "borderRadiusXxs" | "borderRadiusXs" | "borderRadiusS" | "borderRadiusM" | "borderRadiusL" | "borderRadiusXl" | "borderRadiusXxl" | undefined;
|
6
6
|
styles?: import("react").CSSProperties;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/sdds-cs",
|
3
|
-
"version": "0.327.0-
|
3
|
+
"version": "0.327.0-dev.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,8 +30,8 @@
|
|
30
30
|
"directory": "packages/sdds-cs"
|
31
31
|
},
|
32
32
|
"dependencies": {
|
33
|
-
"@salutejs/plasma-new-hope": "0.335.0-
|
34
|
-
"@salutejs/sdds-themes": "0.47.0-
|
33
|
+
"@salutejs/plasma-new-hope": "0.335.0-dev.0",
|
34
|
+
"@salutejs/sdds-themes": "0.47.0-dev.0"
|
35
35
|
},
|
36
36
|
"peerDependencies": {
|
37
37
|
"@emotion/react": ">=11",
|
@@ -54,10 +54,10 @@
|
|
54
54
|
"@microsoft/api-extractor": "7.38.3",
|
55
55
|
"@originjs/vite-plugin-commonjs": "1.0.3",
|
56
56
|
"@salutejs/plasma-colors": "0.16.0",
|
57
|
-
"@salutejs/plasma-core": "1.207.0-
|
58
|
-
"@salutejs/plasma-cy-utils": "0.137.0-
|
59
|
-
"@salutejs/plasma-icons": "1.223.0-
|
60
|
-
"@salutejs/plasma-sb-utils": "0.207.0-
|
57
|
+
"@salutejs/plasma-core": "1.207.0-dev.0",
|
58
|
+
"@salutejs/plasma-cy-utils": "0.137.0-dev.0",
|
59
|
+
"@salutejs/plasma-icons": "1.223.0-dev.0",
|
60
|
+
"@salutejs/plasma-sb-utils": "0.207.0-dev.0",
|
61
61
|
"@storybook/addon-docs": "8.6.14",
|
62
62
|
"@storybook/addon-essentials": "8.6.14",
|
63
63
|
"@storybook/manager-api": "8.6.14",
|
@@ -123,5 +123,5 @@
|
|
123
123
|
"Anton Vinogradov"
|
124
124
|
],
|
125
125
|
"sideEffects": false,
|
126
|
-
"gitHead": "
|
126
|
+
"gitHead": "c963c97acf62e5981e94a1468a224f1dc880c66e"
|
127
127
|
}
|