@strapi/design-system 1.5.0 → 1.6.0

package/dist/Avatar/Avatar.js

@@ -1,86 +1,87 @@
-import i, { useState as m } from "react";
-import a from "styled-components";
-import r from "prop-types";
-import { avatarSize as t, previewSize as l } from "./constants.js";
-import { Typography as u } from "../Typography/Typography.js";
-import { Flex as g } from "../Flex/Flex.js";
-const h = a.img`
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { useState as d } from "react";
+import o from "styled-components";
+import { Typography as c } from "../Typography/Typography.js";
+import { Flex as h } from "../Flex/Flex.js";
+import { avatarSize as e, previewSize as s } from "./constants.js";
+const m = o.img`
   border-radius: 50%;
   object-fit: cover;
   display: block;
   position: relative;
-`, f = a.div`
+`, u = o.div`
   position: relative;
-  width: ${t / 16}rem;
-  height: ${t / 16}rem;
-  z-index: ${({ hovering: e }) => e ? 1 : void 0};
-`, v = a.img`
+  width: ${e / 16}rem;
+  height: ${e / 16}rem;
+  z-index: ${({
+  hovering: t
+}) => t ? 1 : void 0};
+`, f = o.img`
   border-radius: 50%;
   object-fit: cover;
   position: absolute;
-  transform: translate(-${(l - t) / 2}px, -100%);
-  margin-top: -${({ theme: e }) => e.spaces[1]};
-`, b = a.div`
+  transform: translate(-${(s - e) / 2}px, -100%);
+  margin-top: -${({
+  theme: t
+}) => t.spaces[1]};
+`, g = o.div`
   z-index: 1;
   border-radius: 30%;
   position: absolute;
-  width: ${t / 16}rem;
-  height: ${t / 16}rem;
-  background: ${({ theme: e }) => e.colors.neutral0};
+  width: ${e / 16}rem;
+  height: ${e / 16}rem;
+  background: ${({
+  theme: t
+}) => t.colors.neutral0};
   opacity: 0.4;
-`, d = ({ src: e, alt: n, preview: o }) => {
-  const [s, p] = m(!1);
-  return /* @__PURE__ */ i.createElement("span", null, o && s ? /* @__PURE__ */ i.createElement(v, {
-    "aria-hidden": !0,
-    alt: "",
-    width: `${l}px`,
-    height: `${l}px`,
-    src: o === !0 ? e : o
-  }) : null, /* @__PURE__ */ i.createElement(f, {
-    hovering: o && s,
-    onMouseEnter: () => p(!0),
-    onMouseLeave: () => p(!1)
-  }, o && s ? /* @__PURE__ */ i.createElement(b, null) : null, /* @__PURE__ */ i.createElement(h, {
-    src: e,
-    alt: n,
-    width: `${t}px`,
-    height: `${t}px`
-  })));
-}, x = a(g)`
+`, z = ({
+  src: t,
+  alt: n,
+  preview: r
+}) => {
+  const [a, l] = d(!1);
+  return p("span", {
+    children: [r && a ? i(f, {
+      "aria-hidden": !0,
+      alt: "",
+      width: `${s}px`,
+      height: `${s}px`,
+      src: r === !0 ? t : r
+    }) : null, p(u, {
+      hovering: Boolean(r && a),
+      onMouseEnter: () => l(!0),
+      onMouseLeave: () => l(!1),
+      children: [r && a ? i(g, {}) : null, i(m, {
+        src: t,
+        alt: n,
+        width: `${e}px`,
+        height: `${e}px`
+      })]
+    })]
+  });
+}, b = o(h)`
   span {
     line-height: 0;
   }
