@yahoo/uds-mobile 2.20.1 → 2.21.0

package/generated/styles.mjs

@@ -1911,7 +1911,7 @@ const buttonStyles = StyleSheet.create((theme) => ({
         pressed: true,
         styles: theme.components['button/variant/warning/root/pressed'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   text: {
     variants: {
@@ -2158,7 +2158,7 @@ const buttonStyles = StyleSheet.create((theme) => ({
         pressed: true,
         styles: theme.components['button/variant/warning/rootText/pressed'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   icon: {
     variants: {
@@ -2405,7 +2405,7 @@ const buttonStyles = StyleSheet.create((theme) => ({
         pressed: true,
         styles: theme.components['button/variant/warning/icon/pressed'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
 }));
 
@@ -2664,7 +2664,7 @@ const checkboxStyles = StyleSheet.create((theme) => ({
         value: 'unchecked',
         styles: theme.components['checkbox/variant/secondary/value/unchecked/rootText/rest'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   checkbox: {
     variants: {
@@ -2897,7 +2897,7 @@ const checkboxStyles = StyleSheet.create((theme) => ({
         value: 'unchecked',
         styles: theme.components['checkbox/variant/secondary/value/unchecked/checkbox/rest'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   checkboxIcon: {
     variants: {
@@ -3141,7 +3141,7 @@ const checkboxStyles = StyleSheet.create((theme) => ({
         value: 'unchecked',
         styles: theme.components['checkbox/variant/secondary/value/unchecked/checkboxIcon/rest'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
 }));
 
@@ -3266,7 +3266,7 @@ const chipStyles = StyleSheet.create((theme) => ({
         pressed: true,
         styles: theme.components['chip/toggle/variant/secondary/active/on/root/pressed'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   text: {
     variants: {
@@ -3374,7 +3374,7 @@ const chipStyles = StyleSheet.create((theme) => ({
         pressed: true,
         styles: theme.components['chip/toggle/variant/secondary/active/on/rootText/pressed'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   icon: {
     variants: {
@@ -3481,7 +3481,7 @@ const chipStyles = StyleSheet.create((theme) => ({
         pressed: true,
         styles: theme.components['chip/toggle/variant/secondary/active/on/icon/pressed'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
 }));
 
@@ -3595,8 +3595,7 @@ const inputStyles = StyleSheet.create((theme) => ({
         lg: theme.components['input/size/lg/endIcon/rest'],
         md: theme.components['input/size/md/endIcon/rest'],
       },
-      variant: { default: theme.components['input/variant/default/value/empty/endIcon/rest'] },
-      disabled: { true: {} },
+      variant: { default: theme.components['input/variant/default/endIcon/rest'] },
       pressed: { true: {} },
       readonly: { true: {} },
       invalid: { true: {} },
@@ -3606,11 +3605,9 @@ const inputStyles = StyleSheet.create((theme) => ({
       },
     },
     compoundVariants: [
-      {
-        value: 'empty',
-        disabled: true,
-        styles: theme.components['input/variant/default/value/empty/endIcon/disabled'],
-      },
+      { invalid: true, styles: theme.components['input/variant/default/endIcon/invalid'] },
+      { pressed: true, styles: theme.components['input/variant/default/endIcon/pressed'] },
+      { readonly: true, styles: theme.components['input/variant/default/endIcon/readonly'] },
       {
         value: 'empty',
         invalid: true,
@@ -3626,11 +3623,6 @@ const inputStyles = StyleSheet.create((theme) => ({
         readonly: true,
         styles: theme.components['input/variant/default/value/empty/endIcon/readonly'],
       },
-      {
-        value: 'filled',
-        disabled: true,
-        styles: theme.components['input/variant/default/value/filled/endIcon/disabled'],
-      },
       {
         value: 'filled',
         invalid: true,
@@ -3646,7 +3638,7 @@ const inputStyles = StyleSheet.create((theme) => ({
         readonly: true,
         styles: theme.components['input/variant/default/value/filled/endIcon/readonly'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   helperIcon: {
     variants: {
@@ -3654,8 +3646,7 @@ const inputStyles = StyleSheet.create((theme) => ({
         lg: theme.components['input/size/lg/helperIcon/rest'],
         md: theme.components['input/size/md/helperIcon/rest'],
       },
-      variant: { default: theme.components['input/variant/default/value/empty/helperIcon/rest'] },
-      disabled: { true: {} },
+      variant: { default: theme.components['input/variant/default/helperIcon/rest'] },
       pressed: { true: {} },
       readonly: { true: {} },
       invalid: { true: {} },
@@ -3665,11 +3656,9 @@ const inputStyles = StyleSheet.create((theme) => ({
       },
     },
     compoundVariants: [
-      {
-        value: 'empty',
-        disabled: true,
-        styles: theme.components['input/variant/default/value/empty/helperIcon/disabled'],
-      },
+      { invalid: true, styles: theme.components['input/variant/default/helperIcon/invalid'] },
+      { pressed: true, styles: theme.components['input/variant/default/helperIcon/pressed'] },
+      { readonly: true, styles: theme.components['input/variant/default/helperIcon/readonly'] },
       {
         value: 'empty',
         invalid: true,
@@ -3685,11 +3674,6 @@ const inputStyles = StyleSheet.create((theme) => ({
         readonly: true,
         styles: theme.components['input/variant/default/value/empty/helperIcon/readonly'],
       },
-      {
-        value: 'filled',
-        disabled: true,
-        styles: theme.components['input/variant/default/value/filled/helperIcon/disabled'],
-      },
       {
         value: 'filled',
         invalid: true,
@@ -3705,7 +3689,7 @@ const inputStyles = StyleSheet.create((theme) => ({
         readonly: true,
         styles: theme.components['input/variant/default/value/filled/helperIcon/readonly'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   helperText: {
     variants: {
@@ -3713,8 +3697,7 @@ const inputStyles = StyleSheet.create((theme) => ({
         lg: theme.components['input/size/lg/helperText/rest'],
         md: theme.components['input/size/md/helperText/rest'],
       },
-      variant: { default: theme.components['input/variant/default/value/empty/helperText/rest'] },
-      disabled: { true: {} },
+      variant: { default: theme.components['input/variant/default/helperText/rest'] },
       pressed: { true: {} },
       readonly: { true: {} },
       invalid: { true: {} },
@@ -3724,11 +3707,9 @@ const inputStyles = StyleSheet.create((theme) => ({
       },
     },
     compoundVariants: [
-      {
-        value: 'empty',
-        disabled: true,
-        styles: theme.components['input/variant/default/value/empty/helperText/disabled'],
-      },
+      { invalid: true, styles: theme.components['input/variant/default/helperText/invalid'] },
+      { pressed: true, styles: theme.components['input/variant/default/helperText/pressed'] },
+      { readonly: true, styles: theme.components['input/variant/default/helperText/readonly'] },
       {
         value: 'empty',
         invalid: true,
@@ -3744,11 +3725,6 @@ const inputStyles = StyleSheet.create((theme) => ({
         readonly: true,
         styles: theme.components['input/variant/default/value/empty/helperText/readonly'],
       },
-      {
-        value: 'filled',
-        disabled: true,
-        styles: theme.components['input/variant/default/value/filled/helperText/disabled'],
-      },
       {
         value: 'filled',
         invalid: true,
@@ -3764,7 +3740,7 @@ const inputStyles = StyleSheet.create((theme) => ({
         readonly: true,
         styles: theme.components['input/variant/default/value/filled/helperText/readonly'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   input: {
     variants: {
@@ -3772,8 +3748,7 @@ const inputStyles = StyleSheet.create((theme) => ({
         lg: theme.components['input/size/lg/input/rest'],
         md: theme.components['input/size/md/input/rest'],
       },
-      variant: { default: theme.components['input/variant/default/value/empty/input/rest'] },
-      disabled: { true: {} },
+      variant: { default: theme.components['input/variant/default/input/rest'] },
       pressed: { true: {} },
       readonly: { true: {} },
       invalid: { true: {} },
@@ -3783,11 +3758,9 @@ const inputStyles = StyleSheet.create((theme) => ({
       },
     },
     compoundVariants: [
-      {
-        value: 'empty',
-        disabled: true,
-        styles: theme.components['input/variant/default/value/empty/input/disabled'],
-      },
+      { invalid: true, styles: theme.components['input/variant/default/input/invalid'] },
+      { pressed: true, styles: theme.components['input/variant/default/input/pressed'] },
+      { readonly: true, styles: theme.components['input/variant/default/input/readonly'] },
       {
         value: 'empty',
         invalid: true,
@@ -3803,11 +3776,6 @@ const inputStyles = StyleSheet.create((theme) => ({
         readonly: true,
         styles: theme.components['input/variant/default/value/empty/input/readonly'],
       },
-      {
-        value: 'filled',
-        disabled: true,
-        styles: theme.components['input/variant/default/value/filled/input/disabled'],
-      },
       {
         value: 'filled',
         invalid: true,
@@ -3823,14 +3791,11 @@ const inputStyles = StyleSheet.create((theme) => ({
         readonly: true,
         styles: theme.components['input/variant/default/value/filled/input/readonly'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   inputPlaceholder: {
     variants: {
-      variant: {
-        default: theme.components['input/variant/default/value/empty/inputPlaceholder/rest'],
-      },
-      disabled: { true: {} },
+      variant: { default: theme.components['input/variant/default/inputPlaceholder/rest'] },
       pressed: { true: {} },
       readonly: { true: {} },
       invalid: { true: {} },
@@ -3840,10 +3805,11 @@ const inputStyles = StyleSheet.create((theme) => ({
       },
     },
     compoundVariants: [
+      { invalid: true, styles: theme.components['input/variant/default/inputPlaceholder/invalid'] },
+      { pressed: true, styles: theme.components['input/variant/default/inputPlaceholder/pressed'] },
       {
-        value: 'empty',
-        disabled: true,
-        styles: theme.components['input/variant/default/value/empty/inputPlaceholder/disabled'],
+        readonly: true,
+        styles: theme.components['input/variant/default/inputPlaceholder/readonly'],
       },
       {
         value: 'empty',
@@ -3860,11 +3826,6 @@ const inputStyles = StyleSheet.create((theme) => ({
         readonly: true,
         styles: theme.components['input/variant/default/value/empty/inputPlaceholder/readonly'],
       },
-      {
-        value: 'filled',
-        disabled: true,
-        styles: theme.components['input/variant/default/value/filled/inputPlaceholder/disabled'],
-      },
       {
         value: 'filled',
         invalid: true,
@@ -3880,16 +3841,11 @@ const inputStyles = StyleSheet.create((theme) => ({
         readonly: true,
         styles: theme.components['input/variant/default/value/filled/inputPlaceholder/readonly'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   inputWrapper: {
     variants: {
-      size: {
-        lg: theme.components['input/size/lg/inputWrapper/rest'],
-        md: theme.components['input/size/md/inputWrapper/rest'],
-      },
-      variant: { default: theme.components['input/variant/default/value/empty/inputWrapper/rest'] },
-      disabled: { true: {} },
+      variant: { default: theme.components['input/variant/default/inputWrapper/rest'] },
       pressed: { true: {} },
       readonly: { true: {} },
       invalid: { true: {} },
@@ -3899,11 +3855,9 @@ const inputStyles = StyleSheet.create((theme) => ({
       },
     },
     compoundVariants: [
-      {
-        value: 'empty',
-        disabled: true,
-        styles: theme.components['input/variant/default/value/empty/inputWrapper/disabled'],
-      },
+      { invalid: true, styles: theme.components['input/variant/default/inputWrapper/invalid'] },
+      { pressed: true, styles: theme.components['input/variant/default/inputWrapper/pressed'] },
+      { readonly: true, styles: theme.components['input/variant/default/inputWrapper/readonly'] },
       {
         value: 'empty',
         invalid: true,
@@ -3919,11 +3873,6 @@ const inputStyles = StyleSheet.create((theme) => ({
         readonly: true,
         styles: theme.components['input/variant/default/value/empty/inputWrapper/readonly'],
       },
-      {
-        value: 'filled',
-        disabled: true,
-        styles: theme.components['input/variant/default/value/filled/inputWrapper/disabled'],
-      },
       {
         value: 'filled',
         invalid: true,
@@ -3939,7 +3888,23 @@ const inputStyles = StyleSheet.create((theme) => ({
         readonly: true,
         styles: theme.components['input/variant/default/value/filled/inputWrapper/readonly'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
+  },
+  inputWrapperDynamic: {
+    variants: {
+      size: {
+        lg: theme.components['input/size/lg/inputWrapperDynamic/rest'],
+        md: theme.components['input/size/md/inputWrapperDynamic/rest'],
+      },
+    },
+  },
+  inputWrapperStatic: {
+    variants: {
+      size: {
+        lg: theme.components['input/size/lg/inputWrapperStatic/rest'],
+        md: theme.components['input/size/md/inputWrapperStatic/rest'],
+      },
+    },
   },
   label: {
     variants: {
@@ -3947,8 +3912,7 @@ const inputStyles = StyleSheet.create((theme) => ({
         lg: theme.components['input/size/lg/label/rest'],
         md: theme.components['input/size/md/label/rest'],
       },
-      variant: { default: theme.components['input/variant/default/value/empty/label/rest'] },
-      disabled: { true: {} },
+      variant: { default: theme.components['input/variant/default/label/rest'] },
       pressed: { true: {} },
       readonly: { true: {} },
       invalid: { true: {} },
@@ -3958,11 +3922,9 @@ const inputStyles = StyleSheet.create((theme) => ({
       },
     },
     compoundVariants: [
-      {
-        value: 'empty',
-        disabled: true,
-        styles: theme.components['input/variant/default/value/empty/label/disabled'],
-      },
+      { invalid: true, styles: theme.components['input/variant/default/label/invalid'] },
+      { pressed: true, styles: theme.components['input/variant/default/label/pressed'] },
+      { readonly: true, styles: theme.components['input/variant/default/label/readonly'] },
       {
         value: 'empty',
         invalid: true,
@@ -3978,11 +3940,6 @@ const inputStyles = StyleSheet.create((theme) => ({
         readonly: true,
         styles: theme.components['input/variant/default/value/empty/label/readonly'],
       },
-      {
-        value: 'filled',
-        disabled: true,
-        styles: theme.components['input/variant/default/value/filled/label/disabled'],
-      },
       {
         value: 'filled',
         invalid: true,
@@ -3998,14 +3955,11 @@ const inputStyles = StyleSheet.create((theme) => ({
         readonly: true,
         styles: theme.components['input/variant/default/value/filled/label/readonly'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   labelRequired: {
     variants: {
-      variant: {
-        default: theme.components['input/variant/default/value/empty/labelRequired/rest'],
-      },
-      disabled: { true: {} },
+      variant: { default: theme.components['input/variant/default/labelRequired/rest'] },
       pressed: { true: {} },
       readonly: { true: {} },
       invalid: { true: {} },
@@ -4015,11 +3969,9 @@ const inputStyles = StyleSheet.create((theme) => ({
       },
     },
     compoundVariants: [
-      {
-        value: 'empty',
-        disabled: true,
-        styles: theme.components['input/variant/default/value/empty/labelRequired/disabled'],
-      },
+      { invalid: true, styles: theme.components['input/variant/default/labelRequired/invalid'] },
+      { pressed: true, styles: theme.components['input/variant/default/labelRequired/pressed'] },
+      { readonly: true, styles: theme.components['input/variant/default/labelRequired/readonly'] },
       {
         value: 'empty',
         invalid: true,
@@ -4035,11 +3987,6 @@ const inputStyles = StyleSheet.create((theme) => ({
         readonly: true,
         styles: theme.components['input/variant/default/value/empty/labelRequired/readonly'],
       },
-      {
-        value: 'filled',
-        disabled: true,
-        styles: theme.components['input/variant/default/value/filled/labelRequired/disabled'],
-      },
       {
         value: 'filled',
         invalid: true,
@@ -4055,7 +4002,7 @@ const inputStyles = StyleSheet.create((theme) => ({
         readonly: true,
         styles: theme.components['input/variant/default/value/filled/labelRequired/readonly'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   startIcon: {
     variants: {
@@ -4063,8 +4010,7 @@ const inputStyles = StyleSheet.create((theme) => ({
         lg: theme.components['input/size/lg/startIcon/rest'],
         md: theme.components['input/size/md/startIcon/rest'],
       },
-      variant: { default: theme.components['input/variant/default/value/empty/startIcon/rest'] },
-      disabled: { true: {} },
+      variant: { default: theme.components['input/variant/default/startIcon/rest'] },
       pressed: { true: {} },
       readonly: { true: {} },
       invalid: { true: {} },
@@ -4074,11 +4020,9 @@ const inputStyles = StyleSheet.create((theme) => ({
       },
     },
     compoundVariants: [
-      {
-        value: 'empty',
-        disabled: true,
-        styles: theme.components['input/variant/default/value/empty/startIcon/disabled'],
-      },
+      { invalid: true, styles: theme.components['input/variant/default/startIcon/invalid'] },
+      { pressed: true, styles: theme.components['input/variant/default/startIcon/pressed'] },
+      { readonly: true, styles: theme.components['input/variant/default/startIcon/readonly'] },
       {
         value: 'empty',
         invalid: true,
@@ -4094,11 +4038,6 @@ const inputStyles = StyleSheet.create((theme) => ({
         readonly: true,
         styles: theme.components['input/variant/default/value/empty/startIcon/readonly'],
       },
-      {
-        value: 'filled',
-        disabled: true,
-        styles: theme.components['input/variant/default/value/filled/startIcon/disabled'],
-      },
       {
         value: 'filled',
         invalid: true,
@@ -4114,7 +4053,7 @@ const inputStyles = StyleSheet.create((theme) => ({
         readonly: true,
         styles: theme.components['input/variant/default/value/filled/startIcon/readonly'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
 }));
 
@@ -4193,7 +4132,7 @@ const linkStyles = StyleSheet.create((theme) => ({
         pressed: true,
         styles: theme.components['link/variant/tertiary/rootText/pressed'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   icon: {
     variants: {
@@ -4254,7 +4193,7 @@ const linkStyles = StyleSheet.create((theme) => ({
         pressed: true,
         styles: theme.components['link/variant/tertiary/iconEnd/pressed'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   iconStart: {
     variants: {
@@ -4287,7 +4226,7 @@ const linkStyles = StyleSheet.create((theme) => ({
         pressed: true,
         styles: theme.components['link/variant/tertiary/iconStart/pressed'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
 }));
 
@@ -4504,7 +4443,7 @@ const paddleNavStyles = StyleSheet.create((theme) => ({
         pressed: true,
         styles: theme.components['paddleNav/variant/tertiary/root/pressed'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   icon: {
     variants: {
@@ -4538,7 +4477,7 @@ const paddleNavStyles = StyleSheet.create((theme) => ({
         pressed: true,
         styles: theme.components['paddleNav/variant/tertiary/icon/pressed'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   background: {
     variants: {
@@ -4565,7 +4504,7 @@ const paddleNavStyles = StyleSheet.create((theme) => ({
         pressed: true,
         styles: theme.components['paddleNav/variant/tertiary/background/pressed'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
 }));
 
@@ -4603,7 +4542,7 @@ const paginationStyles = StyleSheet.create((theme) => ({
         pressed: true,
         styles: theme.components['pagination/variant/default/active/off/root/pressed'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   text: {
     variants: {
@@ -4623,7 +4562,7 @@ const paginationStyles = StyleSheet.create((theme) => ({
         pressed: true,
         styles: theme.components['pagination/variant/default/active/off/rootText/pressed'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   icon: {
     variants: {
@@ -4828,7 +4767,7 @@ const radioStyles = StyleSheet.create((theme) => ({
         value: 'unchecked',
         styles: theme.components['radio/variant/secondary/value/unchecked/rootText/rest'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   radio: {
     variants: {
@@ -4935,7 +4874,7 @@ const radioStyles = StyleSheet.create((theme) => ({
         value: 'unchecked',
         styles: theme.components['radio/variant/secondary/value/unchecked/radio/rest'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   radioCircle: {
     variants: {
@@ -5039,7 +4978,7 @@ const radioStyles = StyleSheet.create((theme) => ({
         value: 'unchecked',
         styles: theme.components['radio/variant/secondary/value/unchecked/radioCircle/rest'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
 }));
 
@@ -5186,7 +5125,7 @@ const tabStyles = StyleSheet.create((theme) => ({
         pressed: true,
         styles: theme.components['tab/variant/secondary/active/on/root/pressed'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   text: {
     variants: {
@@ -5218,7 +5157,7 @@ const tabStyles = StyleSheet.create((theme) => ({
         pressed: true,
         styles: theme.components['tab/variant/secondary/active/on/rootText/pressed'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
   icon: {
     variants: {
@@ -5250,7 +5189,7 @@ const tabStyles = StyleSheet.create((theme) => ({
         pressed: true,
         styles: theme.components['tab/variant/secondary/active/on/icon/pressed'],
       },
-    ],
+    ].filter((cv) => cv.styles != null),
   },
 }));