@yahoo/uds-mobile 2.22.0 → 2.23.1

package/generated/styles.d.ts

@@ -1944,6 +1944,7 @@ export declare const menuItemStyles: {
     variants:
       | { item?: 'off' | 'on' | undefined; itemCheckbox?: 'off' | 'on' | undefined }
       | {
+          size?: undefined;
           divider?: undefined;
           item?: 'off' | 'on' | undefined;
           itemCheckbox?: 'off' | 'on' | undefined;
@@ -2136,6 +2137,44 @@ export declare const scrimStyles: {
   useVariants: (variants: { variant?: undefined }) => void;
 };
 
+export declare const selectContentStyles: {
+  root: {
+    borderRadius: number;
+    borderWidth: number;
+    boxShadow: string;
+    gap: number;
+    paddingHorizontal: number;
+    paddingVertical: number;
+    backgroundColor: string;
+    borderColor: string;
+  };
+} & {
+  useVariants: (variants: { size?: undefined; variant?: undefined }) => void;
+};
+
+export declare const selectItemStyles: {
+  root: { backgroundColor: string };
+  icon: { color: string };
+  endIcon: { fontSize: number; iconSizeToken: 'sm'; lineHeight: number };
+  line: { borderColor: string; borderWidth: number };
+  startIcon: { fontSize: number; iconSizeToken: 'sm'; lineHeight: number };
+} & {
+  useVariants: (
+    variants:
+      | { pressed?: boolean | 'true' | undefined; item?: 'off' | 'on' | undefined }
+      | {
+          size?: undefined;
+          pressed?: boolean | 'true' | undefined;
+          divider?: undefined;
+          item?: 'off' | 'on' | undefined;
+        }
+      | { pressed?: boolean | 'true' | undefined; item?: 'off' | 'on' | undefined }
+      | { size?: undefined }
+      | { divider?: undefined }
+      | { size?: undefined },
+  ) => void;
+};
+
 export declare const switchStyles: {
   root: { gap: number; paddingHorizontal: number; paddingVertical: number };
   text: {

package/generated/styles.mjs

@@ -4284,6 +4284,7 @@ const menuItemStyles = StyleSheet.create((theme) => ({
   },
   text: {
     variants: {
+      size: { default: theme.components['menuItem/size/default/text/rest'] },
       divider: { default: theme.components['menuItem/divider/variant/default/text/rest'] },
       item: {
         off: theme.components['menuItem/item/variant/default/active/off/text/rest'],
@@ -5005,6 +5006,128 @@ const scrimStyles = StyleSheet.create((theme) => ({
   },
 }));
 
+/**
+ * Layer-based styles for SelectContent.
+ * Uses compound variants for state-specific (disabled/pressed) styles.
+ *
+ * Usage:
+ * ```tsx
+ * selectContentStyles.useVariants({
+ *   size,
+ *   variant,
+ *   disabled: isDisabled,  // boolean
+ *   pressed: isPressed,    // boolean
+ * });
+ * // Access: selectContentStyles.root, selectContentStyles.icon, etc.
+ * ```
+ */
+const selectContentStyles = StyleSheet.create((theme) => ({
+  root: {
+    variants: {
+      size: { default: theme.components['selectContent/size/default/root/rest'] },
+      variant: { default: theme.components['selectContent/variant/default/root/rest'] },
+    },
+  },
+}));
+
+/**
+ * Layer-based styles for SelectItem.
+ * Uses compound variants for state-specific (disabled/pressed) styles.
+ *
+ * Usage:
+ * ```tsx
+ * selectItemStyles.useVariants({
+ *   size,
+ *   variant,
+ *   disabled: isDisabled,  // boolean
+ *   pressed: isPressed,    // boolean
+ * });
+ * // Access: selectItemStyles.root, selectItemStyles.icon, etc.
+ * ```
+ */
+const selectItemStyles = StyleSheet.create((theme) => ({
+  root: {
+    variants: {
+      pressed: { true: {} },
+      item: {
+        off: theme.components['selectItem/item/variant/default/active/off/root/rest'],
+        on: theme.components['selectItem/item/variant/default/active/on/root/rest'],
+      },
+    },
+    compoundVariants: [
+      {
+        item: 'off',
+        pressed: true,
+        styles: theme.components['selectItem/item/variant/default/active/off/root/pressed'],
+      },
+      {
+        item: 'on',
+        pressed: true,
+        styles: theme.components['selectItem/item/variant/default/active/on/root/pressed'],
+      },
+    ].filter((cv) => cv.styles != null),
+  },
+  text: {
+    variants: {
+      size: { default: theme.components['selectItem/size/default/text/rest'] },
+      pressed: { true: {} },
+      divider: { default: theme.components['selectItem/divider/variant/default/text/rest'] },
+      item: {
+        off: theme.components['selectItem/item/variant/default/active/off/text/rest'],
+        on: theme.components['selectItem/item/variant/default/active/on/text/rest'],
+      },
+    },
+    compoundVariants: [
+      {
+        item: 'off',
+        pressed: true,
+        styles: theme.components['selectItem/item/variant/default/active/off/text/pressed'],
+      },
+      {
+        item: 'on',
+        pressed: true,
+        styles: theme.components['selectItem/item/variant/default/active/on/text/pressed'],
+      },
+    ].filter((cv) => cv.styles != null),
+  },
+  icon: {
+    variants: {
+      pressed: { true: {} },
+      item: {
+        off: theme.components['selectItem/item/variant/default/active/off/icon/rest'],
+        on: theme.components['selectItem/item/variant/default/active/on/icon/rest'],
+      },
+    },
+    compoundVariants: [
+      {
+        item: 'off',
+        pressed: true,
+        styles: theme.components['selectItem/item/variant/default/active/off/icon/pressed'],
+      },
+      {
+        item: 'on',
+        pressed: true,
+        styles: theme.components['selectItem/item/variant/default/active/on/icon/pressed'],
+      },
+    ].filter((cv) => cv.styles != null),
+  },
+  endIcon: {
+    variants: {
+      size: { default: theme.components['selectItem/size/default/endIcon/rest'] },
+    },
+  },
+  line: {
+    variants: {
+      divider: { default: theme.components['selectItem/divider/variant/default/line/rest'] },
+    },
+  },
+  startIcon: {
+    variants: {
+      size: { default: theme.components['selectItem/size/default/startIcon/rest'] },
+    },
+  },
+}));
+
 /**
  * Layer-based styles for Switch.
  * Uses compound variants for state-specific (disabled/pressed) styles.
@@ -5370,6 +5493,8 @@ export {
   popoverStyles,
   radioStyles,
   scrimStyles,
+  selectContentStyles,
+  selectItemStyles,
   switchStyles,
   tabStyles,
   tabsStyles,

package/generated/unistyles.d.ts

@@ -3768,10 +3768,6 @@ interface ComponentTheme {
   };
   'menuItem/item/variant/default/active/off/text/rest': {
     color: string;
-    fontFamily: string;
-    fontSize: number;
-    letterSpacing: number;
-    lineHeight: number;
   };
   'menuItem/item/variant/default/active/on/icon/rest': {
     color: string;
@@ -3781,10 +3777,6 @@ interface ComponentTheme {
   };
   'menuItem/item/variant/default/active/on/text/rest': {
     color: string;
-    fontFamily: string;
-    fontSize: number;
-    letterSpacing: number;
-    lineHeight: number;
   };
   'menuItem/itemCheckbox/variant/default/active/off/endIcon/rest': {
     color: string;
@@ -3828,6 +3820,12 @@ interface ComponentTheme {
     iconSizeToken: string;
     lineHeight: number;
   };
+  'menuItem/size/default/text/rest': {
+    fontFamily: string;
+    fontSize: number;
+    letterSpacing: number;
+    lineHeight: number;
+  };
   'modal/size/default/actions/rest': {
     gap: number;
   };
@@ -4300,6 +4298,108 @@ interface ComponentTheme {
     backgroundColor: string;
     opacity: number;
   };
+  'select/variant/default/endIcon/invalid': {
+    color: string;
+  };
+  'select/variant/default/endIcon/pressed': {
+    color: string;
+  };
+  'select/variant/default/endIcon/readonly': {
+    color: string;
+  };
+  'select/variant/default/endIcon/rest': {
+    color: string;
+  };
+  'select/variant/default/startIcon/invalid': {
+    color: string;
+  };
+  'select/variant/default/startIcon/pressed': {
+    color: string;
+  };
+  'select/variant/default/startIcon/readonly': {
+    color: string;
+  };
+  'select/variant/default/startIcon/rest': {
+    color: string;
+  };
+  'select/variant/default/value/empty/endIcon/pressed': {
+    color: string;
+  };
+  'selectContent/size/default/root/rest': {
+    borderRadius: number;
+    borderWidth: number;
+    boxShadow: string;
+    gap: number;
+    paddingHorizontal: number;
+    paddingVertical: number;
+  };
+  'selectContent/variant/default/root/rest': {
+    backgroundColor: string;
+    borderColor: string;
+  };
+  'selectItem/divider/variant/default/line/rest': {
+    borderColor: string;
+    borderWidth: number;
+  };
+  'selectItem/divider/variant/default/text/rest': {
+    color: string;
+    fontFamily: string;
+    fontSize: number;
+    letterSpacing: number;
+    lineHeight: number;
+  };
+  'selectItem/item/variant/default/active/off/icon/pressed': {
+    color: string;
+  };
+  'selectItem/item/variant/default/active/off/icon/rest': {
+    color: string;
+  };
+  'selectItem/item/variant/default/active/off/root/pressed': {
+    backgroundColor: string;
+  };
+  'selectItem/item/variant/default/active/off/root/rest': {
+    backgroundColor: string;
+  };
+  'selectItem/item/variant/default/active/off/text/pressed': {
+    color: string;
+  };
+  'selectItem/item/variant/default/active/off/text/rest': {
+    color: string;
+  };
+  'selectItem/item/variant/default/active/on/icon/pressed': {
+    color: string;
+  };
+  'selectItem/item/variant/default/active/on/icon/rest': {
+    color: string;
+  };
+  'selectItem/item/variant/default/active/on/root/pressed': {
+    backgroundColor: string;
+  };
+  'selectItem/item/variant/default/active/on/root/rest': {
+    backgroundColor: string;
+  };
+  'selectItem/item/variant/default/active/on/text/pressed': {
+    color: string;
+  };
+  'selectItem/item/variant/default/active/on/text/rest': {
+    color: string;
+  };
+  'selectItem/size/default/endIcon/rest': {
+    fontSize: number;
+    iconSizeToken: string;
+    lineHeight: number;
+  };
+  'selectItem/size/default/startIcon/rest': {
+    fontSize: number;
+    iconSizeToken: string;
+    lineHeight: number;
+  };
+  'selectItem/size/default/text/rest': {
+    fontFamily: string;
+    fontSize: number;
+    letterSpacing: number;
+    lineHeight: number;
+  };
   'switch/size/md/handle/rest': {
     height: number;
     width: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yahoo/uds-mobile",
-  "version": "2.22.0",
+  "version": "2.23.1",
   "type": "module",
   "bin": {
     "uds-mobile": "./cli/uds-mobile.js"
@@ -280,6 +280,16 @@
         "default": "./dist/components/Screen.cjs"
       }
     },
+    "./Select": {
+      "import": {
+        "types": "./dist/components/Select/index.d.ts",
+        "default": "./dist/components/Select/index.js"
+      },
+      "require": {
+        "types": "./dist/components/Select/index.d.cts",
+        "default": "./dist/components/Select/index.cjs"
+      }
+    },
     "./Switch": {
       "import": {
         "types": "./dist/components/Switch.d.ts",