@strapi/design-system 1.5.0-alpha.0 → 1.6.0-alpha.0

package/dist/v2/SubNav/SubNavLinkSection.cjs

@@ -1,19 +1,19 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),m=require("prop-types"),h=require("styled-components"),x=require("@strapi/icons/CarretDown"),d=require("../../Box/Box.cjs"),b=require("../../Flex/Flex.cjs"),S=require("../../Typography/Typography.cjs"),_=require("../../helpers/useId.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=n(l),o=n(m),s=n(h),q=n(x),v=s.default(d.Box)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),m=require("prop-types"),h=require("styled-components"),x=require("@strapi/icons"),l=require("../../Box/Box.cjs"),b=require("../../Flex/Flex.cjs"),S=require("../../Typography/Typography.cjs"),q=require("../../helpers/useId.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=d(o),r=d(m),i=d(h),v=i.default(l.Box)`
   svg {
     height: ${4/16}rem;
     path {
       fill: ${({theme:e})=>e.colors.neutral700};
     }
   }
-`,E=s.default.button`
+`,E=i.default.button`
   border: none;
   padding: 0;
   background: transparent;
   display: flex;
   align-items: center;
-`,k=s.default.div`
+`,k=i.default.div`
   display: flex;
   align-items: center;
   width: ${12/16}rem;
   transform: rotateX(${({rotated:e})=>e?"0deg":"180deg"});
-`,i=({label:e,children:c,id:p})=>{const[a,f]=l.useState(!0),u=_.useId("subnav-list",p),g=()=>{f(r=>!r)};return t.default.createElement(d.Box,null,t.default.createElement(v,{paddingLeft:7,paddingTop:2,paddingBottom:2,paddingRight:4},t.default.createElement(b.Flex,{justifyContent:"space-between"},t.default.createElement(E,{onClick:g,"aria-expanded":a,"aria-controls":u},t.default.createElement(k,{rotated:a},t.default.createElement(q.default,{"aria-hidden":!0})),t.default.createElement(d.Box,{paddingLeft:2},t.default.createElement(S.Typography,{as:"span",fontWeight:"semiBold",textColor:"neutral800"},e))))),a&&t.default.createElement("ul",{id:u},l.Children.map(c,(r,y)=>t.default.createElement("li",{key:y},r))))};i.defaultProps={id:void 0};i.propTypes={children:o.default.node.isRequired,id:o.default.string,label:o.default.string.isRequired};exports.SubNavLinkSection=i;
+`,s=({label:e,children:c,id:p})=>{const[n,f]=o.useState(!0),u=q.useId("subnav-list",p),g=()=>{f(a=>!a)};return t.default.createElement(l.Box,null,t.default.createElement(v,{paddingLeft:7,paddingTop:2,paddingBottom:2,paddingRight:4},t.default.createElement(b.Flex,{justifyContent:"space-between"},t.default.createElement(E,{onClick:g,"aria-expanded":n,"aria-controls":u},t.default.createElement(k,{rotated:n},t.default.createElement(x.CarretDown,{"aria-hidden":!0})),t.default.createElement(l.Box,{paddingLeft:2},t.default.createElement(S.Typography,{as:"span",fontWeight:"semiBold",textColor:"neutral800"},e))))),n&&t.default.createElement("ul",{id:u},o.Children.map(c,(a,y)=>t.default.createElement("li",{key:y},a))))};s.defaultProps={id:void 0};s.propTypes={children:r.default.node.isRequired,id:r.default.string,label:r.default.string.isRequired};exports.SubNavLinkSection=s;

package/dist/v2/SubNav/SubNavLinkSection.js

@@ -1,7 +1,7 @@
 import e, { useState as f, Children as g } from "react";
 import o from "prop-types";
 import a from "styled-components";
-import h from "@strapi/icons/CarretDown";
+import { CarretDown as h } from "@strapi/icons";
 import { Box as i } from "../../Box/Box.js";
 import { Flex as E } from "../../Flex/Flex.js";
 import { Typography as b } from "../../Typography/Typography.js";

package/dist/v2/SubNav/SubNavSectionLabel.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),g=require("prop-types"),y=require("styled-components"),b=require("@strapi/icons/CarretDown"),u=require("../../Typography/Typography.cjs"),d=require("../../Box/Box.cjs"),x=require("../../Flex/Flex.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(f),a=r(g),c=r(y),m=r(b),s=c.default(x.Flex)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),g=require("prop-types"),y=require("styled-components"),b=require("@strapi/icons"),u=require("../../Typography/Typography.cjs"),s=require("../../Box/Box.cjs"),x=require("../../Flex/Flex.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(f),a=r(g),i=r(y),d=i.default(x.Flex)`
   border: none;
   padding: 0;
   background: transparent;
-`,_=c.default.div`
+`,m=i.default.div`
   display: flex;
   align-items: center;
   transform: rotateX(${({rotated:e})=>e?"0deg":"180deg"});
-`,o=({collapsable:e,label:l,onClick:i,ariaExpanded:n,ariaControls:p})=>e?t.default.createElement(s,{as:"button",onClick:i,"aria-expanded":n,"aria-controls":p,textAlign:"left"},t.default.createElement(d.Box,{paddingRight:1},t.default.createElement(u.Typography,{variant:"sigma",textColor:"neutral600"},l)),e&&t.default.createElement(_,{rotated:n},t.default.createElement(m.default,{"aria-hidden":!0}))):t.default.createElement(s,null,t.default.createElement(d.Box,{paddingRight:1},t.default.createElement(u.Typography,{variant:"sigma",textColor:"neutral600"},l)));o.defaultProps={ariaControls:null,ariaExpanded:null,collapsable:!1,onClick(){}};o.propTypes={ariaControls:a.default.string,ariaExpanded:a.default.bool,collapsable:a.default.bool,label:a.default.string.isRequired,onClick:a.default.func};exports.SubNavSectionLabel=o;
+`,o=({collapsable:e,label:l,onClick:c,ariaExpanded:n,ariaControls:p})=>e?t.default.createElement(d,{as:"button",onClick:c,"aria-expanded":n,"aria-controls":p,textAlign:"left"},t.default.createElement(s.Box,{paddingRight:1},t.default.createElement(u.Typography,{variant:"sigma",textColor:"neutral600"},l)),e&&t.default.createElement(m,{rotated:n},t.default.createElement(b.CarretDown,{"aria-hidden":!0}))):t.default.createElement(d,null,t.default.createElement(s.Box,{paddingRight:1},t.default.createElement(u.Typography,{variant:"sigma",textColor:"neutral600"},l)));o.defaultProps={ariaControls:null,ariaExpanded:null,collapsable:!1,onClick(){}};o.propTypes={ariaControls:a.default.string,ariaExpanded:a.default.bool,collapsable:a.default.bool,label:a.default.string.isRequired,onClick:a.default.func};exports.SubNavSectionLabel=o;

package/dist/v2/SubNav/SubNavSectionLabel.js

@@ -1,7 +1,7 @@
 import e from "react";
 import r from "prop-types";
 import p from "styled-components";
-import s from "@strapi/icons/CarretDown";
+import { CarretDown as s } from "@strapi/icons";
 import { Typography as n } from "../../Typography/Typography.js";
 import { Box as l } from "../../Box/Box.js";
 import { Flex as u } from "../../Flex/Flex.js";

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@strapi/design-system",
-  "version": "1.5.0-alpha.0",
+  "version": "1.6.0-alpha.0",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/index.js",
@@ -17,59 +18,61 @@
     "dist"
   ],
   "dependencies": {
+    "@codemirror/lang-json": "^6.0.1",
     "@floating-ui/react-dom": "^1.0.0",
     "@internationalized/number": "^3.1.1",
     "@radix-ui/react-use-callback-ref": "^1.0.0",
+    "@uiw/react-codemirror": "4.8.1",
     "compute-scroll-into-view": "^1.0.17",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "@figspec/react": "^0.1.5",
     "@juggle/resize-observer": "^3.4.0",
     "@playwright/test": "1.27.1",
-    "@storybook/addon-actions": "^6.5.13",
-    "@storybook/addon-essentials": "^6.5.13",
-    "@storybook/addon-links": "^6.5.13",
-    "@storybook/react": "^6.5.13",
-    "@strapi/icons": "^1.5.0-alpha.0",
+    "@strapi/icons": "^1.6.0-alpha.0",
     "@swc/core": "^1.3.11",
     "@swc/jest": "^0.2.23",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "12.1.4",
+    "@types/jest": "^29.2.6",
+    "@types/react": "17.0.2",
+    "@types/react-dom": "17.0.2",
+    "@types/styled-components": "^5.1.26",
     "axe-playwright": "^1.1.11",
     "cross-env": "^7.0.3",
     "intl": "^1.2.5",
     "jest": "^29.2.2",
     "jest-environment-jsdom": "^29.2.2",
     "jest-styled-components": "^7.1.1",
-    "qs": "^6.10.3",
     "react": "^17.0.1",
-    "react-copy-to-clipboard": "^5.0.4",
     "react-dom": "^17.0.1",
     "react-router-dom": "^5.2.0",
-    "storybook-dark-mode": "^1.1.2",
     "styled-components": "^5.2.1"
   },
   "peerDependencies": {
-    "@strapi/icons": "^1.4.2",
+    "@strapi/icons": "^1.5.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-router-dom": "^5.2.0",
     "styled-components": "^5.2.1"
   },
   "scripts": {
-    "dev": "vite",
+    "develop": "vite build --watch",
     "prebuild": "rimraf dist",
     "build": "yarn build:prod",
     "build:prod": "vite build",
-    "build-storybook": "build-storybook",
-    "storybook": "start-storybook -p 6006",
+    "generate:types": "tsc --noEmit false --emitDeclarationOnly --declarationDir dist",
     "test": "jest -c jest.config.js",
+    "test:ts": "tsc --noEmit",
     "test:watch": "jest -c jest.config.js --watchAll",
     "test:e2e": "playwright test",
     "test:e2e:ci": "cross-env CI=true playwright test",
     "test:e2e:watch": "chokidar '**/__tests__/*.e2e.js' -c 'npm run test:e2e -- --retries=0 {path}'",
     "test:e2e:debug": "cross-env PWDEBUG=1 playwright test"
   },
