@protonradio/proton-ui 0.3.3-beta2 → 0.3.3-beta4
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/proton-ui.es.d.ts
CHANGED
|
@@ -46,7 +46,7 @@ export declare const BadgeVariants: {
|
|
|
46
46
|
};
|
|
47
47
|
|
|
48
48
|
export declare const Banner: {
|
|
49
|
-
({ variant, rounded, icon, iconCentered, children, ...props }: BannerProps): JSX_2.Element;
|
|
49
|
+
({ variant, rounded, icon, iconCentered, padding, children, ...props }: BannerProps): JSX_2.Element;
|
|
50
50
|
Title: ({ children, ...props }: {
|
|
51
51
|
children: ReactNode;
|
|
52
52
|
}) => JSX_2.Element;
|
|
@@ -93,13 +93,17 @@ declare interface BannerProps extends BannerIconProps, React.HTMLAttributes<HTML
|
|
|
93
93
|
* Round the corners of the banner.
|
|
94
94
|
*/
|
|
95
95
|
rounded?: boolean;
|
|
96
|
+
/**
|
|
97
|
+
* The padding around the content of the banner.
|
|
98
|
+
*/
|
|
99
|
+
padding?: string;
|
|
96
100
|
/**
|
|
97
101
|
* The content to display within the banner.
|
|
98
102
|
*/
|
|
99
103
|
children: ReactNode;
|
|
100
104
|
}
|
|
101
105
|
|
|
102
|
-
declare type BannerVariant = "default" | "success" | "warning" | "danger";
|
|
106
|
+
export declare type BannerVariant = "default" | "success" | "warning" | "danger";
|
|
103
107
|
|
|
104
108
|
export declare const BRAND: {
|
|
105
109
|
PRIMARY: string;
|
package/dist/proton-ui.es.js
CHANGED
|
@@ -9318,8 +9318,9 @@ const ha = {
|
|
|
9318
9318
|
rounded: e = !0,
|
|
9319
9319
|
icon: n = !1,
|
|
9320
9320
|
iconCentered: r = !1,
|
|
9321
|
-
|
|
9322
|
-
|
|
9321
|
+
padding: l = "1rem",
|
|
9322
|
+
children: i,
|
|
9323
|
+
...o
|
|
9323
9324
|
}) => /* @__PURE__ */ P.jsx(fn.Provider, { value: t, children: /* @__PURE__ */ P.jsx(
|
|
9324
9325
|
"div",
|
|
9325
9326
|
{
|
|
@@ -9330,10 +9331,10 @@ const ha = {
|
|
|
9330
9331
|
`proton-Banner--${t}`,
|
|
9331
9332
|
e && "proton-Banner--rounded"
|
|
9332
9333
|
),
|
|
9333
|
-
"data-testid":
|
|
9334
|
-
children: /* @__PURE__ */ P.jsxs("div", { className: "proton-Banner__wrapper", children: [
|
|
9334
|
+
"data-testid": o["data-testid"],
|
|
9335
|
+
children: /* @__PURE__ */ P.jsxs("div", { className: "proton-Banner__wrapper", style: { padding: l }, children: [
|
|
9335
9336
|
/* @__PURE__ */ P.jsx(at.Icon, { icon: n, iconCentered: r }),
|
|
9336
|
-
/* @__PURE__ */ P.jsx("div", { className: "proton-Banner__container", children:
|
|
9337
|
+
/* @__PURE__ */ P.jsx("div", { className: "proton-Banner__container", children: i })
|
|
9337
9338
|
] })
|
|
9338
9339
|
}
|
|
9339
9340
|
) }), Xf = ({ children: t, ...e }) => {
|