@yahoo/uds 3.125.1 → 3.126.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.
Files changed (145) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +35 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +7 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +7 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +35 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +1493 -0
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +222 -1
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +222 -1
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +1493 -1
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +314 -0
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +2 -1
  11. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +2 -1
  12. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +314 -0
  13. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  14. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  15. package/dist/components/Banner/Banner.cjs +167 -0
  16. package/dist/components/Banner/Banner.d.cts +56 -0
  17. package/dist/components/Banner/Banner.d.ts +56 -0
  18. package/dist/components/Banner/Banner.js +165 -0
  19. package/dist/components/Banner/BannerContent.cjs +20 -0
  20. package/dist/components/Banner/BannerContent.d.cts +13 -0
  21. package/dist/components/Banner/BannerContent.d.ts +13 -0
  22. package/dist/components/Banner/BannerContent.js +18 -0
  23. package/dist/components/Banner/BannerDescription.cjs +47 -0
  24. package/dist/components/Banner/BannerDescription.d.cts +36 -0
  25. package/dist/components/Banner/BannerDescription.d.ts +36 -0
  26. package/dist/components/Banner/BannerDescription.js +45 -0
  27. package/dist/components/Banner/BannerTitle.cjs +42 -0
  28. package/dist/components/Banner/BannerTitle.d.cts +34 -0
  29. package/dist/components/Banner/BannerTitle.d.ts +34 -0
  30. package/dist/components/Banner/BannerTitle.js +40 -0
  31. package/dist/components/Banner/index.cjs +11 -0
  32. package/dist/components/Banner/index.d.cts +6 -0
  33. package/dist/components/Banner/index.d.ts +6 -0
  34. package/dist/components/Banner/index.js +7 -0
  35. package/dist/components/Banner/utils.cjs +56 -0
  36. package/dist/components/Banner/utils.d.cts +26 -0
  37. package/dist/components/Banner/utils.d.ts +26 -0
  38. package/dist/components/Banner/utils.js +52 -0
  39. package/dist/components/Divider/DividerCore.cjs +1 -1
  40. package/dist/components/Divider/DividerCore.js +1 -1
  41. package/dist/components/client/Avatar/AvatarIcon.cjs +2 -2
  42. package/dist/components/client/Avatar/AvatarIcon.js +2 -2
  43. package/dist/components/client/Avatar/AvatarText.cjs +1 -1
  44. package/dist/components/client/Avatar/AvatarText.js +1 -1
  45. package/dist/components/client/Badge.cjs +1 -1
  46. package/dist/components/client/Badge.js +1 -1
  47. package/dist/components/client/BottomSheet/BottomSheetHeader.cjs +1 -1
  48. package/dist/components/client/BottomSheet/BottomSheetHeader.js +1 -1
  49. package/dist/components/client/Button.cjs +1 -1
  50. package/dist/components/client/Button.js +1 -1
  51. package/dist/components/client/Checkbox.cjs +2 -2
  52. package/dist/components/client/Checkbox.js +2 -2
  53. package/dist/components/client/Chip/ChipBase.cjs +2 -2
  54. package/dist/components/client/Chip/ChipBase.js +2 -2
  55. package/dist/components/client/Chip/ChipDismissible.cjs +2 -2
  56. package/dist/components/client/Chip/ChipDismissible.js +2 -2
  57. package/dist/components/client/IconButton.cjs +1 -1
  58. package/dist/components/client/IconButton.js +1 -1
  59. package/dist/components/client/Input/Input.cjs +1 -1
  60. package/dist/components/client/Input/Input.js +1 -1
  61. package/dist/components/client/Input/InputHelpTextInternal.cjs +1 -1
  62. package/dist/components/client/Input/InputHelpTextInternal.js +1 -1
  63. package/dist/components/client/Menu/Menu.ItemBase.cjs +2 -2
  64. package/dist/components/client/Menu/Menu.ItemBase.js +2 -2
  65. package/dist/components/client/Menu/Menu.ItemCheckbox.cjs +1 -1
  66. package/dist/components/client/Menu/Menu.ItemCheckbox.js +1 -1
  67. package/dist/components/client/Popover/PopoverContent.cjs +3 -3
  68. package/dist/components/client/Popover/PopoverContent.js +3 -3
  69. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  70. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  71. package/dist/components/client/Switch.cjs +1 -1
  72. package/dist/components/client/Switch.js +1 -1
  73. package/dist/components/client/Toast/Toast.cjs +3 -3
  74. package/dist/components/client/Toast/Toast.js +3 -3
  75. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  76. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  77. package/dist/components/client/Tooltip/TooltipContent.cjs +2 -2
  78. package/dist/components/client/Tooltip/TooltipContent.js +2 -2
  79. package/dist/components/client/index.cjs +1 -1
  80. package/dist/components/client/index.js +1 -1
  81. package/dist/components/experimental/Spinner.cjs +1 -1
  82. package/dist/components/experimental/Spinner.js +1 -1
  83. package/dist/components/experimental/Table.cjs +1 -1
  84. package/dist/components/experimental/Table.js +1 -1
  85. package/dist/components/experimental/client/Accordion.cjs +4 -4
  86. package/dist/components/experimental/client/Accordion.js +4 -4
  87. package/dist/components/experimental/client/Modal.cjs +2 -2
  88. package/dist/components/experimental/client/Modal.js +2 -2
  89. package/dist/components/experimental/client/SegmentedControl.cjs +3 -3
  90. package/dist/components/experimental/client/SegmentedControl.js +3 -3
  91. package/dist/components/experimental/client/SwitchV2.cjs +1 -1
  92. package/dist/components/experimental/client/SwitchV2.js +1 -1
  93. package/dist/components/experimental/client/Tabs.cjs +2 -2
  94. package/dist/components/experimental/client/Tabs.js +2 -2
  95. package/dist/components/index.cjs +15 -3
  96. package/dist/components/index.d.cts +6 -1
  97. package/dist/components/index.d.ts +6 -1
  98. package/dist/components/index.js +12 -4
  99. package/dist/config/dist/index.cjs +381 -46
  100. package/dist/config/dist/index.js +381 -46
  101. package/dist/index.cjs +12 -3
  102. package/dist/index.d.cts +7 -3
  103. package/dist/index.d.ts +7 -3
  104. package/dist/index.js +9 -5
  105. package/dist/styles/styler.d.cts +79 -72
  106. package/dist/styles/styler.d.ts +79 -72
  107. package/dist/styles/variants.d.cts +45 -0
  108. package/dist/styles/variants.d.ts +45 -0
  109. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs +35 -0
  110. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js +35 -0
  111. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js.map +1 -1
  112. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.cjs +1493 -0
  113. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js +1493 -1
  114. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js.map +1 -1
  115. package/dist/tailwind/dist/config/dist/index.cjs +381 -46
  116. package/dist/tailwind/dist/config/dist/index.js +381 -46
  117. package/dist/tailwind/dist/config/dist/index.js.map +1 -1
  118. package/dist/tailwind/dist/tailwind/plugins/components.cjs +1 -0
  119. package/dist/tailwind/dist/tailwind/plugins/components.js +2 -1
  120. package/dist/tailwind/dist/tailwind/plugins/components.js.map +1 -1
  121. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  122. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  123. package/dist/tokens/automation/configs/index.cjs +1 -0
  124. package/dist/tokens/automation/configs/index.d.cts +2 -2
  125. package/dist/tokens/automation/configs/index.d.ts +2 -2
  126. package/dist/tokens/automation/configs/index.js +2 -2
  127. package/dist/tokens/automation/index.cjs +1 -0
  128. package/dist/tokens/automation/index.d.cts +2 -2
  129. package/dist/tokens/automation/index.d.ts +2 -2
  130. package/dist/tokens/automation/index.js +2 -2
  131. package/dist/tokens/index.cjs +1 -0
  132. package/dist/tokens/index.d.cts +3 -3
  133. package/dist/tokens/index.d.ts +3 -3
  134. package/dist/tokens/index.js +2 -2
  135. package/dist/tokens/types.d.cts +2 -2
  136. package/dist/tokens/types.d.ts +2 -2
  137. package/dist/types/dist/index.d.cts +19 -1
  138. package/dist/types/dist/index.d.ts +19 -1
  139. package/dist/uds/generated/componentData.cjs +1566 -1418
  140. package/dist/uds/generated/componentData.js +1496 -1372
  141. package/dist/uds/generated/tailwindPurge.cjs +19 -0
  142. package/dist/uds/generated/tailwindPurge.js +19 -0
  143. package/generated/componentData.json +2085 -1934
  144. package/generated/tailwindPurge.ts +4 -4
  145. package/package.json +1 -1
