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

package/dist/Alert/utils.js

@@ -1,6 +1,6 @@
-const s = ({ theme: r, variant: o }) => o === "danger" ? r.colors.danger100 : o === "success" ? r.colors.success100 : r.colors.primary100, c = ({ theme: r, variant: o }) => o === "danger" ? r.colors.danger200 : o === "success" ? r.colors.success200 : r.colors.primary200, n = ({ theme: r, variant: o }) => o === "danger" ? r.colors.danger700 : o === "success" ? r.colors.success700 : r.colors.primary700;
+const s = ({ theme: r, variant: o }) => o === "danger" ? r.colors.danger100 : o === "success" ? r.colors.success100 : o === "warning" ? r.colors.warning100 : r.colors.primary100, n = ({ theme: r, variant: o }) => o === "danger" ? r.colors.danger200 : o === "success" ? r.colors.success200 : o === "warning" ? r.colors.warning200 : r.colors.primary200, c = ({ theme: r, variant: o }) => o === "danger" ? r.colors.danger700 : o === "success" ? r.colors.success700 : o === "warning" ? r.colors.warning700 : r.colors.primary700;
 export {
   s as handleBackgroundColor,
-  c as handleBorderColor,
-  n as handleIconColor
+  n as handleBorderColor,
+  c as handleIconColor
 };