-`, c = ({ children: e, background: n, textColor: o }) => /* @__PURE__ */ i.createElement(x, {
+`, I = ({
+  children: t,
+  background: n = "primary600",
+  textColor: r = "buttonNeutral0"
+}) => i(b, {
   background: n,
   borderRadius: "50%",
-  width: `${t}px`,
-  height: `${t}px`,
-  justifyContent: "center"
-}, /* @__PURE__ */ i.createElement(u, {
-  fontSize: 0,
-  fontWeight: "bold",
-  textColor: o,
-  textTransform: "uppercase"
-}, e));
-c.defaultProps = {
-  background: "primary600",
-  textColor: "buttonNeutral0"
-};
-c.propTypes = {
-  background: r.string,
-  children: r.node.isRequired,
-  textColor: r.string
-};
-d.defaultProps = {
-  alt: void 0,
-  preview: void 0
-};
-d.propTypes = {
-  alt: r.string,
-  preview: r.oneOfType([r.string, r.bool]),
-  src: r.string.isRequired
-};
+  width: `${e}px`,
+  height: `${e}px`,
+  justifyContent: "center",
+  children: i(c, {
+    fontSize: 0,
+    fontWeight: "bold",
+    textColor: r,
+    textTransform: "uppercase",
+    children: t
+  })
+});
 export {
-  d as Avatar,
-  c as Initials
+  z as Avatar,
+  I as Initials
 };

package/dist/Avatar/constants.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=26,t=64;exports.avatarSize=e;exports.previewSize=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=32,t=64;exports.avatarSize=e;exports.previewSize=t;

package/dist/Avatar/constants.js

@@ -1,4 +1,4 @@
-const e = 26, t = 64;
+const e = 32, t = 64;
 export {
   e as avatarSize,
   t as previewSize

package/dist/Badge/Badge.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react"),f=require("prop-types"),g=require("styled-components"),y=require("../Flex/Flex.cjs"),b=require("../Typography/Typography.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=a(p),t=a(f),m=a(g),h=m.default(y.Flex)`
-  border-radius: ${({theme:e,size:r})=>r==="S"?"2px":e.borderRadius};
-  height: ${({size:e,theme:r})=>r.sizes.badge[e]};
-`,o=({active:e,size:r,textColor:d,backgroundColor:u,children:s,minWidth:i,...c})=>{const n=r==="S"?1:2;return l.default.createElement(h,{inline:!0,alignItem:"center",justifyContent:"center",minWidth:i,paddingLeft:n,paddingRight:n,background:e?"primary200":u,size:r,...c},l.default.createElement(b.Typography,{variant:"sigma",textColor:e?"primary600":d},s))};o.defaultProps={active:!1,backgroundColor:"neutral150",minWidth:5,size:"M",textColor:"neutral600"};o.propTypes={active:t.default.bool,backgroundColor:t.default.string,children:t.default.oneOfType([t.default.number,t.default.string]).isRequired,minWidth:t.default.number,size:t.default.oneOf(["S","M"]),textColor:t.default.string};exports.Badge=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),l=require("styled-components"),u=require("../Flex/Flex.cjs"),c=require("../Typography/Typography.cjs"),g=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},p=g(l),y=p.default(u.Flex)`
+  border-radius: ${({theme:e,size:t})=>t==="S"?"2px":e.borderRadius};
+  height: ${({size:e,theme:t})=>t.sizes.badge[e]};
+`,f=({active:e=!1,size:t="M",textColor:a="neutral600",backgroundColor:i="neutral150",children:s,minWidth:o=5,...d})=>{const r=t==="S"?1:2;return n.jsx(y,{inline:!0,alignItem:"center",justifyContent:"center",minWidth:o,paddingLeft:r,paddingRight:r,background:e?"primary200":i,size:t,...d,children:n.jsx(c.Typography,{variant:"sigma",textColor:e?"primary600":a,children:s})})};exports.Badge=f;

package/dist/Badge/Badge.js

