@yahoo/uds 3.158.1 → 3.159.1

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 (21) hide show
  1. package/dist/components/Image.cjs +3 -2
  2. package/dist/components/Image.js +3 -2
  3. package/dist/components/client/Menu/Menu.Item.cjs +8 -2
  4. package/dist/components/client/Menu/Menu.Item.d.cts +44 -0
  5. package/dist/components/client/Menu/Menu.Item.d.ts +44 -0
  6. package/dist/components/client/Menu/Menu.Item.js +8 -2
  7. package/dist/components/client/Menu/Menu.ItemCheckbox.cjs +6 -2
  8. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +44 -0
  9. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +44 -0
  10. package/dist/components/client/Menu/Menu.ItemCheckbox.js +6 -2
  11. package/dist/styles/styler.d.cts +25 -25
  12. package/dist/styles/styler.d.ts +25 -25
  13. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  14. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  15. package/dist/uds/generated/componentData.cjs +195 -195
  16. package/dist/uds/generated/componentData.js +195 -195
  17. package/dist/uds/generated/tailwindPurge.cjs +13 -9
  18. package/dist/uds/generated/tailwindPurge.js +13 -9
  19. package/generated/componentData.json +281 -281
  20. package/generated/tailwindPurge.ts +1 -1
  21. package/package.json +1 -1
package/dist/uds/generated/componentData.js CHANGED
@@ -236,6 +236,70 @@ var componentData_default = {
236
236
  "runtimeConfigInternalComponentProps": {},
237
237
  "motionVarPrefixes": []
238
238
  },
