@protonradio/proton-ui 0.3.2 → 0.3.3-beta1

package/dist/proton-ui.es.d.ts

@@ -46,7 +46,7 @@ export declare const BadgeVariants: {
 };
 
 export declare const Banner: {
-    ({ variant, icon, children, ...props }: BannerProps): JSX_2.Element;
+    ({ variant, children, ...props }: BannerProps): JSX_2.Element;
     Title: ({ children, ...props }: BannerProps) => JSX_2.Element;
     Content: ({ children, ...props }: BannerProps) => JSX_2.Element;
     Colors: Record<BannerVariant, {
@@ -62,10 +62,6 @@ declare interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {
      * The banners visual aesthetic.
      */
     variant?: BannerVariant;
-    /**
-     * The icon to display in the banner.
-     */
-    icon?: ReactNode;
     /**
      * The content to display within the banner.
      */
@@ -124,7 +120,7 @@ declare interface ButtonProps {
     /**
      * The button's visual aesthetic.
      */
-    variant?: "primary" | "secondary" | "danger";
+    variant?: "primary" | "secondary" | "danger" | "translucent";
     /**
      * Should the button be non-interactive?
      */
@@ -133,6 +129,10 @@ declare interface ButtonProps {
      * The URL that the button should link to. Turns the element into an `a` tag.
      */
     href?: string;
+    /**
+     * Should the button show an external link icon?
+     */
+    external?: boolean;
     /**
      *  Called when the button is pressed (on release, not keydown).
      */

package/dist/proton-ui.es.js

@@ -7283,7 +7283,7 @@ function Qf({ variant: t = "primary", ...e }) {
       "data-testid": e["data-testid"],
       children: [
         u,
-        e.href && /* @__PURE__ */ B.jsx("svg", { viewBox: "0 0 512 512", width: "0.9em", height: "0.9em", children: /* @__PURE__ */ B.jsx(
+        e.href && e.external && /* @__PURE__ */ B.jsx("svg", { viewBox: "0 0 512 512", width: "0.8em", height: "0.8em", children: /* @__PURE__ */ B.jsx(
           "path",
           {
             d: "M384 224v184a40 40 0 01-40 40H104a40 40 0 01-40-40V168a40 40 0 0140-40h167.48M336 64h112v112M224 288L440 72",
@@ -9297,12 +9297,7 @@ const Gf = {
     content: Rt.MEDIUM,
     icon: Rt.LIGHT
   }
-}, yr = Ee(void 0), xr = ({
-  variant: t = "default",
-  icon: e,
-  children: n,
-  ...r
-}) => /* @__PURE__ */ B.jsx(yr.Provider, { value: t, children: /* @__PURE__ */ B.jsx(
+}, yr = Ee(void 0), xr = ({ variant: t = "default", children: e, ...n }) => /* @__PURE__ */ B.jsx(yr.Provider, { value: t, children: /* @__PURE__ */ B.jsx(
   "div",
   {
     role: "status",
@@ -9310,23 +9305,10 @@ const Gf = {
     className: oe(
       "proton-Banner",
       `proton-Banner--${t}`,
-      r.className
+      n.className
     ),
-    "data-testid": r["data-testid"],
-    children: /* @__PURE__ */ B.jsxs("div", { className: "proton-Banner__container", children: [
-      e && /* @__PURE__ */ B.jsx(
-        "span",
-        {
-          "aria-hidden": "true",
-          className: oe(
-            "proton-Banner__icon",
-            `proton-Banner--${t}__icon`
-          ),
-          children: e
-        }
-      ),
-      /* @__PURE__ */ B.jsx("div", { className: "proton-Banner__wrapper", children: n })
-    ] })
+    "data-testid": n["data-testid"],
+    children: /* @__PURE__ */ B.jsx("div", { className: "proton-Banner__wrapper", children: e })
   }
 ) }), Yf = ({ children: t, ...e }) => {
   const n = ne(yr);
@@ -9338,9 +9320,10 @@ const Gf = {
       className: oe(
         "proton-Banner",
         "proton-Banner__title",
-        `proton-Banner--${n}__title`
+        `proton-Banner--${n}__title`,
+        e.className
       ),
-      ...e,
+      "data-testid": e["data-testid"],
       children: t
     }
   );
@@ -9351,8 +9334,12 @@ const Gf = {
   return /* @__PURE__ */ B.jsx(
     "p",
     {
-      className: oe("proton-Banner", `proton-Banner--${n}__content`),
-      ...e,
+      className: oe(
+        "proton-Banner",
+        `proton-Banner--${n}__content`,
+        e.className
+      ),
+      "data-testid": e["data-testid"],
       children: t
     }
   );