@umami/react-zen 0.137.0 → 0.139.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 (7) hide show
  1. package/dist/index.css +1505 -1425
  2. package/dist/index.d.mts +12 -13
  3. package/dist/index.d.ts +12 -13
  4. package/dist/index.js +640 -649
  5. package/dist/index.mjs +643 -652
  6. package/package.json +1 -1
  7. package/styles.css +1505 -1425
package/dist/index.d.mts CHANGED
@@ -24,7 +24,7 @@ type BorderColor = BaseColor | AccentColor | 'primary' | 'muted' | 'disabled' |
24
24
  type HoverColor = FontColor;
25
25
  type StrokeColor = FontColor;
26
26
  type FillColor = FontColor;
27
- type Spacing = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
27
+ type Spacing = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
28
28
  type NegativeSpacing = '-1' | '-2' | '-3' | '-4' | '-5' | '-6' | '-7' | '-8' | '-9' | '-10' | '-11' | '-12';
29
29
  type Padding = Spacing | NegativeSpacing | true;
30
30
  type Top = Spacing | NegativeSpacing | string;
@@ -35,9 +35,9 @@ type Gap = Spacing | true;
35
35
  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
- type BorderPosition = true | 'top' | 'right' | 'bottom' | 'left';
39
- type BorderRadius = true | '1' | '2' | '3' | '4' | 'full';
40
- type BoxShadow = '1' | '2' | '3' | '4' | '5' | '6';
38
+ type Border = true | 'top' | 'right' | 'bottom' | 'left' | 'none';
39
+ type BorderRadius = '0' | '1' | '2' | '3' | '4' | 'full' | true;
40
+ type BoxShadow = '0' | '1' | '2' | '3' | '4' | '5' | '6' | 'none';
41
41
  type FontSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
42
42
  type FontWeight = 'thin' | 'extra-light' | 'light' | 'regular' | 'medium' | 'semi-bold' | 'bold' | 'extra-bold' | 'black';
43
43
  type TextWrap = 'wrap' | 'nowrap' | 'pretty' | 'balance';
@@ -71,7 +71,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
71
71
  hoverBorderColor?: HoverColor;
72
72
  fontSize?: Responsive<FontSize>;
73
73
  fontWeight?: Responsive<FontWeight>;
74
- border?: Responsive<BorderPosition>;
74
+ border?: Responsive<Border>;
75
75
  borderColor?: BorderColor;
76
76
  borderRadius?: Responsive<BorderRadius>;
77
77
  shadow?: Responsive<BoxShadow>;
@@ -172,7 +172,7 @@ interface FormFieldArrayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
172
172
  declare function FormFieldArray({ name, description, label, rules, className, children, ...props }: FormFieldArrayProps): react.JSX.Element;
173
173
 
