@strapi/design-system 0.0.0-599b75fb-test

package/LICENSE

@@ -0,0 +1,7 @@
+Copyright (c) 2015-present Strapi Solutions SAS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist/Accordion/Accordion.cjs

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),m=require("react"),$=require("styled-components"),b=require("./AccordionContext.cjs"),p=require("../Box/Box.cjs"),h=require("../Flex/Flex.cjs"),T=require("../hooks/useId.cjs"),a=require("../Typography/Typography.cjs"),_=r=>r&&typeof r=="object"&&"default"in r?r:{default:r};function q(r){if(r&&r.__esModule)return r;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(o,e,t.get?t:{enumerable:!0,get:()=>r[e]})}}return o.default=r,Object.freeze(o)}const A=q(m),y=_($),v=({theme:r,expanded:o,variant:e,disabled:t,error:n})=>n?`1px solid ${r.colors.danger600} !important`:t?`1px solid ${r.colors.neutral150}`:o?`1px solid ${r.colors.primary600}`:e==="primary"?`1px solid ${r.colors.neutral0}`:`1px solid ${r.colors.neutral100}`,f=y.default(a.Typography)``,B=y.default(p.Box)`
+  border: ${v};
+
+  &:hover:not([aria-disabled='true']) {
+    border: 1px solid ${({theme:r})=>r.colors.primary600};
+
+    ${f} {
+      color: ${({theme:r,expanded:o})=>o?void 0:r.colors.primary700};
+    }
+
+    ${a.Typography} {
+      color: ${({theme:r,expanded:o})=>o?void 0:r.colors.primary600};
+    }
+
+    & > ${h.Flex} {
+      background: ${({theme:r})=>r.colors.primary100};
+    }
+
+    [data-strapi-dropdown='true'] {
+      background: ${({theme:r})=>r.colors.primary200};
+    }
+  }
+`,M=({children:r,disabled:o=!1,error:e,expanded:t=!1,hasErrorMessage:n=!0,id:x,onToggle:i,toggle:d,size:u="M",variant:s="primary",shadow:g})=>{const l=T.useId(x),j=A.useMemo(()=>({expanded:t,onToggle:i,toggle:d,id:l,size:u,variant:s,disabled:o}),[o,t,l,i,u,d,s]);return c.jsxs(b.AccordionContext.Provider,{value:j,children:[c.jsx(B,{"data-strapi-expanded":t,disabled:o,"aria-disabled":o,expanded:t,hasRadius:!0,variant:s,error:e,shadow:g,children:r}),e&&n&&c.jsx(p.Box,{paddingTop:1,children:c.jsx(a.Typography,{variant:"pi",textColor:"danger600",children:e})})]})};exports.Accordion=M;exports.AccordionTypography=f;

package/dist/Accordion/Accordion.js

@@ -0,0 +1,96 @@
+import { jsxs as y, jsx as n } from "react/jsx-runtime";
+import * as g from "react";
+import m from "styled-components";
+import { AccordionContext as h } from "./AccordionContext.js";
+import { Box as u } from "../Box/Box.js";
+import { Flex as b } from "../Flex/Flex.js";
+import { useId as A } from "../hooks/useId.js";
+import { Typography as p } from "../Typography/Typography.js";
+const v = ({
+  theme: r,
+  expanded: o,
+  variant: t,
+  disabled: i,
+  error: a
+}) => a ? `1px solid ${r.colors.danger600} !important` : i ? `1px solid ${r.colors.neutral150}` : o ? `1px solid ${r.colors.primary600}` : t === "primary" ? `1px solid ${r.colors.neutral0}` : `1px solid ${r.colors.neutral100}`, j = m(p)``, k = m(u)`
+  border: ${v};
+
+  &:hover:not([aria-disabled='true']) {
+    border: 1px solid ${({
+  theme: r
+}) => r.colors.primary600};
+
+    ${j} {
+      color: ${({
+  theme: r,
+  expanded: o
+}) => o ? void 0 : r.colors.primary700};
+    }
+
+    ${p} {
+      color: ${({
+  theme: r,
+  expanded: o
+}) => o ? void 0 : r.colors.primary600};
+    }
+
+    & > ${b} {
+      background: ${({
+  theme: r
+}) => r.colors.primary100};
+    }
+
+    [data-strapi-dropdown='true'] {
+      background: ${({
+  theme: r
+}) => r.colors.primary200};
+    }
+  }
+`, F = ({
+  children: r,
+  disabled: o = !1,
+  error: t,
+  expanded: i = !1,
+  hasErrorMessage: a = !0,
+  id: f,
+  onToggle: s,
+  toggle: c,
+  size: e = "M",
+  variant: d = "primary",
+  shadow: $
+}) => {
+  const l = A(f), x = g.useMemo(() => ({
+    expanded: i,
+    onToggle: s,
+    toggle: c,
+    id: l,
+    size: e,
+    variant: d,
+    disabled: o
+  }), [o, i, l, s, e, c, d]);
+  return y(h.Provider, {
+    value: x,
+    children: [n(k, {
+      "data-strapi-expanded": i,
+      disabled: o,
+      "aria-disabled": o,
+      expanded: i,
+      hasRadius: !0,
+      variant: d,
+      error: t,
+      shadow: $,
+      children: r
+    }), t && a && n(u, {
+      paddingTop: 1,
+      children: n(p, {
+        variant: "pi",
+        textColor: "danger600",
+        children: t
+      })
+    })]
+  });
+};
+export {
+  F as Accordion,
+  j as AccordionTypography
+};

