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

package/dist/themes/darkTheme/dark-colors.js

@@ -1,52 +0,0 @@
-const a = {
-  color: {
-    alternative100: "#181826",
-    alternative200: "#4a4a6a",
-    alternative500: "#ac73e6",
-    alternative600: "#ac73e6",
-    alternative700: "#e0c1f4",
-    buttonNeutral0: "#ffffff",
-    buttonPrimary500: "#7b79ff",
-    buttonPrimary600: "#4945ff",
-    danger100: "#181826",
-    danger200: "#4a4a6a",
-    danger500: "#ee5e52",
-    danger600: "#ee5e52",
-    danger700: "#ee5e52",
-    neutral0: "#212134",
-    neutral100: "#181826",
-    neutral1000: "#ffffff",
-    neutral150: "#32324d",
-    neutral200: "#4a4a6a",
-    neutral300: "#666687",
-    neutral400: "#a5a5ba",
-    neutral500: "#c0c0cf",
-    neutral600: "#a5a5ba",
-    neutral700: "#eaeaef",
-    neutral800: "#ffffff",
-    neutral900: "#ffffff",
-    primary100: "#181826",
-    primary200: "#4a4a6a",
-    primary500: "#4945ff",
-    primary600: "#7b79ff",
-    primary700: "#7b79ff",
-    secondary100: "#181826",
-    secondary200: "#4a4a6a",
-    secondary500: "#66b7f1",
-    secondary600: "#66b7f1",
-    secondary700: "#b8e1ff",
-    success100: "#181826",
-    success200: "#4a4a6a",
-    success500: "#5cb176",
-    success600: "#5cb176",
-    success700: "#c6f0c2",
-    warning100: "#181826",
-    warning200: "#4a4a6a",
-    warning500: "#f29d41",
-    warning600: "#f29d41",
-    warning700: "#fae7b9"
-  }
-};
-export {
-  a as darkColorTokenObject
-};

package/dist/themes/darkTheme/dark-shadows.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p={shadow:{filterShadow:"1px 1px 10px rgba(3, 3, 5, 0.35)",focus:"inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",focusShadow:"0px 0px 6px rgba(76, 191, 255, 0.75)",popupShadow:"1px 1px 10px rgba(3, 3, 5, 0.35)",tableShadow:"1px 1px 10px rgba(3, 3, 5, 0.2)"}};exports.darkShadowTokenObject=p;

package/dist/themes/darkTheme/dark-shadows.js

@@ -1,12 +0,0 @@
-const p = {
-  shadow: {
-    filterShadow: "1px 1px 10px rgba(3, 3, 5, 0.35)",
-    focus: "inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",
-    focusShadow: "0px 0px 6px rgba(76, 191, 255, 0.75)",
-    popupShadow: "1px 1px 10px rgba(3, 3, 5, 0.35)",
-    tableShadow: "1px 1px 10px rgba(3, 3, 5, 0.2)"
-  }
-};
-export {
-  p as darkShadowTokenObject
-};

package/dist/themes/darkTheme/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./dark-colors.cjs"),o=require("./dark-shadows.cjs"),r=require("../common-theme.cjs"),s={colors:e.darkColorTokenObject.color,shadows:o.darkShadowTokenObject.shadow,...r.commonTheme};exports.darkTheme=s;

package/dist/themes/darkTheme/index.js

@@ -1,11 +0,0 @@
-import { darkColorTokenObject as o } from "./dark-colors.js";
-import { darkShadowTokenObject as r } from "./dark-shadows.js";
-import { commonTheme as m } from "../common-theme.js";
-const c = {
-  colors: o.color,
-  shadows: r.shadow,
-  ...m
-};
-export {
-  c as darkTheme
-};

package/dist/themes/extendTheme.cjs