@@ -1,43 +1,43 @@
-import i from "react";
-import e from "prop-types";
-import l from "styled-components";
-import { Flex as g } from "../Flex/Flex.js";
-import { Typography as u } from "../Typography/Typography.js";
-const c = l(g)`
-  border-radius: ${({ theme: r, size: t }) => t === "S" ? "2px" : r.borderRadius};
-  height: ${({ size: r, theme: t }) => t.sizes.badge[r]};
-`, n = ({ active: r, size: t, textColor: a, backgroundColor: d, children: p, minWidth: m, ...s }) => {
-  const o = t === "S" ? 1 : 2;
-  return /* @__PURE__ */ i.createElement(c, {
+import { jsx as i } from "react/jsx-runtime";
+import p from "styled-components";
+import { Flex as s } from "../Flex/Flex.js";
+import { Typography as g } from "../Typography/Typography.js";
+const l = p(s)`
+  border-radius: ${({
+  theme: r,
+  size: e
+}) => e === "S" ? "2px" : r.borderRadius};
+  height: ${({
+  size: r,
+  theme: e
+}) => e.sizes.badge[r]};
+`, y = ({
+  active: r = !1,
+  size: e = "M",
+  textColor: n = "neutral600",
+  backgroundColor: o = "neutral150",
+  children: a,
+  minWidth: d = 5,
+  ...m
+}) => {
+  const t = e === "S" ? 1 : 2;
+  return i(l, {
     inline: !0,
     alignItem: "center",
     justifyContent: "center",
-    minWidth: m,
-    paddingLeft: o,
-    paddingRight: o,
-    background: r ? "primary200" : d,
-    size: t,
-    ...s
-  }, /* @__PURE__ */ i.createElement(u, {
-    variant: "sigma",
-    textColor: r ? "primary600" : a
-  }, p));
-};
-n.defaultProps = {
-  active: !1,
-  backgroundColor: "neutral150",
-  minWidth: 5,
-  size: "M",
-  textColor: "neutral600"
-};
-n.propTypes = {
-  active: e.bool,
-  backgroundColor: e.string,
-  children: e.oneOfType([e.number, e.string]).isRequired,
-  minWidth: e.number,
-  size: e.oneOf(["S", "M"]),
-  textColor: e.string
+    minWidth: d,
+    paddingLeft: t,
+    paddingRight: t,
+    background: r ? "primary200" : o,
+    size: e,
+    ...m,
+    children: i(g, {
+      variant: "sigma",
+      textColor: r ? "primary600" : n,
+      children: a
+    })
+  });
 };
 export {
-  n as Badge
+  y as Badge
 };

package/dist/BaseButton/BaseButton.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),i=require("prop-types"),c=require("styled-components"),p=require("../themes/utils.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=s(n),r=s(i),f=s(c),a=f.default.button`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),l=require("react"),d=require("styled-components"),i=require("../themes/utils.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=t(l),p=t(d),s=p.default.button`
   display: flex;
   cursor: pointer;
   padding: ${({theme:e})=>e.spaces[2]};
@@ -19,5 +19,5 @@
     pointer-events: none;
   }
 
-  ${p.buttonFocusStyle}
-`,t=o.default.forwardRef(({disabled:e,children:u,...l},d)=>o.default.createElement(a,{ref:d,"aria-disabled":e,type:"button",disabled:e,...l},u));t.displayName="BaseButton";t.defaultProps={disabled:!1};t.propTypes={children:r.default.node.isRequired,disabled:r.default.bool};exports.BaseButton=t;exports.BaseButtonWrapper=a;
+  ${i.buttonFocusStyle}
+`,r=c.default.forwardRef(({disabled:e,children:o,...a},u)=>n.jsx(s,{ref:u,"aria-disabled":e,type:"button",disabled:e,...a,children:o}));r.displayName="BaseButton";exports.BaseButton=r;exports.BaseButtonWrapper=s;

package/dist/BaseButton/BaseButton.js

@@ -1,22 +1,36 @@
-import o from "react";
-import t from "prop-types";
-import p from "styled-components";
+import { jsx as s } from "react/jsx-runtime";
+import a from "react";
+import d from "styled-components";
 import { buttonFocusStyle as i } from "../themes/utils.js";
-const l = p.button`
+const n = d.button`
   display: flex;
   cursor: pointer;
-  padding: ${({ theme: e }) => e.spaces[2]};
-  border-radius: ${({ theme: e }) => e.borderRadius};
-  background: ${({ theme: e }) => e.colors.neutral0};
-  border: 1px solid ${({ theme: e }) => e.colors.neutral200};
+  padding: ${({
+  theme: r
+}) => r.spaces[2]};
+  border-radius: ${({
+  theme: r
+}) => r.borderRadius};
+  background: ${({
+  theme: r
+}) => r.colors.neutral0};
+  border: 1px solid ${({
+  theme: r
+}) => r.colors.neutral200};
   svg {
-    height: ${({ theme: e }) => e.spaces[3]};
-    width: ${({ theme: e }) => e.spaces[3]};
+    height: ${({
+  theme: r
+}) => r.spaces[3]};
+    width: ${({
+  theme: r
+}) => r.spaces[3]};
   }
   svg {
     > g,
     path {
-      fill: ${({ theme: e }) => e.colors.neutral0};
+      fill: ${({
+  theme: r
+}) => r.colors.neutral0};
     }
   }
   &[aria-disabled='true'] {
@@ -24,22 +38,20 @@ const l = p.button`
   }
 
   ${i}
