@umami/react-zen 0.126.0 → 0.127.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 (3) hide show
  1. package/dist/index.d.mts +12 -9
  2. package/dist/index.d.ts +12 -9
  3. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -22,14 +22,17 @@ type FontColor = BaseColor | AccentColor | 'primary' | 'muted' | 'disabled' | tr
22
22
  type BackgroundColor = BaseColor | AccentColor | 'primary' | 'transparent' | true;
23
23
  type BorderColor = BaseColor | AccentColor | 'primary' | 'muted' | 'disabled' | 'transparent' | true;
24
24
  type HoverColor = FontColor;
25
+ type StrokeColor = FontColor;
26
+ type FillColor = FontColor;
25
27
  type Spacing = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
26
28
  type NegativeSpacing = '-1' | '-2' | '-3' | '-4' | '-5' | '-6' | '-7' | '-8' | '-9' | '-10' | '-11' | '-12';
27
29
  type Padding = Spacing | NegativeSpacing | true;
28
- type Position = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
29
30
  type Top = Spacing | NegativeSpacing | string;
30
31
  type Right = Spacing | NegativeSpacing | string;
31
32
  type Bottom = Spacing | NegativeSpacing | string;
32
33
  type Left = Spacing | NegativeSpacing | string;
34
+ type Gap = Spacing | true;
35
+ type Position = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
33
36
  type Overflow = 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto';
34
37
  type Display = 'none' | 'inline' | 'inline-block' | 'block';
35
38
  type BorderPosition = true | 'top' | 'right' | 'bottom' | 'left';
@@ -124,9 +127,9 @@ interface FlexboxProps extends Omit<BoxProps, 'display'> {
124
127
  justifyItems?: Responsive<JustifyItems>;
125
128
  alignContent?: AlignContent;
126
129
  alignItems?: AlignItems;
127
- gap?: Responsive<Spacing | true>;
128
- gapX?: Responsive<Spacing | true>;
129
- gapY?: Responsive<Spacing | true>;
130
+ gap?: Responsive<Gap>;
131
+ gapX?: Responsive<Gap>;
132
+ gapY?: Responsive<Gap>;
130
133
  }
131
134
  declare function Flexbox({ display, direction, wrap, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, className, style, children, ...props }: FlexboxProps): react.JSX.Element;
132
135
 
@@ -352,9 +355,9 @@ interface GridProps extends Omit<BoxProps, 'display'> {
352
355
  justifyItems?: Responsive<JustifyItems>;
353
356
  alignContent?: AlignContent;
354
357
  alignItems?: AlignItems;
355
- gap?: Responsive<Spacing>;
356
- gapX?: Responsive<Spacing>;
357
- gapY?: Responsive<Spacing>;
358
+ gap?: Responsive<Gap>;
359
+ gapX?: Responsive<Gap>;
360
+ gapY?: Responsive<Gap>;
358
361
  autoFlow?: Responsive<GridAutoFlow>;
359
362
  rows?: Responsive<GridTemplateRows>;
360
363
  columns?: Responsive<GridTemplateColumns>;
@@ -385,8 +388,8 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
385
388
  variant?: 'input';
386
389
  rotate?: number;
387
390
  strokeWidth?: string;
388
- strokeColor?: FontColor;
389
- fillColor?: FontColor;
391
+ strokeColor?: StrokeColor;
392
+ fillColor?: FillColor;
390
393
  }
391
394
  declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): react.JSX.Element;
392
395
 
package/dist/index.d.ts CHANGED
@@ -22,14 +22,17 @@ type FontColor = BaseColor | AccentColor | 'primary' | 'muted' | 'disabled' | tr
22
22
  type BackgroundColor = BaseColor | AccentColor | 'primary' | 'transparent' | true;
23
23
  type BorderColor = BaseColor | AccentColor | 'primary' | 'muted' | 'disabled' | 'transparent' | true;
24
24
  type HoverColor = FontColor;
25
+ type StrokeColor = FontColor;
26
+ type FillColor = FontColor;
25
27
  type Spacing = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
26
28
  type NegativeSpacing = '-1' | '-2' | '-3' | '-4' | '-5' | '-6' | '-7' | '-8' | '-9' | '-10' | '-11' | '-12';
27
29
  type Padding = Spacing | NegativeSpacing | true;
28
- type Position = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
29
30
  type Top = Spacing | NegativeSpacing | string;
30
31
  type Right = Spacing | NegativeSpacing | string;
31
32
  type Bottom = Spacing | NegativeSpacing | string;
32
33
  type Left = Spacing | NegativeSpacing | string;
34
+ type Gap = Spacing | true;
35
+ type Position = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
33
36
  type Overflow = 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto';
34
37
  type Display = 'none' | 'inline' | 'inline-block' | 'block';
35
38
  type BorderPosition = true | 'top' | 'right' | 'bottom' | 'left';
@@ -124,9 +127,9 @@ interface FlexboxProps extends Omit<BoxProps, 'display'> {
124
127
  justifyItems?: Responsive<JustifyItems>;
125
128
  alignContent?: AlignContent;
126
129
  alignItems?: AlignItems;
127
- gap?: Responsive<Spacing | true>;
128
- gapX?: Responsive<Spacing | true>;
129
- gapY?: Responsive<Spacing | true>;
130
+ gap?: Responsive<Gap>;
131
+ gapX?: Responsive<Gap>;
132
+ gapY?: Responsive<Gap>;
130
133
  }
131
134
  declare function Flexbox({ display, direction, wrap, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, className, style, children, ...props }: FlexboxProps): react.JSX.Element;
132
135
 
@@ -352,9 +355,9 @@ interface GridProps extends Omit<BoxProps, 'display'> {
352
355
  justifyItems?: Responsive<JustifyItems>;
353
356
  alignContent?: AlignContent;
354
357
  alignItems?: AlignItems;
355
- gap?: Responsive<Spacing>;
356
- gapX?: Responsive<Spacing>;
357
- gapY?: Responsive<Spacing>;
358
+ gap?: Responsive<Gap>;
359
+ gapX?: Responsive<Gap>;
360
+ gapY?: Responsive<Gap>;
358
361
  autoFlow?: Responsive<GridAutoFlow>;
359
362
  rows?: Responsive<GridTemplateRows>;
360
363
  columns?: Responsive<GridTemplateColumns>;
@@ -385,8 +388,8 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
385
388
  variant?: 'input';
386
389
  rotate?: number;
387
390
  strokeWidth?: string;
388
- strokeColor?: FontColor;
389
- fillColor?: FontColor;
391
+ strokeColor?: StrokeColor;
392
+ fillColor?: FillColor;
390
393
  }
391
394
  declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): react.JSX.Element;
392
395
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.126.0",
3
+ "version": "0.127.0",
4
4
  "description": "Modern, minimalist React component library",
5
5
  "author": "Umami <hello@umami.is>",
6
6
  "license": "MIT",