@yahoo/uds 3.113.0 → 3.114.0-beta.2

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 (104) hide show
  1. package/dist/automated-config/dist/mapTextVariantFixtureToValue.cjs +12 -1
  2. package/dist/automated-config/dist/mapTextVariantFixtureToValue.js +12 -1
  3. package/dist/automated-config/dist/properties.cjs +1 -1
  4. package/dist/automated-config/dist/properties.js +1 -1
  5. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  6. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  7. package/dist/cli/commands/sync.cjs +1 -3
  8. package/dist/cli/commands/sync.d.cts +1 -1
  9. package/dist/cli/commands/sync.d.ts +1 -1
  10. package/dist/cli/commands/sync.js +1 -3
  11. package/dist/cli/commands/version.cjs +0 -2
  12. package/dist/cli/commands/version.d.cts +1 -1
  13. package/dist/cli/commands/version.d.ts +1 -1
  14. package/dist/cli/commands/version.js +0 -2
  15. package/dist/cli/dist/cli.cjs +1 -1
  16. package/dist/cli/dist/cli.js +1 -1
  17. package/dist/cli/dist/commands/editor-rules.cjs +2 -2
  18. package/dist/cli/dist/commands/editor-rules.js +2 -2
  19. package/dist/cli/dist/lib/logger.cjs +66 -0
  20. package/dist/cli/dist/lib/logger.js +66 -0
  21. package/dist/cli/dist/utils/rules/config.cjs +1 -1
  22. package/dist/cli/dist/utils/rules/config.js +1 -1
  23. package/dist/cli/runner.cjs +11 -2
  24. package/dist/cli/runner.js +11 -2
  25. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  26. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  27. package/dist/index.cjs +2 -0
  28. package/dist/index.d.cts +3 -1
  29. package/dist/index.d.ts +3 -1
  30. package/dist/index.js +2 -1
  31. package/dist/styles/styler.d.cts +41 -41
  32. package/dist/styles/styler.d.ts +41 -41
  33. package/dist/styles/variants.cjs +278 -278
  34. package/dist/styles/variants.js +278 -278
  35. package/dist/tailwind/dist/commands/css.cjs +79 -0
  36. package/dist/tailwind/dist/commands/css.d.ts +3 -0
  37. package/dist/tailwind/dist/commands/css.helpers.cjs +32 -0
  38. package/dist/tailwind/dist/commands/css.helpers.js +28 -0
  39. package/dist/tailwind/dist/commands/css.js +79 -0
  40. package/dist/tailwind/dist/commands/generateComponentData.cjs +33 -31
  41. package/dist/tailwind/dist/commands/generateComponentData.d.ts +1 -1
  42. package/dist/tailwind/dist/commands/generateComponentData.js +33 -31
  43. package/dist/tailwind/dist/commands/generatePurgeCSSData.d.ts +1 -1
  44. package/dist/tailwind/dist/commands/purge.cjs +3 -4
  45. package/dist/tailwind/dist/commands/purge.d.ts +1 -1
  46. package/dist/tailwind/dist/commands/purge.js +3 -4
  47. package/dist/tailwind/dist/css/generate.cjs +120 -0
  48. package/dist/tailwind/dist/css/generate.d.cts +30 -0
  49. package/dist/tailwind/dist/css/generate.d.ts +31 -0
  50. package/dist/tailwind/dist/css/generate.helpers.cjs +112 -0
  51. package/dist/tailwind/dist/css/generate.helpers.js +100 -0
  52. package/dist/tailwind/dist/css/generate.js +115 -0
  53. package/dist/tailwind/dist/css/postcss.cjs +35 -0
  54. package/dist/tailwind/dist/css/postcss.helpers.cjs +27 -0
  55. package/dist/tailwind/dist/css/postcss.helpers.js +26 -0
  56. package/dist/tailwind/dist/css/postcss.js +35 -0
  57. package/dist/tailwind/dist/css/runner.cjs +278 -0
  58. package/dist/tailwind/dist/css/runner.helpers.cjs +26 -0
  59. package/dist/tailwind/dist/css/runner.helpers.js +23 -0
  60. package/dist/tailwind/dist/css/runner.js +275 -0
  61. package/dist/tailwind/dist/css/theme.cjs +12 -0
  62. package/dist/tailwind/dist/css/theme.d.cts +66 -0
  63. package/dist/tailwind/dist/css/theme.d.ts +66 -0
  64. package/dist/tailwind/dist/css/theme.js +11 -0
  65. package/dist/tailwind/dist/css/utils.cjs +234 -0
  66. package/dist/tailwind/dist/css/utils.js +223 -0
  67. package/dist/tailwind/dist/index.d.cts +1 -0
  68. package/dist/tailwind/dist/index.d.ts +5 -3
  69. package/dist/tailwind/dist/purger/legacy/purgeCSS.cjs +4 -3
  70. package/dist/tailwind/dist/purger/legacy/purgeCSS.js +4 -3
  71. package/dist/tailwind/dist/purger/optimized/ast/expressions.cjs +122 -125
  72. package/dist/tailwind/dist/purger/optimized/ast/expressions.js +122 -125
  73. package/dist/tailwind/dist/purger/optimized/ast/jsx.cjs +1 -8
  74. package/dist/tailwind/dist/purger/optimized/ast/jsx.js +1 -8
  75. package/dist/tailwind/dist/purger/optimized/purge.cjs +11 -10
  76. package/dist/tailwind/dist/purger/optimized/purge.js +10 -9
  77. package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs +232 -127
  78. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js +232 -127
  79. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +330 -262
  80. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +329 -262
  81. package/dist/tailwind/dist/purger/optimized/utils/files.cjs +4 -3
  82. package/dist/tailwind/dist/purger/optimized/utils/files.js +4 -3
  83. package/dist/tailwind/dist/purger/optimized/utils/safelist.cjs +13 -21
  84. package/dist/tailwind/dist/purger/optimized/utils/safelist.js +13 -21
  85. package/dist/tailwind/dist/tailwind/plugins/typography.cjs +41 -13
  86. package/dist/tailwind/dist/tailwind/plugins/typography.js +41 -13
  87. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.cjs +4 -2
  88. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.d.cts +10 -1
  89. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.d.ts +10 -1
  90. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.js +4 -2
  91. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
  92. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
  93. package/dist/tailwind/dist/utils/optimizeCSS.cjs +405 -0
  94. package/dist/tailwind/dist/utils/optimizeCSS.js +403 -0
  95. package/dist/tailwind/dist/utils/postcssPreserveVars.cjs +67 -0
  96. package/dist/tailwind/dist/utils/postcssPreserveVars.js +65 -0
  97. package/dist/tailwind/dist/utils/tsMorph.cjs +1 -1
  98. package/dist/uds/generated/componentData.cjs +943 -928
  99. package/dist/uds/generated/componentData.js +943 -928
  100. package/dist/uds/package.cjs +10 -4
  101. package/dist/uds/package.js +10 -4
  102. package/generated/componentData.json +2397 -0
  103. package/generated/tailwindPurge.ts +4560 -0
  104. package/package.json +7 -4
@@ -145,6 +145,114 @@ var Image = {
145
145
  "propToVariantKeys": {},
146
146
  "motionVarPrefixes": []
147
147
  };
