@strapi/design-system 1.3.0 → 1.3.1-alpha.1

package/dist/Accordion/AccordionContent.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),l=require("prop-types"),u=require("./AccordionContext.cjs"),p=require("../Box/Box.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},f=t(s),b=t(l),c=({children:e,...n})=>{const{expanded:r,id:o}=u.useAccordion();if(!r)return null;const i=`accordion-content-${o}`,d=`accordion-label-${o}`,a=`accordion-desc-${o}`;return f.default.createElement(p.Box,{role:"region",id:i,"aria-labelledby":d,"aria-describedby":a,...n},e)};c.propTypes={children:b.default.node.isRequired};exports.AccordionContent=c;
+"use strict";var _=Object.defineProperty;var n=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;var i=(e,o,t)=>o in e?_(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,s=(e,o)=>{for(var t in o||(o={}))d.call(o,t)&&i(e,t,o[t]);if(n)for(var t of n(o))a.call(o,t)&&i(e,t,o[t]);return e};var l=(e,o)=>{var t={};for(var c in e)d.call(e,c)&&o.indexOf(c)<0&&(t[c]=e[c]);if(e!=null&&n)for(var c of n(e))o.indexOf(c)<0&&a.call(e,c)&&(t[c]=e[c]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react"),A=require("prop-types"),C=require("./AccordionContext.cjs"),g=require("../Box/Box.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},j=u(q),B=u(A),p=t=>{var c=t,{children:e}=c,o=l(c,["children"]);const{expanded:f,id:r}=C.useAccordion();if(!f)return null;const b=`accordion-content-${r}`,y=`accordion-label-${r}`,x=`accordion-desc-${r}`;return j.default.createElement(g.Box,s({role:"region",id:b,"aria-labelledby":y,"aria-describedby":x},o),e)};p.propTypes={children:B.default.node.isRequired};exports.AccordionContent=p;

package/dist/Accordion/AccordionContent.js

@@ -1,23 +1,43 @@
-import d from "react";
-import a from "prop-types";
-import { useAccordion as l } from "./AccordionContext.js";
-import { Box as p } from "../Box/Box.js";
-const s = ({ children: e, ...r }) => {
-  const { expanded: n, id: o } = l();
-  if (!n)
+var u = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var d = Object.prototype.hasOwnProperty, a = Object.prototype.propertyIsEnumerable;
+var c = (o, e, r) => e in o ? u(o, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[e] = r, l = (o, e) => {
+  for (var r in e || (e = {}))
+    d.call(e, r) && c(o, r, e[r]);
+  if (i)
+    for (var r of i(e))
+      a.call(e, r) && c(o, r, e[r]);
+  return o;
+};
+var p = (o, e) => {
+  var r = {};
+  for (var n in o)
+    d.call(o, n) && e.indexOf(n) < 0 && (r[n] = o[n]);
+  if (o != null && i)
+    for (var n of i(o))
+      e.indexOf(n) < 0 && a.call(o, n) && (r[n] = o[n]);
+  return r;
+};
+import y from "react";
+import x from "prop-types";
+import { useAccordion as $ } from "./AccordionContext.js";
+import { Box as A } from "../Box/Box.js";
+const C = (r) => {
+  var n = r, { children: o } = n, e = p(n, ["children"]);
+  const { expanded: s, id: t } = $();
+  if (!s)
     return null;
-  const i = `accordion-content-${o}`, t = `accordion-label-${o}`, c = `accordion-desc-${o}`;
-  return /* @__PURE__ */ d.createElement(p, {
+  const m = `accordion-content-${t}`, b = `accordion-label-${t}`, f = `accordion-desc-${t}`;
+  return /* @__PURE__ */ y.createElement(A, l({
     role: "region",
-    id: i,
-    "aria-labelledby": t,
-    "aria-describedby": c,
-    ...r
-  }, e);
+    id: m,
+    "aria-labelledby": b,
+    "aria-describedby": f
+  }, e), o);
 };
-s.propTypes = {
-  children: a.node.isRequired
+C.propTypes = {
+  children: x.node.isRequired
 };
 export {
-  s as AccordionContent
+  C as AccordionContent
 };

package/dist/Accordion/AccordionToggle.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("react"),P=require("prop-types"),F=require("@strapi/icons/CarretDown"),I=require("styled-components"),M=require("../TextButton/TextButton.cjs"),z=require("../Typography/Typography.cjs"),D=require("./Accordion.cjs"),W=require("./AccordionContext.cjs"),C=require("../Flex/Flex.cjs"),T=require("../Stack/Stack.cjs"),L=require("../Icon/Icon.cjs"),O=require("./utils.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=l(w),i=l(P),U=l(F),k=l(I),X=k.default(M.TextButton)`
+"use strict";var O=Object.defineProperty;var u=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var $=(e,t,o)=>t in e?O(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,f=(e,t)=>{for(var o in t||(t={}))j.call(t,o)&&$(e,o,t[o]);if(u)for(var o of u(t))q.call(t,o)&&$(e,o,t[o]);return e};var _=(e,t)=>{var o={};for(var r in e)j.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&u)for(var r of u(e))t.indexOf(r)<0&&q.call(e,r)&&(o[r]=e[r]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("react"),U=require("prop-types"),X=require("@strapi/icons/CarretDown"),Y=require("styled-components"),G=require("../TextButton/TextButton.cjs"),H=require("../Typography/Typography.cjs"),J=require("./Accordion.cjs"),K=require("./AccordionContext.cjs"),E=require("../Flex/Flex.cjs"),S=require("../Stack/Stack.cjs"),N=require("../Icon/Icon.cjs"),Q=require("./utils.cjs"),p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=p(A),l=p(U),V=p(X),P=p(Y),Z=P.default(G.TextButton)`
   text-align: left;
 
   // necessary to make the ellipsis prop work on the title
@@ -11,12 +11,12 @@
     height: ${14/16}rem;
 
     path {
-      fill: ${({theme:e,expanded:r})=>r?e.colors.primary600:e.colors.neutral500};
+      fill: ${({theme:e,expanded:t})=>t?e.colors.primary600:e.colors.neutral500};
     }
   }
-`,Y=k.default(C.Flex)`
-  min-height: ${({theme:e,size:r})=>e.sizes.accordions[r]};
-  border-radius: ${({theme:e,expanded:r})=>r?`${e.borderRadius} ${e.borderRadius} 0 0`:e.borderRadius};
+`,ee=P.default(E.Flex)`
+  min-height: ${({theme:e,size:t})=>e.sizes.accordions[t]};
+  border-radius: ${({theme:e,expanded:t})=>t?`${e.borderRadius} ${e.borderRadius} 0 0`:e.borderRadius};
 
   &:hover {
     svg {
@@ -25,4 +25,4 @@
       }
     }
   }
-`,u=({title:e,description:r,as:v,togglePosition:s,action:p,...$})=>{const g=w.useRef(null),{onToggle:f,toggle:y,expanded:o,id:d,size:n,variant:j,disabled:a}=W.useAccordion(),q=`accordion-content-${d}`,m=`accordion-label-${d}`,_=`accordion-desc-${d}`,c=n==="M"?6:4,h=n==="M"?c:c-2,R=O.getBackground({expanded:o,disabled:a,variant:j}),S={as:v,fontWeight:n==="S"?"bold":void 0,id:m,textColor:o?"primary600":"neutral700",ellipsis:!0,variant:n==="M"?"delta":void 0},A=o?"primary600":"neutral600",B=o?"primary200":"neutral200",x=n==="M"?`${32/16}rem`:`${24/16}rem`,E=()=>{a||(y&&!f?(console.warn('Deprecation warning: Usage of "toggle" prop in Accordion component is deprecated. This is discouraged and will be removed in the next major release. Please use "onToggle" instead'),y()):f())},b=t.default.createElement(C.Flex,{justifyContent:"center",borderRadius:"50%",height:x,width:x,transform:o?"rotate(180deg)":void 0,"data-strapi-dropdown":!0,disabled:a,"aria-hidden":!0,as:"span",background:B,cursor:a?"not-allowed":"pointer",onClick:()=>g?.current?.click(),shrink:0},t.default.createElement(L.Icon,{as:U.default,width:n==="M"?`${11/16}rem`:`${8/16}rem`,color:o?"primary600":"neutral600"}));return t.default.createElement(Y,{paddingBottom:h,paddingLeft:c,paddingRight:c,paddingTop:h,background:R,expanded:o,size:n,justifyContent:"space-between",cursor:a?"not-allowed":""},t.default.createElement(T.Stack,{horizontal:!0,spacing:3,flex:1,maxWidth:"100%"},s==="left"&&b,t.default.createElement(X,{ref:g,onClick:E,"aria-disabled":a,"aria-expanded":o,"aria-controls":q,"aria-labelledby":m,"data-strapi-accordion-toggle":!0,expanded:o,type:"button",flex:1,minWidth:0,...$},t.default.createElement(t.default.Fragment,null,t.default.createElement(D.AccordionTypography,{...S},e),r&&t.default.createElement(z.Typography,{as:"p",id:_,textColor:A},r))),s==="right"&&t.default.createElement(T.Stack,{horizontal:!0,spacing:3},b,p),s==="left"&&p))};u.defaultProps={action:void 0,as:"span",description:void 0,variant:"primary",togglePosition:"right"};u.propTypes={action:i.default.node,as:i.default.string,description:i.default.string,title:i.default.string.isRequired,togglePosition:i.default.oneOf(["right","left"]),variant:i.default.oneOf(["primary","secondary"])};exports.AccordionToggle=u;
+`,y=te=>{var h=te,{title:e,description:t,as:o,togglePosition:r,action:m}=h,R=_(h,["title","description","as","togglePosition","action"]);const s=A.useRef(null),{onToggle:x,toggle:b,expanded:n,id:g,size:i,variant:B,disabled:c}=K.useAccordion(),F=`accordion-content-${g}`,T=`accordion-label-${g}`,I=`accordion-desc-${g}`,d=i==="M"?6:4,w=i==="M"?d:d-2,M=Q.getBackground({expanded:n,disabled:c,variant:B}),z={as:o,fontWeight:i==="S"?"bold":void 0,id:T,textColor:n?"primary600":"neutral700",ellipsis:!0,variant:i==="M"?"delta":void 0},D=n?"primary600":"neutral600",W=n?"primary200":"neutral200",C=i==="M"?`${32/16}rem`:`${24/16}rem`,L=()=>{c||(b&&!x?(console.warn('Deprecation warning: Usage of "toggle" prop in Accordion component is deprecated. This is discouraged and will be removed in the next major release. Please use "onToggle" instead'),b()):x())},k=a.default.createElement(E.Flex,{justifyContent:"center",borderRadius:"50%",height:C,width:C,transform:n?"rotate(180deg)":void 0,"data-strapi-dropdown":!0,disabled:c,"aria-hidden":!0,as:"span",background:W,cursor:c?"not-allowed":"pointer",onClick:()=>{var v;return(v=s==null?void 0:s.current)==null?void 0:v.click()},shrink:0},a.default.createElement(N.Icon,{as:V.default,width:i==="M"?`${11/16}rem`:`${8/16}rem`,color:n?"primary600":"neutral600"}));return a.default.createElement(ee,{paddingBottom:w,paddingLeft:d,paddingRight:d,paddingTop:w,background:M,expanded:n,size:i,justifyContent:"space-between",cursor:c?"not-allowed":""},a.default.createElement(S.Stack,{horizontal:!0,spacing:3,flex:1,maxWidth:"100%"},r==="left"&&k,a.default.createElement(Z,f({ref:s,onClick:L,"aria-disabled":c,"aria-expanded":n,"aria-controls":F,"aria-labelledby":T,"data-strapi-accordion-toggle":!0,expanded:n,type:"button",flex:1,minWidth:0},R),a.default.createElement(a.default.Fragment,null,a.default.createElement(J.AccordionTypography,f({},z),e),t&&a.default.createElement(H.Typography,{as:"p",id:I,textColor:D},t))),r==="right"&&a.default.createElement(S.Stack,{horizontal:!0,spacing:3},k,m),r==="left"&&m))};y.defaultProps={action:void 0,as:"span",description:void 0,variant:"primary",togglePosition:"right"};y.propTypes={action:l.default.node,as:l.default.string,description:l.default.string,title:l.default.string.isRequired,togglePosition:l.default.oneOf(["right","left"]),variant:l.default.oneOf(["primary","secondary"])};exports.AccordionToggle=y;

package/dist/Accordion/AccordionToggle.js

@@ -1,16 +1,36 @@
-import e, { useRef as A } from "react";
-import a from "prop-types";
-import I from "@strapi/icons/CarretDown";
-import x from "styled-components";
-import { TextButton as S } from "../TextButton/TextButton.js";
-import { Typography as W } from "../Typography/Typography.js";
-import { AccordionTypography as j } from "./Accordion.js";
-import { useAccordion as D } from "./AccordionContext.js";
-import { Flex as $ } from "../Flex/Flex.js";
-import { Stack as b } from "../Stack/Stack.js";
-import { Icon as F } from "../Icon/Icon.js";
-import { getBackground as L } from "./utils.js";
-const O = x(S)`
+var O = Object.defineProperty;
+var p = Object.getOwnPropertySymbols;
+var T = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
+var C = (o, e, r) => e in o ? O(o, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[e] = r, g = (o, e) => {
+  for (var r in e || (e = {}))
+    T.call(e, r) && C(o, r, e[r]);
+  if (p)
+    for (var r of p(e))
+      k.call(e, r) && C(o, r, e[r]);
+  return o;
+};
+var E = (o, e) => {
+  var r = {};
+  for (var t in o)
+    T.call(o, t) && e.indexOf(t) < 0 && (r[t] = o[t]);
+  if (o != null && p)
+    for (var t of p(o))
+      e.indexOf(t) < 0 && k.call(o, t) && (r[t] = o[t]);
+  return r;
+};
+import i, { useRef as _ } from "react";
+import l from "prop-types";
+import q from "@strapi/icons/CarretDown";
+import z from "styled-components";
+import { TextButton as U } from "../TextButton/TextButton.js";
+import { Typography as X } from "../Typography/Typography.js";
+import { AccordionTypography as Y } from "./Accordion.js";
+import { useAccordion as G } from "./AccordionContext.js";
+import { Flex as P } from "../Flex/Flex.js";
+import { Stack as R } from "../Stack/Stack.js";
+import { Icon as H } from "../Icon/Icon.js";
+import { getBackground as J } from "./utils.js";
+const K = z(U)`
   text-align: left;
 
   // necessary to make the ellipsis prop work on the title
@@ -23,12 +43,12 @@ const O = x(S)`
     height: ${14 / 16}rem;
 
     path {
-      fill: ${({ theme: o, expanded: t }) => t ? o.colors.primary600 : o.colors.neutral500};
+      fill: ${({ theme: o, expanded: e }) => e ? o.colors.primary600 : o.colors.neutral500};
     }
   }
-`, _ = x($)`
-  min-height: ${({ theme: o, size: t }) => o.sizes.accordions[t]};
-  border-radius: ${({ theme: o, expanded: t }) => t ? `${o.borderRadius} ${o.borderRadius} 0 0` : o.borderRadius};
+`, N = z(P)`
+  min-height: ${({ theme: o, size: e }) => o.sizes.accordions[e]};
+  border-radius: ${({ theme: o, expanded: e }) => e ? `${o.borderRadius} ${o.borderRadius} 0 0` : o.borderRadius};
 
   &:hover {
     svg {
@@ -37,91 +57,92 @@ const O = x(S)`
       }
     }
   }
-`, w = ({ title: o, description: t, as: v, togglePosition: l, action: c, ...C }) => {
-  const p = A(null), { onToggle: m, toggle: g, expanded: r, id: s, size: i, variant: T, disabled: n } = D(), k = `accordion-content-${s}`, u = `accordion-label-${s}`, E = `accordion-desc-${s}`, d = i === "M" ? 6 : 4, f = i === "M" ? d : d - 2, R = L({ expanded: r, disabled: n, variant: T }), z = {
-    as: v,
-    fontWeight: i === "S" ? "bold" : void 0,
-    id: u,
-    textColor: r ? "primary600" : "neutral700",
+`, M = (Q) => {
+  var f = Q, { title: o, description: e, as: r, togglePosition: t, action: u } = f, A = E(f, ["title", "description", "as", "togglePosition", "action"]);
+  const s = _(null), { onToggle: h, toggle: y, expanded: n, id: m, size: a, variant: B, disabled: d } = G(), I = `accordion-content-${m}`, b = `accordion-label-${m}`, S = `accordion-desc-${m}`, c = a === "M" ? 6 : 4, x = a === "M" ? c : c - 2, W = J({ expanded: n, disabled: d, variant: B }), j = {
+    as: r,
+    fontWeight: a === "S" ? "bold" : void 0,
+    id: b,
+    textColor: n ? "primary600" : "neutral700",
     ellipsis: !0,
-    variant: i === "M" ? "delta" : void 0
-  }, B = r ? "primary600" : "neutral600", P = r ? "primary200" : "neutral200", h = i === "M" ? `${32 / 16}rem` : `${24 / 16}rem`, M = () => {
-    n || (g && !m ? (console.warn(
+    variant: a === "M" ? "delta" : void 0
+  }, D = n ? "primary600" : "neutral600", F = n ? "primary200" : "neutral200", $ = a === "M" ? `${32 / 16}rem` : `${24 / 16}rem`, L = () => {
+    d || (y && !h ? (console.warn(
       'Deprecation warning: Usage of "toggle" prop in Accordion component is deprecated. This is discouraged and will be removed in the next major release. Please use "onToggle" instead'
-    ), g()) : m());
-  }, y = /* @__PURE__ */ e.createElement($, {
+    ), y()) : h());
+  }, w = /* @__PURE__ */ i.createElement(P, {
     justifyContent: "center",
     borderRadius: "50%",
-    height: h,
-    width: h,
-    transform: r ? "rotate(180deg)" : void 0,
+    height: $,
+    width: $,
+    transform: n ? "rotate(180deg)" : void 0,
     "data-strapi-dropdown": !0,
-    disabled: n,
+    disabled: d,
     "aria-hidden": !0,
     as: "span",
-    background: P,
-    cursor: n ? "not-allowed" : "pointer",
-    onClick: () => p?.current?.click(),
+    background: F,
+    cursor: d ? "not-allowed" : "pointer",
+    onClick: () => {
+      var v;
+      return (v = s == null ? void 0 : s.current) == null ? void 0 : v.click();
+    },
     shrink: 0
-  }, /* @__PURE__ */ e.createElement(F, {
-    as: I,
-    width: i === "M" ? `${11 / 16}rem` : `${8 / 16}rem`,
-    color: r ? "primary600" : "neutral600"
+  }, /* @__PURE__ */ i.createElement(H, {
+    as: q,
+    width: a === "M" ? `${11 / 16}rem` : `${8 / 16}rem`,
+    color: n ? "primary600" : "neutral600"
   }));
-  return /* @__PURE__ */ e.createElement(_, {
-    paddingBottom: f,
-    paddingLeft: d,
-    paddingRight: d,
-    paddingTop: f,
-    background: R,
-    expanded: r,
-    size: i,
+  return /* @__PURE__ */ i.createElement(N, {
+    paddingBottom: x,
+    paddingLeft: c,
+    paddingRight: c,
+    paddingTop: x,
+    background: W,
+    expanded: n,
+    size: a,
     justifyContent: "space-between",
-    cursor: n ? "not-allowed" : ""
-  }, /* @__PURE__ */ e.createElement(b, {
+    cursor: d ? "not-allowed" : ""
+  }, /* @__PURE__ */ i.createElement(R, {
     horizontal: !0,
     spacing: 3,
     flex: 1,
     maxWidth: "100%"
-  }, l === "left" && y, /* @__PURE__ */ e.createElement(O, {
-    ref: p,
-    onClick: M,
-    "aria-disabled": n,
-    "aria-expanded": r,
-    "aria-controls": k,
-    "aria-labelledby": u,
+  }, t === "left" && w, /* @__PURE__ */ i.createElement(K, g({
+    ref: s,
+    onClick: L,
+    "aria-disabled": d,
+    "aria-expanded": n,
+    "aria-controls": I,
+    "aria-labelledby": b,
     "data-strapi-accordion-toggle": !0,
-    expanded: r,
+    expanded: n,
     type: "button",
     flex: 1,
-    minWidth: 0,
-    ...C
-  }, /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(j, {
-    ...z
-  }, o), t && /* @__PURE__ */ e.createElement(W, {
+    minWidth: 0
+  }, A), /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(Y, g({}, j), o), e && /* @__PURE__ */ i.createElement(X, {
     as: "p",
-    id: E,
-    textColor: B
-  }, t))), l === "right" && /* @__PURE__ */ e.createElement(b, {
+    id: S,
+    textColor: D
+  }, e))), t === "right" && /* @__PURE__ */ i.createElement(R, {
     horizontal: !0,
     spacing: 3
-  }, y, c), l === "left" && c));
+  }, w, u), t === "left" && u));
 };
-w.defaultProps = {
+M.defaultProps = {
   action: void 0,
   as: "span",
   description: void 0,
   variant: "primary",
   togglePosition: "right"
 };
-w.propTypes = {
-  action: a.node,
-  as: a.string,
-  description: a.string,
-  title: a.string.isRequired,
-  togglePosition: a.oneOf(["right", "left"]),
-  variant: a.oneOf(["primary", "secondary"])
+M.propTypes = {
+  action: l.node,
+  as: l.string,
+  description: l.string,
+  title: l.string.isRequired,
+  togglePosition: l.oneOf(["right", "left"]),
+  variant: l.oneOf(["primary", "secondary"])
 };
 export {
-  w as AccordionToggle
+  M as AccordionToggle
 };

package/dist/Alert/Alert.cjs

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react"),y=require("prop-types"),C=require("styled-components"),E=require("@strapi/icons/Information"),B=require("@strapi/icons/CheckCircle"),_=require("@strapi/icons/ExclamationMarkCircle"),q=require("@strapi/icons/Cross"),l=require("../Box/Box.cjs"),u=require("../Typography/Typography.cjs"),b=require("../Flex/Flex.cjs"),s=require("./utils.cjs"),T=require("../themes/utils.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(x),a=r(y),d=r(C),$=r(E),k=r(B),R=r(_),A=r(q),I=d.default(l.Box)`
+"use strict";var b=Object.defineProperty;var u=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var m=(e,a,t)=>a in e?b(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,d=(e,a)=>{for(var t in a||(a={}))x.call(a,t)&&m(e,t,a[t]);if(u)for(var t of u(a))y.call(a,t)&&m(e,t,a[t]);return e};var g=(e,a)=>{var t={};for(var l in e)x.call(e,l)&&a.indexOf(l)<0&&(t[l]=e[l]);if(e!=null&&u)for(var l of u(e))a.indexOf(l)<0&&y.call(e,l)&&(t[l]=e[l]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("react"),$=require("prop-types"),k=require("styled-components"),R=require("@strapi/icons/Information"),A=require("@strapi/icons/CheckCircle"),I=require("@strapi/icons/ExclamationMarkCircle"),j=require("@strapi/icons/Cross"),s=require("../Box/Box.cjs"),C=require("../Typography/Typography.cjs"),w=require("../Flex/Flex.cjs"),i=require("./utils.cjs"),v=require("../themes/utils.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=n(T),o=n($),c=n(k),F=n(R),M=n(A),P=n(I),S=n(j),L=c.default(s.Box)`
   flex: 1;
   flex-wrap: wrap;
   display: flex;
   flex-direction: row;
-`,j=d.default(l.Box)`
-  border: 1px solid ${s.handleBorderColor};
-  background: ${s.handleBackgroundColor};
+`,W=c.default(s.Box)`
+  border: 1px solid ${i.handleBorderColor};
+  background: ${i.handleBackgroundColor};
   box-shadow: ${({theme:e})=>e.shadows.filterShadow};
-`,w=d.default.button`
+`,z=c.default.button`
   border: none;
   background: transparent;
   font-size: ${12/16}rem;
@@ -15,21 +15,21 @@
     fill: ${({theme:e})=>e.colors.neutral700};
   }
   margin-top: ${({theme:e})=>e.spaces[1]};
-  ${T.buttonFocusStyle};
-`,v=d.default(l.Box)`
+  ${v.buttonFocusStyle};
+`,O=c.default(s.Box)`
   font-size: ${20/16}rem;
   svg path {
-    fill: ${s.handleIconColor};
+    fill: ${i.handleIconColor};
   }
-`,f=({variant:e,...o})=>e==="success"?t.default.createElement(k.default,{...o}):e==="danger"?t.default.createElement(R.default,{...o}):t.default.createElement($.default,{...o}),F=d.default(l.Box)`
+`,E=t=>{var l=t,{variant:e}=l,a=g(l,["variant"]);return e==="success"?r.default.createElement(M.default,d({},a)):e==="danger"?r.default.createElement(P.default,d({},a)):r.default.createElement(F.default,d({},a))},D=c.default(s.Box)`
   // Checked with the designers, validated
   padding-top: 1px;
 
   & a > span {
-    color: ${s.handleIconColor};
+    color: ${i.handleIconColor};
 
     svg path {
-      fill: ${s.handleIconColor};
+      fill: ${i.handleIconColor};
     }
   }
-`,i=({title:e,children:o,variant:n,onClose:p,closeLabel:g,titleAs:h,action:c,...m})=>t.default.createElement(j,{hasRadius:!0,paddingLeft:5,paddingRight:6,paddingTop:5,variant:n,...m},t.default.createElement(b.Flex,{alignItems:"flex-start"},t.default.createElement(v,{paddingRight:3,variant:n},t.default.createElement(f,{variant:n,"aria-hidden":!0})),t.default.createElement(I,{role:n==="danger"?"alert":"status"},t.default.createElement(l.Box,{paddingBottom:2,paddingRight:1},t.default.createElement(u.Typography,{fontWeight:"bold",textColor:"neutral800",as:h},e)),t.default.createElement(l.Box,{paddingBottom:c?2:5,paddingRight:2},t.default.createElement(u.Typography,{as:"p",textColor:"neutral800"},o)),c&&t.default.createElement(F,{paddingBottom:5,variant:n},c)),t.default.createElement(w,{onClick:p,"aria-label":g},t.default.createElement(A.default,{"aria-hidden":!0}))));i.defaultProps={action:void 0,variant:"default",titleAs:"p"};i.propTypes={action:a.default.element,children:a.default.node.isRequired,closeLabel:a.default.string.isRequired,onClose:a.default.func.isRequired,title:a.default.string.isRequired,titleAs:a.default.string,variant:a.default.oneOf(["danger","success","default"])};f.propTypes={variant:i.propTypes.variant};exports.Alert=i;
+`,f=G=>{var h=G,{title:e,children:a,variant:t,onClose:l,closeLabel:B,titleAs:_,action:p}=h,q=g(h,["title","children","variant","onClose","closeLabel","titleAs","action"]);return r.default.createElement(W,d({hasRadius:!0,paddingLeft:5,paddingRight:6,paddingTop:5,variant:t},q),r.default.createElement(w.Flex,{alignItems:"flex-start"},r.default.createElement(O,{paddingRight:3,variant:t},r.default.createElement(E,{variant:t,"aria-hidden":!0})),r.default.createElement(L,{role:t==="danger"?"alert":"status"},r.default.createElement(s.Box,{paddingBottom:2,paddingRight:1},r.default.createElement(C.Typography,{fontWeight:"bold",textColor:"neutral800",as:_},e)),r.default.createElement(s.Box,{paddingBottom:p?2:5,paddingRight:2},r.default.createElement(C.Typography,{as:"p",textColor:"neutral800"},a)),p&&r.default.createElement(D,{paddingBottom:5,variant:t},p)),r.default.createElement(z,{onClick:l,"aria-label":B},r.default.createElement(S.default,{"aria-hidden":!0}))))};f.defaultProps={action:void 0,variant:"default",titleAs:"p"};f.propTypes={action:o.default.element,children:o.default.node.isRequired,closeLabel:o.default.string.isRequired,onClose:o.default.func.isRequired,title:o.default.string.isRequired,titleAs:o.default.string,variant:o.default.oneOf(["danger","success","default"])};E.propTypes={variant:f.propTypes.variant};exports.Alert=f;

package/dist/Alert/Alert.js

@@ -1,111 +1,130 @@
-import e from "react";
-import r from "prop-types";
-import l from "styled-components";
-import h from "@strapi/icons/Information";
-import E from "@strapi/icons/CheckCircle";
-import x from "@strapi/icons/ExclamationMarkCircle";
-import C from "@strapi/icons/Cross";
-import { Box as o } from "../Box/Box.js";
-import { Typography as p } from "../Typography/Typography.js";
-import { Flex as $ } from "../Flex/Flex.js";
-import { handleBorderColor as b, handleBackgroundColor as y, handleIconColor as d } from "./utils.js";
-import { buttonFocusStyle as R } from "../themes/utils.js";
-const B = l(o)`
+var R = Object.defineProperty;
+var s = Object.getOwnPropertySymbols;
+var h = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var u = (e, r, t) => r in e ? R(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, i = (e, r) => {
+  for (var t in r || (r = {}))
+    h.call(r, t) && u(e, t, r[t]);
+  if (s)
+    for (var t of s(r))
+      E.call(r, t) && u(e, t, r[t]);
+  return e;
+};
+var m = (e, r) => {
+  var t = {};
+  for (var n in e)
+    h.call(e, n) && r.indexOf(n) < 0 && (t[n] = e[n]);
+  if (e != null && s)
+    for (var n of s(e))
+      r.indexOf(n) < 0 && E.call(e, n) && (t[n] = e[n]);
+  return t;
+};
+import o from "react";
+import a from "prop-types";
+import d from "styled-components";
+import B from "@strapi/icons/Information";
+import A from "@strapi/icons/CheckCircle";
+import k from "@strapi/icons/ExclamationMarkCircle";
+import w from "@strapi/icons/Cross";
+import { Box as l } from "../Box/Box.js";
+import { Typography as x } from "../Typography/Typography.js";
+import { Flex as T } from "../Flex/Flex.js";
+import { handleBorderColor as I, handleBackgroundColor as q, handleIconColor as c } from "./utils.js";
+import { buttonFocusStyle as v } from "../themes/utils.js";
+const W = d(l)`
   flex: 1;
   flex-wrap: wrap;
   display: flex;
   flex-direction: row;
-`, A = l(o)`
-  border: 1px solid ${b};
-  background: ${y};
-  box-shadow: ${({ theme: t }) => t.shadows.filterShadow};
-`, k = l.button`
+`, z = d(l)`
+  border: 1px solid ${I};
+  background: ${q};
+  box-shadow: ${({ theme: e }) => e.shadows.filterShadow};
+`, F = d.button`
   border: none;
   background: transparent;
   font-size: ${12 / 16}rem;
   svg path {
-    fill: ${({ theme: t }) => t.colors.neutral700};
+    fill: ${({ theme: e }) => e.colors.neutral700};
   }
-  margin-top: ${({ theme: t }) => t.spaces[1]};
-  ${R};
-`, w = l(o)`
+  margin-top: ${({ theme: e }) => e.spaces[1]};
+  ${v};
+`, L = d(l)`
   font-size: ${20 / 16}rem;
   svg path {
-    fill: ${d};
+    fill: ${c};
   }
-`, m = ({ variant: t, ...n }) => t === "success" ? /* @__PURE__ */ e.createElement(E, {
-  ...n
-}) : t === "danger" ? /* @__PURE__ */ e.createElement(x, {
-  ...n
-}) : /* @__PURE__ */ e.createElement(h, {
-  ...n
-}), T = l(o)`
+`, C = (t) => {
+  var n = t, { variant: e } = n, r = m(n, ["variant"]);
+  return e === "success" ? /* @__PURE__ */ o.createElement(A, i({}, r)) : e === "danger" ? /* @__PURE__ */ o.createElement(k, i({}, r)) : /* @__PURE__ */ o.createElement(B, i({}, r));
+}, P = d(l)`
   // Checked with the designers, validated
   padding-top: 1px;
 
   & a > span {
-    color: ${d};
+    color: ${c};
 
     svg path {
-      fill: ${d};
+      fill: ${c};
     }
   }
-`, s = ({ title: t, children: n, variant: a, onClose: c, closeLabel: f, titleAs: g, action: i, ...u }) => /* @__PURE__ */ e.createElement(A, {
-  hasRadius: !0,
-  paddingLeft: 5,
-  paddingRight: 6,
-  paddingTop: 5,
-  variant: a,
-  ...u
-}, /* @__PURE__ */ e.createElement($, {
-  alignItems: "flex-start"
-}, /* @__PURE__ */ e.createElement(w, {
-  paddingRight: 3,
-  variant: a
-}, /* @__PURE__ */ e.createElement(m, {
-  variant: a,
-  "aria-hidden": !0
-})), /* @__PURE__ */ e.createElement(B, {
-  role: a === "danger" ? "alert" : "status"
-}, /* @__PURE__ */ e.createElement(o, {
-  paddingBottom: 2,
-  paddingRight: 1
-}, /* @__PURE__ */ e.createElement(p, {
-  fontWeight: "bold",
-  textColor: "neutral800",
-  as: g
-}, t)), /* @__PURE__ */ e.createElement(o, {
-  paddingBottom: i ? 2 : 5,
-  paddingRight: 2
-}, /* @__PURE__ */ e.createElement(p, {
-  as: "p",
-  textColor: "neutral800"
-}, n)), i && /* @__PURE__ */ e.createElement(T, {
-  paddingBottom: 5,
-  variant: a
-}, i)), /* @__PURE__ */ e.createElement(k, {
-  onClick: c,
-  "aria-label": f
-}, /* @__PURE__ */ e.createElement(C, {
-  "aria-hidden": !0
-}))));
-s.defaultProps = {
+`, f = (S) => {
+  var g = S, { title: e, children: r, variant: t, onClose: n, closeLabel: $, titleAs: b, action: p } = g, y = m(g, ["title", "children", "variant", "onClose", "closeLabel", "titleAs", "action"]);
+  return /* @__PURE__ */ o.createElement(z, i({
+    hasRadius: !0,
+    paddingLeft: 5,
+    paddingRight: 6,
+    paddingTop: 5,
+    variant: t
+  }, y), /* @__PURE__ */ o.createElement(T, {
+    alignItems: "flex-start"
+  }, /* @__PURE__ */ o.createElement(L, {
+    paddingRight: 3,
+    variant: t
+  }, /* @__PURE__ */ o.createElement(C, {
+    variant: t,
+    "aria-hidden": !0
+  })), /* @__PURE__ */ o.createElement(W, {
+    role: t === "danger" ? "alert" : "status"
+  }, /* @__PURE__ */ o.createElement(l, {
+    paddingBottom: 2,
+    paddingRight: 1
+  }, /* @__PURE__ */ o.createElement(x, {
+    fontWeight: "bold",
+    textColor: "neutral800",
+    as: b
+  }, e)), /* @__PURE__ */ o.createElement(l, {
+    paddingBottom: p ? 2 : 5,
+    paddingRight: 2
+  }, /* @__PURE__ */ o.createElement(x, {
+    as: "p",
+    textColor: "neutral800"
+  }, r)), p && /* @__PURE__ */ o.createElement(P, {
+    paddingBottom: 5,
+    variant: t
+  }, p)), /* @__PURE__ */ o.createElement(F, {
+    onClick: n,
+    "aria-label": $
+  }, /* @__PURE__ */ o.createElement(w, {
+    "aria-hidden": !0
+  }))));
+};
+f.defaultProps = {
   action: void 0,
   variant: "default",
   titleAs: "p"
 };
-s.propTypes = {
-  action: r.element,
-  children: r.node.isRequired,
-  closeLabel: r.string.isRequired,
-  onClose: r.func.isRequired,
-  title: r.string.isRequired,
-  titleAs: r.string,
-  variant: r.oneOf(["danger", "success", "default"])
+f.propTypes = {
+  action: a.element,
+  children: a.node.isRequired,
+  closeLabel: a.string.isRequired,
+  onClose: a.func.isRequired,
+  title: a.string.isRequired,
+  titleAs: a.string,
+  variant: a.oneOf(["danger", "success", "default"])
 };
-m.propTypes = {
-  variant: s.propTypes.variant
+C.propTypes = {
+  variant: f.propTypes.variant
 };
 export {
-  s as Alert
+  f as Alert
 };

package/dist/Badge/Badge.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),c=require("prop-types"),p=require("../Flex/Flex.cjs"),f=require("../Typography/Typography.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=o(s),t=o(c),r=({active:e,textColor:l,backgroundColor:n,children:u,minWidth:i,...d})=>a.default.createElement(p.Flex,{inline:!0,alignItem:"center",justifyContent:"center",minWidth:i,padding:1,background:e?"primary100":n,hasRadius:!0,...d},a.default.createElement(f.Typography,{variant:"sigma",textColor:e?"primary600":l},u));r.defaultProps={active:!1,backgroundColor:"neutral100",minWidth:5,textColor:"neutral600"};r.propTypes={active:t.default.bool,backgroundColor:t.default.string,children:t.default.oneOfType([t.default.number,t.default.string]).isRequired,minWidth:t.default.number,textColor:t.default.string};exports.Badge=r;
+"use strict";var b=Object.defineProperty;var l=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var i=(e,r,t)=>r in e?b(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,c=(e,r)=>{for(var t in r||(r={}))d.call(r,t)&&i(e,t,r[t]);if(l)for(var t of l(r))s.call(r,t)&&i(e,t,r[t]);return e};var p=(e,r)=>{var t={};for(var a in e)d.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&l)for(var a of l(e))r.indexOf(a)<0&&s.call(e,a)&&(t[a]=e[a]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("react"),h=require("prop-types"),x=require("../Flex/Flex.cjs"),_=require("../Typography/Typography.cjs"),y=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},f=y(T),o=y(h),n=C=>{var u=C,{active:e,textColor:r,backgroundColor:t,children:a,minWidth:g}=u,m=p(u,["active","textColor","backgroundColor","children","minWidth"]);return f.default.createElement(x.Flex,c({inline:!0,alignItem:"center",justifyContent:"center",minWidth:g,padding:1,background:e?"primary100":t,hasRadius:!0},m),f.default.createElement(_.Typography,{variant:"sigma",textColor:e?"primary600":r},a))};n.defaultProps={active:!1,backgroundColor:"neutral100",minWidth:5,textColor:"neutral600"};n.propTypes={active:o.default.bool,backgroundColor:o.default.string,children:o.default.oneOfType([o.default.number,o.default.string]).isRequired,minWidth:o.default.number,textColor:o.default.string};exports.Badge=n;