-`, r = o.forwardRef(({ disabled: e, children: s, ...a }, d) => /* @__PURE__ */ o.createElement(l, {
-  ref: d,
-  "aria-disabled": e,
+`, l = a.forwardRef(({
+  disabled: r,
+  children: t,
+  ...e
+}, o) => s(n, {
+  ref: o,
+  "aria-disabled": r,
   type: "button",
-  disabled: e,
-  ...a
-}, s));
-r.displayName = "BaseButton";
-r.defaultProps = {
-  disabled: !1
-};
-r.propTypes = {
-  children: t.node.isRequired,
-  disabled: t.bool
-};
+  disabled: r,
+  ...e,
+  children: t
+}));
+l.displayName = "BaseButton";
 export {
-  r as BaseButton,
-  l as BaseButtonWrapper
+  l as BaseButton,
+  n as BaseButtonWrapper
 };

package/dist/BaseCheckbox/BaseCheckbox.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),f=require("prop-types"),k=require("styled-components"),h=require("../Box/Box.cjs"),n=require("./utils.cjs"),g=require("./assets/checkmark.cjs"),m=require("./assets/checkmark-black.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=c(a),r=c(f),x=c(k),y=x.default.input`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),a=require("react"),b=require("styled-components"),p=require("../Box/Box.cjs"),s=require("./utils.cjs"),k=require("./assets/checkmark.cjs"),h=require("./assets/checkmark-black.cjs"),f=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},x=f(b),g=x.default.input`
+  height: ${s.getCheckboxSize};
+  min-width: ${s.getCheckboxSize};
   margin: 0;
-  height: ${n.getCheckboxSize};
-  min-width: ${n.getCheckboxSize};
   border-radius: ${({theme:e})=>e.borderRadius};
   border: 1px solid ${({theme:e})=>e.colors.neutral300};
   -webkit-appearance: none;
@@ -16,7 +16,7 @@
       content: '';
       display: block;
       position: relative;
-      background: url(${g}) no-repeat no-repeat center center;
+      background: url(${k}) no-repeat no-repeat center center;
       width: 10px;
       height: 10px;
       left: 50%;
@@ -25,7 +25,7 @@
     }
 
     &:disabled:after {
-      background: url(${m}) no-repeat no-repeat center center;
+      background: url(${h}) no-repeat no-repeat center center;
     }
   }
 
@@ -59,4 +59,4 @@
       }
     }
   }
-`,t=({indeterminate:e,size:u,name:i,value:l,onValueChange:d,...p})=>{const o=a.useRef();a.useEffect(()=>{o.current&&e?o.current.indeterminate=e:o.current.indeterminate=!1},[e]);const b=()=>{d(!l)};return s.default.createElement(h.Box,null,s.default.createElement(y,{size:u,checked:l,onChange:b,type:"checkbox",ref:o,name:i,...p}))};t.displayName="BaseCheckbox";t.defaultProps={indeterminate:!1,name:null,onValueChange(){},size:"M",value:!1};t.propTypes={indeterminate:r.default.bool,name:r.default.string,onValueChange:r.default.func,size:r.default.oneOf(["M","L"]),value:r.default.bool};exports.BaseCheckbox=t;
+`,n=({indeterminate:e=!1,size:l="M",name:i,value:o=!1,onValueChange:t,...u})=>{const r=a.useRef(null);a.useEffect(()=>{r.current&&e?r.current.indeterminate=e:r.current.indeterminate=!1},[e]);const d=()=>{t&&t(!o)};return c.jsx(p.Box,{children:c.jsx(g,{size:l,checked:o,onChange:d,type:"checkbox",ref:r,name:i,...u})})};n.displayName="BaseCheckbox";exports.BaseCheckbox=n;