-  "gitHead": "b558e4c0768577aaa69de3468d4367906a08283f"
+  "resolutions": {
+    "@types/react": "17.0.2",
+    "@types/react-dom": "17.0.2"
+  },
+  "gitHead": "4162fa528e3337b2d3b4f250de4d0c52b04ea6c9"
 }

package/dist/Box/BoxProps.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),l=require("prop-types"),a=d=>d&&typeof d=="object"&&"default"in d?d:{default:d},r=a(u),e=a(l),t=d=>r.default.createElement("div",{...d}),o={background:void 0,borderColor:void 0,color:void 0,hiddenS:!1,hiddenXS:!1,padding:void 0,paddingTop:void 0,paddingRight:void 0,paddingBottom:void 0,paddingLeft:void 0,hasRadius:!1,shadow:void 0,children:null,shrink:void 0,grow:void 0,basis:void 0,flex:void 0,_hover:()=>{}},f={_hover:e.default.func,background:e.default.string,basis:e.default.oneOfType([e.default.string,e.default.string]),borderColor:e.default.string,children:e.default.oneOfType([e.default.node,e.default.string]),color:e.default.string,flex:e.default.oneOfType([e.default.string,e.default.string]),grow:e.default.oneOfType([e.default.string,e.default.string]),hasRadius:e.default.bool,hiddenS:e.default.bool,hiddenXS:e.default.bool,padding:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),paddingBottom:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),paddingLeft:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),paddingRight:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),paddingTop:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),shadow:e.default.string,shrink:e.default.oneOfType([e.default.string,e.default.string])};t.defaultProps=o;t.propTypes=f;exports.BoxProps=t;exports.boxDefaultProps=o;exports.boxPropTypes=f;

