@apolitical/component-library 6.6.20-ac.2 → 6.6.20-beta.0

package/index.mjs

@@ -1956,47 +1956,49 @@ const Cr = ({ image: e, className: t, testId: n }) => {
     description: r,
     height: i,
     type: a,
-    query: s,
-    url: o,
-    width: l,
-    loading: u,
-    decoding: d,
-    fetchPriority: m
-  } = e, { range: h, sizes: p } = Ah(e), v = Ba({ format: "avif", query: s, range: h, url: o }), f = Ba({ format: "webp", query: s, range: h, url: o }), b = Ba({ format: "", query: s, range: h, url: o });
-  return a && a.includes("svg") ? /* @__PURE__ */ c.jsx("picture", { className: t, children: /* @__PURE__ */ c.jsx(
+    color: s,
+    query: o,
+    url: l,
+    width: u,
+    loading: d,
+    decoding: m,
+    fetchPriority: h
+  } = e, { range: p, sizes: v } = Ah(e), f = Ba({ format: "avif", query: o, range: p, url: l }), b = Ba({ format: "webp", query: o, range: p, url: l }), g = Ba({ format: "", query: o, range: p, url: l });
+  let y = {};
+  return s && (y = { "--color": s }), a && a.includes("svg") ? /* @__PURE__ */ c.jsx("picture", { className: t, style: y, children: /* @__PURE__ */ c.jsx(
     "img",
     {
-      src: o,
+      src: l,
       alt: r,
-      loading: u || "lazy",
-      decoding: d || "async",
-      fetchpriority: m || "auto",
-      width: l,
+      loading: d || "lazy",
+      decoding: m || "async",
+      fetchpriority: h || "auto",
+      width: u,
       height: i,
       "data-testid": n || "image"
     }
-  ) }) : /* @__PURE__ */ c.jsxs("picture", { className: t, children: [
+  ) }) : /* @__PURE__ */ c.jsxs("picture", { className: t, style: y, children: [
     a !== "image/gif" && /* @__PURE__ */ c.jsx(
       "source",
       {
         type: "image/avif",
-        srcSet: v,
-        sizes: p,
+        srcSet: f,
+        sizes: v,
         "data-testid": "source"
       }
     ),
-    /* @__PURE__ */ c.jsx("source", { type: "image/webp", srcSet: f, sizes: p, "data-testid": "source" }),
+    /* @__PURE__ */ c.jsx("source", { type: "image/webp", srcSet: b, sizes: v, "data-testid": "source" }),
     /* @__PURE__ */ c.jsx(
       "img",
       {
-        srcSet: b,
-        sizes: p,
-        src: o,
+        srcSet: g,
+        sizes: v,
+        src: l,
         alt: r,
-        loading: u || "lazy",
-        decoding: d || "async",
-        fetchpriority: m || "auto",
-        width: l,
+        loading: d || "lazy",
+        decoding: m || "async",
+        fetchpriority: h || "auto",
+        width: u,
         height: i,
         "data-testid": n || "image"
       }
@@ -3215,26 +3217,11 @@ const Du = {
     ] })
   });
 };
-const Dd = ({
-  element: e = "section",
-  children: t,
-  className: n,
-  variant: r,
-  additionalContent: i,
-  ...a
-}) => {
-  let s = typeof t == "string" ? /* @__PURE__ */ c.jsx("p", { children: t }) : t;
-  return i && (s = /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-    /* @__PURE__ */ c.jsx("div", { className: "modal-content", children: typeof t == "string" ? /* @__PURE__ */ c.jsx("p", { children: t }) : t }),
-    /* @__PURE__ */ c.jsx("div", { className: "modal-additional-content", children: typeof i == "string" ? /* @__PURE__ */ c.jsx("p", { children: i }) : i })
-  ] })), re.createElement(e, {
-    className: V("modal", n, {
-      success: r === "success"
-    }),
-    children: s,
-    ...a
-  });
-};
+const Dd = ({ element: e = "section", children: t, className: n, ...r }) => re.createElement(e, {
+  className: V("modal", n),
+  children: typeof t == "string" ? /* @__PURE__ */ c.jsx("p", { children: t }) : t,
+  ...r
+});
 var Ps = { exports: {} }, gi = { exports: {} }, He = {};
 /** @license React v16.13.1
  * react-is.production.min.js

package/modals/components/modal/modal.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface IModalProps {
+interface Props {
     /** The element that will render around the content */
     element?: 'section' | 'div' | 'ul';
     /** The content to display */
@@ -12,11 +12,8 @@ export interface IModalProps {
     hidden?: boolean | string;
     /** Optional styling */
     style?: React.CSSProperties;
-    /** Optional variant */
-    variant?: 'success' | 'error';
-    additionalContent?: React.ReactNode | JSX.Element | string;
 }
-declare const Modal: ({ element, children, className, variant, additionalContent, ...props }: IModalProps) => React.DOMElement<{
+declare const Modal: ({ element, children, className, ...props }: Props) => React.DOMElement<{
     /** The ID of the element */
     id?: string | undefined;
     /** If the element should be hidden */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "6.6.20-ac.2",
+  "version": "6.6.20-beta.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {