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

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
-};

package/dist/LinkButton/LinkButton.cjs

@@ -1,32 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("react"),$=require("react-router-dom"),S=require("styled-components"),T=require("prop-types"),l=require("../Typography/Typography.cjs"),s=require("../Box/Box.cjs"),r=require("../Button/utils.cjs"),g=require("../Button/constants.cjs"),x=require("../BaseButton/BaseButton.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=u(h),_=u(S),t=u(T),k=_.default(x.BaseButtonWrapper)`
-  padding: ${({theme:e,size:a})=>`${a==="S"?e.spaces[2]:"10px"} ${e.spaces[4]}`};
-  background: ${({theme:e})=>e.colors.buttonPrimary600};
-  border: 1px solid ${({theme:e})=>e.colors.buttonPrimary600};
-  border-radius: ${({theme:e})=>e.borderRadius};
-  ${s.Box} {
-    display: flex;
-    align-items: center;
-  }
-  ${l.Typography} {
-    color: ${({theme:e})=>e.colors.buttonNeutral0};
-  }
-  &[aria-disabled='true'] {
-    ${r.getDisabledStyle}
-    &:active {
-      ${r.getDisabledStyle}
-    }
-  }
-  &:hover {
-    ${r.getHoverStyle}
-  }
-  &:active {
-    ${r.getActiveStyle}
-  }
-  ${r.getVariantStyle}
-  /**
-    Link specific properties
-  */
-  display: inline-flex;
-  text-decoration: none;
-  pointer-events: ${({disabled:e})=>e?"none":void 0};
-`,i=o.default.forwardRef(({variant:e,startIcon:a,endIcon:c,disabled:n,children:f,size:p,href:d,to:y,...b},v)=>{const B=d?"_blank":void 0,m=d?"noreferrer noopener":void 0;return o.default.createElement(k,{ref:v,"aria-disabled":n,size:p,variant:e,target:B,rel:m,to:n?void 0:y,href:n?"#":d,...b,as:y&&!n?$.NavLink:"a"},a&&o.default.createElement(s.Box,{"aria-hidden":!0,paddingRight:2},a),p==="S"?o.default.createElement(l.Typography,{variant:"pi",fontWeight:"bold"},f):o.default.createElement(l.Typography,{fontWeight:"bold"},f),c&&o.default.createElement(s.Box,{"aria-hidden":!0,paddingLeft:2},c))});i.displayName="LinkButton";i.defaultProps={disabled:!1,startIcon:void 0,endIcon:void 0,size:"S",variant:"default",onClick:void 0,href:void 0,to:void 0};i.propTypes={children:t.default.node.isRequired,disabled:t.default.bool,endIcon:t.default.element,href:e=>{if(!e.disabled&&!e.to&&!e.href)return new Error("href must be defined")},onClick:t.default.func,size:t.default.oneOf(g.BUTTON_SIZES),startIcon:t.default.element,to:e=>{if(!e.disabled&&!e.href&&!e.to)return new Error("to must be defined")},variant:t.default.oneOf(g.VARIANTS)};exports.LinkButton=i;

package/dist/LinkButton/LinkButton.js

@@ -1,99 +0,0 @@
-import t from "react";
-import { NavLink as g } from "react-router-dom";
-import y from "styled-components";
-import r from "prop-types";
-import { Typography as a } from "../Typography/Typography.js";
-import { Box as d } from "../Box/Box.js";
-import { getDisabledStyle as c, getHoverStyle as h, getActiveStyle as S, getVariantStyle as k } from "../Button/utils.js";
-import { BUTTON_SIZES as E, VARIANTS as x } from "../Button/constants.js";
-import { BaseButtonWrapper as B } from "../BaseButton/BaseButton.js";
-const L = y(B)`
-  padding: ${({ theme: e, size: o }) => `${o === "S" ? e.spaces[2] : "10px"} ${e.spaces[4]}`};
-  background: ${({ theme: e }) => e.colors.buttonPrimary600};
-  border: 1px solid ${({ theme: e }) => e.colors.buttonPrimary600};
-  border-radius: ${({ theme: e }) => e.borderRadius};
-  ${d} {
-    display: flex;
-    align-items: center;
-  }
-  ${a} {
-    color: ${({ theme: e }) => e.colors.buttonNeutral0};
-  }
-  &[aria-disabled='true'] {
-    ${c}
-    &:active {
-      ${c}
-    }
-  }
-  &:hover {
-    ${h}
-  }
-  &:active {
-    ${S}
-  }
-  ${k}
-  /**
-    Link specific properties
-  */
-  display: inline-flex;
-  text-decoration: none;
-  pointer-events: ${({ disabled: e }) => e ? "none" : void 0};
-`, l = t.forwardRef(
-  ({ variant: e, startIcon: o, endIcon: f, disabled: i, children: s, size: m, href: n, to: p, ...u }, v) => {
-    const b = n ? "_blank" : void 0, $ = n ? "noreferrer noopener" : void 0;
-    return /* @__PURE__ */ t.createElement(L, {
-      ref: v,
-      "aria-disabled": i,
-      size: m,
-      variant: e,
-      target: b,
-      rel: $,
-      to: i ? void 0 : p,
-      href: i ? "#" : n,
-      ...u,
-      as: p && !i ? g : "a"
-    }, o && /* @__PURE__ */ t.createElement(d, {
-      "aria-hidden": !0,
-      paddingRight: 2
-    }, o), m === "S" ? /* @__PURE__ */ t.createElement(a, {
-      variant: "pi",
-      fontWeight: "bold"
-    }, s) : /* @__PURE__ */ t.createElement(a, {
-      fontWeight: "bold"
-    }, s), f && /* @__PURE__ */ t.createElement(d, {
-      "aria-hidden": !0,
-      paddingLeft: 2
-    }, f));
-  }
-);
-l.displayName = "LinkButton";
-l.defaultProps = {
-  disabled: !1,
-  startIcon: void 0,
-  endIcon: void 0,
-  size: "S",
-  variant: "default",
-  onClick: void 0,
-  href: void 0,
-  to: void 0
-};
-l.propTypes = {
-  children: r.node.isRequired,
-  disabled: r.bool,
-  endIcon: r.element,
-  href: (e) => {
-    if (!e.disabled && !e.to && !e.href)
-      return new Error("href must be defined");
-  },
-  onClick: r.func,
-  size: r.oneOf(E),
-  startIcon: r.element,
-  to: (e) => {
-    if (!e.disabled && !e.href && !e.to)
-      return new Error("to must be defined");
-  },
-  variant: r.oneOf(x)
-};
-export {
-  l as LinkButton
-};

package/dist/LinkButton/index.cjs

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

package/dist/LinkButton/index.js

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

package/dist/LiveRegions/LiveRegions.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),i=require("../VisuallyHidden/VisuallyHidden.cjs"),a=require("./constants.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(l),n=()=>t.default.createElement(i.VisuallyHidden,null,t.default.createElement("p",{role:"log","aria-live":"polite",id:a.LiveRegionIds.Log,"aria-relevant":"all"}),t.default.createElement("p",{role:"status","aria-live":"polite",id:a.LiveRegionIds.Status,"aria-relevant":"all"}),t.default.createElement("p",{role:"alert","aria-live":"assertive",id:a.LiveRegionIds.Alert,"aria-relevant":"all"}));exports.LiveRegions=n;

package/dist/LiveRegions/LiveRegions.js

@@ -1,22 +0,0 @@
-import e from "react";
-import { VisuallyHidden as l } from "../VisuallyHidden/VisuallyHidden.js";
-import { LiveRegionIds as a } from "./constants.js";
-const o = () => /* @__PURE__ */ e.createElement(l, null, /* @__PURE__ */ e.createElement("p", {
-  role: "log",
-  "aria-live": "polite",
-  id: a.Log,
-  "aria-relevant": "all"
-}), /* @__PURE__ */ e.createElement("p", {
-  role: "status",
-  "aria-live": "polite",
-  id: a.Status,
-  "aria-relevant": "all"
-}), /* @__PURE__ */ e.createElement("p", {
-  role: "alert",
-  "aria-live": "assertive",
-  id: a.Alert,
-  "aria-relevant": "all"
-}));
-export {
-  o as LiveRegions
-};

package/dist/LiveRegions/StoryComponent.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),a=require("prop-types"),l=require("../Button/Button.cjs"),c=require("./useNotifyAT.cjs"),e=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},f=e(u),p=e(a),o=({notifyType:t})=>{const{notifyAlert:s,notifyStatus:n,notifyLog:r}=c.useNotifyAT(),i=()=>{t==="log"?r("This is a log message"):t==="alert"?s("This is an alert"):n("This is a status message")};return f.default.createElement(l.Button,{onClick:i},"Toggle ",t)};o.propTypes={notifyType:p.default.string.isRequired};exports.StoryComponent=o;

package/dist/LiveRegions/StoryComponent.js

@@ -1,18 +0,0 @@
-import r from "react";
-import n from "prop-types";
-import { Button as a } from "../Button/Button.js";
-import { useNotifyAT as l } from "./useNotifyAT.js";
-const m = ({ notifyType: t }) => {
-  const { notifyAlert: e, notifyStatus: o, notifyLog: s } = l(), i = () => {
-    t === "log" ? s("This is a log message") : t === "alert" ? e("This is an alert") : o("This is a status message");
-  };
-  return /* @__PURE__ */ r.createElement(a, {
-    onClick: i
-  }, "Toggle ", t);
-};
-m.propTypes = {
-  notifyType: n.string.isRequired
-};
-export {
-  m as StoryComponent
-};

package/dist/LiveRegions/constants.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={Log:"live-region-log",Status:"live-region-status",Alert:"live-region-alert"};exports.LiveRegionIds=e;

package/dist/LiveRegions/constants.js

@@ -1,8 +0,0 @@
-const e = {
-  Log: "live-region-log",
-  Status: "live-region-status",
-  Alert: "live-region-alert"
-};
-export {
-  e as LiveRegionIds
-};

package/dist/LiveRegions/index.cjs

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

package/dist/LiveRegions/index.js

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

package/dist/LiveRegions/useNotifyAT.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),o=require("./constants.cjs"),n=t=>{const e=document.querySelector(`#${o.LiveRegionIds.Log}`);e&&(e.innerText=t)},s=t=>{const e=document.querySelector(`#${o.LiveRegionIds.Status}`);e&&(e.innerText=t)},r=t=>{const e=document.querySelector(`#${o.LiveRegionIds.Alert}`);e&&(e.innerText=t)},i=()=>(c.useEffect(()=>()=>{n(""),r(""),s("")},[]),{notifyLog:n,notifyAlert:r,notifyStatus:s});exports.useNotifyAT=i;

package/dist/LiveRegions/useNotifyAT.js

@@ -1,17 +0,0 @@
-import { useEffect as i } from "react";
-import { LiveRegionIds as o } from "./constants.js";
-const n = (e) => {
-  const t = document.querySelector(`#${o.Log}`);
-  t && (t.innerText = e);
-}, r = (e) => {
-  const t = document.querySelector(`#${o.Status}`);
-  t && (t.innerText = e);
-}, c = (e) => {
-  const t = document.querySelector(`#${o.Alert}`);
-  t && (t.innerText = e);
-}, f = () => (i(() => () => {
-  n(""), c(""), r("");
-}, []), { notifyLog: n, notifyAlert: c, notifyStatus: r });
-export {
-  f as useNotifyAT
-};

package/dist/Loader/Loader.cjs

@@ -1,12 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),u=require("prop-types"),d=require("styled-components"),c=require("../VisuallyHidden/VisuallyHidden.cjs"),f=require("./assets/loader.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=s(o),l=s(u),p=s(d),y=d.keyframes`
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(359deg);
-  }
-`,m=p.default.img`
-  animation: ${y} 1s infinite linear;
-  will-change: transform;
-  ${({small:e,theme:t})=>e&&`width: ${t.spaces[6]}; height: ${t.spaces[6]};`}
-`,a=o.forwardRef(({children:e,small:t,...i},n)=>r.default.createElement("div",{role:"alert","aria-live":"assertive",ref:n,...i},r.default.createElement(c.VisuallyHidden,null,e),r.default.createElement(m,{src:f,"aria-hidden":!0,small:t})));a.displayName="Loader";a.defaultProps={small:!1};a.propTypes={children:l.default.node.isRequired,small:l.default.bool};exports.Loader=a;

package/dist/Loader/Loader.js

@@ -1,37 +0,0 @@
-import a, { forwardRef as s } from "react";
-import t from "prop-types";
-import m, { keyframes as n } from "styled-components";
-import { VisuallyHidden as d } from "../VisuallyHidden/VisuallyHidden.js";
-import f from "./assets/loader.js";
-const p = n`
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(359deg);
-  }
-`, c = m.img`
-  animation: ${p} 1s infinite linear;
-  will-change: transform;
-  ${({ small: r, theme: e }) => r && `width: ${e.spaces[6]}; height: ${e.spaces[6]};`}
-`, o = s(({ children: r, small: e, ...i }, l) => /* @__PURE__ */ a.createElement("div", {
-  role: "alert",
-  "aria-live": "assertive",
-  ref: l,
-  ...i
-}, /* @__PURE__ */ a.createElement(d, null, r), /* @__PURE__ */ a.createElement(c, {
-  src: f,
-  "aria-hidden": !0,
-  small: e
-})));
-o.displayName = "Loader";
-o.defaultProps = {
-  small: !1
-};
-o.propTypes = {
-  children: t.node.isRequired,
-  small: t.bool
-};
-export {
-  o as Loader
-};

package/dist/Loader/assets/loader.cjs

@@ -1 +0,0 @@
-"use strict";const M="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjMiIGhlaWdodD0iNjMiIHZpZXdCb3g9IjAgMCA2MyA2MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQyLjU1NjMgMTEuOTgxNkMzOS40ODQgMTAuMzA3MSAzNS44NTc1IDkuMjkwOTcgMzIuMzM1NCA5LjEzNTIxQzI4LjY0NDMgOC45Mjg4OCAyNC44Mjk1IDkuNzIzMTggMjEuMzMzNiAxMS40MTI5QzIwLjkxMjMgMTEuNTkwMSAyMC41Mzc2IDExLjgxMDEgMjAuMTcyMiAxMi4wMjQ5TDIwLjAxMDggMTIuMTE3OUMxOS44Nzc0IDEyLjE5NTEgMTkuNzQ0MSAxMi4yNzI0IDE5LjYwOCAxMi4zNTM2QzE5LjMyNTMgMTIuNTE0NiAxOS4wNDkyIDEyLjY3NDQgMTguNzU0NCAxMi44NzkyQzE4LjU0NjMgMTMuMDMyOSAxOC4zMzk1IDEzLjE3NTkgMTguMTMwMSAxMy4zMjNDMTcuNTY1OCAxMy43MjA4IDE2Ljk4NjggMTQuMTMxNyAxNi40OTgzIDE0LjU5NzlDMTQuODQ3NiAxNS45NTI0IDEzLjU1NzEgMTcuNjA3NSAxMi42MDcxIDE4LjkyMTRDMTAuNDM2NSAyMi4xNTY2IDkuMDg2MjIgMjUuOTU2NyA4LjgwNzAyIDI5LjYxNDNMOC43NzY0IDMwLjE1ODhDOC43MzMyOCAzMC45MTk2IDguNjg0NzYgMzEuNzA1NyA4Ljc1MzUzIDMyLjQ1NTVDOC43NjY0OCAzMi42MDg0IDguNzY2MSAzMi43NjM4IDguNzc1MDYgMzIuOTE0QzguNzg4OTUgMzMuMjI5IDguODAxNTIgMzMuNTM3MyA4Ljg0NiAzMy44NjcyTDkuMDczOTYgMzUuNDIyMUM5LjA5NzU2IDM1LjU3NjQgOS4xMTk4IDM1Ljc0MTMgOS4xNjMzIDM1LjkyNjNMOS42NTkxOSAzNy45MjcyTDEwLjEzOCAzOS4yODIzQzEwLjI3MjkgMzkuNjY3MyAxMC40MTU4IDQwLjA3NTEgMTAuNiA0MC40M0MxMi4wMjkyIDQzLjYzNyAxNC4xNDI1IDQ2LjQ1NzggMTYuNzA2MyA0OC41ODVDMTkuMDUwOCA1MC41Mjk2IDIxLjgyNCA1Mi4wMDIzIDI0Ljc0OTEgNTIuODQ1MkwyNi4yMzcxIDUzLjIzNzZDMjYuMzc4MSA1My4yNjkzIDI2LjQ5MjYgNTMuMjg4OSAyNi42MDMxIDUzLjMwNThMMjYuNzc3NSA1My4zMzExQzI3LjAwNTIgNTMuMzYzNiAyNy4yMTk1IDUzLjM5ODYgMjcuNDQ0NSA1My40MzVDMjcuODU5OCA1My41MDc2IDI4LjI2NzIgNTMuNTc0OCAyOC43MDc5IDUzLjYxODNMMzAuNTY0MSA1My43MjI5QzMwLjk1MTYgNTMuNzI0OSAzMS4zMzUyIDUzLjcwNjggMzEuNzA4MSA1My42ODc0QzMxLjkwMzkgNTMuNjgxIDMyLjA5ODQgNTMuNjY4MSAzMi4zMjg4IDUzLjY2MkMzNC41MjUzIDUzLjQ3NzIgMzYuNTEwNiA1My4wNjM0IDM4LjA1MTYgNTIuNDY1MkMzOC4xNzY5IDUyLjQxNzEgMzguMzAwOCA1Mi4zNzk2IDM4LjQyMzQgNTIuMzM1NUMzOC42NzI3IDUyLjI0OTkgMzguOTI1OSA1Mi4xNjcgMzkuMTQzMiA1Mi4wNTk5TDQwLjg1OTEgNTEuMjYyNkw0Mi41NzAyIDUwLjI2NkM0Mi45MDA5IDUwLjA2ODIgNDMuMDIwNSA0OS42NDE0IDQyLjgyODIgNDkuMjk4NEM0Mi42MzIgNDguOTUyNiA0Mi4yMDM0IDQ4LjgzMDggNDEuODYzNCA0OS4wMTY2TDQwLjE3OTIgNDkuOTIxOEwzOC40OTk1IDUwLjYyMjRDMzguMzE2OSA1MC42OTUzIDM4LjEyMSA1MC43NTM0IDM3LjkyMjQgNTAuODE1NUMzNy43ODM4IDUwLjg0ODkgMzcuNjUxOCA1MC44OTgzIDM3LjUwMTIgNTAuOTQwOEMzNi4wNzExIDUxLjQzNSAzNC4yNDQ1IDUxLjc0MjUgMzIuMjQ0IDUxLjgzNDZDMzIuMDQ0MiA1MS44MzgzIDMxLjg0NzEgNTEuODM3OSAzMS42NTQgNTEuODQwM0MzMS4zMDUxIDUxLjg0MTQgMzAuOTYwMiA1MS44NDUxIDMwLjYzOTIgNTEuODMwNUwyOC45MTc3IDUxLjY3MjVDMjguNTQ3NiA1MS42MTkgMjguMTY5NSA1MS41NDI3IDI3Ljc4NDggNTEuNDY3OEMyNy41NjM5IDUxLjQxNjcgMjcuMzM3NiA1MS4zNzM3IDI3LjEyOTkgNTEuMzM3NEwyNi45NTI5IDUxLjI5ODdDMjYuODcwNCA1MS4yODM0IDI2Ljc3NzIgNTEuMjY2NyAyNi43MzMzIDUxLjI1NDNMMjUuMzQ2NiA1MC44MzIyQzIyLjc2NTEgNDkuOTc4OSAyMC4zMyA0OC41NzI5IDE4LjI5NDIgNDYuNzU1N0MxNi4xMDU2IDQ0Ljc5NTEgMTQuMzMzOSA0Mi4yMzM1IDEzLjE3NDIgMzkuMzU4MkMxMi4wMjc2IDM2LjYwMTMgMTEuNTk4OCAzMy4yNzkyIDExLjk3MTYgMzAuMDA3NkMxMi4zMTQ1IDI3LjAyMTMgMTMuMzk0OCAyNC4xNjM1IDE1LjE4NTggMjEuNTA4M0MxNS4zMDM0IDIxLjMzMzkgMTUuNDIxIDIxLjE1OTYgMTUuNTIxMiAyMS4wMTk2QzE2LjQzMDkgMTkuODY4OCAxNy41NDA4IDE4LjU1ODkgMTguOTQ4MyAxNy40OTZDMTkuMzM2NyAxNy4xNTI1IDE5Ljc4NjIgMTYuODU2IDIwLjI2MTEgMTYuNTQ3OEMyMC40ODc4IDE2LjQwMDkgMjAuNzA3OSAxNi4yNTUzIDIwLjg5MDcgMTYuMTMwNkMyMS4wOTc0IDE2LjAwNDggMjEuMzE4OCAxNS44ODMxIDIxLjUzNDggMTUuNzY5NEMyMS42NzYxIDE1LjY5NzUgMjEuODE2MiAxNS42MTkgMjEuOTM4OCAxNS41NTc2TDIyLjEwMDIgMTUuNDY0NkMyMi40MDAyIDE1LjMwMzcgMjIuNjc0OSAxNS4xNTQ2IDIyLjk5MDggMTUuMDM5TDI0LjExODYgMTQuNTcxNUMyNC4zMzk5IDE0LjQ4NDQgMjQuNTcxOCAxNC40MTU5IDI0Ljc5OTcgMTQuMzQ0N0MyNC45NTMgMTQuMjk4MiAyNS4wOTgyIDE0LjI2MzUgMjUuMjYzNSAxNC4yMDc4QzI1Ljc4NiAxNC4wMTgyIDI2LjMyODMgMTMuOTExMiAyNi45MTA1IDEzLjc5NjVDMjcuMTE3IDEzLjc1NzEgMjcuMzMwMiAxMy43MTYzIDI3LjU2MDggMTMuNjU4NUMyNy43NTUzIDEzLjYxMSAyNy45NzM3IDEzLjU5NjkgMjguMjA4MiAxMy41NzYyQzI4LjM2NCAxMy41NjAzIDI4LjUxNzIgMTMuNTQ4MyAyOC42MzE4IDEzLjUzMzNDMjguNzg3NiAxMy41MTczIDI4LjkzNDIgMTMuNTA2NiAyOS4wOTI3IDEzLjQ4NjdDMjkuMzI4NSAxMy40NTU1IDI5LjU0NTYgMTMuNDM0NyAyOS43NDk0IDEzLjQzMzdDMzAuMDIzNyAxMy40NCAzMC4yOTk0IDEzLjQzNTcgMzAuNTc3NyAxMy40Mjc0QzMxLjA4MTEgMTMuNDIxIDMxLjU1NzkgMTMuNDE5NyAzMi4wMzE4IDEzLjQ5MTRDMzQuOTY2NCAxMy43MzUyIDM3LjcxNDQgMTQuNjA4NSA0MC4yMDUyIDE2LjA4NjhDNDIuMzQ4OSAxNy4zNjU1IDQ0LjI3MTYgMTkuMTUyNSA0NS43NjA3IDIxLjI2NEM0Ny4wMjU1IDIzLjA2MjggNDcuOTc1NiAyNS4wNTI4IDQ4LjQ5MjggMjcuMDM5M0M0OC41NzIgMjcuMzE3NiA0OC42Mjk5IDI3LjU5MzEgNDguNjgzOSAyNy44NjU5QzQ4LjcxNTQgMjguMDQyOCA0OC43NTYzIDI4LjIxNDUgNDguNzg5MiAyOC4zNjM2QzQ4LjgwMzcgMjguNDU0MSA0OC44MjA4IDI4LjU0MDYgNDguODQ0NSAyOC42MjU4QzQ4Ljg3NDkgMjguNzQ0MyA0OC44OTg2IDI4Ljg2NCA0OC45MTE2IDI4Ljk2NTFMNDguOTc5MyAyOS42MDQ3QzQ4Ljk5MjIgMjkuNzc0OCA0OS4wMTMyIDI5LjkzMzEgNDkuMDMwMSAzMC4wODg3QzQ5LjA2NjggMzAuMzI2OCA0OS4wODg5IDMwLjU2MDggNDkuMDk2NCAzMC43NTYxTDQ5LjEwODMgMzEuOTAwMUM0OS4xMzEyIDMyLjMzMDcgNDkuMDg5IDMyLjcxMTYgNDkuMDUyMiAzMy4wNjczQzQ5LjAzODQgMzMuMjU5OCA0OS4wMTI2IDMzLjQ0NDMgNDkuMDEyMyAzMy41ODI0QzQ4Ljk5NjEgMzMuNjkyNiA0OC45OTE4IDMzLjc5MzUgNDguOTgzNiAzMy44OTE3QzQ4Ljk3NTMgMzQuMDA3MiA0OC45NzI0IDM0LjExNDggNDguOTQxNCAzNC4yNTU0TDQ4LjU0NDkgMzYuMzA1OUM0OC4zMTM0IDM3Ljg2MjMgNDkuMzc5MyAzOS4zMzY1IDUwLjk0ODggMzkuNTgyMkM1Mi4wNDE3IDM5Ljc2MDEgNTMuMTUzNiAzOS4yODE5IDUzLjc3MTEgMzguMzY2NEM1NC4wMDYzIDM4LjAxNzYgNTQuMTYwNCAzNy42MjU3IDU0LjIyMjcgMzcuMjA2NEw1NC41MjE3IDM1LjI1NzRDNTQuNTUxNCAzNS4wNzU2IDU0LjU3MiAzNC44MyA1NC41ODQ2IDM0LjU3OTFMNTQuNjAyOCAzNC4yMzM4QzU0LjYwOTggMzQuMDU5OCA1NC42MjIzIDMzLjg3NzkgNTQuNjM0NyAzMy42Nzg4QzU0LjY3MzQgMzMuMTA1MiA1NC43MTYzIDMyLjQ0NzkgNTQuNjYxOSAzMS44MDU4TDU0LjU4NjcgMzAuNDI4OUM1NC41NjIyIDMwLjA5NTIgNTQuNTA5NyAyOS43NiA1NC40NTU5IDI5LjQxODFDNTQuNDMxIDI5LjI1NzIgNTQuNDA0OCAyOS4wODk2IDU0LjM4MjYgMjguOTA3NEw1NC4yNjg3IDI4LjEwNEM1NC4yMzMyIDI3LjkyNDQgNTQuMTgwNCAyNy43MjczIDU0LjEzMjkgMjcuNTM5Nkw1NC4wNjQzIDI3LjI0NTRDNTQuMDE5NSAyNy4wNzEgNTMuOTc3MyAyNi44OTI3IDUzLjkzMzggMjYuNzA3NkM1My44NDU1IDI2LjMzMDkgNTMuNzQ3OSAyNS45NDIyIDUzLjYxMyAyNS41NTcxQzUyLjg0IDIzLjAyOTIgNTEuNTM4MyAyMC41MTk0IDQ5LjgzMzggMTguMjc5OUM0Ny44NTQ0IDE1LjY4MiA0NS4zMzMzIDEzLjUwODcgNDIuNTU2MyAxMS45ODE2WiIgZmlsbD0iIzQ5NDVGRiIvPgo8L3N2Zz4K";module.exports=M;