package/dist/Box/BoxProps.js

@@ -1,51 +0,0 @@
-import n from "react";
-import o from "prop-types";
-const r = (e) => /* @__PURE__ */ n.createElement("div", {
-  ...e
-}), d = {
-  background: void 0,
-  borderColor: void 0,
-  color: void 0,
-  hiddenS: !1,
-  hiddenXS: !1,
-  padding: void 0,
-  paddingTop: void 0,
-  paddingRight: void 0,
-  paddingBottom: void 0,
-  paddingLeft: void 0,
-  hasRadius: !1,
-  shadow: void 0,
-  children: null,
-  shrink: void 0,
-  grow: void 0,
-  basis: void 0,
-  flex: void 0,
-  _hover: () => {
-  }
-}, i = {
-  _hover: o.func,
-  background: o.string,
-  basis: o.oneOfType([o.string, o.string]),
-  borderColor: o.string,
-  children: o.oneOfType([o.node, o.string]),
-  color: o.string,
-  flex: o.oneOfType([o.string, o.string]),
-  grow: o.oneOfType([o.string, o.string]),
-  hasRadius: o.bool,
-  hiddenS: o.bool,
-  hiddenXS: o.bool,
-  padding: o.oneOfType([o.number, o.arrayOf(o.number)]),
-  paddingBottom: o.oneOfType([o.number, o.arrayOf(o.number)]),
-  paddingLeft: o.oneOfType([o.number, o.arrayOf(o.number)]),
-  paddingRight: o.oneOfType([o.number, o.arrayOf(o.number)]),
-  paddingTop: o.oneOfType([o.number, o.arrayOf(o.number)]),
-  shadow: o.string,
-  shrink: o.oneOfType([o.string, o.string])
-};
-r.defaultProps = d;
-r.propTypes = i;
-export {
-  r as BoxProps,
-  d as boxDefaultProps,
-  i as boxPropTypes
-};

