@strapi/design-system 1.3.1-alpha.0 → 1.3.1

package/dist/v2/Breadcrumbs/CrumbLink.cjs

@@ -1,4 +1,4 @@
-"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)`
+"use strict";var f=Object.defineProperty;var s=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var i=(e,t,o)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,u=(e,t)=>{for(var o in t||(t={}))l.call(t,o)&&i(e,o,t[o]);if(s)for(var o of s(t))c.call(t,o)&&i(e,o,t[o]);return e};var d=(e,t)=>{var o={};for(var r in e)l.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&s)for(var r of s(e))t.indexOf(r)<0&&c.call(e,r)&&(o[r]=e[r]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react"),b=require("prop-types"),k=require("styled-components"),L=require("../../BaseLink/BaseLink.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},_=a(y),p=a(b),$=a(k),g=$.default(L.BaseLink)`
   border-radius: ${({theme:e})=>e.borderRadius};
   color: ${({theme:e})=>e.colors.neutral600};
   font-size: ${({theme:e})=>e.fontSizes[1]};
@@ -11,4 +11,4 @@
     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;
+`,n=o=>{var r=o,{children:e}=r,t=d(r,["children"]);return _.default.createElement(g,u({},t),e)};n.displayName="CrumbLink";n.defaultProps={to:void 0};n.propTypes={children:p.default.node.isRequired,to:p.default.string};exports.CrumbLink=n;

package/dist/v2/Breadcrumbs/CrumbLink.js

@@ -1,8 +1,28 @@
-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)`
+var u = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var l = Object.prototype.hasOwnProperty, a = Object.prototype.propertyIsEnumerable;
+var n = (o, r, e) => r in o ? u(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, d = (o, r) => {
+  for (var e in r || (r = {}))
+    l.call(r, e) && n(o, e, r[e]);
+  if (i)
+    for (var e of i(r))
+      a.call(r, e) && n(o, e, r[e]);
+  return o;
+};
+var c = (o, r) => {
+  var e = {};
+  for (var t in o)
+    l.call(o, t) && r.indexOf(t) < 0 && (e[t] = o[t]);
+  if (o != null && i)
+    for (var t of i(o))
+      r.indexOf(t) < 0 && a.call(o, t) && (e[t] = o[t]);
+  return e;
+};
+import m from "react";
+import p from "prop-types";
+import f from "styled-components";
+import { BaseLink as $ } from "../../BaseLink/BaseLink.js";
+const b = f($)`
   border-radius: ${({ theme: o }) => o.borderRadius};
   color: ${({ theme: o }) => o.colors.neutral600};
   font-size: ${({ theme: o }) => o.fontSizes[1]};
@@ -15,17 +35,18 @@ const l = s(n)`
     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 = {
+`, s = (e) => {
+  var t = e, { children: o } = t, r = c(t, ["children"]);
+  return /* @__PURE__ */ m.createElement(b, d({}, r), o);
+};
+s.displayName = "CrumbLink";
+s.defaultProps = {
   to: void 0
 };
