@yahoo/uds 3.127.1 → 3.128.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/automated-config/dist/generated/autoVariants.cjs +30 -0
- package/dist/automated-config/dist/generated/autoVariants.d.cts +2 -0
- package/dist/automated-config/dist/generated/autoVariants.d.ts +2 -0
- package/dist/automated-config/dist/generated/autoVariants.js +30 -0
- package/dist/automated-config/dist/generated/generatedConfigs.cjs +1050 -275
- package/dist/automated-config/dist/generated/generatedConfigs.d.cts +73 -0
- package/dist/automated-config/dist/generated/generatedConfigs.d.ts +73 -0
- package/dist/automated-config/dist/generated/generatedConfigs.js +1050 -275
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +126 -1
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +126 -1
- package/dist/automated-config/dist/properties.cjs +28 -0
- package/dist/automated-config/dist/properties.d.cts +2 -0
- package/dist/automated-config/dist/properties.d.ts +2 -0
- package/dist/automated-config/dist/properties.js +28 -0
- package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +2 -2
- package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +2 -2
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
- package/dist/components/Banner/Banner.cjs +3 -1
- package/dist/components/Banner/Banner.js +3 -1
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
- package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
- package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
- package/dist/config/dist/index.cjs +127 -2
- package/dist/config/dist/index.js +127 -2
- package/dist/css-tokens/dist/index.cjs +2 -2
- package/dist/css-tokens/dist/index.d.cts +3 -1
- package/dist/css-tokens/dist/index.d.ts +3 -1
- package/dist/css-tokens/dist/index.js +2 -2
- package/dist/fixtures/dist/index.cjs +2 -0
- package/dist/fixtures/dist/index.d.cts +4 -3
- package/dist/fixtures/dist/index.d.ts +4 -3
- package/dist/fixtures/dist/index.js +2 -1
- package/dist/fixtures/index.cjs +1 -0
- package/dist/fixtures/index.d.cts +2 -2
- package/dist/fixtures/index.d.ts +2 -2
- package/dist/fixtures/index.js +2 -2
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/styles/styler.d.cts +43 -41
- package/dist/styles/styler.d.ts +43 -41
- package/dist/styles/variants.d.cts +30 -0
- package/dist/styles/variants.d.ts +30 -0
- package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs +30 -0
- package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js +30 -0
- package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js.map +1 -1
- package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.cjs +1050 -275
- package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js +1050 -275
- package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js.map +1 -1
- package/dist/tailwind/dist/automated-config/dist/properties.cjs +28 -0
- package/dist/tailwind/dist/automated-config/dist/properties.js +28 -0
- package/dist/tailwind/dist/automated-config/dist/properties.js.map +1 -1
- package/dist/tailwind/dist/config/dist/index.cjs +127 -2
- package/dist/tailwind/dist/config/dist/index.js +127 -2
- package/dist/tailwind/dist/config/dist/index.js.map +1 -1
- package/dist/tailwind/dist/css-tokens/dist/index.cjs +2 -2
- package/dist/tailwind/dist/css-tokens/dist/index.js +2 -2
- package/dist/tailwind/dist/css-tokens/dist/index.js.map +1 -1
- package/dist/tailwind/dist/fixtures/dist/index.js.map +1 -1
- package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
- package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
- package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
- package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
- package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
- package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
- package/dist/tokens/index.d.cts +2 -2
- package/dist/tokens/index.d.ts +2 -2
- package/dist/tokens/types.d.cts +2 -2
- package/dist/tokens/types.d.ts +2 -2
- package/dist/types/dist/index.d.cts +2 -1
- package/dist/types/dist/index.d.ts +2 -1
- package/dist/uds/generated/componentData.cjs +364 -360
- package/dist/uds/generated/componentData.js +364 -360
- package/dist/uds/generated/tailwindPurge.cjs +6 -4
- package/dist/uds/generated/tailwindPurge.js +6 -4
- package/generated/componentData.json +550 -549
- package/generated/tailwindPurge.ts +2 -2
- package/package.json +1 -1
|
@@ -985,6 +985,11 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
985
985
|
valueType: "alias"
|
|
986
986
|
} } },
|
|
987
987
|
"size/default/root": {
|
|
988
|
+
bannerInnerShadow: { rest: {
|
|
989
|
+
type: "bannerInnerShadowOptions",
|
|
990
|
+
value: "subtle",
|
|
991
|
+
valueType: "alias"
|
|
992
|
+
} },
|
|
988
993
|
borderRadius: { rest: {
|
|
989
994
|
type: "borderRadii",
|
|
990
995
|
value: "lg",
|
|
@@ -1011,6 +1016,11 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1011
1016
|
value: "ui3/emphasized",
|
|
1012
1017
|
valueType: "alias"
|
|
1013
1018
|
} } },
|
|
1019
|
+
"variant/alert-secondary/description": { color: { rest: {
|
|
1020
|
+
type: "foregroundPaletteColors",
|
|
1021
|
+
value: "secondary",
|
|
1022
|
+
valueType: "alias"
|
|
1023
|
+
} } },
|
|
1014
1024
|
"variant/alert-secondary/icon": { color: { rest: {
|
|
1015
1025
|
type: "foregroundPaletteColors",
|
|
1016
1026
|
value: "alert-secondary",
|
|
@@ -1033,6 +1043,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1033
1043
|
valueType: "alias"
|
|
1034
1044
|
} }
|
|
1035
1045
|
},
|
|
1046
|
+
"variant/alert-secondary/title": { color: { rest: {
|
|
1047
|
+
type: "foregroundPaletteColors",
|
|
1048
|
+
value: "secondary",
|
|
1049
|
+
valueType: "alias"
|
|
1050
|
+
} } },
|
|
1051
|
+
"variant/alert/description": { color: { rest: {
|
|
1052
|
+
type: "foregroundPaletteColors",
|
|
1053
|
+
value: "secondary",
|
|
1054
|
+
valueType: "alias"
|
|
1055
|
+
} } },
|
|
1036
1056
|
"variant/alert/icon": { color: { rest: {
|
|
1037
1057
|
type: "foregroundPaletteColors",
|
|
1038
1058
|
value: "alert",
|
|
@@ -1055,6 +1075,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1055
1075
|
valueType: "alias"
|
|
1056
1076
|
} }
|
|
1057
1077
|
},
|
|
1078
|
+
"variant/alert/title": { color: { rest: {
|
|
1079
|
+
type: "foregroundPaletteColors",
|
|
1080
|
+
value: "secondary",
|
|
1081
|
+
valueType: "alias"
|
|
1082
|
+
} } },
|
|
1083
|
+
"variant/brand-secondary/description": { color: { rest: {
|
|
1084
|
+
type: "foregroundPaletteColors",
|
|
1085
|
+
value: "secondary",
|
|
1086
|
+
valueType: "alias"
|
|
1087
|
+
} } },
|
|
1058
1088
|
"variant/brand-secondary/icon": { color: { rest: {
|
|
1059
1089
|
type: "foregroundPaletteColors",
|
|
1060
1090
|
value: "secondary",
|
|
@@ -1077,6 +1107,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1077
1107
|
valueType: "alias"
|
|
1078
1108
|
} }
|
|
1079
1109
|
},
|
|
1110
|
+
"variant/brand-secondary/title": { color: { rest: {
|
|
1111
|
+
type: "foregroundPaletteColors",
|
|
1112
|
+
value: "secondary",
|
|
1113
|
+
valueType: "alias"
|
|
1114
|
+
} } },
|
|
1115
|
+
"variant/brand/description": { color: { rest: {
|
|
1116
|
+
type: "foregroundPaletteColors",
|
|
1117
|
+
value: "secondary",
|
|
1118
|
+
valueType: "alias"
|
|
1119
|
+
} } },
|
|
1080
1120
|
"variant/brand/icon": { color: { rest: {
|
|
1081
1121
|
type: "foregroundPaletteColors",
|
|
1082
1122
|
value: "secondary",
|
|
@@ -1099,6 +1139,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1099
1139
|
valueType: "alias"
|
|
1100
1140
|
} }
|
|
1101
1141
|
},
|
|
1142
|
+
"variant/brand/title": { color: { rest: {
|
|
1143
|
+
type: "foregroundPaletteColors",
|
|
1144
|
+
value: "secondary",
|
|
1145
|
+
valueType: "alias"
|
|
1146
|
+
} } },
|
|
1147
|
+
"variant/info-secondary/description": { color: { rest: {
|
|
1148
|
+
type: "foregroundPaletteColors",
|
|
1149
|
+
value: "secondary",
|
|
1150
|
+
valueType: "alias"
|
|
1151
|
+
} } },
|
|
1102
1152
|
"variant/info-secondary/icon": { color: { rest: {
|
|
1103
1153
|
type: "foregroundPaletteColors",
|
|
1104
1154
|
value: "info",
|
|
@@ -1121,6 +1171,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1121
1171
|
valueType: "alias"
|
|
1122
1172
|
} }
|
|
1123
1173
|
},
|
|
1174
|
+
"variant/info-secondary/title": { color: { rest: {
|
|
1175
|
+
type: "foregroundPaletteColors",
|
|
1176
|
+
value: "secondary",
|
|
1177
|
+
valueType: "alias"
|
|
1178
|
+
} } },
|
|
1179
|
+
"variant/info/description": { color: { rest: {
|
|
1180
|
+
type: "foregroundPaletteColors",
|
|
1181
|
+
value: "secondary",
|
|
1182
|
+
valueType: "alias"
|
|
1183
|
+
} } },
|
|
1124
1184
|
"variant/info/icon": { color: { rest: {
|
|
1125
1185
|
type: "foregroundPaletteColors",
|
|
1126
1186
|
value: "info",
|
|
@@ -1143,6 +1203,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1143
1203
|
valueType: "alias"
|
|
1144
1204
|
} }
|
|
1145
1205
|
},
|
|
1206
|
+
"variant/info/title": { color: { rest: {
|
|
1207
|
+
type: "foregroundPaletteColors",
|
|
1208
|
+
value: "secondary",
|
|
1209
|
+
valueType: "alias"
|
|
1210
|
+
} } },
|
|
1211
|
+
"variant/primary/description": { color: { rest: {
|
|
1212
|
+
type: "foregroundPaletteColors",
|
|
1213
|
+
value: "secondary",
|
|
1214
|
+
valueType: "alias"
|
|
1215
|
+
} } },
|
|
1146
1216
|
"variant/primary/icon": { color: { rest: {
|
|
1147
1217
|
type: "foregroundPaletteColors",
|
|
1148
1218
|
value: "secondary",
|
|
@@ -1165,6 +1235,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1165
1235
|
valueType: "alias"
|
|
1166
1236
|
} }
|
|
1167
1237
|
},
|
|
1238
|
+
"variant/primary/title": { color: { rest: {
|
|
1239
|
+
type: "foregroundPaletteColors",
|
|
1240
|
+
value: "secondary",
|
|
1241
|
+
valueType: "alias"
|
|
1242
|
+
} } },
|
|
1243
|
+
"variant/secondary/description": { color: { rest: {
|
|
1244
|
+
type: "foregroundPaletteColors",
|
|
1245
|
+
value: "secondary",
|
|
1246
|
+
valueType: "alias"
|
|
1247
|
+
} } },
|
|
1168
1248
|
"variant/secondary/icon": { color: { rest: {
|
|
1169
1249
|
type: "foregroundPaletteColors",
|
|
1170
1250
|
value: "secondary",
|
|
@@ -1187,6 +1267,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1187
1267
|
valueType: "alias"
|
|
1188
1268
|
} }
|
|
1189
1269
|
},
|
|
1270
|
+
"variant/secondary/title": { color: { rest: {
|
|
1271
|
+
type: "foregroundPaletteColors",
|
|
1272
|
+
value: "secondary",
|
|
1273
|
+
valueType: "alias"
|
|
1274
|
+
} } },
|
|
1275
|
+
"variant/success-secondary/description": { color: { rest: {
|
|
1276
|
+
type: "foregroundPaletteColors",
|
|
1277
|
+
value: "secondary",
|
|
1278
|
+
valueType: "alias"
|
|
1279
|
+
} } },
|
|
1190
1280
|
"variant/success-secondary/icon": { color: { rest: {
|
|
1191
1281
|
type: "foregroundPaletteColors",
|
|
1192
1282
|
value: "positive-secondary",
|
|
@@ -1209,6 +1299,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1209
1299
|
valueType: "alias"
|
|
1210
1300
|
} }
|
|
1211
1301
|
},
|
|
1302
|
+
"variant/success-secondary/title": { color: { rest: {
|
|
1303
|
+
type: "foregroundPaletteColors",
|
|
1304
|
+
value: "secondary",
|
|
1305
|
+
valueType: "alias"
|
|
1306
|
+
} } },
|
|
1307
|
+
"variant/success/description": { color: { rest: {
|
|
1308
|
+
type: "foregroundPaletteColors",
|
|
1309
|
+
value: "secondary",
|
|
1310
|
+
valueType: "alias"
|
|
1311
|
+
} } },
|
|
1212
1312
|
"variant/success/icon": { color: { rest: {
|
|
1213
1313
|
type: "foregroundPaletteColors",
|
|
1214
1314
|
value: "positive",
|
|
@@ -1231,6 +1331,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1231
1331
|
valueType: "alias"
|
|
1232
1332
|
} }
|
|
1233
1333
|
},
|
|
1334
|
+
"variant/success/title": { color: { rest: {
|
|
1335
|
+
type: "foregroundPaletteColors",
|
|
1336
|
+
value: "secondary",
|
|
1337
|
+
valueType: "alias"
|
|
1338
|
+
} } },
|
|
1339
|
+
"variant/warning-secondary/description": { color: { rest: {
|
|
1340
|
+
type: "foregroundPaletteColors",
|
|
1341
|
+
value: "secondary",
|
|
1342
|
+
valueType: "alias"
|
|
1343
|
+
} } },
|
|
1234
1344
|
"variant/warning-secondary/icon": { color: { rest: {
|
|
1235
1345
|
type: "foregroundPaletteColors",
|
|
1236
1346
|
value: "warning-secondary",
|
|
@@ -1253,6 +1363,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1253
1363
|
valueType: "alias"
|
|
1254
1364
|
} }
|
|
1255
1365
|
},
|
|
1366
|
+
"variant/warning-secondary/title": { color: { rest: {
|
|
1367
|
+
type: "foregroundPaletteColors",
|
|
1368
|
+
value: "secondary",
|
|
1369
|
+
valueType: "alias"
|
|
1370
|
+
} } },
|
|
1371
|
+
"variant/warning/description": { color: { rest: {
|
|
1372
|
+
type: "foregroundPaletteColors",
|
|
1373
|
+
value: "secondary",
|
|
1374
|
+
valueType: "alias"
|
|
1375
|
+
} } },
|
|
1256
1376
|
"variant/warning/icon": { color: { rest: {
|
|
1257
1377
|
type: "foregroundPaletteColors",
|
|
1258
1378
|
value: "warning",
|
|
@@ -1274,7 +1394,12 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1274
1394
|
value: "thin",
|
|
1275
1395
|
valueType: "alias"
|
|
1276
1396
|
} }
|
|
1277
|
-
}
|
|
1397
|
+
},
|
|
1398
|
+
"variant/warning/title": { color: { rest: {
|
|
1399
|
+
type: "foregroundPaletteColors",
|
|
1400
|
+
value: "secondary",
|
|
1401
|
+
valueType: "alias"
|
|
1402
|
+
} } }
|
|
1278
1403
|
}
|
|
1279
1404
|
},
|
|
1280
1405
|
bottomSheet: {
|
|
@@ -984,6 +984,11 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
984
984
|
valueType: "alias"
|
|
985
985
|
} } },
|
|
986
986
|
"size/default/root": {
|
|
987
|
+
bannerInnerShadow: { rest: {
|
|
988
|
+
type: "bannerInnerShadowOptions",
|
|
989
|
+
value: "subtle",
|
|
990
|
+
valueType: "alias"
|
|
991
|
+
} },
|
|
987
992
|
borderRadius: { rest: {
|
|
988
993
|
type: "borderRadii",
|
|
989
994
|
value: "lg",
|
|
@@ -1010,6 +1015,11 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1010
1015
|
value: "ui3/emphasized",
|
|
1011
1016
|
valueType: "alias"
|
|
1012
1017
|
} } },
|
|
1018
|
+
"variant/alert-secondary/description": { color: { rest: {
|
|
1019
|
+
type: "foregroundPaletteColors",
|
|
1020
|
+
value: "secondary",
|
|
1021
|
+
valueType: "alias"
|
|
1022
|
+
} } },
|
|
1013
1023
|
"variant/alert-secondary/icon": { color: { rest: {
|
|
1014
1024
|
type: "foregroundPaletteColors",
|
|
1015
1025
|
value: "alert-secondary",
|
|
@@ -1032,6 +1042,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1032
1042
|
valueType: "alias"
|
|
1033
1043
|
} }
|
|
1034
1044
|
},
|
|
1045
|
+
"variant/alert-secondary/title": { color: { rest: {
|
|
1046
|
+
type: "foregroundPaletteColors",
|
|
1047
|
+
value: "secondary",
|
|
1048
|
+
valueType: "alias"
|
|
1049
|
+
} } },
|
|
1050
|
+
"variant/alert/description": { color: { rest: {
|
|
1051
|
+
type: "foregroundPaletteColors",
|
|
1052
|
+
value: "secondary",
|
|
1053
|
+
valueType: "alias"
|
|
1054
|
+
} } },
|
|
1035
1055
|
"variant/alert/icon": { color: { rest: {
|
|
1036
1056
|
type: "foregroundPaletteColors",
|
|
1037
1057
|
value: "alert",
|
|
@@ -1054,6 +1074,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1054
1074
|
valueType: "alias"
|
|
1055
1075
|
} }
|
|
1056
1076
|
},
|
|
1077
|
+
"variant/alert/title": { color: { rest: {
|
|
1078
|
+
type: "foregroundPaletteColors",
|
|
1079
|
+
value: "secondary",
|
|
1080
|
+
valueType: "alias"
|
|
1081
|
+
} } },
|
|
1082
|
+
"variant/brand-secondary/description": { color: { rest: {
|
|
1083
|
+
type: "foregroundPaletteColors",
|
|
1084
|
+
value: "secondary",
|
|
1085
|
+
valueType: "alias"
|
|
1086
|
+
} } },
|
|
1057
1087
|
"variant/brand-secondary/icon": { color: { rest: {
|
|
1058
1088
|
type: "foregroundPaletteColors",
|
|
1059
1089
|
value: "secondary",
|
|
@@ -1076,6 +1106,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1076
1106
|
valueType: "alias"
|
|
1077
1107
|
} }
|
|
1078
1108
|
},
|
|
1109
|
+
"variant/brand-secondary/title": { color: { rest: {
|
|
1110
|
+
type: "foregroundPaletteColors",
|
|
1111
|
+
value: "secondary",
|
|
1112
|
+
valueType: "alias"
|
|
1113
|
+
} } },
|
|
1114
|
+
"variant/brand/description": { color: { rest: {
|
|
1115
|
+
type: "foregroundPaletteColors",
|
|
1116
|
+
value: "secondary",
|
|
1117
|
+
valueType: "alias"
|
|
1118
|
+
} } },
|
|
1079
1119
|
"variant/brand/icon": { color: { rest: {
|
|
1080
1120
|
type: "foregroundPaletteColors",
|
|
1081
1121
|
value: "secondary",
|
|
@@ -1098,6 +1138,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1098
1138
|
valueType: "alias"
|
|
1099
1139
|
} }
|
|
1100
1140
|
},
|
|
1141
|
+
"variant/brand/title": { color: { rest: {
|
|
1142
|
+
type: "foregroundPaletteColors",
|
|
1143
|
+
value: "secondary",
|
|
1144
|
+
valueType: "alias"
|
|
1145
|
+
} } },
|
|
1146
|
+
"variant/info-secondary/description": { color: { rest: {
|
|
1147
|
+
type: "foregroundPaletteColors",
|
|
1148
|
+
value: "secondary",
|
|
1149
|
+
valueType: "alias"
|
|
1150
|
+
} } },
|
|
1101
1151
|
"variant/info-secondary/icon": { color: { rest: {
|
|
1102
1152
|
type: "foregroundPaletteColors",
|
|
1103
1153
|
value: "info",
|
|
@@ -1120,6 +1170,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1120
1170
|
valueType: "alias"
|
|
1121
1171
|
} }
|
|
1122
1172
|
},
|
|
1173
|
+
"variant/info-secondary/title": { color: { rest: {
|
|
1174
|
+
type: "foregroundPaletteColors",
|
|
1175
|
+
value: "secondary",
|
|
1176
|
+
valueType: "alias"
|
|
1177
|
+
} } },
|
|
1178
|
+
"variant/info/description": { color: { rest: {
|
|
1179
|
+
type: "foregroundPaletteColors",
|
|
1180
|
+
value: "secondary",
|
|
1181
|
+
valueType: "alias"
|
|
1182
|
+
} } },
|
|
1123
1183
|
"variant/info/icon": { color: { rest: {
|
|
1124
1184
|
type: "foregroundPaletteColors",
|
|
1125
1185
|
value: "info",
|
|
@@ -1142,6 +1202,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1142
1202
|
valueType: "alias"
|
|
1143
1203
|
} }
|
|
1144
1204
|
},
|
|
1205
|
+
"variant/info/title": { color: { rest: {
|
|
1206
|
+
type: "foregroundPaletteColors",
|
|
1207
|
+
value: "secondary",
|
|
1208
|
+
valueType: "alias"
|
|
1209
|
+
} } },
|
|
1210
|
+
"variant/primary/description": { color: { rest: {
|
|
1211
|
+
type: "foregroundPaletteColors",
|
|
1212
|
+
value: "secondary",
|
|
1213
|
+
valueType: "alias"
|
|
1214
|
+
} } },
|
|
1145
1215
|
"variant/primary/icon": { color: { rest: {
|
|
1146
1216
|
type: "foregroundPaletteColors",
|
|
1147
1217
|
value: "secondary",
|
|
@@ -1164,6 +1234,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1164
1234
|
valueType: "alias"
|
|
1165
1235
|
} }
|
|
1166
1236
|
},
|
|
1237
|
+
"variant/primary/title": { color: { rest: {
|
|
1238
|
+
type: "foregroundPaletteColors",
|
|
1239
|
+
value: "secondary",
|
|
1240
|
+
valueType: "alias"
|
|
1241
|
+
} } },
|
|
1242
|
+
"variant/secondary/description": { color: { rest: {
|
|
1243
|
+
type: "foregroundPaletteColors",
|
|
1244
|
+
value: "secondary",
|
|
1245
|
+
valueType: "alias"
|
|
1246
|
+
} } },
|
|
1167
1247
|
"variant/secondary/icon": { color: { rest: {
|
|
1168
1248
|
type: "foregroundPaletteColors",
|
|
1169
1249
|
value: "secondary",
|
|
@@ -1186,6 +1266,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1186
1266
|
valueType: "alias"
|
|
1187
1267
|
} }
|
|
1188
1268
|
},
|
|
1269
|
+
"variant/secondary/title": { color: { rest: {
|
|
1270
|
+
type: "foregroundPaletteColors",
|
|
1271
|
+
value: "secondary",
|
|
1272
|
+
valueType: "alias"
|
|
1273
|
+
} } },
|
|
1274
|
+
"variant/success-secondary/description": { color: { rest: {
|
|
1275
|
+
type: "foregroundPaletteColors",
|
|
1276
|
+
value: "secondary",
|
|
1277
|
+
valueType: "alias"
|
|
1278
|
+
} } },
|
|
1189
1279
|
"variant/success-secondary/icon": { color: { rest: {
|
|
1190
1280
|
type: "foregroundPaletteColors",
|
|
1191
1281
|
value: "positive-secondary",
|
|
@@ -1208,6 +1298,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1208
1298
|
valueType: "alias"
|
|
1209
1299
|
} }
|
|
1210
1300
|
},
|
|
1301
|
+
"variant/success-secondary/title": { color: { rest: {
|
|
1302
|
+
type: "foregroundPaletteColors",
|
|
1303
|
+
value: "secondary",
|
|
1304
|
+
valueType: "alias"
|
|
1305
|
+
} } },
|
|
1306
|
+
"variant/success/description": { color: { rest: {
|
|
1307
|
+
type: "foregroundPaletteColors",
|
|
1308
|
+
value: "secondary",
|
|
1309
|
+
valueType: "alias"
|
|
1310
|
+
} } },
|
|
1211
1311
|
"variant/success/icon": { color: { rest: {
|
|
1212
1312
|
type: "foregroundPaletteColors",
|
|
1213
1313
|
value: "positive",
|
|
@@ -1230,6 +1330,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1230
1330
|
valueType: "alias"
|
|
1231
1331
|
} }
|
|
1232
1332
|
},
|
|
1333
|
+
"variant/success/title": { color: { rest: {
|
|
1334
|
+
type: "foregroundPaletteColors",
|
|
1335
|
+
value: "secondary",
|
|
1336
|
+
valueType: "alias"
|
|
1337
|
+
} } },
|
|
1338
|
+
"variant/warning-secondary/description": { color: { rest: {
|
|
1339
|
+
type: "foregroundPaletteColors",
|
|
1340
|
+
value: "secondary",
|
|
1341
|
+
valueType: "alias"
|
|
1342
|
+
} } },
|
|
1233
1343
|
"variant/warning-secondary/icon": { color: { rest: {
|
|
1234
1344
|
type: "foregroundPaletteColors",
|
|
1235
1345
|
value: "warning-secondary",
|
|
@@ -1252,6 +1362,16 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1252
1362
|
valueType: "alias"
|
|
1253
1363
|
} }
|
|
1254
1364
|
},
|
|
1365
|
+
"variant/warning-secondary/title": { color: { rest: {
|
|
1366
|
+
type: "foregroundPaletteColors",
|
|
1367
|
+
value: "secondary",
|
|
1368
|
+
valueType: "alias"
|
|
1369
|
+
} } },
|
|
1370
|
+
"variant/warning/description": { color: { rest: {
|
|
1371
|
+
type: "foregroundPaletteColors",
|
|
1372
|
+
value: "secondary",
|
|
1373
|
+
valueType: "alias"
|
|
1374
|
+
} } },
|
|
1255
1375
|
"variant/warning/icon": { color: { rest: {
|
|
1256
1376
|
type: "foregroundPaletteColors",
|
|
1257
1377
|
value: "warning",
|
|
@@ -1273,7 +1393,12 @@ const defaultUniversalTokensConfigAuto = {
|
|
|
1273
1393
|
value: "thin",
|
|
1274
1394
|
valueType: "alias"
|
|
1275
1395
|
} }
|
|
1276
|
-
}
|
|
1396
|
+
},
|
|
1397
|
+
"variant/warning/title": { color: { rest: {
|
|
1398
|
+
type: "foregroundPaletteColors",
|
|
1399
|
+
value: "secondary",
|
|
1400
|
+
valueType: "alias"
|
|
1401
|
+
} } }
|
|
1277
1402
|
}
|
|
1278
1403
|
},
|
|
1279
1404
|
bottomSheet: {
|
|
@@ -410,6 +410,34 @@ const publicProperties = {
|
|
|
410
410
|
shadow,
|
|
411
411
|
shadowVar,
|
|
412
412
|
insetShadow,
|
|
413
|
+
bannerInnerShadow: {
|
|
414
|
+
name: "bannerInnerShadow",
|
|
415
|
+
cssProperties: "box-shadow",
|
|
416
|
+
twThemePath: () => {
|
|
417
|
+
return ``;
|
|
418
|
+
},
|
|
419
|
+
possibleFixtures: ["bannerInnerShadowOptions"],
|
|
420
|
+
customValueRenderer: (schemaValue) => {
|
|
421
|
+
const noneValue = "0 0 0 transparent";
|
|
422
|
+
if (schemaValue.value === "none") return noneValue;
|
|
423
|
+
if (schemaValue.value === "subtle") return require_index.getShadowLayerValue({
|
|
424
|
+
preset: {
|
|
425
|
+
offsetX: "0",
|
|
426
|
+
offsetY: "-5",
|
|
427
|
+
blur: "5",
|
|
428
|
+
spread: "-2.5",
|
|
429
|
+
opacity: "5",
|
|
430
|
+
color: {
|
|
431
|
+
type: "spectrum",
|
|
432
|
+
value: "carbon-12"
|
|
433
|
+
}
|
|
434
|
+
},
|
|
435
|
+
shadowType: "inset",
|
|
436
|
+
cssVarPrefix: "--uds-banner-inset-shadow-"
|
|
437
|
+
});
|
|
438
|
+
throw new Error("Invalid bannerInnerShadow value");
|
|
439
|
+
}
|
|
440
|
+
},
|
|
413
441
|
height,
|
|
414
442
|
width,
|
|
415
443
|
scaleEffect: {
|
|
@@ -57,6 +57,7 @@ declare const publicProperties: {
|
|
|
57
57
|
readonly shadow: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
|
|
58
58
|
readonly shadowVar: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
|
|
59
59
|
readonly insetShadow: ConfigurableProperty<"shadowVariantConfig" | "shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
|
|
60
|
+
readonly bannerInnerShadow: ConfigurableProperty<"bannerInnerShadowOptions", unknown>;
|
|
60
61
|
readonly height: ConfigurableProperty<"spacingAliases", unknown>;
|
|
61
62
|
readonly width: ConfigurableProperty<"spacingAliases", unknown>;
|
|
62
63
|
readonly scaleEffect: ConfigurableProperty<"scaleEffects", unknown>;
|
|
@@ -105,6 +106,7 @@ declare const configurableProperties: {
|
|
|
105
106
|
shadow: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
|
|
106
107
|
shadowVar: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
|
|
107
108
|
insetShadow: ConfigurableProperty<"shadowVariantConfig" | "shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
|
|
109
|
+
bannerInnerShadow: ConfigurableProperty<"bannerInnerShadowOptions", unknown>;
|
|
108
110
|
height: ConfigurableProperty<"spacingAliases", unknown>;
|
|
109
111
|
width: ConfigurableProperty<"spacingAliases", unknown>;
|
|
110
112
|
scaleEffect: ConfigurableProperty<"scaleEffects", unknown>;
|
|
@@ -57,6 +57,7 @@ declare const publicProperties: {
|
|
|
57
57
|
readonly shadow: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
|
|
58
58
|
readonly shadowVar: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
|
|
59
59
|
readonly insetShadow: ConfigurableProperty<"shadowVariantConfig" | "shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
|
|
60
|
+
readonly bannerInnerShadow: ConfigurableProperty<"bannerInnerShadowOptions", unknown>;
|
|
60
61
|
readonly height: ConfigurableProperty<"spacingAliases", unknown>;
|
|
61
62
|
readonly width: ConfigurableProperty<"spacingAliases", unknown>;
|
|
62
63
|
readonly scaleEffect: ConfigurableProperty<"scaleEffects", unknown>;
|
|
@@ -105,6 +106,7 @@ declare const configurableProperties: {
|
|
|
105
106
|
shadow: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
|
|
106
107
|
shadowVar: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
|
|
107
108
|
insetShadow: ConfigurableProperty<"shadowVariantConfig" | "shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
|
|
109
|
+
bannerInnerShadow: ConfigurableProperty<"bannerInnerShadowOptions", unknown>;
|
|
108
110
|
height: ConfigurableProperty<"spacingAliases", unknown>;
|
|
109
111
|
width: ConfigurableProperty<"spacingAliases", unknown>;
|
|
110
112
|
scaleEffect: ConfigurableProperty<"scaleEffects", unknown>;
|
|
@@ -410,6 +410,34 @@ const publicProperties = {
|
|
|
410
410
|
shadow,
|
|
411
411
|
shadowVar,
|
|
412
412
|
insetShadow,
|
|
413
|
+
bannerInnerShadow: {
|
|
414
|
+
name: "bannerInnerShadow",
|
|
415
|
+
cssProperties: "box-shadow",
|
|
416
|
+
twThemePath: () => {
|
|
417
|
+
return ``;
|
|
418
|
+
},
|
|
419
|
+
possibleFixtures: ["bannerInnerShadowOptions"],
|
|
420
|
+
customValueRenderer: (schemaValue) => {
|
|
421
|
+
const noneValue = "0 0 0 transparent";
|
|
422
|
+
if (schemaValue.value === "none") return noneValue;
|
|
423
|
+
if (schemaValue.value === "subtle") return getShadowLayerValue({
|
|
424
|
+
preset: {
|
|
425
|
+
offsetX: "0",
|
|
426
|
+
offsetY: "-5",
|
|
427
|
+
blur: "5",
|
|
428
|
+
spread: "-2.5",
|
|
429
|
+
opacity: "5",
|
|
430
|
+
color: {
|
|
431
|
+
type: "spectrum",
|
|
432
|
+
value: "carbon-12"
|
|
433
|
+
}
|
|
434
|
+
},
|
|
435
|
+
shadowType: "inset",
|
|
436
|
+
cssVarPrefix: "--uds-banner-inset-shadow-"
|
|
437
|
+
});
|
|
438
|
+
throw new Error("Invalid bannerInnerShadow value");
|
|
439
|
+
}
|
|
440
|
+
},
|
|
413
441
|
height,
|
|
414
442
|
width,
|
|
415
443
|
scaleEffect: {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
import { ElevationAlias, ShadowVariant, ShadowVariantConfig, ShadowVariantWithInvert } from "../../../types/dist/index.cjs";
|
|
2
|
+
import { BannerInnerShadowOption, ElevationAlias, ShadowVariant, ShadowVariantConfig, ShadowVariantWithInvert } from "../../../types/dist/index.cjs";
|
|
3
3
|
import { ArbitraryFixtures, InferArbitraryType } from "../../../fixtures/dist/index.cjs";
|
|
4
4
|
import { AllPossibleProperties, ComponentConfig, LayerConfig, PossibleStates, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties } from "../types/ComponentConfig.cjs";
|
|
5
5
|
import { SchemaStateValue } from "../types/ConfigSchema.cjs";
|
|
@@ -14,7 +14,7 @@ type InferredDefaults<C extends ComponentConfig> = (C['variants'] extends NonNul
|
|
|
14
14
|
type InferredPropertySchema<Prop extends SelectedConfigurableProperty<ConfigurablePropertiesName, string>> = {
|
|
15
15
|
type: Prop['typeOfFixture'][number];
|
|
16
16
|
valueType: 'alias' | 'custom';
|
|
17
|
-
value: Prop['name'] extends 'shadow' ? ShadowVariant | ShadowVariantConfig | ElevationAlias : Prop['name'] extends 'insetShadow' ? ShadowVariantWithInvert | ShadowVariantConfig : Prop['values'][number][number] | (Extract<Prop['typeOfFixture'][number], ArbitraryFixtures> extends never ? never : InferArbitraryType<Extract<Prop['typeOfFixture'][number], ArbitraryFixtures>>);
|
|
17
|
+
value: Prop['name'] extends 'shadow' ? ShadowVariant | ShadowVariantConfig | ElevationAlias : Prop['name'] extends 'insetShadow' ? ShadowVariantWithInvert | ShadowVariantConfig : Prop['name'] extends 'bannerInnerShadow' ? BannerInnerShadowOption : Prop['values'][number][number] | (Extract<Prop['typeOfFixture'][number], ArbitraryFixtures> extends never ? never : InferArbitraryType<Extract<Prop['typeOfFixture'][number], ArbitraryFixtures>>);
|
|
18
18
|
};
|
|
19
19
|
/** Infers state-to-schema mappings for a property (rest, hover, pressed, focus, etc.) */
|
|
20
20
|
type InferredPropertyStates<Prop extends SelectedConfigurableProperty<ConfigurablePropertiesName, string>> = (Prop['skipRestState'] extends true ? {} : {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
import { ElevationAlias, ShadowVariant, ShadowVariantConfig, ShadowVariantWithInvert } from "../../../types/dist/index.js";
|
|
2
|
+
import { BannerInnerShadowOption, ElevationAlias, ShadowVariant, ShadowVariantConfig, ShadowVariantWithInvert } from "../../../types/dist/index.js";
|
|
3
3
|
import { ArbitraryFixtures, InferArbitraryType } from "../../../fixtures/dist/index.js";
|
|
4
4
|
import { AllPossibleProperties, ComponentConfig, LayerConfig, PossibleStates, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties } from "../types/ComponentConfig.js";
|
|
5
5
|
import { SchemaStateValue } from "../types/ConfigSchema.js";
|
|
@@ -14,7 +14,7 @@ type InferredDefaults<C extends ComponentConfig> = (C['variants'] extends NonNul
|
|
|
14
14
|
type InferredPropertySchema<Prop extends SelectedConfigurableProperty<ConfigurablePropertiesName, string>> = {
|
|
15
15
|
type: Prop['typeOfFixture'][number];
|
|
16
16
|
valueType: 'alias' | 'custom';
|
|
17
|
-
value: Prop['name'] extends 'shadow' ? ShadowVariant | ShadowVariantConfig | ElevationAlias : Prop['name'] extends 'insetShadow' ? ShadowVariantWithInvert | ShadowVariantConfig : Prop['values'][number][number] | (Extract<Prop['typeOfFixture'][number], ArbitraryFixtures> extends never ? never : InferArbitraryType<Extract<Prop['typeOfFixture'][number], ArbitraryFixtures>>);
|
|
17
|
+
value: Prop['name'] extends 'shadow' ? ShadowVariant | ShadowVariantConfig | ElevationAlias : Prop['name'] extends 'insetShadow' ? ShadowVariantWithInvert | ShadowVariantConfig : Prop['name'] extends 'bannerInnerShadow' ? BannerInnerShadowOption : Prop['values'][number][number] | (Extract<Prop['typeOfFixture'][number], ArbitraryFixtures> extends never ? never : InferArbitraryType<Extract<Prop['typeOfFixture'][number], ArbitraryFixtures>>);
|
|
18
18
|
};
|
|
19
19
|
/** Infers state-to-schema mappings for a property (rest, hover, pressed, focus, etc.) */
|
|
20
20
|
type InferredPropertyStates<Prop extends SelectedConfigurableProperty<ConfigurablePropertiesName, string>> = (Prop['skipRestState'] extends true ? {} : {
|
|
@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.cjs";
|
|
|
11
11
|
* @returns A Record of layer names to their properties, or null if no properties are found
|
|
12
12
|
*/
|
|
13
13
|
declare function getConfigVariantProperties(variant?: VariantConfig): {
|
|
14
|
-
[x: string]: Readonly<Record<string, SelectedConfigurableProperty<"
|
|
15
|
-
root: Readonly<Record<string, SelectedConfigurableProperty<"
|
|
14
|
+
[x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
|
|
15
|
+
root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
|
|
16
16
|
} | null; //#endregion
|
|
17
17
|
//#endregion
|
|
18
18
|
export { getConfigVariantProperties };
|
|
@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.js";
|
|
|
11
11
|
* @returns A Record of layer names to their properties, or null if no properties are found
|
|
12
12
|
*/
|
|
13
13
|
declare function getConfigVariantProperties(variant?: VariantConfig): {
|
|
14
|
-
[x: string]: Readonly<Record<string, SelectedConfigurableProperty<"
|
|
15
|
-
root: Readonly<Record<string, SelectedConfigurableProperty<"
|
|
14
|
+
[x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
|
|
15
|
+
root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
|
|
16
16
|
} | null; //#endregion
|
|
17
17
|
//#endregion
|
|
18
18
|
export { getConfigVariantProperties };
|