package/dist/Flex/FlexProps.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),u=require("prop-types"),l=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},n=l(s),e=l(u),a=t=>n.default.createElement("div",{...t}),r={alignItems:"center",basis:void 0,direction:"row",gap:void 0,inline:!1,justifyContent:void 0,reverse:!1,shrink:void 0,wrap:void 0},o={alignItems:e.default.string,basis:e.default.oneOfType([e.default.string,e.default.number]),direction:e.default.string,gap:e.default.oneOfType([e.default.shape({desktop:e.default.number,mobile:e.default.number,tablet:e.default.number}),e.default.number,e.default.arrayOf(e.default.number),e.default.string]),inline:e.default.bool,justifyContent:e.default.string,reverse:e.default.bool,shrink:e.default.number,wrap:e.default.string};a.defaultProps=r;a.propTypes=o;exports.FlexProps=a;exports.flexDefaultProps=r;exports.flexPropTypes=o;

package/dist/Flex/FlexProps.js

@@ -1,41 +0,0 @@
-import o from "react";
-import e from "prop-types";
-const r = (n) => /* @__PURE__ */ o.createElement("div", {
-  ...n
-}), t = {
-  alignItems: "center",
-  basis: void 0,
-  direction: "row",
-  gap: void 0,
-  inline: !1,
-  justifyContent: void 0,
-  reverse: !1,
-  shrink: void 0,
-  wrap: void 0
-}, i = {
-  alignItems: e.string,
-  basis: e.oneOfType([e.string, e.number]),
-  direction: e.string,
-  gap: e.oneOfType([
-    e.shape({
-      desktop: e.number,
-      mobile: e.number,
-      tablet: e.number
-    }),
-    e.number,
-    e.arrayOf(e.number),
-    e.string
-  ]),
-  inline: e.bool,
-  justifyContent: e.string,
-  reverse: e.bool,
-  shrink: e.number,
-  wrap: e.string
-};
-r.defaultProps = t;
-r.propTypes = i;
-export {
-  r as FlexProps,
-  t as flexDefaultProps,
-  i as flexPropTypes
-};