148
+ var Table_mocks = {
149
+ "name": "Table.mocks",
150
+ "defaultProps": {},
151
+ "getStylesLiterals": {},
152
+ "cxLiterals": [],
153
+ "internalComponents": [],
154
+ "internalComponentProps": {},
155
+ "propToVariantKeys": {},
156
+ "motionVarPrefixes": []
157
+ };
158
+ var Table = {
159
+ "name": "Table",
160
+ "defaultProps": {
161
+ "display": "table-cell",
162
+ "overflow": "hidden",
163
+ "borderColor": "muted",
164
+ "borderRadius": "md",
165
+ "spacing": "3",
166
+ "borderBottomColor": "muted",
167
+ "borderBottomWidth": "thin",
168
+ "color": "primary"
169
+ },
170
+ "getStylesLiterals": { "textAlign": "start" },
171
+ "cxLiterals": [],
172
+ "internalComponents": [
173
+ "CellComponent",
174
+ "Box",
175
+ "Text",
176
+ "Table.Root",
177
+ "Table.Header",
178
+ "Table.Row",
179
+ "Table.Cell",
180
+ "Table.Body"
181
+ ],
182
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
183
+ "propToVariantKeys": {},
184
+ "motionVarPrefixes": []
185
+ };
186
+ var Spinner = {
187
+ "name": "Spinner",
188
+ "defaultProps": {
189
+ "color": "primary",
190
+ "size": "lg"
191
+ },
192
+ "getStylesLiterals": {},
193
+ "cxLiterals": ["self-center", "relative"],
194
+ "internalComponents": ["Icon"],
195
+ "internalComponentProps": { "Icon": {
196
+ "role": ["img"],
197
+ "className": ["animate-spin"],
198
+ "aria-hidden": ["true"]
199
+ } },
200
+ "propToVariantKeys": {},
201
+ "motionVarPrefixes": []
202
+ };
203
+ var DividerCore = {
204
+ "name": "DividerCore",
205
+ "defaultProps": { "contentPosition": "center" },
206
+ "getStylesLiterals": {},
207
+ "cxLiterals": [],
208
+ "internalComponents": [
209
+ "Box",
210
+ "Line",
211
+ "InternalComponent",
212
+ "Text"
213
+ ],
214
+ "internalComponentProps": {
215
+ "Box": {
216
+ "flex": ["1", "none"],
217
+ "display": ["flex"]
218
+ },
219
+ "InternalComponent": {
220
+ "flex": ["1"],
221
+ "alignItems": ["center"]
222
+ },
223
+ "Text": {
224
+ "as": ["span"],
225
+ "color": ["inherit"],
226
+ "variant": ["inherit"]
227
+ }
228
+ },
229
+ "propToVariantKeys": {},
230
+ "motionVarPrefixes": []
231
+ };
232
+ var DividerInternal = {
233
+ "name": "DividerInternal",
234
+ "defaultProps": { "variant": "primary" },
235
+ "getStylesLiterals": {},
236
+ "cxLiterals": ["inherit"],
237
+ "internalComponents": ["DividerCore"],
238
+ "internalComponentProps": {},
239
+ "propToVariantKeys": { "variant": [
240
+ "dividerVariantRoot",
241
+ "dividerVariantLabel",
242
+ "dividerVariantLine"
243
+ ] },
244
+ "motionVarPrefixes": []
245
+ };
246
+ var Divider = {
247
+ "name": "Divider",
248
+ "defaultProps": {},
249
+ "getStylesLiterals": {},
250
+ "cxLiterals": [],
251
+ "internalComponents": ["DividerInternal"],
252
+ "internalComponentProps": {},
253
+ "propToVariantKeys": {},
254
+ "motionVarPrefixes": []
255
+ };
148
256
  var Button = {
149
257
  "name": "Button",
150
258
  "defaultProps": { "type": "button" },
@@ -453,508 +561,496 @@ var Pressable = {
453
561
  "propToVariantKeys": {},
454
562
  "motionVarPrefixes": []
455
563
  };
456
- var Menu_Item = {
457
- "name": "Menu.Item",
458
- "defaultProps": {},
459
- "getStylesLiterals": {
460
- "menuitemItemVariantRoot": "default",
461
- "menuitemItemVariantActiveRoot": "on",
462
- "menuitemItemVariantActiveRoot:1": "off",
463
- "menuitemItemVariantText": "default",
464
- "menuitemItemVariantActiveText": "on",
465
- "menuitemItemVariantActiveText:1": "off",
466
- "menuitemItemVariantIcon": "default",
467
- "menuitemItemVariantActiveIcon": "on",
468
- "menuitemItemVariantActiveIcon:1": "off"
564
+ var AvatarImage = {
565
+ "name": "AvatarImage",
566
+ "defaultProps": {
567
+ "size": "md",
568
+ "variant": "primary"
469
569
  },
470
- "cxLiterals": [],
471
- "internalComponents": ["MenuItemBase"],
570
+ "getStylesLiterals": {},
571
+ "cxLiterals": [
572
+ "overflow-hidden",
573
+ "w-full",
574
+ "h-full",
575
+ "shrink-0",
576
+ "text-center",
577
+ "inline-flex",
578
+ "justify-center",
579
+ "items-center",
580
+ "object-cover"
581
+ ],
582
+ "internalComponents": [
583
+ "UDSImage",
584
+ "AvatarText",
585
+ "AvatarIcon",
586
+ "Box"
587
+ ],
472
588
  "internalComponentProps": {},
589
+ "propToVariantKeys": {
590
+ "alt": ["name"],
591
+ "fallback": ["initials"]
592
+ },
593
+ "motionVarPrefixes": []
594
+ };
595
+ var AvatarText = {
596
+ "name": "AvatarText",
597
+ "defaultProps": {
598
+ "size": "md",
599
+ "variant": "primary"
600
+ },
601
+ "getStylesLiterals": {},
602
+ "cxLiterals": [
603
+ "overflow-hidden",
604
+ "truncate",
605
+ "w-full",
606
+ "h-full",
607
+ "shrink-0",
608
+ "text-center",
609
+ "inline-flex",
610
+ "justify-center",
611
+ "items-center"
612
+ ],
613
+ "internalComponents": ["Box", "Text"],
614
+ "internalComponentProps": { "Text": {
615
+ "color": ["inherit"],
616
+ "variant": ["inherit"]
617
+ } },
473
618
  "propToVariantKeys": {},
474
619
  "motionVarPrefixes": []
475
620
  };
476
- var Menu_Provider = {
477
- "name": "Menu.Provider",
621
+ var Avatar = {
622
+ "name": "Avatar",
478
623
  "defaultProps": {},
479
624
  "getStylesLiterals": {},
480
625
  "cxLiterals": [],
481
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
626
+ "internalComponents": ["AvatarImage"],
482
627
  "internalComponentProps": {},
483
628
  "propToVariantKeys": {},
484
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
629
+ "motionVarPrefixes": []
485
630
  };
486
- var Menu_ItemBase = {
487
- "name": "Menu.ItemBase",
631
+ var AvatarIcon = {
632
+ "name": "AvatarIcon",
488
633
  "defaultProps": {
489
- "spacing": "0",
490
- "spacingHorizontal": "4",
491
- "spacingVertical": "3.5",
492
- "columnGap": "2",
493
- "alignItems": "center",
494
- "justifyContent": "space-between"
495
- },
496
- "getStylesLiterals": {
497
- "textAlign": "start",
498
- "menuitemSizeRoot": "default",
499
- "flexDirection": "row",
500
- "menuitemSizeStartIcon": "default",
501
- "menuitemSizeEndIcon": "default"
634
+ "size": "md",
635
+ "variant": "primary"
502
636
  },
637
+ "getStylesLiterals": {},
503
638
  "cxLiterals": [
504
- "flex",
505
- "focus-visible:text-brand",
506
- "focus-visible:bg-brand-secondary",
507
- "focus-visible:z-10",
508
- "uds-ring",
509
- "!-outline-offset-2",
510
- "[&:not([aria-checked])]:cursor-default",
511
- "opacity-25",
512
- "cursor-not-allowed",
513
- "duration-20",
514
- "transition-[font-variation-settings]",
515
- "ease-in-out",
516
- "z-0"
517
- ],
518
- "internalComponents": [
519
- "Pressable",
520
- "IconSlot",
521
- "RootComponent",
522
- "HStack",
523
- "AnimatePresence"
639
+ "overflow-hidden",
640
+ "w-full",
641
+ "h-full",
642
+ "shrink-0",
643
+ "text-center",
644
+ "inline-flex",
645
+ "justify-center",
646
+ "items-center"
524
647
  ],
525
- "internalComponentProps": {
526
- "HStack": {
527
- "alignItems": ["center"],
528
- "width": ["full"]
529
- },
530
- "AnimatePresence": { "mode": ["popLayout"] }
531
- },
532
- "propToVariantKeys": {
533
- "startIcon": ["icon"],
534
- "endIcon": ["icon"],
535
- "columnGap": ["gap"]
536
- },
648
+ "internalComponents": ["IconSlot", "Box"],
649
+ "internalComponentProps": {},
650
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
537
651
  "motionVarPrefixes": []
538
652
  };
539
- var Menu_Trigger = {
540
- "name": "Menu.Trigger",
653
+ var AvoidMotionLibraryProvider = {
654
+ "name": "AvoidMotionLibraryProvider",
541
655
  "defaultProps": {},
542
656
  "getStylesLiterals": {},
543
- "cxLiterals": ["uds-menu-trigger"],
544
- "internalComponents": ["AriakitMenuTrigger", "Box"],
545
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
657
+ "cxLiterals": [],
658
+ "internalComponents": [],
659
+ "internalComponentProps": {},
546
660
  "propToVariantKeys": {},
547
661
  "motionVarPrefixes": []
548
662
  };
549
- var Menu_Content = {
550
- "name": "Menu.Content",
551
- "defaultProps": {
552
- "size": "default",
553
- "variant": "default",
554
- "gutter": "1"
663
+ var SegmentedControl = {
664
+ "name": "SegmentedControl",
665
+ "defaultProps": {},
666
+ "getStylesLiterals": {
667
+ "display": "flex",
668
+ "alignItems": "center",
669
+ "backgroundColor": "primary",
670
+ "spacingVertical": "1",
671
+ "spacingHorizontal": "3",
672
+ "columnGap": "1.5",
673
+ "borderWidth": "thin",
674
+ "borderRadius": "full",
675
+ "borderColor": "muted",
676
+ "borderColor:1": "transparent",
677
+ "color": "primary",
678
+ "color:1": "tertiary",
679
+ "color:2": "muted"
555
680
  },
556
- "getStylesLiterals": {},
557
681
  "cxLiterals": [
558
- "uds-menu-content",
559
- "transition-shadow",
560
- "duration-200",
561
- "ease-in-out",
562
- "min-w-60",
563
- "max-w-lg",
564
- "max-h-96",
565
- "overflow-auto",
566
682
  "uds-ring",
567
- "z-10",
568
- "group"
683
+ "cursor-not-allowed",
684
+ "opacity-50",
685
+ "pointer-events-none",
686
+ "hover:bg-primary"
569
687
  ],
570
688
  "internalComponents": [
571
- "AriakitMenu",
572
- "AnimatePresence",
573
- "MotionVStack"
689
+ "Radio",
690
+ "Icon",
691
+ "RadioProvider",
692
+ "HStack",
693
+ "RadioGroup",
694
+ "Pressable",
695
+ "Text"
574
696
  ],
575
- "internalComponentProps": {},
576
- "propToVariantKeys": {
577
- "size": ["menucontentSizeRoot"],
578
- "variant": ["menucontentVariantRoot"]
579
- },
580
- "motionVarPrefixes": []
581
- };
582
- var Menu_Divider = {
583
- "name": "Menu.Divider",
584
- "defaultProps": {
585
- "role": "separator",
586
- "contentPosition": "start",
587
- "gap": "4"
697
+ "internalComponentProps": {
698
+ "Icon": {
699
+ "size": ["sm"],
700
+ "color": ["current"],
701
+ "aria-hidden": ["true"]
702
+ },
703
+ "HStack": {
704
+ "spacing": ["1"],
705
+ "gap": ["1"],
706
+ "backgroundColor": ["secondary"],
707
+ "borderRadius": ["full"],
708
+ "display": ["inline-flex"]
709
+ },
710
+ "Text": {
711
+ "variant": ["label2"],
712
+ "color": ["current"]
713
+ }
588
714
  },
589
- "getStylesLiterals": {
590
- "menuitemDividerVariantRoot": "default",
591
- "menuitemDividerVariantText": "default",
592
- "menuitemDividerVariantLine": "default"
715
+ "propToVariantKeys": {
716
+ "value": ["key"],
717
+ "label": ["aria-label"]
593
718
  },
594
- "cxLiterals": [],
595
- "internalComponents": ["DividerInternal"],
596
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
597
- "propToVariantKeys": {},
598
719
  "motionVarPrefixes": []
599
720
  };
600
- var Menu = {
601
- "name": "Menu",
721
+ var Popover = {
722
+ "name": "Popover",
602
723
  "defaultProps": {},
603
724
  "getStylesLiterals": {},
604
725
  "cxLiterals": [],
605
- "internalComponents": [],
606
- "internalComponentProps": {},
726
+ "internalComponents": [
727
+ "HStack",
728
+ "Text",
729
+ "OriginalPopoverHeading"
730
+ ],
731
+ "internalComponentProps": { "Text": {
732
+ "variant": ["headline1"],
733
+ "color": ["primary"]
734
+ } },
607
735
  "propToVariantKeys": {},
608
736
  "motionVarPrefixes": []
609
737
  };
610
- var Menu_ItemCheckbox = {
611
- "name": "Menu.ItemCheckbox",
612
- "defaultProps": {},
738
+ var SwitchV2 = {
739
+ "name": "SwitchV2",
740
+ "defaultProps": {
741
+ "labelPosition": "start",
742
+ "size": "md"
743
+ },
613
744
  "getStylesLiterals": {
614
- "menuitemItemCheckboxVariantRoot": "default",
615
- "menuitemItemCheckboxVariantActiveRoot": "on",
616
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
617
- "menuitemItemCheckboxVariantText": "default",
618
- "menuitemItemCheckboxVariantActiveText": "on",
619
- "menuitemItemCheckboxVariantActiveText:1": "off",
620
- "menuitemItemCheckboxVariantStartIcon": "default",
621
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
622
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
623
- "menuitemItemCheckboxVariantEndIcon": "default",
624
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
625
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
745
+ "switchVariantRoot": "default",
746
+ "switchVariantActiveRoot": "on",
747
+ "switchVariantActiveRoot:1": "off",
748
+ "switchVariantSwitch": "default",
749
+ "switchVariantActiveSwitch": "on",
750
+ "switchVariantActiveSwitch:1": "off",
751
+ "switchVariantActiveHandle": "on",
752
+ "switchVariantActiveHandle:1": "off",
753
+ "switchVariantHandle": "default",
754
+ "switchVariantHandleIcon": "default",
755
+ "switchVariantActiveHandleIcon": "on",
756
+ "switchVariantActiveHandleIcon:1": "off"
626
757
  },
627
- "cxLiterals": ["uds-menu-item-checkbox"],
628
- "internalComponents": ["MenuItemBase"],
629
- "internalComponentProps": {},
630
- "propToVariantKeys": {},
631
- "motionVarPrefixes": []
632
- };
633
- var ChipLink = {
634
- "name": "ChipLink",
635
- "defaultProps": {},
636
- "getStylesLiterals": {},
637
- "cxLiterals": ["uds-ring"],
638
- "internalComponents": ["ChipBase"],
639
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
640
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
641
- "motionVarPrefixes": []
642
- };
643
- var ChipDismissible = {
644
- "name": "ChipDismissible",
645
- "defaultProps": {},
646
- "getStylesLiterals": {},
647
758
  "cxLiterals": [
648
- "uds-chip-dismissible-button",
649
- "uds-hit-target",
759
+ "group",
760
+ "flex",
761
+ "items-center",
762
+ "flex-row",
763
+ "flex-row-reverse",
650
764
  "uds-ring",
651
- "rounded-full"
765
+ "uds-ring-within",
766
+ "relative",
767
+ "uds-border-radius-full",
768
+ "transition-[background-color,box-shadow]",
769
+ "pointer-events-none",
770
+ "w-full",
771
+ "h-full",
772
+ "absolute",
773
+ "top-0",
774
+ "bottom-0",
775
+ "right-0",
776
+ "left-0",
777
+ "overflow-hidden",
778
+ "group-hover:scale-105",
779
+ "opacity-95",
780
+ "group-hover:opacity-100",
781
+ "transition-[transform,opacity]",
782
+ "opacity-0",
783
+ "top-1/2",
784
+ "left-1/2",
785
+ "transform",
786
+ "translate-x-[-50%]",
787
+ "translate-y-[-50%]",
788
+ "transition-opacity",
789
+ "cursor-[inherit]",
790
+ "w-[calc(100%+2px)]",
791
+ "h-[calc(100%+2px)]",
792
+ "text-start",
793
+ "text-end",
794
+ "opacity-100"
652
795
  ],
653
796
  "internalComponents": [
654
- "ChipBase",
655
797
  "IconSlot",
656
- "Pressable"
798
+ "Box",
799
+ "FormLabel",
800
+ "SpringMotionConfig",
801
+ "RootElement",
802
+ "MotionBox"
657
803
  ],
658
- "internalComponentProps": {},
804
+ "internalComponentProps": {
805
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
806
+ "FormLabel": {
807
+ "as": ["div"],
808
+ "variant": ["inherit"],
809
+ "color": ["inherit"]
810
+ },
811
+ "SpringMotionConfig": {
812
+ "layoutVariant": ["bouncy"],
813
+ "layoutSpeed": ["4"]
814
+ },
815
+ "RootElement": { "data-testid": ["switch-root"] },
816
+ "MotionBox": { "layout": ["position"] }
817
+ },
659
818
  "propToVariantKeys": {
660
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
661
- "dismissButtonAriaLabel": ["aria-label"]
819
+ "size": [
820
+ "switchSizeRoot",
821
+ "switchSizeSwitch",
822
+ "switchSizeHandle",
823
+ "switchSizeHandleIcon"
824
+ ],
825
+ "onIcon": ["icon"],
826
+ "offIcon": ["icon"],
827
+ "reduceMotion": ["reducedMotion"],
828
+ "isOn": ["layoutDependency"]
662
829
  },
663
- "motionVarPrefixes": []
830
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
664
831
  };
665
- var ChipToggle = {
666
- "name": "ChipToggle",
667
- "defaultProps": { "role": "checkbox" },
832
+ var Tabs = {
833
+ "name": "Tabs",
834
+ "defaultProps": {},
668
835
  "getStylesLiterals": {
669
- "chipToggleVariantActiveRoot": "on",
670
- "chipToggleVariantActiveRoot:1": "off"
836
+ "display": "flex",
837
+ "flexDirection": "row",
838
+ "columnGap": "6"
671
839
  },
672
- "cxLiterals": ["uds-ring"],
673
- "internalComponents": ["ChipBase"],
674
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
675
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
676
- "motionVarPrefixes": []
677
- };
678
- var Chip = {
679
- "name": "Chip",
680
- "defaultProps": {},
681
- "getStylesLiterals": {},
682
- "cxLiterals": [],
683
- "internalComponents": [
684
- "ChipDismissible",
685
- "ChipToggle",
686
- "ChipLink",
687
- "ChipButton"
688
- ],
689
- "internalComponentProps": {},
690
- "propToVariantKeys": {},
691
- "motionVarPrefixes": []
692
- };
693
- var ChipBase = {
694
- "name": "ChipBase",
695
- "defaultProps": { "as": "div" },
696
- "getStylesLiterals": {},
697
840
  "cxLiterals": [
698
- "pointer-events-none",
699
- "cursor-default",
700
- "opacity-50",
701
- "inline-flex",
702
- "items-center",
703
- "transition-[background-color,outline-color,box-shadow]",
704
- "truncate",
705
- "whitespace-nowrap",
706
- "text-center",
707
- "flex-1"
841
+ "text-tertiary",
842
+ "border-b-transparent",
843
+ "aria-selected:border-b-brand",
844
+ "aria-selected:text-secondary"
708
845
  ],
709
846
  "internalComponents": [
710
- "IconSlot",
711
- "HStack",
712
- "As",
847
+ "TabProvider",
848
+ "OriginalTabList",
849
+ "OriginalTab",
850
+ "Icon",
851
+ "OriginalTabPanel",
852
+ "Pressable",
853
+ "Comp",
713
854
  "Text"
714
855
  ],
715
- "internalComponentProps": { "Text": {
716
- "as": ["span"],
717
- "color": ["current"],
718
- "variant": ["inherit"]
719
- } },
720
- "propToVariantKeys": {
721
- "size": ["chipSizeRoot", "chipSizeIcon"],
722
- "startIcon": ["icon"],
723
- "endIcon": ["icon"]
724
- },
725
- "motionVarPrefixes": []
726
- };
727
- var ChipButton = {
728
- "name": "ChipButton",
729
- "defaultProps": {},
730
- "getStylesLiterals": {},
731
- "cxLiterals": ["uds-ring"],
732
- "internalComponents": ["ChipBase"],
733
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
734
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
735
- "motionVarPrefixes": []
736
- };
737
- var UDSConfigProvider = {
738
- "name": "UDSConfigProvider",
739
- "defaultProps": {},
740
- "getStylesLiterals": {},
741
- "cxLiterals": [],
742
- "internalComponents": [
743
- "UDSBreakpointsConfigProvider",
744
- "UDSToastConfigProvider",
745
- "UDSTooltipConfigProvider"
746
- ],
747
- "internalComponentProps": {},
856
+ "internalComponentProps": {
857
+ "Icon": {
858
+ "className": ["text-current"],
859
+ "size": ["md"]
860
+ },
861
+ "Pressable": {
862
+ "borderBottomWidth": ["medium"],
863
+ "spacingBottom": ["1"],
864
+ "spacingTop": ["4"]
865
+ },
866
+ "Text": {
867
+ "className": ["text-current"],
868
+ "variant": ["headline1"],
869
+ "as": ["span"]
870
+ }
871
+ },
748
872
  "propToVariantKeys": {},
749
873
  "motionVarPrefixes": []
750
874
  };
751
- var UDSBreakpointsConfigProvider = {
752
- "name": "UDSBreakpointsConfigProvider",
875
+ var Modal = {
876
+ "name": "Modal",
753
877
  "defaultProps": {},
754
878
  "getStylesLiterals": {},
755
- "cxLiterals": [],
756
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
757
- "internalComponentProps": {},
758
- "propToVariantKeys": {},
759
- "motionVarPrefixes": []
760
- };
761
- var Input = {
762
- "name": "Input",
763
- "defaultProps": {
764
- "type": "text",
765
- "size": "md",
766
- "width": "full"
767
- },
768
- "getStylesLiterals": {
769
- "inputVariantRoot": "default",
770
- "inputVariantValueRoot": "empty",
771
- "inputVariantValueRoot:1": "filled",
772
- "inputVariantInputWrapper": "default",
773
- "inputVariantValueInputWrapper": "empty",
774
- "inputVariantValueInputWrapper:1": "filled",
775
- "inputVariantInput": "default",
776
- "inputVariantValueInput": "empty",
777
- "inputVariantValueInput:1": "filled",
778
- "inputVariantInputPlaceholder": "default",
779
- "inputVariantValueInputPlaceholder": "empty",
780
- "inputVariantValueInputPlaceholder:1": "filled",
781
- "inputVariantLabel": "default",
782
- "inputVariantValueLabel": "empty",
783
- "inputVariantValueLabel:1": "filled",
784
- "inputVariantLabelRequired": "default",
785
- "inputVariantValueLabelRequired": "empty",
786
- "inputVariantValueLabelRequired:1": "filled",
787
- "inputVariantStartIcon": "default",
788
- "inputVariantValueStartIcon": "empty",
789
- "inputVariantValueStartIcon:1": "filled",
790
- "inputVariantEndIcon": "default",
791
- "inputVariantValueEndIcon": "empty",
792
- "inputVariantValueEndIcon:1": "filled"
793
- },
794
879
  "cxLiterals": [
795
- "opacity-50",
796
- "min-w-[200px]",
797
- "grow",
798
- "uds-hit-target",
799
- "bg-clip-text",
800
- "focus:outline-none",
801
- "cursor-text",
802
- "cursor-not-allowed"
880
+ "inset-8",
881
+ "top-[250px]",
882
+ "z-50",
883
+ "mx-auto",
884
+ "h-fit",
885
+ "w-[600px]",
886
+ "origin-center",
887
+ "scale-95",
888
+ "opacity-0",
889
+ "transition",
890
+ "duration-150",
891
+ "data-[enter]:scale-100",
892
+ "data-[enter]:opacity-100"
803
893
  ],
804
894
  "internalComponents": [
805
- "IconSlot",
806
- "StartIcon",
807
- "EndIcon",
808
- "HelpTextContent",
809
- "Box",
810
- "InputHelpTextInternal",
811
- "VStack",
895
+ "IconButton",
896
+ "Dialog",
812
897
  "HStack",
813
- "AnimateHeightChange"
898
+ "Text",
899
+ "VStack"
814
900
  ],
815
901
  "internalComponentProps": {
816
- "HelpTextContent": { "spacingTop": ["2"] },
817
- "Box": {
818
- "spacingBottom": ["2"],
819
- "columnGap": ["0.5"],
820
- "alignItems": ["flex-end", "center"],
821
- "position": ["relative"]
902
+ "IconButton": {
903
+ "aria-label": ["Close"],
904
+ "size": ["sm"],
905
+ "variant": ["tertiary"]
822
906
  },
823
907
  "HStack": {
824
908
  "alignItems": ["center"],
825
- "gap": ["1"]
909
+ "justifyContent": ["space-between"]
910
+ },
911
+ "Text": {
912
+ "variant": ["headline1"],
913
+ "color": ["primary"]
914
+ },
915
+ "VStack": {
916
+ "borderRadius": ["md"],
917
+ "position": ["fixed"],
918
+ "backgroundColor": ["primary"],
919
+ "dropShadow": ["md"],
920
+ "spacing": ["8"],
921
+ "overflow": ["hidden"]
826
922
  }
827
923
  },
828
- "propToVariantKeys": {
829
- "size": [
830
- "inputSizeRoot",
831
- "inputSizeInputWrapper",
832
- "inputSizeInput",
833
- "inputSizeLabel",
834
- "inputSizeStartIcon",
835
- "inputSizeEndIcon"
836
- ],
837
- "startIcon": ["icon"],
838
- "endIcon": ["icon"],
839
- "helperTextIcon": ["startIcon"]
840
- },
841
- "motionVarPrefixes": []
842
- };
843
- var InputHelpText = {
844
- "name": "InputHelpText",
845
- "defaultProps": { "size": "md" },
846
- "getStylesLiterals": {
847
- "inputVariantRoot": "default",
848
- "inputVariantValueRoot": "empty",
849
- "inputVariantValueRoot:1": "filled"
850
- },
851
- "cxLiterals": [],
852
- "internalComponents": ["InputHelpTextInternal", "Box"],
853
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
854
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
924
+ "propToVariantKeys": { "handleClose": ["onClick"] },
855
925
  "motionVarPrefixes": []
856
926
  };
857
- var InputHelpTextInternal = {
858
- "name": "InputHelpTextInternal",
859
- "defaultProps": {},
860
- "getStylesLiterals": {
861
- "inputVariantHelperText": "default",
862
- "inputVariantValueHelperText": "empty",
863
- "inputVariantValueHelperText:1": "filled",
864
- "inputVariantHelperIcon": "default",
865
- "inputVariantValueHelperIcon": "empty",
866
- "inputVariantValueHelperIcon:1": "filled"
927
+ var Accordion = {
928
+ "name": "Accordion",
929
+ "defaultProps": {
930
+ "spacingHorizontal": "4",
931
+ "spacingVertical": "4"
867
932
  },
868
- "cxLiterals": [],
869
- "internalComponents": ["IconSlot", "HStack"],
870
- "internalComponentProps": { "HStack": {
871
- "gap": ["1"],
872
- "alignItems": ["center"]
873
- } },
874
- "propToVariantKeys": {
875
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
876
- "startIcon": ["icon"],
877
- "endIcon": ["icon"]
933
+ "getStylesLiterals": {},
934
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
935
+ "internalComponents": [
936
+ "Icon",
937
+ "SpringMotionConfig",
938
+ "Pressable",
939
+ "Text",
940
+ "HStack",
941
+ "AnimatePresence",
942
+ "VStack"
943
+ ],
944
+ "internalComponentProps": {
945
+ "Icon": {
946
+ "variant": ["fill"],
947
+ "size": ["sm"],
948
+ "color": ["primary"]
949
+ },
950
+ "SpringMotionConfig": {
951
+ "layoutVariant": ["smooth"],
952
+ "layoutSpeed": ["3"]
953
+ },
954
+ "Pressable": {
955
+ "display": ["flex"],
956
+ "flexDirection": ["row"],
957
+ "alignItems": ["center"],
958
+ "justifyContent": ["space-between"],
959
+ "borderRadius": ["md"]
960
+ },
961
+ "Text": {
962
+ "variant": ["title4"],
963
+ "color": ["primary"]
964
+ },
965
+ "HStack": {
966
+ "display": ["flex"],
967
+ "alignItems": ["center"],
968
+ "justifyContent": ["space-between"],
969
+ "columnGap": ["2.5"]
970
+ }
878
971
  },
879
- "motionVarPrefixes": []
972
+ "propToVariantKeys": {},
973
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
880
974
  };
881
- var UDSTooltipConfigProvider = {
882
- "name": "UDSTooltipConfigProvider",
975
+ var UDSToastConfigProvider = {
976
+ "name": "UDSToastConfigProvider",
883
977
  "defaultProps": {},
884
978
  "getStylesLiterals": {},
885
979
  "cxLiterals": [],
886
- "internalComponents": ["TooltipContext.Provider"],
980
+ "internalComponents": ["ToastContext.Provider"],
887
981
  "internalComponentProps": {},
888
982
  "propToVariantKeys": {},
889
983
  "motionVarPrefixes": []
890
984
  };
891
- var TooltipTrigger = {
892
- "name": "TooltipTrigger",
893
- "defaultProps": {},
894
- "getStylesLiterals": {},
895
- "cxLiterals": [],
896
- "internalComponents": ["TooltipAnchor"],
897
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
898
- "propToVariantKeys": { "children": ["render"] },
899
- "motionVarPrefixes": []
900
- };
901
- var TooltipContent = {
902
- "name": "TooltipContent",
985
+ var Toast = {
986
+ "name": "Toast",
903
987
  "defaultProps": {},
904
988
  "getStylesLiterals": {
905
- "tooltipSizeRoot": "default",
906
- "tooltipVariantRoot": "default",
907
- "tooltipSizeSvg": "default",
908
- "tooltipVariantSvg": "default",
909
- "tooltipVariantBlur": "default",
910
- "position": "absolute",
911
- "width": "full",
912
- "height": "full",
913
- "tooltipSizeTitle": "default",
914
- "tooltipSizeBody": "default",
915
- "tooltipSizeEndContent": "default",
916
- "tooltipSizeIcon": "default",
917
- "tooltipVariantIcon": "default"
989
+ "className": "flex-none",
990
+ "spacing": "2",
991
+ "borderRadius": "full"
918
992
  },
919
993
  "cxLiterals": [
920
- "flex",
921
- "z-[9999]",
922
- "stroke-1",
923
- "uds-bgBlurFillFallback",
924
- "uds-bgBlurFallback",
925
- "top-0",
926
- "left-0",
927
- "z-[1]",
928
- "transition-opacity",
929
- "ease-in-out"
994
+ "transition-[background-color]",
995
+ "bg-carbon-15/0",
996
+ "hover:bg-carbon-15/10",
997
+ "active:bg-carbon-15/15",
998
+ "uds-ring"
930
999
  ],
931
1000
  "internalComponents": [
932
- "Box",
933
1001
  "IconSlot",
934
- "TooltipArrow",
935
- "Tooltip",
936
- "Fragment",
937
- "Text"
1002
+ "ToastContainer",
1003
+ "Text",
1004
+ "Button",
1005
+ "Pressable"
938
1006
  ],
939
- "internalComponentProps": {
940
- "Box": {
941
- "position": ["relative"],
942
- "flexDirection": ["column"],
943
- "className": ["z-[3] gap-[inherit]"],
944
- "alignItems": ["center"],
945
- "columnGap": ["1", "1.5"]
946
- },
947
- "Text": { "color": ["inherit"] }
1007
+ "internalComponentProps": {},
1008
+ "propToVariantKeys": {
1009
+ "size": [
1010
+ "toastSizeLabel",
1011
+ "toastSizeIcon",
1012
+ "toastSizeActionButton",
1013
+ "toastSizeCloseIcon"
1014
+ ],
1015
+ "variant": [
1016
+ "toastVariantIcon",
1017
+ "toastVariantActionButton",
1018
+ "toastVariantCloseIcon"
1019
+ ],
1020
+ "closeIcon": ["icon"],
1021
+ "onClickActionButton": ["onClick"]
948
1022
  },
949
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
950
1023
  "motionVarPrefixes": []
951
1024
  };
952
- var Tooltip = {
953
- "name": "Tooltip",
1025
+ var ToastContainer = {
1026
+ "name": "ToastContainer",
1027
+ "defaultProps": {},
1028
+ "getStylesLiterals": {
1029
+ "position": "relative",
1030
+ "alignItems": "center",
1031
+ "display": "flex",
1032
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1033
+ },
1034
+ "cxLiterals": ["w-full"],
1035
+ "internalComponents": ["HStack"],
1036
+ "internalComponentProps": { "HStack": {
1037
+ "alignItems": ["center"],
1038
+ "justifyContent": ["space-between"],
1039
+ "overflow": ["hidden"],
1040
+ "position": ["relative"]
1041
+ } },
1042
+ "propToVariantKeys": {
1043
+ "variant": ["toastVariantRoot"],
1044
+ "size": ["toastSizeRoot"]
1045
+ },
1046
+ "motionVarPrefixes": []
1047
+ };
1048
+ var ToastPortal = {
1049
+ "name": "ToastPortal",
954
1050
  "defaultProps": {},
955
1051
  "getStylesLiterals": {},
956
1052
  "cxLiterals": [],
957
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1053
+ "internalComponents": ["ReactToastifyToastContainer"],
958
1054
  "internalComponentProps": {},
959
1055
  "propToVariantKeys": {},
960
1056
  "motionVarPrefixes": []
@@ -1063,598 +1159,517 @@ var Radio = {
1063
1159
  },
1064
1160
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1065
1161
  };
1066
- var UDSToastConfigProvider = {
1067
- "name": "UDSToastConfigProvider",
1162
+ var UDSTooltipConfigProvider = {
1163
+ "name": "UDSTooltipConfigProvider",
1068
1164
  "defaultProps": {},
1069
1165
  "getStylesLiterals": {},
1070
1166
  "cxLiterals": [],
1071
- "internalComponents": ["ToastContext.Provider"],
1167
+ "internalComponents": ["TooltipContext.Provider"],
1072
1168
  "internalComponentProps": {},
1073
1169
  "propToVariantKeys": {},
1074
1170
  "motionVarPrefixes": []
1075
1171
  };
1076
- var Toast = {
1077
- "name": "Toast",
1078
- "defaultProps": {},
1079
- "getStylesLiterals": {
1080
- "className": "flex-none",
1081
- "spacing": "2",
1082
- "borderRadius": "full"
1083
- },
1084
- "cxLiterals": [
1085
- "transition-[background-color]",
1086
- "bg-carbon-15/0",
1087
- "hover:bg-carbon-15/10",
1088
- "active:bg-carbon-15/15",
1089
- "uds-ring"
1090
- ],
1091
- "internalComponents": [
1092
- "IconSlot",
1093
- "ToastContainer",
1094
- "Text",
1095
- "Button",
1096
- "Pressable"
1097
- ],
1098
- "internalComponentProps": {},
1099
- "propToVariantKeys": {
1100
- "size": [
1101
- "toastSizeLabel",
1102
- "toastSizeIcon",
1103
- "toastSizeActionButton",
1104
- "toastSizeCloseIcon"
1105
- ],
1106
- "variant": [
1107
- "toastVariantIcon",
1108
- "toastVariantActionButton",
1109
- "toastVariantCloseIcon"
1110
- ],
1111
- "closeIcon": ["icon"],
1112
- "onClickActionButton": ["onClick"]
1113
- },
1114
- "motionVarPrefixes": []
1115
- };
1116
- var ToastContainer = {
1117
- "name": "ToastContainer",
1118
- "defaultProps": {},
1119
- "getStylesLiterals": {
1120
- "position": "relative",
1121
- "alignItems": "center",
1122
- "display": "flex",
1123
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1124
- },
1125
- "cxLiterals": ["w-full"],
1126
- "internalComponents": ["HStack"],
1127
- "internalComponentProps": { "HStack": {
1128
- "alignItems": ["center"],
1129
- "justifyContent": ["space-between"],
1130
- "overflow": ["hidden"],
1131
- "position": ["relative"]
1132
- } },
1133
- "propToVariantKeys": {
1134
- "variant": ["toastVariantRoot"],
1135
- "size": ["toastSizeRoot"]
1136
- },
1137
- "motionVarPrefixes": []
1138
- };
1139
- var ToastPortal = {
1140
- "name": "ToastPortal",
1172
+ var TooltipTrigger = {
1173
+ "name": "TooltipTrigger",
1141
1174
  "defaultProps": {},
1142
1175
  "getStylesLiterals": {},
1143
1176
  "cxLiterals": [],
1144
- "internalComponents": ["ReactToastifyToastContainer"],
1145
- "internalComponentProps": {},
1146
- "propToVariantKeys": {},
1177
+ "internalComponents": ["TooltipAnchor"],
1178
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1179
+ "propToVariantKeys": { "children": ["render"] },
1147
1180
  "motionVarPrefixes": []
1148
1181
  };
1149
- var AvatarImage = {
1150
- "name": "AvatarImage",
1182
+ var TooltipContent = {
1183
+ "name": "TooltipContent",
1151
1184
  "defaultProps": {},
1152
- "getStylesLiterals": {},
1153
- "cxLiterals": [
1154
- "overflow-hidden",
1155
- "w-full",
1156
- "h-full",
1157
- "shrink-0",
1158
- "text-center",
1159
- "inline-flex",
1160
- "justify-center",
1161
- "items-center",
1162
- "object-cover"
1163
- ],
1164
- "internalComponents": [
1165
- "UDSImage",
1166
- "AvatarText",
1167
- "AvatarIcon",
1168
- "Box"
1169
- ],
1170
- "internalComponentProps": {},
1171
- "propToVariantKeys": {
1172
- "alt": ["name"],
1173
- "fallback": ["initials"]
1185
+ "getStylesLiterals": {
1186
+ "tooltipSizeRoot": "default",
1187
+ "tooltipVariantRoot": "default",
1188
+ "tooltipSizeSvg": "default",
1189
+ "tooltipVariantSvg": "default",
1190
+ "tooltipVariantBlur": "default",
1191
+ "position": "absolute",
1192
+ "width": "full",
1193
+ "height": "full",
1194
+ "tooltipSizeTitle": "default",
1195
+ "tooltipSizeBody": "default",
1196
+ "tooltipSizeEndContent": "default",
1197
+ "tooltipSizeIcon": "default",
1198
+ "tooltipVariantIcon": "default"
1174
1199
  },
1175
- "motionVarPrefixes": []
1176
- };
1177
- var AvatarText = {
1178
- "name": "AvatarText",
1179
- "defaultProps": {},
1180
- "getStylesLiterals": {},
1181
1200
  "cxLiterals": [
1182
- "overflow-hidden",
1183
- "truncate",
1184
- "w-full",
1185
- "h-full",
1186
- "shrink-0",
1187
- "text-center",
1188
- "inline-flex",
1189
- "justify-center",
1190
- "items-center"
1201
+ "flex",
1202
+ "z-[9999]",
1203
+ "stroke-1",
1204
+ "uds-bgBlurFillFallback",
1205
+ "uds-bgBlurFallback",
1206
+ "top-0",
1207
+ "left-0",
1208
+ "z-[1]",
1209
+ "transition-opacity",
1210
+ "ease-in-out"
1191
1211
  ],
1192
- "internalComponents": ["Box", "Text"],
1193
- "internalComponentProps": { "Text": {
1194
- "color": ["inherit"],
1195
- "variant": ["inherit"]
1196
- } },
1197
- "propToVariantKeys": {},
1198
- "motionVarPrefixes": []
1199
- };
1200
- var Avatar = {
1201
- "name": "Avatar",
1202
- "defaultProps": {},
1203
- "getStylesLiterals": {},
1204
- "cxLiterals": [],
1205
- "internalComponents": ["AvatarImage"],
1206
- "internalComponentProps": {},
1207
- "propToVariantKeys": {},
1208
- "motionVarPrefixes": []
1209
- };
1210
- var AvatarIcon = {
1211
- "name": "AvatarIcon",
1212
- "defaultProps": {},
1213
- "getStylesLiterals": {},
1214
- "cxLiterals": [
1215
- "overflow-hidden",
1216
- "w-full",
1217
- "h-full",
1218
- "shrink-0",
1219
- "text-center",
1220
- "inline-flex",
1221
- "justify-center",
1222
- "items-center"
1212
+ "internalComponents": [
1213
+ "Box",
1214
+ "IconSlot",
1215
+ "TooltipArrow",
1216
+ "Tooltip",
1217
+ "Fragment",
1218
+ "Text"
1223
1219
  ],
1224
- "internalComponents": ["IconSlot", "Box"],
1225
- "internalComponentProps": {},
1226
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1220
+ "internalComponentProps": {
1221
+ "Box": {
1222
+ "position": ["relative"],
1223
+ "flexDirection": ["column"],
1224
+ "className": ["z-[3] gap-[inherit]"],
1225
+ "alignItems": ["center"],
1226
+ "columnGap": ["1", "1.5"]
1227
+ },
1228
+ "Text": { "color": ["inherit"] }
1229
+ },
1230
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
1227
1231
  "motionVarPrefixes": []
1228
1232
  };
1229
- var DividerCore = {
1230
- "name": "DividerCore",
1231
- "defaultProps": { "contentPosition": "center" },
1233
+ var Tooltip = {
1234
+ "name": "Tooltip",
1235
+ "defaultProps": {},
1232
1236
  "getStylesLiterals": {},
1233
1237
  "cxLiterals": [],
1238
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1239
+ "internalComponentProps": {},
1240
+ "propToVariantKeys": {},
1241
+ "motionVarPrefixes": []
1242
+ };
1243
+ var Input = {
1244
+ "name": "Input",
1245
+ "defaultProps": {
1246
+ "type": "text",
1247
+ "size": "md",
1248
+ "width": "full"
1249
+ },
1250
+ "getStylesLiterals": {
1251
+ "inputVariantRoot": "default",
1252
+ "inputVariantValueRoot": "empty",
1253
+ "inputVariantValueRoot:1": "filled",
1254
+ "inputVariantInputWrapper": "default",
1255
+ "inputVariantValueInputWrapper": "empty",
1256
+ "inputVariantValueInputWrapper:1": "filled",
1257
+ "inputVariantInput": "default",
1258
+ "inputVariantValueInput": "empty",
1259
+ "inputVariantValueInput:1": "filled",
1260
+ "inputVariantInputPlaceholder": "default",
1261
+ "inputVariantValueInputPlaceholder": "empty",
1262
+ "inputVariantValueInputPlaceholder:1": "filled",
1263
+ "inputVariantLabel": "default",
1264
+ "inputVariantValueLabel": "empty",
1265
+ "inputVariantValueLabel:1": "filled",
1266
+ "inputVariantLabelRequired": "default",
1267
+ "inputVariantValueLabelRequired": "empty",
1268
+ "inputVariantValueLabelRequired:1": "filled",
1269
+ "inputVariantStartIcon": "default",
1270
+ "inputVariantValueStartIcon": "empty",
1271
+ "inputVariantValueStartIcon:1": "filled",
1272
+ "inputVariantEndIcon": "default",
1273
+ "inputVariantValueEndIcon": "empty",
1274
+ "inputVariantValueEndIcon:1": "filled"
1275
+ },
1276
+ "cxLiterals": [
1277
+ "opacity-50",
1278
+ "min-w-[200px]",
1279
+ "grow",
1280
+ "uds-hit-target",
1281
+ "bg-clip-text",
1282
+ "focus:outline-none",
1283
+ "cursor-text",
1284
+ "cursor-not-allowed"
1285
+ ],
1234
1286
  "internalComponents": [
1287
+ "IconSlot",
1288
+ "StartIcon",
1289
+ "EndIcon",
1290
+ "HelpTextContent",
1235
1291
  "Box",
1236
- "Line",
1237
- "InternalComponent",
1238
- "Text"
1292
+ "InputHelpTextInternal",
1293
+ "VStack",
1294
+ "HStack",
1295
+ "AnimateHeightChange"
1239
1296
  ],
1240
1297
  "internalComponentProps": {
1298
+ "HelpTextContent": { "spacingTop": ["2"] },
1241
1299
  "Box": {
1242
- "flex": ["1", "none"],
1243
- "display": ["flex"]
1244
- },
1245
- "InternalComponent": {
1246
- "flex": ["1"],
1247
- "alignItems": ["center"]
1300
+ "spacingBottom": ["2"],
1301
+ "columnGap": ["0.5"],
1302
+ "alignItems": ["flex-end", "center"],
1303
+ "position": ["relative"]
1248
1304
  },
1249
- "Text": {
1250
- "as": ["span"],
1251
- "color": ["inherit"],
1252
- "variant": ["inherit"]
1305
+ "HStack": {
1306
+ "alignItems": ["center"],
1307
+ "gap": ["1"]
1253
1308
  }
1254
1309
  },
1255
- "propToVariantKeys": {},
1310
+ "propToVariantKeys": {
1311
+ "size": [
1312
+ "inputSizeRoot",
1313
+ "inputSizeInputWrapper",
1314
+ "inputSizeInput",
1315
+ "inputSizeLabel",
1316
+ "inputSizeStartIcon",
1317
+ "inputSizeEndIcon"
1318
+ ],
1319
+ "startIcon": ["icon"],
1320
+ "endIcon": ["icon"],
1321
+ "helperTextIcon": ["startIcon"]
1322
+ },
1256
1323
  "motionVarPrefixes": []
1257
1324
  };
1258
- var DividerInternal = {
1259
- "name": "DividerInternal",
1260
- "defaultProps": { "variant": "primary" },
1261
- "getStylesLiterals": {},
1262
- "cxLiterals": ["inherit"],
1263
- "internalComponents": ["DividerCore"],
1264
- "internalComponentProps": {},
1265
- "propToVariantKeys": { "variant": [
1266
- "dividerVariantRoot",
1267
- "dividerVariantLabel",
1268
- "dividerVariantLine"
1269
- ] },
1325
+ var InputHelpText = {
1326
+ "name": "InputHelpText",
1327
+ "defaultProps": { "size": "md" },
1328
+ "getStylesLiterals": {
1329
+ "inputVariantRoot": "default",
1330
+ "inputVariantValueRoot": "empty",
1331
+ "inputVariantValueRoot:1": "filled"
1332
+ },
1333
+ "cxLiterals": [],
1334
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1335
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1336
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1270
1337
  "motionVarPrefixes": []
1271
1338
  };
1272
- var Divider = {
1273
- "name": "Divider",
1339
+ var InputHelpTextInternal = {
1340
+ "name": "InputHelpTextInternal",
1274
1341
  "defaultProps": {},
1275
- "getStylesLiterals": {},
1342
+ "getStylesLiterals": {
1343
+ "inputVariantHelperText": "default",
1344
+ "inputVariantValueHelperText": "empty",
1345
+ "inputVariantValueHelperText:1": "filled",
1346
+ "inputVariantHelperIcon": "default",
1347
+ "inputVariantValueHelperIcon": "empty",
1348
+ "inputVariantValueHelperIcon:1": "filled"
1349
+ },
1276
1350
  "cxLiterals": [],
1277
- "internalComponents": ["DividerInternal"],
1278
- "internalComponentProps": {},
1279
- "propToVariantKeys": {},
1351
+ "internalComponents": ["IconSlot", "HStack"],
1352
+ "internalComponentProps": { "HStack": {
1353
+ "gap": ["1"],
1354
+ "alignItems": ["center"]
1355
+ } },
1356
+ "propToVariantKeys": {
1357
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1358
+ "startIcon": ["icon"],
1359
+ "endIcon": ["icon"]
1360
+ },
1280
1361
  "motionVarPrefixes": []
1281
1362
  };
1282
- var Table_mocks = {
1283
- "name": "Table.mocks",
1363
+ var UDSConfigProvider = {
1364
+ "name": "UDSConfigProvider",
1284
1365
  "defaultProps": {},
1285
1366
  "getStylesLiterals": {},
1286
1367
  "cxLiterals": [],
1287
- "internalComponents": [],
1288
- "internalComponentProps": {},
1289
- "propToVariantKeys": {},
1290
- "motionVarPrefixes": []
1291
- };
1292
- var Table = {
1293
- "name": "Table",
1294
- "defaultProps": {
1295
- "display": "table-cell",
1296
- "overflow": "hidden",
1297
- "borderColor": "muted",
1298
- "borderRadius": "md",
1299
- "spacing": "3",
1300
- "borderBottomColor": "muted",
1301
- "borderBottomWidth": "thin",
1302
- "color": "primary"
1303
- },
1304
- "getStylesLiterals": { "textAlign": "start" },
1305
- "cxLiterals": [],
1306
1368
  "internalComponents": [
1307
- "CellComponent",
1308
- "Box",
1309
- "Text",
1310
- "Table.Root",
1311
- "Table.Header",
1312
- "Table.Row",
1313
- "Table.Cell",
1314
- "Table.Body"
1369
+ "UDSBreakpointsConfigProvider",
1370
+ "UDSToastConfigProvider",
1371
+ "UDSTooltipConfigProvider"
1315
1372
  ],
1316
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
1317
- "propToVariantKeys": {},
1318
- "motionVarPrefixes": []
1319
- };
1320
- var Spinner = {
1321
- "name": "Spinner",
1322
- "defaultProps": {
1323
- "color": "primary",
1324
- "size": "lg"
1325
- },
1326
- "getStylesLiterals": {},
1327
- "cxLiterals": ["self-center", "relative"],
1328
- "internalComponents": ["Icon"],
1329
- "internalComponentProps": { "Icon": {
1330
- "role": ["img"],
1331
- "className": ["animate-spin"],
1332
- "aria-hidden": ["true"]
1333
- } },
1373
+ "internalComponentProps": {},
1334
1374
  "propToVariantKeys": {},
1335
1375
  "motionVarPrefixes": []
1336
1376
  };
1337
- var AvoidMotionLibraryProvider = {
1338
- "name": "AvoidMotionLibraryProvider",
1377
+ var UDSBreakpointsConfigProvider = {
1378
+ "name": "UDSBreakpointsConfigProvider",
1339
1379
  "defaultProps": {},
1340
1380
  "getStylesLiterals": {},
1341
1381
  "cxLiterals": [],
1342
- "internalComponents": [],
1382
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1343
1383
  "internalComponentProps": {},
1344
1384
  "propToVariantKeys": {},
1345
1385
  "motionVarPrefixes": []
1346
1386
  };
1347
- var SegmentedControl = {
1348
- "name": "SegmentedControl",
1349
- "defaultProps": {},
1350
- "getStylesLiterals": {
1351
- "display": "flex",
1352
- "alignItems": "center",
1353
- "backgroundColor": "primary",
1354
- "spacingVertical": "1",
1355
- "spacingHorizontal": "3",
1356
- "columnGap": "1.5",
1357
- "borderWidth": "thin",
1358
- "borderRadius": "full",
1359
- "borderColor": "muted",
1360
- "borderColor:1": "transparent",
1361
- "color": "primary",
1362
- "color:1": "tertiary",
1363
- "color:2": "muted"
1364
- },
1387
+ var ChipLink = {
1388
+ "name": "ChipLink",
1389
+ "defaultProps": { "variant": "primary" },
1390
+ "getStylesLiterals": {},
1391
+ "cxLiterals": ["uds-ring"],
1392
+ "internalComponents": ["ChipBase"],
1393
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1394
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1395
+ "motionVarPrefixes": []
1396
+ };
1397
+ var ChipDismissible = {
1398
+ "name": "ChipDismissible",
1399
+ "defaultProps": { "variant": "primary" },
1400
+ "getStylesLiterals": {},
1365
1401
  "cxLiterals": [
1366
- "uds-ring",
1367
- "cursor-not-allowed",
1368
- "opacity-50",
1369
- "pointer-events-none",
1370
- "hover:bg-primary"
1371
- ],
1372
- "internalComponents": [
1373
- "Radio",
1374
- "Icon",
1375
- "RadioProvider",
1376
- "HStack",
1377
- "RadioGroup",
1378
- "Pressable",
1379
- "Text"
1402
+ "uds-chip-dismissible-button",
1403
+ "uds-hit-target",
1404
+ "uds-ring",
1405
+ "rounded-full"
1380
1406
  ],
1381
- "internalComponentProps": {
1382
- "Icon": {
1383
- "size": ["sm"],
1384
- "color": ["current"],
1385
- "aria-hidden": ["true"]
1386
- },
1387
- "HStack": {
1388
- "spacing": ["1"],
1389
- "gap": ["1"],
1390
- "backgroundColor": ["secondary"],
1391
- "borderRadius": ["full"],
1392
- "display": ["inline-flex"]
1393
- },
1394
- "Text": {
1395
- "variant": ["label2"],
1396
- "color": ["current"]
1397
- }
1398
- },
1407
+ "internalComponents": [
1408
+ "ChipBase",
1409
+ "IconSlot",
1410
+ "Pressable"
1411
+ ],
1412
+ "internalComponentProps": {},
1399
1413
  "propToVariantKeys": {
1400
- "value": ["key"],
1401
- "label": ["aria-label"]
1414
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1415
+ "dismissButtonAriaLabel": ["aria-label"]
1402
1416
  },
1403
1417
  "motionVarPrefixes": []
1404
1418
  };
1405
- var Popover = {
1406
- "name": "Popover",
1419
+ var ChipToggle = {
1420
+ "name": "ChipToggle",
1421
+ "defaultProps": {
1422
+ "variant": "primary",
1423
+ "role": "checkbox"
1424
+ },
1425
+ "getStylesLiterals": {
1426
+ "chipToggleVariantActiveRoot": "on",
1427
+ "chipToggleVariantActiveRoot:1": "off"
1428
+ },
1429
+ "cxLiterals": ["uds-ring"],
1430
+ "internalComponents": ["ChipBase"],
1431
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1432
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1433
+ "motionVarPrefixes": []
1434
+ };
1435
+ var Chip = {
1436
+ "name": "Chip",
1407
1437
  "defaultProps": {},
1408
1438
  "getStylesLiterals": {},
1409
1439
  "cxLiterals": [],
1410
1440
  "internalComponents": [
1411
- "HStack",
1412
- "Text",
1413
- "OriginalPopoverHeading"
1441
+ "ChipDismissible",
1442
+ "ChipToggle",
1443
+ "ChipLink",
1444
+ "ChipButton"
1414
1445
  ],
1415
- "internalComponentProps": { "Text": {
1416
- "variant": ["headline1"],
1417
- "color": ["primary"]
1418
- } },
1446
+ "internalComponentProps": {},
1419
1447
  "propToVariantKeys": {},
1420
1448
  "motionVarPrefixes": []
1421
1449
  };
1422
- var SwitchV2 = {
1423
- "name": "SwitchV2",
1450
+ var ChipBase = {
1451
+ "name": "ChipBase",
1424
1452
  "defaultProps": {
1425
- "labelPosition": "start",
1426
- "size": "md"
1427
- },
1428
- "getStylesLiterals": {
1429
- "switchVariantRoot": "default",
1430
- "switchVariantActiveRoot": "on",
1431
- "switchVariantActiveRoot:1": "off",
1432
- "switchVariantSwitch": "default",
1433
- "switchVariantActiveSwitch": "on",
1434
- "switchVariantActiveSwitch:1": "off",
1435
- "switchVariantActiveHandle": "on",
1436
- "switchVariantActiveHandle:1": "off",
1437
- "switchVariantHandle": "default",
1438
- "switchVariantHandleIcon": "default",
1439
- "switchVariantActiveHandleIcon": "on",
1440
- "switchVariantActiveHandleIcon:1": "off"
1453
+ "size": "md",
1454
+ "as": "div"
1441
1455
  },
1456
+ "getStylesLiterals": {},
1442
1457
  "cxLiterals": [
1443
- "group",
1444
- "flex",
1445
- "items-center",
1446
- "flex-row",
1447
- "flex-row-reverse",
1448
- "uds-ring",
1449
- "uds-ring-within",
1450
- "relative",
1451
- "uds-border-radius-full",
1452
- "transition-[background-color,box-shadow]",
1453
1458
  "pointer-events-none",
1454
- "w-full",
1455
- "h-full",
1456
- "absolute",
1457
- "top-0",
1458
- "bottom-0",
1459
- "right-0",
1460
- "left-0",
1461
- "overflow-hidden",
1462
- "group-hover:scale-105",
1463
- "opacity-95",
1464
- "group-hover:opacity-100",
1465
- "transition-[transform,opacity]",
1466
- "opacity-0",
1467
- "top-1/2",
1468
- "left-1/2",
1469
- "transform",
1470
- "translate-x-[-50%]",
1471
- "translate-y-[-50%]",
1472
- "transition-opacity",
1473
- "cursor-[inherit]",
1474
- "w-[calc(100%+2px)]",
1475
- "h-[calc(100%+2px)]",
1476
- "text-start",
1477
- "text-end",
1478
- "opacity-100"
1459
+ "cursor-default",
1460
+ "opacity-50",
1461
+ "inline-flex",
1462
+ "items-center",
1463
+ "transition-[background-color,outline-color,box-shadow]",
1464
+ "truncate",
1465
+ "whitespace-nowrap",
1466
+ "text-center",
1467
+ "flex-1"
1479
1468
  ],
1480
1469
  "internalComponents": [
1481
1470
  "IconSlot",
1482
- "Box",
1483
- "FormLabel",
1484
- "SpringMotionConfig",
1485
- "RootElement",
1486
- "MotionBox"
1471
+ "HStack",
1472
+ "As",
1473
+ "Text"
1487
1474
  ],
1488
- "internalComponentProps": {
1489
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1490
- "FormLabel": {
1491
- "as": ["div"],
1492
- "variant": ["inherit"],
1493
- "color": ["inherit"]
1494
- },
1495
- "SpringMotionConfig": {
1496
- "layoutVariant": ["bouncy"],
1497
- "layoutSpeed": ["4"]
1498
- },
1499
- "RootElement": { "data-testid": ["switch-root"] },
1500
- "MotionBox": { "layout": ["position"] }
1501
- },
1475
+ "internalComponentProps": { "Text": {
1476
+ "as": ["span"],
1477
+ "color": ["current"],
1478
+ "variant": ["inherit"]
1479
+ } },
1502
1480
  "propToVariantKeys": {
1503
- "size": [
1504
- "switchSizeRoot",
1505
- "switchSizeSwitch",
1506
- "switchSizeHandle",
1507
- "switchSizeHandleIcon"
1508
- ],
1509
- "onIcon": ["icon"],
1510
- "offIcon": ["icon"],
1511
- "reduceMotion": ["reducedMotion"],
1512
- "isOn": ["layoutDependency"]
1481
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1482
+ "startIcon": ["icon"],
1483
+ "endIcon": ["icon"]
1513
1484
  },
1514
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1485
+ "motionVarPrefixes": []
1515
1486
  };
1516
- var Tabs = {
1517
- "name": "Tabs",
1487
+ var ChipButton = {
1488
+ "name": "ChipButton",
1489
+ "defaultProps": { "variant": "primary" },
1490
+ "getStylesLiterals": {},
1491
+ "cxLiterals": ["uds-ring"],
1492
+ "internalComponents": ["ChipBase"],
1493
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1494
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1495
+ "motionVarPrefixes": []
1496
+ };
1497
+ var Menu_Item = {
1498
+ "name": "Menu.Item",
1518
1499
  "defaultProps": {},
1519
1500
  "getStylesLiterals": {
1520
- "display": "flex",
1521
- "flexDirection": "row",
1522
- "columnGap": "6"
1523
- },
1524
- "cxLiterals": [
1525
- "text-tertiary",
1526
- "border-b-transparent",
1527
- "aria-selected:border-b-brand",
1528
- "aria-selected:text-secondary"
1529
- ],
1530
- "internalComponents": [
1531
- "TabProvider",
1532
- "OriginalTabList",
1533
- "OriginalTab",
1534
- "Icon",
1535
- "OriginalTabPanel",
1536
- "Pressable",
1537
- "Comp",
1538
- "Text"
1539
- ],
1540
- "internalComponentProps": {
1541
- "Icon": {
1542
- "className": ["text-current"],
1543
- "size": ["md"]
1544
- },
1545
- "Pressable": {
1546
- "borderBottomWidth": ["medium"],
1547
- "spacingBottom": ["1"],
1548
- "spacingTop": ["4"]
1549
- },
1550
- "Text": {
1551
- "className": ["text-current"],
1552
- "variant": ["headline1"],
1553
- "as": ["span"]
1554
- }
1501
+ "menuitemItemVariantRoot": "default",
1502
+ "menuitemItemVariantActiveRoot": "on",
1503
+ "menuitemItemVariantActiveRoot:1": "off",
1504
+ "menuitemItemVariantText": "default",
1505
+ "menuitemItemVariantActiveText": "on",
1506
+ "menuitemItemVariantActiveText:1": "off",
1507
+ "menuitemItemVariantIcon": "default",
1508
+ "menuitemItemVariantActiveIcon": "on",
1509
+ "menuitemItemVariantActiveIcon:1": "off"
1555
1510
  },
1511
+ "cxLiterals": [],
1512
+ "internalComponents": ["MenuItemBase"],
1513
+ "internalComponentProps": {},
1556
1514
  "propToVariantKeys": {},
1557
1515
  "motionVarPrefixes": []
1558
1516
  };
1559
- var Modal = {
1560
- "name": "Modal",
1517
+ var Menu_Provider = {
1518
+ "name": "Menu.Provider",
1561
1519
  "defaultProps": {},
1562
1520
  "getStylesLiterals": {},
1521
+ "cxLiterals": [],
1522
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1523
+ "internalComponentProps": {},
1524
+ "propToVariantKeys": {},
1525
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1526
+ };
1527
+ var Menu_ItemBase = {
1528
+ "name": "Menu.ItemBase",
1529
+ "defaultProps": {
1530
+ "spacing": "0",
1531
+ "spacingHorizontal": "4",
1532
+ "spacingVertical": "3.5",
1533
+ "columnGap": "2",
1534
+ "alignItems": "center",
1535
+ "justifyContent": "space-between"
1536
+ },
1537
+ "getStylesLiterals": {
1538
+ "textAlign": "start",
1539
+ "menuitemSizeRoot": "default",
1540
+ "flexDirection": "row",
1541
+ "menuitemSizeStartIcon": "default",
1542
+ "menuitemSizeEndIcon": "default"
1543
+ },
1563
1544
  "cxLiterals": [
1564
- "inset-8",
1565
- "top-[250px]",
1566
- "z-50",
1567
- "mx-auto",
1568
- "h-fit",
1569
- "w-[600px]",
1570
- "origin-center",
1571
- "scale-95",
1572
- "opacity-0",
1573
- "transition",
1574
- "duration-150",
1575
- "data-[enter]:scale-100",
1576
- "data-[enter]:opacity-100"
1545
+ "flex",
1546
+ "focus-visible:text-brand",
1547
+ "focus-visible:bg-brand-secondary",
1548
+ "focus-visible:z-10",
1549
+ "uds-ring",
1550
+ "!-outline-offset-2",
1551
+ "[&:not([aria-checked])]:cursor-default",
1552
+ "opacity-25",
1553
+ "cursor-not-allowed",
1554
+ "duration-20",
1555
+ "transition-[font-variation-settings]",
1556
+ "ease-in-out",
1557
+ "z-0"
1577
1558
  ],
1578
1559
  "internalComponents": [
1579
- "IconButton",
1580
- "Dialog",
1560
+ "Pressable",
1561
+ "IconSlot",
1562
+ "RootComponent",
1581
1563
  "HStack",
1582
- "Text",
1583
- "VStack"
1564
+ "AnimatePresence"
1584
1565
  ],
1585
1566
  "internalComponentProps": {
1586
- "IconButton": {
1587
- "aria-label": ["Close"],
1588
- "size": ["sm"],
1589
- "variant": ["tertiary"]
1590
- },
1591
1567
  "HStack": {
1592
1568
  "alignItems": ["center"],
1593
- "justifyContent": ["space-between"]
1594
- },
1595
- "Text": {
1596
- "variant": ["headline1"],
1597
- "color": ["primary"]
1569
+ "width": ["full"]
1598
1570
  },
1599
- "VStack": {
1600
- "borderRadius": ["md"],
1601
- "position": ["fixed"],
1602
- "backgroundColor": ["primary"],
1603
- "dropShadow": ["md"],
1604
- "spacing": ["8"],
1605
- "overflow": ["hidden"]
1606
- }
1571
+ "AnimatePresence": { "mode": ["popLayout"] }
1572
+ },
1573
+ "propToVariantKeys": {
1574
+ "startIcon": ["icon"],
1575
+ "endIcon": ["icon"],
1576
+ "columnGap": ["gap"]
1607
1577
  },
1608
- "propToVariantKeys": { "handleClose": ["onClick"] },
1609
1578
  "motionVarPrefixes": []
1610
1579
  };
1611
- var Accordion = {
1612
- "name": "Accordion",
1580
+ var Menu_Trigger = {
1581
+ "name": "Menu.Trigger",
1582
+ "defaultProps": {},
1583
+ "getStylesLiterals": {},
1584
+ "cxLiterals": ["uds-menu-trigger"],
1585
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1586
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1587
+ "propToVariantKeys": {},
1588
+ "motionVarPrefixes": []
1589
+ };
1590
+ var Menu_Content = {
1591
+ "name": "Menu.Content",
1613
1592
  "defaultProps": {
1614
- "spacingHorizontal": "4",
1615
- "spacingVertical": "4"
1593
+ "size": "default",
1594
+ "variant": "default",
1595
+ "gutter": "1"
1616
1596
  },
1617
1597
  "getStylesLiterals": {},
1618
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1598
+ "cxLiterals": [
1599
+ "uds-menu-content",
1600
+ "transition-shadow",
1601
+ "duration-200",
1602
+ "ease-in-out",
1603
+ "min-w-60",
1604
+ "max-w-lg",
1605
+ "max-h-96",
1606
+ "overflow-auto",
1607
+ "uds-ring",
1608
+ "z-10",
1609
+ "group"
1610
+ ],
1619
1611
  "internalComponents": [
1620
- "Icon",
1621
- "SpringMotionConfig",
1622
- "Pressable",
1623
- "Text",
1624
- "HStack",
1612
+ "AriakitMenu",
1625
1613
  "AnimatePresence",
1626
- "VStack"
1614
+ "MotionVStack"
1627
1615
  ],
1628
- "internalComponentProps": {
1629
- "Icon": {
1630
- "variant": ["fill"],
1631
- "size": ["sm"],
1632
- "color": ["primary"]
1633
- },
1634
- "SpringMotionConfig": {
1635
- "layoutVariant": ["smooth"],
1636
- "layoutSpeed": ["3"]
1637
- },
1638
- "Pressable": {
1639
- "display": ["flex"],
1640
- "flexDirection": ["row"],
1641
- "alignItems": ["center"],
1642
- "justifyContent": ["space-between"],
1643
- "borderRadius": ["md"]
1644
- },
1645
- "Text": {
1646
- "variant": ["title4"],
1647
- "color": ["primary"]
1648
- },
1649
- "HStack": {
1650
- "display": ["flex"],
1651
- "alignItems": ["center"],
1652
- "justifyContent": ["space-between"],
1653
- "columnGap": ["2.5"]
1654
- }
1616
+ "internalComponentProps": {},
1617
+ "propToVariantKeys": {
1618
+ "size": ["menucontentSizeRoot"],
1619
+ "variant": ["menucontentVariantRoot"]
1620
+ },
1621
+ "motionVarPrefixes": []
1622
+ };
1623
+ var Menu_Divider = {
1624
+ "name": "Menu.Divider",
1625
+ "defaultProps": {
1626
+ "role": "separator",
1627
+ "contentPosition": "start",
1628
+ "gap": "4"
1629
+ },
1630
+ "getStylesLiterals": {
1631
+ "menuitemDividerVariantRoot": "default",
1632
+ "menuitemDividerVariantText": "default",
1633
+ "menuitemDividerVariantLine": "default"
1655
1634
  },
1635
+ "cxLiterals": [],
1636
+ "internalComponents": ["DividerInternal"],
1637
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1656
1638
  "propToVariantKeys": {},
1657
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
1639
+ "motionVarPrefixes": []
1640
+ };
1641
+ var Menu = {
1642
+ "name": "Menu",
1643
+ "defaultProps": {},
1644
+ "getStylesLiterals": {},
1645
+ "cxLiterals": [],
1646
+ "internalComponents": [],
1647
+ "internalComponentProps": {},
1648
+ "propToVariantKeys": {},
1649
+ "motionVarPrefixes": []
1650
+ };
1651
+ var Menu_ItemCheckbox = {
1652
+ "name": "Menu.ItemCheckbox",
1653
+ "defaultProps": {},
1654
+ "getStylesLiterals": {
1655
+ "menuitemItemCheckboxVariantRoot": "default",
1656
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1657
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1658
+ "menuitemItemCheckboxVariantText": "default",
1659
+ "menuitemItemCheckboxVariantActiveText": "on",
1660
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1661
+ "menuitemItemCheckboxVariantStartIcon": "default",
1662
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1663
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1664
+ "menuitemItemCheckboxVariantEndIcon": "default",
1665
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1666
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1667
+ },
1668
+ "cxLiterals": ["uds-menu-item-checkbox"],
1669
+ "internalComponents": ["MenuItemBase"],
1670
+ "internalComponentProps": {},
1671
+ "propToVariantKeys": {},
1672
+ "motionVarPrefixes": []
1658
1673
  };
1659
1674
  var componentData_default = {
1660
1675
  Link,
@@ -1666,6 +1681,12 @@ var componentData_default = {
1666
1681
  IconSlot,
1667
1682
  HStack,
1668
1683
  Image,
1684
+ "Table.mocks": Table_mocks,
1685
+ Table,
1686
+ Spinner,
1687
+ DividerCore,
1688
+ DividerInternal,
1689
+ Divider,
1669
1690
  Button,
1670
1691
  Checkbox,
1671
1692
  SpringMotionConfig,
@@ -1674,53 +1695,47 @@ var componentData_default = {
1674
1695
  Badge,
1675
1696
  AnimateHeightChange,
1676
1697
  Pressable,
1677
- "Menu.Item": Menu_Item,
1678
- "Menu.Provider": Menu_Provider,
1679
- "Menu.ItemBase": Menu_ItemBase,
1680
- "Menu.Trigger": Menu_Trigger,
1681
- "Menu.Content": Menu_Content,
1682
- "Menu.Divider": Menu_Divider,
1683
- Menu,
1684
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
1685
- ChipLink,
1686
- ChipDismissible,
1687
- ChipToggle,
1688
- Chip,
1689
- ChipBase,
1690
- ChipButton,
1691
- UDSConfigProvider,
1692
- UDSBreakpointsConfigProvider,
1693
- Input,
1694
- InputHelpText,
1695
- InputHelpTextInternal,
1696
- UDSTooltipConfigProvider,
1697
- TooltipTrigger,
1698
- TooltipContent,
1699
- Tooltip,
1700
- RadioGroupStore,
1701
- RadioGroupProvider,
1702
- Radio,
1703
- UDSToastConfigProvider,
1704
- Toast,
1705
- ToastContainer,
1706
- ToastPortal,
1707
1698
  AvatarImage,
1708
1699
  AvatarText,
1709
1700
  Avatar,
1710
1701
  AvatarIcon,
1711
- DividerCore,
1712
- DividerInternal,
1713
- Divider,
1714
- "Table.mocks": Table_mocks,
1715
- Table,
1716
- Spinner,
1717
1702
  AvoidMotionLibraryProvider,
1718
1703
  SegmentedControl,
1719
1704
  Popover,
1720
1705
  SwitchV2,
1721
1706
  Tabs,
1722
1707
  Modal,
1723
- Accordion
1708
+ Accordion,
1709
+ UDSToastConfigProvider,
1710
+ Toast,
1711
+ ToastContainer,
1712
+ ToastPortal,
1713
+ RadioGroupStore,
1714
+ RadioGroupProvider,
1715
+ Radio,
1716
+ UDSTooltipConfigProvider,
1717
+ TooltipTrigger,
1718
+ TooltipContent,
1719
+ Tooltip,
1720
+ Input,
1721
+ InputHelpText,
1722
+ InputHelpTextInternal,
1723
+ UDSConfigProvider,
1724
+ UDSBreakpointsConfigProvider,
1725
+ ChipLink,
1726
+ ChipDismissible,
1727
+ ChipToggle,
1728
+ Chip,
1729
+ ChipBase,
1730
+ ChipButton,
1731
+ "Menu.Item": Menu_Item,
1732
+ "Menu.Provider": Menu_Provider,
1733
+ "Menu.ItemBase": Menu_ItemBase,
1734
+ "Menu.Trigger": Menu_Trigger,
1735
+ "Menu.Content": Menu_Content,
1736
+ "Menu.Divider": Menu_Divider,
1737
+ Menu,
1738
+ "Menu.ItemCheckbox": Menu_ItemCheckbox
1724
1739
  };
1725
1740
 
1726
1741
  //#endregion