@yahoo/uds 3.4.8 → 3.5.0-beta.1

package/cli/FullWidthClassToProp.mock.tsx

@@ -0,0 +1,17 @@
+import { Box, Button, HStack } from '@yahoo/uds';
+import { VStack } from 'another-package';
+
+export const PageA = () => {
+  return (
+    <HStack height="screen" width="full" className="max-h-screen">
+      <Button width="full">Click me</Button>
+      <Box width="full">Click me</Button>
+      <Box className="dont_touch_me">Box</Box>
+    </HStack>
+    <Box>Empty</Box>
+    <div className="w-full h-full">shouldn't be touched</div>
+    <VStack className="w-full">shouldn't be touched</VStack>
+    <Box height="full" width="full" className="foo bar">Box</Box>
+    <Box height="full">Box</Box>
+  );
+}

package/dist/{VStack-CWaR6qMk.d.ts → VStack-CmraVolm.d.ts}

@@ -32,20 +32,15 @@ interface BoxProps extends UniversalBoxProps, DivProps {
  */
 declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
 
-interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
+type VariantWithInherit = Exclude<UniversalDividerProps['variant'], undefined> | 'inherit';
+interface DividerProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
+    variant?: VariantWithInherit;
     layerClassNames?: {
         root?: string;
         text?: string;
         line?: string;
     };
 }
-
-type VariantWithInherit = Exclude<UniversalDividerProps['variant'], undefined> | 'inherit';
-interface DividerInternalProps extends DividerCoreProps {
-    variant?: VariantWithInherit;
-}
-
-type DividerProps = Omit<DividerInternalProps, 'layerClassNames'>;
 /**
  * **📦 A divider component that can be used to visually separate components**
  *

package/dist/{VStack-VYrQbFmE.d.cts → VStack-dT3EJCu4.d.cts}

@@ -32,20 +32,15 @@ interface BoxProps extends UniversalBoxProps, DivProps {
  */
 declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
 
-interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
+type VariantWithInherit = Exclude<UniversalDividerProps['variant'], undefined> | 'inherit';
+interface DividerProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
+    variant?: VariantWithInherit;
     layerClassNames?: {
         root?: string;
         text?: string;
         line?: string;
     };
 }
-
-type VariantWithInherit = Exclude<UniversalDividerProps['variant'], undefined> | 'inherit';
-interface DividerInternalProps extends DividerCoreProps {
-    variant?: VariantWithInherit;
-}
-
-type DividerProps = Omit<DividerInternalProps, 'layerClassNames'>;
 /**
  * **📦 A divider component that can be used to visually separate components**
  *