package/dist/FocusTrap/ExampleComponent.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),d=require("@strapi/icons/Cross"),a=require("../Box/Box.cjs"),i=require("../Stack/Stack.cjs"),r=require("../Typography/Typography.cjs"),o=require("../Button/Button.cjs"),u=require("../Flex/Flex.cjs"),p=require("./FocusTrap.cjs"),s=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=s(l),m=s(d),f=({onClose:t})=>{const[n,c]=l.useState(!1);return e.default.createElement(p.FocusTrap,{onEscape:t},e.default.createElement(a.Box,{background:"neutral0",padding:4,hasRadius:!0,style:{width:"600px"}},e.default.createElement(i.Stack,{spacing:2},e.default.createElement(u.Flex,{justifyContent:"space-between"},e.default.createElement(r.Typography,{variant:"beta",as:"h2"},"Hey folks!"),e.default.createElement("button",{type:"button",style:{border:"none",background:"transparent"},onClick:t,"aria-label":"Close"},e.default.createElement(m.default,{"aria-hidden":!0}))),e.default.createElement(a.Box,{paddingTop:2,paddingBottom:2},e.default.createElement(r.Typography,null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")),e.default.createElement(u.Flex,{justifyContent:"space-between"},e.default.createElement(o.Button,{id:"second"},"Second focusable"),e.default.createElement(o.Button,{id:"last",onClick:()=>c(!0)},"Last focusable (at the beginning)"),n&&e.default.createElement(o.Button,{id:"real-last"},"Last focusable (at the end)")))))},g=()=>{const[t,n]=l.useState(!1);return e.default.createElement(a.Box,{background:"neutral150",padding:10},e.default.createElement(i.Stack,{spacing:2},t&&e.default.createElement(f,{onClose:()=>n(!1)}),e.default.createElement(a.Box,{background:"neutral0",padding:4,hasRadius:!0,style:{width:"600px"}},e.default.createElement(r.Typography,{variant:"beta",as:"h2"},"Outside the trap!"),e.default.createElement(a.Box,{paddingTop:2},e.default.createElement(o.Button,{onClick:()=>n(!0),id:"trigger"},"Open the trap")))))};exports.ExampleComponent=g;

package/dist/FocusTrap/ExampleComponent.js

@@ -1,71 +0,0 @@
-import e, { useState as l } from "react";
-import m from "@strapi/icons/Cross";
-import { Box as t } from "../Box/Box.js";
-import { Stack as s } from "../Stack/Stack.js";
-import { Typography as i } from "../Typography/Typography.js";
-import { Button as r } from "../Button/Button.js";
-import { Flex as o } from "../Flex/Flex.js";
-import { FocusTrap as u } from "./FocusTrap.js";
-const d = ({ onClose: a }) => {
-  const [n, c] = l(!1);
-  return /* @__PURE__ */ e.createElement(u, {
-    onEscape: a
-  }, /* @__PURE__ */ e.createElement(t, {
-    background: "neutral0",
-    padding: 4,
-    hasRadius: !0,
-    style: { width: "600px" }
-  }, /* @__PURE__ */ e.createElement(s, {
-    spacing: 2
-  }, /* @__PURE__ */ e.createElement(o, {
-    justifyContent: "space-between"
-  }, /* @__PURE__ */ e.createElement(i, {
-    variant: "beta",
-    as: "h2"
-  }, "Hey folks!"), /* @__PURE__ */ e.createElement("button", {
-    type: "button",
-    style: { border: "none", background: "transparent" },
-    onClick: a,
-    "aria-label": "Close"
-  }, /* @__PURE__ */ e.createElement(m, {
-    "aria-hidden": !0
-  }))), /* @__PURE__ */ e.createElement(t, {
-    paddingTop: 2,
-    paddingBottom: 2
-  }, /* @__PURE__ */ e.createElement(i, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")), /* @__PURE__ */ e.createElement(o, {
-    justifyContent: "space-between"
-  }, /* @__PURE__ */ e.createElement(r, {
-    id: "second"
-  }, "Second focusable"), /* @__PURE__ */ e.createElement(r, {
-    id: "last",
-    onClick: () => c(!0)
-  }, "Last focusable (at the beginning)"), n && /* @__PURE__ */ e.createElement(r, {
-    id: "real-last"
-  }, "Last focusable (at the end)")))));
-}, y = () => {
-  const [a, n] = l(!1);
-  return /* @__PURE__ */ e.createElement(t, {
-    background: "neutral150",
-    padding: 10
-  }, /* @__PURE__ */ e.createElement(s, {
-    spacing: 2
-  }, a && /* @__PURE__ */ e.createElement(d, {
-    onClose: () => n(!1)
-  }), /* @__PURE__ */ e.createElement(t, {
-    background: "neutral0",
-    padding: 4,
-    hasRadius: !0,
-    style: { width: "600px" }
-  }, /* @__PURE__ */ e.createElement(i, {
-    variant: "beta",
-    as: "h2"
-  }, "Outside the trap!"), /* @__PURE__ */ e.createElement(t, {
-    paddingTop: 2
-  }, /* @__PURE__ */ e.createElement(r, {
-    onClick: () => n(!0),
-    id: "trigger"
-  }, "Open the trap")))));
-};
-export {
-  y as ExampleComponent
-};

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/Typography/TypographyProps.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),i=require("prop-types"),r=require("./constants.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},p=a(l),t=a(i),o=e=>p.default.createElement("div",{...e}),s={ellipsis:!1,fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textAlign:void 0,textTransform:void 0,variant:r.OMEGA},n={ellipsis:t.default.bool,fontSize:t.default.oneOfType([t.default.number,t.default.string]),fontWeight:t.default.string,lineHeight:t.default.oneOfType([t.default.number,t.default.string]),textAlign:t.default.string,textColor:t.default.string,textTransform:t.default.string,variant:t.default.oneOf(r.TEXT_VARIANTS)};o.defaultProps=s;o.propTypes=n;exports.TypographyProps=o;exports.typographyDefaultProps=s;exports.typographyPropTypes=n;

package/dist/Typography/TypographyProps.js

@@ -1,31 +0,0 @@
-import r from "react";
-import t from "prop-types";
-import { TEXT_VARIANTS as i, OMEGA as n } from "./constants.js";
-const o = (e) => /* @__PURE__ */ r.createElement("div", {
-  ...e
-}), p = {
-  ellipsis: !1,
-  fontWeight: void 0,
-  fontSize: void 0,
-  lineHeight: void 0,
-  textColor: void 0,
-  textAlign: void 0,
-  textTransform: void 0,
-  variant: n
-}, s = {
-  ellipsis: t.bool,
-  fontSize: t.oneOfType([t.number, t.string]),
-  fontWeight: t.string,
-  lineHeight: t.oneOfType([t.number, t.string]),
-  textAlign: t.string,
-  textColor: t.string,
-  textTransform: t.string,
-  variant: t.oneOf(i)
-};
-o.defaultProps = p;
-o.propTypes = s;
-export {
-  o as TypographyProps,
-  p as typographyDefaultProps,
-  s as typographyPropTypes
-};

package/dist/themes/ColorButton.cjs

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),d=require("prop-types"),s=require("styled-components"),a=require("../Box/Box.cjs"),p=require("../Typography/Typography.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(n),r=o(d),c=o(s),i=c.default(a.Box)`
-  background: ${({color:e})=>e};
-`,u=({colorKey:e,color:l})=>t.default.createElement(i,{color:l,paddingTop:6,paddingLeft:6,hasRadius:!0,shadow:"popupShadow",borderColor:"neutral200"},t.default.createElement(a.Box,{background:"neutral0",padding:1},t.default.createElement(p.Typography,null,e)));u.propTypes={color:r.default.string.isRequired,colorKey:r.default.string.isRequired};exports.ColorButton=u;

package/dist/themes/ColorButton.js

@@ -1,25 +0,0 @@
-import r from "react";
-import e from "prop-types";
-import a from "styled-components";
-import { Box as t } from "../Box/Box.js";
-import { Typography as d } from "../Typography/Typography.js";
-const n = a(t)`
-  background: ${({ color: o }) => o};
-`, i = ({ colorKey: o, color: p }) => /* @__PURE__ */ r.createElement(n, {
-  color: p,
-  paddingTop: 6,
-  paddingLeft: 6,
-  hasRadius: !0,
-  shadow: "popupShadow",
-  borderColor: "neutral200"
-}, /* @__PURE__ */ r.createElement(t, {
-  background: "neutral0",
-  padding: 1
-}, /* @__PURE__ */ r.createElement(d, null, o)));
-i.propTypes = {
-  color: e.string.isRequired,
-  colorKey: e.string.isRequired
-};
-export {
-  i as ColorButton
-};

package/dist/themes/colors.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={color:{alternative100:"#f6ecfc",alternative200:"#e0c1f4",alternative500:"#ac73e6",alternative600:"#9736e8",alternative700:"#8312d1",danger100:"#fcecea",danger200:"#f5c0b8",danger500:"#ee5e52",danger600:"#d02b20",danger700:"#b72b1a",neutral0:"#ffffff",neutral100:"#f6f6f9",neutral1000:"#181826",neutral150:"#eaeaef",neutral200:"#dcdce4",neutral300:"#c0c0cf",neutral400:"#a5a5ba",neutral500:"#8e8ea9",neutral600:"#666687",neutral700:"#4a4a6a",neutral800:"#32324d",neutral900:"#212134",primary100:"#f0f0ff",primary200:"#d9d8ff",primary500:"#7b79ff",primary600:"#4945ff",primary700:"#271fe0",secondary100:"#eaf5ff",secondary200:"#b8e1ff",secondary500:"#66b7f1",secondary600:"#0c75af",secondary700:"#006096",success100:"#eafbe7",success200:"#c6f0c2",success500:"#5cb176",success600:"#328048",success700:"#2f6846",warning100:"#fdf4dc",warning200:"#fae7b9",warning500:"#f29d41",warning600:"#d9822f",warning700:"#be5d01"}};exports.colorTokenObject=e;

package/dist/themes/colors.js

@@ -1,49 +0,0 @@
-const e = {
-  color: {
-    alternative100: "#f6ecfc",
-    alternative200: "#e0c1f4",
-    alternative500: "#ac73e6",
-    alternative600: "#9736e8",
-    alternative700: "#8312d1",
-    danger100: "#fcecea",
-    danger200: "#f5c0b8",
-    danger500: "#ee5e52",
-    danger600: "#d02b20",
-    danger700: "#b72b1a",
-    neutral0: "#ffffff",
-    neutral100: "#f6f6f9",
-    neutral1000: "#181826",
-    neutral150: "#eaeaef",
-    neutral200: "#dcdce4",
-    neutral300: "#c0c0cf",
-    neutral400: "#a5a5ba",
-    neutral500: "#8e8ea9",
-    neutral600: "#666687",
-    neutral700: "#4a4a6a",
-    neutral800: "#32324d",
-    neutral900: "#212134",
-    primary100: "#f0f0ff",
-    primary200: "#d9d8ff",
-    primary500: "#7b79ff",
-    primary600: "#4945ff",
-    primary700: "#271fe0",
-    secondary100: "#eaf5ff",
-    secondary200: "#b8e1ff",
-    secondary500: "#66b7f1",
-    secondary600: "#0c75af",
-    secondary700: "#006096",
-    success100: "#eafbe7",
-    success200: "#c6f0c2",
-    success500: "#5cb176",
-    success600: "#328048",
-    success700: "#2f6846",
-    warning100: "#fdf4dc",
-    warning200: "#fae7b9",
-    warning500: "#f29d41",
-    warning600: "#d9822f",
-    warning700: "#be5d01"
-  }
-};
-export {
-  e as colorTokenObject
-};