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

package/dist/Layout/HeaderLayout.js

@@ -1,120 +1,102 @@
-var B = Object.defineProperty, H = Object.defineProperties;
-var T = Object.getOwnPropertyDescriptors;
-var p = Object.getOwnPropertySymbols;
-var E = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
-var h = (e, n, t) => n in e ? B(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, l = (e, n) => {
-  for (var t in n || (n = {}))
-    E.call(n, t) && h(e, t, n[t]);
-  if (p)
-    for (var t of p(n))
-      v.call(n, t) && h(e, t, n[t]);
-  return e;
-}, b = (e, n) => H(e, T(n));
-var R = (e, n) => {
-  var t = {};
-  for (var a in e)
-    E.call(e, a) && n.indexOf(a) < 0 && (t[a] = e[a]);
-  if (e != null && p)
-    for (var a of p(e))
-      n.indexOf(a) < 0 && v.call(e, a) && (t[a] = e[a]);
-  return t;
-};
-import r, { useRef as k, useState as C, useEffect as S } from "react";
-import O from "styled-components";
-import i from "prop-types";
-import { Typography as u } from "../Typography/Typography.js";
-import { Box as d } from "../Box/Box.js";
-import { Flex as s } from "../Flex/Flex.js";
-import { useElementOnScreen as A } from "../helpers/useElementOnScreen.js";
-import { useResizeObserver as P } from "../helpers/useResizeObserver.js";
-const j = () => {
-  const e = k(null), [n, t] = C(null), [a, o] = A({
+import e, { useRef as h, useState as E, useEffect as v } from "react";
+import b from "styled-components";
+import n from "prop-types";
+import { Typography as c } from "../Typography/Typography.js";
+import { Box as i } from "../Box/Box.js";
+import { Flex as l } from "../Flex/Flex.js";
+import { useElementOnScreen as R } from "../helpers/useElementOnScreen.js";
+import { useResizeObserver as w } from "../helpers/useResizeObserver.js";
+const x = () => {
+  const t = h(null), [o, a] = E(null), [r, d] = R({
     root: null,
     rootMargin: "0px",
     threshold: 0
   });
-  return P(a, () => {
-    a.current && t(a.current.getBoundingClientRect());
-  }), S(() => {
-    e.current && t(e.current.getBoundingClientRect());
-  }, [e]), {
-    containerRef: a,
-    isVisible: o,
-    baseHeaderLayoutRef: e,
-    headerSize: n
+  return w(r, () => {
+    r.current && a(r.current.getBoundingClientRect());
+  }), v(() => {
+    t.current && a(t.current.getBoundingClientRect());
+  }, [t]), {
+    containerRef: r,
+    isVisible: d,
+    baseHeaderLayoutRef: t,
+    headerSize: o
   };
-}, m = (e) => {
-  const { containerRef: n, isVisible: t, baseHeaderLayoutRef: a, headerSize: o } = j();
-  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("div", {
-    style: { height: o == null ? void 0 : o.height },
-    ref: n
-  }, t && /* @__PURE__ */ r.createElement(c, l({
-    ref: a
-  }, e))), !t && /* @__PURE__ */ r.createElement(c, b(l({}, e), {
+}, p = (t) => {
+  const { containerRef: o, isVisible: a, baseHeaderLayoutRef: r, headerSize: d } = x();
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
+    style: { height: d?.height },
+    ref: o
+  }, a && /* @__PURE__ */ e.createElement(s, {
+    ref: r,
+    ...t
+  })), !a && /* @__PURE__ */ e.createElement(s, {
+    ...t,
     sticky: !0,
-    width: o == null ? void 0 : o.width
-  })));
+    width: d?.width
+  }));
 };
-m.displayName = "HeaderLayout";
-const q = O(d)`
+p.displayName = "HeaderLayout";
+const L = b(i)`
   position: fixed;
   top: 0;
   right: 0;
-  width: ${(e) => e.width}px;
+  width: ${(t) => t.width}px;
   z-index: 4;
-  box-shadow: ${({ theme: e }) => e.shadows.tableShadow};
-`, c = r.forwardRef(
-  (z, L) => {
-    var g = z, { navigationAction: e, primaryAction: n, secondaryAction: t, subtitle: a, title: o, sticky: w, width: x } = g, f = R(g, ["navigationAction", "primaryAction", "secondaryAction", "subtitle", "title", "sticky", "width"]);
-    const y = typeof a == "string";
-    return w ? /* @__PURE__ */ r.createElement(q, {
+  box-shadow: ${({ theme: t }) => t.shadows.tableShadow};
+`, s = e.forwardRef(
+  ({ navigationAction: t, primaryAction: o, secondaryAction: a, subtitle: r, title: d, sticky: f, width: g, ...u }, y) => {
+    const m = typeof r == "string";
+    return f ? /* @__PURE__ */ e.createElement(L, {
       paddingLeft: 6,
       paddingRight: 6,
       paddingTop: 3,
       paddingBottom: 3,
       background: "neutral0",
-      width: x,
+      width: g,
       "data-strapi-header-sticky": !0
-    }, /* @__PURE__ */ r.createElement(s, {
+    }, /* @__PURE__ */ e.createElement(l, {
       justifyContent: "space-between"
-    }, /* @__PURE__ */ r.createElement(s, null, e && /* @__PURE__ */ r.createElement(d, {
+    }, /* @__PURE__ */ e.createElement(l, null, t && /* @__PURE__ */ e.createElement(i, {
       paddingRight: 3
-    }, e), /* @__PURE__ */ r.createElement(d, null, /* @__PURE__ */ r.createElement(u, l({
+    }, t), /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(c, {
       variant: "beta",
-      as: "h1"
-    }, f), o), y ? /* @__PURE__ */ r.createElement(u, {
+      as: "h1",
+      ...u
+    }, d), m ? /* @__PURE__ */ e.createElement(c, {
       variant: "pi",
       textColor: "neutral600"
-    }, a) : a), t ? /* @__PURE__ */ r.createElement(d, {
+    }, r) : r), a ? /* @__PURE__ */ e.createElement(i, {
       paddingLeft: 4
-    }, t) : null), /* @__PURE__ */ r.createElement(s, null, n ? /* @__PURE__ */ r.createElement(d, {
+    }, a) : null), /* @__PURE__ */ e.createElement(l, null, o ? /* @__PURE__ */ e.createElement(i, {
       paddingLeft: 2
-    }, n) : void 0))) : /* @__PURE__ */ r.createElement(d, {
-      ref: L,
+    }, o) : void 0))) : /* @__PURE__ */ e.createElement(i, {
+      ref: y,
       paddingLeft: 10,
       paddingRight: 10,
       paddingBottom: 8,
-      paddingTop: e ? 6 : 8,
+      paddingTop: t ? 6 : 8,
       background: "neutral100",
       "data-strapi-header": !0
-    }, e ? /* @__PURE__ */ r.createElement(d, {
+    }, t ? /* @__PURE__ */ e.createElement(i, {
       paddingBottom: 2
-    }, e) : null, /* @__PURE__ */ r.createElement(s, {
+    }, t) : null, /* @__PURE__ */ e.createElement(l, {
       justifyContent: "space-between"
-    }, /* @__PURE__ */ r.createElement(s, null, /* @__PURE__ */ r.createElement(u, l({
+    }, /* @__PURE__ */ e.createElement(l, null, /* @__PURE__ */ e.createElement(c, {
       as: "h1",
-      variant: "alpha"
-    }, f), o), t ? /* @__PURE__ */ r.createElement(d, {
+      variant: "alpha",
+      ...u
+    }, d), a ? /* @__PURE__ */ e.createElement(i, {
       paddingLeft: 4
-    }, t) : null), n), y ? /* @__PURE__ */ r.createElement(u, {
+    }, a) : null), o), m ? /* @__PURE__ */ e.createElement(c, {
       variant: "epsilon",
       textColor: "neutral600",
       as: "p"
-    }, a) : a);
+    }, r) : r);
   }
 );