package/dist/Avatar/Avatar.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),f=require("styled-components"),v=require("prop-types"),t=require("./constants.cjs"),g=require("../Typography/Typography.cjs"),h=require("../Flex/Flex.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=l(d),o=l(f),r=l(v),y=o.default.img`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),f=require("styled-components"),v=require("prop-types"),t=require("./constants.cjs"),g=require("../Typography/Typography.cjs"),h=require("../Flex/Flex.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=s(c),o=s(f),a=s(v),y=o.default.img`
   border-radius: 50%;
   object-fit: cover;
   display: block;
@@ -14,7 +14,7 @@
   position: absolute;
   transform: translate(-${(t.previewSize-t.avatarSize)/2}px, -100%);
   margin-top: -${({theme:e})=>e.spaces[1]};
-`,S=o.default.div`
+`,x=o.default.div`
   z-index: 1;
   border-radius: 30%;
   position: absolute;
@@ -22,8 +22,8 @@
   height: ${t.avatarSize/16}rem;
   background: ${({theme:e})=>e.colors.neutral0};
   opacity: 0.4;
-`,s=({src:e,alt:c,preview:i})=>{const[n,u]=d.useState(!1);return a.default.createElement("span",null,i&&n?a.default.createElement(b,{"aria-hidden":!0,alt:"",width:`${t.previewSize}px`,height:`${t.previewSize}px`,src:i===!0?e:i}):null,a.default.createElement(m,{hovering:i&&n,onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1)},i&&n?a.default.createElement(S,null):null,a.default.createElement(y,{src:e,alt:c,width:`${t.avatarSize}px`,height:`${t.avatarSize}px`})))},x=o.default(h.Flex)`
+`,u=({src:e,alt:l,preview:r})=>{const[n,p]=c.useState(!1);return i.default.createElement("span",null,r&&n?i.default.createElement(b,{"aria-hidden":!0,alt:"",width:`${t.previewSize}px`,height:`${t.previewSize}px`,src:r===!0?e:r}):null,i.default.createElement(m,{hovering:r&&n,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1)},r&&n?i.default.createElement(x,null):null,i.default.createElement(y,{src:e,alt:l,width:`${t.avatarSize}px`,height:`${t.avatarSize}px`})))},S=o.default(h.Flex)`
   span {
     line-height: 0;
   }
-`,p=({children:e})=>a.default.createElement(x,{borderRadius:"50%",width:`${t.avatarSize}px`,height:`${t.avatarSize}px`,background:"primary600",justifyContent:"center"},a.default.createElement(g.Typography,{fontWeight:"bold",textColor:"buttonNeutral0",fontSize:0,textTransform:"uppercase"},e));p.propTypes={children:r.default.node.isRequired};s.defaultProps={alt:void 0,preview:void 0};s.propTypes={alt:r.default.string,preview:r.default.oneOfType([r.default.string,r.default.bool]),src:r.default.string.isRequired};exports.Avatar=s;exports.Initials=p;
+`,d=({children:e,background:l,textColor:r})=>i.default.createElement(S,{background:l,borderRadius:"50%",width:`${t.avatarSize}px`,height:`${t.avatarSize}px`,justifyContent:"center"},i.default.createElement(g.Typography,{fontSize:0,fontWeight:"bold",textColor:r,textTransform:"uppercase"},e));d.defaultProps={background:"primary600",textColor:"buttonNeutral0"};d.propTypes={background:a.default.string,children:a.default.node.isRequired,textColor:a.default.string};u.defaultProps={alt:void 0,preview:void 0};u.propTypes={alt:a.default.string,preview:a.default.oneOfType([a.default.string,a.default.bool]),src:a.default.string.isRequired};exports.Avatar=u;exports.Initials=d;

package/dist/Avatar/Avatar.js

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

package/dist/Badge/Badge.cjs

@@ -1,4 +1,4 @@
-"use strict";var T=Object.defineProperty;var n=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var i=(e,t,r)=>t in e?T(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,f=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&i(e,r,t[r]);if(n)for(var r of n(t))p.call(t,r)&&i(e,r,t[r]);return e};var g=(e,t)=>{var r={};for(var a in e)c.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&n)for(var a of n(e))t.indexOf(a)<0&&p.call(e,a)&&(r[a]=e[a]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("react"),x=require("prop-types"),q=require("styled-components"),C=require("../Flex/Flex.cjs"),j=require("../Typography/Typography.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},y=l(_),o=l(x),R=l(q),S=R.default(C.Flex)`
-  border-radius: ${({theme:e,size:t})=>t==="S"?"2px":e.borderRadius};
-  height: ${({size:e,theme:t})=>t.sizes.badge[e]};
-`,d=v=>{var u=v,{active:e,size:t,textColor:r,backgroundColor:a,children:b,minWidth:m}=u,h=g(u,["active","size","textColor","backgroundColor","children","minWidth"]);const s=t==="S"?1:2;return y.default.createElement(S,f({inline:!0,alignItem:"center",justifyContent:"center",minWidth:m,paddingLeft:s,paddingRight:s,background:e?"primary200":a,size:t},h),y.default.createElement(j.Typography,{variant:"sigma",textColor:e?"primary600":r},b))};d.defaultProps={active:!1,backgroundColor:"neutral150",minWidth:5,size:"M",textColor:"neutral600"};d.propTypes={active:o.default.bool,backgroundColor:o.default.string,children:o.default.oneOfType([o.default.number,o.default.string]).isRequired,minWidth:o.default.number,size:o.default.oneOf(["S","M"]),textColor:o.default.string};exports.Badge=d;
+"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;

package/dist/Badge/Badge.js

@@ -1,63 +1,43 @@
-var h = Object.defineProperty;
-var n = Object.getOwnPropertySymbols;
-var m = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
-var p = (e, r, t) => r in e ? h(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, l = (e, r) => {
-  for (var t in r || (r = {}))
-    m.call(r, t) && p(e, t, r[t]);
-  if (n)
-    for (var t of n(r))
-      s.call(r, t) && p(e, t, r[t]);
-  return e;
-};
-var g = (e, r) => {
-  var t = {};
-  for (var o in e)
-    m.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 && s.call(e, o) && (t[o] = e[o]);
-  return t;
-};
-import u from "react";
-import i from "prop-types";
-import x from "styled-components";
-import { Flex as C } from "../Flex/Flex.js";
-import { Typography as R } from "../Typography/Typography.js";
-const T = x(C)`
-  border-radius: ${({ theme: e, size: r }) => r === "S" ? "2px" : e.borderRadius};
-  height: ${({ size: e, theme: r }) => r.sizes.badge[e]};
-`, c = (k) => {
-  var a = k, { active: e, size: r, textColor: t, backgroundColor: o, children: f, minWidth: b } = a, y = g(a, ["active", "size", "textColor", "backgroundColor", "children", "minWidth"]);
-  const d = r === "S" ? 1 : 2;
-  return /* @__PURE__ */ u.createElement(T, l({
+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, {
     inline: !0,
     alignItem: "center",
     justifyContent: "center",
-    minWidth: b,
-    paddingLeft: d,
-    paddingRight: d,
-    background: e ? "primary200" : o,
-    size: r
-  }, y), /* @__PURE__ */ u.createElement(R, {
+    minWidth: m,
+    paddingLeft: o,
+    paddingRight: o,
+    background: r ? "primary200" : d,
+    size: t,
+    ...s
+  }, /* @__PURE__ */ i.createElement(u, {
     variant: "sigma",
-    textColor: e ? "primary600" : t
-  }, f));
+    textColor: r ? "primary600" : a
+  }, p));
 };
-c.defaultProps = {
+n.defaultProps = {
   active: !1,
   backgroundColor: "neutral150",
   minWidth: 5,
   size: "M",
   textColor: "neutral600"
 };
-c.propTypes = {
-  active: i.bool,
-  backgroundColor: i.string,
-  children: i.oneOfType([i.number, i.string]).isRequired,
-  minWidth: i.number,
-  size: i.oneOf(["S", "M"]),
-  textColor: i.string
+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
 };
 export {
-  c as Badge
+  n as Badge
 };

package/dist/BaseButton/BaseButton.cjs

@@ -1,4 +1,4 @@
-"use strict";var B=Object.defineProperty;var r=Object.getOwnPropertySymbols;var n=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var d=(e,s,t)=>s in e?B(e,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[s]=t,c=(e,s)=>{for(var t in s||(s={}))n.call(s,t)&&d(e,t,s[t]);if(r)for(var t of r(s))i.call(s,t)&&d(e,t,s[t]);return e};var p=(e,s)=>{var t={};for(var o in e)n.call(e,o)&&s.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&r)for(var o of r(e))s.indexOf(o)<0&&i.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react"),_=require("prop-types"),$=require("styled-components"),h=require("../themes/utils.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},f=u(g),b=u(_),m=u($),y=m.default.button`
+"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`
   display: flex;
   cursor: pointer;
   padding: ${({theme:e})=>e.spaces[2]};
