@protonradio/proton-ui 0.3.3-beta4 → 0.3.3

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/proton-ui.es.d.ts +24 -20
  2. package/dist/proton-ui.es.js +1258 -1239
  3. package/dist/proton-ui.es.js.map +1 -1
  4. package/dist/proton-ui.umd.js +8 -8
  5. package/dist/proton-ui.umd.js.map +1 -1
  6. package/dist/style.css +1 -1
  7. package/package.json +1 -1
package/dist/proton-ui.es.d.ts CHANGED
@@ -33,38 +33,44 @@ export declare interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>
33
33
  children: ReactNode;
34
34
  }
35
35
 
36
- export declare type BadgeVariant = "success" | "warning" | "danger" | "primary" | "secondary" | "dark" | "transparent";
36
+ export declare type BadgeVariant = "primary" | "secondary" | "transparent" | "success" | "warning" | "danger";
37
37
 
38
38
  export declare const BadgeVariants: {
39
- readonly SUCCESS: "success";
40
- readonly WARNING: "warning";
41
- readonly DANGER: "danger";
42
- readonly PRIMARY: "primary";
43
- readonly SECONDARY: "secondary";
44
- readonly DARK: "dark";
45
- readonly TRANSPARENT: "transparent";
39
+ readonly primary: "primary";
40
+ readonly secondary: "secondary";
41
+ readonly transparent: "transparent";
42
+ readonly success: "success";
43
+ readonly warning: "warning";
44
+ readonly danger: "danger";
46
45
  };
47
46
 
48
47
  export declare const Banner: {
49
- ({ variant, rounded, icon, iconCentered, padding, children, ...props }: BannerProps): JSX_2.Element;
48
+ ({ variant, rounded, icon, compact, children, ...props }: BannerProps): JSX_2.Element;
50
49
  Title: ({ children, ...props }: {
51
50
  children: ReactNode;
52
51
  }) => JSX_2.Element;
53
52
  Content: ({ children, ...props }: {
54
53
  children: ReactNode;
55
54
  }) => JSX_2.Element;
56
- Icon: ({ children, icon, iconCentered, ...props }: BannerIconProps) => JSX_2.Element;
57
- Colors: Record<BannerVariant, {
55
+ Icon: ({ children, icon, ...props }: BannerIconProps) => JSX_2.Element;
56
+ Action: ({ children, ...props }: ButtonProps) => JSX_2.Element;
57
+ colors: Record<BannerVariant, {
58
58
  background: string;
59
59
  title: string;
60
60
  content: string;
61
61
  icon: string;
62
62
  }>;
63
- Icons: {
63
+ icons: {
64
64
  success: JSX_2.Element;
65
65
  warning: JSX_2.Element;
66
66
  danger: JSX_2.Element;
67
67
  };
68
+ variants: {
69
+ readonly default: "default";
70
+ readonly success: "success";
71
+ readonly warning: "warning";
72
+ readonly danger: "danger";
73
+ };
68
74
  };
69
75
 
70
76
  declare interface BannerIconProps {
@@ -74,17 +80,13 @@ declare interface BannerIconProps {
74
80
  * or a ReactNode to provide a custom icon.
75
81
  */
76
82
  icon?: boolean | ReactNode;
77
- /**
78
- * Center the icon in the banner.
79
- */
80
- iconCentered?: boolean;
81
83
  /**
82
84
  * Optional custom icon or children for the icon area.
83
85
  */
84
86
  children?: ReactNode;
85
87
  }
86
88
 
87
- declare interface BannerProps extends BannerIconProps, React.HTMLAttributes<HTMLDivElement> {
89
+ declare interface BannerProps extends BannerIconProps, default_2.HTMLAttributes<HTMLDivElement> {
88
90
  /**
89
91
  * The banners visual aesthetic.
90
92
  */
@@ -94,9 +96,9 @@ declare interface BannerProps extends BannerIconProps, React.HTMLAttributes<HTML
94
96
  */
95
97
  rounded?: boolean;
96
98
  /**
97
- * The padding around the content of the banner.
99
+ * Compact padding around the content of the banner.
98
100
  */
99
- padding?: string;
101
+ compact?: boolean;
100
102
  /**
101
103
  * The content to display within the banner.
102
104
  */
@@ -155,7 +157,7 @@ declare interface ButtonProps {
155
157
  /**
156
158
  * The button's visual aesthetic.
157
159
  */
158
- variant?: "primary" | "secondary" | "danger" | "translucent";
160
+ variant?: ButtonVariant;
159
161
  /**
160
162
  * Should the button be non-interactive?
161
163
  */
@@ -178,6 +180,8 @@ declare interface ButtonProps {
178
180
  children?: React.ReactNode;
179
181
  }
180
182
 
183
+ export declare type ButtonVariant = "primary" | "secondary" | "danger" | "translucent";
184
+
181
185
  export declare const Cell: <T>(props: ProtonColumnProps<T>) => JSX.Element;
182
186
 
183
187
  export declare const Column: <T>(props: ProtonColumnProps<T>) => JSX.Element;