@@ -963,6 +963,320 @@ const defaultUniversalTokensConfigAuto = {
963
963
  }
964
964
  }
965
965
  },
966
+ banner: {
967
+ defaults: {
968
+ size: "default",
969
+ variant: "primary"
970
+ },
971
+ variables: {
972
+ "size/default/close": { size: { rest: {
973
+ type: "iconSizes",
974
+ value: "sm",
975
+ valueType: "alias"
976
+ } } },
977
+ "size/default/description": { textVariant: { rest: {
978
+ type: "textVariants",
979
+ value: "ui3",
980
+ valueType: "alias"
981
+ } } },
982
+ "size/default/icon": { size: { rest: {
983
+ type: "iconSizes",
984
+ value: "md",
985
+ valueType: "alias"
986
+ } } },
987
+ "size/default/root": {
988
+ borderRadius: { rest: {
989
+ type: "borderRadii",
990
+ value: "lg",
991
+ valueType: "alias"
992
+ } },
993
+ gap: { rest: {
994
+ type: "spacingAliases",
995
+ value: "2",
996
+ valueType: "alias"
997
+ } },
998
+ spacingHorizontal: { rest: {
999
+ type: "spacingAliases",
1000
+ value: "3",
1001
+ valueType: "alias"
1002
+ } },
1003
+ spacingVertical: { rest: {
1004
+ type: "spacingAliases",
1005
+ value: "3",
1006
+ valueType: "alias"
1007
+ } }
1008
+ },
1009
+ "size/default/title": { textVariant: { rest: {
1010
+ type: "textVariants",
1011
+ value: "ui3/emphasized",
1012
+ valueType: "alias"
1013
+ } } },
1014
+ "variant/alert-secondary/icon": { color: { rest: {
1015
+ type: "foregroundPaletteColors",
1016
+ value: "alert-secondary",
1017
+ valueType: "alias"
1018
+ } } },
1019
+ "variant/alert-secondary/root": {
1020
+ backgroundColor: { rest: {
1021
+ type: "backgroundPaletteColors",
1022
+ value: "primary",
1023
+ valueType: "alias"
1024
+ } },
1025
+ borderColor: { rest: {
1026
+ type: "linePaletteColors",
1027
+ value: "alert-secondary",
1028
+ valueType: "alias"
1029
+ } },
1030
+ borderWidth: { rest: {
1031
+ type: "borderWidths",
1032
+ value: "thin",
1033
+ valueType: "alias"
1034
+ } }
1035
+ },
1036
+ "variant/alert/icon": { color: { rest: {
1037
+ type: "foregroundPaletteColors",
1038
+ value: "alert",
1039
+ valueType: "alias"
1040
+ } } },
1041
+ "variant/alert/root": {
1042
+ backgroundColor: { rest: {
1043
+ type: "backgroundPaletteColors",
1044
+ value: "alert-secondary",
1045
+ valueType: "alias"
1046
+ } },
1047
+ borderColor: { rest: {
1048
+ type: "linePaletteColors",
1049
+ value: "muted",
1050
+ valueType: "alias"
1051
+ } },
1052
+ borderWidth: { rest: {
1053
+ type: "borderWidths",
1054
+ value: "thin",
1055
+ valueType: "alias"
1056
+ } }
1057
+ },
1058
+ "variant/brand-secondary/icon": { color: { rest: {
1059
+ type: "foregroundPaletteColors",
1060
+ value: "secondary",
1061
+ valueType: "alias"
1062
+ } } },
1063
+ "variant/brand-secondary/root": {
1064
+ backgroundColor: { rest: {
1065
+ type: "backgroundPaletteColors",
1066
+ value: "primary",
1067
+ valueType: "alias"
1068
+ } },
1069
+ borderColor: { rest: {
1070
+ type: "linePaletteColors",
1071
+ value: "brand",
1072
+ valueType: "alias"
1073
+ } },
1074
+ borderWidth: { rest: {
1075
+ type: "borderWidths",
1076
+ value: "thin",
1077
+ valueType: "alias"
1078
+ } }
1079
+ },
1080
+ "variant/brand/icon": { color: { rest: {
1081
+ type: "foregroundPaletteColors",
1082
+ value: "secondary",
1083
+ valueType: "alias"
1084
+ } } },
1085
+ "variant/brand/root": {
1086
+ backgroundColor: { rest: {
1087
+ type: "backgroundPaletteColors",
1088
+ value: "brand-secondary",
1089
+ valueType: "alias"
1090
+ } },
1091
+ borderColor: { rest: {
1092
+ type: "linePaletteColors",
1093
+ value: "muted",
1094
+ valueType: "alias"
1095
+ } },
1096
+ borderWidth: { rest: {
1097
+ type: "borderWidths",
1098
+ value: "thin",
1099
+ valueType: "alias"
1100
+ } }
1101
+ },
1102
+ "variant/info-secondary/icon": { color: { rest: {
1103
+ type: "foregroundPaletteColors",
1104
+ value: "info",
1105
+ valueType: "alias"
1106
+ } } },
1107
+ "variant/info-secondary/root": {
1108
+ backgroundColor: { rest: {
1109
+ type: "backgroundPaletteColors",
1110
+ value: "primary",
1111
+ valueType: "alias"
1112
+ } },
1113
+ borderColor: { rest: {
1114
+ type: "linePaletteColors",
1115
+ value: "info-secondary",
1116
+ valueType: "alias"
1117
+ } },
1118
+ borderWidth: { rest: {
1119
+ type: "borderWidths",
1120
+ value: "thin",
1121
+ valueType: "alias"
1122
+ } }
1123
+ },
1124
+ "variant/info/icon": { color: { rest: {
1125
+ type: "foregroundPaletteColors",
1126
+ value: "info",
1127
+ valueType: "alias"
1128
+ } } },
1129
+ "variant/info/root": {
1130
+ backgroundColor: { rest: {
1131
+ type: "backgroundPaletteColors",
1132
+ value: "info-secondary",
1133
+ valueType: "alias"
1134
+ } },
1135
+ borderColor: { rest: {
1136
+ type: "linePaletteColors",
1137
+ value: "muted",
1138
+ valueType: "alias"
1139
+ } },
1140
+ borderWidth: { rest: {
1141
+ type: "borderWidths",
1142
+ value: "thin",
1143
+ valueType: "alias"
1144
+ } }
1145
+ },
1146
+ "variant/primary/icon": { color: { rest: {
1147
+ type: "foregroundPaletteColors",
1148
+ value: "secondary",
1149
+ valueType: "alias"
1150
+ } } },
1151
+ "variant/primary/root": {
1152
+ backgroundColor: { rest: {
1153
+ type: "backgroundPaletteColors",
1154
+ value: "accent",
1155
+ valueType: "alias"
1156
+ } },
1157
+ borderColor: { rest: {
1158
+ type: "linePaletteColors",
1159
+ value: "muted",
1160
+ valueType: "alias"
1161
+ } },
1162
+ borderWidth: { rest: {
1163
+ type: "borderWidths",
1164
+ value: "thin",
1165
+ valueType: "alias"
1166
+ } }
1167
+ },
1168
+ "variant/secondary/icon": { color: { rest: {
1169
+ type: "foregroundPaletteColors",
1170
+ value: "secondary",
1171
+ valueType: "alias"
1172
+ } } },
1173
+ "variant/secondary/root": {
1174
+ backgroundColor: { rest: {
1175
+ type: "backgroundPaletteColors",
1176
+ value: "primary",
1177
+ valueType: "alias"
1178
+ } },
1179
+ borderColor: { rest: {
1180
+ type: "linePaletteColors",
1181
+ value: "accent",
1182
+ valueType: "alias"
1183
+ } },
1184
+ borderWidth: { rest: {
1185
+ type: "borderWidths",
1186
+ value: "thin",
1187
+ valueType: "alias"
1188
+ } }
1189
+ },
1190
+ "variant/success-secondary/icon": { color: { rest: {
1191
+ type: "foregroundPaletteColors",
1192
+ value: "positive-secondary",
1193
+ valueType: "alias"
1194
+ } } },
1195
+ "variant/success-secondary/root": {
1196
+ backgroundColor: { rest: {
1197
+ type: "backgroundPaletteColors",
1198
+ value: "primary",
1199
+ valueType: "alias"
1200
+ } },
1201
+ borderColor: { rest: {
1202
+ type: "linePaletteColors",
1203
+ value: "positive-secondary",
1204
+ valueType: "alias"
1205
+ } },
1206
+ borderWidth: { rest: {
1207
+ type: "borderWidths",
1208
+ value: "thin",
1209
+ valueType: "alias"
1210
+ } }
1211
+ },
1212
+ "variant/success/icon": { color: { rest: {
1213
+ type: "foregroundPaletteColors",
1214
+ value: "positive",
1215
+ valueType: "alias"
1216
+ } } },
1217
+ "variant/success/root": {
1218
+ backgroundColor: { rest: {
1219
+ type: "backgroundPaletteColors",
1220
+ value: "positive-secondary",
1221
+ valueType: "alias"
1222
+ } },
1223
+ borderColor: { rest: {
1224
+ type: "linePaletteColors",
1225
+ value: "muted",
1226
+ valueType: "alias"
1227
+ } },
1228
+ borderWidth: { rest: {
1229
+ type: "borderWidths",
1230
+ value: "thin",
1231
+ valueType: "alias"
1232
+ } }
1233
+ },
1234
+ "variant/warning-secondary/icon": { color: { rest: {
1235
+ type: "foregroundPaletteColors",
1236
+ value: "warning-secondary",
1237
+ valueType: "alias"
1238
+ } } },
1239
+ "variant/warning-secondary/root": {
1240
+ backgroundColor: { rest: {
1241
+ type: "backgroundPaletteColors",
1242
+ value: "primary",
1243
+ valueType: "alias"
1244
+ } },
1245
+ borderColor: { rest: {
1246
+ type: "linePaletteColors",
1247
+ value: "warning-secondary",
1248
+ valueType: "alias"
1249
+ } },
1250
+ borderWidth: { rest: {
1251
+ type: "borderWidths",
1252
+ value: "thin",
1253
+ valueType: "alias"
1254
+ } }
1255
+ },
1256
+ "variant/warning/icon": { color: { rest: {
1257
+ type: "foregroundPaletteColors",
1258
+ value: "warning",
1259
+ valueType: "alias"
1260
+ } } },
1261
+ "variant/warning/root": {
1262
+ backgroundColor: { rest: {
1263
+ type: "backgroundPaletteColors",
1264
+ value: "warning-secondary",
1265
+ valueType: "alias"
1266
+ } },
1267
+ borderColor: { rest: {
1268
+ type: "linePaletteColors",
1269
+ value: "muted",
1270
+ valueType: "alias"
1271
+ } },
1272
+ borderWidth: { rest: {
1273
+ type: "borderWidths",
1274
+ value: "thin",
1275
+ valueType: "alias"
1276
+ } }
1277
+ }
1278
+ }
1279
+ },
966
1280
  bottomSheet: {
967
1281
  defaults: { variant: "default" },
968
1282
  variables: {
@@ -1,5 +1,5 @@
1
1
 
2
- import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "./generatedConfigs.cjs";
2
+ import { AvatarConfig, BadgeConfig, BannerConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "./generatedConfigs.cjs";
3
3
  import { ComponentSchema } from "../utils/buildConfigSchema.cjs";
4
4
 
5
5
  //#region ../automated-config/dist/generated/universalTokensConfigAuto.d.ts
@@ -7,6 +7,7 @@ import { ComponentSchema } from "../utils/buildConfigSchema.cjs";
7
7
  interface UniversalTokensConfigAuto {
8
8
  avatar: ComponentSchema<typeof AvatarConfig>;
9
9
  badge: ComponentSchema<typeof BadgeConfig>;
10
+ banner: ComponentSchema<typeof BannerConfig>;
10
11
  bottomSheet: ComponentSchema<typeof BottomSheetConfig>;
11
12
  button: ComponentSchema<typeof ButtonConfig>;
12
13
  checkbox: ComponentSchema<typeof CheckboxConfig>;
@@ -1,5 +1,5 @@
1
1
 
2
- import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "./generatedConfigs.js";
2
+ import { AvatarConfig, BadgeConfig, BannerConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "./generatedConfigs.js";
3
3
  import { ComponentSchema } from "../utils/buildConfigSchema.js";
4
4
 
5
5
  //#region ../automated-config/dist/generated/universalTokensConfigAuto.d.ts
@@ -7,6 +7,7 @@ import { ComponentSchema } from "../utils/buildConfigSchema.js";
7
7
  interface UniversalTokensConfigAuto {
8
8
  avatar: ComponentSchema<typeof AvatarConfig>;
9
9
  badge: ComponentSchema<typeof BadgeConfig>;
10
+ banner: ComponentSchema<typeof BannerConfig>;
10
11
  bottomSheet: ComponentSchema<typeof BottomSheetConfig>;
11
12
  button: ComponentSchema<typeof ButtonConfig>;
12
13
  checkbox: ComponentSchema<typeof CheckboxConfig>;
@@ -962,6 +962,320 @@ const defaultUniversalTokensConfigAuto = {
962
962
  }
963
963
  }
964
964
  },
965
+ banner: {
966
+ defaults: {
967
+ size: "default",
968
+ variant: "primary"
969
+ },
970
+ variables: {
971
+ "size/default/close": { size: { rest: {
972
+ type: "iconSizes",
973
+ value: "sm",
974
+ valueType: "alias"
975
+ } } },
976
+ "size/default/description": { textVariant: { rest: {
977
+ type: "textVariants",
978
+ value: "ui3",
979
+ valueType: "alias"
980
+ } } },
981
+ "size/default/icon": { size: { rest: {
982
+ type: "iconSizes",
983
+ value: "md",
984
+ valueType: "alias"
985
+ } } },
986
+ "size/default/root": {
987
+ borderRadius: { rest: {
988
+ type: "borderRadii",
989
+ value: "lg",
990
+ valueType: "alias"
991
+ } },
992
+ gap: { rest: {
993
+ type: "spacingAliases",
994
+ value: "2",
995
+ valueType: "alias"
996
+ } },
997
+ spacingHorizontal: { rest: {
998
+ type: "spacingAliases",
999
+ value: "3",
1000
+ valueType: "alias"
1001
+ } },
1002
+ spacingVertical: { rest: {
1003
+ type: "spacingAliases",
1004
+ value: "3",
1005
+ valueType: "alias"
1006
+ } }
1007
+ },
1008
+ "size/default/title": { textVariant: { rest: {
1009
+ type: "textVariants",
1010
+ value: "ui3/emphasized",
1011
+ valueType: "alias"
1012
+ } } },
1013
+ "variant/alert-secondary/icon": { color: { rest: {
1014
+ type: "foregroundPaletteColors",
1015
+ value: "alert-secondary",
1016
+ valueType: "alias"
1017
+ } } },
1018
+ "variant/alert-secondary/root": {
1019
+ backgroundColor: { rest: {
1020
+ type: "backgroundPaletteColors",
1021
+ value: "primary",
1022
+ valueType: "alias"
1023
+ } },
1024
+ borderColor: { rest: {
1025
+ type: "linePaletteColors",
1026
+ value: "alert-secondary",
1027
+ valueType: "alias"
1028
+ } },
1029
+ borderWidth: { rest: {
1030
+ type: "borderWidths",
1031
+ value: "thin",
1032
+ valueType: "alias"
1033
+ } }
1034
+ },
1035
+ "variant/alert/icon": { color: { rest: {
1036
+ type: "foregroundPaletteColors",
1037
+ value: "alert",
1038
+ valueType: "alias"
1039
+ } } },
1040
+ "variant/alert/root": {
1041
+ backgroundColor: { rest: {
1042
+ type: "backgroundPaletteColors",
1043
+ value: "alert-secondary",
1044
+ valueType: "alias"
1045
+ } },
1046
+ borderColor: { rest: {
1047
+ type: "linePaletteColors",
1048
+ value: "muted",
1049
+ valueType: "alias"
1050
+ } },
1051
+ borderWidth: { rest: {
1052
+ type: "borderWidths",
1053
+ value: "thin",
1054
+ valueType: "alias"
1055
+ } }
1056
+ },
1057
+ "variant/brand-secondary/icon": { color: { rest: {
1058
+ type: "foregroundPaletteColors",
1059
+ value: "secondary",
1060
+ valueType: "alias"
1061
+ } } },
1062
+ "variant/brand-secondary/root": {
1063
+ backgroundColor: { rest: {
1064
+ type: "backgroundPaletteColors",
1065
+ value: "primary",
1066
+ valueType: "alias"
1067
+ } },
1068
+ borderColor: { rest: {
1069
+ type: "linePaletteColors",
1070
+ value: "brand",
1071
+ valueType: "alias"
1072
+ } },
1073
+ borderWidth: { rest: {
1074
+ type: "borderWidths",
1075
+ value: "thin",
1076
+ valueType: "alias"
1077
+ } }
1078
+ },
1079
+ "variant/brand/icon": { color: { rest: {
1080
+ type: "foregroundPaletteColors",
1081
+ value: "secondary",
1082
+ valueType: "alias"
1083
+ } } },
1084
+ "variant/brand/root": {
1085
+ backgroundColor: { rest: {
1086
+ type: "backgroundPaletteColors",
1087
+ value: "brand-secondary",
1088
+ valueType: "alias"
1089
+ } },
1090
+ borderColor: { rest: {
1091
+ type: "linePaletteColors",
1092
+ value: "muted",
1093
+ valueType: "alias"
1094
+ } },
1095
+ borderWidth: { rest: {
1096
+ type: "borderWidths",
1097
+ value: "thin",
1098
+ valueType: "alias"
1099
+ } }
1100
+ },
1101
+ "variant/info-secondary/icon": { color: { rest: {
1102
+ type: "foregroundPaletteColors",
1103
+ value: "info",
1104
+ valueType: "alias"
1105
+ } } },
1106
+ "variant/info-secondary/root": {
1107
+ backgroundColor: { rest: {
1108
+ type: "backgroundPaletteColors",
1109
+ value: "primary",
1110
+ valueType: "alias"
1111
+ } },
1112
+ borderColor: { rest: {
1113
+ type: "linePaletteColors",
1114
+ value: "info-secondary",
1115
+ valueType: "alias"
1116
+ } },
1117
+ borderWidth: { rest: {
1118
+ type: "borderWidths",
1119
+ value: "thin",
1120
+ valueType: "alias"
1121
+ } }
1122
+ },
1123
+ "variant/info/icon": { color: { rest: {
1124
+ type: "foregroundPaletteColors",
1125
+ value: "info",
1126
+ valueType: "alias"
1127
+ } } },
1128
+ "variant/info/root": {
1129
+ backgroundColor: { rest: {
1130
+ type: "backgroundPaletteColors",
1131
+ value: "info-secondary",
1132
+ valueType: "alias"
1133
+ } },
1134
+ borderColor: { rest: {
1135
+ type: "linePaletteColors",
1136
+ value: "muted",
1137
+ valueType: "alias"
1138
+ } },
1139
+ borderWidth: { rest: {
1140
+ type: "borderWidths",
1141
+ value: "thin",
1142
+ valueType: "alias"
1143
+ } }
1144
+ },
1145
+ "variant/primary/icon": { color: { rest: {
1146
+ type: "foregroundPaletteColors",
1147
+ value: "secondary",
1148
+ valueType: "alias"
1149
+ } } },
1150
+ "variant/primary/root": {
1151
+ backgroundColor: { rest: {
1152
+ type: "backgroundPaletteColors",
1153
+ value: "accent",
1154
+ valueType: "alias"
1155
+ } },
1156
+ borderColor: { rest: {
1157
+ type: "linePaletteColors",
1158
+ value: "muted",
1159
+ valueType: "alias"
1160
+ } },
1161
+ borderWidth: { rest: {
1162
+ type: "borderWidths",
1163
+ value: "thin",
1164
+ valueType: "alias"
1165
+ } }
1166
+ },
1167
+ "variant/secondary/icon": { color: { rest: {
1168
+ type: "foregroundPaletteColors",
1169
+ value: "secondary",
1170
+ valueType: "alias"
1171
+ } } },
1172
+ "variant/secondary/root": {
1173
+ backgroundColor: { rest: {
1174
+ type: "backgroundPaletteColors",
1175
+ value: "primary",
1176
+ valueType: "alias"
1177
+ } },
1178
+ borderColor: { rest: {
1179
+ type: "linePaletteColors",
1180
+ value: "accent",
1181
+ valueType: "alias"
1182
+ } },
1183
+ borderWidth: { rest: {
1184
+ type: "borderWidths",
1185
+ value: "thin",
1186
+ valueType: "alias"
1187
+ } }
1188
+ },
1189
+ "variant/success-secondary/icon": { color: { rest: {
1190
+ type: "foregroundPaletteColors",
1191
+ value: "positive-secondary",
1192
+ valueType: "alias"
1193
+ } } },
1194
+ "variant/success-secondary/root": {
1195
+ backgroundColor: { rest: {
1196
+ type: "backgroundPaletteColors",
1197
+ value: "primary",
1198
+ valueType: "alias"
1199
+ } },
1200
+ borderColor: { rest: {
1201
+ type: "linePaletteColors",
1202
+ value: "positive-secondary",
1203
+ valueType: "alias"
1204
+ } },
1205
+ borderWidth: { rest: {
1206
+ type: "borderWidths",
1207
+ value: "thin",
1208
+ valueType: "alias"
1209
+ } }
1210
+ },
1211
+ "variant/success/icon": { color: { rest: {
1212
+ type: "foregroundPaletteColors",
1213
+ value: "positive",
1214
+ valueType: "alias"
1215
+ } } },
1216
+ "variant/success/root": {
1217
+ backgroundColor: { rest: {
1218
+ type: "backgroundPaletteColors",
1219
+ value: "positive-secondary",
1220
+ valueType: "alias"
1221
+ } },
1222
+ borderColor: { rest: {
1223
+ type: "linePaletteColors",
1224
+ value: "muted",
1225
+ valueType: "alias"
1226
+ } },
1227
+ borderWidth: { rest: {
1228
+ type: "borderWidths",
1229
+ value: "thin",
1230
+ valueType: "alias"
1231
+ } }
1232
+ },
1233
+ "variant/warning-secondary/icon": { color: { rest: {
1234
+ type: "foregroundPaletteColors",
1235
+ value: "warning-secondary",
1236
+ valueType: "alias"
1237
+ } } },
1238
+ "variant/warning-secondary/root": {
1239
+ backgroundColor: { rest: {
1240
+ type: "backgroundPaletteColors",
1241
+ value: "primary",
1242
+ valueType: "alias"
1243
+ } },
1244
+ borderColor: { rest: {
1245
+ type: "linePaletteColors",
1246
+ value: "warning-secondary",
1247
+ valueType: "alias"
1248
+ } },
1249
+ borderWidth: { rest: {
1250
+ type: "borderWidths",
1251
+ value: "thin",
1252
+ valueType: "alias"
1253
+ } }
1254
+ },
1255
+ "variant/warning/icon": { color: { rest: {
1256
+ type: "foregroundPaletteColors",
1257
+ value: "warning",
1258
+ valueType: "alias"
1259
+ } } },
1260
+ "variant/warning/root": {
1261
+ backgroundColor: { rest: {
1262
+ type: "backgroundPaletteColors",
1263
+ value: "warning-secondary",
1264
+ valueType: "alias"
1265
+ } },
1266
+ borderColor: { rest: {
1267
+ type: "linePaletteColors",
1268
+ value: "muted",
1269
+ valueType: "alias"
1270
+ } },
1271
+ borderWidth: { rest: {
1272
+ type: "borderWidths",
1273
+ value: "thin",
1274
+ valueType: "alias"
1275
+ } }
1276
+ }
1277
+ }
1278
+ },
965
1279
  bottomSheet: {
966
1280
  defaults: { variant: "default" },
967
1281
  variables: {
@@ -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<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "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 "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
15
- root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "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 "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
14
+ [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "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 "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
15
+ root: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "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 "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
16
16
  } | null; //#endregion
17
17
  //#endregion
18
18
  export { getConfigVariantProperties };