@@ -19,5 +19,5 @@
     pointer-events: none;
   }
 
-  ${h.buttonFocusStyle}
-`,a=f.default.forwardRef((q,o)=>{var l=q,{disabled:e,children:s}=l,t=p(l,["disabled","children"]);return f.default.createElement(y,c({ref:o,"aria-disabled":e,type:"button",disabled:e},t),s)});a.displayName="BaseButton";a.defaultProps={disabled:!1};a.propTypes={children:b.default.node.isRequired,disabled:b.default.bool};exports.BaseButton=a;exports.BaseButtonWrapper=y;
+  ${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;

package/dist/BaseButton/BaseButton.js

@@ -1,28 +1,8 @@
-var f = Object.defineProperty;
-var s = Object.getOwnPropertySymbols;
-var i = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
-var p = (e, o, r) => o in e ? f(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, n = (e, o) => {
-  for (var r in o || (o = {}))
-    i.call(o, r) && p(e, r, o[r]);
-  if (s)
-    for (var r of s(o))
-      l.call(o, r) && p(e, r, o[r]);
-  return e;
-};
-var u = (e, o) => {
-  var r = {};
-  for (var t in e)
-    i.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
-  if (e != null && s)
-    for (var t of s(e))
-      o.indexOf(t) < 0 && l.call(e, t) && (r[t] = e[t]);
-  return r;
-};
-import c from "react";
-import b from "prop-types";
-import m from "styled-components";
-import { buttonFocusStyle as $ } from "../themes/utils.js";
-const y = m.button`
+import o from "react";
+import t from "prop-types";
+import p from "styled-components";
+import { buttonFocusStyle as i } from "../themes/utils.js";
+const l = p.button`
   display: flex;
   cursor: pointer;
   padding: ${({ theme: e }) => e.spaces[2]};
@@ -43,25 +23,23 @@ const y = m.button`
     pointer-events: none;
   }
 
-  ${$}
-`, a = c.forwardRef((g, t) => {
-  var d = g, { disabled: e, children: o } = d, r = u(d, ["disabled", "children"]);
-  return /* @__PURE__ */ c.createElement(y, n({
-    ref: t,
-    "aria-disabled": e,
-    type: "button",
-    disabled: e
-  }, r), o);
-});
-a.displayName = "BaseButton";
-a.defaultProps = {
+  ${i}
+`, r = o.forwardRef(({ disabled: e, children: s, ...a }, d) => /* @__PURE__ */ o.createElement(l, {
+  ref: d,
+  "aria-disabled": e,
+  type: "button",
+  disabled: e,
+  ...a
+}, s));
+r.displayName = "BaseButton";
+r.defaultProps = {
   disabled: !1
 };