174
174
  interface ButtonProps extends ButtonProps$1 {
175
- variant?: 'primary' | 'outline' | 'quiet' | 'danger' | 'wrapper';
175
+ variant?: 'primary' | 'outline' | 'quiet' | 'danger' | 'zero';
176
176
  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
177
177
  asChild?: boolean;
178
178
  children?: ReactNode;
@@ -349,10 +349,10 @@ interface DataColumnProps extends Omit<HTMLAttributes<any>, 'children'> {
349
349
  }
350
350
  declare function DataColumn(props: DataColumnProps): null;
351
351
 
352
- interface DotsProps {
353
- className?: string;
352
+ interface DotsProps extends HTMLAttributes<HTMLDivElement> {
353
+ size?: 'sm' | 'md' | 'lg';
354
354
  }
355
- declare function Dots({ className, ...props }: DotsProps): react.JSX.Element;
355
+ declare function Dots({ size, className, ...props }: DotsProps): react.JSX.Element;
356
356
 
357
357
  interface TooltipProps extends TooltipProps$1 {
358
358
  showArrow?: boolean;
@@ -459,7 +459,7 @@ interface ListSectionProps extends ListBoxSectionProps<any> {
459
459
  declare function ListSection({ title, className, children, ...props }: ListSectionProps): react.JSX.Element;
460
460
 
461
461
  interface LoadingProps {
462
- size?: 'sm' | 'md' | 'lg' | 'xl';
462
+ size?: 'sm' | 'md' | 'lg';
463
463
  icon?: 'dots' | 'spinner';
464
464
  position?: 'page' | 'center' | 'inline';
465
465
  className?: string;
@@ -607,10 +607,9 @@ declare function Slot({ children, ...props }: {
607
607
  [key: string]: any;
608
608
  }): ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
609
609
 
610
- interface SpinnerProps {
611
- size?: 'sm' | 'md' | 'lg' | 'xl';
610
+ interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
611
+ size?: 'sm' | 'md' | 'lg';
612
612
  quiet?: boolean;
613
- className?: string;
614
613
  isDisabled?: boolean;
615
614
  }
616
615
  declare function Spinner(props: SpinnerProps): react.JSX.Element;
package/dist/index.d.ts CHANGED
@@ -24,7 +24,7 @@ type BorderColor = BaseColor | AccentColor | 'primary' | 'muted' | 'disabled' |
24
24
  type HoverColor = FontColor;
25
25
  type StrokeColor = FontColor;
26
26
  type FillColor = FontColor;
27
- type Spacing = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
27
+ type Spacing = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
28
28
  type NegativeSpacing = '-1' | '-2' | '-3' | '-4' | '-5' | '-6' | '-7' | '-8' | '-9' | '-10' | '-11' | '-12';
29
29
  type Padding = Spacing | NegativeSpacing | true;
30
30
  type Top = Spacing | NegativeSpacing | string;
@@ -35,9 +35,9 @@ type Gap = Spacing | true;
35
35
  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
- type BorderPosition = true | 'top' | 'right' | 'bottom' | 'left';
39
- type BorderRadius = true | '1' | '2' | '3' | '4' | 'full';
40
- type BoxShadow = '1' | '2' | '3' | '4' | '5' | '6';
38
+ type Border = true | 'top' | 'right' | 'bottom' | 'left' | 'none';
39
+ type BorderRadius = '0' | '1' | '2' | '3' | '4' | 'full' | true;
40
+ type BoxShadow = '0' | '1' | '2' | '3' | '4' | '5' | '6' | 'none';
41
41
  type FontSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
42
42
  type FontWeight = 'thin' | 'extra-light' | 'light' | 'regular' | 'medium' | 'semi-bold' | 'bold' | 'extra-bold' | 'black';
43
43
  type TextWrap = 'wrap' | 'nowrap' | 'pretty' | 'balance';
@@ -71,7 +71,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
71
71
  hoverBorderColor?: HoverColor;
72
72
  fontSize?: Responsive<FontSize>;
73
73
  fontWeight?: Responsive<FontWeight>;
74
- border?: Responsive<BorderPosition>;
74
+ border?: Responsive<Border>;
75
75
  borderColor?: BorderColor;
76
76
  borderRadius?: Responsive<BorderRadius>;
77
77
  shadow?: Responsive<BoxShadow>;
@@ -172,7 +172,7 @@ interface FormFieldArrayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
172
172
  declare function FormFieldArray({ name, description, label, rules, className, children, ...props }: FormFieldArrayProps): react.JSX.Element;
173
173
 
174
174
  interface ButtonProps extends ButtonProps$1 {
175
- variant?: 'primary' | 'outline' | 'quiet' | 'danger' | 'wrapper';
175
+ variant?: 'primary' | 'outline' | 'quiet' | 'danger' | 'zero';
176
176
  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
177
177
  asChild?: boolean;
178
178
  children?: ReactNode;
@@ -349,10 +349,10 @@ interface DataColumnProps extends Omit<HTMLAttributes<any>, 'children'> {
349
349
  }
350
350
  declare function DataColumn(props: DataColumnProps): null;
351
351
 
352
- interface DotsProps {
353
- className?: string;
352
+ interface DotsProps extends HTMLAttributes<HTMLDivElement> {
353
+ size?: 'sm' | 'md' | 'lg';
354
354
  }
355
- declare function Dots({ className, ...props }: DotsProps): react.JSX.Element;
355
+ declare function Dots({ size, className, ...props }: DotsProps): react.JSX.Element;
356
356
 
357
357
  interface TooltipProps extends TooltipProps$1 {
358
358
  showArrow?: boolean;
@@ -459,7 +459,7 @@ interface ListSectionProps extends ListBoxSectionProps<any> {
459
459
  declare function ListSection({ title, className, children, ...props }: ListSectionProps): react.JSX.Element;
460
460
 
461
461
  interface LoadingProps {
462
- size?: 'sm' | 'md' | 'lg' | 'xl';
462
+ size?: 'sm' | 'md' | 'lg';
463
463
  icon?: 'dots' | 'spinner';
464
464
  position?: 'page' | 'center' | 'inline';
465
465
  className?: string;
@@ -607,10 +607,9 @@ declare function Slot({ children, ...props }: {
607
607
  [key: string]: any;
608
608
  }): ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
609
609
 
610
- interface SpinnerProps {
611
- size?: 'sm' | 'md' | 'lg' | 'xl';
610
+ interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
611
+ size?: 'sm' | 'md' | 'lg';
612
612
  quiet?: boolean;
613
- className?: string;
614
613
  isDisabled?: boolean;
615
614
  }
616
615
  declare function Spinner(props: SpinnerProps): react.JSX.Element;