@yahoo/uds 3.172.0 → 3.172.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.
@@ -85,10 +85,10 @@ const Link = (0, react.forwardRef)(function Input({ variant = "primary", textVar
85
85
  "data-testid": "start-icon",
86
86
  ...startIconSlotProps
87
87
  }),
88
- slotProps?.text ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
89
- ...slotProps.text,
88
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
89
+ ...slotProps?.text,
90
90
  children
91
- }) : children,
91
+ }),
92
92
  endIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
93
93
  className: require_styles_styler.cx(iconEndStyles, endIconClassName),
94
94
  icon: endIcon,
@@ -83,10 +83,10 @@ const Link = forwardRef(function Input({ variant = "primary", textVariant, start
83
83
  "data-testid": "start-icon",
84
84
  ...startIconSlotProps
85
85
  }),
86
- slotProps?.text ? /* @__PURE__ */ jsx("span", {
87
- ...slotProps.text,
86
+ /* @__PURE__ */ jsx("span", {
87
+ ...slotProps?.text,
88
88
  children
89
- }) : children,
89
+ }),
90
90
  endIcon && /* @__PURE__ */ jsx(IconSlot, {
91
91
  className: cx(iconEndStyles, endIconClassName),
92
92
  icon: endIcon,
@@ -29,7 +29,7 @@ declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantPro
29
29
  gap: SpacingAlias;
30
30
  dismissButtonSpacing: SpacingAlias;
31
31
  dismissIconSize: number;
32
- ariaKitPlacement: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("top" | "bottom" | "left" | "right") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
32
+ ariaKitPlacement: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
33
33
  animationDuration: number;
34
34
  };
35
35
  //#endregion
@@ -30,7 +30,7 @@ declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantPro
30
30
  gap: SpacingAlias;
31
31
  dismissButtonSpacing: SpacingAlias;
32
32
  dismissIconSize: number;
33
- ariaKitPlacement: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("top" | "bottom" | "left" | "right") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
33
+ ariaKitPlacement: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
34
34
  animationDuration: number;
35
35
  };
36
36
  //#endregion
@@ -1207,50 +1207,6 @@ var componentData_default = {
1207
1207
  "runtimeConfigInternalComponentProps": {},
1208
1208
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1209
1209
  },
1210
- UDSConfigProvider: {
1211
- "name": "UDSConfigProvider",
1212
- "defaultProps": {},
1213
- "getStylesLiterals": {},
1214
- "cxLiterals": [],
1215
- "internalComponents": [
1216
- "UDSBreakpointsConfigProvider",
1217
- "UDSAvatarConfigProvider",
1218
- "UDSBadgeConfigProvider",
1219
- "UDSBottomSheetConfigProvider",
1220
- "UDSButtonConfigProvider",
1221
- "UDSChipConfigProvider",
1222
- "UDSIconButtonConfigProvider",
1223
- "UDSInputConfigProvider",
1224
- "UDSMenuItemConfigProvider",
1225
- "UDSPaddleNavConfigProvider",
1226
- "UDSPaginationConfigProvider",
1227
- "UDSSelectItemConfigProvider",
1228
- "UDSTabConfigProvider",
1229
- "UDSToastConfigProvider",
1230
- "UDSTooltipConfigProvider",
1231
- "UDSPopoverConfigProvider",
1232
- "UDSModalConfigProvider"
1233
- ],
1234
- "internalComponentProps": {},
1235
- "propToVariantKeys": {},
1236
- "runtimeConfigDefaultProps": {},
1237
- "runtimeConfigGetStyles": {},
1238
- "runtimeConfigInternalComponentProps": {},
1239
- "motionVarPrefixes": []
1240
- },
1241
- UDSBreakpointsConfigProvider: {
1242
- "name": "UDSBreakpointsConfigProvider",
1243
- "defaultProps": {},
1244
- "getStylesLiterals": {},
1245
- "cxLiterals": [],
1246
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1247
- "internalComponentProps": {},
1248
- "propToVariantKeys": {},
1249
- "runtimeConfigDefaultProps": {},
1250
- "runtimeConfigGetStyles": {},
1251
- "runtimeConfigInternalComponentProps": {},
1252
- "motionVarPrefixes": []
1253
- },
1254
1210
  "Menu.Trigger": {
1255
1211
  "name": "Menu.Trigger",
1256
1212
  "defaultProps": {},
@@ -1485,6 +1441,50 @@ var componentData_default = {
1485
1441
  "runtimeConfigInternalComponentProps": {},
1486
1442
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1487
1443
  },
1444
+ UDSConfigProvider: {
1445
+ "name": "UDSConfigProvider",
1446
+ "defaultProps": {},
1447
+ "getStylesLiterals": {},
1448
+ "cxLiterals": [],
1449
+ "internalComponents": [
1450
+ "UDSBreakpointsConfigProvider",
1451
+ "UDSAvatarConfigProvider",
1452
+ "UDSBadgeConfigProvider",
1453
+ "UDSBottomSheetConfigProvider",
1454
+ "UDSButtonConfigProvider",
1455
+ "UDSChipConfigProvider",
1456
+ "UDSIconButtonConfigProvider",
1457
+ "UDSInputConfigProvider",
1458
+ "UDSMenuItemConfigProvider",
1459
+ "UDSPaddleNavConfigProvider",
1460
+ "UDSPaginationConfigProvider",
1461
+ "UDSSelectItemConfigProvider",
1462
+ "UDSTabConfigProvider",
1463
+ "UDSToastConfigProvider",
1464
+ "UDSTooltipConfigProvider",
1465
+ "UDSPopoverConfigProvider",
1466
+ "UDSModalConfigProvider"
1467
+ ],
1468
+ "internalComponentProps": {},
1469
+ "propToVariantKeys": {},
1470
+ "runtimeConfigDefaultProps": {},
1471
+ "runtimeConfigGetStyles": {},
1472
+ "runtimeConfigInternalComponentProps": {},
1473
+ "motionVarPrefixes": []
1474
+ },
1475
+ UDSBreakpointsConfigProvider: {
1476
+ "name": "UDSBreakpointsConfigProvider",
1477
+ "defaultProps": {},
1478
+ "getStylesLiterals": {},
1479
+ "cxLiterals": [],
1480
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1481
+ "internalComponentProps": {},
1482
+ "propToVariantKeys": {},
1483
+ "runtimeConfigDefaultProps": {},
1484
+ "runtimeConfigGetStyles": {},
1485
+ "runtimeConfigInternalComponentProps": {},
1486
+ "motionVarPrefixes": []
1487
+ },
1488
1488
  PaginationNext: {
1489
1489
  "name": "PaginationNext",
1490
1490
  "defaultProps": { "label": "Next" },
@@ -2339,115 +2339,6 @@ var componentData_default = {
2339
2339
  "runtimeConfigInternalComponentProps": {},
2340
2340
  "motionVarPrefixes": []
2341
2341
  },
2342
- SwitchBase: {
2343
- "name": "SwitchBase",
2344
- "defaultProps": {
2345
- "labelPosition": "start",
2346
- "size": "md"
2347
- },
2348
- "getStylesLiterals": {
2349
- "switchVariantRoot": "default",
2350
- "switchVariantActiveRoot": "on",
2351
- "switchVariantActiveRoot:1": "off",
2352
- "display": "flex",
2353
- "flexDirection": "row",
2354
- "flexDirection:1": "row-reverse",
2355
- "alignItems": "center",
2356
- "switchVariantSwitch": "default",
2357
- "switchVariantActiveSwitch": "on",
2358
- "switchVariantActiveSwitch:1": "off",
2359
- "borderRadius": "full",
2360
- "position": "relative"
2361
- },
2362
- "cxLiterals": [
2363
- "group",
2364
- "cursor-pointer",
2365
- "cursor-default",
2366
- "opacity-50",
2367
- "uds-ring",
2368
- "uds-ring-within",
2369
- "transition-[background-color,box-shadow]",
2370
- "cursor-[inherit]",
2371
- "absolute",
2372
- "opacity-0",
2373
- "top-[-1px]",
2374
- "left-[-1px]",
2375
- "w-[calc(100%+2px)]",
2376
- "h-[calc(100%+2px)]",
2377
- "text-start",
2378
- "text-end",
2379
- "translate-x-[1.25rem]",
2380
- "rtl:translate-x-[-1.25rem]",
2381
- "translate-x-[0.75rem]",
2382
- "rtl:translate-x-[-0.75rem]"
2383
- ],
2384
- "internalComponents": [
2385
- "FormLabel",
2386
- "RootElement",
2387
- "Box"
2388
- ],
2389
- "internalComponentProps": {
2390
- "FormLabel": {
2391
- "as": ["div"],
2392
- "variant": ["inherit"],
2393
- "color": ["inherit"]
2394
- },
2395
- "RootElement": { "data-testid": ["container"] }
2396
- },
2397
- "propToVariantKeys": { "size": ["switchSizeRoot", "switchSizeSwitch"] },
2398
- "runtimeConfigDefaultProps": {},
2399
- "runtimeConfigGetStyles": {},
2400
- "runtimeConfigInternalComponentProps": {},
2401
- "motionVarPrefixes": []
2402
- },
2403
- Switch: {
2404
- "name": "Switch",
2405
- "defaultProps": {},
2406
- "getStylesLiterals": {
2407
- "switchVariantActiveHandle": "on",
2408
- "switchVariantActiveHandle:1": "off",
2409
- "switchVariantHandle": "default",
2410
- "switchVariantHandleIcon": "default",
2411
- "switchVariantActiveHandleIcon": "on",
2412
- "switchVariantActiveHandleIcon:1": "off"
2413
- },
2414
- "cxLiterals": [
2415
- "relative",
2416
- "pointer-events-none",
2417
- "uds-border-radius-full",
2418
- "overflow-hidden",
2419
- "absolute",
2420
- "top-0",
2421
- "left-0",
2422
- "right-0",
2423
- "bottom-0",
2424
- "opacity-95",
2425
- "group-hover:opacity-100",
2426
- "transition-[background-color,box-shadow,opacity]",
2427
- "opacity-0",
2428
- "m-auto",
2429
- "transition-opacity",
2430
- "opacity-100"
2431
- ],
2432
- "internalComponents": [
2433
- "IconSlot",
2434
- "SwitchBase",
2435
- "Box",
2436
- "SpringMotionConfig",
2437
- "MotionBox",
2438
- "SwitchProps",
2439
- "SwitchStaticHandle"
2440
- ],
2441
- "internalComponentProps": { "IconSlot": { "data-testid": ["on-icon", "off-icon"] } },
2442
- "propToVariantKeys": {
2443
- "size": ["switchSizeHandle", "switchSizeHandleIcon"],
2444
- "reduceMotion": ["reducedMotion"]
2445
- },
2446
- "runtimeConfigDefaultProps": {},
2447
- "runtimeConfigGetStyles": {},
2448
- "runtimeConfigInternalComponentProps": {},
2449
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2450
- },
2451
2342
  InputHelpTextInternal: {
2452
2343
  "name": "InputHelpTextInternal",
2453
2344
  "defaultProps": {},
@@ -2595,6 +2486,115 @@ var componentData_default = {
2595
2486
  "runtimeConfigInternalComponentProps": {},
2596
2487
  "motionVarPrefixes": []
2597
2488
  },
2489
+ SwitchBase: {
2490
+ "name": "SwitchBase",
2491
+ "defaultProps": {
2492
+ "labelPosition": "start",
2493
+ "size": "md"
2494
+ },
2495
+ "getStylesLiterals": {
2496
+ "switchVariantRoot": "default",
2497
+ "switchVariantActiveRoot": "on",
2498
+ "switchVariantActiveRoot:1": "off",
2499
+ "display": "flex",
2500
+ "flexDirection": "row",
2501
+ "flexDirection:1": "row-reverse",
2502
+ "alignItems": "center",
2503
+ "switchVariantSwitch": "default",
2504
+ "switchVariantActiveSwitch": "on",
2505
+ "switchVariantActiveSwitch:1": "off",
2506
+ "borderRadius": "full",
2507
+ "position": "relative"
2508
+ },
2509
+ "cxLiterals": [
2510
+ "group",
2511
+ "cursor-pointer",
2512
+ "cursor-default",
2513
+ "opacity-50",
2514
+ "uds-ring",
2515
+ "uds-ring-within",
2516
+ "transition-[background-color,box-shadow]",
2517
+ "cursor-[inherit]",
2518
+ "absolute",
2519
+ "opacity-0",
2520
+ "top-[-1px]",
2521
+ "left-[-1px]",
2522
+ "w-[calc(100%+2px)]",
2523
+ "h-[calc(100%+2px)]",
2524
+ "text-start",
2525
+ "text-end",
2526
+ "translate-x-[1.25rem]",
2527
+ "rtl:translate-x-[-1.25rem]",
2528
+ "translate-x-[0.75rem]",
2529
+ "rtl:translate-x-[-0.75rem]"
2530
+ ],
2531
+ "internalComponents": [
2532
+ "FormLabel",
2533
+ "RootElement",
2534
+ "Box"
2535
+ ],
2536
+ "internalComponentProps": {
2537
+ "FormLabel": {
2538
+ "as": ["div"],
2539
+ "variant": ["inherit"],
2540
+ "color": ["inherit"]
2541
+ },
2542
+ "RootElement": { "data-testid": ["container"] }
2543
+ },
2544
+ "propToVariantKeys": { "size": ["switchSizeRoot", "switchSizeSwitch"] },
2545
+ "runtimeConfigDefaultProps": {},
2546
+ "runtimeConfigGetStyles": {},
2547
+ "runtimeConfigInternalComponentProps": {},
2548
+ "motionVarPrefixes": []
2549
+ },
2550
+ Switch: {
2551
+ "name": "Switch",
2552
+ "defaultProps": {},
2553
+ "getStylesLiterals": {
2554
+ "switchVariantActiveHandle": "on",
2555
+ "switchVariantActiveHandle:1": "off",
2556
+ "switchVariantHandle": "default",
2557
+ "switchVariantHandleIcon": "default",
2558
+ "switchVariantActiveHandleIcon": "on",
2559
+ "switchVariantActiveHandleIcon:1": "off"
2560
+ },
2561
+ "cxLiterals": [
2562
+ "relative",
2563
+ "pointer-events-none",
2564
+ "uds-border-radius-full",
2565
+ "overflow-hidden",
2566
+ "absolute",
2567
+ "top-0",
2568
+ "left-0",
2569
+ "right-0",
2570
+ "bottom-0",
2571
+ "opacity-95",
2572
+ "group-hover:opacity-100",
2573
+ "transition-[background-color,box-shadow,opacity]",
2574
+ "opacity-0",
2575
+ "m-auto",
2576
+ "transition-opacity",
2577
+ "opacity-100"
2578
+ ],
2579
+ "internalComponents": [
2580
+ "IconSlot",
2581
+ "SwitchBase",
2582
+ "Box",
2583
+ "SpringMotionConfig",
2584
+ "MotionBox",
2585
+ "SwitchProps",
2586
+ "SwitchStaticHandle"
2587
+ ],
2588
+ "internalComponentProps": { "IconSlot": { "data-testid": ["on-icon", "off-icon"] } },
2589
+ "propToVariantKeys": {
2590
+ "size": ["switchSizeHandle", "switchSizeHandleIcon"],
2591
+ "reduceMotion": ["reducedMotion"]
2592
+ },
2593
+ "runtimeConfigDefaultProps": {},
2594
+ "runtimeConfigGetStyles": {},
2595
+ "runtimeConfigInternalComponentProps": {},
2596
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2597
+ },
2598
2598
  ChipBase: {
2599
2599
  "name": "ChipBase",
2600
2600
  "defaultProps": {
@@ -1207,50 +1207,6 @@ var componentData_default = {
1207
1207
  "runtimeConfigInternalComponentProps": {},
1208
1208
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1209
1209
  },
1210
- UDSConfigProvider: {
1211
- "name": "UDSConfigProvider",
1212
- "defaultProps": {},
1213
- "getStylesLiterals": {},
1214
- "cxLiterals": [],
1215
- "internalComponents": [
1216
- "UDSBreakpointsConfigProvider",
1217
- "UDSAvatarConfigProvider",
1218
- "UDSBadgeConfigProvider",
1219
- "UDSBottomSheetConfigProvider",
1220
- "UDSButtonConfigProvider",
1221
- "UDSChipConfigProvider",
1222
- "UDSIconButtonConfigProvider",
1223
- "UDSInputConfigProvider",
1224
- "UDSMenuItemConfigProvider",
1225
- "UDSPaddleNavConfigProvider",
1226
- "UDSPaginationConfigProvider",
1227
- "UDSSelectItemConfigProvider",
1228
- "UDSTabConfigProvider",
1229
- "UDSToastConfigProvider",
1230
- "UDSTooltipConfigProvider",
1231
- "UDSPopoverConfigProvider",
1232
- "UDSModalConfigProvider"
1233
- ],
1234
- "internalComponentProps": {},
1235
- "propToVariantKeys": {},
1236
- "runtimeConfigDefaultProps": {},
1237
- "runtimeConfigGetStyles": {},
1238
- "runtimeConfigInternalComponentProps": {},
1239
- "motionVarPrefixes": []
1240
- },
1241
- UDSBreakpointsConfigProvider: {
1242
- "name": "UDSBreakpointsConfigProvider",
1243
- "defaultProps": {},
1244
- "getStylesLiterals": {},
1245
- "cxLiterals": [],
1246
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1247
- "internalComponentProps": {},
1248
- "propToVariantKeys": {},
1249
- "runtimeConfigDefaultProps": {},
1250
- "runtimeConfigGetStyles": {},
1251
- "runtimeConfigInternalComponentProps": {},
1252
- "motionVarPrefixes": []
1253
- },
1254
1210
  "Menu.Trigger": {
1255
1211
  "name": "Menu.Trigger",
1256
1212
  "defaultProps": {},
@@ -1485,6 +1441,50 @@ var componentData_default = {
1485
1441
  "runtimeConfigInternalComponentProps": {},
1486
1442
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1487
1443
  },
1444
+ UDSConfigProvider: {
1445
+ "name": "UDSConfigProvider",
1446
+ "defaultProps": {},
1447
+ "getStylesLiterals": {},
1448
+ "cxLiterals": [],
1449
+ "internalComponents": [
1450
+ "UDSBreakpointsConfigProvider",
1451
+ "UDSAvatarConfigProvider",
1452
+ "UDSBadgeConfigProvider",
1453
+ "UDSBottomSheetConfigProvider",
1454
+ "UDSButtonConfigProvider",
1455
+ "UDSChipConfigProvider",
1456
+ "UDSIconButtonConfigProvider",
1457
+ "UDSInputConfigProvider",
1458
+ "UDSMenuItemConfigProvider",
1459
+ "UDSPaddleNavConfigProvider",
1460
+ "UDSPaginationConfigProvider",
1461
+ "UDSSelectItemConfigProvider",
1462
+ "UDSTabConfigProvider",
1463
+ "UDSToastConfigProvider",
1464
+ "UDSTooltipConfigProvider",
1465
+ "UDSPopoverConfigProvider",
1466
+ "UDSModalConfigProvider"
1467
+ ],
1468
+ "internalComponentProps": {},
1469
+ "propToVariantKeys": {},
1470
+ "runtimeConfigDefaultProps": {},
1471
+ "runtimeConfigGetStyles": {},
1472
+ "runtimeConfigInternalComponentProps": {},
1473
+ "motionVarPrefixes": []
1474
+ },
1475
+ UDSBreakpointsConfigProvider: {
1476
+ "name": "UDSBreakpointsConfigProvider",
1477
+ "defaultProps": {},
1478
+ "getStylesLiterals": {},
1479
+ "cxLiterals": [],
1480
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1481
+ "internalComponentProps": {},
1482
+ "propToVariantKeys": {},
1483
+ "runtimeConfigDefaultProps": {},
1484
+ "runtimeConfigGetStyles": {},
1485
+ "runtimeConfigInternalComponentProps": {},
1486
+ "motionVarPrefixes": []
1487
+ },
1488
1488
  PaginationNext: {
1489
1489
  "name": "PaginationNext",
1490
1490
  "defaultProps": { "label": "Next" },
@@ -2339,115 +2339,6 @@ var componentData_default = {
2339
2339
  "runtimeConfigInternalComponentProps": {},
2340
2340
  "motionVarPrefixes": []
2341
2341
  },
2342
- SwitchBase: {
2343
- "name": "SwitchBase",
2344
- "defaultProps": {
2345
- "labelPosition": "start",
2346
- "size": "md"
2347
- },
2348
- "getStylesLiterals": {
2349
- "switchVariantRoot": "default",
2350
- "switchVariantActiveRoot": "on",
2351
- "switchVariantActiveRoot:1": "off",
2352
- "display": "flex",
2353
- "flexDirection": "row",
2354
- "flexDirection:1": "row-reverse",
2355
- "alignItems": "center",
2356
- "switchVariantSwitch": "default",
2357
- "switchVariantActiveSwitch": "on",
2358
- "switchVariantActiveSwitch:1": "off",
2359
- "borderRadius": "full",
2360
- "position": "relative"
2361
- },
2362
- "cxLiterals": [
2363
- "group",
2364
- "cursor-pointer",
2365
- "cursor-default",
2366
- "opacity-50",
2367
- "uds-ring",
2368
- "uds-ring-within",
2369
- "transition-[background-color,box-shadow]",
2370
- "cursor-[inherit]",
2371
- "absolute",
2372
- "opacity-0",
2373
- "top-[-1px]",
2374
- "left-[-1px]",
2375
- "w-[calc(100%+2px)]",
2376
- "h-[calc(100%+2px)]",
2377
- "text-start",
2378
- "text-end",
2379
- "translate-x-[1.25rem]",
2380
- "rtl:translate-x-[-1.25rem]",
2381
- "translate-x-[0.75rem]",
2382
- "rtl:translate-x-[-0.75rem]"
2383
- ],
2384
- "internalComponents": [
2385
- "FormLabel",
2386
- "RootElement",
2387
- "Box"
2388
- ],
2389
- "internalComponentProps": {
2390
- "FormLabel": {
2391
- "as": ["div"],
2392
- "variant": ["inherit"],
2393
- "color": ["inherit"]
2394
- },
2395
- "RootElement": { "data-testid": ["container"] }
2396
- },
2397
- "propToVariantKeys": { "size": ["switchSizeRoot", "switchSizeSwitch"] },
2398
- "runtimeConfigDefaultProps": {},
2399
- "runtimeConfigGetStyles": {},
2400
- "runtimeConfigInternalComponentProps": {},
2401
- "motionVarPrefixes": []
2402
- },
2403
- Switch: {
2404
- "name": "Switch",
2405
- "defaultProps": {},
2406
- "getStylesLiterals": {
2407
- "switchVariantActiveHandle": "on",
2408
- "switchVariantActiveHandle:1": "off",
2409
- "switchVariantHandle": "default",
2410
- "switchVariantHandleIcon": "default",
2411
- "switchVariantActiveHandleIcon": "on",
2412
- "switchVariantActiveHandleIcon:1": "off"
2413
- },
2414
- "cxLiterals": [
2415
- "relative",
2416
- "pointer-events-none",
2417
- "uds-border-radius-full",
2418
- "overflow-hidden",
2419
- "absolute",
2420
- "top-0",
2421
- "left-0",
2422
- "right-0",
2423
- "bottom-0",
2424
- "opacity-95",
2425
- "group-hover:opacity-100",
2426
- "transition-[background-color,box-shadow,opacity]",
2427
- "opacity-0",
2428
- "m-auto",
2429
- "transition-opacity",
2430
- "opacity-100"
2431
- ],
2432
- "internalComponents": [
2433
- "IconSlot",
2434
- "SwitchBase",
2435
- "Box",
2436
- "SpringMotionConfig",
2437
- "MotionBox",
2438
- "SwitchProps",
2439
- "SwitchStaticHandle"
2440
- ],
2441
- "internalComponentProps": { "IconSlot": { "data-testid": ["on-icon", "off-icon"] } },
2442
- "propToVariantKeys": {
2443
- "size": ["switchSizeHandle", "switchSizeHandleIcon"],
2444
- "reduceMotion": ["reducedMotion"]
2445
- },
2446
- "runtimeConfigDefaultProps": {},
2447
- "runtimeConfigGetStyles": {},
2448
- "runtimeConfigInternalComponentProps": {},
2449
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2450
- },
2451
2342
  InputHelpTextInternal: {
2452
2343
  "name": "InputHelpTextInternal",
2453
2344
  "defaultProps": {},
@@ -2595,6 +2486,115 @@ var componentData_default = {
2595
2486
  "runtimeConfigInternalComponentProps": {},
2596
2487
  "motionVarPrefixes": []
2597
2488
  },
2489
+ SwitchBase: {
2490
+ "name": "SwitchBase",
2491
+ "defaultProps": {
2492
+ "labelPosition": "start",
2493
+ "size": "md"
2494
+ },
2495
+ "getStylesLiterals": {
2496
+ "switchVariantRoot": "default",
2497
+ "switchVariantActiveRoot": "on",
2498
+ "switchVariantActiveRoot:1": "off",
2499
+ "display": "flex",
2500
+ "flexDirection": "row",
2501
+ "flexDirection:1": "row-reverse",
2502
+ "alignItems": "center",
2503
+ "switchVariantSwitch": "default",
2504
+ "switchVariantActiveSwitch": "on",
2505
+ "switchVariantActiveSwitch:1": "off",
2506
+ "borderRadius": "full",
2507
+ "position": "relative"
2508
+ },
2509
+ "cxLiterals": [
2510
+ "group",
2511
+ "cursor-pointer",
2512
+ "cursor-default",
2513
+ "opacity-50",
2514
+ "uds-ring",
2515
+ "uds-ring-within",
2516
+ "transition-[background-color,box-shadow]",
2517
+ "cursor-[inherit]",
2518
+ "absolute",
2519
+ "opacity-0",
2520
+ "top-[-1px]",
2521
+ "left-[-1px]",
2522
+ "w-[calc(100%+2px)]",
2523
+ "h-[calc(100%+2px)]",
2524
+ "text-start",
2525
+ "text-end",
2526
+ "translate-x-[1.25rem]",
2527
+ "rtl:translate-x-[-1.25rem]",
2528
+ "translate-x-[0.75rem]",
2529
+ "rtl:translate-x-[-0.75rem]"
2530
+ ],
2531
+ "internalComponents": [
2532
+ "FormLabel",
2533
+ "RootElement",
2534
+ "Box"
2535
+ ],
2536
+ "internalComponentProps": {
2537
+ "FormLabel": {
2538
+ "as": ["div"],
2539
+ "variant": ["inherit"],
2540
+ "color": ["inherit"]
2541
+ },
2542
+ "RootElement": { "data-testid": ["container"] }
2543
+ },
2544
+ "propToVariantKeys": { "size": ["switchSizeRoot", "switchSizeSwitch"] },
2545
+ "runtimeConfigDefaultProps": {},
2546
+ "runtimeConfigGetStyles": {},
2547
+ "runtimeConfigInternalComponentProps": {},
2548
+ "motionVarPrefixes": []
2549
+ },
2550
+ Switch: {
2551
+ "name": "Switch",
2552
+ "defaultProps": {},
2553
+ "getStylesLiterals": {
2554
+ "switchVariantActiveHandle": "on",
2555
+ "switchVariantActiveHandle:1": "off",
2556
+ "switchVariantHandle": "default",
2557
+ "switchVariantHandleIcon": "default",
2558
+ "switchVariantActiveHandleIcon": "on",
2559
+ "switchVariantActiveHandleIcon:1": "off"
2560
+ },
2561
+ "cxLiterals": [
2562
+ "relative",
2563
+ "pointer-events-none",
2564
+ "uds-border-radius-full",
2565
+ "overflow-hidden",
2566
+ "absolute",
2567
+ "top-0",
2568
+ "left-0",
2569
+ "right-0",
2570
+ "bottom-0",
2571
+ "opacity-95",
2572
+ "group-hover:opacity-100",
2573
+ "transition-[background-color,box-shadow,opacity]",
2574
+ "opacity-0",
2575
+ "m-auto",
2576
+ "transition-opacity",
2577
+ "opacity-100"
2578
+ ],
2579
+ "internalComponents": [
2580
+ "IconSlot",
2581
+ "SwitchBase",
2582
+ "Box",
2583
+ "SpringMotionConfig",
2584
+ "MotionBox",
2585
+ "SwitchProps",
2586
+ "SwitchStaticHandle"
2587
+ ],
2588
+ "internalComponentProps": { "IconSlot": { "data-testid": ["on-icon", "off-icon"] } },
2589
+ "propToVariantKeys": {
2590
+ "size": ["switchSizeHandle", "switchSizeHandleIcon"],
2591
+ "reduceMotion": ["reducedMotion"]
2592
+ },
2593
+ "runtimeConfigDefaultProps": {},
2594
+ "runtimeConfigGetStyles": {},
2595
+ "runtimeConfigInternalComponentProps": {},
2596
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2597
+ },
2598
2598
  ChipBase: {
2599
2599
  "name": "ChipBase",
2600
2600
  "defaultProps": {
@@ -1643,52 +1643,6 @@
1643
1643
  "--uds-motion-smooth-3-"
1644
1644
  ]
1645
1645
  },
1646
- "UDSConfigProvider": {
1647
- "name": "UDSConfigProvider",
1648
- "defaultProps": {},
1649
- "getStylesLiterals": {},
1650
- "cxLiterals": [],
1651
- "internalComponents": [
1652
- "UDSBreakpointsConfigProvider",
1653
- "UDSAvatarConfigProvider",
1654
- "UDSBadgeConfigProvider",
1655
- "UDSBottomSheetConfigProvider",
1656
- "UDSButtonConfigProvider",
1657
- "UDSChipConfigProvider",
1658
- "UDSIconButtonConfigProvider",
1659
- "UDSInputConfigProvider",
1660
- "UDSMenuItemConfigProvider",
1661
- "UDSPaddleNavConfigProvider",
1662
- "UDSPaginationConfigProvider",
1663
- "UDSSelectItemConfigProvider",
1664
- "UDSTabConfigProvider",
1665
- "UDSToastConfigProvider",
1666
- "UDSTooltipConfigProvider",
1667
- "UDSPopoverConfigProvider",
1668
- "UDSModalConfigProvider"
1669
- ],
1670
- "internalComponentProps": {},
1671
- "propToVariantKeys": {},
1672
- "runtimeConfigDefaultProps": {},
1673
- "runtimeConfigGetStyles": {},
1674
- "runtimeConfigInternalComponentProps": {},
1675
- "motionVarPrefixes": []
1676
- },
1677
- "UDSBreakpointsConfigProvider": {
1678
- "name": "UDSBreakpointsConfigProvider",
1679
- "defaultProps": {},
1680
- "getStylesLiterals": {},
1681
- "cxLiterals": [],
1682
- "internalComponents": [
1683
- "UDSBreakpointsConfigContext.Provider"
1684
- ],
1685
- "internalComponentProps": {},
1686
- "propToVariantKeys": {},
1687
- "runtimeConfigDefaultProps": {},
1688
- "runtimeConfigGetStyles": {},
1689
- "runtimeConfigInternalComponentProps": {},
1690
- "motionVarPrefixes": []
1691
- },
1692
1646
  "Menu.Trigger": {
1693
1647
  "name": "Menu.Trigger",
1694
1648
  "defaultProps": {},
@@ -1980,6 +1934,52 @@
1980
1934
  "--uds-motion-smooth-3-"
1981
1935
  ]
1982
1936
  },
1937
+ "UDSConfigProvider": {
1938
+ "name": "UDSConfigProvider",
1939
+ "defaultProps": {},
1940
+ "getStylesLiterals": {},
1941
+ "cxLiterals": [],
1942
+ "internalComponents": [
1943
+ "UDSBreakpointsConfigProvider",
1944
+ "UDSAvatarConfigProvider",
1945
+ "UDSBadgeConfigProvider",
1946
+ "UDSBottomSheetConfigProvider",
1947
+ "UDSButtonConfigProvider",
1948
+ "UDSChipConfigProvider",
1949
+ "UDSIconButtonConfigProvider",
1950
+ "UDSInputConfigProvider",
1951
+ "UDSMenuItemConfigProvider",
1952
+ "UDSPaddleNavConfigProvider",
1953
+ "UDSPaginationConfigProvider",
1954
+ "UDSSelectItemConfigProvider",
1955
+ "UDSTabConfigProvider",
1956
+ "UDSToastConfigProvider",
1957
+ "UDSTooltipConfigProvider",
1958
+ "UDSPopoverConfigProvider",
1959
+ "UDSModalConfigProvider"
1960
+ ],
1961
+ "internalComponentProps": {},
1962
+ "propToVariantKeys": {},
1963
+ "runtimeConfigDefaultProps": {},
1964
+ "runtimeConfigGetStyles": {},
1965
+ "runtimeConfigInternalComponentProps": {},
1966
+ "motionVarPrefixes": []
1967
+ },
1968
+ "UDSBreakpointsConfigProvider": {
1969
+ "name": "UDSBreakpointsConfigProvider",
1970
+ "defaultProps": {},
1971
+ "getStylesLiterals": {},
1972
+ "cxLiterals": [],
1973
+ "internalComponents": [
1974
+ "UDSBreakpointsConfigContext.Provider"
1975
+ ],
1976
+ "internalComponentProps": {},
1977
+ "propToVariantKeys": {},
1978
+ "runtimeConfigDefaultProps": {},
1979
+ "runtimeConfigGetStyles": {},
1980
+ "runtimeConfigInternalComponentProps": {},
1981
+ "motionVarPrefixes": []
1982
+ },
1983
1983
  "PaginationNext": {
1984
1984
  "name": "PaginationNext",
1985
1985
  "defaultProps": {
@@ -3111,145 +3111,6 @@
3111
3111
  "runtimeConfigInternalComponentProps": {},
3112
3112
  "motionVarPrefixes": []
3113
3113
  },
3114
- "SwitchBase": {
3115
- "name": "SwitchBase",
3116
- "defaultProps": {
3117
- "labelPosition": "start",
3118
- "size": "md"
3119
- },
3120
- "getStylesLiterals": {
3121
- "switchVariantRoot": "default",
3122
- "switchVariantActiveRoot": "on",
3123
- "switchVariantActiveRoot:1": "off",
3124
- "display": "flex",
3125
- "flexDirection": "row",
3126
- "flexDirection:1": "row-reverse",
3127
- "alignItems": "center",
3128
- "switchVariantSwitch": "default",
3129
- "switchVariantActiveSwitch": "on",
3130
- "switchVariantActiveSwitch:1": "off",
3131
- "borderRadius": "full",
3132
- "position": "relative"
3133
- },
3134
- "cxLiterals": [
3135
- "group",
3136
- "cursor-pointer",
3137
- "cursor-default",
3138
- "opacity-50",
3139
- "uds-ring",
3140
- "uds-ring-within",
3141
- "transition-[background-color,box-shadow]",
3142
- "cursor-[inherit]",
3143
- "absolute",
3144
- "opacity-0",
3145
- "top-[-1px]",
3146
- "left-[-1px]",
3147
- "w-[calc(100%+2px)]",
3148
- "h-[calc(100%+2px)]",
3149
- "text-start",
3150
- "text-end",
3151
- "translate-x-[1.25rem]",
3152
- "rtl:translate-x-[-1.25rem]",
3153
- "translate-x-[0.75rem]",
3154
- "rtl:translate-x-[-0.75rem]"
3155
- ],
3156
- "internalComponents": [
3157
- "FormLabel",
3158
- "RootElement",
3159
- "Box"
3160
- ],
3161
- "internalComponentProps": {
3162
- "FormLabel": {
3163
- "as": [
3164
- "div"
3165
- ],
3166
- "variant": [
3167
- "inherit"
3168
- ],
3169
- "color": [
3170
- "inherit"
3171
- ]
3172
- },
3173
- "RootElement": {
3174
- "data-testid": [
3175
- "container"
3176
- ]
3177
- }
3178
- },
3179
- "propToVariantKeys": {
3180
- "size": [
3181
- "switchSizeRoot",
3182
- "switchSizeSwitch"
3183
- ]
3184
- },
3185
- "runtimeConfigDefaultProps": {},
3186
- "runtimeConfigGetStyles": {},
3187
- "runtimeConfigInternalComponentProps": {},
3188
- "motionVarPrefixes": []
3189
- },
3190
- "Switch": {
3191
- "name": "Switch",
3192
- "defaultProps": {},
3193
- "getStylesLiterals": {
3194
- "switchVariantActiveHandle": "on",
3195
- "switchVariantActiveHandle:1": "off",
3196
- "switchVariantHandle": "default",
3197
- "switchVariantHandleIcon": "default",
3198
- "switchVariantActiveHandleIcon": "on",
3199
- "switchVariantActiveHandleIcon:1": "off"
3200
- },
3201
- "cxLiterals": [
3202
- "relative",
3203
- "pointer-events-none",
3204
- "uds-border-radius-full",
3205
- "overflow-hidden",
3206
- "absolute",
3207
- "top-0",
3208
- "left-0",
3209
- "right-0",
3210
- "bottom-0",
3211
- "opacity-95",
3212
- "group-hover:opacity-100",
3213
- "transition-[background-color,box-shadow,opacity]",
3214
- "opacity-0",
3215
- "m-auto",
3216
- "transition-opacity",
3217
- "opacity-100"
3218
- ],
3219
- "internalComponents": [
3220
- "IconSlot",
3221
- "SwitchBase",
3222
- "Box",
3223
- "SpringMotionConfig",
3224
- "MotionBox",
3225
- "SwitchProps",
3226
- "SwitchStaticHandle"
3227
- ],
3228
- "internalComponentProps": {
3229
- "IconSlot": {
3230
- "data-testid": [
3231
- "on-icon",
3232
- "off-icon"
3233
- ]
3234
- }
3235
- },
3236
- "propToVariantKeys": {
3237
- "size": [
3238
- "switchSizeHandle",
3239
- "switchSizeHandleIcon"
3240
- ],
3241
- "reduceMotion": [
3242
- "reducedMotion"
3243
- ]
3244
- },
3245
- "runtimeConfigDefaultProps": {},
3246
- "runtimeConfigGetStyles": {},
3247
- "runtimeConfigInternalComponentProps": {},
3248
- "motionVarPrefixes": [
3249
- "--uds-motion-bouncy-4-",
3250
- "--uds-motion-smooth-3-"
3251
- ]
3252
- },
3253
3114
  "InputHelpTextInternal": {
3254
3115
  "name": "InputHelpTextInternal",
3255
3116
  "defaultProps": {},
@@ -3457,6 +3318,145 @@
3457
3318
  "runtimeConfigInternalComponentProps": {},
3458
3319
  "motionVarPrefixes": []
3459
3320
  },
3321
+ "SwitchBase": {
3322
+ "name": "SwitchBase",
3323
+ "defaultProps": {
3324
+ "labelPosition": "start",
3325
+ "size": "md"
3326
+ },
3327
+ "getStylesLiterals": {
3328
+ "switchVariantRoot": "default",
3329
+ "switchVariantActiveRoot": "on",
3330
+ "switchVariantActiveRoot:1": "off",
3331
+ "display": "flex",
3332
+ "flexDirection": "row",
3333
+ "flexDirection:1": "row-reverse",
3334
+ "alignItems": "center",
3335
+ "switchVariantSwitch": "default",
3336
+ "switchVariantActiveSwitch": "on",
3337
+ "switchVariantActiveSwitch:1": "off",
3338
+ "borderRadius": "full",
3339
+ "position": "relative"
3340
+ },
3341
+ "cxLiterals": [
3342
+ "group",
3343
+ "cursor-pointer",
3344
+ "cursor-default",
3345
+ "opacity-50",
3346
+ "uds-ring",
3347
+ "uds-ring-within",
3348
+ "transition-[background-color,box-shadow]",
3349
+ "cursor-[inherit]",
3350
+ "absolute",
3351
+ "opacity-0",
3352
+ "top-[-1px]",
3353
+ "left-[-1px]",
3354
+ "w-[calc(100%+2px)]",
3355
+ "h-[calc(100%+2px)]",
3356
+ "text-start",
3357
+ "text-end",
3358
+ "translate-x-[1.25rem]",
3359
+ "rtl:translate-x-[-1.25rem]",
3360
+ "translate-x-[0.75rem]",
3361
+ "rtl:translate-x-[-0.75rem]"
3362
+ ],
3363
+ "internalComponents": [
3364
+ "FormLabel",
3365
+ "RootElement",
3366
+ "Box"
3367
+ ],
3368
+ "internalComponentProps": {
3369
+ "FormLabel": {
3370
+ "as": [
3371
+ "div"
3372
+ ],
3373
+ "variant": [
3374
+ "inherit"
3375
+ ],
3376
+ "color": [
3377
+ "inherit"
3378
+ ]
3379
+ },
3380
+ "RootElement": {
3381
+ "data-testid": [
3382
+ "container"
3383
+ ]
3384
+ }
3385
+ },
3386
+ "propToVariantKeys": {
3387
+ "size": [
3388
+ "switchSizeRoot",
3389
+ "switchSizeSwitch"
3390
+ ]
3391
+ },
3392
+ "runtimeConfigDefaultProps": {},
3393
+ "runtimeConfigGetStyles": {},
3394
+ "runtimeConfigInternalComponentProps": {},
3395
+ "motionVarPrefixes": []
3396
+ },
3397
+ "Switch": {
3398
+ "name": "Switch",
3399
+ "defaultProps": {},
3400
+ "getStylesLiterals": {
3401
+ "switchVariantActiveHandle": "on",
3402
+ "switchVariantActiveHandle:1": "off",
3403
+ "switchVariantHandle": "default",
3404
+ "switchVariantHandleIcon": "default",
3405
+ "switchVariantActiveHandleIcon": "on",
3406
+ "switchVariantActiveHandleIcon:1": "off"
3407
+ },
3408
+ "cxLiterals": [
3409
+ "relative",
3410
+ "pointer-events-none",
3411
+ "uds-border-radius-full",
3412
+ "overflow-hidden",
3413
+ "absolute",
3414
+ "top-0",
3415
+ "left-0",
3416
+ "right-0",
3417
+ "bottom-0",
3418
+ "opacity-95",
3419
+ "group-hover:opacity-100",
3420
+ "transition-[background-color,box-shadow,opacity]",
3421
+ "opacity-0",
3422
+ "m-auto",
3423
+ "transition-opacity",
3424
+ "opacity-100"
3425
+ ],
3426
+ "internalComponents": [
3427
+ "IconSlot",
3428
+ "SwitchBase",
3429
+ "Box",
3430
+ "SpringMotionConfig",
3431
+ "MotionBox",
3432
+ "SwitchProps",
3433
+ "SwitchStaticHandle"
3434
+ ],
3435
+ "internalComponentProps": {
3436
+ "IconSlot": {
3437
+ "data-testid": [
3438
+ "on-icon",
3439
+ "off-icon"
3440
+ ]
3441
+ }
3442
+ },
3443
+ "propToVariantKeys": {
3444
+ "size": [
3445
+ "switchSizeHandle",
3446
+ "switchSizeHandleIcon"
3447
+ ],
3448
+ "reduceMotion": [
3449
+ "reducedMotion"
3450
+ ]
3451
+ },
3452
+ "runtimeConfigDefaultProps": {},
3453
+ "runtimeConfigGetStyles": {},
3454
+ "runtimeConfigInternalComponentProps": {},
3455
+ "motionVarPrefixes": [
3456
+ "--uds-motion-bouncy-4-",
3457
+ "--uds-motion-smooth-3-"
3458
+ ]
3459
+ },
3460
3460
  "ChipBase": {
3461
3461
  "name": "ChipBase",
3462
3462
  "defaultProps": {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@yahoo/uds",
3
3
  "description": "Yahoo Universal System",
4
- "version": "3.172.0",
4
+ "version": "3.172.1",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
7
7
  "module": "./dist/index.js",