-a.propTypes = {
-  children: b.node.isRequired,
-  disabled: b.bool
+r.propTypes = {
+  children: t.node.isRequired,
+  disabled: t.bool
 };
 export {
-  a as BaseButton,
-  y as BaseButtonWrapper
+  r as BaseButton,
+  l as BaseButtonWrapper
 };

package/dist/BaseCheckbox/BaseCheckbox.cjs

@@ -1,7 +1,7 @@
-"use strict";var $=Object.defineProperty;var l=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var d=(e,o,r)=>o in e?$(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,f=(e,o)=>{for(var r in o||(o={}))p.call(o,r)&&d(e,r,o[r]);if(l)for(var r of l(o))b.call(o,r)&&d(e,r,o[r]);return e};var k=(e,o)=>{var r={};for(var t in e)p.call(e,t)&&o.indexOf(t)<0&&(r[t]=e[t]);if(e!=null&&l)for(var t of l(e))o.indexOf(t)<0&&b.call(e,t)&&(r[t]=e[t]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),C=require("prop-types"),_=require("styled-components"),B=require("../Box/Box.cjs"),h=require("./utils.cjs"),q=require("./assets/checkmark.cjs"),j=require("./assets/checkmark-black.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},g=u(s),a=u(C),v=u(_),w=v.default.input`
+"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`
   margin: 0;
-  height: ${h.getCheckboxSize};
-  min-width: ${h.getCheckboxSize};
+  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(${q}) no-repeat no-repeat center center;
+      background: url(${g}) no-repeat no-repeat center center;
       width: 10px;
       height: 10px;
       left: 50%;
@@ -25,7 +25,7 @@
     }
 
     &:disabled:after {
-      background: url(${j}) no-repeat no-repeat center center;
+      background: url(${m}) no-repeat no-repeat center center;
     }
   }
 
@@ -59,4 +59,4 @@
       }
     }
   }
-`,n=R=>{var i=R,{indeterminate:e,size:o,name:r,value:t,onValueChange:m}=i,x=k(i,["indeterminate","size","name","value","onValueChange"]);const c=s.useRef();s.useEffect(()=>{c.current&&e?c.current.indeterminate=e:c.current.indeterminate=!1},[e]);const y=()=>{m(!t)};return g.default.createElement(B.Box,null,g.default.createElement(w,f({size:o,checked:t,onChange:y,type:"checkbox",ref:c,name:r},x)))};n.displayName="BaseCheckbox";n.defaultProps={indeterminate:!1,name:null,onValueChange(){},size:"M",value:!1};n.propTypes={indeterminate:a.default.bool,name:a.default.string,onValueChange:a.default.func,size:a.default.oneOf(["M","L"]),value:a.default.bool};exports.BaseCheckbox=n;
+`,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;

package/dist/BaseCheckbox/BaseCheckbox.js

@@ -1,34 +1,14 @@
-var x = Object.defineProperty;
-var l = Object.getOwnPropertySymbols;
-var d = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
-var s = (e, o, r) => o in e ? x(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, u = (e, o) => {
-  for (var r in o || (o = {}))
-    d.call(o, r) && s(e, r, o[r]);
-  if (l)
-    for (var r of l(o))
-      p.call(o, r) && s(e, r, o[r]);
-  return e;
-};
-var m = (e, o) => {
-  var r = {};
-  for (var t in e)
-    d.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
-  if (e != null && l)
-    for (var t of l(e))
-      o.indexOf(t) < 0 && p.call(e, t) && (r[t] = e[t]);
-  return r;
-};
-import b, { useRef as $, useEffect as y } from "react";
-import a from "prop-types";
-import C from "styled-components";
-import { Box as w } from "../Box/Box.js";
-import { getCheckboxSize as f } from "./utils.js";
-import R from "./assets/checkmark.js";
-import v from "./assets/checkmark-black.js";
-const z = C.input`
+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`
   margin: 0;
-  height: ${f};
-  min-width: ${f};
+  height: ${l};
+  min-width: ${l};
   border-radius: ${({ theme: e }) => e.borderRadius};
   border: 1px solid ${({ theme: e }) => e.colors.neutral300};
   -webkit-appearance: none;
@@ -43,7 +23,7 @@ const z = C.input`
       content: '';
       display: block;
       position: relative;
-      background: url(${R}) no-repeat no-repeat center center;
+      background: url(${h}) no-repeat no-repeat center center;
       width: 10px;
       height: 10px;
       left: 50%;
@@ -52,7 +32,7 @@ const z = C.input`
     }
 
     &:disabled:after {
-      background: url(${v}) no-repeat no-repeat center center;
+      background: url(${k}) no-repeat no-repeat center center;
     }
   }
 