package/dist/BaseCheckbox/BaseCheckbox.js

@@ -1,29 +1,39 @@
-import n, { useRef as u, useEffect as m } from "react";
-import r from "prop-types";
-import b from "styled-components";
-import { Box as f } from "../Box/Box.js";
-import { getCheckboxSize as l } from "./utils.js";
-import h from "./assets/checkmark.js";
-import k from "./assets/checkmark-black.js";
-const g = b.input`
+import { jsx as a } from "react/jsx-runtime";
+import { useRef as s, useEffect as d } from "react";
+import p from "styled-components";
+import { Box as u } from "../Box/Box.js";
+import { getCheckboxSize as c } from "./utils.js";
+import b from "./assets/checkmark.js";
+import m from "./assets/checkmark-black.js";
+const f = p.input`
+  height: ${c};
+  min-width: ${c};
   margin: 0;
-  height: ${l};
-  min-width: ${l};
-  border-radius: ${({ theme: e }) => e.borderRadius};
-  border: 1px solid ${({ theme: e }) => e.colors.neutral300};
+  border-radius: ${({
+  theme: r
+}) => r.borderRadius};
+  border: 1px solid ${({
+  theme: r
+}) => r.colors.neutral300};
   -webkit-appearance: none;
-  background-color: ${({ theme: e }) => e.colors.neutral0};
+  background-color: ${({
+  theme: r
+}) => r.colors.neutral0};
   cursor: pointer;
 
   &:checked {
-    background-color: ${({ theme: e }) => e.colors.primary600};
-    border: 1px solid ${({ theme: e }) => e.colors.primary600};
+    background-color: ${({
+  theme: r
+}) => r.colors.primary600};
+    border: 1px solid ${({
+  theme: r
+}) => r.colors.primary600};
 
     &:after {
       content: '';
       display: block;
       position: relative;
-      background: url(${h}) no-repeat no-repeat center center;
+      background: url(${b}) no-repeat no-repeat center center;
       width: 10px;
       height: 10px;
       left: 50%;
@@ -32,18 +42,26 @@ const g = b.input`
     }
 
     &:disabled:after {
-      background: url(${k}) no-repeat no-repeat center center;
+      background: url(${m}) no-repeat no-repeat center center;
     }
   }
 
   &:disabled {
-    background-color: ${({ theme: e }) => e.colors.neutral200};
-    border: 1px solid ${({ theme: e }) => e.colors.neutral300};
+    background-color: ${({
+  theme: r
+}) => r.colors.neutral200};
+    border: 1px solid ${({
+  theme: r
+}) => r.colors.neutral300};
   }
 
   &:indeterminate {
-    background-color: ${({ theme: e }) => e.colors.primary600};
-    border: 1px solid ${({ theme: e }) => e.colors.primary600};
+    background-color: ${({
+  theme: r
+}) => r.colors.primary600};
+    border: 1px solid ${({
+  theme: r
+}) => r.colors.primary600};
 
     &:after {
       content: '';
@@ -52,54 +70,54 @@ const g = b.input`
       color: white;
       height: 2px;
       width: 10px;
-      background-color: ${({ theme: e }) => e.colors.neutral0};
+      background-color: ${({
+  theme: r
+}) => r.colors.neutral0};
       left: 50%;
       top: 50%;
       transform: translateX(-50%) translateY(-50%);
     }
 
     &:disabled {
-      background-color: ${({ theme: e }) => e.colors.neutral200};
-      border: 1px solid ${({ theme: e }) => e.colors.neutral300};
+      background-color: ${({
+  theme: r
+}) => r.colors.neutral200};
+      border: 1px solid ${({
+  theme: r
+}) => r.colors.neutral300};
       &:after {
-        background-color: ${({ theme: e }) => e.colors.neutral500};
+        background-color: ${({
+  theme: r
+}) => r.colors.neutral500};
       }
     }
   }
