@strapi/design-system 1.3.0-beta.0 → 1.3.0-beta.1

package/dist/IconButton/IconButton.js

@@ -1,129 +0,0 @@
-import e from "react";
-import o from "prop-types";
-import p from "styled-components";
-import { Tooltip as b } from "../Tooltip/Tooltip.js";
-import { BaseButton as $ } from "../BaseButton/BaseButton.js";
-import { Flex as m } from "../Flex/Flex.js";
-const t = p($)`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: ${32 / 16}rem;
-  width: ${32 / 16}rem;
-
-  svg {
-    > g,
-    path {
-      fill: ${({ theme: r }) => r.colors.neutral500};
-    }
-  }
-  &:hover {
-    svg {
-      > g,
-      path {
-        fill: ${({ theme: r }) => r.colors.neutral600};
-      }
-    }
-  }
-  &:active {
-    svg {
-      > g,
-      path {
-        fill: ${({ theme: r }) => r.colors.neutral400};
-      }
-    }
-  }
-  &[aria-disabled='true'] {
-    background-color: ${({ theme: r }) => r.colors.neutral150};
-    svg {
-      path {
-        fill: ${({ theme: r }) => r.colors.neutral600};
-      }
-    }
-  }
-  ${({ noBorder: r }) => r ? "border: none;" : void 0}
-`, y = p(m)`
-  & span:first-child button {
-    border-left: 1px solid ${({ theme: r }) => r.colors.neutral200};
-    border-radius: ${({ theme: r }) => `${r.borderRadius} 0 0 ${r.borderRadius}`};
-  }
-
-  & span:last-child button {
-    border-radius: ${({ theme: r }) => `0 ${r.borderRadius} ${r.borderRadius} 0`};
-  }
-
-  & ${t} {
-    border-radius: 0;
-    border-left: none;
-
-    svg {
-      path {
-        fill: ${({ theme: r }) => r.colors.neutral700};
-      }
-    }
-
-    &:hover {
-      background-color: ${({ theme: r }) => r.colors.neutral100};
-
-      svg {
-        path {
-          fill: ${({ theme: r }) => r.colors.neutral800};
-        }
-      }
-    }
-
-    &:active {
-      background-color: ${({ theme: r }) => r.colors.neutral150};
-      svg {
-        path {
-          fill: ${({ theme: r }) => r.colors.neutral900};
-        }
-      }
-    }
-
-    &[aria-disabled='true'] {
-      svg {
-        path {
-          fill: ${({ theme: r }) => r.colors.neutral600};
-        }
-      }
-    }
-  }
-`, a = e.forwardRef(({ label: r, noBorder: i, icon: n, disabled: l, onClick: s, ...d }, c) => {
-  const u = (f) => {
-    !l && s && s(f);
-  };
-  return r ? /* @__PURE__ */ e.createElement(b, {
-    label: r
-  }, /* @__PURE__ */ e.createElement(t, {
-    ...d,
-    ref: c,
-    noBorder: i,
-    onClick: u,
-    "aria-disabled": l
-  }, n)) : /* @__PURE__ */ e.createElement(t, {
-    ...d,
-    ref: c,
-    noBorder: i,
-    onClick: u,
-    "aria-disabled": l
-  }, n);
-});
-a.displayName = "IconButton";
-a.defaultProps = {
-  label: void 0,
-  noBorder: !1,
-  disabled: !1,
-  onClick: void 0
-};
-a.propTypes = {
-  disabled: o.bool,
-  icon: o.element.isRequired,
-  label: o.string,
-  noBorder: o.bool,
-  onClick: o.func
-};
-export {
-  a as IconButton,
-  y as IconButtonGroup
-};

package/dist/IconButton/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./IconButton.cjs");exports.IconButton=o.IconButton;exports.IconButtonGroup=o.IconButtonGroup;

package/dist/IconButton/index.js