-r.propTypes = {
-  children: e.node.isRequired,
-  to: e.string
+s.propTypes = {
+  children: p.node.isRequired,
+  to: p.string
 };
 export {
-  r as CrumbLink
+  s as CrumbLink
 };

package/dist/v2/Breadcrumbs/CrumbSimpleMenu.cjs

@@ -1,8 +1,8 @@
-"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)`
+"use strict";var m=Object.defineProperty;var n=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var s=(e,t,r)=>t in e?m(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,i=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&s(e,r,t[r]);if(n)for(var r of n(t))d.call(t,r)&&s(e,r,t[r]);return e};var p=(e,t)=>{var r={};for(var u in e)c.call(e,u)&&t.indexOf(u)<0&&(r[u]=e[u]);if(e!=null&&n)for(var u of n(e))t.indexOf(u)<0&&d.call(e,u)&&(r[u]=e[u]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("prop-types"),S=require("react"),_=require("styled-components"),M=require("../../Button/Button.cjs"),b=require("../SimpleMenu/SimpleMenu.cjs"),q=require("@strapi/icons/CarretDown"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=l(y),f=l(S),g=l(_),B=l(q),C=g.default(M.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;
+`,a=r=>{var u=r,{children:e}=u,t=p(u,["children"]);return f.default.createElement(b.SimpleMenu,i({noBorder:!0,icon:f.default.createElement(B.default,null),as:C,size:"S"},t),e)};a.displayName="CrumbSimpleMenu";a.propTypes={"aria-label":o.default.string.isRequired,children:o.default.oneOfType([o.default.arrayOf(o.default.node),o.default.node]).isRequired};exports.CrumbSimpleMenu=a;

package/dist/v2/Breadcrumbs/CrumbSimpleMenu.js

@@ -1,28 +1,50 @@
-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)`
+var d = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, a = Object.prototype.propertyIsEnumerable;
+var p = (e, r, o) => r in e ? d(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o, l = (e, r) => {
+  for (var o in r || (r = {}))
+    m.call(r, o) && p(e, o, r[o]);
+  if (i)
+    for (var o of i(r))
+      a.call(r, o) && p(e, o, r[o]);
+  return e;
+};
+var s = (e, r) => {
+  var o = {};
+  for (var t in e)
+    m.call(e, t) && r.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && i)
+    for (var t of i(e))
+      r.indexOf(t) < 0 && a.call(e, t) && (o[t] = e[t]);
+  return o;
+};
+import n from "prop-types";
+import u from "react";
+import f from "styled-components";
+import { Button as y } from "../../Button/Button.js";
+import { SimpleMenu as S } from "../SimpleMenu/SimpleMenu.js";
+import b from "@strapi/icons/CarretDown";
+const $ = f(y)`
   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
+`, c = (o) => {
+  var t = o, { children: e } = t, r = s(t, ["children"]);
+  return /* @__PURE__ */ u.createElement(S, l({
+    noBorder: !0,
+    icon: /* @__PURE__ */ u.createElement(b, null),
+    as: $,
+    size: "S"
+  }, r), e);
+};
+c.displayName = "CrumbSimpleMenu";
+c.propTypes = {
+  "aria-label": n.string.isRequired,
+  children: n.oneOfType([n.arrayOf(n.node), n.node]).isRequired
 };
 export {
-  t as CrumbSimpleMenu
+  c as CrumbSimpleMenu
 };

package/dist/v2/Link/Link.cjs

@@ -1,11 +1,11 @@
-"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)`
+"use strict";var k=Object.defineProperty;var l=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var p=(e,t,a)=>t in e?k(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,m=(e,t)=>{for(var a in t||(t={}))f.call(t,a)&&p(e,a,t[a]);if(l)for(var a of l(t))y.call(t,a)&&p(e,a,t[a]);return e};var g=(e,t)=>{var a={};for(var r in e)f.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&l)for(var r of l(e))t.indexOf(r)<0&&y.call(e,r)&&(a[r]=e[r]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react"),_=require("prop-types"),q=require("styled-components"),E=require("@strapi/icons/ExternalLink"),T=require("../../Typography/Typography.cjs"),B=require("../../Box/Box.cjs"),b=require("../../themes/utils.cjs"),j=require("../../BaseLink/BaseLink.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=s(x),o=s(_),L=s(q),R=s(E),$=L.default(j.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};
+    fill: ${({disabled:e,theme:t})=>e?t.colors.neutral600:t.colors.primary600};
   }
 
   svg {
@@ -17,7 +17,7 @@
     color: ${({theme:e})=>e.colors.primary800};
   }
 
-  ${v.buttonFocusStyle};
-`,s=u.default(h.Box)`
+  ${b.buttonFocusStyle};
+`,u=L.default(B.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;
+`,i=n.default.forwardRef((P,v)=>{var c=P,{children:e,href:t,disabled:a,startIcon:r,endIcon:d}=c,h=g(c,["children","href","disabled","startIcon","endIcon"]);return n.default.createElement($,m({ref:v,href:t,disabled:a},h),r&&n.default.createElement(u,{as:"span","aria-hidden":!0,paddingRight:2},r),n.default.createElement(T.Typography,{textColor:a?"neutral600":"primary600"},e),d&&n.default.createElement(u,{as:"span","aria-hidden":!0,paddingLeft:2},d),t&&!d&&n.default.createElement(u,{as:"span","aria-hidden":!0,paddingLeft:2},n.default.createElement(R.default,null)))});i.displayName="Link";i.defaultProps={as:void 0,href:void 0,disabled:!1,startIcon:void 0,endIcon:void 0};i.propTypes={as:o.default.elementType,children:o.default.node.isRequired,disabled:o.default.bool,endIcon:o.default.element,href:o.default.string,startIcon:o.default.element};exports.Link=i;

package/dist/v2/Link/Link.js

@@ -1,19 +1,39 @@
-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)`
+var x = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
+var m = (e, r, t) => r in e ? x(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, y = (e, r) => {
+  for (var t in r || (r = {}))
+    c.call(r, t) && m(e, t, r[t]);
+  if (i)
+    for (var t of i(r))
+      f.call(r, t) && m(e, t, r[t]);
+  return e;
+};
+var u = (e, r) => {
+  var t = {};
+  for (var o in e)
+    c.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && i)
+    for (var o of i(e))
+      r.indexOf(o) < 0 && f.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+import n from "react";
+import a from "prop-types";
+import v from "styled-components";
+import E from "@strapi/icons/ExternalLink";
+import { Typography as L } from "../../Typography/Typography.js";
+import { Box as k } from "../../Box/Box.js";
+import { buttonFocusStyle as $ } from "../../themes/utils.js";
+import { BaseLink as R } from "../../BaseLink/BaseLink.js";
+const T = v(R)`
   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};
+    fill: ${({ disabled: e, theme: r }) => e ? r.colors.neutral600 : r.colors.primary600};
   }
 
   svg {
@@ -25,45 +45,47 @@ const g = s(v)`
     color: ${({ theme: e }) => e.colors.primary800};
   }
 
-  ${u};
-`, a = s(y)`
+  ${$};
+`, p = v(k)`
   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 = {
+`, s = n.forwardRef((b, h) => {
+  var d = b, { children: e, href: r, disabled: t, startIcon: o, endIcon: l } = d, g = u(d, ["children", "href", "disabled", "startIcon", "endIcon"]);
+  return /* @__PURE__ */ n.createElement(T, y({
+    ref: h,
+    href: r,
+    disabled: t
+  }, g), o && /* @__PURE__ */ n.createElement(p, {
+    as: "span",
+    "aria-hidden": !0,
+    paddingRight: 2
+  }, o), /* @__PURE__ */ n.createElement(L, {
+    textColor: t ? "neutral600" : "primary600"
+  }, e), l && /* @__PURE__ */ n.createElement(p, {
+    as: "span",
+    "aria-hidden": !0,
+    paddingLeft: 2
+  }, l), r && !l && /* @__PURE__ */ n.createElement(p, {
+    as: "span",
+    "aria-hidden": !0,
+    paddingLeft: 2
+  }, /* @__PURE__ */ n.createElement(E, null)));
+});
+s.displayName = "Link";
+s.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
+s.propTypes = {
+  as: a.elementType,
+  children: a.node.isRequired,
+  disabled: a.bool,
+  endIcon: a.element,
+  href: a.string,
+  startIcon: a.element
 };
 export {
-  i as Link
+  s as Link
 };

package/dist/v2/LinkButton/LinkButton.cjs

@@ -1,28 +1,28 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react"),h=require("styled-components"),m=require("prop-types"),i=require("../../Typography/Typography.cjs"),d=require("../../Box/Box.cjs"),o=require("../../Button/utils.cjs"),f=require("../../Button/constants.cjs"),$=require("../../BaseButton/BaseButton.cjs"),p=require("../../BaseLink/BaseLink.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=s(v),T=s(h),t=s(m),k=T.default($.BaseButtonWrapper)`
-  padding: ${({theme:e,size:r})=>`${r==="S"?e.spaces[2]:"10px"} ${e.spaces[4]}`};
+"use strict";var x=Object.defineProperty,q=Object.defineProperties;var _=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable;var B=(e,t,a)=>t in e?x(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,v=(e,t)=>{for(var a in t||(t={}))b.call(t,a)&&B(e,a,t[a]);if(d)for(var a of d(t))g.call(t,a)&&B(e,a,t[a]);return e},h=(e,t)=>q(e,_(t));var m=(e,t)=>{var a={};for(var o in e)b.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(e!=null&&d)for(var o of d(e))t.indexOf(o)<0&&g.call(e,o)&&(a[o]=e[o]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react"),E=require("styled-components"),R=require("prop-types"),l=require("../../Typography/Typography.cjs"),u=require("../../Box/Box.cjs"),i=require("../../Button/utils.cjs"),$=require("../../Button/constants.cjs"),P=require("../../BaseButton/BaseButton.cjs"),T=require("../../BaseLink/BaseLink.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=c(j),I=c(E),r=c(R),N=I.default(P.BaseButtonWrapper)`
+  padding: ${({theme:e,size:t})=>`${t==="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.Box} {
+  ${u.Box} {
     display: flex;
     align-items: center;
   }
-  ${i.Typography} {
+  ${l.Typography} {
     color: ${({theme:e})=>e.colors.buttonNeutral0};
   }
   &[aria-disabled='true'] {
-    ${o.getDisabledStyle}
+    ${i.getDisabledStyle}
     &:active {
-      ${o.getDisabledStyle}
+      ${i.getDisabledStyle}
     }
   }
   &:hover {
-    ${o.getHoverStyle}
+    ${i.getHoverStyle}
   }
   &:active {
-    ${o.getActiveStyle}
+    ${i.getActiveStyle}
   }
-  ${o.getVariantStyle}
+  ${i.getVariantStyle}
 
   /**
     Link specific properties
@@ -30,4 +30,4 @@
   display: inline-flex;
   text-decoration: none;
   pointer-events: ${({disabled:e})=>e?"none":void 0};
-`,n=a.default.forwardRef(({variant:e,startIcon:r,endIcon:l,disabled:y,children:u,size:c,as:B,...b},g)=>a.default.createElement(k,{ref:g,"aria-disabled":y,size:c,variant:e,...b,as:B||p.BaseLink},r&&a.default.createElement(d.Box,{"aria-hidden":!0,paddingRight:2},r),c==="S"?a.default.createElement(i.Typography,{variant:"pi",fontWeight:"bold"},u):a.default.createElement(i.Typography,{fontWeight:"bold"},u),l&&a.default.createElement(d.Box,{"aria-hidden":!0,paddingLeft:2},l)));n.displayName="LinkButton";n.defaultProps={as:p.BaseLink,disabled:!1,startIcon:void 0,endIcon:void 0,size:"S",variant:"default",onClick:void 0,href:void 0,to:void 0};n.propTypes={as:t.default.elementType,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(f.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(f.VARIANTS)};exports.LinkButton=n;
+`,s=n.default.forwardRef((O,L)=>{var y=O,{variant:e,startIcon:t,endIcon:a,disabled:o,children:f,size:p,as:k}=y,S=m(y,["variant","startIcon","endIcon","disabled","children","size","as"]);return n.default.createElement(N,h(v({ref:L,"aria-disabled":o,size:p,variant:e},S),{as:k||T.BaseLink}),t&&n.default.createElement(u.Box,{"aria-hidden":!0,paddingRight:2},t),p==="S"?n.default.createElement(l.Typography,{variant:"pi",fontWeight:"bold"},f):n.default.createElement(l.Typography,{fontWeight:"bold"},f),a&&n.default.createElement(u.Box,{"aria-hidden":!0,paddingLeft:2},a))});s.displayName="LinkButton";s.defaultProps={as:T.BaseLink,disabled:!1,startIcon:void 0,endIcon:void 0,size:"S",variant:"default",onClick:void 0,href:void 0,to:void 0};s.propTypes={as:r.default.elementType,children:r.default.node.isRequired,disabled:r.default.bool,endIcon:r.default.element,href:e=>{if(!e.disabled&&!e.to&&!e.href)return new Error("href must be defined")},onClick:r.default.func,size:r.default.oneOf($.BUTTON_SIZES),startIcon:r.default.element,to:e=>{if(!e.disabled&&!e.href&&!e.to)return new Error("to must be defined")},variant:r.default.oneOf($.VARIANTS)};exports.LinkButton=s;

package/dist/v2/LinkButton/LinkButton.js

@@ -1,37 +1,58 @@
-import r from "react";
-import v from "styled-components";
-import t from "prop-types";
-import { Typography as i } from "../../Typography/Typography.js";
-import { Box as a } from "../../Box/Box.js";
-import { getDisabledStyle as f, getHoverStyle as y, getActiveStyle as $, getVariantStyle as g } from "../../Button/utils.js";
-import { BUTTON_SIZES as h, VARIANTS as S } from "../../Button/constants.js";
-import { BaseButtonWrapper as k } from "../../BaseButton/BaseButton.js";
-import { BaseLink as m } from "../../BaseLink/BaseLink.js";
-const E = v(k)`
-  padding: ${({ theme: e, size: o }) => `${o === "S" ? e.spaces[2] : "10px"} ${e.spaces[4]}`};
+var x = Object.defineProperty, B = Object.defineProperties;
+var T = Object.getOwnPropertyDescriptors;
+var n = Object.getOwnPropertySymbols;
+var u = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var c = (e, t, r) => t in e ? x(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, v = (e, t) => {
+  for (var r in t || (t = {}))
+    u.call(t, r) && c(e, r, t[r]);
+  if (n)
+    for (var r of n(t))
+      b.call(t, r) && c(e, r, t[r]);
+  return e;
+}, y = (e, t) => B(e, T(t));
+var $ = (e, t) => {
+  var r = {};
+  for (var o in e)
+    u.call(e, o) && t.indexOf(o) < 0 && (r[o] = e[o]);
+  if (e != null && n)
+    for (var o of n(e))
+      t.indexOf(o) < 0 && b.call(e, o) && (r[o] = e[o]);
+  return r;
+};
+import a from "react";
+import L from "styled-components";
+import i from "prop-types";
+import { Typography as d } from "../../Typography/Typography.js";
+import { Box as l } from "../../Box/Box.js";
+import { getDisabledStyle as g, getHoverStyle as R, getActiveStyle as I, getVariantStyle as N } from "../../Button/utils.js";
+import { BUTTON_SIZES as P, VARIANTS as W } from "../../Button/constants.js";
+import { BaseButtonWrapper as w } from "../../BaseButton/BaseButton.js";
+import { BaseLink as h } from "../../BaseLink/BaseLink.js";
+const A = L(w)`
+  padding: ${({ theme: e, size: t }) => `${t === "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};
-  ${a} {
+  ${l} {
     display: flex;
     align-items: center;
   }
-  ${i} {
+  ${d} {
     color: ${({ theme: e }) => e.colors.buttonNeutral0};
   }
   &[aria-disabled='true'] {
-    ${f}
+    ${g}
     &:active {
-      ${f}
+      ${g}
     }
   }
   &:hover {
-    ${y}
+    ${R}
   }
   &:active {
-    ${$}
+    ${I}
   }
-  ${g}
+  ${N}
 
   /**
     Link specific properties
@@ -39,30 +60,33 @@ const E = v(k)`
   display: inline-flex;
   text-decoration: none;
   pointer-events: ${({ disabled: e }) => e ? "none" : void 0};
-`, n = r.forwardRef(
-  ({ variant: e, startIcon: o, endIcon: d, disabled: p, children: l, size: s, as: c, ...u }, b) => /* @__PURE__ */ r.createElement(E, {
-    ref: b,
-    "aria-disabled": p,
-    size: s,
-    variant: e,
-    ...u,
-    as: c || m
-  }, o && /* @__PURE__ */ r.createElement(a, {
-    "aria-hidden": !0,
-    paddingRight: 2
-  }, o), s === "S" ? /* @__PURE__ */ r.createElement(i, {
-    variant: "pi",
-    fontWeight: "bold"
-  }, l) : /* @__PURE__ */ r.createElement(i, {
-    fontWeight: "bold"
-  }, l), d && /* @__PURE__ */ r.createElement(a, {
-    "aria-hidden": !0,
-    paddingLeft: 2
-  }, d))
+`, s = a.forwardRef(
+  (O, E) => {
+    var p = O, { variant: e, startIcon: t, endIcon: r, disabled: o, children: f, size: m, as: S } = p, k = $(p, ["variant", "startIcon", "endIcon", "disabled", "children", "size", "as"]);
+    return /* @__PURE__ */ a.createElement(A, y(v({
+      ref: E,
+      "aria-disabled": o,
+      size: m,
+      variant: e
+    }, k), {
+      as: S || h
+    }), t && /* @__PURE__ */ a.createElement(l, {
+      "aria-hidden": !0,
+      paddingRight: 2
+    }, t), m === "S" ? /* @__PURE__ */ a.createElement(d, {
+      variant: "pi",
+      fontWeight: "bold"
+    }, f) : /* @__PURE__ */ a.createElement(d, {
+      fontWeight: "bold"
+    }, f), r && /* @__PURE__ */ a.createElement(l, {
+      "aria-hidden": !0,
+      paddingLeft: 2
+    }, r));
+  }
 );
-n.displayName = "LinkButton";
-n.defaultProps = {
-  as: m,
+s.displayName = "LinkButton";
+s.defaultProps = {
+  as: h,
   disabled: !1,
   startIcon: void 0,
   endIcon: void 0,
@@ -72,24 +96,24 @@ n.defaultProps = {
   href: void 0,
   to: void 0
 };
-n.propTypes = {
-  as: t.elementType,
-  children: t.node.isRequired,
-  disabled: t.bool,
-  endIcon: t.element,
+s.propTypes = {
+  as: i.elementType,
+  children: i.node.isRequired,
+  disabled: i.bool,
+  endIcon: i.element,
   href: (e) => {
     if (!e.disabled && !e.to && !e.href)
       return new Error("href must be defined");
   },
-  onClick: t.func,
-  size: t.oneOf(h),
-  startIcon: t.element,
+  onClick: i.func,
+  size: i.oneOf(P),
+  startIcon: i.element,
   to: (e) => {
     if (!e.disabled && !e.href && !e.to)
       return new Error("to must be defined");
   },
-  variant: t.oneOf(S)
+  variant: i.oneOf(W)
 };
 export {
-  n as LinkButton
+  s as LinkButton
 };

package/dist/v2/MainNav/MainNav.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),s=require("styled-components"),i=require("prop-types"),c=require("../../Grid/Grid.cjs");require("../../Grid/GridItem.cjs");const d=require("./MainNavContext.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=t(n),l=t(s),u=t(i),p=l.default(c.Grid)`
+"use strict";var f=Object.defineProperty;var a=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var i=(e,t,r)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,l=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&i(e,r,t[r]);if(a)for(var r of a(t))d.call(t,r)&&i(e,r,t[r]);return e};var u=(e,t)=>{var r={};for(var o in e)c.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&a)for(var o of a(e))t.indexOf(o)<0&&d.call(e,o)&&(r[o]=e[o]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react"),y=require("styled-components"),_=require("prop-types"),M=require("../../Grid/Grid.cjs");require("../../Grid/GridItem.cjs");const m=require("./MainNavContext.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},p=n(v),b=n(y),g=n(_),q=b.default(M.Grid)`
   width: ${({condensed:e})=>e?"max-content":`${224/16}rem`};
   background: ${({theme:e})=>e.colors.neutral0};
   position: sticky;
@@ -6,4 +6,4 @@
   height: 100vh;
   z-index: 2;
   border-right: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,r=({condensed:e,...a})=>o.default.createElement(d.MainNavContext.Provider,{value:e},o.default.createElement(p,{as:"nav",condensed:e,...a}));r.defaultProps={condensed:!1};r.propTypes={condensed:u.default.bool};exports.MainNav=r;
+`,s=r=>{var o=r,{condensed:e}=o,t=u(o,["condensed"]);return p.default.createElement(m.MainNavContext.Provider,{value:e},p.default.createElement(q,l({as:"nav",condensed:e},t)))};s.defaultProps={condensed:!1};s.propTypes={condensed:g.default.bool};exports.MainNav=s;

package/dist/v2/MainNav/MainNav.js

@@ -1,10 +1,30 @@
-import r from "react";
-import a from "styled-components";
-import i from "prop-types";
-import { Grid as n } from "../../Grid/Grid.js";
+var c = Object.defineProperty;
+var a = Object.getOwnPropertySymbols;
+var n = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var i = (o, r, e) => r in o ? c(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, m = (o, r) => {
+  for (var e in r || (r = {}))
+    n.call(r, e) && i(o, e, r[e]);
+  if (a)
+    for (var e of a(r))
+      p.call(r, e) && i(o, e, r[e]);
+  return o;
+};
+var s = (o, r) => {
+  var e = {};
+  for (var t in o)
+    n.call(o, t) && r.indexOf(t) < 0 && (e[t] = o[t]);
+  if (o != null && a)
+    for (var t of a(o))
+      r.indexOf(t) < 0 && p.call(o, t) && (e[t] = o[t]);
+  return e;
+};
+import l from "react";
+import f from "styled-components";
+import u from "prop-types";
+import { Grid as v } from "../../Grid/Grid.js";
 import "../../Grid/GridItem.js";
-import { MainNavContext as p } from "./MainNavContext.js";
-const m = a(n)`
+import { MainNavContext as h } from "./MainNavContext.js";
+const x = f(v)`
   width: ${({ condensed: o }) => o ? "max-content" : `${224 / 16}rem`};
   background: ${({ theme: o }) => o.colors.neutral0};
   position: sticky;
@@ -12,19 +32,21 @@ const m = a(n)`
   height: 100vh;
   z-index: 2;
   border-right: 1px solid ${({ theme: o }) => o.colors.neutral150};
-`, e = ({ condensed: o, ...t }) => /* @__PURE__ */ r.createElement(p.Provider, {
-  value: o
-}, /* @__PURE__ */ r.createElement(m, {
-  as: "nav",
-  condensed: o,
-  ...t
-}));
-e.defaultProps = {
+`, d = (e) => {
+  var t = e, { condensed: o } = t, r = s(t, ["condensed"]);
+  return /* @__PURE__ */ l.createElement(h.Provider, {
+    value: o
+  }, /* @__PURE__ */ l.createElement(x, m({
+    as: "nav",
+    condensed: o
+  }, r)));
+};
+d.defaultProps = {
   condensed: !1
 };
-e.propTypes = {
-  condensed: i.bool
+d.propTypes = {
+  condensed: u.bool
 };
 export {
-  e as MainNav
+  d as MainNav
 };