@salutejs/sdds-finai 0.351.0-dev.0 → 0.351.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/styled-components/cjs/components/Chip/Chip.transparent.config.js +44 -0
- package/dist/styled-components/es/components/Chip/Chip.transparent.config.js +44 -0
- package/package.json +9 -9
- package/types/components/Chip/Chip.d.ts +4 -0
- package/types/components/Chip/Chip.transparent.config.d.ts +2 -0
|
@@ -168,6 +168,50 @@ const config = {
|
|
|
168
168
|
${_styledcomponents.chipTokens.clearContentMarginLeft}: 0.25rem;
|
|
169
169
|
${_styledcomponents.chipTokens.clearContentMarginRight}: -0.25rem;
|
|
170
170
|
${_styledcomponents.chipTokens.closeIconSize}: 0.75rem;
|
|
171
|
+
`,
|
|
172
|
+
'28xs': (0, _styledcomponents.css)`
|
|
173
|
+
${_styledcomponents.chipTokens.borderRadius}: 0.5rem;
|
|
174
|
+
${_styledcomponents.chipTokens.pilledBorderRadius}: 1.25rem;
|
|
175
|
+
${_styledcomponents.chipTokens.width}: auto;
|
|
176
|
+
${_styledcomponents.chipTokens.height}: 1.75rem;
|
|
177
|
+
${_styledcomponents.chipTokens.padding}: 0 0.75rem 0 0.6875rem;
|
|
178
|
+
|
|
179
|
+
${_styledcomponents.chipTokens.fontFamily}: ${_sdds_finai.bodyS.fontFamily};
|
|
180
|
+
${_styledcomponents.chipTokens.fontSize}: ${_sdds_finai.bodyS.fontSize};
|
|
181
|
+
${_styledcomponents.chipTokens.fontStyle}: ${_sdds_finai.bodyS.fontStyle};
|
|
182
|
+
${_styledcomponents.chipTokens.fontWeight}: ${_sdds_finai.bodyS.fontWeight};
|
|
183
|
+
${_styledcomponents.chipTokens.letterSpacing}: ${_sdds_finai.bodyS.letterSpacing};
|
|
184
|
+
${_styledcomponents.chipTokens.lineHeight}: ${_sdds_finai.bodyS.lineHeight};
|
|
185
|
+
|
|
186
|
+
${_styledcomponents.chipTokens.leftContentMarginLeft}: 0;
|
|
187
|
+
${_styledcomponents.chipTokens.leftContentMarginRight}: 0.125rem;
|
|
188
|
+
${_styledcomponents.chipTokens.rightContentMarginLeft}: 0.125rem;
|
|
189
|
+
${_styledcomponents.chipTokens.rightContentMarginRight}: -0.125rem;
|
|
190
|
+
${_styledcomponents.chipTokens.clearContentMarginLeft}: 0.25rem;
|
|
191
|
+
${_styledcomponents.chipTokens.clearContentMarginRight}: -0.125rem;
|
|
192
|
+
${_styledcomponents.chipTokens.closeIconSize}: 1rem;
|
|
193
|
+
`,
|
|
194
|
+
'16xxs': (0, _styledcomponents.css)`
|
|
195
|
+
${_styledcomponents.chipTokens.borderRadius}: 0.25rem;
|
|
196
|
+
${_styledcomponents.chipTokens.pilledBorderRadius}: 1.25rem;
|
|
197
|
+
${_styledcomponents.chipTokens.width}: auto;
|
|
198
|
+
${_styledcomponents.chipTokens.height}: 1rem;
|
|
199
|
+
${_styledcomponents.chipTokens.padding}: 0 0.25rem;
|
|
200
|
+
|
|
201
|
+
${_styledcomponents.chipTokens.fontFamily}: ${_sdds_finai.bodyXXS.fontFamily};
|
|
202
|
+
${_styledcomponents.chipTokens.fontSize}: ${_sdds_finai.bodyXXS.fontSize};
|
|
203
|
+
${_styledcomponents.chipTokens.fontStyle}: ${_sdds_finai.bodyXXS.fontStyle};
|
|
204
|
+
${_styledcomponents.chipTokens.fontWeight}: ${_sdds_finai.bodyXXS.fontWeight};
|
|
205
|
+
${_styledcomponents.chipTokens.letterSpacing}: ${_sdds_finai.bodyXXS.letterSpacing};
|
|
206
|
+
${_styledcomponents.chipTokens.lineHeight}: ${_sdds_finai.bodyXXS.lineHeight};
|
|
207
|
+
|
|
208
|
+
${_styledcomponents.chipTokens.leftContentMarginLeft}: 0;
|
|
209
|
+
${_styledcomponents.chipTokens.leftContentMarginRight}: 0.125rem;
|
|
210
|
+
${_styledcomponents.chipTokens.rightContentMarginLeft}: 0.125rem;
|
|
211
|
+
${_styledcomponents.chipTokens.rightContentMarginRight}: -0.063rem;
|
|
212
|
+
${_styledcomponents.chipTokens.clearContentMarginLeft}: 0.125rem;
|
|
213
|
+
${_styledcomponents.chipTokens.clearContentMarginRight}: -0.063rem;
|
|
214
|
+
${_styledcomponents.chipTokens.closeIconSize}: 0.75rem;
|
|
171
215
|
`
|
|
172
216
|
},
|
|
173
217
|
disabled: {
|
|
@@ -158,6 +158,50 @@ export const config = {
|
|
|
158
158
|
${chipTokens.clearContentMarginLeft}: 0.25rem;
|
|
159
159
|
${chipTokens.clearContentMarginRight}: -0.25rem;
|
|
160
160
|
${chipTokens.closeIconSize}: 0.75rem;
|
|
161
|
+
`,
|
|
162
|
+
'28xs': css`
|
|
163
|
+
${chipTokens.borderRadius}: 0.5rem;
|
|
164
|
+
${chipTokens.pilledBorderRadius}: 1.25rem;
|
|
165
|
+
${chipTokens.width}: auto;
|
|
166
|
+
${chipTokens.height}: 1.75rem;
|
|
167
|
+
${chipTokens.padding}: 0 0.75rem 0 0.6875rem;
|
|
168
|
+
|
|
169
|
+
${chipTokens.fontFamily}: ${bodyS.fontFamily};
|
|
170
|
+
${chipTokens.fontSize}: ${bodyS.fontSize};
|
|
171
|
+
${chipTokens.fontStyle}: ${bodyS.fontStyle};
|
|
172
|
+
${chipTokens.fontWeight}: ${bodyS.fontWeight};
|
|
173
|
+
${chipTokens.letterSpacing}: ${bodyS.letterSpacing};
|
|
174
|
+
${chipTokens.lineHeight}: ${bodyS.lineHeight};
|
|
175
|
+
|
|
176
|
+
${chipTokens.leftContentMarginLeft}: 0;
|
|
177
|
+
${chipTokens.leftContentMarginRight}: 0.125rem;
|
|
178
|
+
${chipTokens.rightContentMarginLeft}: 0.125rem;
|
|
179
|
+
${chipTokens.rightContentMarginRight}: -0.125rem;
|
|
180
|
+
${chipTokens.clearContentMarginLeft}: 0.25rem;
|
|
181
|
+
${chipTokens.clearContentMarginRight}: -0.125rem;
|
|
182
|
+
${chipTokens.closeIconSize}: 1rem;
|
|
183
|
+
`,
|
|
184
|
+
'16xxs': css`
|
|
185
|
+
${chipTokens.borderRadius}: 0.25rem;
|
|
186
|
+
${chipTokens.pilledBorderRadius}: 1.25rem;
|
|
187
|
+
${chipTokens.width}: auto;
|
|
188
|
+
${chipTokens.height}: 1rem;
|
|
189
|
+
${chipTokens.padding}: 0 0.25rem;
|
|
190
|
+
|
|
191
|
+
${chipTokens.fontFamily}: ${bodyXXS.fontFamily};
|
|
192
|
+
${chipTokens.fontSize}: ${bodyXXS.fontSize};
|
|
193
|
+
${chipTokens.fontStyle}: ${bodyXXS.fontStyle};
|
|
194
|
+
${chipTokens.fontWeight}: ${bodyXXS.fontWeight};
|
|
195
|
+
${chipTokens.letterSpacing}: ${bodyXXS.letterSpacing};
|
|
196
|
+
${chipTokens.lineHeight}: ${bodyXXS.lineHeight};
|
|
197
|
+
|
|
198
|
+
${chipTokens.leftContentMarginLeft}: 0;
|
|
199
|
+
${chipTokens.leftContentMarginRight}: 0.125rem;
|
|
200
|
+
${chipTokens.rightContentMarginLeft}: 0.125rem;
|
|
201
|
+
${chipTokens.rightContentMarginRight}: -0.063rem;
|
|
202
|
+
${chipTokens.clearContentMarginLeft}: 0.125rem;
|
|
203
|
+
${chipTokens.clearContentMarginRight}: -0.063rem;
|
|
204
|
+
${chipTokens.closeIconSize}: 0.75rem;
|
|
161
205
|
`
|
|
162
206
|
},
|
|
163
207
|
disabled: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-finai",
|
|
3
|
-
"version": "0.351.0
|
|
3
|
+
"version": "0.351.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS FinAI web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"publishConfig": {
|
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
"styled-components": "^5.3.1"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@salutejs/plasma-new-hope": "0.372.0
|
|
44
|
-
"@salutejs/sdds-themes": "0.73.0
|
|
43
|
+
"@salutejs/plasma-new-hope": "0.372.0",
|
|
44
|
+
"@salutejs/sdds-themes": "0.73.0"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@babel/cli": "7.24.1",
|
|
@@ -51,11 +51,11 @@
|
|
|
51
51
|
"@babel/preset-env": "7.24.4",
|
|
52
52
|
"@babel/preset-react": "7.24.1",
|
|
53
53
|
"@babel/preset-typescript": "7.24.1",
|
|
54
|
-
"@salutejs/plasma-colors": "0.17.0
|
|
55
|
-
"@salutejs/plasma-core": "1.235.0
|
|
56
|
-
"@salutejs/plasma-cy-utils": "0.165.0
|
|
57
|
-
"@salutejs/plasma-icons": "1.244.0
|
|
58
|
-
"@salutejs/plasma-sb-utils": "0.236.0
|
|
54
|
+
"@salutejs/plasma-colors": "0.17.0",
|
|
55
|
+
"@salutejs/plasma-core": "1.235.0",
|
|
56
|
+
"@salutejs/plasma-cy-utils": "0.165.0",
|
|
57
|
+
"@salutejs/plasma-icons": "1.244.0",
|
|
58
|
+
"@salutejs/plasma-sb-utils": "0.236.0",
|
|
59
59
|
"@types/node": "16.7.13",
|
|
60
60
|
"@types/react": "18.0.28",
|
|
61
61
|
"@types/react-dom": "18.0.11",
|
|
@@ -98,5 +98,5 @@
|
|
|
98
98
|
"salute.developers@gmail.com"
|
|
99
99
|
],
|
|
100
100
|
"sideEffects": false,
|
|
101
|
-
"gitHead": "
|
|
101
|
+
"gitHead": "a95d3845e21b517be0577d7a9cb858d254b5081f"
|
|
102
102
|
}
|
|
@@ -39,6 +39,8 @@ export declare const ChipTransparent: import("react").FunctionComponent<import("
|
|
|
39
39
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
40
40
|
xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
41
41
|
xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
42
|
+
'28xs': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
43
|
+
'16xxs': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
42
44
|
};
|
|
43
45
|
disabled: {
|
|
44
46
|
true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
@@ -95,6 +97,8 @@ export declare const Chip: import("react").ForwardRefExoticComponent<((Omit<Omit
|
|
|
95
97
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
96
98
|
xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
97
99
|
xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
100
|
+
'28xs': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
101
|
+
'16xxs': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
98
102
|
};
|
|
99
103
|
disabled: {
|
|
100
104
|
true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
@@ -17,6 +17,8 @@ export declare const config: {
|
|
|
17
17
|
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
18
18
|
xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
19
19
|
xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
20
|
+
'28xs': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
21
|
+
'16xxs': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
20
22
|
};
|
|
21
23
|
disabled: {
|
|
22
24
|
true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|