@cloud-ru/uikit-product-mobile-fields 0.12.3 → 1.0.1-preview-b95fca4e.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/CHANGELOG.md +28 -17
- package/dist/cjs/components/MobileFieldSelect/MobileFieldSelectMultiple.js +1 -1
- package/dist/cjs/components/MobileFieldSelect/styles.module.css +6 -0
- package/dist/esm/components/MobileFieldSelect/MobileFieldSelectMultiple.js +1 -1
- package/dist/esm/components/MobileFieldSelect/styles.module.css +6 -0
- package/package.json +7 -7
- package/src/components/MobileFieldDate/styles.module.scss +2 -2
- package/src/components/MobileFieldSelect/MobileFieldSelectMultiple.tsx +2 -0
- package/src/components/MobileFieldSelect/styles.module.scss +14 -2
- package/src/helperComponents/FieldContainerPrivate/styles.module.scss +2 -2
- package/src/helperComponents/ItemContent/styles.module.scss +2 -2
- package/src/hooks/styles.module.scss +1 -1
- package/src/styles.module.scss +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 0.12.4 (2025-12-24)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **PDS-3335:** FieldSelect disabled tag background-color ([8e169bd](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/8e169bd5f5c2857c661b1bb819742e0173e744d0))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## 0.12.3 (2025-12-17)
|
|
7
18
|
|
|
8
19
|
### Only dependencies have been changed
|
|
@@ -1092,7 +1103,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
1092
1103
|
|
|
1093
1104
|
### Features
|
|
1094
1105
|
|
|
1095
|
-
* **
|
|
1106
|
+
* **FF-5836:** support cjs syntax ([d44abd0](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/d44abd0ddbbea0cd2bf0e1b99442cdb83b87df48))
|
|
1096
1107
|
|
|
1097
1108
|
|
|
1098
1109
|
|
|
@@ -1115,7 +1126,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
1115
1126
|
|
|
1116
1127
|
### Features
|
|
1117
1128
|
|
|
1118
|
-
* **
|
|
1129
|
+
* **FF-5782:** dart v3 use/forward approach ([eb0c4b3](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/eb0c4b30a008aa82ad7555ecc9d8420c21b1c7a4))
|
|
1119
1130
|
|
|
1120
1131
|
|
|
1121
1132
|
|
|
@@ -1169,7 +1180,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
1169
1180
|
|
|
1170
1181
|
### Bug Fixes
|
|
1171
1182
|
|
|
1172
|
-
* **
|
|
1183
|
+
* **FF-4988:** stylelint deprecation warnings ([a21bc05](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/a21bc05bf1e843e58193d01aaf81b066c2e24cd7))
|
|
1173
1184
|
|
|
1174
1185
|
|
|
1175
1186
|
|
|
@@ -1201,7 +1212,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
1201
1212
|
|
|
1202
1213
|
### Dependencies
|
|
1203
1214
|
|
|
1204
|
-
* **
|
|
1215
|
+
* **PDS-611:** up deps ([c30ac4c](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/c30ac4c2adb7c00e84fbe557d85314add6b6977a))
|
|
1205
1216
|
|
|
1206
1217
|
|
|
1207
1218
|
|
|
@@ -1212,7 +1223,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
1212
1223
|
|
|
1213
1224
|
### Features
|
|
1214
1225
|
|
|
1215
|
-
* **
|
|
1226
|
+
* **FF-5361:** add adaptive component versions ([0e1ddce](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/0e1ddceda6085479ea8365f2b034b326da366fbb))
|
|
1216
1227
|
|
|
1217
1228
|
|
|
1218
1229
|
|
|
@@ -1223,7 +1234,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
1223
1234
|
|
|
1224
1235
|
### Bug Fixes
|
|
1225
1236
|
|
|
1226
|
-
* **
|
|
1237
|
+
* **FF-5429:** eslint errors ([8fba980](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/8fba980dc29cca17a2ac680e779aa9b10bbc8972))
|
|
1227
1238
|
|
|
1228
1239
|
|
|
1229
1240
|
|
|
@@ -1284,7 +1295,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
1284
1295
|
|
|
1285
1296
|
### Bug Fixes
|
|
1286
1297
|
|
|
1287
|
-
* **
|
|
1298
|
+
* **FF-5189:** add localization ([d401c7c](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/d401c7c1ed3ae9c66905736179dd699430481cca))
|
|
1288
1299
|
|
|
1289
1300
|
|
|
1290
1301
|
|
|
@@ -1317,8 +1328,8 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
1317
1328
|
|
|
1318
1329
|
### Features
|
|
1319
1330
|
|
|
1320
|
-
* **
|
|
1321
|
-
* **
|
|
1331
|
+
* **FF-5188:** add field date ([84d5c21](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/84d5c21b197cca82dbe336d813c8fc7f565f5c5b))
|
|
1332
|
+
* **FF-5188:** hide search on fieldSelect/chips with low 5 items ([97f1533](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/97f1533dc11b9254e9928dd7a1c826f1f8bddb39))
|
|
1322
1333
|
|
|
1323
1334
|
|
|
1324
1335
|
|
|
@@ -1339,7 +1350,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
1339
1350
|
|
|
1340
1351
|
### Bug Fixes
|
|
1341
1352
|
|
|
1342
|
-
* **
|
|
1353
|
+
* **PDS-632:** add valueControl to multiple ([92ed778](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/92ed77847bc0219ddad8a92a31f73174299d18e4))
|
|
1343
1354
|
|
|
1344
1355
|
|
|
1345
1356
|
|
|
@@ -1350,13 +1361,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
1350
1361
|
|
|
1351
1362
|
### Bug Fixes
|
|
1352
1363
|
|
|
1353
|
-
* **
|
|
1354
|
-
* **
|
|
1364
|
+
* **FF-5186:** fix scroll & drag behavior ([ef63b33](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/ef63b3397ab062e060b448f8eddf40fc42fd0550))
|
|
1365
|
+
* **FF-5186:** hide empty header if label is missing ([3d654c8](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/3d654c862cc2b0d3e0750a10b8a3ce7991f865a0))
|
|
1355
1366
|
|
|
1356
1367
|
|
|
1357
1368
|
### Dependencies
|
|
1358
1369
|
|
|
1359
|
-
* **
|
|
1370
|
+
* **FF-5186:** up snack deps ([de10652](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/de10652ca4f8ac2a5f11dc2c0f9bb01e17f30c3c))
|
|
1360
1371
|
|
|
1361
1372
|
|
|
1362
1373
|
|
|
@@ -1376,7 +1387,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
1376
1387
|
|
|
1377
1388
|
### Features
|
|
1378
1389
|
|
|
1379
|
-
* **
|
|
1390
|
+
* **PDS-592:** mobile adaptation for select ([6018004](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/60180042f3db66569ce31ba79135f7cde4b8702d))
|
|
1380
1391
|
|
|
1381
1392
|
|
|
1382
1393
|
|
|
@@ -1387,12 +1398,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
1387
1398
|
|
|
1388
1399
|
### Bug Fixes
|
|
1389
1400
|
|
|
1390
|
-
* **
|
|
1401
|
+
* **PDS-559:** use mobile droplist instead of dropdown ([849cc13](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/849cc13668a5c9234039262a28f1278c0fb276f8))
|
|
1391
1402
|
|
|
1392
1403
|
|
|
1393
1404
|
### Dependencies
|
|
1394
1405
|
|
|
1395
|
-
* **
|
|
1406
|
+
* **PDS-559:** up snack deps ([e0a0fbd](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/e0a0fbd952420dd0031e3e4f8adef8c50375f31d))
|
|
1396
1407
|
|
|
1397
1408
|
|
|
1398
1409
|
|
|
@@ -1412,7 +1423,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
1412
1423
|
|
|
1413
1424
|
### Features
|
|
1414
1425
|
|
|
1415
|
-
* **
|
|
1426
|
+
* **FF-5148:** add mobile-fields package ([7213b4e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/7213b4e2661ef43cdf1763c8d61ba7d721a53f0e))
|
|
1416
1427
|
|
|
1417
1428
|
|
|
1418
1429
|
|
|
@@ -149,6 +149,6 @@ exports.MobileFieldSelectMultiple = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
149
149
|
}, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.contentWrapper, ref: contentRef, children: [selectedItems &&
|
|
150
150
|
selectedItems.map(option => {
|
|
151
151
|
var _a;
|
|
152
|
-
return ((0, jsx_runtime_1.jsx)(tag_1.Tag, { size: size === 'l' ? 's' : 'xs', tabIndex: -1, label: selectedOptionFormatter(option), appearance: (_a = option.appearance) !== null && _a !== void 0 ? _a : 'neutral' }, option.id));
|
|
152
|
+
return ((0, jsx_runtime_1.jsx)(tag_1.Tag, { size: size === 'l' ? 's' : 'xs', tabIndex: -1, label: selectedOptionFormatter(option), appearance: (_a = option.appearance) !== null && _a !== void 0 ? _a : 'neutral', className: styles_module_scss_1.default.tag, "data-disabled": disabled || undefined }, option.id));
|
|
153
153
|
}), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.inputWrapper, children: (0, jsx_runtime_1.jsx)(input_private_1.InputPrivate, { id: id, name: name, type: 'text', disabled: disabled, placeholder: !selectedItems || !selectedItems.length ? placeholder : undefined, ref: (0, merge_refs_1.default)(ref, localRef), onChange: undefined, value: '', inputMode: 'none', "data-test-id": 'field-select__input', onBlur: handleBlur, className: styles_module_scss_1.default.readonlyCursor, autoFocus: autoFocus }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.postfix, children: [postfixButtons, postfixSettings.show && postfixSettings.render({ key: postfixSettings.id }), (0, jsx_runtime_1.jsx)(ArrowIcon, { size: arrowIconSize, className: styles_module_scss_1.default.arrowIcon })] })] }) }) })), (0, jsx_runtime_1.jsxs)(uikit_product_mobile_modal_1.MobileModalCustom, { open: open, onClose: () => handleOpenChange(false), size: searchable ? 'full' : 'auto', children: [rest.label && (0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom.Header, { title: rest.label }), searchable ? listJsx : (0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom.Body, { className: styles_module_scss_1.default.bodyNoPadding, content: listJsx }), (0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom.Footer, { actions: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footer, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footerTopLine, children: [(0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.counter, children: `${t('selectedN')}${(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) || 0}` }), (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { size: 'm', label: t('resetAll'), onClick: onClear, "data-test-id": 'field-select__reset-all-button' })] }), (0, jsx_runtime_1.jsx)(button_1.ButtonFilled, { fullWidth: true, label: t('select'), "data-test-id": 'field-select__approve-button', onClick: handleApplyChange, size: 'l' })] }) })] })] }));
|
|
154
154
|
});
|
|
@@ -53,6 +53,12 @@
|
|
|
53
53
|
.tagContainer[data-size=l] .contentWrapper{
|
|
54
54
|
gap:var(--space-fields-single-line-container-l-gap, 8px);
|
|
55
55
|
}
|
|
56
|
+
.tagContainer[data-disabled] .tag[data-disabled]{
|
|
57
|
+
background-color:var(--sys-neutral-decor-default, #dde0ea);
|
|
58
|
+
}
|
|
59
|
+
.tagContainer[data-disabled] .tag[data-disabled] *{
|
|
60
|
+
background-color:inherit;
|
|
61
|
+
}
|
|
56
62
|
|
|
57
63
|
.container{
|
|
58
64
|
position:relative;
|
|
@@ -143,6 +143,6 @@ export const MobileFieldSelectMultiple = forwardRef((_a, ref) => {
|
|
|
143
143
|
}, children: _jsxs(_Fragment, { children: [_jsxs("div", { className: styles.contentWrapper, ref: contentRef, children: [selectedItems &&
|
|
144
144
|
selectedItems.map(option => {
|
|
145
145
|
var _a;
|
|
146
|
-
return (_jsx(Tag, { size: size === 'l' ? 's' : 'xs', tabIndex: -1, label: selectedOptionFormatter(option), appearance: (_a = option.appearance) !== null && _a !== void 0 ? _a : 'neutral' }, option.id));
|
|
146
|
+
return (_jsx(Tag, { size: size === 'l' ? 's' : 'xs', tabIndex: -1, label: selectedOptionFormatter(option), appearance: (_a = option.appearance) !== null && _a !== void 0 ? _a : 'neutral', className: styles.tag, "data-disabled": disabled || undefined }, option.id));
|
|
147
147
|
}), _jsx("div", { className: styles.inputWrapper, children: _jsx(InputPrivate, { id: id, name: name, type: 'text', disabled: disabled, placeholder: !selectedItems || !selectedItems.length ? placeholder : undefined, ref: mergeRefs(ref, localRef), onChange: undefined, value: '', inputMode: 'none', "data-test-id": 'field-select__input', onBlur: handleBlur, className: styles.readonlyCursor, autoFocus: autoFocus }) })] }), _jsxs("div", { className: styles.postfix, children: [postfixButtons, postfixSettings.show && postfixSettings.render({ key: postfixSettings.id }), _jsx(ArrowIcon, { size: arrowIconSize, className: styles.arrowIcon })] })] }) }) })), _jsxs(MobileModalCustom, { open: open, onClose: () => handleOpenChange(false), size: searchable ? 'full' : 'auto', children: [rest.label && _jsx(MobileModalCustom.Header, { title: rest.label }), searchable ? listJsx : _jsx(MobileModalCustom.Body, { className: styles.bodyNoPadding, content: listJsx }), _jsx(MobileModalCustom.Footer, { actions: _jsxs("div", { className: styles.footer, children: [_jsxs("div", { className: styles.footerTopLine, children: [_jsx("span", { className: styles.counter, children: `${t('selectedN')}${(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) || 0}` }), _jsx(ButtonFunction, { size: 'm', label: t('resetAll'), onClick: onClear, "data-test-id": 'field-select__reset-all-button' })] }), _jsx(ButtonFilled, { fullWidth: true, label: t('select'), "data-test-id": 'field-select__approve-button', onClick: handleApplyChange, size: 'l' })] }) })] })] }));
|
|
148
148
|
});
|
|
@@ -53,6 +53,12 @@
|
|
|
53
53
|
.tagContainer[data-size=l] .contentWrapper{
|
|
54
54
|
gap:var(--space-fields-single-line-container-l-gap, 8px);
|
|
55
55
|
}
|
|
56
|
+
.tagContainer[data-disabled] .tag[data-disabled]{
|
|
57
|
+
background-color:var(--sys-neutral-decor-default, #dde0ea);
|
|
58
|
+
}
|
|
59
|
+
.tagContainer[data-disabled] .tag[data-disabled] *{
|
|
60
|
+
background-color:inherit;
|
|
61
|
+
}
|
|
56
62
|
|
|
57
63
|
.container{
|
|
58
64
|
position:relative;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cloud-ru/uikit-product-mobile-fields",
|
|
3
3
|
"title": "Mobile Fields",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "1.0.1-preview-b95fca4e.0",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"*.css",
|
|
7
7
|
"*.woff",
|
|
@@ -36,13 +36,13 @@
|
|
|
36
36
|
},
|
|
37
37
|
"scripts": {},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@cloud-ru/uikit-product-icons": "16.1.
|
|
40
|
-
"@cloud-ru/uikit-product-mobile-dropdown": "0.
|
|
41
|
-
"@cloud-ru/uikit-product-mobile-modal": "0.
|
|
42
|
-
"@cloud-ru/uikit-product-utils": "8.1.0",
|
|
39
|
+
"@cloud-ru/uikit-product-icons": "16.1.2-preview-b95fca4e.0",
|
|
40
|
+
"@cloud-ru/uikit-product-mobile-dropdown": "1.0.1-preview-b95fca4e.0",
|
|
41
|
+
"@cloud-ru/uikit-product-mobile-modal": "1.0.1-preview-b95fca4e.0",
|
|
42
|
+
"@cloud-ru/uikit-product-utils": "8.1.1-preview-b95fca4e.0",
|
|
43
43
|
"@snack-uikit/button": "0.19.15",
|
|
44
44
|
"@snack-uikit/calendar": "0.13.0",
|
|
45
|
-
"@snack-uikit/fields": "0.51.
|
|
45
|
+
"@snack-uikit/fields": "0.51.14",
|
|
46
46
|
"@snack-uikit/input-private": "4.8.5",
|
|
47
47
|
"@snack-uikit/list": "0.32.1",
|
|
48
48
|
"@snack-uikit/scroll": "0.10.4",
|
|
@@ -62,5 +62,5 @@
|
|
|
62
62
|
"peerDependencies": {
|
|
63
63
|
"@cloud-ru/uikit-product-locale": "*"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "5e59d6341e92ce7320739df54ab7e6f6d0a7aa26"
|
|
66
66
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
@use '@
|
|
2
|
-
@use '@
|
|
1
|
+
@use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-element';
|
|
2
|
+
@use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-fields';
|
|
3
3
|
|
|
4
4
|
$sizes: 's', 'm', 'l';
|
|
5
5
|
$icons-sizes: (
|
|
@@ -266,6 +266,8 @@ export const MobileFieldSelectMultiple: ForwardRefExoticComponent<
|
|
|
266
266
|
label={selectedOptionFormatter(option)}
|
|
267
267
|
key={option.id}
|
|
268
268
|
appearance={option.appearance ?? 'neutral'}
|
|
269
|
+
className={styles.tag}
|
|
270
|
+
data-disabled={disabled || undefined}
|
|
269
271
|
/>
|
|
270
272
|
))}
|
|
271
273
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
@use '@
|
|
2
|
-
@use '@
|
|
1
|
+
@use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-element';
|
|
2
|
+
@use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-fields';
|
|
3
3
|
|
|
4
4
|
$sizes: 's', 'm', 'l';
|
|
5
5
|
$containerVariant: 'single-line-container';
|
|
@@ -40,6 +40,18 @@ $base-min-width: 4px;
|
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
|
+
|
|
44
|
+
&[data-disabled] {
|
|
45
|
+
.tag {
|
|
46
|
+
&[data-disabled] {
|
|
47
|
+
background-color: styles-tokens-fields.simple-var(styles-tokens-fields.$sys-neutral-decor-default);
|
|
48
|
+
|
|
49
|
+
* {
|
|
50
|
+
background-color: inherit;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
43
55
|
}
|
|
44
56
|
|
|
45
57
|
.container {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
@use '@
|
|
2
|
-
@use '@
|
|
1
|
+
@use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-fields';
|
|
2
|
+
@use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-element';
|
|
3
3
|
|
|
4
4
|
$sizes: 's', 'm', 'l';
|
|
5
5
|
$variants: 'single-line-container', 'multi-line-container';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
@use '@
|
|
2
|
-
@use '@
|
|
1
|
+
@use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-dropList';
|
|
2
|
+
@use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-element';
|
|
3
3
|
|
|
4
4
|
$sizes: 's', 'm', 'l';
|
|
5
5
|
$typography: (
|
package/src/styles.module.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
@use "@
|
|
2
|
-
@use "@
|
|
1
|
+
@use "@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-element";
|
|
2
|
+
@use "@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-fields";
|
|
3
3
|
|
|
4
4
|
$sizes: 's', 'm';
|
|
5
5
|
$icon-sizes: (
|