@yahoo/uds 3.114.0-beta.3 → 3.115.0-beta.1

package/generated/componentData.json

@@ -94,6 +94,42 @@
     },
     "motionVarPrefixes": []
   },
+  "Scrim": {
+    "name": "Scrim",
+    "defaultProps": {
+      "variant": "default",
+      "position": "fixed"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "fixed",
+      "absolute",
+      "inset-0",
+      "z-40",
+      "transition-opacity",
+      "duration-150",
+      "data-[enter]:opacity-100",
+      "[&:not([data-enter])]:opacity-0",
+      "opacity-100",
+      "uds-bgBlurFallback"
+    ],
+    "internalComponents": [
+      "Box"
+    ],
+    "internalComponentProps": {
+      "Box": {
+        "display": [
+          "block"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "variant": [
+        "scrimVariantRoot"
+      ]
+    },
+    "motionVarPrefixes": []
+  },
   "Icon": {
     "name": "Icon",
     "defaultProps": {
@@ -1431,6 +1467,235 @@
     },
     "motionVarPrefixes": []
   },
+  "BottomSheetContent": {
+    "name": "BottomSheetContent",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "min-h-0",
+      "touch-pan-y"
+    ],
+    "internalComponents": [
+      "Box",
+      "VStack"
+    ],
+    "internalComponentProps": {
+      "Box": {
+        "display": [
+          "block"
+        ],
+        "overflowY": [
+          "auto"
+        ],
+        "flex": [
+          "1"
+        ]
+      },
+      "VStack": {
+        "className": [
+          "pb-[calc(env(safe-area-inset-bottom))]"
+        ]
+      }
+    },
+    "propToVariantKeys": {},
+    "motionVarPrefixes": []
+  },
+  "BottomSheetDismiss": {
+    "name": "BottomSheetDismiss",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "AriakitDialogDismiss"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "motionVarPrefixes": []
+  },
+  "BottomSheet": {
+    "name": "BottomSheet",
+    "defaultProps": {
+      "variant": "default"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "fixed",
+      "overflow-hidden",
+      "inset-x-0",
+      "bottom-0",
+      "z-50",
+      "[will-change:transform]",
+      "touch-none",
+      "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
+      "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
+      "transition-transform",
+      "duration-500",
+      "ease-[cubic-bezier(0.32,0.72,0,1)]",
+      "motion-reduce:transition-none",
+      "top-[-4px]",
+      "z-[1]",
+      "touch-pan-y"
+    ],
+    "internalComponents": [
+      "Scrim",
+      "BottomSheetHandle",
+      "Dialog",
+      "Box"
+    ],
+    "internalComponentProps": {
+      "BottomSheetHandle": {
+        "ariaLabel": [
+          "Resize sheet"
+        ]
+      },
+      "Dialog": {
+        "data-testid": [
+          "bottom-sheet"
+        ]
+      },
+      "Box": {
+        "display": [
+          "block"
+        ],
+        "position": [
+          "absolute"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "variant": [
+        "bottomsheetVariantRoot"
+      ]
+    },
+    "motionVarPrefixes": []
+  },
+  "BottomSheetHandle": {
+    "name": "BottomSheetHandle",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "relative",
+      "h-5",
+      "w-16",
+      "outline-none",
+      "focus-visible:outline-none",
+      "[touch-action:pan-y]",
+      "absolute",
+      "left-1/2",
+      "top-1/2",
+      "-translate-x-1/2",
+      "-translate-y-1/2",
+      "h-1",
+      "w-8",
+      "rounded-full",
+      "bg-accent"
+    ],
+    "internalComponents": [
+      "Box"
+    ],
+    "internalComponentProps": {
+      "Box": {
+        "display": [
+          "block",
+          "flex"
+        ],
+        "justifyContent": [
+          "center"
+        ]
+      }
+    },
+    "propToVariantKeys": {},
+    "motionVarPrefixes": []
+  },
+  "BottomSheetHeader": {
+    "name": "BottomSheetHeader",
+    "defaultProps": {
+      "variant": "default"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "grid-cols-[40px_1fr_40px]",
+      "items-center",
+      "w-full",
+      "min-h-10",
+      "mt-2"
+    ],
+    "internalComponents": [
+      "Box",
+      "Text"
+    ],
+    "internalComponentProps": {
+      "Box": {
+        "className": [
+          "h-10 w-10 opacity-0 pointer-events-none"
+        ],
+        "display": [
+          "grid",
+          "flex"
+        ],
+        "justifyContent": [
+          "flex-start",
+          "flex-end"
+        ]
+      },
+      "Text": {
+        "variant": [
+          "inherit"
+        ],
+        "color": [
+          "inherit"
+        ],
+        "textAlign": [
+          "center"
+        ],
+        "className": [
+          "w-full"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "variant": [
+        "bottomsheetVariantHeader"
+      ]
+    },
+    "motionVarPrefixes": []
+  },
+  "BottomSheetTrigger": {
+    "name": "BottomSheetTrigger",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "AriakitDialogDisclosure"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "motionVarPrefixes": []
+  },
+  "BottomSheetProvider": {
+    "name": "BottomSheetProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "AriakitDialogProvider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "motionVarPrefixes": []
+  },
+  "UDSBottomSheetConfigProvider": {
+    "name": "UDSBottomSheetConfigProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "BottomSheetContext.Provider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "motionVarPrefixes": []
+  },
   "UDSToastConfigProvider": {
     "name": "UDSToastConfigProvider",
     "defaultProps": {},
@@ -1986,6 +2251,7 @@
     "cxLiterals": [],
     "internalComponents": [
       "UDSBreakpointsConfigProvider",
+      "UDSBottomSheetConfigProvider",
       "UDSToastConfigProvider",
       "UDSTooltipConfigProvider"
     ],
@@ -2005,43 +2271,224 @@
     "propToVariantKeys": {},
     "motionVarPrefixes": []
   },
-  "Menu.Item": {
-    "name": "Menu.Item",
-    "defaultProps": {},
-    "getStylesLiterals": {
-      "menuitemItemVariantRoot": "default",
-      "menuitemItemVariantActiveRoot": "on",
-      "menuitemItemVariantActiveRoot:1": "off",
-      "menuitemItemVariantText": "default",
-      "menuitemItemVariantActiveText": "on",
-      "menuitemItemVariantActiveText:1": "off",
-      "menuitemItemVariantIcon": "default",
-      "menuitemItemVariantActiveIcon": "on",
-      "menuitemItemVariantActiveIcon:1": "off"
+  "ChipLink": {
+    "name": "ChipLink",
+    "defaultProps": {
+      "variant": "primary"
     },
-    "cxLiterals": [],
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "uds-ring"
+    ],
     "internalComponents": [
-      "MenuItemBase"
+      "ChipBase"
     ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
+    "internalComponentProps": {
+      "ChipBase": {
+        "as": [
+          "a"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "variant": [
+        "chipLinkVariantRoot",
+        "chipLinkVariantIcon"
+      ]
+    },
     "motionVarPrefixes": []
   },
-  "Menu.Provider": {
-    "name": "Menu.Provider",
-    "defaultProps": {},
+  "ChipDismissible": {
+    "name": "ChipDismissible",
+    "defaultProps": {
+      "variant": "primary"
+    },
     "getStylesLiterals": {},
-    "cxLiterals": [],
+    "cxLiterals": [
+      "uds-chip-dismissible-button",
+      "uds-hit-target",
+      "uds-ring",
+      "rounded-full"
+    ],
     "internalComponents": [
-      "AriakitMenuProvider",
-      "SpringMotionConfig"
+      "ChipBase",
+      "IconSlot",
+      "Pressable"
     ],
     "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "motionVarPrefixes": [
-      "--uds-motion-subtle-3-",
-      "--uds-motion-smooth-3-"
-    ]
+    "propToVariantKeys": {
+      "variant": [
+        "chipDismissibleVariantRoot",
+        "chipDismissibleVariantIcon"
+      ],
+      "dismissButtonAriaLabel": [
+        "aria-label"
+      ]
+    },
+    "motionVarPrefixes": []
+  },
+  "ChipToggle": {
+    "name": "ChipToggle",
+    "defaultProps": {
+      "variant": "primary",
+      "role": "checkbox"
+    },
+    "getStylesLiterals": {
+      "chipToggleVariantActiveRoot": "on",
+      "chipToggleVariantActiveRoot:1": "off"
+    },
+    "cxLiterals": [
+      "uds-ring"
+    ],
+    "internalComponents": [
+      "ChipBase"
+    ],
+    "internalComponentProps": {
+      "ChipBase": {
+        "as": [
+          "button"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "variant": [
+        "chipToggleVariantRoot",
+        "chipToggleVariantIcon"
+      ]
+    },
+    "motionVarPrefixes": []
+  },
+  "Chip": {
+    "name": "Chip",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "ChipDismissible",
+      "ChipToggle",
+      "ChipLink",
+      "ChipButton"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "motionVarPrefixes": []
+  },
+  "ChipBase": {
+    "name": "ChipBase",
+    "defaultProps": {
+      "size": "md",
+      "as": "div"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "pointer-events-none",
+      "cursor-default",
+      "opacity-50",
+      "inline-flex",
+      "items-center",
+      "transition-[background-color,outline-color,box-shadow]",
+      "truncate",
+      "whitespace-nowrap",
+      "text-center",
+      "flex-1"
+    ],
+    "internalComponents": [
+      "IconSlot",
+      "HStack",
+      "As",
+      "Text"
+    ],
+    "internalComponentProps": {
+      "Text": {
+        "as": [
+          "span"
+        ],
+        "color": [
+          "current"
+        ],
+        "variant": [
+          "inherit"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "chipSizeRoot",
+        "chipSizeIcon"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
+      ]
+    },
+    "motionVarPrefixes": []
+  },
+  "ChipButton": {
+    "name": "ChipButton",
+    "defaultProps": {
+      "variant": "primary"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "uds-ring"
+    ],
+    "internalComponents": [
+      "ChipBase"
+    ],
+    "internalComponentProps": {
+      "ChipBase": {
+        "as": [
+          "button"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "variant": [
+        "chipLinkVariantRoot",
+        "chipLinkVariantIcon"
+      ]
+    },
+    "motionVarPrefixes": []
+  },
+  "Menu.Item": {
+    "name": "Menu.Item",
+    "defaultProps": {},
+    "getStylesLiterals": {
+      "menuitemItemVariantRoot": "default",
+      "menuitemItemVariantActiveRoot": "on",
+      "menuitemItemVariantActiveRoot:1": "off",
+      "menuitemItemVariantText": "default",
+      "menuitemItemVariantActiveText": "on",
+      "menuitemItemVariantActiveText:1": "off",
+      "menuitemItemVariantIcon": "default",
+      "menuitemItemVariantActiveIcon": "on",
+      "menuitemItemVariantActiveIcon:1": "off"
+    },
+    "cxLiterals": [],
+    "internalComponents": [
+      "MenuItemBase"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "motionVarPrefixes": []
+  },
+  "Menu.Provider": {
+    "name": "Menu.Provider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "AriakitMenuProvider",
+      "SpringMotionConfig"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "motionVarPrefixes": [
+      "--uds-motion-subtle-3-",
+      "--uds-motion-smooth-3-"
+    ]
   },
   "Menu.ItemBase": {
     "name": "Menu.ItemBase",
@@ -2232,186 +2679,5 @@
     "internalComponentProps": {},
     "propToVariantKeys": {},
     "motionVarPrefixes": []
-  },
-  "ChipLink": {
-    "name": "ChipLink",
-    "defaultProps": {
-      "variant": "primary"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "uds-ring"
-    ],
-    "internalComponents": [
-      "ChipBase"
-    ],
-    "internalComponentProps": {
-      "ChipBase": {
-        "as": [
-          "a"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "variant": [
-        "chipLinkVariantRoot",
-        "chipLinkVariantIcon"
-      ]
-    },
-    "motionVarPrefixes": []
-  },
-  "ChipDismissible": {
-    "name": "ChipDismissible",
-    "defaultProps": {
-      "variant": "primary"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "uds-chip-dismissible-button",
-      "uds-hit-target",
-      "uds-ring",
-      "rounded-full"
-    ],
-    "internalComponents": [
-      "ChipBase",
-      "IconSlot",
-      "Pressable"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {
-      "variant": [
-        "chipDismissibleVariantRoot",
-        "chipDismissibleVariantIcon"
-      ],
-      "dismissButtonAriaLabel": [
-        "aria-label"
-      ]
-    },
-    "motionVarPrefixes": []
-  },
-  "ChipToggle": {
-    "name": "ChipToggle",
-    "defaultProps": {
-      "variant": "primary",
-      "role": "checkbox"
-    },
-    "getStylesLiterals": {
-      "chipToggleVariantActiveRoot": "on",
-      "chipToggleVariantActiveRoot:1": "off"
-    },
-    "cxLiterals": [
-      "uds-ring"
-    ],
-    "internalComponents": [
-      "ChipBase"
-    ],
-    "internalComponentProps": {
-      "ChipBase": {
-        "as": [
-          "button"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "variant": [
-        "chipToggleVariantRoot",
-        "chipToggleVariantIcon"
-      ]
-    },
-    "motionVarPrefixes": []
-  },
-  "Chip": {
-    "name": "Chip",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "ChipDismissible",
-      "ChipToggle",
-      "ChipLink",
-      "ChipButton"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "motionVarPrefixes": []
-  },
-  "ChipBase": {
-    "name": "ChipBase",
-    "defaultProps": {
-      "size": "md",
-      "as": "div"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "pointer-events-none",
-      "cursor-default",
-      "opacity-50",
-      "inline-flex",
-      "items-center",
-      "transition-[background-color,outline-color,box-shadow]",
-      "truncate",
-      "whitespace-nowrap",
-      "text-center",
-      "flex-1"
-    ],
-    "internalComponents": [
-      "IconSlot",
-      "HStack",
-      "As",
-      "Text"
-    ],
-    "internalComponentProps": {
-      "Text": {
-        "as": [
-          "span"
-        ],
-        "color": [
-          "current"
-        ],
-        "variant": [
-          "inherit"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "size": [
-        "chipSizeRoot",
-        "chipSizeIcon"
-      ],
-      "startIcon": [
-        "icon"
-      ],
-      "endIcon": [
-        "icon"
-      ]
-    },
-    "motionVarPrefixes": []
-  },
-  "ChipButton": {
-    "name": "ChipButton",
-    "defaultProps": {
-      "variant": "primary"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "uds-ring"
-    ],
-    "internalComponents": [
-      "ChipBase"
-    ],
-    "internalComponentProps": {
-      "ChipBase": {
-        "as": [
-          "button"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "variant": [
-        "chipLinkVariantRoot",
-        "chipLinkVariantIcon"
-      ]
-    },
-    "motionVarPrefixes": []
   }
 }