239
+ Divider: {
240
+ "name": "Divider",
241
+ "defaultProps": {
242
+ "variant": "primary",
243
+ "contentPosition": "center"
244
+ },
245
+ "getStylesLiterals": {},
246
+ "cxLiterals": ["inherit"],
247
+ "internalComponents": [
248
+ "DividerLine",
249
+ "DividerLabel",
250
+ "InternalComponent",
251
+ "Box"
252
+ ],
253
+ "internalComponentProps": {
254
+ "InternalComponent": {
255
+ "alignItems": ["center"],
256
+ "flex": ["1"]
257
+ },
258
+ "Box": {
259
+ "display": ["flex"],
260
+ "flex": ["none"]
261
+ }
262
+ },
263
+ "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
264
+ "runtimeConfigDefaultProps": {},
265
+ "runtimeConfigGetStyles": {},
266
+ "runtimeConfigInternalComponentProps": {},
267
+ "motionVarPrefixes": []
268
+ },
269
+ DividerLabel: {
270
+ "name": "DividerLabel",
271
+ "defaultProps": {
272
+ "variant": "primary",
273
+ "textVariant": "inherit",
274
+ "color": "inherit",
275
+ "as": "span"
276
+ },
277
+ "getStylesLiterals": {},
278
+ "cxLiterals": ["inherit"],
279
+ "internalComponents": ["Text"],
280
+ "internalComponentProps": {},
281
+ "propToVariantKeys": {
282
+ "variant": ["dividerVariantLabel"],
283
+ "textVariant": ["variant"]
284
+ },
285
+ "runtimeConfigDefaultProps": {},
286
+ "runtimeConfigGetStyles": {},
287
+ "runtimeConfigInternalComponentProps": {},
288
+ "motionVarPrefixes": []
289
+ },
290
+ DividerLine: {
291
+ "name": "DividerLine",
292
+ "defaultProps": { "variant": "primary" },
293
+ "getStylesLiterals": {},
294
+ "cxLiterals": ["inherit"],
295
+ "internalComponents": ["Box"],
296
+ "internalComponentProps": { "Box": { "flex": ["1"] } },
297
+ "propToVariantKeys": { "variant": ["dividerVariantLine"] },
298
+ "runtimeConfigDefaultProps": {},
299
+ "runtimeConfigGetStyles": {},
300
+ "runtimeConfigInternalComponentProps": {},
301
+ "motionVarPrefixes": []
302
+ },
239
303
  "Table.mocks": {
240
304
  "name": "Table.mocks",
241
305
  "defaultProps": {},
@@ -304,70 +368,6 @@ var componentData_default = {
304
368
  "runtimeConfigInternalComponentProps": {},
305
369
  "motionVarPrefixes": []
306
370
  },
307
- Divider: {
308
- "name": "Divider",
309
- "defaultProps": {
310
- "variant": "primary",
311
- "contentPosition": "center"
312
- },
313
- "getStylesLiterals": {},
314
- "cxLiterals": ["inherit"],
315
- "internalComponents": [
316
- "DividerLine",
317
- "DividerLabel",
318
- "InternalComponent",
319
- "Box"
320
- ],
321
- "internalComponentProps": {
322
- "InternalComponent": {
323
- "alignItems": ["center"],
324
- "flex": ["1"]
325
- },
326
- "Box": {
327
- "display": ["flex"],
328
- "flex": ["none"]
329
- }
330
- },
331
- "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
332
- "runtimeConfigDefaultProps": {},
333
- "runtimeConfigGetStyles": {},
334
- "runtimeConfigInternalComponentProps": {},
335
- "motionVarPrefixes": []
336
- },
337
- DividerLabel: {
338
- "name": "DividerLabel",
339
- "defaultProps": {
340
- "variant": "primary",
341
- "textVariant": "inherit",
342
- "color": "inherit",
343
- "as": "span"
344
- },
345
- "getStylesLiterals": {},
346
- "cxLiterals": ["inherit"],
347
- "internalComponents": ["Text"],
348
- "internalComponentProps": {},
349
- "propToVariantKeys": {
350
- "variant": ["dividerVariantLabel"],
351
- "textVariant": ["variant"]
352
- },
353
- "runtimeConfigDefaultProps": {},
354
- "runtimeConfigGetStyles": {},
355
- "runtimeConfigInternalComponentProps": {},
356
- "motionVarPrefixes": []
357
- },
358
- DividerLine: {
359
- "name": "DividerLine",
360
- "defaultProps": { "variant": "primary" },
361
- "getStylesLiterals": {},
362
- "cxLiterals": ["inherit"],
363
- "internalComponents": ["Box"],
364
- "internalComponentProps": { "Box": { "flex": ["1"] } },
365
- "propToVariantKeys": { "variant": ["dividerVariantLine"] },
366
- "runtimeConfigDefaultProps": {},
367
- "runtimeConfigGetStyles": {},
368
- "runtimeConfigInternalComponentProps": {},
369
- "motionVarPrefixes": []
370
- },
371
371
  BannerContent: {
372
372
  "name": "BannerContent",
373
373
  "defaultProps": {},
@@ -2108,137 +2108,6 @@ var componentData_default = {
2108
2108
  "runtimeConfigInternalComponentProps": {},
2109
2109
  "motionVarPrefixes": []
2110
2110
  },
2111
- UDSToastConfigProvider: {
2112
- "name": "UDSToastConfigProvider",
2113
- "defaultProps": {},
2114
- "getStylesLiterals": {},
2115
- "cxLiterals": [],
2116
- "internalComponents": ["ToastContext.Provider"],
2117
- "internalComponentProps": {},
2118
- "propToVariantKeys": {},
2119
- "runtimeConfigDefaultProps": {},
2120
- "runtimeConfigGetStyles": {},
2121
- "runtimeConfigInternalComponentProps": {},
2122
- "motionVarPrefixes": []
2123
- },
2124
- ToastPortal: {
2125
- "name": "ToastPortal",
2126
- "defaultProps": {},
2127
- "getStylesLiterals": {},
2128
- "cxLiterals": [],
2129
- "internalComponents": ["ReactToastifyToastContainer"],
2130
- "internalComponentProps": {},
2131
- "propToVariantKeys": {},
2132
- "runtimeConfigDefaultProps": {
2133
- "size": "toast.defaultSize",
2134
- "variant": "toast.defaultVariant"
2135
- },
2136
- "runtimeConfigGetStyles": {},
2137
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2138
- "motionVarPrefixes": []
2139
- },
2140
- ToastContainer: {
2141
- "name": "ToastContainer",
2142
- "defaultProps": {},
2143
- "getStylesLiterals": {
2144
- "position": "relative",
2145
- "alignItems": "center",
2146
- "display": "flex",
2147
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2148
- },
2149
- "cxLiterals": ["w-full"],
2150
- "internalComponents": ["HStack"],
2151
- "internalComponentProps": { "HStack": {
2152
- "alignItems": ["center"],
2153
- "justifyContent": ["space-between"],
2154
- "overflow": ["hidden"],
2155
- "position": ["relative"]
2156
- } },
2157
- "propToVariantKeys": {
2158
- "variant": ["toastVariantRoot"],
2159
- "size": ["toastSizeRoot"]
2160
- },
2161
- "runtimeConfigDefaultProps": {
2162
- "size": "toast.defaultSize",
2163
- "variant": "toast.defaultVariant"
2164
- },
2165
- "runtimeConfigGetStyles": {
2166
- "toastVariantRoot": ["toast.defaultVariant"],
2167
- "toastSizeRoot": ["toast.defaultSize"]
2168
- },
2169
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2170
- "motionVarPrefixes": []
2171
- },
2172
- Toast: {
2173
- "name": "Toast",
2174
- "defaultProps": {},
2175
- "getStylesLiterals": {
2176
- "className": "animate-spin",
2177
- "className:1": "flex-none",
2178
- "spacing": "2",
2179
- "borderRadius": "full"
2180
- },
2181
- "cxLiterals": [
2182
- "duration-0",
2183
- "duration-120",
2184
- "transition-[background-color]",
2185
- "bg-carbon-15/0",
2186
- "hover:bg-carbon-15/10",
2187
- "active:bg-carbon-15/15",
2188
- "uds-ring"
2189
- ],
2190
- "internalComponents": [
2191
- "IconSlot",
2192
- "ToastContainer",
2193
- "Text",
2194
- "Button",
2195
- "Pressable"
2196
- ],
2197
- "internalComponentProps": {},
2198
- "propToVariantKeys": {
2199
- "size": [
2200
- "toastSizeLabel",
2201
- "toastSizeIcon",
2202
- "toastSizeActionButton",
2203
- "toastSizeCloseIcon"
2204
- ],
2205
- "variant": [
2206
- "toastVariantIcon",
2207
- "toastVariantActionButton",
2208
- "toastVariantCloseIcon"
2209
- ],
2210
- "closeIcon": ["icon"],
2211
- "onClickActionButton": ["onClick"]
2212
- },
2213
- "runtimeConfigDefaultProps": {
2214
- "size": "toast.defaultSize",
2215
- "variant": "toast.defaultVariant"
2216
- },
2217
- "runtimeConfigGetStyles": {
2218
- "toastSizeLabel": ["toast.defaultSize"],
2219
- "toastVariantIcon": ["toast.defaultVariant"],
2220
- "toastSizeIcon": ["toast.defaultSize"],
2221
- "toastSizeActionButton": ["toast.defaultSize"],
2222
- "toastVariantActionButton": ["toast.defaultVariant"],
2223
- "toastVariantCloseIcon": ["toast.defaultVariant"],
2224
- "toastSizeCloseIcon": ["toast.defaultSize"]
2225
- },
2226
- "runtimeConfigInternalComponentProps": {
2227
- "ToastContainer": {
2228
- "size": ["toast.defaultSize"],
2229
- "variant": ["toast.defaultVariant"]
2230
- },
2231
- "Text": {
2232
- "variant": ["toast.textVariant.${size}"],
2233
- "color": ["toast.textColor.${variant}"]
2234
- },
2235
- "Button": {
2236
- "size": ["toast.buttonSize.${size}"],
2237
- "variant": ["toast.buttonVariant.${variant}"]
2238
- }
2239
- },
2240
- "motionVarPrefixes": []
2241
- },
2242
2111
  TabList: {
2243
2112
  "name": "TabList",
2244
2113
  "defaultProps": { "variant": "primary" },
@@ -2379,6 +2248,137 @@ var componentData_default = {
2379
2248
  "runtimeConfigInternalComponentProps": {},
2380
2249
  "motionVarPrefixes": []
2381
2250
  },
2251
+ UDSToastConfigProvider: {
2252
+ "name": "UDSToastConfigProvider",
2253
+ "defaultProps": {},
2254
+ "getStylesLiterals": {},
2255
+ "cxLiterals": [],
2256
+ "internalComponents": ["ToastContext.Provider"],
2257
+ "internalComponentProps": {},
2258
+ "propToVariantKeys": {},
2259
+ "runtimeConfigDefaultProps": {},
2260
+ "runtimeConfigGetStyles": {},
2261
+ "runtimeConfigInternalComponentProps": {},
2262
+ "motionVarPrefixes": []
2263
+ },
2264
+ ToastPortal: {
2265
+ "name": "ToastPortal",
2266
+ "defaultProps": {},
2267
+ "getStylesLiterals": {},
2268
+ "cxLiterals": [],
2269
+ "internalComponents": ["ReactToastifyToastContainer"],
2270
+ "internalComponentProps": {},
2271
+ "propToVariantKeys": {},
2272
+ "runtimeConfigDefaultProps": {
2273
+ "size": "toast.defaultSize",
2274
+ "variant": "toast.defaultVariant"
2275
+ },
2276
+ "runtimeConfigGetStyles": {},
2277
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2278
+ "motionVarPrefixes": []
2279
+ },
2280
+ ToastContainer: {
2281
+ "name": "ToastContainer",
2282
+ "defaultProps": {},
2283
+ "getStylesLiterals": {
2284
+ "position": "relative",
2285
+ "alignItems": "center",
2286
+ "display": "flex",
2287
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2288
+ },
2289
+ "cxLiterals": ["w-full"],
2290
+ "internalComponents": ["HStack"],
2291
+ "internalComponentProps": { "HStack": {
2292
+ "alignItems": ["center"],
2293
+ "justifyContent": ["space-between"],
2294
+ "overflow": ["hidden"],
2295
+ "position": ["relative"]
2296
+ } },
2297
+ "propToVariantKeys": {
2298
+ "variant": ["toastVariantRoot"],
2299
+ "size": ["toastSizeRoot"]
2300
+ },
2301
+ "runtimeConfigDefaultProps": {
2302
+ "size": "toast.defaultSize",
2303
+ "variant": "toast.defaultVariant"
2304
+ },
2305
+ "runtimeConfigGetStyles": {
2306
+ "toastVariantRoot": ["toast.defaultVariant"],
2307
+ "toastSizeRoot": ["toast.defaultSize"]
2308
+ },
2309
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2310
+ "motionVarPrefixes": []
2311
+ },
2312
+ Toast: {
2313
+ "name": "Toast",
2314
+ "defaultProps": {},
2315
+ "getStylesLiterals": {
2316
+ "className": "animate-spin",
2317
+ "className:1": "flex-none",
2318
+ "spacing": "2",
2319
+ "borderRadius": "full"
2320
+ },
2321
+ "cxLiterals": [
2322
+ "duration-0",
2323
+ "duration-120",
2324
+ "transition-[background-color]",
2325
+ "bg-carbon-15/0",
2326
+ "hover:bg-carbon-15/10",
2327
+ "active:bg-carbon-15/15",
2328
+ "uds-ring"
2329
+ ],
2330
+ "internalComponents": [
2331
+ "IconSlot",
2332
+ "ToastContainer",
2333
+ "Text",
2334
+ "Button",
2335
+ "Pressable"
2336
+ ],
2337
+ "internalComponentProps": {},
2338
+ "propToVariantKeys": {
2339
+ "size": [
2340
+ "toastSizeLabel",
2341
+ "toastSizeIcon",
2342
+ "toastSizeActionButton",
2343
+ "toastSizeCloseIcon"
2344
+ ],
2345
+ "variant": [
2346
+ "toastVariantIcon",
2347
+ "toastVariantActionButton",
2348
+ "toastVariantCloseIcon"
2349
+ ],
2350
+ "closeIcon": ["icon"],
2351
+ "onClickActionButton": ["onClick"]
2352
+ },
2353
+ "runtimeConfigDefaultProps": {
2354
+ "size": "toast.defaultSize",
2355
+ "variant": "toast.defaultVariant"
2356
+ },
2357
+ "runtimeConfigGetStyles": {
2358
+ "toastSizeLabel": ["toast.defaultSize"],
2359
+ "toastVariantIcon": ["toast.defaultVariant"],
2360
+ "toastSizeIcon": ["toast.defaultSize"],
2361
+ "toastSizeActionButton": ["toast.defaultSize"],
2362
+ "toastVariantActionButton": ["toast.defaultVariant"],
2363
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
2364
+ "toastSizeCloseIcon": ["toast.defaultSize"]
2365
+ },
2366
+ "runtimeConfigInternalComponentProps": {
2367
+ "ToastContainer": {
2368
+ "size": ["toast.defaultSize"],
2369
+ "variant": ["toast.defaultVariant"]
2370
+ },
2371
+ "Text": {
2372
+ "variant": ["toast.textVariant.${size}"],
2373
+ "color": ["toast.textColor.${variant}"]
2374
+ },
2375
+ "Button": {
2376
+ "size": ["toast.buttonSize.${size}"],
2377
+ "variant": ["toast.buttonVariant.${variant}"]
2378
+ }
2379
+ },
2380
+ "motionVarPrefixes": []
2381
+ },
2382
2382
  UDSTooltipConfigProvider: {
2383
2383
  "name": "UDSTooltipConfigProvider",
2384
2384
  "defaultProps": {},
package/dist/uds/generated/tailwindPurge.cjs CHANGED
@@ -3214,15 +3214,19 @@ const componentToVariants = {
3214
3214
  "size"
3215
3215
  ]]],
3216
3216
  "IconButton": [],
3217
- "Image": [["width", [
3218
- "full",
3219
- "fit",
3220
- "screen"
3221
- ]], ["height", [
3222
- "full",
3223
- "fit",
3224
- "screen"
3225
- ]]],
3217
+ "Image": [
3218
+ ["width", [
3219
+ "full",
3220
+ "fit",
3221
+ "screen"
3222
+ ]],
3223
+ ["height", [
3224
+ "full",
3225
+ "fit",
3226
+ "screen"
3227
+ ]],
3228
+ ["contentFit", ["cover"]]
3229
+ ],
3226
3230
  "Input": [],
3227
3231
  "InputHelpText": [],
3228
3232
  "Link": [],
package/dist/uds/generated/tailwindPurge.js CHANGED
@@ -3214,15 +3214,19 @@ const componentToVariants = {
3214
3214
  "size"
3215
3215
  ]]],
3216
3216
  "IconButton": [],
3217
- "Image": [["width", [
3218
- "full",
3219
- "fit",
3220
- "screen"
3221
- ]], ["height", [
3222
- "full",
3223
- "fit",
3224
- "screen"
3225
- ]]],
3217
+ "Image": [
3218
+ ["width", [
3219
+ "full",
3220
+ "fit",
3221
+ "screen"
3222
+ ]],
3223
+ ["height", [
3224
+ "full",
3225
+ "fit",
3226
+ "screen"
3227
+ ]],
3228
+ ["contentFit", ["cover"]]
3229
+ ],
3226
3230
  "Input": [],
3227
3231
  "InputHelpText": [],
3228
3232
  "Link": [],