pallote-react 0.16.10 → 0.16.11

package/dist/components/Alert.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 type AlertColor = 'success' | 'info' | 'warning' | 'error';
 type AlertVariant = 'bar' | 'toast' | 'notice';
 export interface AlertProps extends HTMLAttributes<HTMLDivElement> {
@@ -6,11 +6,12 @@ export interface AlertProps extends HTMLAttributes<HTMLDivElement> {
     variant?: AlertVariant;
     title: string;
     subtitle?: string;
+    actions?: ReactNode;
     dense?: boolean;
     noIcon?: boolean;
     show?: boolean;
     onClose?: () => void;
     className?: string;
 }
-export declare const Alert: ({ color, variant, title, subtitle, dense, noIcon, show, onClose, className, ...props }: AlertProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Alert: ({ color, variant, title, subtitle, actions, dense, noIcon, show, onClose, className, ...props }: AlertProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.js

@@ -272,7 +272,7 @@ const a$6 = /* @__PURE__ */ new Map([
 const e$7 = e$9.forwardRef((r, t) => /* @__PURE__ */ e$9.createElement(p, { ref: t, ...r, weights: a$6 }));
 e$7.displayName = "XIcon";
 
-const Alert = ({ color = 'success', variant = 'toast', title, subtitle, dense, noIcon, show, onClose, className, ...props }) => {
+const Alert = ({ color = 'success', variant = 'toast', title, subtitle, actions, dense, noIcon, show, onClose, className, ...props }) => {
     const [shouldRender, setRender] = useState(show);
     const [container] = useState(() => {
         let el = document.getElementById('alerts');
@@ -302,7 +302,7 @@ const Alert = ({ color = 'success', variant = 'toast', title, subtitle, dense, n
                 'alert-noIcon': noIcon
             },
             className
-        ]), onAnimationEnd: onAnimationEnd, ...props, children: [jsxs("div", { className: classnames('alert_content'), children: [title ? jsx(Text, { className: classnames('alert_title'), variant: dense ? 'caption' : 'body', weight: 'bold', children: title }) : null, subtitle ? jsx(Text, { variant: dense ? 'overline' : 'caption', className: classnames('alert_subtitle'), children: subtitle }) : null] }), onClose ? (jsx("button", { type: "button", className: classnames('alert_close'), onClick: onClose, "aria-label": "Dismiss alert", children: jsx(e$7, { size: dense ? 14 : 16, "aria-hidden": "true" }) })) : null] }));
+        ]), onAnimationEnd: onAnimationEnd, ...props, children: [jsxs("div", { className: classnames('alert_content'), children: [title ? jsx(Text, { className: classnames('alert_title'), variant: dense ? 'caption' : 'body', weight: 'bold', children: title }) : null, subtitle ? jsx(Text, { variant: dense ? 'overline' : 'caption', className: classnames('alert_subtitle'), children: subtitle }) : null] }), actions ? jsx("div", { className: classnames('alert_actions'), children: actions }) : null, onClose ? (jsx("button", { type: "button", className: classnames('alert_close'), onClick: onClose, "aria-label": "Dismiss alert", children: jsx(e$7, { size: dense ? 14 : 16, "aria-hidden": "true" }) })) : null] }));
     if (variant === 'notice') {
         return jsx(Fragment, { children: alert });
     }

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pallote-react",
-  "version": "0.16.10",
+  "version": "0.16.11",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pallote-react",
-  "version": "0.16.10",
+  "version": "0.16.11",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -24,7 +24,7 @@
     "classnames": "^2.5.1",
     "react-syntax-highlighter": "^15.6.1",
     "sass": "^1.71.1",
-    "pallote-css": "^0.10.2"
+    "pallote-css": "^0.10.6"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.4",