@strapi/design-system 1.3.0-beta.3 → 1.3.0

package/dist/Alert/utils.js

@@ -0,0 +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;
+export {
+  s as handleBackgroundColor,
+  c as handleBorderColor,
+  n as handleIconColor
+};

package/dist/Avatar/Avatar.cjs

@@ -0,0 +1,29 @@
+"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`
+  border-radius: 50%;
+  object-fit: cover;
+  display: block;
+  position: relative;
+`,m=o.default.div`
+  position: relative;
+  width: ${t.avatarSize/16}rem;
+  height: ${t.avatarSize/16}rem;
+  z-index: ${({hovering:e})=>e?1:void 0};
+`,b=o.default.img`
+  border-radius: 50%;
+  object-fit: cover;
+  position: absolute;
+  transform: translate(-${(t.previewSize-t.avatarSize)/2}px, -100%);
+  margin-top: -${({theme:e})=>e.spaces[1]};
+`,S=o.default.div`
+  z-index: 1;
+  border-radius: 30%;
+  position: absolute;
+  width: ${t.avatarSize/16}rem;
+  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)`
+  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;

package/dist/Avatar/Avatar.js

@@ -0,0 +1,80 @@
+import r, { 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";
+const h = a.img`
+  border-radius: 50%;
+  object-fit: cover;
+  display: block;
+  position: relative;
+`, g = a.div`
+  position: relative;
+  width: ${t / 16}rem;
+  height: ${t / 16}rem;
+  z-index: ${({ hovering: e }) => e ? 1 : void 0};
+`, f = a.img`
+  border-radius: 50%;
+  object-fit: cover;
+  position: absolute;
+  transform: translate(-${(s - t) / 2}px, -100%);
+  margin-top: -${({ theme: e }) => e.spaces[1]};
+`, v = a.div`
+  z-index: 1;
+  border-radius: 30%;
+  position: absolute;
+  width: ${t / 16}rem;
+  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, {
+    "aria-hidden": !0,
+    alt: "",
+    width: `${s}px`,
+    height: `${s}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, {
+    src: e,
+    alt: d,
+    width: `${t}px`,
+    height: `${t}px`
+  })));
+}, b = a(u)`
+  span {
+    line-height: 0;
+  }
+`, $ = ({ children: e }) => /* @__PURE__ */ r.createElement(b, {
+  borderRadius: "50%",
+  width: `${t}px`,
+  height: `${t}px`,
+  background: "primary600",
+  justifyContent: "center"
+}, /* @__PURE__ */ r.createElement(c, {
+  fontWeight: "bold",
+  textColor: "buttonNeutral0",
+  fontSize: 0,
+  textTransform: "uppercase"
+}, e));
+$.propTypes = {
+  children: i.node.isRequired
+};
+p.defaultProps = {
+  alt: void 0,
+  preview: void 0
+};
+p.propTypes = {
+  alt: i.string,
+  preview: i.oneOfType([i.string, i.bool]),
+  src: i.string.isRequired
+};
+export {
+  p as Avatar,
+  $ as Initials
+};

package/dist/Avatar/AvatarGroup.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),o=require("../Flex/Flex.cjs"),s=require("./constants.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=a(t),r=l.default(o.Flex)`
+  & > * + * {
+    margin-left: -${s.avatarSize/2}px;
+  }
+`;exports.AvatarGroup=r;

package/dist/Avatar/AvatarGroup.js

@@ -0,0 +1,11 @@
+import r from "styled-components";
+import { Flex as o } from "../Flex/Flex.js";
+import { avatarSize as t } from "./constants.js";
+const e = r(o)`
+  & > * + * {
+    margin-left: -${t / 2}px;
+  }
+`;
+export {
+  e as AvatarGroup
+};

package/dist/Avatar/constants.cjs

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

package/dist/Avatar/constants.js

@@ -0,0 +1,5 @@
+const e = 26, t = 64;
+export {
+  e as avatarSize,
+  t as previewSize
+};

package/dist/Avatar/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./Avatar.cjs"),r=require("./AvatarGroup.cjs");exports.Avatar=a.Avatar;exports.Initials=a.Initials;exports.AvatarGroup=r.AvatarGroup;

package/dist/Avatar/index.js

@@ -0,0 +1,7 @@
+import { Avatar as o, Initials as t } from "./Avatar.js";
+import { AvatarGroup as e } from "./AvatarGroup.js";
+export {
+  o as Avatar,
+  e as AvatarGroup,
+  t as Initials
+};

package/dist/Badge/Badge.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),c=require("prop-types"),p=require("../Flex/Flex.cjs"),f=require("../Typography/Typography.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=o(s),t=o(c),r=({active:e,textColor:l,backgroundColor:n,children:u,minWidth:i,...d})=>a.default.createElement(p.Flex,{inline:!0,alignItem:"center",justifyContent:"center",minWidth:i,padding:1,background:e?"primary100":n,hasRadius:!0,...d},a.default.createElement(f.Typography,{variant:"sigma",textColor:e?"primary600":l},u));r.defaultProps={active:!1,backgroundColor:"neutral100",minWidth:5,textColor:"neutral600"};r.propTypes={active:t.default.bool,backgroundColor:t.default.string,children:t.default.oneOfType([t.default.number,t.default.string]).isRequired,minWidth:t.default.number,textColor:t.default.string};exports.Badge=r;

package/dist/Badge/Badge.js

@@ -0,0 +1,33 @@
+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 = {
+  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
+};
+export {
+  o as Badge
+};

package/dist/Badge/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Badge.cjs");exports.Badge=e.Badge;

package/dist/Badge/index.js

@@ -0,0 +1,4 @@
+import { Badge as r } from "./Badge.js";
+export {
+  r as Badge
+};

package/dist/BaseButton/BaseButton.cjs

@@ -0,0 +1,23 @@
+"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]};
+  border-radius: ${({theme:e})=>e.borderRadius};
+  background: ${({theme:e})=>e.colors.neutral0};
+  border: 1px solid ${({theme:e})=>e.colors.neutral200};
+  svg {
+    height: ${({theme:e})=>e.spaces[3]};
+    width: ${({theme:e})=>e.spaces[3]};
+  }
+  svg {
+    > g,
+    path {
+      fill: ${({theme:e})=>e.colors.neutral0};
+    }
+  }
+  &[aria-disabled='true'] {
+    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;

package/dist/BaseButton/BaseButton.js

@@ -0,0 +1,45 @@
+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]};
+  border-radius: ${({ theme: e }) => e.borderRadius};
+  background: ${({ theme: e }) => e.colors.neutral0};
+  border: 1px solid ${({ theme: e }) => e.colors.neutral200};
+  svg {
+    height: ${({ theme: e }) => e.spaces[3]};
+    width: ${({ theme: e }) => e.spaces[3]};
+  }
+  svg {
+    > g,
+    path {
+      fill: ${({ theme: e }) => e.colors.neutral0};
+    }
+  }
+  &[aria-disabled='true'] {
+    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 = {
+  disabled: !1
+};
+r.propTypes = {
+  children: t.node.isRequired,
+  disabled: t.bool
+};
+export {
+  r as BaseButton,
+  l as BaseButtonWrapper
+};

package/dist/BaseButton/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./BaseButton.cjs");exports.BaseButton=e.BaseButton;exports.BaseButtonWrapper=e.BaseButtonWrapper;

package/dist/BaseButton/index.js

@@ -0,0 +1,5 @@
+import { BaseButton as o, BaseButtonWrapper as r } from "./BaseButton.js";
+export {
+  o as BaseButton,
+  r as BaseButtonWrapper
+};

package/dist/BaseCheckbox/BaseCheckbox.cjs

@@ -0,0 +1,62 @@
+"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: ${n.getCheckboxSize};
+  min-width: ${n.getCheckboxSize};
+  border-radius: ${({theme:e})=>e.borderRadius};
+  border: 1px solid ${({theme:e})=>e.colors.neutral300};
+  -webkit-appearance: none;
+  background-color: ${({theme:e})=>e.colors.neutral0};
+  cursor: pointer;
+
+  &:checked {
+    background-color: ${({theme:e})=>e.colors.primary600};
+    border: 1px solid ${({theme:e})=>e.colors.primary600};
+
+    &:after {
+      content: '';
+      display: block;
+      position: relative;
+      background: url(${g}) no-repeat no-repeat center center;
+      width: 10px;
+      height: 10px;
+      left: 50%;
+      top: 50%;
+      transform: translateX(-50%) translateY(-50%);
+    }
+
+    &:disabled:after {
+      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};
+  }
+
+  &:indeterminate {
+    background-color: ${({theme:e})=>e.colors.primary600};
+    border: 1px solid ${({theme:e})=>e.colors.primary600};
+
+    &:after {
+      content: '';
+      display: block;
+      position: relative;
+      color: white;
+      height: 2px;
+      width: 10px;
+      background-color: ${({theme:e})=>e.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};
+      &:after {
+        background-color: ${({theme:e})=>e.colors.neutral500};
+      }
+    }
+  }
+`,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

@@ -0,0 +1,105 @@
+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: ${l};
+  min-width: ${l};
+  border-radius: ${({ theme: e }) => e.borderRadius};
+  border: 1px solid ${({ theme: e }) => e.colors.neutral300};
+  -webkit-appearance: none;
+  background-color: ${({ theme: e }) => e.colors.neutral0};
+  cursor: pointer;
+
+  &:checked {
+    background-color: ${({ theme: e }) => e.colors.primary600};
+    border: 1px solid ${({ theme: e }) => e.colors.primary600};
+
+    &:after {
+      content: '';
+      display: block;
+      position: relative;
+      background: url(${h}) no-repeat no-repeat center center;
+      width: 10px;
+      height: 10px;
+      left: 50%;
+      top: 50%;
+      transform: translateX(-50%) translateY(-50%);
+    }
+
+    &:disabled:after {
+      background: url(${k}) no-repeat no-repeat center center;
+    }
+  }
+
+  &:disabled {
+    background-color: ${({ theme: e }) => e.colors.neutral200};
+    border: 1px solid ${({ theme: e }) => e.colors.neutral300};
+  }
+
+  &:indeterminate {
+    background-color: ${({ theme: e }) => e.colors.primary600};
+    border: 1px solid ${({ theme: e }) => e.colors.primary600};
+
+    &:after {
+      content: '';
+      display: block;
+      position: relative;
+      color: white;
+      height: 2px;
+      width: 10px;
+      background-color: ${({ theme: e }) => e.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};
+      &:after {
+        background-color: ${({ theme: e }) => e.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
+};
+export {
+  t as BaseCheckbox
+};

package/dist/BaseCheckbox/assets/checkmark-black.cjs

@@ -0,0 +1 @@
+"use strict";const M="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGQ9Ik04LjU1MzIzIDAuMzk2OTczQzguNjMxMzUgMC4zMTYzNTUgOC43NjA1MSAwLjMxNTgxMSA4LjgzOTMxIDAuMzk1NzY4TDkuODYyNTYgMS40MzQwN0M5LjkzODkzIDEuNTExNTcgOS45MzkzNSAxLjYzNTkgOS44NjM0OSAxLjcxMzlMNC4wNjQwMSA3LjY3NzI0QzMuOTg1OSA3Ljc1NzU1IDMuODU3MDcgNy43NTgwNSAzLjc3ODM0IDcuNjc4MzRMMC4xMzg2NiAzLjk5MzMzQzAuMDYxNzc5OCAzLjkxNTQ5IDAuMDYxNzEwMiAzLjc5MDMyIDAuMTM4NTA0IDMuNzEyNEwxLjE2MjEzIDIuNjczNzJDMS4yNDAzOCAyLjU5NDMyIDEuMzY4NDMgMi41OTQyMiAxLjQ0NjggMi42NzM0OEwzLjkyMTc0IDUuMTc2NDdMOC41NTMyMyAwLjM5Njk3M1oiCiAgICBmaWxsPSIjOEU4RUE5IgogIC8+Cjwvc3ZnPg==";module.exports=M;

package/dist/BaseCheckbox/assets/checkmark-black.js

@@ -0,0 +1,4 @@
+const M = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGQ9Ik04LjU1MzIzIDAuMzk2OTczQzguNjMxMzUgMC4zMTYzNTUgOC43NjA1MSAwLjMxNTgxMSA4LjgzOTMxIDAuMzk1NzY4TDkuODYyNTYgMS40MzQwN0M5LjkzODkzIDEuNTExNTcgOS45MzkzNSAxLjYzNTkgOS44NjM0OSAxLjcxMzlMNC4wNjQwMSA3LjY3NzI0QzMuOTg1OSA3Ljc1NzU1IDMuODU3MDcgNy43NTgwNSAzLjc3ODM0IDcuNjc4MzRMMC4xMzg2NiAzLjk5MzMzQzAuMDYxNzc5OCAzLjkxNTQ5IDAuMDYxNzEwMiAzLjc5MDMyIDAuMTM4NTA0IDMuNzEyNEwxLjE2MjEzIDIuNjczNzJDMS4yNDAzOCAyLjU5NDMyIDEuMzY4NDMgMi41OTQyMiAxLjQ0NjggMi42NzM0OEwzLjkyMTc0IDUuMTc2NDdMOC41NTMyMyAwLjM5Njk3M1oiCiAgICBmaWxsPSIjOEU4RUE5IgogIC8+Cjwvc3ZnPg==";
+export {
+  M as default
+};

package/dist/BaseCheckbox/assets/checkmark.cjs

@@ -0,0 +1 @@
+"use strict";const M="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGQ9Ik04LjU1MzIzIDAuMzk2OTczQzguNjMxMzUgMC4zMTYzNTUgOC43NjA1MSAwLjMxNTgxMSA4LjgzOTMxIDAuMzk1NzY4TDkuODYyNTYgMS40MzQwN0M5LjkzODkzIDEuNTExNTcgOS45MzkzNSAxLjYzNTkgOS44NjM0OSAxLjcxMzlMNC4wNjQwMSA3LjY3NzI0QzMuOTg1OSA3Ljc1NzU1IDMuODU3MDcgNy43NTgwNSAzLjc3ODM0IDcuNjc4MzRMMC4xMzg2NiAzLjk5MzMzQzAuMDYxNzc5OCAzLjkxNTQ5IDAuMDYxNzEwMiAzLjc5MDMyIDAuMTM4NTA0IDMuNzEyNEwxLjE2MjEzIDIuNjczNzJDMS4yNDAzOCAyLjU5NDMyIDEuMzY4NDMgMi41OTQyMiAxLjQ0NjggMi42NzM0OEwzLjkyMTc0IDUuMTc2NDdMOC41NTMyMyAwLjM5Njk3M1oiCiAgICBmaWxsPSJ3aGl0ZSIKICAvPgo8L3N2Zz4=";module.exports=M;

package/dist/BaseCheckbox/assets/checkmark.js

@@ -0,0 +1,4 @@
+const M = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGQ9Ik04LjU1MzIzIDAuMzk2OTczQzguNjMxMzUgMC4zMTYzNTUgOC43NjA1MSAwLjMxNTgxMSA4LjgzOTMxIDAuMzk1NzY4TDkuODYyNTYgMS40MzQwN0M5LjkzODkzIDEuNTExNTcgOS45MzkzNSAxLjYzNTkgOS44NjM0OSAxLjcxMzlMNC4wNjQwMSA3LjY3NzI0QzMuOTg1OSA3Ljc1NzU1IDMuODU3MDcgNy43NTgwNSAzLjc3ODM0IDcuNjc4MzRMMC4xMzg2NiAzLjk5MzMzQzAuMDYxNzc5OCAzLjkxNTQ5IDAuMDYxNzEwMiAzLjc5MDMyIDAuMTM4NTA0IDMuNzEyNEwxLjE2MjEzIDIuNjczNzJDMS4yNDAzOCAyLjU5NDMyIDEuMzY4NDMgMi41OTQyMiAxLjQ0NjggMi42NzM0OEwzLjkyMTc0IDUuMTc2NDdMOC41NTMyMyAwLjM5Njk3M1oiCiAgICBmaWxsPSJ3aGl0ZSIKICAvPgo8L3N2Zz4=";
+export {
+  M as default
+};

package/dist/BaseCheckbox/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./BaseCheckbox.cjs");exports.BaseCheckbox=e.BaseCheckbox;

package/dist/BaseCheckbox/index.js

@@ -0,0 +1,4 @@
+import { BaseCheckbox as r } from "./BaseCheckbox.js";
+export {
+  r as BaseCheckbox
+};

package/dist/BaseCheckbox/utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=({size:e})=>e==="M"?"18px":"20px";exports.getCheckboxSize=t;

package/dist/BaseCheckbox/utils.js

@@ -0,0 +1,4 @@
+const r = ({ size: e }) => e === "M" ? "18px" : "20px";
+export {
+  r as getCheckboxSize
+};

package/dist/BaseLink/BaseLink.cjs

@@ -0,0 +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`
+  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;

package/dist/BaseLink/BaseLink.js

@@ -0,0 +1,31 @@
+import a from "react";
+import e from "prop-types";
+import p from "styled-components";
+const d = p.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 = {
+  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
+};
+export {
+  r as BaseLink
+};

package/dist/BaseLink/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./BaseLink.cjs");exports.BaseLink=e.BaseLink;

package/dist/BaseLink/index.js

@@ -0,0 +1,4 @@
+import { BaseLink as r } from "./BaseLink.js";
+export {
+  r as BaseLink
+};

package/dist/BaseRadio/BaseRadio.cjs

@@ -0,0 +1,31 @@
+"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`
+  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};
+  -webkit-appearance: none;
+
+  &:after {
+    border-radius: 50%;
+    content: '';
+    position: relative;
+    z-index: 1;
+    display: block;
+    height: ${t.getSelectedRadioSize};
+    width: ${t.getSelectedRadioSize};
+    left: ${t.getSelectedRadioPosition};
+    top: ${t.getSelectedRadioPosition};
+  }
+
+  &:checked:after {
+    background: ${({theme:e})=>e.colors.primary600};
+  }
+
+  &:disabled {
+    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;

package/dist/BaseRadio/BaseRadio.js

@@ -0,0 +1,62 @@
+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`
+  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};
+  -webkit-appearance: none;
+
+  &:after {
+    border-radius: 50%;
+    content: '';
+    position: relative;
+    z-index: 1;
+    display: block;
+    height: ${a};
+    width: ${a};
+    left: ${s};
+    top: ${s};
+  }
+
+  &:checked:after {
+    background: ${({ theme: e }) => e.colors.primary600};
+  }
+
+  &:disabled {
+    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,
+    type: "radio",
+    name: b,
+    value: e,
+    tabIndex: o ? 0 : -1,
+    "aria-checked": o,
+    checked: o,
+    disabled: n,
+    size: u,
+    onChange: p,
+    ...c
+  });
+});
+r.displayName = "Radio";
+r.defaultProps = {
+  disabled: !1
+};
+r.propTypes = {
+  disabled: i.bool,
+  value: i.string.isRequired
+};
+export {
+  r as BaseRadio
+};

package/dist/BaseRadio/RadioGroup.cjs

@@ -0,0 +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;