tharaday 0.5.0 → 0.5.2

package/dist/components/Box/Box.d.ts

@@ -1,2 +1,2 @@
 import { BoxProps } from './Box.types.ts';
-export declare const Box: ({ children, as: Component, display, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, m, mx, my, mt, mb, ml, mr, gap, flexDirection, alignItems, justifyContent, flexWrap, flexGrow, flexShrink, flex, fullWidth, textAlign, width, height, gridTemplateColumns, backgroundColor, border, borderBottom, borderColor, borderRadius, className, style, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Box: ({ children, as: Component, display, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, m, mx, my, mt, mb, ml, mr, margin, marginX, marginY, marginTop, marginBottom, marginLeft, marginRight, gap, flexDirection, alignItems, justifyContent, flexWrap, flexGrow, flexShrink, flex, fullWidth, textAlign, width, maxWidth, height, gridTemplateColumns, backgroundColor, border, borderBottom, borderColor, borderRadius, className, style, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Box/Box.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ children, as: Component, display, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, m, mx, my, mt, mb, ml, mr, gap, flexDirection, alignItems, justifyContent, flexWrap, flexGrow, flexShrink, flex, fullWidth, textAlign, width, height, gridTemplateColumns, backgroundColor, border, borderBottom, borderColor, borderRadius, className, style, ...props }: import('./Box.types.ts').BoxProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, as: Component, display, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, m, mx, my, mt, mb, ml, mr, margin, marginX, marginY, marginTop, marginBottom, marginLeft, marginRight, gap, flexDirection, alignItems, justifyContent, flexWrap, flexGrow, flexShrink, flex, fullWidth, textAlign, width, maxWidth, height, gridTemplateColumns, backgroundColor, border, borderBottom, borderColor, borderRadius, className, style, ...props }: import('./Box.types.ts').BoxProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     argTypes: {
         display: {
@@ -16,6 +16,15 @@ declare const meta: {
             control: "select";
             options: number[];
         };
+        width: {
+            control: "text";
+        };
+        maxWidth: {
+            control: "text";
+        };
+        height: {
+            control: "text";
+        };
         flexDirection: {
             control: "select";
             options: string[];
@@ -35,4 +44,5 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const FlexRow: Story;
 export declare const FlexColumn: Story;
+export declare const MaxWidth: Story;
 export declare const CustomElement: Story;

package/dist/components/Box/Box.types.d.ts

@@ -27,6 +27,13 @@ export interface BoxProps extends HTMLAttributes<HTMLElement> {
     mb?: BoxMargin;
     ml?: BoxMargin;
     mr?: BoxMargin;
+    margin?: BoxMargin;
+    marginX?: BoxMargin;
+    marginY?: BoxMargin;
+    marginTop?: BoxMargin;
+    marginBottom?: BoxMargin;
+    marginLeft?: BoxMargin;
+    marginRight?: BoxMargin;
     gap?: BoxGap;
     flexDirection?: BoxFlexDirection;
     alignItems?: BoxAlignItems;
@@ -39,6 +46,7 @@ export interface BoxProps extends HTMLAttributes<HTMLElement> {
     fullWidth?: boolean;
     textAlign?: 'left' | 'center' | 'right' | 'justify';
     width?: string | number;
+    maxWidth?: string | number;
     height?: string | number;
     gridTemplateColumns?: string;
     backgroundColor?: BoxBackgroundColor;