@yahoo/uds-mobile 2.2.0 → 2.3.1

package/generated/styles.cjs

@@ -4267,6 +4267,51 @@ const menuItemStyles = StyleSheet.create((theme) => ({
   },
 }));
 
+/**
+ * Layer-based styles for Popover.
+ * Uses compound variants for state-specific (disabled/pressed) styles.
+ *
+ * Usage:
+ * ```tsx
+ * popoverStyles.useVariants({
+ *   size,
+ *   variant,
+ *   disabled: isDisabled,  // boolean
+ *   pressed: isPressed,    // boolean
+ * });
+ * // Access: popoverStyles.root, popoverStyles.icon, etc.
+ * ```
+ */
+const popoverStyles = StyleSheet.create((theme) => ({
+  root: {
+    variants: {
+      size: { default: theme.components['popover/size/default/root/rest'] },
+    },
+  },
+  closeIcon: {
+    variants: {
+      size: { default: theme.components['popover/size/default/closeIcon/rest'] },
+      variant: { default: theme.components['popover/variant/default/closeIcon/rest'] },
+    },
+  },
+  closeIconContainer: {
+    variants: {
+      size: { default: theme.components['popover/size/default/closeIconContainer/rest'] },
+    },
+  },
+  contentWrapper: {
+    variants: {
+      size: { default: theme.components['popover/size/default/contentWrapper/rest'] },
+    },
+  },
+  svgBase: {
+    variants: {
+      size: { default: theme.components['popover/size/default/svgBase/rest'] },
+      variant: { default: theme.components['popover/variant/default/svgBase/rest'] },
+    },
+  },
+}));
+
 /**
  * Layer-based styles for Radio.
  * Uses compound variants for state-specific (disabled/pressed) styles.
@@ -4843,6 +4888,7 @@ module.exports = {
   linkStyles,
   menuContentStyles,
   menuItemStyles,
+  popoverStyles,
   radioStyles,
   scrimStyles,
   switchStyles,

package/generated/styles.d.ts

@@ -1848,6 +1848,23 @@ export declare const menuItemStyles: {
   ) => void;
 };
 
+export declare const popoverStyles: {
+  root: { boxShadow: string };
+  closeIcon: { fontSize: number; iconSizeToken: 'sm'; lineHeight: number; color: string };
+  closeIconContainer: { padding: number };
+  contentWrapper: { gap: number; paddingHorizontal: number; paddingVertical: number };
+  svgBase: { borderRadius: number; backgroundColor: string };
+} & {
+  useVariants: (
+    variants:
+      | { size?: undefined }
+      | { size?: undefined; variant?: undefined }
+      | { size?: undefined }
+      | { size?: undefined }
+      | { size?: undefined; variant?: undefined },
+  ) => void;
+};
+
 export declare const radioStyles: {
   root: { gap: number };
   text: {

package/generated/styles.mjs

@@ -4267,6 +4267,51 @@ const menuItemStyles = StyleSheet.create((theme) => ({
   },
 }));
 
+/**
+ * Layer-based styles for Popover.
+ * Uses compound variants for state-specific (disabled/pressed) styles.
+ *
+ * Usage:
+ * ```tsx
+ * popoverStyles.useVariants({
+ *   size,
+ *   variant,
+ *   disabled: isDisabled,  // boolean
+ *   pressed: isPressed,    // boolean
+ * });
+ * // Access: popoverStyles.root, popoverStyles.icon, etc.
+ * ```
+ */
+const popoverStyles = StyleSheet.create((theme) => ({
+  root: {
+    variants: {
+      size: { default: theme.components['popover/size/default/root/rest'] },
+    },
+  },
+  closeIcon: {
+    variants: {
+      size: { default: theme.components['popover/size/default/closeIcon/rest'] },
+      variant: { default: theme.components['popover/variant/default/closeIcon/rest'] },
+    },
+  },
+  closeIconContainer: {
+    variants: {
+      size: { default: theme.components['popover/size/default/closeIconContainer/rest'] },
+    },
+  },
+  contentWrapper: {
+    variants: {
+      size: { default: theme.components['popover/size/default/contentWrapper/rest'] },
+    },
+  },
+  svgBase: {
+    variants: {
+      size: { default: theme.components['popover/size/default/svgBase/rest'] },
+      variant: { default: theme.components['popover/variant/default/svgBase/rest'] },
+    },
+  },
+}));
+
 /**
  * Layer-based styles for Radio.
  * Uses compound variants for state-specific (disabled/pressed) styles.
@@ -4843,6 +4888,7 @@ export {
   linkStyles,
   menuContentStyles,
   menuItemStyles,
+  popoverStyles,
   radioStyles,
   scrimStyles,
   switchStyles,

package/generated/unistyles.d.ts

@@ -3696,6 +3696,31 @@ interface ComponentTheme {
     iconSizeToken: string;
     lineHeight: number;
   };
+  'popover/size/default/closeIcon/rest': {
+    fontSize: number;
+    iconSizeToken: string;
+    lineHeight: number;
+  };
+  'popover/size/default/closeIconContainer/rest': {
+    padding: number;
+  };
+  'popover/size/default/contentWrapper/rest': {
+    gap: number;
+    paddingHorizontal: number;
+    paddingVertical: number;
+  };
+  'popover/size/default/root/rest': {
+    boxShadow: string;
+  };
+  'popover/size/default/svgBase/rest': {
+    borderRadius: number;
+  };
+  'popover/variant/default/closeIcon/rest': {
+    color: string;
+  };
+  'popover/variant/default/svgBase/rest': {
+    backgroundColor: string;
+  };
   'radio/size/md/radio/rest': {
     borderWidth: number;
     height: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yahoo/uds-mobile",
-  "version": "2.2.0",
+  "version": "2.3.1",
   "type": "module",
   "bin": {
     "uds-mobile": "./cli/uds-mobile.js"
@@ -217,6 +217,16 @@
         "default": "./dist/components/VStack.cjs"
       }
     },
+    "./jest": {
+      "import": {
+        "types": "./dist/jest/index.d.ts",
+        "default": "./dist/jest/index.js"
+      },
+      "require": {
+        "types": "./dist/jest/index.d.cts",
+        "default": "./dist/jest/index.cjs"
+      }
+    },
     "./motion": {
       "import": {
         "types": "./dist/motion.d.ts",