@umami/react-zen 0.220.0 → 0.222.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.
Files changed (6) hide show
  1. package/dist/index.d.mts +19 -8
  2. package/dist/index.d.ts +19 -8
  3. package/dist/index.js +618 -169
  4. package/dist/index.mjs +546 -97
  5. package/package.json +1 -1
  6. package/styles.full.css +1 -1
package/dist/index.d.mts CHANGED
@@ -105,6 +105,17 @@ type AlignSelf = 'center' | 'start' | 'end' | 'self-start' | 'self-end' | 'flex-
105
105
  type ObjectFit = 'fill' | 'contain' | 'cover' | 'scale-down' | 'none';
106
106
  type Opacity = '0' | '5' | '10' | '15' | '20' | '25' | '30' | '35' | '40' | '45' | '50' | '55' | '60' | '65' | '70' | '75' | '80' | '85' | '90' | '95' | '100';
107
107
  type PointerEvents = 'none' | 'auto';
108
+ type SizingSpecial = 'auto' | 'full' | 'min' | 'max' | 'fit';
109
+ type WidthViewport = 'screen' | 'svw' | 'lvw' | 'dvw';
110
+ type HeightViewport = 'screen' | 'svh' | 'lvh' | 'dvh';
111
+ type Fraction = '1/2' | '1/3' | '2/3' | '1/4' | '2/4' | '3/4' | '1/5' | '2/5' | '3/5' | '4/5' | '1/6' | '2/6' | '3/6' | '4/6' | '5/6' | '1/12' | '2/12' | '3/12' | '4/12' | '5/12' | '6/12' | '7/12' | '8/12' | '9/12' | '10/12' | '11/12';
112
+ type Width = Spacing | Fraction | SizingSpecial | WidthViewport;
113
+ type Height = Spacing | Fraction | SizingSpecial | HeightViewport;
114
+ type MaxWidthSpecial = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full' | 'min' | 'max' | 'fit' | 'prose' | 'screen-sm' | 'screen-md' | 'screen-lg' | 'screen-xl' | 'screen-2xl';
115
+ type MinWidth = Spacing | Fraction | SizingSpecial | WidthViewport;
116
+ type MaxWidth = Spacing | Fraction | MaxWidthSpecial | WidthViewport;
117
+ type MinHeight = Spacing | Fraction | SizingSpecial | HeightViewport;
118
+ type MaxHeight = Spacing | Fraction | SizingSpecial | HeightViewport;
108
119
 
109
120
  type RenderProp<P = Record<string, unknown>> = ReactElement | ((props: P) => ReactElement);
