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

package/dist/Badge/Badge.js

@@ -1,33 +1,55 @@
-import t from "react";
-import r from "prop-types";
-import { Flex as p } from "../Flex/Flex.js";
-import { Typography as u } from "../Typography/Typography.js";
-const o = ({ active: e, textColor: n, backgroundColor: i, children: a, minWidth: m, ...l }) => /* @__PURE__ */ t.createElement(p, {
-  inline: !0,
-  alignItem: "center",
-  justifyContent: "center",
-  minWidth: m,
-  padding: 1,
-  background: e ? "primary100" : i,
-  hasRadius: !0,
-  ...l
-}, /* @__PURE__ */ t.createElement(u, {
-  variant: "sigma",
-  textColor: e ? "primary600" : n
-}, a));
-o.defaultProps = {
+var y = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var l = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var m = (r, t, e) => t in r ? y(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, u = (r, t) => {
+  for (var e in t || (t = {}))
+    l.call(t, e) && m(r, e, t[e]);
+  if (i)
+    for (var e of i(t))
+      p.call(t, e) && m(r, e, t[e]);
+  return r;
+};
+var d = (r, t) => {
+  var e = {};
+  for (var o in r)
+    l.call(r, o) && t.indexOf(o) < 0 && (e[o] = r[o]);
+  if (r != null && i)
+    for (var o of i(r))
+      t.indexOf(o) < 0 && p.call(r, o) && (e[o] = r[o]);
+  return e;
+};
+import s from "react";
+import n from "prop-types";
+import { Flex as b } from "../Flex/Flex.js";
+import { Typography as C } from "../Typography/Typography.js";
+const c = (h) => {
+  var a = h, { active: r, textColor: t, backgroundColor: e, children: o, minWidth: g } = a, f = d(a, ["active", "textColor", "backgroundColor", "children", "minWidth"]);
+  return /* @__PURE__ */ s.createElement(b, u({
+    inline: !0,
+    alignItem: "center",
+    justifyContent: "center",
+    minWidth: g,
+    padding: 1,
+    background: r ? "primary100" : e,
+    hasRadius: !0
+  }, f), /* @__PURE__ */ s.createElement(C, {
+    variant: "sigma",
+    textColor: r ? "primary600" : t
+  }, o));
+};
+c.defaultProps = {
   active: !1,
   backgroundColor: "neutral100",
   minWidth: 5,
   textColor: "neutral600"
 };
-o.propTypes = {
-  active: r.bool,
-  backgroundColor: r.string,
-  children: r.oneOfType([r.number, r.string]).isRequired,
-  minWidth: r.number,
-  textColor: r.string
+c.propTypes = {
+  active: n.bool,
+  backgroundColor: n.string,
+  children: n.oneOfType([n.number, n.string]).isRequired,
+  minWidth: n.number,
+  textColor: n.string
 };
 export {
-  o as Badge
+  c 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";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`
   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;
+  ${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;

package/dist/BaseButton/BaseButton.js

@@ -1,8 +1,28 @@
-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`
+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`
   display: flex;
   cursor: pointer;
   padding: ${({ theme: e }) => e.spaces[2]};
@@ -23,23 +43,25 @@ const l = p.button`
     pointer-events: none;
   }
 
-  ${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 = {
+  ${$}
+`, 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 = {
   disabled: !1
 };
-r.propTypes = {
-  children: t.node.isRequired,
-  disabled: t.bool
+a.propTypes = {
+  children: b.node.isRequired,
+  disabled: b.bool
 };
 export {
-  r as BaseButton,
-  l as BaseButtonWrapper
+  a as BaseButton,
+  y 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";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`
   margin: 0;
-  height: ${n.getCheckboxSize};
-  min-width: ${n.getCheckboxSize};
+  height: ${h.getCheckboxSize};
+  min-width: ${h.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(${q}) 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(${j}) 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=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;

package/dist/BaseCheckbox/BaseCheckbox.js

@@ -1,14 +1,34 @@
-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`
+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`
   margin: 0;
-  height: ${l};
-  min-width: ${l};
+  height: ${f};
+  min-width: ${f};
   border-radius: ${({ theme: e }) => e.borderRadius};
   border: 1px solid ${({ theme: e }) => e.colors.neutral300};
   -webkit-appearance: none;
@@ -23,7 +43,7 @@ const g = b.input`
       content: '';
       display: block;
       position: relative;
-      background: url(${h}) no-repeat no-repeat center center;
+      background: url(${R}) no-repeat no-repeat center center;
       width: 10px;
       height: 10px;
       left: 50%;
@@ -32,7 +52,7 @@ const g = b.input`
     }
 
     &:disabled:after {
-      background: url(${k}) no-repeat no-repeat center center;
+      background: url(${v}) no-repeat no-repeat center center;
     }
   }
 
@@ -66,26 +86,26 @@ const g = b.input`
       }
     }
   }
-`, 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;
+`, 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;
   }, [e]);
-  const p = () => {
-    s(!a);
+  const g = () => {
+    h(!t);
   };
-  return /* @__PURE__ */ n.createElement(f, null, /* @__PURE__ */ n.createElement(g, {
-    size: c,
-    checked: a,
-    onChange: p,
+  return /* @__PURE__ */ b.createElement(w, null, /* @__PURE__ */ b.createElement(z, u({
+    size: o,
+    checked: t,
+    onChange: g,
     type: "checkbox",
-    ref: o,
-    name: i,
-    ...d
-  }));
+    ref: n,
+    name: r
+  }, k)));
 };
-t.displayName = "BaseCheckbox";
-t.defaultProps = {
+c.displayName = "BaseCheckbox";
+c.defaultProps = {
   indeterminate: !1,
   name: null,
   onValueChange: () => {
@@ -93,13 +113,13 @@ t.defaultProps = {
   size: "M",
   value: !1
 };
-t.propTypes = {
-  indeterminate: r.bool,
-  name: r.string,
-  onValueChange: r.func,
-  size: r.oneOf(["M", "L"]),
-  value: r.bool
+c.propTypes = {
+  indeterminate: a.bool,
+  name: a.string,
+  onValueChange: a.func,
+  size: a.oneOf(["M", "L"]),
+  value: a.bool
 };
 export {
-  t as BaseCheckbox
+  c 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";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`
   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;
+`,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;

package/dist/BaseLink/BaseLink.js

@@ -1,31 +1,53 @@
-import a from "react";
-import e from "prop-types";
-import p from "styled-components";
-const d = p.a`
+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`
   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
-}));
-r.displayName = "BaseLink";
-r.defaultProps = {
+`, 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 = {
   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
+l.propTypes = {
+  disabled: a.bool,
+  href: a.string,
+  isExternal: a.bool,
+  rel: a.string,
+  target: a.string
 };
 export {
-  r as BaseLink
+  l as BaseLink
 };

package/dist/BaseRadio/BaseRadio.cjs

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),g=require("prop-types"),y=require("styled-components"),R=require("./context.cjs"),t=require("./utils.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=d(s),r=d(g),S=d(y),$=S.default.input`
+"use strict";var k=Object.defineProperty;var i=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var n=(e,o,t)=>o in e?k(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,f=(e,o)=>{for(var t in o||(o={}))u.call(o,t)&&n(e,t,o[t]);if(i)for(var t of i(o))p.call(o,t)&&n(e,t,o[t]);return e};var b=(e,o)=>{var t={};for(var a in e)u.call(e,a)&&o.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&i)for(var a of i(e))o.indexOf(a)<0&&p.call(e,a)&&(t[a]=e[a]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("react"),m=require("prop-types"),x=require("styled-components"),q=require("./context.cjs"),d=require("./utils.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},g=c(R),y=c(m),z=c(x),P=z.default.input`
   margin: 0;
   padding: 0;
   background-color: ${({theme:e})=>e.colors.neutral0};
   border: 1px solid ${({theme:e})=>e.colors.primary600};
   border-radius: 50%;
-  height: ${t.getRadioSize};
-  width: ${t.getRadioSize};
+  height: ${d.getRadioSize};
+  width: ${d.getRadioSize};
   -webkit-appearance: none;
 
   &:after {
@@ -14,10 +14,10 @@
     position: relative;
     z-index: 1;
     display: block;
-    height: ${t.getSelectedRadioSize};
-    width: ${t.getSelectedRadioSize};
-    left: ${t.getSelectedRadioPosition};
-    top: ${t.getSelectedRadioPosition};
+    height: ${d.getSelectedRadioSize};
+    width: ${d.getSelectedRadioSize};
+    left: ${d.getSelectedRadioPosition};
+    top: ${d.getSelectedRadioPosition};
   }
 
   &:checked:after {
@@ -28,4 +28,4 @@
     border: 1px solid ${({theme:e})=>e.colors.carbon300};
     background: ${({theme:e})=>e.colors.neutral200};
   }
-`,o=i.default.forwardRef(({value:e,disabled:c,...l},n)=>{const{onChange:u,selected:p,name:f,size:b}=s.useContext(R.RadioContext),a=p===e;return i.default.createElement($,{ref:n,type:"radio",name:f,value:e,tabIndex:a?0:-1,"aria-checked":a,checked:a,disabled:c,size:b,onChange:u,...l})});o.displayName="Radio";o.defaultProps={disabled:!1};o.propTypes={disabled:r.default.bool,value:r.default.string.isRequired};exports.BaseRadio=o;
+`,r=g.default.forwardRef((j,a)=>{var l=j,{value:e,disabled:o}=l,t=b(l,["value","disabled"]);const{onChange:S,selected:$,name:h,size:_}=R.useContext(q.RadioContext),s=$===e;return g.default.createElement(P,f({ref:a,type:"radio",name:h,value:e,tabIndex:s?0:-1,"aria-checked":s,checked:s,disabled:o,size:_,onChange:S},t))});r.displayName="Radio";r.defaultProps={disabled:!1};r.propTypes={disabled:y.default.bool,value:y.default.string.isRequired};exports.BaseRadio=r;

package/dist/BaseRadio/BaseRadio.js

@@ -1,16 +1,36 @@
-import t, { useContext as f } from "react";
-import i from "prop-types";
-import g from "styled-components";
-import { RadioContext as $ } from "./context.js";
-import { getRadioSize as d, getSelectedRadioSize as a, getSelectedRadioPosition as s } from "./utils.js";
-const h = g.input`
+var x = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var n = (e, r, o) => r in e ? x(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o, p = (e, r) => {
+  for (var o in r || (r = {}))
+    c.call(r, o) && n(e, o, r[o]);
+  if (i)
+    for (var o of i(r))
+      l.call(r, o) && n(e, o, r[o]);
+  return e;
+};
+var m = (e, r) => {
+  var o = {};
+  for (var t in e)
+    c.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 && l.call(e, t) && (o[t] = e[t]);
+  return o;
+};
+import b, { useContext as S } from "react";
+import u from "prop-types";
+import w from "styled-components";
+import { RadioContext as z } from "./context.js";
+import { getRadioSize as f, getSelectedRadioSize as g, getSelectedRadioPosition as $ } from "./utils.js";
+const C = w.input`
   margin: 0;
   padding: 0;
   background-color: ${({ theme: e }) => e.colors.neutral0};
   border: 1px solid ${({ theme: e }) => e.colors.primary600};
   border-radius: 50%;
-  height: ${d};
-  width: ${d};
+  height: ${f};
+  width: ${f};
   -webkit-appearance: none;
 
   &:after {
@@ -19,10 +39,10 @@ const h = g.input`
     position: relative;
     z-index: 1;
     display: block;
-    height: ${a};
-    width: ${a};
-    left: ${s};
-    top: ${s};
+    height: ${g};
+    width: ${g};
+    left: ${$};
+    top: ${$};
   }
 
   &:checked:after {
@@ -33,30 +53,30 @@ const h = g.input`
     border: 1px solid ${({ theme: e }) => e.colors.carbon300};
     background: ${({ theme: e }) => e.colors.neutral200};
   }
-`, r = t.forwardRef(({ value: e, disabled: n, ...c }, l) => {
-  const { onChange: p, selected: m, name: b, size: u } = f($), o = m === e;
-  return /* @__PURE__ */ t.createElement(h, {
-    ref: l,
+`, a = b.forwardRef((P, t) => {
+  var s = P, { value: e, disabled: r } = s, o = m(s, ["value", "disabled"]);
+  const { onChange: h, selected: R, name: k, size: y } = S(z), d = R === e;
+  return /* @__PURE__ */ b.createElement(C, p({
+    ref: t,
     type: "radio",
-    name: b,
+    name: k,
     value: e,
-    tabIndex: o ? 0 : -1,
-    "aria-checked": o,
-    checked: o,
-    disabled: n,
-    size: u,
-    onChange: p,
-    ...c
-  });
+    tabIndex: d ? 0 : -1,
+    "aria-checked": d,
+    checked: d,
+    disabled: r,
+    size: y,
+    onChange: h
+  }, o));
 });
-r.displayName = "Radio";
-r.defaultProps = {
+a.displayName = "Radio";
+a.defaultProps = {
   disabled: !1
 };
-r.propTypes = {
-  disabled: i.bool,
-  value: i.string.isRequired
+a.propTypes = {
+  disabled: u.bool,
+  value: u.string.isRequired
 };
 export {
-  r as BaseRadio
+  a as BaseRadio
 };

package/dist/BaseRadio/RadioGroup.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),p=require("prop-types"),R=require("./context.cjs"),y=require("../helpers/setTabIndexOnFirstItem.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=i(o),t=i(p),u=({children:e,labelledBy:d,onChange:l,value:r,size:c,name:a,...f})=>{const s=o.useRef(null);return o.useLayoutEffect(()=>{r||y.setTabIndexOnFirstItem(s.current,`[name="${a}"]`)},[r]),n.default.createElement(R.RadioContext.Provider,{value:{onChange:l,selected:r,name:a,size:c}},n.default.createElement("div",{ref:s,role:"radiogroup","aria-labelledby":d,...f},e))};u.defaultProps={value:"",size:"M"};u.propTypes={children:t.default.node.isRequired,labelledBy:t.default.string.isRequired,name:t.default.string.isRequired,onChange:t.default.func.isRequired,size:t.default.oneOf(["M","L"]),value:t.default.string};exports.RadioGroup=u;
+"use strict";var T=Object.defineProperty;var a=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var c=(e,r,t)=>r in e?T(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,R=(e,r)=>{for(var t in r||(r={}))f.call(r,t)&&c(e,t,r[t]);if(a)for(var t of a(r))p.call(r,t)&&c(e,t,r[t]);return e};var y=(e,r)=>{var t={};for(var o in e)f.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&&p.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),_=require("prop-types"),x=require("./context.cjs"),I=require("../helpers/setTabIndexOnFirstItem.cjs"),g=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},b=g(s),u=g(_),n=v=>{var d=v,{children:e,labelledBy:r,onChange:t,value:o,size:q,name:i}=d,m=y(d,["children","labelledBy","onChange","value","size","name"]);const l=s.useRef(null);return s.useLayoutEffect(()=>{o||I.setTabIndexOnFirstItem(l.current,`[name="${i}"]`)},[o]),b.default.createElement(x.RadioContext.Provider,{value:{onChange:t,selected:o,name:i,size:q}},b.default.createElement("div",R({ref:l,role:"radiogroup","aria-labelledby":r},m),e))};n.defaultProps={value:"",size:"M"};n.propTypes={children:u.default.node.isRequired,labelledBy:u.default.string.isRequired,name:u.default.string.isRequired,onChange:u.default.func.isRequired,size:u.default.oneOf(["M","L"]),value:u.default.string};exports.RadioGroup=n;