package/dist/Accordion/AccordionContent.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),s=require("./AccordionContext.cjs"),a=require("../Box/Box.cjs"),l=({children:o,...n})=>{const{expanded:c,id:e}=s.useAccordion();if(!c)return null;const r=`accordion-content-${e}`,t=`accordion-label-${e}`,i=`accordion-desc-${e}`;return d.jsx(a.Box,{role:"region",id:r,"aria-labelledby":t,"aria-describedby":i,...n,children:o})};exports.AccordionContent=l;

package/dist/Accordion/AccordionContent.js

@@ -0,0 +1,26 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useAccordion as a } from "./AccordionContext.js";
+import { Box as l } from "../Box/Box.js";
+const p = ({
+  children: r,
+  ...n
+}) => {
+  const {
+    expanded: i,
+    id: o
+  } = a();
+  if (!i)
+    return null;
+  const c = `accordion-content-${o}`, e = `accordion-label-${o}`, t = `accordion-desc-${o}`;
+  return d(l, {
+    role: "region",
+    id: c,
+    "aria-labelledby": e,
+    "aria-describedby": t,
+    ...n,
+    children: r
+  });
+};
+export {
+  p as AccordionContent
+};

package/dist/Accordion/AccordionContext.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),t=e.createContext({disabled:!1,expanded:!1,id:"",size:"M",variant:"primary"}),o=()=>e.useContext(t);exports.AccordionContext=t;exports.useAccordion=o;

package/dist/Accordion/AccordionContext.js

@@ -0,0 +1,12 @@
+import { createContext as e, useContext as o } from "react";
+const t = e({
+  disabled: !1,
+  expanded: !1,
+  id: "",
+  size: "M",
+  variant: "primary"
+}), r = () => o(t);
+export {
+  t as AccordionContext,
+  r as useAccordion
+};

package/dist/Accordion/AccordionGroup.cjs

