@umami/react-zen 0.143.0 → 0.145.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1463 -1448
- package/dist/index.d.mts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +637 -633
- package/dist/index.mjs +637 -633
- package/package.json +1 -1
- package/styles.css +1463 -1448
package/dist/index.d.mts
CHANGED
|
@@ -36,6 +36,7 @@ type Position = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
|
|
|
36
36
|
type Overflow = 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto';
|
|
37
37
|
type Display = 'none' | 'inline' | 'inline-block' | 'block';
|
|
38
38
|
type Border = true | 'top' | 'right' | 'bottom' | 'left' | 'none';
|
|
39
|
+
type BorderWidth = '1' | '2' | '3' | '4';
|
|
39
40
|
type BorderRadius = '0' | '1' | '2' | '3' | '4' | 'full' | true;
|
|
40
41
|
type BoxShadow = '0' | '1' | '2' | '3' | '4' | '5' | '6' | 'none';
|
|
41
42
|
type FontSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
|
|
@@ -72,6 +73,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
|
72
73
|
fontSize?: Responsive<FontSize>;
|
|
73
74
|
fontWeight?: Responsive<FontWeight>;
|
|
74
75
|
border?: Responsive<Border>;
|
|
76
|
+
borderWidth?: Responsive<BorderWidth>;
|
|
75
77
|
borderColor?: BorderColor;
|
|
76
78
|
borderRadius?: Responsive<BorderRadius>;
|
|
77
79
|
shadow?: Responsive<BoxShadow>;
|
|
@@ -118,7 +120,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
|
118
120
|
as?: string;
|
|
119
121
|
asChild?: boolean;
|
|
120
122
|
}
|
|
121
|
-
declare function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, width, minWidth, maxWidth, height, minHeight, maxHeight, position, textAlign, top, right, bottom, left, overflow, overflowX, overflowY, alignSelf, justifySelf, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, zIndex, theme, as, asChild, className, style, children, ...props }: BoxProps): react.JSX.Element;
|
|
123
|
+
declare function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, borderWidth, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, width, minWidth, maxWidth, height, minHeight, maxHeight, position, textAlign, top, right, bottom, left, overflow, overflowX, overflowY, alignSelf, justifySelf, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, zIndex, theme, as, asChild, className, style, children, ...props }: BoxProps): react.JSX.Element;
|
|
122
124
|
|
|
123
125
|
interface FlexboxProps extends Omit<BoxProps, 'display'> {
|
|
124
126
|
display?: Responsive<FlexDisplay>;
|
package/dist/index.d.ts
CHANGED
|
@@ -36,6 +36,7 @@ type Position = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
|
|
|
36
36
|
type Overflow = 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto';
|
|
37
37
|
type Display = 'none' | 'inline' | 'inline-block' | 'block';
|
|
38
38
|
type Border = true | 'top' | 'right' | 'bottom' | 'left' | 'none';
|
|
39
|
+
type BorderWidth = '1' | '2' | '3' | '4';
|
|
39
40
|
type BorderRadius = '0' | '1' | '2' | '3' | '4' | 'full' | true;
|
|
40
41
|
type BoxShadow = '0' | '1' | '2' | '3' | '4' | '5' | '6' | 'none';
|
|
41
42
|
type FontSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
|
|
@@ -72,6 +73,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
|
72
73
|
fontSize?: Responsive<FontSize>;
|
|
73
74
|
fontWeight?: Responsive<FontWeight>;
|
|
74
75
|
border?: Responsive<Border>;
|
|
76
|
+
borderWidth?: Responsive<BorderWidth>;
|
|
75
77
|
borderColor?: BorderColor;
|
|
76
78
|
borderRadius?: Responsive<BorderRadius>;
|
|
77
79
|
shadow?: Responsive<BoxShadow>;
|
|
@@ -118,7 +120,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
|
118
120
|
as?: string;
|
|
119
121
|
asChild?: boolean;
|
|
120
122
|
}
|
|
121
|
-
declare function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, width, minWidth, maxWidth, height, minHeight, maxHeight, position, textAlign, top, right, bottom, left, overflow, overflowX, overflowY, alignSelf, justifySelf, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, zIndex, theme, as, asChild, className, style, children, ...props }: BoxProps): react.JSX.Element;
|
|
123
|
+
declare function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, borderWidth, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, width, minWidth, maxWidth, height, minHeight, maxHeight, position, textAlign, top, right, bottom, left, overflow, overflowX, overflowY, alignSelf, justifySelf, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, zIndex, theme, as, asChild, className, style, children, ...props }: BoxProps): react.JSX.Element;
|
|
122
124
|
|
|
123
125
|
interface FlexboxProps extends Omit<BoxProps, 'display'> {
|
|
124
126
|
display?: Responsive<FlexDisplay>;
|