cordage-enterprise 0.7.3 → 0.7.4
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/cordage-enterprise.es.js +10945 -10867
- package/dist/cordage-enterprise.umd.js +25 -25
- package/dist/types/components/Btn/stitches/Density.d.ts +20 -40
- package/dist/types/components/Btn/stitches/Density.d.ts.map +1 -1
- package/dist/types/components/Btn/variants/index.d.ts +85 -255
- package/dist/types/components/Btn/variants/index.d.ts.map +1 -1
- package/dist/types/components/Card/components/CardFooter/Catalog/Generic.d.ts.map +1 -1
- package/dist/types/components/Dropdows/Accordion.d.ts.map +1 -1
- package/dist/types/components/WidgetBar/stitches/index.d.ts.map +1 -1
- package/dist/types/stories/components/AccesibleDropDown/DropDownLanguage.stories.d.ts.map +1 -1
- package/dist/types/stories/components/AccesibleDropDown/MenuDropDown.stories.d.ts.map +1 -1
- package/dist/types/stories/components/Btn/BtnLinkExamples.stories.d.ts +7 -0
- package/dist/types/stories/components/Btn/BtnLinkExamples.stories.d.ts.map +1 -0
- package/dist/types/stories/components/Btn/BtnOultineExamples.stories.d.ts +7 -0
- package/dist/types/stories/components/Btn/BtnOultineExamples.stories.d.ts.map +1 -0
- package/dist/types/stories/components/Btn/BtnSolid.stories.d.ts.map +1 -1
- package/dist/types/stories/components/Btn/BtnSolidExamples.stories.d.ts +7 -0
- package/dist/types/stories/components/Btn/BtnSolidExamples.stories.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -891,35 +891,30 @@ export declare const variantsSolid: {
|
|
|
891
891
|
};
|
|
892
892
|
size: {
|
|
893
893
|
xs: {
|
|
894
|
-
borderRadius: string;
|
|
895
894
|
'& span': {
|
|
896
895
|
fontSize: string;
|
|
897
896
|
lineHeight: string;
|
|
898
897
|
};
|
|
899
898
|
};
|
|
900
899
|
sm: {
|
|
901
|
-
borderRadius: string;
|
|
902
900
|
'& span': {
|
|
903
901
|
fontSize: string;
|
|
904
902
|
lineHeight: string;
|
|
905
903
|
};
|
|
906
904
|
};
|
|
907
905
|
md: {
|
|
908
|
-
borderRadius: string;
|
|
909
906
|
'& span': {
|
|
910
907
|
fontSize: string;
|
|
911
908
|
lineHeight: string;
|
|
912
909
|
};
|
|
913
910
|
};
|
|
914
911
|
lg: {
|
|
915
|
-
borderRadius: string;
|
|
916
912
|
'& span': {
|
|
917
913
|
fontSize: string;
|
|
918
914
|
lineHeight: string;
|
|
919
915
|
};
|
|
920
916
|
};
|
|
921
917
|
xl: {
|
|
922
|
-
borderRadius: string;
|
|
923
918
|
'& span': {
|
|
924
919
|
fontSize: string;
|
|
925
920
|
lineHeight: string;
|
|
@@ -927,12 +922,8 @@ export declare const variantsSolid: {
|
|
|
927
922
|
};
|
|
928
923
|
};
|
|
929
924
|
hasChildren: {
|
|
930
|
-
true: {
|
|
931
|
-
|
|
932
|
-
};
|
|
933
|
-
false: {
|
|
934
|
-
gap: string;
|
|
935
|
-
};
|
|
925
|
+
true: {};
|
|
926
|
+
false: {};
|
|
936
927
|
};
|
|
937
928
|
pill: {
|
|
938
929
|
true: {};
|
|
@@ -959,9 +950,7 @@ export declare const variantsSolid: {
|
|
|
959
950
|
false: {};
|
|
960
951
|
};
|
|
961
952
|
hasVisualLeft: {
|
|
962
|
-
true: {
|
|
963
|
-
gap: string;
|
|
964
|
-
};
|
|
953
|
+
true: {};
|
|
965
954
|
};
|
|
966
955
|
hasBadge: {
|
|
967
956
|
true: {};
|
|
@@ -974,19 +963,26 @@ export declare const variantsSolid: {
|
|
|
974
963
|
};
|
|
975
964
|
export declare const compoundVariants: ({
|
|
976
965
|
onlyIconButton: boolean;
|
|
966
|
+
pill: boolean;
|
|
977
967
|
density: string;
|
|
978
968
|
size: string;
|
|
979
969
|
css: {
|
|
970
|
+
borderRadius: string;
|
|
980
971
|
width: string;
|
|
981
972
|
height: string;
|
|
982
|
-
'& span'?: undefined;
|
|
983
|
-
padding?: undefined;
|
|
984
973
|
gap?: undefined;
|
|
974
|
+
padding?: undefined;
|
|
975
|
+
'& span'?: undefined;
|
|
985
976
|
};
|
|
986
977
|
} | {
|
|
978
|
+
onlyIconButton: boolean;
|
|
979
|
+
pill: boolean;
|
|
987
980
|
size: string;
|
|
988
981
|
density: string;
|
|
989
982
|
css: {
|
|
983
|
+
gap: string;
|
|
984
|
+
borderRadius: string;
|
|
985
|
+
padding: string;
|
|
990
986
|
'& span': {
|
|
991
987
|
marginRight: string;
|
|
992
988
|
fontSize?: undefined;
|
|
@@ -994,14 +990,15 @@ export declare const compoundVariants: ({
|
|
|
994
990
|
};
|
|
995
991
|
width?: undefined;
|
|
996
992
|
height?: undefined;
|
|
997
|
-
padding?: undefined;
|
|
998
|
-
gap?: undefined;
|
|
999
993
|
};
|
|
1000
|
-
onlyIconButton?: undefined;
|
|
1001
994
|
} | {
|
|
995
|
+
onlyIconButton: boolean;
|
|
996
|
+
pill: boolean;
|
|
1002
997
|
size: string;
|
|
1003
998
|
density: string;
|
|
1004
999
|
css: {
|
|
1000
|
+
gap: string;
|
|
1001
|
+
borderRadius: string;
|
|
1005
1002
|
padding: string;
|
|
1006
1003
|
'& span': {
|
|
1007
1004
|
fontSize: string;
|
|
@@ -1010,55 +1007,28 @@ export declare const compoundVariants: ({
|
|
|
1010
1007
|
};
|
|
1011
1008
|
width?: undefined;
|
|
1012
1009
|
height?: undefined;
|
|
1013
|
-
gap?: undefined;
|
|
1014
|
-
};
|
|
1015
|
-
onlyIconButton?: undefined;
|
|
1016
|
-
} | {
|
|
1017
|
-
size: string;
|
|
1018
|
-
density: string;
|
|
1019
|
-
css: {
|
|
1020
|
-
padding: string;
|
|
1021
|
-
'& span': {
|
|
1022
|
-
fontSize: string;
|
|
1023
|
-
lineHeight: string;
|
|
1024
|
-
marginRight?: undefined;
|
|
1025
|
-
};
|
|
1026
|
-
width?: undefined;
|
|
1027
|
-
height?: undefined;
|
|
1028
|
-
gap?: undefined;
|
|
1029
1010
|
};
|
|
1030
|
-
onlyIconButton?: undefined;
|
|
1031
1011
|
} | {
|
|
1012
|
+
onlyIconButton: boolean;
|
|
1013
|
+
pill: boolean;
|
|
1032
1014
|
size: string;
|
|
1033
1015
|
density: string;
|
|
1034
1016
|
css: {
|
|
1035
1017
|
gap: string;
|
|
1018
|
+
borderRadius: string;
|
|
1019
|
+
padding: string;
|
|
1036
1020
|
width?: undefined;
|
|
1037
1021
|
height?: undefined;
|
|
1038
1022
|
'& span'?: undefined;
|
|
1039
|
-
padding?: undefined;
|
|
1040
1023
|
};
|
|
1041
|
-
onlyIconButton?: undefined;
|
|
1042
1024
|
} | {
|
|
1025
|
+
onlyIconButton: boolean;
|
|
1026
|
+
pill: boolean;
|
|
1043
1027
|
size: string;
|
|
1044
1028
|
density: string;
|
|
1045
1029
|
css: {
|
|
1046
|
-
padding: string;
|
|
1047
1030
|
gap: string;
|
|
1048
|
-
|
|
1049
|
-
fontSize: string;
|
|
1050
|
-
lineHeight: string;
|
|
1051
|
-
marginRight?: undefined;
|
|
1052
|
-
};
|
|
1053
|
-
width?: undefined;
|
|
1054
|
-
height?: undefined;
|
|
1055
|
-
};
|
|
1056
|
-
onlyIconButton?: undefined;
|
|
1057
|
-
} | {
|
|
1058
|
-
size: string;
|
|
1059
|
-
density: string;
|
|
1060
|
-
onlyIconButton: boolean;
|
|
1061
|
-
css: {
|
|
1031
|
+
borderRadius: string;
|
|
1062
1032
|
padding: string;
|
|
1063
1033
|
'& span': {
|
|
1064
1034
|
fontSize: string;
|
|
@@ -1067,40 +1037,24 @@ export declare const compoundVariants: ({
|
|
|
1067
1037
|
};
|
|
1068
1038
|
width?: undefined;
|
|
1069
1039
|
height?: undefined;
|
|
1070
|
-
gap?: undefined;
|
|
1071
1040
|
};
|
|
1072
1041
|
} | {
|
|
1073
1042
|
size: string;
|
|
1074
1043
|
avatar: boolean;
|
|
1044
|
+
density: string;
|
|
1075
1045
|
css: {
|
|
1076
1046
|
padding: string;
|
|
1077
1047
|
borderRadius?: undefined;
|
|
1078
|
-
width?: undefined;
|
|
1079
|
-
height?: undefined;
|
|
1080
1048
|
};
|
|
1081
|
-
onlyIconButton?: undefined;
|
|
1082
1049
|
pill?: undefined;
|
|
1083
1050
|
} | {
|
|
1084
|
-
onlyIconButton: boolean;
|
|
1085
1051
|
size: string;
|
|
1086
1052
|
pill: boolean;
|
|
1087
1053
|
avatar: boolean;
|
|
1054
|
+
density: string;
|
|
1088
1055
|
css: {
|
|
1089
1056
|
padding: string;
|
|
1090
1057
|
borderRadius: string;
|
|
1091
|
-
width?: undefined;
|
|
1092
|
-
height?: undefined;
|
|
1093
|
-
};
|
|
1094
|
-
} | {
|
|
1095
|
-
onlyIconButton: boolean;
|
|
1096
|
-
size: string;
|
|
1097
|
-
pill: boolean;
|
|
1098
|
-
avatar: boolean;
|
|
1099
|
-
css: {
|
|
1100
|
-
width: string;
|
|
1101
|
-
height: string;
|
|
1102
|
-
borderRadius: string;
|
|
1103
|
-
padding?: undefined;
|
|
1104
1058
|
};
|
|
1105
1059
|
} | {
|
|
1106
1060
|
variant: string;
|
|
@@ -1325,19 +1279,26 @@ export declare const compoundVariants: ({
|
|
|
1325
1279
|
})[];
|
|
1326
1280
|
export declare const compoundVariantsLink: ({
|
|
1327
1281
|
onlyIconButton: boolean;
|
|
1282
|
+
pill: boolean;
|
|
1328
1283
|
density: string;
|
|
1329
1284
|
size: string;
|
|
1330
1285
|
css: {
|
|
1286
|
+
borderRadius: string;
|
|
1331
1287
|
width: string;
|
|
1332
1288
|
height: string;
|
|
1333
|
-
'& span'?: undefined;
|
|
1334
|
-
padding?: undefined;
|
|
1335
1289
|
gap?: undefined;
|
|
1290
|
+
padding?: undefined;
|
|
1291
|
+
'& span'?: undefined;
|
|
1336
1292
|
};
|
|
1337
1293
|
} | {
|
|
1294
|
+
onlyIconButton: boolean;
|
|
1295
|
+
pill: boolean;
|
|
1338
1296
|
size: string;
|
|
1339
1297
|
density: string;
|
|
1340
1298
|
css: {
|
|
1299
|
+
gap: string;
|
|
1300
|
+
borderRadius: string;
|
|
1301
|
+
padding: string;
|
|
1341
1302
|
'& span': {
|
|
1342
1303
|
marginRight: string;
|
|
1343
1304
|
fontSize?: undefined;
|
|
@@ -1345,14 +1306,15 @@ export declare const compoundVariantsLink: ({
|
|
|
1345
1306
|
};
|
|
1346
1307
|
width?: undefined;
|
|
1347
1308
|
height?: undefined;
|
|
1348
|
-
padding?: undefined;
|
|
1349
|
-
gap?: undefined;
|
|
1350
1309
|
};
|
|
1351
|
-
onlyIconButton?: undefined;
|
|
1352
1310
|
} | {
|
|
1311
|
+
onlyIconButton: boolean;
|
|
1312
|
+
pill: boolean;
|
|
1353
1313
|
size: string;
|
|
1354
1314
|
density: string;
|
|
1355
1315
|
css: {
|
|
1316
|
+
gap: string;
|
|
1317
|
+
borderRadius: string;
|
|
1356
1318
|
padding: string;
|
|
1357
1319
|
'& span': {
|
|
1358
1320
|
fontSize: string;
|
|
@@ -1361,55 +1323,28 @@ export declare const compoundVariantsLink: ({
|
|
|
1361
1323
|
};
|
|
1362
1324
|
width?: undefined;
|
|
1363
1325
|
height?: undefined;
|
|
1364
|
-
gap?: undefined;
|
|
1365
|
-
};
|
|
1366
|
-
onlyIconButton?: undefined;
|
|
1367
|
-
} | {
|
|
1368
|
-
size: string;
|
|
1369
|
-
density: string;
|
|
1370
|
-
css: {
|
|
1371
|
-
padding: string;
|
|
1372
|
-
'& span': {
|
|
1373
|
-
fontSize: string;
|
|
1374
|
-
lineHeight: string;
|
|
1375
|
-
marginRight?: undefined;
|
|
1376
|
-
};
|
|
1377
|
-
width?: undefined;
|
|
1378
|
-
height?: undefined;
|
|
1379
|
-
gap?: undefined;
|
|
1380
1326
|
};
|
|
1381
|
-
onlyIconButton?: undefined;
|
|
1382
1327
|
} | {
|
|
1328
|
+
onlyIconButton: boolean;
|
|
1329
|
+
pill: boolean;
|
|
1383
1330
|
size: string;
|
|
1384
1331
|
density: string;
|
|
1385
1332
|
css: {
|
|
1386
1333
|
gap: string;
|
|
1334
|
+
borderRadius: string;
|
|
1335
|
+
padding: string;
|
|
1387
1336
|
width?: undefined;
|
|
1388
1337
|
height?: undefined;
|
|
1389
1338
|
'& span'?: undefined;
|
|
1390
|
-
padding?: undefined;
|
|
1391
1339
|
};
|
|
1392
|
-
onlyIconButton?: undefined;
|
|
1393
1340
|
} | {
|
|
1341
|
+
onlyIconButton: boolean;
|
|
1342
|
+
pill: boolean;
|
|
1394
1343
|
size: string;
|
|
1395
1344
|
density: string;
|
|
1396
1345
|
css: {
|
|
1397
|
-
padding: string;
|
|
1398
1346
|
gap: string;
|
|
1399
|
-
|
|
1400
|
-
fontSize: string;
|
|
1401
|
-
lineHeight: string;
|
|
1402
|
-
marginRight?: undefined;
|
|
1403
|
-
};
|
|
1404
|
-
width?: undefined;
|
|
1405
|
-
height?: undefined;
|
|
1406
|
-
};
|
|
1407
|
-
onlyIconButton?: undefined;
|
|
1408
|
-
} | {
|
|
1409
|
-
size: string;
|
|
1410
|
-
density: string;
|
|
1411
|
-
onlyIconButton: boolean;
|
|
1412
|
-
css: {
|
|
1347
|
+
borderRadius: string;
|
|
1413
1348
|
padding: string;
|
|
1414
1349
|
'& span': {
|
|
1415
1350
|
fontSize: string;
|
|
@@ -1418,40 +1353,24 @@ export declare const compoundVariantsLink: ({
|
|
|
1418
1353
|
};
|
|
1419
1354
|
width?: undefined;
|
|
1420
1355
|
height?: undefined;
|
|
1421
|
-
gap?: undefined;
|
|
1422
1356
|
};
|
|
1423
1357
|
} | {
|
|
1424
1358
|
size: string;
|
|
1425
1359
|
avatar: boolean;
|
|
1360
|
+
density: string;
|
|
1426
1361
|
css: {
|
|
1427
1362
|
padding: string;
|
|
1428
1363
|
borderRadius?: undefined;
|
|
1429
|
-
width?: undefined;
|
|
1430
|
-
height?: undefined;
|
|
1431
1364
|
};
|
|
1432
|
-
onlyIconButton?: undefined;
|
|
1433
1365
|
pill?: undefined;
|
|
1434
1366
|
} | {
|
|
1435
|
-
onlyIconButton: boolean;
|
|
1436
1367
|
size: string;
|
|
1437
1368
|
pill: boolean;
|
|
1438
1369
|
avatar: boolean;
|
|
1370
|
+
density: string;
|
|
1439
1371
|
css: {
|
|
1440
1372
|
padding: string;
|
|
1441
1373
|
borderRadius: string;
|
|
1442
|
-
width?: undefined;
|
|
1443
|
-
height?: undefined;
|
|
1444
|
-
};
|
|
1445
|
-
} | {
|
|
1446
|
-
onlyIconButton: boolean;
|
|
1447
|
-
size: string;
|
|
1448
|
-
pill: boolean;
|
|
1449
|
-
avatar: boolean;
|
|
1450
|
-
css: {
|
|
1451
|
-
width: string;
|
|
1452
|
-
height: string;
|
|
1453
|
-
borderRadius: string;
|
|
1454
|
-
padding?: undefined;
|
|
1455
1374
|
};
|
|
1456
1375
|
} | {
|
|
1457
1376
|
variant: string;
|
|
@@ -1515,6 +1434,9 @@ export declare const variantsLink: {
|
|
|
1515
1434
|
'& svg': {
|
|
1516
1435
|
color: string;
|
|
1517
1436
|
};
|
|
1437
|
+
'& .focusableAvatar svg': {
|
|
1438
|
+
color: string;
|
|
1439
|
+
};
|
|
1518
1440
|
};
|
|
1519
1441
|
'&:focus': {
|
|
1520
1442
|
backgroundColor: string;
|
|
@@ -1874,7 +1796,7 @@ export declare const variantsLink: {
|
|
|
1874
1796
|
color: string;
|
|
1875
1797
|
};
|
|
1876
1798
|
'&:hover': {
|
|
1877
|
-
|
|
1799
|
+
backgroundColor: string;
|
|
1878
1800
|
span: {
|
|
1879
1801
|
color: string;
|
|
1880
1802
|
};
|
|
@@ -2201,40 +2123,30 @@ export declare const variantsLink: {
|
|
|
2201
2123
|
};
|
|
2202
2124
|
size: {
|
|
2203
2125
|
xs: {
|
|
2204
|
-
padding: string;
|
|
2205
|
-
borderRadius: string;
|
|
2206
2126
|
'& span': {
|
|
2207
2127
|
fontSize: string;
|
|
2208
2128
|
lineHeight: string;
|
|
2209
2129
|
};
|
|
2210
2130
|
};
|
|
2211
2131
|
sm: {
|
|
2212
|
-
padding: string;
|
|
2213
|
-
borderRadius: string;
|
|
2214
2132
|
'& span': {
|
|
2215
2133
|
fontSize: string;
|
|
2216
2134
|
lineHeight: string;
|
|
2217
2135
|
};
|
|
2218
2136
|
};
|
|
2219
2137
|
md: {
|
|
2220
|
-
padding: string;
|
|
2221
|
-
borderRadius: string;
|
|
2222
2138
|
'& span': {
|
|
2223
2139
|
fontSize: string;
|
|
2224
2140
|
lineHeight: string;
|
|
2225
2141
|
};
|
|
2226
2142
|
};
|
|
2227
2143
|
lg: {
|
|
2228
|
-
padding: string;
|
|
2229
|
-
borderRadius: string;
|
|
2230
2144
|
'& span': {
|
|
2231
2145
|
fontSize: string;
|
|
2232
2146
|
lineHeight: string;
|
|
2233
2147
|
};
|
|
2234
2148
|
};
|
|
2235
2149
|
xl: {
|
|
2236
|
-
padding: string;
|
|
2237
|
-
borderRadius: string;
|
|
2238
2150
|
'& span': {
|
|
2239
2151
|
fontSize: string;
|
|
2240
2152
|
lineHeight: string;
|
|
@@ -2242,12 +2154,8 @@ export declare const variantsLink: {
|
|
|
2242
2154
|
};
|
|
2243
2155
|
};
|
|
2244
2156
|
hasChildren: {
|
|
2245
|
-
true: {
|
|
2246
|
-
|
|
2247
|
-
};
|
|
2248
|
-
false: {
|
|
2249
|
-
gap: string;
|
|
2250
|
-
};
|
|
2157
|
+
true: {};
|
|
2158
|
+
false: {};
|
|
2251
2159
|
};
|
|
2252
2160
|
pill: {
|
|
2253
2161
|
true: {};
|
|
@@ -2271,12 +2179,8 @@ export declare const variantsLink: {
|
|
|
2271
2179
|
false: {};
|
|
2272
2180
|
};
|
|
2273
2181
|
hasVisualLeft: {
|
|
2274
|
-
true: {
|
|
2275
|
-
|
|
2276
|
-
};
|
|
2277
|
-
false: {
|
|
2278
|
-
gap: string;
|
|
2279
|
-
};
|
|
2182
|
+
true: {};
|
|
2183
|
+
false: {};
|
|
2280
2184
|
};
|
|
2281
2185
|
hasBadge: {
|
|
2282
2186
|
true: {};
|
|
@@ -2293,19 +2197,26 @@ export declare const variantsLink: {
|
|
|
2293
2197
|
};
|
|
2294
2198
|
export declare const compoundVariantsOutline: ({
|
|
2295
2199
|
onlyIconButton: boolean;
|
|
2200
|
+
pill: boolean;
|
|
2296
2201
|
density: string;
|
|
2297
2202
|
size: string;
|
|
2298
2203
|
css: {
|
|
2204
|
+
borderRadius: string;
|
|
2299
2205
|
width: string;
|
|
2300
2206
|
height: string;
|
|
2301
|
-
'& span'?: undefined;
|
|
2302
|
-
padding?: undefined;
|
|
2303
2207
|
gap?: undefined;
|
|
2208
|
+
padding?: undefined;
|
|
2209
|
+
'& span'?: undefined;
|
|
2304
2210
|
};
|
|
2305
2211
|
} | {
|
|
2212
|
+
onlyIconButton: boolean;
|
|
2213
|
+
pill: boolean;
|
|
2306
2214
|
size: string;
|
|
2307
2215
|
density: string;
|
|
2308
2216
|
css: {
|
|
2217
|
+
gap: string;
|
|
2218
|
+
borderRadius: string;
|
|
2219
|
+
padding: string;
|
|
2309
2220
|
'& span': {
|
|
2310
2221
|
marginRight: string;
|
|
2311
2222
|
fontSize?: undefined;
|
|
@@ -2313,14 +2224,15 @@ export declare const compoundVariantsOutline: ({
|
|
|
2313
2224
|
};
|
|
2314
2225
|
width?: undefined;
|
|
2315
2226
|
height?: undefined;
|
|
2316
|
-
padding?: undefined;
|
|
2317
|
-
gap?: undefined;
|
|
2318
2227
|
};
|
|
2319
|
-
onlyIconButton?: undefined;
|
|
2320
2228
|
} | {
|
|
2229
|
+
onlyIconButton: boolean;
|
|
2230
|
+
pill: boolean;
|
|
2321
2231
|
size: string;
|
|
2322
2232
|
density: string;
|
|
2323
2233
|
css: {
|
|
2234
|
+
gap: string;
|
|
2235
|
+
borderRadius: string;
|
|
2324
2236
|
padding: string;
|
|
2325
2237
|
'& span': {
|
|
2326
2238
|
fontSize: string;
|
|
@@ -2329,55 +2241,28 @@ export declare const compoundVariantsOutline: ({
|
|
|
2329
2241
|
};
|
|
2330
2242
|
width?: undefined;
|
|
2331
2243
|
height?: undefined;
|
|
2332
|
-
gap?: undefined;
|
|
2333
|
-
};
|
|
2334
|
-
onlyIconButton?: undefined;
|
|
2335
|
-
} | {
|
|
2336
|
-
size: string;
|
|
2337
|
-
density: string;
|
|
2338
|
-
css: {
|
|
2339
|
-
padding: string;
|
|
2340
|
-
'& span': {
|
|
2341
|
-
fontSize: string;
|
|
2342
|
-
lineHeight: string;
|
|
2343
|
-
marginRight?: undefined;
|
|
2344
|
-
};
|
|
2345
|
-
width?: undefined;
|
|
2346
|
-
height?: undefined;
|
|
2347
|
-
gap?: undefined;
|
|
2348
2244
|
};
|
|
2349
|
-
onlyIconButton?: undefined;
|
|
2350
2245
|
} | {
|
|
2246
|
+
onlyIconButton: boolean;
|
|
2247
|
+
pill: boolean;
|
|
2351
2248
|
size: string;
|
|
2352
2249
|
density: string;
|
|
2353
2250
|
css: {
|
|
2354
2251
|
gap: string;
|
|
2252
|
+
borderRadius: string;
|
|
2253
|
+
padding: string;
|
|
2355
2254
|
width?: undefined;
|
|
2356
2255
|
height?: undefined;
|
|
2357
2256
|
'& span'?: undefined;
|
|
2358
|
-
padding?: undefined;
|
|
2359
2257
|
};
|
|
2360
|
-
onlyIconButton?: undefined;
|
|
2361
2258
|
} | {
|
|
2259
|
+
onlyIconButton: boolean;
|
|
2260
|
+
pill: boolean;
|
|
2362
2261
|
size: string;
|
|
2363
2262
|
density: string;
|
|
2364
2263
|
css: {
|
|
2365
|
-
padding: string;
|
|
2366
2264
|
gap: string;
|
|
2367
|
-
|
|
2368
|
-
fontSize: string;
|
|
2369
|
-
lineHeight: string;
|
|
2370
|
-
marginRight?: undefined;
|
|
2371
|
-
};
|
|
2372
|
-
width?: undefined;
|
|
2373
|
-
height?: undefined;
|
|
2374
|
-
};
|
|
2375
|
-
onlyIconButton?: undefined;
|
|
2376
|
-
} | {
|
|
2377
|
-
size: string;
|
|
2378
|
-
density: string;
|
|
2379
|
-
onlyIconButton: boolean;
|
|
2380
|
-
css: {
|
|
2265
|
+
borderRadius: string;
|
|
2381
2266
|
padding: string;
|
|
2382
2267
|
'& span': {
|
|
2383
2268
|
fontSize: string;
|
|
@@ -2386,40 +2271,24 @@ export declare const compoundVariantsOutline: ({
|
|
|
2386
2271
|
};
|
|
2387
2272
|
width?: undefined;
|
|
2388
2273
|
height?: undefined;
|
|
2389
|
-
gap?: undefined;
|
|
2390
2274
|
};
|
|
2391
2275
|
} | {
|
|
2392
2276
|
size: string;
|
|
2393
2277
|
avatar: boolean;
|
|
2278
|
+
density: string;
|
|
2394
2279
|
css: {
|
|
2395
2280
|
padding: string;
|
|
2396
2281
|
borderRadius?: undefined;
|
|
2397
|
-
width?: undefined;
|
|
2398
|
-
height?: undefined;
|
|
2399
2282
|
};
|
|
2400
|
-
onlyIconButton?: undefined;
|
|
2401
2283
|
pill?: undefined;
|
|
2402
2284
|
} | {
|
|
2403
|
-
onlyIconButton: boolean;
|
|
2404
2285
|
size: string;
|
|
2405
2286
|
pill: boolean;
|
|
2406
2287
|
avatar: boolean;
|
|
2288
|
+
density: string;
|
|
2407
2289
|
css: {
|
|
2408
2290
|
padding: string;
|
|
2409
2291
|
borderRadius: string;
|
|
2410
|
-
width?: undefined;
|
|
2411
|
-
height?: undefined;
|
|
2412
|
-
};
|
|
2413
|
-
} | {
|
|
2414
|
-
onlyIconButton: boolean;
|
|
2415
|
-
size: string;
|
|
2416
|
-
pill: boolean;
|
|
2417
|
-
avatar: boolean;
|
|
2418
|
-
css: {
|
|
2419
|
-
width: string;
|
|
2420
|
-
height: string;
|
|
2421
|
-
borderRadius: string;
|
|
2422
|
-
padding?: undefined;
|
|
2423
2292
|
};
|
|
2424
2293
|
} | {
|
|
2425
2294
|
variant: string;
|
|
@@ -2438,10 +2307,7 @@ export declare const compoundVariantsOutline: ({
|
|
|
2438
2307
|
};
|
|
2439
2308
|
span?: undefined;
|
|
2440
2309
|
svg?: undefined;
|
|
2441
|
-
borderRadius?: undefined;
|
|
2442
2310
|
};
|
|
2443
|
-
size?: undefined;
|
|
2444
|
-
pill?: undefined;
|
|
2445
2311
|
} | {
|
|
2446
2312
|
variant: string;
|
|
2447
2313
|
hasActive: boolean;
|
|
@@ -2459,27 +2325,7 @@ export declare const compoundVariantsOutline: ({
|
|
|
2459
2325
|
};
|
|
2460
2326
|
'& span'?: undefined;
|
|
2461
2327
|
'& svg'?: undefined;
|
|
2462
|
-
borderRadius?: undefined;
|
|
2463
|
-
};
|
|
2464
|
-
size?: undefined;
|
|
2465
|
-
pill?: undefined;
|
|
2466
|
-
} | {
|
|
2467
|
-
size: string;
|
|
2468
|
-
pill: boolean;
|
|
2469
|
-
css: {
|
|
2470
|
-
borderRadius: string;
|
|
2471
|
-
backgroundColor?: undefined;
|
|
2472
|
-
border?: undefined;
|
|
2473
|
-
borderColor?: undefined;
|
|
2474
|
-
outline?: undefined;
|
|
2475
|
-
outlineColor?: undefined;
|
|
2476
|
-
'& span'?: undefined;
|
|
2477
|
-
'& svg'?: undefined;
|
|
2478
|
-
span?: undefined;
|
|
2479
|
-
svg?: undefined;
|
|
2480
2328
|
};
|
|
2481
|
-
variant?: undefined;
|
|
2482
|
-
hasActive?: undefined;
|
|
2483
2329
|
})[];
|
|
2484
2330
|
export declare const variantsOutline: {
|
|
2485
2331
|
variant: {
|
|
@@ -2506,13 +2352,10 @@ export declare const variantsOutline: {
|
|
|
2506
2352
|
'& span': {
|
|
2507
2353
|
color: string;
|
|
2508
2354
|
};
|
|
2509
|
-
'& svg': {
|
|
2510
|
-
color: string;
|
|
2511
|
-
};
|
|
2512
2355
|
'.styleavatar': {
|
|
2513
2356
|
backgroundColor: string;
|
|
2514
2357
|
};
|
|
2515
|
-
'& .focusableAvatar
|
|
2358
|
+
'& .focusableAvatar': {
|
|
2516
2359
|
color: string;
|
|
2517
2360
|
};
|
|
2518
2361
|
};
|
|
@@ -2520,9 +2363,6 @@ export declare const variantsOutline: {
|
|
|
2520
2363
|
backgroundColor: string;
|
|
2521
2364
|
outline: string;
|
|
2522
2365
|
outlineColor: string;
|
|
2523
|
-
'& .focusableAvatar svg': {
|
|
2524
|
-
color: string;
|
|
2525
|
-
};
|
|
2526
2366
|
'.styleavatar': {
|
|
2527
2367
|
backgroundColor: string;
|
|
2528
2368
|
};
|
|
@@ -2532,6 +2372,9 @@ export declare const variantsOutline: {
|
|
|
2532
2372
|
'& svg': {
|
|
2533
2373
|
color: string;
|
|
2534
2374
|
};
|
|
2375
|
+
'& .focusableAvatar svg': {
|
|
2376
|
+
color: string;
|
|
2377
|
+
};
|
|
2535
2378
|
};
|
|
2536
2379
|
};
|
|
2537
2380
|
secondary: {
|
|
@@ -3306,35 +3149,30 @@ export declare const variantsOutline: {
|
|
|
3306
3149
|
};
|
|
3307
3150
|
size: {
|
|
3308
3151
|
xs: {
|
|
3309
|
-
borderRadius: string;
|
|
3310
3152
|
'& span': {
|
|
3311
3153
|
fontSize: string;
|
|
3312
3154
|
lineHeight: string;
|
|
3313
3155
|
};
|
|
3314
3156
|
};
|
|
3315
3157
|
sm: {
|
|
3316
|
-
borderRadius: string;
|
|
3317
3158
|
'& span': {
|
|
3318
3159
|
fontSize: string;
|
|
3319
3160
|
lineHeight: string;
|
|
3320
3161
|
};
|
|
3321
3162
|
};
|
|
3322
3163
|
md: {
|
|
3323
|
-
borderRadius: string;
|
|
3324
3164
|
'& span': {
|
|
3325
3165
|
fontSize: string;
|
|
3326
3166
|
lineHeight: string;
|
|
3327
3167
|
};
|
|
3328
3168
|
};
|
|
3329
3169
|
lg: {
|
|
3330
|
-
borderRadius: string;
|
|
3331
3170
|
'& span': {
|
|
3332
3171
|
fontSize: string;
|
|
3333
3172
|
lineHeight: string;
|
|
3334
3173
|
};
|
|
3335
3174
|
};
|
|
3336
3175
|
xl: {
|
|
3337
|
-
borderRadius: string;
|
|
3338
3176
|
'& span': {
|
|
3339
3177
|
fontSize: string;
|
|
3340
3178
|
lineHeight: string;
|
|
@@ -3342,12 +3180,8 @@ export declare const variantsOutline: {
|
|
|
3342
3180
|
};
|
|
3343
3181
|
};
|
|
3344
3182
|
hasChildren: {
|
|
3345
|
-
true: {
|
|
3346
|
-
|
|
3347
|
-
};
|
|
3348
|
-
false: {
|
|
3349
|
-
gap: string;
|
|
3350
|
-
};
|
|
3183
|
+
true: {};
|
|
3184
|
+
false: {};
|
|
3351
3185
|
};
|
|
3352
3186
|
pill: {
|
|
3353
3187
|
true: {};
|
|
@@ -3371,12 +3205,8 @@ export declare const variantsOutline: {
|
|
|
3371
3205
|
false: {};
|
|
3372
3206
|
};
|
|
3373
3207
|
hasVisualLeft: {
|
|
3374
|
-
true: {
|
|
3375
|
-
|
|
3376
|
-
};
|
|
3377
|
-
false: {
|
|
3378
|
-
gap: string;
|
|
3379
|
-
};
|
|
3208
|
+
true: {};
|
|
3209
|
+
false: {};
|
|
3380
3210
|
};
|
|
3381
3211
|
hasBadge: {
|
|
3382
3212
|
true: {};
|