-`, t = ({ indeterminate: e, size: c, name: i, value: a, onValueChange: s, ...d }) => {
-  const o = u();
-  m(() => {
-    o.current && e ? o.current.indeterminate = e : o.current.indeterminate = !1;
-  }, [e]);
-  const p = () => {
-    s(!a);
-  };
-  return /* @__PURE__ */ n.createElement(f, null, /* @__PURE__ */ n.createElement(g, {
-    size: c,
-    checked: a,
-    onChange: p,
-    type: "checkbox",
-    ref: o,
-    name: i,
-    ...d
-  }));
-};
-t.displayName = "BaseCheckbox";
-t.defaultProps = {
-  indeterminate: !1,
-  name: null,
-  onValueChange() {
-  },
-  size: "M",
-  value: !1
-};
-t.propTypes = {
-  indeterminate: r.bool,
-  name: r.string,
-  onValueChange: r.func,
-  size: r.oneOf(["M", "L"]),
-  value: r.bool
+`, h = ({
+  indeterminate: r = !1,
+  size: n = "M",
+  name: l,
+  value: e = !1,
+  onValueChange: t,
+  ...i
+}) => {
+  const o = s(null);
+  return d(() => {
+    o.current && r ? o.current.indeterminate = r : o.current.indeterminate = !1;
+  }, [r]), a(u, {
+    children: a(f, {
+      size: n,
+      checked: e,
+      onChange: () => {
+        t && t(!e);
+      },
+      type: "checkbox",
+      ref: o,
+      name: l,
+      ...i
+    })
+  });
 };
+h.displayName = "BaseCheckbox";
 export {
-  t as BaseCheckbox
+  h as BaseCheckbox
 };

package/dist/BaseLink/BaseLink.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),c=require("prop-types"),p=require("styled-components"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=a(i),t=a(c),y=a(p),_=y.default.a`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),f=require("react"),i=require("styled-components"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=a(f),_=a(i),p=_.default.a`
   cursor: pointer;
-`,r=s.default.forwardRef(({href:e,rel:n,target:d,disabled:l,isExternal:o,...f},u)=>s.default.createElement(_,{ref:u,target:o?"_blank":d,rel:o?n:void 0,href:l?"#":e,disabled:l,...f}));r.displayName="BaseLink";r.defaultProps={disabled:!1,href:void 0,isExternal:!1,rel:"noreferrer noopener",target:"_self"};r.propTypes={disabled:t.default.bool,href:t.default.string,isExternal:t.default.bool,rel:t.default.string,target:t.default.string};exports.BaseLink=r;
+`,n=d.default.forwardRef(({href:e,rel:s="noreferrer noopener",target:o="_self",disabled:t=!1,isExternal:r=!1,...u},l)=>c.jsx(p,{ref:l,target:r?"_blank":o,rel:r?s:void 0,href:t?"#":e,"aria-disabled":t,...u}));n.displayName="BaseLink";exports.BaseLink=n;

package/dist/BaseLink/BaseLink.js

@@ -1,31 +1,24 @@
-import a from "react";
-import e from "prop-types";
-import p from "styled-components";
-const d = p.a`
+import { jsx as s } from "react/jsx-runtime";
+import i from "react";
+import l from "styled-components";
+const m = l.a`
   cursor: pointer;
-`, r = a.forwardRef(({ href: s, rel: l, target: n, disabled: o, isExternal: t, ...f }, i) => /* @__PURE__ */ a.createElement(d, {
-  ref: i,
-  target: t ? "_blank" : n,
-  rel: t ? l : void 0,
-  href: o ? "#" : s,
-  disabled: o,
-  ...f
+`, p = i.forwardRef(({
+  href: o,
+  rel: a = "noreferrer noopener",
+  target: f = "_self",
+  disabled: e = !1,
+  isExternal: r = !1,
+  ...t
+}, n) => s(m, {
+  ref: n,
+  target: r ? "_blank" : f,
+  rel: r ? a : void 0,
+  href: e ? "#" : o,
+  "aria-disabled": e,
+  ...t
 }));
-r.displayName = "BaseLink";
-r.defaultProps = {
-  disabled: !1,
-  href: void 0,
-  isExternal: !1,
-  rel: "noreferrer noopener",
-  target: "_self"
-};
-r.propTypes = {
-  disabled: e.bool,
-  href: e.string,
-  isExternal: e.bool,
-  rel: e.string,
-  target: e.string
-};
+p.displayName = "BaseLink";
 export {
-  r as BaseLink
+  p as BaseLink
 };