@@ -0,0 +1,47 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),p=require("react"),b=require("styled-components"),d=require("../Box/Box.cjs"),x=require("../Flex/Flex.cjs"),y=require("../KeyboardNavigable/KeyboardNavigable.cjs"),l=require("../Typography/Typography.cjs"),g=r=>r&&typeof r=="object"&&"default"in r?r:{default:r};function f(r){if(r&&r.__esModule)return r;const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const n=f(p),s=g(b),h=s.default(d.Box)`
+  border-bottom: 1px solid ${({theme:r})=>r.colors.neutral200};
+  border-right: 1px solid ${({theme:r})=>r.colors.neutral200};
+  border-left: 1px solid ${({theme:r})=>r.colors.neutral200};
+  border-radius: 0 0 ${({theme:r})=>r.borderRadius} ${({theme:r})=>r.borderRadius};
+`,j=s.default(d.Box)`
+  & > * {
+    & > * {
+      border-radius: unset;
+    }
+  }
+
+  & > * {
+    border-radius: unset;
+    border-right: 1px solid ${({theme:r})=>r.colors.neutral200};
+    border-left: 1px solid ${({theme:r})=>r.colors.neutral200};
+    border-bottom: 1px solid ${({theme:r})=>r.colors.neutral200};
+  }
+
+  & > *:first-of-type {
+    border-top: 1px solid ${({theme:r})=>r.colors.neutral200};
+    border-radius: ${({theme:r})=>r.borderRadius} ${({theme:r})=>r.borderRadius} 0 0;
+    & > * {
+      border-radius: ${({theme:r})=>r.borderRadius} ${({theme:r})=>r.borderRadius} 0 0;
+    }
+
+    &:hover {
+      border-top: 1px solid ${({theme:r})=>r.colors.primary600};
+    }
+  }
+
+  & [data-strapi-expanded='true'] {
+    border: 1px solid ${({theme:r})=>r.colors.primary600};
+  }
+
+  ${({theme:r,footer:e})=>`
+    &:not(${e}) {
+      & > *:last-of-type {
+        border-radius: 0 0 ${r.borderRadius} ${r.borderRadius};
+      }
+    }
+  `}
+`,$=s.default(d.Box)`
+  svg path {
+    fill: ${({theme:r})=>r.colors.neutral500};
+  }
+`,m=({children:r,footer:e,label:t,labelAction:a,error:i})=>{const c=n.Children.toArray(r).map(u=>n.cloneElement(u,{hasErrorMessage:!1}));return o.jsxs(y.KeyboardNavigable,{attributeName:"data-strapi-accordion-toggle",children:[t&&o.jsxs(x.Flex,{paddingBottom:1,children:[o.jsx(l.Typography,{variant:"pi",as:"label",textColor:"neutral800",fontWeight:"bold",children:t}),a&&o.jsx($,{paddingLeft:1,children:a})]}),o.jsx(j,{footer:e,children:c}),e&&o.jsx(h,{children:e}),i&&o.jsx(d.Box,{paddingTop:1,children:o.jsx(l.Typography,{variant:"pi",textColor:"danger600",children:i})})]})};exports.AccordionGroup=m;

package/dist/Accordion/AccordionGroup.js

@@ -0,0 +1,130 @@
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import * as n from "react";
+import t from "styled-components";
+import { Box as e } from "../Box/Box.js";
+import { Flex as b } from "../Flex/Flex.js";
+import { KeyboardNavigable as m } from "../KeyboardNavigable/KeyboardNavigable.js";
+import { Typography as p } from "../Typography/Typography.js";
+const $ = t(e)`
+  border-bottom: 1px solid ${({
+  theme: r
+}) => r.colors.neutral200};
+  border-right: 1px solid ${({
+  theme: r
+}) => r.colors.neutral200};
+  border-left: 1px solid ${({
+  theme: r
+}) => r.colors.neutral200};
+  border-radius: 0 0 ${({
+  theme: r
+}) => r.borderRadius} ${({
+  theme: r
+}) => r.borderRadius};
+`, h = t(e)`
+  & > * {
+    & > * {
+      border-radius: unset;
+    }
+  }
+
+  & > * {
+    border-radius: unset;
+    border-right: 1px solid ${({
+  theme: r
+}) => r.colors.neutral200};
+    border-left: 1px solid ${({
+  theme: r
+}) => r.colors.neutral200};
+    border-bottom: 1px solid ${({
+  theme: r
+}) => r.colors.neutral200};
+  }
+
+  & > *:first-of-type {
+    border-top: 1px solid ${({
+  theme: r
+}) => r.colors.neutral200};
+    border-radius: ${({
+  theme: r
+}) => r.borderRadius} ${({
+  theme: r
+}) => r.borderRadius} 0 0;
+    & > * {
+      border-radius: ${({
+  theme: r
+}) => r.borderRadius} ${({
+  theme: r
+}) => r.borderRadius} 0 0;
+    }
+
+    &:hover {
+      border-top: 1px solid ${({
+  theme: r
+}) => r.colors.primary600};
+    }
+  }
+
+  & [data-strapi-expanded='true'] {
+    border: 1px solid ${({
+  theme: r
+}) => r.colors.primary600};
+  }
+
+  ${({
+  theme: r,
+  footer: d
+}) => `
+    &:not(${d}) {
+      & > *:last-of-type {
+        border-radius: 0 0 ${r.borderRadius} ${r.borderRadius};
+      }
+    }
+  `}
+`, x = t(e)`
+  svg path {
+    fill: ${({
+  theme: r
+}) => r.colors.neutral500};
+  }
+`, C = ({
+  children: r,
+  footer: d,
+  label: i,
+  labelAction: a,
+  error: s
+}) => {
+  const c = n.Children.toArray(r).map((u) => n.cloneElement(u, {
+    hasErrorMessage: !1
+  }));
+  return l(m, {
+    attributeName: "data-strapi-accordion-toggle",
+    children: [i && l(b, {
+      paddingBottom: 1,
+      children: [o(p, {
+        variant: "pi",
+        as: "label",
+        textColor: "neutral800",
+        fontWeight: "bold",
+        children: i
+      }), a && o(x, {
+        paddingLeft: 1,
+        children: a
+      })]
+    }), o(h, {
+      footer: d,
+      children: c
+    }), d && o($, {
+      children: d
+    }), s && o(e, {
+      paddingTop: 1,
+      children: o(p, {
+        variant: "pi",
+        textColor: "danger600",
+        children: s
+      })
+    })]
+  });
+};
+export {
+  C as AccordionGroup
+};

package/dist/Accordion/AccordionToggle.cjs

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),F=require("@strapi/icons"),v=require("styled-components"),B=require("./Accordion.cjs"),I=require("./AccordionContext.cjs"),M=require("./utils.cjs"),s=require("../Flex/Flex.cjs"),R=require("../Icon/Icon.cjs"),z=require("../TextButton/TextButton.cjs"),S=require("../Typography/Typography.cjs"),_=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},m=_(v),D=m.default(z.TextButton)`
+  text-align: left;
+
+  // necessary to make the ellipsis prop work on the title
+  > span {
+    max-width: 100%;
+  }
+
+  svg {
+    width: ${14/16}rem;
+    height: ${14/16}rem;
+
+    path {
+      fill: ${({theme:e,expanded:t})=>t?e.colors.primary600:e.colors.neutral500};
+    }
+  }
+`,W=m.default(s.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 {
+      path {
+        fill: ${({theme:e})=>e.colors.primary600};
+      }
+    }
+  }
+`,L=({title:e,description:t,as:b="span",togglePosition:d="right",action:u,...j})=>{const{onToggle:c,toggle:p,expanded:r,id:l,size:n,variant:T,disabled:i}=I.useAccordion(),$=`accordion-content-${l}`,g=`accordion-label-${l}`,w=`accordion-desc-${l}`,a=n==="M"?6:4,x=n==="M"?a:a-2,C=M.getBackground({expanded:r,disabled:i,variant:T}),q={as:b,fontWeight:n==="S"?"bold":void 0,id:g,textColor:r?"primary600":"neutral700",ellipsis:!0,variant:n==="M"?"delta":void 0},k=r?"primary600":"neutral600",A=r?"primary200":"neutral200",h=n==="M"?`${32/16}rem`:`${24/16}rem`,f=()=>{i||(p&&!c?(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'),p()):c&&c())},y=o.jsx(s.Flex,{justifyContent:"center",borderRadius:"50%",height:h,width:h,transform:r?"rotate(180deg)":void 0,"data-strapi-dropdown":!0,"aria-hidden":!0,as:"span",background:A,cursor:i?"not-allowed":"pointer",onClick:f,shrink:0,children:o.jsx(R.Icon,{as:F.CarretDown,width:n==="M"?`${11/16}rem`:`${8/16}rem`,color:r?"primary600":"neutral600"})});return o.jsx(W,{paddingBottom:x,paddingLeft:a,paddingRight:a,paddingTop:x,background:C,expanded:r,size:n,justifyContent:"space-between",cursor:i?"not-allowed":"",children:o.jsxs(s.Flex,{gap:3,flex:1,maxWidth:"100%",children:[d==="left"&&y,o.jsx(D,{onClick:f,"aria-disabled":i,"aria-expanded":r,"aria-controls":$,"aria-labelledby":g,"data-strapi-accordion-toggle":!0,expanded:r,type:"button",flex:1,minWidth:0,...j,children:o.jsxs(o.Fragment,{children:[o.jsx(B.AccordionTypography,{...q,children:e}),t&&o.jsx(S.Typography,{as:"p",id:w,textColor:k,children:t})]})}),d==="right"&&o.jsxs(s.Flex,{gap:3,children:[y,u]}),d==="left"&&u]})})};exports.AccordionToggle=L;

package/dist/Accordion/AccordionToggle.js

@@ -0,0 +1,143 @@
+import { jsx as i, jsxs as p, Fragment as M } from "react/jsx-runtime";
+import { CarretDown as R } from "@strapi/icons";
+import y from "styled-components";
+import { AccordionTypography as A } from "./Accordion.js";
+import { useAccordion as I } from "./AccordionContext.js";
+import { getBackground as W } from "./utils.js";
+import { Flex as d } from "../Flex/Flex.js";
+import { Icon as D } from "../Icon/Icon.js";
+import { TextButton as F } from "../TextButton/TextButton.js";
+import { Typography as S } from "../Typography/Typography.js";
+const L = y(F)`
+  text-align: left;
+
+  // necessary to make the ellipsis prop work on the title
+  > span {
+    max-width: 100%;
+  }
+
+  svg {
+    width: ${14 / 16}rem;
+    height: ${14 / 16}rem;
+
+    path {
+      fill: ${({
+  theme: o,
+  expanded: e
+}) => e ? o.colors.primary600 : o.colors.neutral500};
+    }
+  }
+`, P = y(d)`
+  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 {
+      path {
+        fill: ${({
+  theme: o
+}) => o.colors.primary600};
+      }
+    }
+  }
+`, Q = ({
+  title: o,
+  description: e,
+  as: $ = "span",
+  togglePosition: l = "right",
+  action: g,
+  ...w
+}) => {
+  const {
+    onToggle: s,
+    toggle: m,
+    expanded: r,
+    id: c,
+    size: t,
+    variant: C,
+    disabled: n
+  } = I(), T = `accordion-content-${c}`, h = `accordion-label-${c}`, k = `accordion-desc-${c}`, a = t === "M" ? 6 : 4, u = t === "M" ? a : a - 2, v = W({
+    expanded: r,
+    disabled: n,
+    variant: C
+  }), j = {
+    as: $,
+    fontWeight: t === "S" ? "bold" : void 0,
+    id: h,
+    textColor: r ? "primary600" : "neutral700",
+    ellipsis: !0,
+    variant: t === "M" ? "delta" : void 0
+  }, z = r ? "primary600" : "neutral600", B = r ? "primary200" : "neutral200", f = t === "M" ? `${32 / 16}rem` : `${24 / 16}rem`, x = () => {
+    n || (m && !s ? (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'), m()) : s && s());
+  }, b = i(d, {
+    justifyContent: "center",
+    borderRadius: "50%",
+    height: f,
+    width: f,
+    transform: r ? "rotate(180deg)" : void 0,
+    "data-strapi-dropdown": !0,
+    "aria-hidden": !0,
+    as: "span",
+    background: B,
+    cursor: n ? "not-allowed" : "pointer",
+    onClick: x,
+    shrink: 0,
+    children: i(D, {
+      as: R,
+      width: t === "M" ? `${11 / 16}rem` : `${8 / 16}rem`,
+      color: r ? "primary600" : "neutral600"
+    })
+  });
+  return i(P, {
+    paddingBottom: u,
+    paddingLeft: a,
+    paddingRight: a,
+    paddingTop: u,
+    background: v,
+    expanded: r,
+    size: t,
+    justifyContent: "space-between",
+    cursor: n ? "not-allowed" : "",
+    children: p(d, {
+      gap: 3,
+      flex: 1,
+      maxWidth: "100%",
+      children: [l === "left" && b, i(L, {
+        onClick: x,
+        "aria-disabled": n,
+        "aria-expanded": r,
+        "aria-controls": T,
+        "aria-labelledby": h,
+        "data-strapi-accordion-toggle": !0,
+        expanded: r,
+        type: "button",
+        flex: 1,
+        minWidth: 0,
+        ...w,
+        children: p(M, {
+          children: [i(A, {
+            ...j,
+            children: o
+          }), e && i(S, {
+            as: "p",
+            id: k,
+            textColor: z,
+            children: e
+          })]
+        })
+      }), l === "right" && p(d, {
+        gap: 3,
+        children: [b, g]
+      }), l === "left" && g]
+    })
+  });
+};
+export {
+  Q as AccordionToggle
+};

package/dist/Accordion/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./Accordion.cjs"),c=require("./AccordionContent.cjs"),r=require("./AccordionToggle.cjs"),n=require("./AccordionGroup.cjs");exports.Accordion=o.Accordion;exports.AccordionTypography=o.AccordionTypography;exports.AccordionContent=c.AccordionContent;exports.AccordionToggle=r.AccordionToggle;exports.AccordionGroup=n.AccordionGroup;

package/dist/Accordion/index.js

@@ -0,0 +1,11 @@
+import { Accordion as c, AccordionTypography as n } from "./Accordion.js";
+import { AccordionContent as e } from "./AccordionContent.js";
+import { AccordionToggle as d } from "./AccordionToggle.js";
+import { AccordionGroup as A } from "./AccordionGroup.js";
+export {
+  c as Accordion,
+  e as AccordionContent,
+  A as AccordionGroup,
+  d as AccordionToggle,
+  n as AccordionTypography
+};

package/dist/Accordion/utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=({expanded:r,disabled:t,variant:u})=>{let e="neutral100";return r?e="primary100":t?e="neutral150":u==="primary"&&(e="neutral0"),e};exports.getBackground=a;

package/dist/Accordion/utils.js

@@ -0,0 +1,7 @@
+const n = ({ expanded: e, disabled: t, variant: a }) => {
+  let r = "neutral100";
+  return e ? r = "primary100" : t ? r = "neutral150" : a === "primary" && (r = "neutral0"), r;
+};
+export {
+  n as getBackground
+};

package/dist/Alert/Alert.cjs

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),a=require("@strapi/icons"),h=require("styled-components"),s=require("./utils.cjs"),o=require("../Box/Box.cjs"),g=require("../Flex/Flex.cjs"),f=require("../themes/utils.cjs"),i=require("../Typography/Typography.cjs"),j=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=j(h),y=l.default(o.Box)`
+  flex: 1;
+  flex-wrap: wrap;
+  display: flex;
+  flex-direction: row;
+`,B=l.default(o.Box)`
+  border: 1px solid ${s.handleBorderColor};
+  background: ${s.handleBackgroundColor};
+  box-shadow: ${({theme:e})=>e.shadows.filterShadow};
+`,m=l.default.button`
+  border: none;
+  background: transparent;
+  font-size: ${12/16}rem;
+  svg path {
+    fill: ${({theme:e})=>e.colors.neutral700};
+  }
+  margin-top: ${({theme:e})=>e.spaces[1]};
+  ${f.buttonFocusStyle};
+`,C=l.default(o.Box)`
+  font-size: ${20/16}rem;
+  svg path {
+    fill: ${s.handleIconColor};
+  }
+`,b=({variant:e,...r})=>e==="success"?t.jsx(a.CheckCircle,{...r}):e==="danger"||e==="warning"?t.jsx(a.ExclamationMarkCircle,{...r}):t.jsx(a.Information,{...r}),$=l.default(o.Box)`
+  // Checked with the designers, validated
+  padding-top: 1px;
+
+  & a > span {
+    color: ${s.handleIconColor};
+
+    svg path {
+      fill: ${s.handleIconColor};
+    }
+  }
+`,q=({title:e,children:r,variant:n="default",onClose:c,closeLabel:u,titleAs:x="p",action:d,...p})=>t.jsx(B,{hasRadius:!0,paddingLeft:5,paddingRight:6,paddingTop:5,variant:n,...p,children:t.jsxs(g.Flex,{alignItems:"flex-start",children:[t.jsx(C,{paddingRight:3,variant:n,children:t.jsx(b,{variant:n,"aria-hidden":!0})}),t.jsxs(y,{role:n==="danger"?"alert":"status",children:[t.jsx(o.Box,{paddingBottom:2,paddingRight:1,children:t.jsx(i.Typography,{fontWeight:"bold",textColor:"neutral800",as:x,children:e})}),t.jsx(o.Box,{paddingBottom:d?2:5,paddingRight:2,children:t.jsx(i.Typography,{as:"p",textColor:"neutral800",children:r})}),d&&t.jsx($,{paddingBottom:5,variant:n,children:d})]}),t.jsx(m,{onClick:c,"aria-label":u,children:t.jsx(a.Cross,{"aria-hidden":!0})})]})});exports.Alert=q;