@@ -86,26 +66,26 @@ const z = C.input`
       }
     }
   }
-`, c = (B) => {
-  var i = B, { indeterminate: e, size: o, name: r, value: t, onValueChange: h } = i, k = m(i, ["indeterminate", "size", "name", "value", "onValueChange"]);
-  const n = $();
-  y(() => {
-    n.current && e ? n.current.indeterminate = e : n.current.indeterminate = !1;
+`, 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 g = () => {
-    h(!t);
+  const p = () => {
+    s(!a);
   };
-  return /* @__PURE__ */ b.createElement(w, null, /* @__PURE__ */ b.createElement(z, u({
-    size: o,
-    checked: t,
-    onChange: g,
+  return /* @__PURE__ */ n.createElement(f, null, /* @__PURE__ */ n.createElement(g, {
+    size: c,
+    checked: a,
+    onChange: p,
     type: "checkbox",
-    ref: n,
-    name: r
-  }, k)));
+    ref: o,
+    name: i,
+    ...d
+  }));
 };
-c.displayName = "BaseCheckbox";
-c.defaultProps = {
+t.displayName = "BaseCheckbox";
+t.defaultProps = {
   indeterminate: !1,
   name: null,
   onValueChange() {
@@ -113,13 +93,13 @@ c.defaultProps = {
   size: "M",
   value: !1
 };
-c.propTypes = {
-  indeterminate: a.bool,
-  name: a.string,
-  onValueChange: a.func,
-  size: a.oneOf(["M", "L"]),
-  value: a.bool
+t.propTypes = {
+  indeterminate: r.bool,
+  name: r.string,
+  onValueChange: r.func,
+  size: r.oneOf(["M", "L"]),
+  value: r.bool
 };
 export {
-  c as BaseCheckbox
+  t as BaseCheckbox
 };

package/dist/BaseLink/BaseLink.cjs

@@ -1,3 +1,3 @@
-"use strict";var k=Object.defineProperty;var o=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var u=(e,r,t)=>r in e?k(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,p=(e,r)=>{for(var t in r||(r={}))i.call(r,t)&&u(e,t,r[t]);if(o)for(var t of o(r))c.call(r,t)&&u(e,t,r[t]);return e};var y=(e,r)=>{var t={};for(var a in e)i.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&o)for(var a of o(e))r.indexOf(a)<0&&c.call(e,a)&&(t[a]=e[a]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react"),v=require("prop-types"),L=require("styled-components"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},_=n(m),l=n(v),P=n(L),T=P.default.a`
+"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`
   cursor: pointer;
-`,s=_.default.forwardRef((h,b)=>{var f=h,{href:e,rel:r,target:t,disabled:a,isExternal:d}=f,g=y(f,["href","rel","target","disabled","isExternal"]);return _.default.createElement(T,p({ref:b,target:d?"_blank":t,rel:d?r:void 0,href:a?"#":e,disabled:a},g))});s.displayName="BaseLink";s.defaultProps={disabled:!1,href:void 0,isExternal:!1,rel:"noreferrer noopener",target:"_self"};s.propTypes={disabled:l.default.bool,href:l.default.string,isExternal:l.default.bool,rel:l.default.string,target:l.default.string};exports.BaseLink=s;
+`,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;

package/dist/BaseLink/BaseLink.js

@@ -1,53 +1,31 @@
-var y = Object.defineProperty;
-var s = Object.getOwnPropertySymbols;
-var p = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
-var i = (e, o, r) => o in e ? y(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, m = (e, o) => {
-  for (var r in o || (o = {}))
-    p.call(o, r) && i(e, r, o[r]);
-  if (s)
-    for (var r of s(o))
-      d.call(o, r) && i(e, r, o[r]);
-  return e;
-};
-var g = (e, o) => {
-  var r = {};
-  for (var t in e)
-    p.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
-  if (e != null && s)
-    for (var t of s(e))
-      o.indexOf(t) < 0 && d.call(e, t) && (r[t] = e[t]);
-  return r;
-};
-import c from "react";
-import a from "prop-types";
-import _ from "styled-components";
-const h = _.a`
+import a from "react";
+import e from "prop-types";
+import p from "styled-components";
+const d = p.a`
   cursor: pointer;
-`, l = c.forwardRef((k, u) => {
-  var f = k, { href: e, rel: o, target: r, disabled: t, isExternal: n } = f, b = g(f, ["href", "rel", "target", "disabled", "isExternal"]);
-  return /* @__PURE__ */ c.createElement(h, m({
-    ref: u,
-    target: n ? "_blank" : r,
-    rel: n ? o : void 0,
-    href: t ? "#" : e,
-    disabled: t
-  }, b));
-});
-l.displayName = "BaseLink";
-l.defaultProps = {
+`, 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
+}));
+r.displayName = "BaseLink";
+r.defaultProps = {
   disabled: !1,
   href: void 0,
   isExternal: !1,
   rel: "noreferrer noopener",
   target: "_self"
 };
-l.propTypes = {
-  disabled: a.bool,
-  href: a.string,
-  isExternal: a.bool,
-  rel: a.string,
-  target: a.string
+r.propTypes = {
+  disabled: e.bool,
+  href: e.string,
+  isExternal: e.bool,
+  rel: e.string,
+  target: e.string
 };
 export {
-  l as BaseLink
+  r as BaseLink
 };