@@ -1,5 +0,0 @@
-import { IconButton as n, IconButtonGroup as r } from "./IconButton.js";
-export {
-  n as IconButton,
-  r as IconButtonGroup
-};

package/dist/KeyboardNavigable/KeyboardNavigable.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react"),K=require("prop-types"),g=require("../Box/Box.cjs"),r=require("../helpers/keyboardKeys.cjs"),y=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},v=y(p),f=y(K),d=({tagName:t,attributeName:i,...b})=>{const a=()=>{const e=document.activeElement;return t?e.tagName.toLowerCase()===t:e.hasAttribute(i)},c=e=>t?e.querySelectorAll(t):e.querySelectorAll(`[${i}]`),m=e=>{switch(e.key){case r.KeyboardKeys.RIGHT:case r.KeyboardKeys.DOWN:{if(a()){e.preventDefault();const n=document.activeElement,o=[...c(e.currentTarget)],s=o.findIndex(u=>u===n),l=s+1<o.length?s+1:0;o[l].focus()}break}case r.KeyboardKeys.LEFT:case r.KeyboardKeys.UP:{if(a()){e.preventDefault();const n=document.activeElement,o=[...c(e.currentTarget)],s=o.findIndex(u=>u===n),l=s-1>-1?s-1:o.length-1;o[l].focus()}break}case r.KeyboardKeys.HOME:{a()&&(e.preventDefault(),c(e.currentTarget).item(0).focus());break}case r.KeyboardKeys.END:{if(a()){e.preventDefault();const n=c(e.currentTarget);n.item(n.length-1).focus()}break}}};return v.default.createElement(g.Box,{onKeyDown:m,...b})};d.defaultProps={attributeName:void 0,tagName:void 0};d.propTypes={attributeName:f.default.string,tagName:f.default.string};exports.KeyboardNavigable=d;

package/dist/KeyboardNavigable/KeyboardNavigable.js

@@ -1,58 +0,0 @@
-import E from "react";
-import i from "prop-types";
-import { Box as y } from "../Box/Box.js";
-import { KeyboardKeys as r } from "../helpers/keyboardKeys.js";
-const d = ({ tagName: c, attributeName: f, ...m }) => {
-  const s = () => {
-    const e = document.activeElement;
-    return c ? e.tagName.toLowerCase() === c : e.hasAttribute(f);
-  }, a = (e) => c ? e.querySelectorAll(c) : e.querySelectorAll(`[${f}]`), p = (e) => {
-    switch (e.key) {
-      case r.RIGHT:
-      case r.DOWN: {
-        if (s()) {
-          e.preventDefault();
-          const t = document.activeElement, n = [...a(e.currentTarget)], o = n.findIndex((u) => u === t), l = o + 1 < n.length ? o + 1 : 0;
-          n[l].focus();
-        }
-        break;
-      }
-      case r.LEFT:
-      case r.UP: {
-        if (s()) {
-          e.preventDefault();
-          const t = document.activeElement, n = [...a(e.currentTarget)], o = n.findIndex((u) => u === t), l = o - 1 > -1 ? o - 1 : n.length - 1;
-          n[l].focus();
-        }
-        break;
-      }
-      case r.HOME: {
-        s() && (e.preventDefault(), a(e.currentTarget).item(0).focus());
-        break;
-      }
-      case r.END: {
-        if (s()) {
-          e.preventDefault();
-          const t = a(e.currentTarget);
-          t.item(t.length - 1).focus();
-        }
-        break;
-      }
-    }
-  };
-  return /* @__PURE__ */ E.createElement(y, {
-    onKeyDown: p,
-    ...m
-  });
-};
-d.defaultProps = {
-  attributeName: void 0,
-  tagName: void 0
-};
-d.propTypes = {
-  attributeName: i.string,
-  tagName: i.string
-};
-export {
-  d as KeyboardNavigable
-};

package/dist/KeyboardNavigable/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./KeyboardNavigable.cjs");exports.KeyboardNavigable=e.KeyboardNavigable;

package/dist/KeyboardNavigable/index.js