110
121
  /**
@@ -182,12 +193,12 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
182
193
  marginRight?: Responsive<Spacing>;
183
194
  marginBottom?: Responsive<Spacing>;
184
195
  marginLeft?: Responsive<Spacing>;
185
- width?: string;
186
- minWidth?: string;
187
- maxWidth?: string;
188
- height?: string;
189
- minHeight?: string;
190
- maxHeight?: string;
196
+ width?: Responsive<Width | string>;
197
+ minWidth?: Responsive<MinWidth | string>;
198
+ maxWidth?: Responsive<MaxWidth | string>;
199
+ height?: Responsive<Height | string>;
200
+ minHeight?: Responsive<MinHeight | string>;
201
+ maxHeight?: Responsive<MaxHeight | string>;
191
202
  position?: Responsive<Position>;
192
203
  textAlign?: Responsive<TextAlign>;
193
204
  top?: string;
@@ -386,8 +397,8 @@ interface GridProps extends Omit<BoxProps, 'display'> {
386
397
  gapX?: Responsive<Gap>;
387
398
  gapY?: Responsive<Gap>;
388
399
  autoFlow?: Responsive<GridAutoFlow>;
389
- rows?: Responsive<GridRows> | string;
390
- columns?: Responsive<GridColumns> | string;
400
+ rows?: Responsive<GridRows | string>;
401
+ columns?: Responsive<GridColumns | string>;
391
402
  areas?: GridTemplateAreas;
392
403
  }
393
404
  declare function Grid({ display, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, autoFlow, rows, columns, areas, className, style, children, ...props }: GridProps): react_jsx_runtime.JSX.Element;
package/dist/index.d.ts CHANGED
@@ -105,6 +105,17 @@ type AlignSelf = 'center' | 'start' | 'end' | 'self-start' | 'self-end' | 'flex-
105
105
  type ObjectFit = 'fill' | 'contain' | 'cover' | 'scale-down' | 'none';
106
106
  type Opacity = '0' | '5' | '10' | '15' | '20' | '25' | '30' | '35' | '40' | '45' | '50' | '55' | '60' | '65' | '70' | '75' | '80' | '85' | '90' | '95' | '100';
107
107
  type PointerEvents = 'none' | 'auto';
108
+ type SizingSpecial = 'auto' | 'full' | 'min' | 'max' | 'fit';
109
+ type WidthViewport = 'screen' | 'svw' | 'lvw' | 'dvw';
110
+ type HeightViewport = 'screen' | 'svh' | 'lvh' | 'dvh';
111
+ type Fraction = '1/2' | '1/3' | '2/3' | '1/4' | '2/4' | '3/4' | '1/5' | '2/5' | '3/5' | '4/5' | '1/6' | '2/6' | '3/6' | '4/6' | '5/6' | '1/12' | '2/12' | '3/12' | '4/12' | '5/12' | '6/12' | '7/12' | '8/12' | '9/12' | '10/12' | '11/12';
112
+ type Width = Spacing | Fraction | SizingSpecial | WidthViewport;
113
+ type Height = Spacing | Fraction | SizingSpecial | HeightViewport;
114
+ type MaxWidthSpecial = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full' | 'min' | 'max' | 'fit' | 'prose' | 'screen-sm' | 'screen-md' | 'screen-lg' | 'screen-xl' | 'screen-2xl';
115
+ type MinWidth = Spacing | Fraction | SizingSpecial | WidthViewport;
116
+ type MaxWidth = Spacing | Fraction | MaxWidthSpecial | WidthViewport;
117
+ type MinHeight = Spacing | Fraction | SizingSpecial | HeightViewport;
118
+ type MaxHeight = Spacing | Fraction | SizingSpecial | HeightViewport;
108
119
 
109
120
  type RenderProp<P = Record<string, unknown>> = ReactElement | ((props: P) => ReactElement);
110
121
  /**
@@ -182,12 +193,12 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
182
193
  marginRight?: Responsive<Spacing>;
183
194
  marginBottom?: Responsive<Spacing>;
184
195
  marginLeft?: Responsive<Spacing>;
185
- width?: string;
186
- minWidth?: string;
187
- maxWidth?: string;
188
- height?: string;
189
- minHeight?: string;
190
- maxHeight?: string;
196
+ width?: Responsive<Width | string>;
197
+ minWidth?: Responsive<MinWidth | string>;
198
+ maxWidth?: Responsive<MaxWidth | string>;
199
+ height?: Responsive<Height | string>;
200
+ minHeight?: Responsive<MinHeight | string>;
201
+ maxHeight?: Responsive<MaxHeight | string>;
191
202
  position?: Responsive<Position>;
192
203
  textAlign?: Responsive<TextAlign>;
193
204
  top?: string;
@@ -386,8 +397,8 @@ interface GridProps extends Omit<BoxProps, 'display'> {
386
397
  gapX?: Responsive<Gap>;
387
398
  gapY?: Responsive<Gap>;
388
399
  autoFlow?: Responsive<GridAutoFlow>;
389
- rows?: Responsive<GridRows> | string;
390
- columns?: Responsive<GridColumns> | string;
400
+ rows?: Responsive<GridRows | string>;
401
+ columns?: Responsive<GridColumns | string>;
391
402
  areas?: GridTemplateAreas;
392
403
  }
393
404
  declare function Grid({ display, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, autoFlow, rows, columns, areas, className, style, children, ...props }: GridProps): react_jsx_runtime.JSX.Element;