-c.displayName = "BaseHeaderLayout";
-c.defaultProps = {
+s.displayName = "BaseHeaderLayout";
+s.defaultProps = {
   navigationAction: void 0,
   primaryAction: void 0,
   secondaryAction: void 0,
@@ -122,29 +104,29 @@ c.defaultProps = {
   sticky: !1,
   width: void 0
 };
-c.propTypes = {
-  navigationAction: i.node,
-  primaryAction: i.node,
-  secondaryAction: i.node,
-  sticky: i.bool,
-  subtitle: i.oneOfType([i.string, i.node]),
-  title: i.string.isRequired,
-  width: i.number
+s.propTypes = {
+  navigationAction: n.node,
+  primaryAction: n.node,
+  secondaryAction: n.node,
+  sticky: n.bool,
+  subtitle: n.oneOfType([n.string, n.node]),
+  title: n.string.isRequired,
+  width: n.number
 };
-m.defaultProps = {
+p.defaultProps = {
   navigationAction: void 0,
   primaryAction: void 0,
   secondaryAction: void 0,
   subtitle: void 0
 };
-m.propTypes = {
-  navigationAction: i.node,
-  primaryAction: i.node,
-  secondaryAction: i.node,
-  subtitle: i.oneOfType([i.string, i.node]),
-  title: i.string.isRequired
+p.propTypes = {
+  navigationAction: n.node,
+  primaryAction: n.node,
+  secondaryAction: n.node,
+  subtitle: n.oneOfType([n.string, n.node]),
+  title: n.string.isRequired
 };
 export {
-  c as BaseHeaderLayout,
-  m as HeaderLayout
+  s as BaseHeaderLayout,
+  p as HeaderLayout
 };

package/dist/Link/Link.cjs

@@ -1,9 +1,9 @@
-"use strict";var q=Object.defineProperty;var a=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var p=(e,t,r)=>t in e?q(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,v=(e,t)=>{for(var r in t||(t={}))y.call(t,r)&&p(e,r,t[r]);if(a)for(var r of a(t))m.call(t,r)&&p(e,r,t[r]);return e};var g=(e,t)=>{var r={};for(var o in e)y.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&&m.call(e,o)&&(r[o]=e[o]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("react"),T=require("prop-types"),$=require("styled-components"),R=require("@strapi/icons/ExternalLink"),j=require("react-router-dom"),_=require("../Typography/Typography.cjs"),B=require("../Box/Box.cjs"),P=require("../themes/utils.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=i(h),l=i(T),E=i($),w=i(R),I=E.default.a`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),h=require("prop-types"),_=require("styled-components"),E=require("@strapi/icons/ExternalLink"),L=require("react-router-dom"),c=require("../Typography/Typography.cjs"),x=require("../Box/Box.cjs"),b=require("../themes/utils.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=a(u),n=a(h),f=a(_),k=a(E),q=f.default.a`
   display: inline-flex;
   align-items: center;
   text-decoration: none;
   pointer-events: ${({disabled:e})=>e?"none":void 0};
-  color: ${({disabled:e,theme:t})=>e?t.colors.neutral600:t.colors.primary600};
+  color: ${({disabled:e,theme:r})=>e?r.colors.neutral600:r.colors.primary600};
 
   svg path {
     transition: fill 150ms ease-out;
@@ -14,7 +14,7 @@
     font-size: ${10/16}rem;
   }
 
-  ${_.Typography} {
+  ${c.Typography} {
     transition: color 150ms ease-out;
     color: currentColor;
   }
@@ -27,7 +27,7 @@
     color: ${({theme:e})=>e.colors.primary700};
   }
 
-  ${P.buttonFocusStyle};
-`,d=E.default(B.Box)`
+  ${b.buttonFocusStyle};
+`,i=f.default(x.Box)`
   display: flex;
-`,s=h.forwardRef((S,x)=>{var f=S,{href:e,to:t,children:r,disabled:o,startIcon:u,endIcon:c}=f,L=g(f,["href","to","children","disabled","startIcon","endIcon"]);const b=e?"_blank":void 0,k=e?"noreferrer noopener":void 0;return n.default.createElement(I,v({as:t&&!o?j.NavLink:"a",target:b,rel:k,to:o?void 0:t,href:o?"#":e,disabled:o,ref:x},L),u&&n.default.createElement(d,{as:"span","aria-hidden":!0,paddingRight:2},u),n.default.createElement(_.Typography,null,r),c&&!e&&n.default.createElement(d,{as:"span","aria-hidden":!0,paddingLeft:2},c),e&&n.default.createElement(d,{as:"span","aria-hidden":!0,paddingLeft:2},n.default.createElement(w.default,null)))});s.displayName="Link";s.defaultProps={endIcon:void 0,href:void 0,to:void 0,disabled:!1,startIcon:void 0};s.propTypes={children:l.default.node.isRequired,disabled:l.default.bool,endIcon:l.default.element,href(e){if(!e.disabled&&!e.to&&!e.href)return new Error("href must be defined")},startIcon:l.default.element,to(e){if(!e.disabled&&!e.href&&!e.to)return new Error("to must be defined")}};exports.Link=s;
+`,l=u.forwardRef(({href:e,to:r,children:p,disabled:o,startIcon:s,endIcon:d,...y},m)=>{const v=e?"_blank":void 0,g=e?"noreferrer noopener":void 0;return t.default.createElement(q,{as:r&&!o?L.NavLink:"a",target:v,rel:g,to:o?void 0:r,href:o?"#":e,disabled:o,ref:m,...y},s&&t.default.createElement(i,{as:"span","aria-hidden":!0,paddingRight:2},s),t.default.createElement(c.Typography,null,p),d&&!e&&t.default.createElement(i,{as:"span","aria-hidden":!0,paddingLeft:2},d),e&&t.default.createElement(i,{as:"span","aria-hidden":!0,paddingLeft:2},t.default.createElement(k.default,null)))});l.displayName="Link";l.defaultProps={endIcon:void 0,href:void 0,to:void 0,disabled:!1,startIcon:void 0};l.propTypes={children:n.default.node.isRequired,disabled:n.default.bool,endIcon:n.default.element,href(e){if(!e.disabled&&!e.to&&!e.href)return new Error("href must be defined")},startIcon:n.default.element,to(e){if(!e.disabled&&!e.href&&!e.to)return new Error("to must be defined")}};exports.Link=l;

package/dist/Link/Link.js

@@ -1,37 +1,17 @@
-var k = Object.defineProperty;
-var i = Object.getOwnPropertySymbols;
-var f = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
-var p = (e, r, o) => r in e ? k(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o, v = (e, r) => {
-  for (var o in r || (r = {}))
-    f.call(r, o) && p(e, o, r[o]);
-  if (i)
-    for (var o of i(r))
-      u.call(r, o) && p(e, o, r[o]);
-  return e;
-};
-var y = (e, r) => {
-  var o = {};
-  for (var t in e)
-    f.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 && u.call(e, t) && (o[t] = e[t]);
-  return o;
-};
-import n, { forwardRef as x } from "react";
-import a from "prop-types";
-import g from "styled-components";
-import R from "@strapi/icons/ExternalLink";
-import { NavLink as w } from "react-router-dom";
-import { Typography as h } from "../Typography/Typography.js";
-import { Box as I } from "../Box/Box.js";
-import { buttonFocusStyle as T } from "../themes/utils.js";
-const _ = g.a`
+import r, { forwardRef as y } from "react";
+import n from "prop-types";
+import s from "styled-components";
+import g from "@strapi/icons/ExternalLink";
+import { NavLink as h } from "react-router-dom";
+import { Typography as m } from "../Typography/Typography.js";
+import { Box as E } from "../Box/Box.js";
+import { buttonFocusStyle as L } from "../themes/utils.js";
+const $ = s.a`
   display: inline-flex;
   align-items: center;
   text-decoration: none;
   pointer-events: ${({ disabled: e }) => e ? "none" : void 0};
-  color: ${({ disabled: e, theme: r }) => e ? r.colors.neutral600 : r.colors.primary600};
+  color: ${({ disabled: e, theme: o }) => e ? o.colors.neutral600 : o.colors.primary600};
 
   svg path {
     transition: fill 150ms ease-out;
@@ -42,7 +22,7 @@ const _ = g.a`
     font-size: ${10 / 16}rem;
   }
 
-  ${h} {
+  ${m} {
     transition: color 150ms ease-out;
     color: currentColor;
   }
@@ -55,56 +35,56 @@ const _ = g.a`
     color: ${({ theme: e }) => e.colors.primary700};
   }
 
-  ${T};
-`, l = g(I)`
+  ${L};
+`, i = s(E)`
   display: flex;
-`, d = x((C, L) => {
-  var c = C, { href: e, to: r, children: o, disabled: t, startIcon: s, endIcon: m } = c, E = y(c, ["href", "to", "children", "disabled", "startIcon", "endIcon"]);
-  const $ = e ? "_blank" : void 0, b = e ? "noreferrer noopener" : void 0;
-  return /* @__PURE__ */ n.createElement(_, v({
-    as: r && !t ? w : "a",
-    target: $,
-    rel: b,
-    to: t ? void 0 : r,
+`, a = y(({ href: e, to: o, children: c, disabled: t, startIcon: l, endIcon: d, ...p }, f) => {
+  const u = e ? "_blank" : void 0, v = e ? "noreferrer noopener" : void 0;
+  return /* @__PURE__ */ r.createElement($, {
+    as: o && !t ? h : "a",
+    target: u,
+    rel: v,
+    to: t ? void 0 : o,
     href: t ? "#" : e,
     disabled: t,
-    ref: L
-  }, E), s && /* @__PURE__ */ n.createElement(l, {
+    ref: f,
+    ...p
+  }, l && /* @__PURE__ */ r.createElement(i, {
     as: "span",
     "aria-hidden": !0,
     paddingRight: 2
-  }, s), /* @__PURE__ */ n.createElement(h, null, o), m && !e && /* @__PURE__ */ n.createElement(l, {
+  }, l), /* @__PURE__ */ r.createElement(m, null, c), d && !e && /* @__PURE__ */ r.createElement(i, {
     as: "span",
     "aria-hidden": !0,
     paddingLeft: 2
-  }, m), e && /* @__PURE__ */ n.createElement(l, {
+  }, d), e && /* @__PURE__ */ r.createElement(i, {
     as: "span",
     "aria-hidden": !0,
     paddingLeft: 2
-  }, /* @__PURE__ */ n.createElement(R, null)));
+  }, /* @__PURE__ */ r.createElement(g, null)));
 });
-d.displayName = "Link";
-d.defaultProps = {
+a.displayName = "Link";
+a.defaultProps = {
   endIcon: void 0,
   href: void 0,
   to: void 0,
   disabled: !1,
   startIcon: void 0
 };
-d.propTypes = {
-  children: a.node.isRequired,
-  disabled: a.bool,
-  endIcon: a.element,
+a.propTypes = {
+  children: n.node.isRequired,
+  disabled: n.bool,
+  endIcon: n.element,
   href(e) {
     if (!e.disabled && !e.to && !e.href)
       return new Error("href must be defined");
   },
-  startIcon: a.element,
+  startIcon: n.element,
   to(e) {
     if (!e.disabled && !e.href && !e.to)
       return new Error("to must be defined");
   }
 };
 export {
-  d as Link
+  a as Link
 };

package/dist/LinkButton/LinkButton.cjs

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

package/dist/LinkButton/LinkButton.js

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