@@ -1,13 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./lightTheme/index.cjs"),s=e=>`
-${e}
-
-The following is an example:
-
-
-import { lightTheme, extendTheme } from '@strapi/design-system/themes';
-
-const myCustomTheme = extendTheme(lightTheme, {
-    ${Object.keys(c.lightTheme).map(t=>`${t}: /* put the overrides for the ${t} key */,`).join(`
-`)}
-})
-`,r=e=>e&&typeof e=="object"&&!Array.isArray(e),h=(e,t)=>{const n={...e};return r(e)&&r(t)&&Object.keys(t).forEach(o=>{r(t[o])&&e.hasOwnProperty(o)?n[o]=h(e[o],t[o]):n[o]=t[o]}),n},m=(e,t)=>{if(!r(e)){const n=s("The first argument should be an object and corresponds to the theme you want to extend.");throw new Error(n)}if(!r(t)){const n=s("The second argument should be an object and corresponds to the keys of the theme you want to override.");throw new Error(n)}return h(e,t)};exports.extendTheme=m;

package/dist/themes/extendTheme.js

@@ -1,36 +0,0 @@
-import { lightTheme as m } from "./lightTheme/index.js";
-const h = (e) => `
-${e}
-
-The following is an example:
-
-
-import { lightTheme, extendTheme } from '@strapi/design-system/themes';
-
-const myCustomTheme = extendTheme(lightTheme, {
-    ${Object.keys(m).map((t) => `${t}: /* put the overrides for the ${t} key */,`).join(`
-`)}
-})
-`, r = (e) => e && typeof e == "object" && !Array.isArray(e), s = (e, t) => {
-  const n = { ...e };
-  return r(e) && r(t) && Object.keys(t).forEach((o) => {
-    r(t[o]) && e.hasOwnProperty(o) ? n[o] = s(e[o], t[o]) : n[o] = t[o];
-  }), n;
-}, a = (e, t) => {
-  if (!r(e)) {
-    const n = h(
-      "The first argument should be an object and corresponds to the theme you want to extend."
-    );
-    throw new Error(n);
-  }
-  if (!r(t)) {
-    const n = h(
-      "The second argument should be an object and corresponds to the keys of the theme you want to override."
-    );
-    throw new Error(n);
-  }
-  return s(e, t);
-};
-export {
-  a as extendTheme
-};

package/dist/themes/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./lightTheme/index.cjs"),i=require("./darkTheme/index.cjs"),u=require("./extendTheme.cjs"),e=require("./utils.cjs");exports.lightTheme=t.lightTheme;exports.darkTheme=i.darkTheme;exports.extendTheme=u.extendTheme;exports.buttonFocusStyle=e.buttonFocusStyle;exports.getThemeSize=e.getThemeSize;exports.inputFocusStyle=e.inputFocusStyle;

package/dist/themes/index.js

@@ -1,12 +0,0 @@
-import { lightTheme as o } from "./lightTheme/index.js";
-import { darkTheme as m } from "./darkTheme/index.js";
-import { extendTheme as p } from "./extendTheme.js";
-import { buttonFocusStyle as f, getThemeSize as u, inputFocusStyle as T } from "./utils.js";
-export {
-  f as buttonFocusStyle,
-  m as darkTheme,
-  p as extendTheme,
-  u as getThemeSize,
-  T as inputFocusStyle,
-  o as lightTheme
-};

package/dist/themes/lightTheme/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./light-colors.cjs"),o=require("./light-shadows.cjs"),t=require("../common-theme.cjs"),s={colors:e.lightColorTokenObject.color,shadows:o.lightShadowTokenObject.shadow,...t.commonTheme};exports.lightTheme=s;

package/dist/themes/lightTheme/index.js

@@ -1,11 +0,0 @@
-import { lightColorTokenObject as o } from "./light-colors.js";
-import { lightShadowTokenObject as m } from "./light-shadows.js";
-import { commonTheme as r } from "../common-theme.js";
-const c = {
-  colors: o.color,
-  shadows: m.shadow,
-  ...r
-};
-export {
-  c as lightTheme
-};

package/dist/themes/lightTheme/light-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",buttonNeutral0:"#ffffff",buttonPrimary500:"#7b79ff",buttonPrimary600:"#4945ff",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.lightColorTokenObject=e;

package/dist/themes/lightTheme/light-colors.js

@@ -1,52 +0,0 @@
-const e = {
-  color: {
-    alternative100: "#f6ecfc",
-    alternative200: "#e0c1f4",
-    alternative500: "#ac73e6",
-    alternative600: "#9736e8",
-    alternative700: "#8312d1",
-    buttonNeutral0: "#ffffff",
-    buttonPrimary500: "#7b79ff",
-    buttonPrimary600: "#4945ff",
-    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 lightColorTokenObject
-};

package/dist/themes/lightTheme/light-shadows.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p={shadow:{filterShadow:"0px 1px 4px rgba(33, 33, 52, 0.1)",focus:"inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",focusShadow:"0px 0px 6px rgba(76, 191, 255, 0.75)",popupShadow:"0px 2px 15px rgba(33, 33, 52, 0.1)",tableShadow:"0px 1px 4px rgba(33, 33, 52, 0.1)"}};exports.lightShadowTokenObject=p;

package/dist/themes/lightTheme/light-shadows.js

@@ -1,12 +0,0 @@
-const p = {
-  shadow: {
-    filterShadow: "0px 1px 4px rgba(33, 33, 52, 0.1)",
-    focus: "inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",
-    focusShadow: "0px 0px 6px rgba(76, 191, 255, 0.75)",
-    popupShadow: "0px 2px 15px rgba(33, 33, 52, 0.1)",
-    tableShadow: "0px 1px 4px rgba(33, 33, 52, 0.1)"
-  }
-};
-export {
-  p as lightShadowTokenObject
-};

package/dist/themes/sizes.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={input:{S:`${32/16}rem`,M:`${40/16}rem`},accordions:{S:`${48/16}rem`,M:`${88/16}rem`}};exports.sizes=e;

package/dist/themes/sizes.js

@@ -1,13 +0,0 @@
-const e = {
-  input: {
-    S: `${2}rem`,
-    M: `${2.5}rem`
-  },
-  accordions: {
-    S: `${3}rem`,
-    M: `${5.5}rem`
-  }
-};
-export {
-  e as sizes
-};

package/dist/themes/utils.cjs

@@ -1,41 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=t=>({theme:o,size:r})=>o.sizes[t][r],i=(t="&")=>({theme:o,hasError:r})=>`
-      outline: none;
-      box-shadow: 0;
-      transition-property: border-color, box-shadow, fill;
-      transition-duration: 0.2s;
-
-      ${t}:focus-within {
-        border: 1px solid ${r?o.colors.danger600:o.colors.primary600};
-        box-shadow: ${r?o.colors.danger600:o.colors.primary600} 0px 0px 0px 2px;
-      }
-    `,n=({theme:t})=>`
-  position: relative;
-  outline: none;
-  
-  &:after {
-    transition-property: all;
-    transition-duration: 0.2s;
-    border-radius: 8px;
-    content: '';
-    position: absolute;
-    top: -4px;
-    bottom: -4px;
-    left: -4px;
-    right: -4px;
-    border: 2px solid transparent;
-  }
-
-  &:focus-visible {
-    outline: none;
-    &:after {
-      border-radius: 8px;
-      content: '';
-      position: absolute;
-      top: -5px;
-      bottom: -5px;
-      left: -5px;
-      right: -5px;
-      border: 2px solid ${t.colors.primary600};
-    }
-  }
-`;exports.buttonFocusStyle=n;exports.getThemeSize=e;exports.inputFocusStyle=i;

package/dist/themes/utils.js

@@ -1,46 +0,0 @@
-const i = (t) => ({ theme: o, size: r }) => o.sizes[t][r], n = (t = "&") => ({ theme: o, hasError: r }) => `
-      outline: none;
-      box-shadow: 0;
-      transition-property: border-color, box-shadow, fill;
-      transition-duration: 0.2s;
-
-      ${t}:focus-within {
-        border: 1px solid ${r ? o.colors.danger600 : o.colors.primary600};
-        box-shadow: ${r ? o.colors.danger600 : o.colors.primary600} 0px 0px 0px 2px;
-      }
-    `, s = ({ theme: t }) => `
-  position: relative;
-  outline: none;
-  
-  &:after {
-    transition-property: all;
-    transition-duration: 0.2s;
-    border-radius: 8px;
-    content: '';
-    position: absolute;
-    top: -4px;
-    bottom: -4px;
-    left: -4px;
-    right: -4px;
-    border: 2px solid transparent;
-  }
-
-  &:focus-visible {
-    outline: none;
-    &:after {
-      border-radius: 8px;
-      content: '';
-      position: absolute;
-      top: -5px;
-      bottom: -5px;
-      left: -5px;
-      right: -5px;
-      border: 2px solid ${t.colors.primary600};
-    }
-  }
-`;
-export {
-  s as buttonFocusStyle,
-  i as getThemeSize,
-  n as inputFocusStyle
-};

package/dist/v2/Breadcrumbs/Breadcrumbs.cjs

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),h=require("prop-types"),p=require("styled-components"),m=require("../../Box/Box.cjs"),y=require("./Divider.cjs"),s=require("../../Flex/Flex.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=i(l),t=i(h),b=i(p),g=b.default(s.Flex)`
-  // CrumbLinks do have padding-x, because they need to have a
-  // interaction effect, which mis-aligns the breadcrumbs on the left.
-  // This normalizes the behavior by moving the first item to left by
-  // the same amount it has inner padding
-  :first-child {
-    margin-left: ${({theme:e})=>`calc(-1*${e.spaces[2]})`};
-  }
-`,n=({label:e,children:o,...d})=>{const a=l.Children.toArray(o);return r.default.createElement(m.Box,{"aria-label":e,...d},r.default.createElement(g,{as:"ol",horizontal:!0},l.Children.map(a,(c,u)=>{const f=a.length>1&&u+1<a.length;return r.default.createElement(s.Flex,{inline:!0,as:"li"},c,f&&r.default.createElement(y.Divider,null))})))};n.displayName="Breadcrumbs";n.propTypes={children:t.default.oneOfType([t.default.arrayOf(t.default.node),t.default.node]).isRequired,label:t.default.string.isRequired};exports.Breadcrumbs=n;

package/dist/v2/Breadcrumbs/Breadcrumbs.js

@@ -1,38 +0,0 @@
-import r, { Children as a } from "react";
-import e from "prop-types";
-import h from "styled-components";
-import { Box as p } from "../../Box/Box.js";
-import { Divider as f } from "./Divider.js";
-import { Flex as n } from "../../Flex/Flex.js";
-const u = h(n)`
-  // CrumbLinks do have padding-x, because they need to have a
-  // interaction effect, which mis-aligns the breadcrumbs on the left.
-  // This normalizes the behavior by moving the first item to left by
-  // the same amount it has inner padding
-  :first-child {
-    margin-left: ${({ theme: t }) => `calc(-1*${t.spaces[2]})`};
-  }
-`, o = ({ label: t, children: l, ...s }) => {
-  const i = a.toArray(l);
-  return /* @__PURE__ */ r.createElement(p, {
-    "aria-label": t,
-    ...s
-  }, /* @__PURE__ */ r.createElement(u, {
-    as: "ol",
-    horizontal: !0
-  }, a.map(i, (m, d) => {
-    const c = i.length > 1 && d + 1 < i.length;
-    return /* @__PURE__ */ r.createElement(n, {
-      inline: !0,
-      as: "li"
-    }, m, c && /* @__PURE__ */ r.createElement(f, null));
-  })));
-};
-o.displayName = "Breadcrumbs";
-o.propTypes = {
-  children: e.oneOfType([e.arrayOf(e.node), e.node]).isRequired,
-  label: e.string.isRequired
-};
-export {
-  o as Breadcrumbs
-};

package/dist/v2/Breadcrumbs/Crumb.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),d=require("prop-types"),l=require("../../Box/Box.cjs"),i=require("../../Typography/Typography.cjs"),p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=p(n),a=p(d),t=({children:e,isCurrent:o,...u})=>r.default.createElement(l.Box,{paddingLeft:2,paddingRight:2,paddingTop:1,paddingBottom:1},r.default.createElement(i.Typography,{variant:"pi",textColor:"neutral800",fontWeight:o?"bold":"normal","aria-current":o,...u},e));t.displayName="Crumb";t.defaultProps={isCurrent:!1};t.propTypes={children:a.default.node.isRequired,isCurrent:a.default.bool};exports.Crumb=t;

package/dist/v2/Breadcrumbs/Crumb.js

@@ -1,27 +0,0 @@
-import o from "react";
-import t from "prop-types";
-import { Box as i } from "../../Box/Box.js";
-import { Typography as d } from "../../Typography/Typography.js";
-const r = ({ children: p, isCurrent: e, ...a }) => /* @__PURE__ */ o.createElement(i, {
-  paddingLeft: 2,
-  paddingRight: 2,
-  paddingTop: 1,
-  paddingBottom: 1
-}, /* @__PURE__ */ o.createElement(d, {
-  variant: "pi",
-  textColor: "neutral800",
-  fontWeight: e ? "bold" : "normal",
-  "aria-current": e,
-  ...a
-}, p));
-r.displayName = "Crumb";
-r.defaultProps = {
-  isCurrent: !1
-};
-r.propTypes = {
-  children: t.node.isRequired,
-  isCurrent: t.bool
-};
-export {
-  r as Crumb
-};

package/dist/v2/Breadcrumbs/CrumbLink.cjs

@@ -1,14 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),a=require("prop-types"),i=require("styled-components"),l=require("../../BaseLink/BaseLink.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=o(n),r=o(a),u=o(i),d=u.default(l.BaseLink)`
-  border-radius: ${({theme:e})=>e.borderRadius};
-  color: ${({theme:e})=>e.colors.neutral600};
-  font-size: ${({theme:e})=>e.fontSizes[1]};
-  line-height: ${({theme:e})=>e.lineHeights[4]};
-  padding: ${({theme:e})=>`${e.spaces[1]} ${e.spaces[2]}`};
-  text-decoration: none;
-
-  :hover,
-  :focus {
-    background-color: ${({theme:e})=>e.colors.neutral200};
-    color: ${({theme:e})=>e.colors.neutral700};
-  }
-`,t=({children:e,...s})=>c.default.createElement(d,{...s},e);t.displayName="CrumbLink";t.defaultProps={to:void 0};t.propTypes={children:r.default.node.isRequired,to:r.default.string};exports.CrumbLink=t;

package/dist/v2/Breadcrumbs/CrumbLink.js

@@ -1,31 +0,0 @@
-import i from "react";
-import e from "prop-types";
-import s from "styled-components";
-import { BaseLink as n } from "../../BaseLink/BaseLink.js";
-const l = s(n)`
-  border-radius: ${({ theme: o }) => o.borderRadius};
-  color: ${({ theme: o }) => o.colors.neutral600};
-  font-size: ${({ theme: o }) => o.fontSizes[1]};
-  line-height: ${({ theme: o }) => o.lineHeights[4]};
-  padding: ${({ theme: o }) => `${o.spaces[1]} ${o.spaces[2]}`};
-  text-decoration: none;
-
-  :hover,
-  :focus {
-    background-color: ${({ theme: o }) => o.colors.neutral200};
-    color: ${({ theme: o }) => o.colors.neutral700};
-  }
-`, r = ({ children: o, ...t }) => /* @__PURE__ */ i.createElement(l, {
-  ...t
-}, o);
-r.displayName = "CrumbLink";
-r.defaultProps = {
-  to: void 0
-};
-r.propTypes = {
-  children: e.node.isRequired,
-  to: e.string
-};
-export {
-  r as CrumbLink
-};

package/dist/v2/Breadcrumbs/CrumbSimpleMenu.cjs

@@ -1,8 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("prop-types"),a=require("react"),s=require("styled-components"),c=require("../../Button/Button.cjs"),d=require("../SimpleMenu/SimpleMenu.cjs"),i=require("@strapi/icons/CarretDown"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(l),o=r(a),p=r(s),f=r(i),m=p.default(c.Button)`
-  padding: ${({theme:e})=>`${e.spaces[1]} ${e.spaces[3]}`};
-
-  :hover,
-  :focus {
-    background-color: ${({theme:e})=>e.colors.neutral200};
-  }
-`,u=({children:e,...n})=>o.default.createElement(d.SimpleMenu,{noBorder:!0,icon:o.default.createElement(f.default,null),as:m,size:"S",...n},e);u.displayName="CrumbSimpleMenu";u.propTypes={"aria-label":t.default.string.isRequired,children:t.default.oneOfType([t.default.arrayOf(t.default.node),t.default.node]).isRequired};exports.CrumbSimpleMenu=u;

package/dist/v2/Breadcrumbs/CrumbSimpleMenu.js

@@ -1,28 +0,0 @@
-import r from "prop-types";
-import o from "react";
-import i from "styled-components";
-import { Button as p } from "../../Button/Button.js";
-import { SimpleMenu as m } from "../SimpleMenu/SimpleMenu.js";
-import a from "@strapi/icons/CarretDown";
-const l = i(p)`
-  padding: ${({ theme: e }) => `${e.spaces[1]} ${e.spaces[3]}`};
-
-  :hover,
-  :focus {
-    background-color: ${({ theme: e }) => e.colors.neutral200};
-  }
-`, t = ({ children: e, ...n }) => /* @__PURE__ */ o.createElement(m, {
-  noBorder: !0,
-  icon: /* @__PURE__ */ o.createElement(a, null),
-  as: l,
-  size: "S",
-  ...n
-}, e);
-t.displayName = "CrumbSimpleMenu";
-t.propTypes = {
-  "aria-label": r.string.isRequired,
-  children: r.oneOfType([r.arrayOf(r.node), r.node]).isRequired
-};
-export {
-  t as CrumbSimpleMenu
-};

package/dist/v2/Breadcrumbs/Divider.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),o=require("../../Box/Box.cjs"),i=require("../../Typography/Typography.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=d(a),r=()=>t.default.createElement(o.Box,{"aria-hidden":!0,paddingLeft:1,paddingRight:1},t.default.createElement(i.Typography,{variant:"pi",textColor:"neutral500"},"/"));r.displayName="Divider";exports.Divider=r;

package/dist/v2/Breadcrumbs/Divider.js

@@ -1,15 +0,0 @@
-import e from "react";
-import { Box as r } from "../../Box/Box.js";
-import { Typography as t } from "../../Typography/Typography.js";
-const i = () => /* @__PURE__ */ e.createElement(r, {
-  "aria-hidden": !0,
-  paddingLeft: 1,
-  paddingRight: 1
-}, /* @__PURE__ */ e.createElement(t, {
-  variant: "pi",
-  textColor: "neutral500"
-}, "/"));
-i.displayName = "Divider";
-export {
-  i as Divider
-};

package/dist/v2/Breadcrumbs/index.cjs

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

package/dist/v2/Breadcrumbs/index.js

@@ -1,10 +0,0 @@
-import { Breadcrumbs as o } from "./Breadcrumbs.js";
-import { Crumb as p } from "./Crumb.js";
-import { CrumbLink as b } from "./CrumbLink.js";
-import { CrumbSimpleMenu as t } from "./CrumbSimpleMenu.js";
-export {
-  o as Breadcrumbs,
-  p as Crumb,
-  b as CrumbLink,
-  t as CrumbSimpleMenu
-};

package/dist/v2/Link/Link.cjs

@@ -1,23 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),y=require("prop-types"),m=require("styled-components"),g=require("@strapi/icons/ExternalLink"),L=require("../../Typography/Typography.cjs"),h=require("../../Box/Box.cjs"),v=require("../../themes/utils.cjs"),k=require("../../BaseLink/BaseLink.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=n(f),a=n(y),u=n(m),x=n(g),_=u.default(k.BaseLink)`
-  display: inline-flex;
-  align-items: center;
-  text-decoration: none;
-  pointer-events: ${({disabled:e})=>e?"none":void 0};
-
-  svg path {
-    fill: ${({disabled:e,theme:r})=>e?r.colors.neutral600:r.colors.primary600};
-  }
-
-  svg {
-    font-size: ${10/16}rem;
-  }
-
-  &:hover,
-  &:active {
-    color: ${({theme:e})=>e.colors.primary800};
-  }
-
-  ${v.buttonFocusStyle};
-`,s=u.default(h.Box)`
-  display: flex;
-`,o=t.default.forwardRef(({children:e,href:r,disabled:i,startIcon:d,endIcon:l,...c},p)=>t.default.createElement(_,{ref:p,href:r,disabled:i,...c},d&&t.default.createElement(s,{as:"span","aria-hidden":!0,paddingRight:2},d),t.default.createElement(L.Typography,{textColor:i?"neutral600":"primary600"},e),l&&t.default.createElement(s,{as:"span","aria-hidden":!0,paddingLeft:2},l),r&&!l&&t.default.createElement(s,{as:"span","aria-hidden":!0,paddingLeft:2},t.default.createElement(x.default,null))));o.displayName="Link";o.defaultProps={as:void 0,href:void 0,disabled:!1,startIcon:void 0,endIcon:void 0};o.propTypes={as:a.default.elementType,children:a.default.node.isRequired,disabled:a.default.bool,endIcon:a.default.element,href:a.default.string,startIcon:a.default.element};exports.Link=o;

package/dist/v2/Link/Link.js

@@ -1,69 +0,0 @@
-import r from "react";
-import t from "prop-types";
-import s from "styled-components";
-import c from "@strapi/icons/ExternalLink";
-import { Typography as f } from "../../Typography/Typography.js";
-import { Box as y } from "../../Box/Box.js";
-import { buttonFocusStyle as u } from "../../themes/utils.js";
-import { BaseLink as v } from "../../BaseLink/BaseLink.js";
-const g = s(v)`
-  display: inline-flex;
-  align-items: center;
-  text-decoration: none;
-  pointer-events: ${({ disabled: e }) => e ? "none" : void 0};
-
-  svg path {
-    fill: ${({ disabled: e, theme: o }) => e ? o.colors.neutral600 : o.colors.primary600};
-  }
-
-  svg {
-    font-size: ${10 / 16}rem;
-  }
-
-  &:hover,
-  &:active {
-    color: ${({ theme: e }) => e.colors.primary800};
-  }
-
-  ${u};
-`, a = s(y)`
-  display: flex;
-`, i = r.forwardRef(({ children: e, href: o, disabled: l, startIcon: p, endIcon: n, ...d }, m) => /* @__PURE__ */ r.createElement(g, {
-  ref: m,
-  href: o,
-  disabled: l,
-  ...d
-}, p && /* @__PURE__ */ r.createElement(a, {
-  as: "span",
-  "aria-hidden": !0,
-  paddingRight: 2
-}, p), /* @__PURE__ */ r.createElement(f, {
-  textColor: l ? "neutral600" : "primary600"
-}, e), n && /* @__PURE__ */ r.createElement(a, {
-  as: "span",
-  "aria-hidden": !0,
-  paddingLeft: 2
-}, n), o && !n && /* @__PURE__ */ r.createElement(a, {
-  as: "span",
-  "aria-hidden": !0,
-  paddingLeft: 2
-}, /* @__PURE__ */ r.createElement(c, null))));
-i.displayName = "Link";
-i.defaultProps = {
-  as: void 0,
-  href: void 0,
-  disabled: !1,
-  startIcon: void 0,
-  endIcon: void 0
-};
-i.propTypes = {
-  as: t.elementType,
-  children: t.node.isRequired,
-  disabled: t.bool,
-  endIcon: t.element,
-  href: t.string,
-  startIcon: t.element
-};
-export {
-  i as Link
-};