@@ -1,4 +0,0 @@
-import { KeyboardNavigable as o } from "./KeyboardNavigable.js";
-export {
-  o as KeyboardNavigable
-};

package/dist/Layout/ActionLayout.cjs

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),i=require("prop-types"),f=require("styled-components"),n=require("../Box/Box.cjs"),s=require("../Flex/Flex.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=l(d),r=l(i),c=l(f),u=c.default(s.Flex)`
-  & > * + * {
-    margin-left: ${({theme:e})=>e.spaces[2]};
-  }
-
-  margin-left: ${({pullRight:e})=>e?"auto":void 0};
-`,p=c.default(u)`
-  flex-shrink: 0;
-`,a=({startActions:e,endActions:o})=>e||o?t.default.createElement(n.Box,{paddingLeft:10,paddingRight:10},t.default.createElement(n.Box,{paddingBottom:4},t.default.createElement(s.Flex,{justifyContent:"space-between",alignItems:"flex-start"},e&&t.default.createElement(u,{wrap:"wrap"},e),o&&t.default.createElement(p,{pullRight:!0},o)))):null;a.defaultProps={endActions:void 0,startActions:void 0};a.propTypes={endActions:r.default.node,startActions:r.default.node};exports.ActionLayout=a;

package/dist/Layout/ActionLayout.js

@@ -1,37 +0,0 @@
-import e from "react";
-import r from "prop-types";
-import a from "styled-components";
-import { Box as n } from "../Box/Box.js";
-import { Flex as i } from "../Flex/Flex.js";
-const l = a(i)`
-  & > * + * {
-    margin-left: ${({ theme: t }) => t.spaces[2]};
-  }
-
-  margin-left: ${({ pullRight: t }) => t ? "auto" : void 0};
-`, m = a(l)`
-  flex-shrink: 0;
-`, p = ({ startActions: t, endActions: o }) => t || o ? /* @__PURE__ */ e.createElement(n, {
-  paddingLeft: 10,
-  paddingRight: 10
-}, /* @__PURE__ */ e.createElement(n, {
-  paddingBottom: 4
-}, /* @__PURE__ */ e.createElement(i, {
-  justifyContent: "space-between",
-  alignItems: "flex-start"
-}, t && /* @__PURE__ */ e.createElement(l, {
-  wrap: "wrap"
-}, t), o && /* @__PURE__ */ e.createElement(m, {
-  pullRight: !0
-}, o)))) : null;
-p.defaultProps = {
-  endActions: void 0,
-  startActions: void 0
-};
-p.propTypes = {
-  endActions: r.node,
-  startActions: r.node
-};
-export {
-  p as ActionLayout
-};

package/dist/Layout/ContentLayout.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),n=require("prop-types"),u=require("../Box/Box.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=t(r),c=t(n),o=({children:e})=>a.default.createElement(u.Box,{paddingLeft:10,paddingRight:10},e);o.propTypes={children:c.default.node.isRequired};exports.ContentLayout=o;

package/dist/Layout/ContentLayout.js

@@ -1,13 +0,0 @@
-import t from "react";
-import o from "prop-types";
-import { Box as r } from "../Box/Box.js";
-const p = ({ children: e }) => /* @__PURE__ */ t.createElement(r, {
-  paddingLeft: 10,
-  paddingRight: 10
-}, e);
-p.propTypes = {
-  children: o.node.isRequired
-};
-export {
-  p as ContentLayout
-};

package/dist/Layout/GridLayout.cjs

@@ -1,5 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("prop-types"),s=require("styled-components"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=t(r),a=t(s),o=a.default.div`
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-  grid-gap: ${({theme:e})=>e.spaces[4]};
-`;o.propTypes={children:d.default.node.isRequired};exports.GridLayout=o;

package/dist/Layout/GridLayout.js

@@ -1,13 +0,0 @@
-import p from "prop-types";
-import e from "styled-components";
-const i = e.div`
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-  grid-gap: ${({ theme: r }) => r.spaces[4]};
-`;
-i.propTypes = {
-  children: p.node.isRequired
-};
-export {
-  i as GridLayout
-};

package/dist/Layout/HeaderLayout.cjs

@@ -1,8 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),E=require("styled-components"),b=require("prop-types"),s=require("../Typography/Typography.cjs"),d=require("../Box/Box.cjs"),i=require("../Flex/Flex.cjs"),v=require("../helpers/useElementOnScreen.cjs"),B=require("../helpers/useResizeObserver.cjs"),p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=p(c),R=p(E),a=p(b),T=()=>{const e=c.useRef(null),[l,r]=c.useState(null),[n,o]=v.useElementOnScreen({root:null,rootMargin:"0px",threshold:0});return B.useResizeObserver(n,()=>{n.current&&r(n.current.getBoundingClientRect())}),c.useEffect(()=>{e.current&&r(e.current.getBoundingClientRect())},[e]),{containerRef:n,isVisible:o,baseHeaderLayoutRef:e,headerSize:l}},f=e=>{const{containerRef:l,isVisible:r,baseHeaderLayoutRef:n,headerSize:o}=T();return t.default.createElement(t.default.Fragment,null,t.default.createElement("div",{style:{height:o?.height},ref:l},r&&t.default.createElement(u,{ref:n,...e})),!r&&t.default.createElement(u,{...e,sticky:!0,width:o?.width}))};f.displayName="HeaderLayout";const L=R.default(d.Box)`
-  position: fixed;
-  top: 0;
-  right: 0;
-  width: ${e=>e.width}px;
-  z-index: 4;
-  box-shadow: ${({theme:e})=>e.shadows.tableShadow};
-`,u=t.default.forwardRef(({navigationAction:e,primaryAction:l,secondaryAction:r,subtitle:n,title:o,sticky:h,width:m,...y},x)=>{const g=typeof n=="string";return h?t.default.createElement(L,{paddingLeft:6,paddingRight:6,paddingTop:3,paddingBottom:3,background:"neutral0",width:m,"data-strapi-header-sticky":!0},t.default.createElement(i.Flex,{justifyContent:"space-between"},t.default.createElement(i.Flex,null,e&&t.default.createElement(d.Box,{paddingRight:3},e),t.default.createElement(d.Box,null,t.default.createElement(s.Typography,{variant:"beta",as:"h1",...y},o),g?t.default.createElement(s.Typography,{variant:"pi",textColor:"neutral600"},n):n),r?t.default.createElement(d.Box,{paddingLeft:4},r):null),t.default.createElement(i.Flex,null,l?t.default.createElement(d.Box,{paddingLeft:2},l):void 0))):t.default.createElement(d.Box,{ref:x,paddingLeft:10,paddingRight:10,paddingBottom:8,paddingTop:e?6:8,background:"neutral100","data-strapi-header":!0},e?t.default.createElement(d.Box,{paddingBottom:2},e):null,t.default.createElement(i.Flex,{justifyContent:"space-between"},t.default.createElement(i.Flex,null,t.default.createElement(s.Typography,{as:"h1",variant:"alpha",...y},o),r?t.default.createElement(d.Box,{paddingLeft:4},r):null),l),g?t.default.createElement(s.Typography,{variant:"epsilon",textColor:"neutral600",as:"p"},n):n)});u.displayName="BaseHeaderLayout";u.defaultProps={navigationAction:void 0,primaryAction:void 0,secondaryAction:void 0,subtitle:void 0,sticky:!1,width:void 0};u.propTypes={navigationAction:a.default.node,primaryAction:a.default.node,secondaryAction:a.default.node,sticky:a.default.bool,subtitle:a.default.oneOfType([a.default.string,a.default.node]),title:a.default.string.isRequired,width:a.default.number};f.defaultProps={navigationAction:void 0,primaryAction:void 0,secondaryAction:void 0,subtitle:void 0};f.propTypes={navigationAction:a.default.node,primaryAction:a.default.node,secondaryAction:a.default.node,subtitle:a.default.oneOfType([a.default.string,a.default.node]),title:a.default.string.isRequired};exports.BaseHeaderLayout=u;exports.HeaderLayout=f;

package/dist/Layout/HeaderLayout.js

@@ -1,132 +0,0 @@
-import e, { useRef as h, useState as E, useEffect as v } from "react";
-import b from "styled-components";
-import n from "prop-types";
-import { Typography as c } from "../Typography/Typography.js";
-import { Box as i } from "../Box/Box.js";
-import { Flex as l } from "../Flex/Flex.js";
-import { useElementOnScreen as R } from "../helpers/useElementOnScreen.js";
-import { useResizeObserver as w } from "../helpers/useResizeObserver.js";
-const x = () => {
-  const t = h(null), [o, a] = E(null), [r, d] = R({
-    root: null,
-    rootMargin: "0px",
-    threshold: 0
-  });
-  return w(r, () => {
-    r.current && a(r.current.getBoundingClientRect());
-  }), v(() => {
-    t.current && a(t.current.getBoundingClientRect());
-  }, [t]), {
-    containerRef: r,
-    isVisible: d,
-    baseHeaderLayoutRef: t,
-    headerSize: o
-  };
-}, p = (t) => {
-  const { containerRef: o, isVisible: a, baseHeaderLayoutRef: r, headerSize: d } = x();
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
-    style: { height: d?.height },
-    ref: o
-  }, a && /* @__PURE__ */ e.createElement(s, {
-    ref: r,
-    ...t
-  })), !a && /* @__PURE__ */ e.createElement(s, {
-    ...t,
-    sticky: !0,
-    width: d?.width
-  }));
-};
-p.displayName = "HeaderLayout";
-const L = b(i)`
-  position: fixed;
-  top: 0;
-  right: 0;
-  width: ${(t) => t.width}px;
-  z-index: 4;
-  box-shadow: ${({ theme: t }) => t.shadows.tableShadow};
-`, s = e.forwardRef(
-  ({ navigationAction: t, primaryAction: o, secondaryAction: a, subtitle: r, title: d, sticky: f, width: g, ...u }, y) => {
-    const m = typeof r == "string";
-    return f ? /* @__PURE__ */ e.createElement(L, {
-      paddingLeft: 6,
-      paddingRight: 6,
-      paddingTop: 3,
-      paddingBottom: 3,
-      background: "neutral0",
-      width: g,
-      "data-strapi-header-sticky": !0
-    }, /* @__PURE__ */ e.createElement(l, {
-      justifyContent: "space-between"
-    }, /* @__PURE__ */ e.createElement(l, null, t && /* @__PURE__ */ e.createElement(i, {
-      paddingRight: 3
-    }, t), /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(c, {
-      variant: "beta",
-      as: "h1",
-      ...u
-    }, d), m ? /* @__PURE__ */ e.createElement(c, {
-      variant: "pi",
-      textColor: "neutral600"
-    }, r) : r), a ? /* @__PURE__ */ e.createElement(i, {
-      paddingLeft: 4
-    }, a) : null), /* @__PURE__ */ e.createElement(l, null, o ? /* @__PURE__ */ e.createElement(i, {
-      paddingLeft: 2
-    }, o) : void 0))) : /* @__PURE__ */ e.createElement(i, {
-      ref: y,
-      paddingLeft: 10,
-      paddingRight: 10,
-      paddingBottom: 8,
-      paddingTop: t ? 6 : 8,
-      background: "neutral100",
-      "data-strapi-header": !0
-    }, t ? /* @__PURE__ */ e.createElement(i, {
-      paddingBottom: 2
-    }, t) : null, /* @__PURE__ */ e.createElement(l, {
-      justifyContent: "space-between"
-    }, /* @__PURE__ */ e.createElement(l, null, /* @__PURE__ */ e.createElement(c, {
-      as: "h1",
-      variant: "alpha",
-      ...u
-    }, d), a ? /* @__PURE__ */ e.createElement(i, {
-      paddingLeft: 4
-    }, a) : null), o), m ? /* @__PURE__ */ e.createElement(c, {
-      variant: "epsilon",
-      textColor: "neutral600",
-      as: "p"
-    }, r) : r);
-  }
-);
-s.displayName = "BaseHeaderLayout";
-s.defaultProps = {
-  navigationAction: void 0,
-  primaryAction: void 0,
-  secondaryAction: void 0,
-  subtitle: void 0,
-  sticky: !1,
-  width: void 0
-};
-s.propTypes = {
-  navigationAction: n.node,
-  primaryAction: n.node,
-  secondaryAction: n.node,
-  sticky: n.bool,
-  subtitle: n.oneOfType([n.string, n.node]),
-  title: n.string.isRequired,
-  width: n.number
-};
-p.defaultProps = {
-  navigationAction: void 0,
-  primaryAction: void 0,
-  secondaryAction: void 0,
-  subtitle: void 0
-};
-p.propTypes = {
-  navigationAction: n.node,
-  primaryAction: n.node,
-  secondaryAction: n.node,
-  subtitle: n.oneOfType([n.string, n.node]),
-  title: n.string.isRequired
-};
-export {
-  s as BaseHeaderLayout,
-  p as HeaderLayout
-};

package/dist/Layout/Layout.cjs

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),u=require("prop-types"),c=require("styled-components"),d=require("../Box/Box.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=t(s),a=t(u),l=t(c),i=l.default(d.Box)`
-  display: grid;
-  grid-template-columns: ${({hasSideNav:e})=>e?"auto 1fr":"1fr"};
-`,f=l.default(d.Box)`
-  overflow-x: hidden;
-`,o=({sideNav:e,children:n})=>r.default.createElement(i,{hasSideNav:Boolean(e)},e,r.default.createElement(f,{paddingBottom:10},n));o.defaultProps={sideNav:void 0};o.propTypes={children:a.default.node.isRequired,sideNav:a.default.node};exports.Layout=o;

package/dist/Layout/Layout.js

@@ -1,24 +0,0 @@
-import o from "react";
-import r from "prop-types";
-import t from "styled-components";
-import { Box as d } from "../Box/Box.js";
-const a = t(d)`
-  display: grid;
-  grid-template-columns: ${({ hasSideNav: e }) => e ? "auto 1fr" : "1fr"};
-`, m = t(d)`
-  overflow-x: hidden;
-`, i = ({ sideNav: e, children: n }) => /* @__PURE__ */ o.createElement(a, {
-  hasSideNav: Boolean(e)
-}, e, /* @__PURE__ */ o.createElement(m, {
-  paddingBottom: 10
-}, n));
-i.defaultProps = {
-  sideNav: void 0
-};
-i.propTypes = {
-  children: r.node.isRequired,
-  sideNav: r.node
-};
-export {
-  i as Layout
-};

package/dist/Layout/TwoColsLayout.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),c=require("prop-types"),r=require("../Box/Box.cjs"),i=require("../Grid/Grid.cjs"),o=require("../Grid/GridItem.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=d(l),a=d(c),u=({startCol:e,endCol:s})=>t.default.createElement(i.Grid,{gap:4},t.default.createElement(o.GridItem,{col:9,s:12},t.default.createElement(r.Box,{hasRadius:!0,background:"neutral0",shadow:"tableShadow"},e)),t.default.createElement(o.GridItem,{col:3,s:12},t.default.createElement(r.Box,{hasRadius:!0,background:"neutral0",shadow:"tableShadow"},s)));u.propTypes={endCol:a.default.node.isRequired,startCol:a.default.node.isRequired};exports.TwoColsLayout=u;

package/dist/Layout/TwoColsLayout.js

@@ -1,29 +0,0 @@
-import e from "react";
-import r from "prop-types";
-import { Box as o } from "../Box/Box.js";
-import { Grid as m } from "../Grid/Grid.js";
-import { GridItem as t } from "../Grid/GridItem.js";
-const l = ({ startCol: a, endCol: d }) => /* @__PURE__ */ e.createElement(m, {
-  gap: 4
-}, /* @__PURE__ */ e.createElement(t, {
-  col: 9,
-  s: 12
-}, /* @__PURE__ */ e.createElement(o, {
-  hasRadius: !0,
-  background: "neutral0",
-  shadow: "tableShadow"
-}, a)), /* @__PURE__ */ e.createElement(t, {
-  col: 3,
-  s: 12
-}, /* @__PURE__ */ e.createElement(o, {
-  hasRadius: !0,
-  background: "neutral0",
-  shadow: "tableShadow"
-}, d)));
-l.propTypes = {
-  endCol: r.node.isRequired,
-  startCol: r.node.isRequired
-};
-export {
-  l as TwoColsLayout
-};

package/dist/Layout/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./Layout.cjs"),e=require("./ActionLayout.cjs"),u=require("./ContentLayout.cjs"),o=require("./HeaderLayout.cjs"),a=require("./TwoColsLayout.cjs"),r=require("./GridLayout.cjs");exports.Layout=t.Layout;exports.ActionLayout=e.ActionLayout;exports.ContentLayout=u.ContentLayout;exports.BaseHeaderLayout=o.BaseHeaderLayout;exports.HeaderLayout=o.HeaderLayout;exports.TwoColsLayout=a.TwoColsLayout;exports.GridLayout=r.GridLayout;

package/dist/Layout/index.js

@@ -1,15 +0,0 @@
-import { Layout as r } from "./Layout.js";
-import { ActionLayout as a } from "./ActionLayout.js";
-import { ContentLayout as y } from "./ContentLayout.js";
-import { BaseHeaderLayout as f, HeaderLayout as m } from "./HeaderLayout.js";
-import { TwoColsLayout as x } from "./TwoColsLayout.js";
-import { GridLayout as n } from "./GridLayout.js";
-export {
-  a as ActionLayout,
-  f as BaseHeaderLayout,
-  y as ContentLayout,
-  n as GridLayout,
-  m as HeaderLayout,
-  r as Layout,
-  x as TwoColsLayout
-};

package/dist/Link/Link.cjs

@@ -1,33 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react"),h=require("prop-types"),v=require("styled-components"),_=require("@strapi/icons/ExternalLink"),E=require("react-router-dom"),u=require("../Typography/Typography.cjs"),L=require("../Box/Box.cjs"),x=require("../themes/utils.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=a(g),n=a(h),c=a(v),b=a(_),k=c.default.a`
-  display: inline-flex;
-  align-items: center;
-  text-decoration: none;
-  pointer-events: ${({disabled:e})=>e?"none":void 0};
-  color: ${({disabled:e,theme:r})=>e?r.colors.neutral600:r.colors.primary600};
-
-  svg path {
-    transition: fill 150ms ease-out;
-    fill: currentColor;
-  }
-
-  svg {
-    font-size: ${10/16}rem;
-  }
-
-  ${u.Typography} {
-    transition: color 150ms ease-out;
-    color: currentColor;
-  }
-
-  &:hover {
-    color: ${({theme:e})=>e.colors.primary500};
-  }
-
-  &:active {
-    color: ${({theme:e})=>e.colors.primary700};
-  }
-
-  ${x.buttonFocusStyle};
-`,i=c.default(L.Box)`
-  display: flex;
-`,l=({href:e,to:r,children:f,disabled:o,startIcon:s,endIcon:d,...p})=>{const y=e?"_blank":void 0,m=e?"noreferrer noopener":void 0;return t.default.createElement(k,{as:r&&!o?E.NavLink:"a",target:y,rel:m,to:o?void 0:r,href:o?"#":e,disabled:o,...p},s&&t.default.createElement(i,{as:"span","aria-hidden":!0,paddingRight:2},s),t.default.createElement(u.Typography,null,f),d&&!e&&t.default.createElement(i,{as:"span","aria-hidden":!0,paddingLeft:2},d),e&&t.default.createElement(i,{as:"span","aria-hidden":!0,paddingLeft:2},t.default.createElement(b.default,null)))};l.displayName="Link";l.defaultProps={href:void 0,to:void 0,disabled:!1};l.propTypes={children:n.default.node.isRequired,disabled:n.default.bool,endIcon:n.default.element,href:e=>{if(!e.disabled&&!e.to&&!e.href)return new Error("href must be defined")},startIcon:n.default.element,to:e=>{if(!e.disabled&&!e.href&&!e.to)return new Error("to must be defined")}};exports.Link=l;

package/dist/Link/Link.js

@@ -1,87 +0,0 @@
-import r from "react";
-import n from "prop-types";
-import d from "styled-components";
-import v from "@strapi/icons/ExternalLink";
-import { NavLink as y } from "react-router-dom";
-import { Typography as m } from "../Typography/Typography.js";
-import { Box as g } from "../Box/Box.js";
-import { buttonFocusStyle as h } from "../themes/utils.js";
-const E = d.a`
-  display: inline-flex;
-  align-items: center;
-  text-decoration: none;
-  pointer-events: ${({ disabled: e }) => e ? "none" : void 0};
-  color: ${({ disabled: e, theme: o }) => e ? o.colors.neutral600 : o.colors.primary600};
-
-  svg path {
-    transition: fill 150ms ease-out;
-    fill: currentColor;
-  }
-
-  svg {
-    font-size: ${10 / 16}rem;
-  }
-
-  ${m} {
-    transition: color 150ms ease-out;
-    color: currentColor;
-  }
-
-  &:hover {
-    color: ${({ theme: e }) => e.colors.primary500};
-  }
-
-  &:active {
-    color: ${({ theme: e }) => e.colors.primary700};
-  }
-
-  ${h};
-`, i = d(g)`
-  display: flex;
-`, a = ({ href: e, to: o, children: c, disabled: t, startIcon: l, endIcon: s, ...p }) => {
-  const f = e ? "_blank" : void 0, u = e ? "noreferrer noopener" : void 0;
-  return /* @__PURE__ */ r.createElement(E, {
-    as: o && !t ? y : "a",
-    target: f,
-    rel: u,
-    to: t ? void 0 : o,
-    href: t ? "#" : e,
-    disabled: t,
-    ...p
-  }, l && /* @__PURE__ */ r.createElement(i, {
-    as: "span",
-    "aria-hidden": !0,
-    paddingRight: 2
-  }, l), /* @__PURE__ */ r.createElement(m, null, c), s && !e && /* @__PURE__ */ r.createElement(i, {
-    as: "span",
-    "aria-hidden": !0,
-    paddingLeft: 2
-  }, s), e && /* @__PURE__ */ r.createElement(i, {
-    as: "span",
-    "aria-hidden": !0,
-    paddingLeft: 2
-  }, /* @__PURE__ */ r.createElement(v, null)));
-};
-a.displayName = "Link";
-a.defaultProps = {
-  href: void 0,
-  to: void 0,
-  disabled: !1
-};
-a.propTypes = {
-  children: n.node.isRequired,
-  disabled: n.bool,
-  endIcon: n.element,
-  href: (e) => {
-    if (!e.disabled && !e.to && !e.href)
-      return new Error("href must be defined");
-  },
-  startIcon: n.element,
-  to: (e) => {
-    if (!e.disabled && !e.href && !e.to)
-      return new Error("to must be defined");
-  }
-};
-export {
-  a as Link
-};

package/dist/Link/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Link.cjs");exports.Link=e.Link;

package/dist/Link/index.js

@@ -1,4 +0,0 @@
-import { Link as e } from "./Link.js";
-export {
-  e as Link
-};