@strapi/design-system 1.4.2 → 1.5.0

package/dist/v2/Breadcrumbs/Crumb.cjs

@@ -1 +1 @@
-"use strict";var g=Object.defineProperty;var a=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var n=(e,t,o)=>t in e?g(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,i=(e,t)=>{for(var o in t||(t={}))d.call(t,o)&&n(e,o,t[o]);if(a)for(var o of a(t))l.call(t,o)&&n(e,o,t[o]);return e};var s=(e,t)=>{var o={};for(var r in e)d.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&a)for(var r of a(e))t.indexOf(r)<0&&l.call(e,r)&&(o[r]=e[r]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react"),T=require("prop-types"),b=require("../../Box/Box.cjs"),h=require("../../Typography/Typography.cjs"),f=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=f(m),y=f(T),p=r=>{var u=r,{children:e,isCurrent:t}=u,o=s(u,["children","isCurrent"]);return c.default.createElement(b.Box,{paddingLeft:2,paddingRight:2,paddingTop:1,paddingBottom:1},c.default.createElement(h.Typography,i({variant:"pi",textColor:"neutral800",fontWeight:t?"bold":"normal","aria-current":t},o),e))};p.displayName="Crumb";p.defaultProps={isCurrent:!1};p.propTypes={children:y.default.node.isRequired,isCurrent:y.default.bool};exports.Crumb=p;
+"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,49 +1,27 @@
-var g = Object.defineProperty;
-var p = Object.getOwnPropertySymbols;
-var m = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
-var d = (r, e, o) => e in r ? g(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, l = (r, e) => {
-  for (var o in e || (e = {}))
-    m.call(e, o) && d(r, o, e[o]);
-  if (p)
-    for (var o of p(e))
-      n.call(e, o) && d(r, o, e[o]);
-  return r;
-};
-var f = (r, e) => {
-  var o = {};
-  for (var t in r)
-    m.call(r, t) && e.indexOf(t) < 0 && (o[t] = r[t]);
-  if (r != null && p)
-    for (var t of p(r))
-      e.indexOf(t) < 0 && n.call(r, t) && (o[t] = r[t]);
-  return o;
-};
-import s from "react";
-import u from "prop-types";
-import { Box as c } from "../../Box/Box.js";
-import { Typography as y } from "../../Typography/Typography.js";
-const a = (t) => {
-  var i = t, { children: r, isCurrent: e } = i, o = f(i, ["children", "isCurrent"]);
-  return /* @__PURE__ */ s.createElement(c, {
-    paddingLeft: 2,
-    paddingRight: 2,
-    paddingTop: 1,
-    paddingBottom: 1
-  }, /* @__PURE__ */ s.createElement(y, l({
-    variant: "pi",
-    textColor: "neutral800",
-    fontWeight: e ? "bold" : "normal",
-    "aria-current": e
-  }, o), r));
-};
-a.displayName = "Crumb";
-a.defaultProps = {
+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
 };
-a.propTypes = {
-  children: u.node.isRequired,
-  isCurrent: u.bool
+r.propTypes = {
+  children: t.node.isRequired,
+  isCurrent: t.bool
 };
 export {
-  a as Crumb
+  r as Crumb
 };

package/dist/v2/Breadcrumbs/CrumbLink.cjs

@@ -1,4 +1,4 @@
-"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)`
+"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]};
@@ -11,4 +11,4 @@
     background-color: ${({theme:e})=>e.colors.neutral200};
     color: ${({theme:e})=>e.colors.neutral700};
   }
-`,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;
+`,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,28 +1,8 @@
-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($)`
+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]};
@@ -35,18 +15,17 @@ const b = f($)`
     background-color: ${({ theme: o }) => o.colors.neutral200};
     color: ${({ theme: o }) => o.colors.neutral700};
   }
-`, 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 = {
+`, r = ({ children: o, ...t }) => /* @__PURE__ */ i.createElement(l, {
+  ...t
+}, o);
+r.displayName = "CrumbLink";
+r.defaultProps = {
   to: void 0
 };
-s.propTypes = {
-  children: p.node.isRequired,
-  to: p.string
+r.propTypes = {
+  children: e.node.isRequired,
+  to: e.string
 };
 export {
-  s as CrumbLink
+  r as CrumbLink
 };

package/dist/v2/Breadcrumbs/CrumbSimpleMenu.cjs

@@ -1,8 +1,8 @@
-"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("@strapi/icons/CarretDown"),b=require("../../Button/Button.cjs"),q=require("../SimpleMenu/SimpleMenu.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=l(y),f=l(S),g=l(_),B=l(M),C=g.default(b.Button)`
+"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("@strapi/icons/CarretDown"),d=require("../../Button/Button.cjs"),i=require("../SimpleMenu/SimpleMenu.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(l),o=r(a),p=r(s),f=r(c),m=p.default(d.Button)`
   padding: ${({theme:e})=>`${e.spaces[1]} ${e.spaces[3]}`};
 
   :hover,
   :focus {
     background-color: ${({theme:e})=>e.colors.neutral200};
   }
-`,a=r=>{var u=r,{children:e}=u,t=p(u,["children"]);return f.default.createElement(q.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;
+`,u=({children:e,...n})=>o.default.createElement(i.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,50 +1,28 @@
-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 y from "@strapi/icons/CarretDown";
-import { Button as S } from "../../Button/Button.js";
-import { SimpleMenu as b } from "../SimpleMenu/SimpleMenu.js";
-const $ = f(S)`
+import r from "prop-types";
+import o from "react";
+import i from "styled-components";
+import p from "@strapi/icons/CarretDown";
+import { Button as m } from "../../Button/Button.js";
+import { SimpleMenu as a } from "../SimpleMenu/SimpleMenu.js";
+const l = i(m)`
   padding: ${({ theme: e }) => `${e.spaces[1]} ${e.spaces[3]}`};
 
   :hover,
   :focus {
     background-color: ${({ theme: e }) => e.colors.neutral200};
   }
-`, c = (o) => {
-  var t = o, { children: e } = t, r = s(t, ["children"]);
-  return /* @__PURE__ */ u.createElement(b, l({
-    noBorder: !0,
-    icon: /* @__PURE__ */ u.createElement(y, 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
+`, t = ({ children: e, ...n }) => /* @__PURE__ */ o.createElement(a, {
+  noBorder: !0,
+  icon: /* @__PURE__ */ o.createElement(p, 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 {
-  c as CrumbSimpleMenu
+  t as CrumbSimpleMenu
 };

package/dist/v2/Link/Link.cjs

@@ -1,11 +1,11 @@
-"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)`
+"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:t})=>e?t.colors.neutral600:t.colors.primary600};
+    fill: ${({disabled:e,theme:r})=>e?r.colors.neutral600:r.colors.primary600};
   }
 
   svg {
@@ -17,7 +17,7 @@
     color: ${({theme:e})=>e.colors.primary800};
   }
 
-  ${b.buttonFocusStyle};
-`,u=L.default(B.Box)`
+  ${v.buttonFocusStyle};
+`,s=u.default(h.Box)`
   display: flex;
-`,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;
+`,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,39 +1,19 @@
-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)`
+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: r }) => e ? r.colors.neutral600 : r.colors.primary600};
+    fill: ${({ disabled: e, theme: o }) => e ? o.colors.neutral600 : o.colors.primary600};
   }
 
   svg {
@@ -45,47 +25,45 @@ const T = v(R)`
     color: ${({ theme: e }) => e.colors.primary800};
   }
 
-  ${$};
-`, p = v(k)`
+  ${u};
+`, a = s(y)`
   display: flex;
-`, 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 = {
+`, 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
 };
-s.propTypes = {
-  as: a.elementType,
-  children: a.node.isRequired,
-  disabled: a.bool,
-  endIcon: a.element,
-  href: a.string,
-  startIcon: a.element
+i.propTypes = {
+  as: t.elementType,
+  children: t.node.isRequired,
+  disabled: t.bool,
+  endIcon: t.element,
+  href: t.string,
+  startIcon: t.element
 };
 export {
-  s as Link
+  i as Link
 };

package/dist/v2/LinkButton/LinkButton.cjs

@@ -1,28 +1,28 @@
-"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]}`};
+"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]}`};
   background: ${({theme:e})=>e.colors.buttonPrimary600};
   border: 1px solid ${({theme:e})=>e.colors.buttonPrimary600};
   border-radius: ${({theme:e})=>e.borderRadius};
-  ${u.Box} {
+  ${d.Box} {
     display: flex;
     align-items: center;
   }
-  ${l.Typography} {
+  ${i.Typography} {
     color: ${({theme:e})=>e.colors.buttonNeutral0};
   }
   &[aria-disabled='true'] {
-    ${i.getDisabledStyle}
+    ${o.getDisabledStyle}
     &:active {
-      ${i.getDisabledStyle}
+      ${o.getDisabledStyle}
     }
   }
   &:hover {
-    ${i.getHoverStyle}
+    ${o.getHoverStyle}
   }
   &:active {
-    ${i.getActiveStyle}
+    ${o.getActiveStyle}
   }
-  ${i.getVariantStyle}
+  ${o.getVariantStyle}
 
   /**
     Link specific properties
@@ -30,4 +30,4 @@
   display: inline-flex;
   text-decoration: none;
   pointer-events: ${({disabled:e})=>e?"none":void 0};
-`,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;
+`,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;

package/dist/v2/LinkButton/LinkButton.js

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