@strapi/design-system 1.8.2 → 1.10.0-alpha.0

package/dist/Badge/Badge.js

@@ -1,14 +1,23 @@
-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: d, paddingLeft: t, paddingRight: t, background: r ? "primary200" : o, size: e, ...m, children: i(g, { variant: "sigma", textColor: r ? "primary600" : n, children: a }) });
-};
-export {
-  y as Badge
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const styled = require('styled-components');
+const Flex = require('../Flex/Flex.js');
+const Typography = require('../Typography/Typography.js');
+
+const _interopDefault = e => e && e.__esModule ? e : { default: e };
+
+const styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const Base = styled__default.default(Flex.Flex) `
+  border-radius: ${({ theme, size }) => (size === 'S' ? '2px' : theme.borderRadius)};
+  height: ${({ size, theme }) => theme.sizes.badge[size]};
+`;
+const Badge = ({ active = false, size = 'M', textColor = 'neutral600', backgroundColor = 'neutral150', children, minWidth = 5, ...props }) => {
+    const paddingX = size === 'S' ? 1 : 2;
+    return (jsxRuntime.jsx(Base, { inline: true, alignItem: "center", justifyContent: "center", minWidth: minWidth, paddingLeft: paddingX, paddingRight: paddingX, background: active ? 'primary200' : backgroundColor, size: size, ...props, children: jsxRuntime.jsx(Typography.Typography, { variant: "sigma", textColor: active ? 'primary600' : textColor, children: children }) }));
 };
+
+exports.Badge = Badge;

package/dist/Badge/Badge.mjs

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import styled from 'styled-components';
+import { Flex } from '../Flex/Flex.mjs';
+import { Typography } from '../Typography/Typography.mjs';
+
+const Base = styled(Flex) `
+  border-radius: ${({ theme, size }) => (size === 'S' ? '2px' : theme.borderRadius)};
+  height: ${({ size, theme }) => theme.sizes.badge[size]};
+`;
+const Badge = ({ active = false, size = 'M', textColor = 'neutral600', backgroundColor = 'neutral150', children, minWidth = 5, ...props }) => {
+    const paddingX = size === 'S' ? 1 : 2;
+    return (jsx(Base, { inline: true, alignItem: "center", justifyContent: "center", minWidth: minWidth, paddingLeft: paddingX, paddingRight: paddingX, background: active ? 'primary200' : backgroundColor, size: size, ...props, children: jsx(Typography, { variant: "sigma", textColor: active ? 'primary600' : textColor, children: children }) }));
+};
+
+export { Badge };

package/dist/Badge/index.js

@@ -1,4 +1,9 @@
-import { Badge as r } from "./Badge.js";
-export {
-  r as Badge
-};
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Badge = require('./Badge.js');
+
+
+
+exports.Badge = Badge.Badge;

package/dist/Badge/index.mjs

@@ -0,0 +1 @@
+export { Badge } from './Badge.mjs';

package/dist/BaseButton/BaseButton.js

@@ -1,16 +1,44 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as n from "react";
-import i from "styled-components";
-import { buttonFocusStyle as p } from "../themes/utils.js";
-import { Flex as u } from "../Flex/Flex.js";
-const d = i(u)`
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const styled = require('styled-components');
+const utils = require('../themes/utils.js');
+const Flex = require('../Flex/Flex.js');
+
+const _interopDefault = e => e && e.__esModule ? e : { default: e };
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespace(React);
+const styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const BaseButtonWrapper = styled__default.default(Flex.Flex) `
   > svg {
-    height: ${({ theme: t }) => t.spaces[3]};
-    width: ${({ theme: t }) => t.spaces[3]};
+    height: ${({ theme }) => theme.spaces[3]};
+    width: ${({ theme }) => theme.spaces[3]};
 
     > g,
     path {
-      fill: ${({ theme: t }) => t.colors.neutral0};
+      fill: ${({ theme }) => theme.colors.neutral0};
     }
   }
 
@@ -18,10 +46,12 @@ const d = i(u)`
     pointer-events: none;
   }
 
-  ${p}
-`, l = n.forwardRef(({ disabled: t, children: r, background: e = "neutral0", ...o }, a) => s(d, { ref: a, "aria-disabled": t, as: "button", type: "button", disabled: t, padding: 2, hasRadius: !0, background: e, borderColor: "neutral200", cursor: "pointer", ...o, children: r }));
-l.displayName = "BaseButton";
-export {
-  l as BaseButton,
-  d as BaseButtonWrapper
-};
+  ${utils.buttonFocusStyle}
+`;
+const BaseButton = React__namespace.forwardRef(({ disabled, children, background = 'neutral0', ...props }, ref) => {
+    return (jsxRuntime.jsx(BaseButtonWrapper, { ref: ref, "aria-disabled": disabled, as: "button", type: "button", disabled: disabled, padding: 2, hasRadius: true, background: background, borderColor: "neutral200", cursor: "pointer", ...props, children: children }));
+});
+BaseButton.displayName = 'BaseButton';
+
+exports.BaseButton = BaseButton;
+exports.BaseButtonWrapper = BaseButtonWrapper;

package/dist/BaseButton/BaseButton.mjs

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import styled from 'styled-components';
+import { buttonFocusStyle } from '../themes/utils.mjs';
+import { Flex } from '../Flex/Flex.mjs';
+
+const BaseButtonWrapper = styled(Flex) `
+  > svg {
+    height: ${({ theme }) => theme.spaces[3]};
+    width: ${({ theme }) => theme.spaces[3]};
+
+    > g,
+    path {
+      fill: ${({ theme }) => theme.colors.neutral0};
+    }
+  }
+
+  &[aria-disabled='true'] {
+    pointer-events: none;
+  }
+
+  ${buttonFocusStyle}
+`;
+const BaseButton = React.forwardRef(({ disabled, children, background = 'neutral0', ...props }, ref) => {
+    return (jsx(BaseButtonWrapper, { ref: ref, "aria-disabled": disabled, as: "button", type: "button", disabled: disabled, padding: 2, hasRadius: true, background: background, borderColor: "neutral200", cursor: "pointer", ...props, children: children }));
+});
+BaseButton.displayName = 'BaseButton';
+
+export { BaseButton, BaseButtonWrapper };

package/dist/BaseButton/index.js

@@ -1,5 +1,10 @@
-import { BaseButton as o, BaseButtonWrapper as r } from "./BaseButton.js";
-export {
-  o as BaseButton,
-  r as BaseButtonWrapper
-};
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const BaseButton = require('./BaseButton.js');
+
+
+
+exports.BaseButton = BaseButton.BaseButton;
+exports.BaseButtonWrapper = BaseButton.BaseButtonWrapper;

package/dist/BaseButton/index.mjs

@@ -0,0 +1 @@
+export { BaseButton, BaseButtonWrapper } from './BaseButton.mjs';

package/dist/BaseCheckbox/BaseCheckbox.js

@@ -1,29 +1,58 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as c from "react";
-import d from "styled-components";
-import p from "./assets/checkmark-black.svg.js";
-import u from "./assets/checkmark.svg.js";
-import { getCheckboxSize as n } from "./utils.js";
-import { Box as b } from "../Box/Box.js";
-const m = d.input`
-  height: ${n};
-  min-width: ${n};
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const styled = require('styled-components');
+const checkmarkBlack = require('./assets/checkmark-black.svg.js');
+const checkmark = require('./assets/checkmark.svg.js');
+const utils = require('./utils.js');
+const useComposeRefs = require('../hooks/useComposeRefs.js');
+const Box = require('../Box/Box.js');
+
+const _interopDefault = e => e && e.__esModule ? e : { default: e };
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespace(React);
+const styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const CheckboxInput = styled__default.default.input `
+  height: ${utils.getCheckboxSize};
+  min-width: ${utils.getCheckboxSize};
   margin: 0;
-  border-radius: ${({ theme: r }) => r.borderRadius};
-  border: 1px solid ${({ theme: r }) => r.colors.neutral300};
+  border-radius: ${({ theme }) => theme.borderRadius};
+  border: 1px solid ${({ theme }) => theme.colors.neutral300};
   -webkit-appearance: none;
-  background-color: ${({ theme: r }) => r.colors.neutral0};
+  background-color: ${({ theme }) => theme.colors.neutral0};
   cursor: pointer;
 
   &:checked {
-    background-color: ${({ theme: r }) => r.colors.primary600};
-    border: 1px solid ${({ theme: r }) => r.colors.primary600};
+    background-color: ${({ theme }) => theme.colors.primary600};
+    border: 1px solid ${({ theme }) => theme.colors.primary600};
 
     &:after {
       content: '';
       display: block;
       position: relative;
-      background: url(${u}) no-repeat no-repeat center center;
+      background: url(${checkmark}) no-repeat no-repeat center center;
       width: 10px;
       height: 10px;
       left: 50%;
@@ -32,18 +61,18 @@ const m = d.input`
     }
 
     &:disabled:after {
-      background: url(${p}) no-repeat no-repeat center center;
+      background: url(${checkmarkBlack}) no-repeat no-repeat center center;
     }
   }
 
   &:disabled {
-    background-color: ${({ theme: r }) => r.colors.neutral200};
-    border: 1px solid ${({ theme: r }) => r.colors.neutral300};
+    background-color: ${({ theme }) => theme.colors.neutral200};
+    border: 1px solid ${({ theme }) => theme.colors.neutral300};
   }
 
   &:indeterminate {
-    background-color: ${({ theme: r }) => r.colors.primary600};
-    border: 1px solid ${({ theme: r }) => r.colors.primary600};
+    background-color: ${({ theme }) => theme.colors.primary600};
+    border: 1px solid ${({ theme }) => theme.colors.primary600};
 
     &:after {
       content: '';
@@ -52,29 +81,39 @@ const m = d.input`
       color: white;
       height: 2px;
       width: 10px;
-      background-color: ${({ theme: r }) => r.colors.neutral0};
+      background-color: ${({ theme }) => theme.colors.neutral0};
       left: 50%;
       top: 50%;
       transform: translateX(-50%) translateY(-50%);
     }
 
     &:disabled {
-      background-color: ${({ theme: r }) => r.colors.neutral200};
-      border: 1px solid ${({ theme: r }) => r.colors.neutral300};
+      background-color: ${({ theme }) => theme.colors.neutral200};
+      border: 1px solid ${({ theme }) => theme.colors.neutral300};
       &:after {
-        background-color: ${({ theme: r }) => r.colors.neutral500};
+        background-color: ${({ theme }) => theme.colors.neutral500};
       }
     }
   }
-`, f = ({ indeterminate: r = !1, size: l = "M", name: s, value: e = !1, onValueChange: t, ...i }) => {
-  const o = c.useRef(null);
-  return c.useEffect(() => {
-    o.current && r ? o.current.indeterminate = r : o.current.indeterminate = !1;
-  }, [r]), a(b, { children: a(m, { size: l, checked: e, onChange: () => {
-    t && t(!e);
-  }, type: "checkbox", ref: o, name: s, ...i }) });
-};
-f.displayName = "BaseCheckbox";
-export {
-  f as BaseCheckbox
-};
+`;
+const BaseCheckbox = React__namespace.forwardRef(({ indeterminate = false, size = 'M', name, value = false, onValueChange, ...inputProps }, forwardedRef) => {
+    const checkboxRef = React__namespace.useRef(null);
+    const composedRefs = useComposeRefs.useComposedRefs(checkboxRef, forwardedRef);
+    React__namespace.useEffect(() => {
+        if (checkboxRef.current && indeterminate) {
+            checkboxRef.current.indeterminate = indeterminate;
+        }
+        else {
+            checkboxRef.current.indeterminate = false;
+        }
+    }, [indeterminate]);
+    const handleValueChange = () => {
+        if (onValueChange) {
+            onValueChange(!value);
+        }
+    };
+    return (jsxRuntime.jsx(Box.Box, { children: jsxRuntime.jsx(CheckboxInput, { size: size, checked: value, onChange: handleValueChange, type: "checkbox", ref: composedRefs, name: name, ...inputProps }) }));
+});
+BaseCheckbox.displayName = 'BaseCheckbox';
+
+exports.BaseCheckbox = BaseCheckbox;

package/dist/BaseCheckbox/BaseCheckbox.mjs

@@ -0,0 +1,92 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import styled from 'styled-components';
+import checkmarkIconDisabled from './assets/checkmark-black.svg.mjs';
+import checkmarkIcon from './assets/checkmark.svg.mjs';
+import { getCheckboxSize } from './utils.mjs';
+import { useComposedRefs } from '../hooks/useComposeRefs.mjs';
+import { Box } from '../Box/Box.mjs';
+
+const CheckboxInput = styled.input `
+  height: ${getCheckboxSize};
+  min-width: ${getCheckboxSize};
+  margin: 0;
+  border-radius: ${({ theme }) => theme.borderRadius};
+  border: 1px solid ${({ theme }) => theme.colors.neutral300};
+  -webkit-appearance: none;
+  background-color: ${({ theme }) => theme.colors.neutral0};
+  cursor: pointer;
+
+  &:checked {
+    background-color: ${({ theme }) => theme.colors.primary600};
+    border: 1px solid ${({ theme }) => theme.colors.primary600};
+
+    &:after {
+      content: '';
+      display: block;
+      position: relative;
+      background: url(${checkmarkIcon}) no-repeat no-repeat center center;
+      width: 10px;
+      height: 10px;
+      left: 50%;
+      top: 50%;
+      transform: translateX(-50%) translateY(-50%);
+    }
+
+    &:disabled:after {
+      background: url(${checkmarkIconDisabled}) no-repeat no-repeat center center;
+    }
+  }
+
+  &:disabled {
+    background-color: ${({ theme }) => theme.colors.neutral200};
+    border: 1px solid ${({ theme }) => theme.colors.neutral300};
+  }
+
+  &:indeterminate {
+    background-color: ${({ theme }) => theme.colors.primary600};
+    border: 1px solid ${({ theme }) => theme.colors.primary600};
+
+    &:after {
+      content: '';
+      display: block;
+      position: relative;
+      color: white;
+      height: 2px;
+      width: 10px;
+      background-color: ${({ theme }) => theme.colors.neutral0};
+      left: 50%;
+      top: 50%;
+      transform: translateX(-50%) translateY(-50%);
+    }
+
+    &:disabled {
+      background-color: ${({ theme }) => theme.colors.neutral200};
+      border: 1px solid ${({ theme }) => theme.colors.neutral300};
+      &:after {
+        background-color: ${({ theme }) => theme.colors.neutral500};
+      }
+    }
+  }
+`;
+const BaseCheckbox = React.forwardRef(({ indeterminate = false, size = 'M', name, value = false, onValueChange, ...inputProps }, forwardedRef) => {
+    const checkboxRef = React.useRef(null);
+    const composedRefs = useComposedRefs(checkboxRef, forwardedRef);
+    React.useEffect(() => {
+        if (checkboxRef.current && indeterminate) {
+            checkboxRef.current.indeterminate = indeterminate;
+        }
+        else {
+            checkboxRef.current.indeterminate = false;
+        }
+    }, [indeterminate]);
+    const handleValueChange = () => {
+        if (onValueChange) {
+            onValueChange(!value);
+        }
+    };
+    return (jsx(Box, { children: jsx(CheckboxInput, { size: size, checked: value, onChange: handleValueChange, type: "checkbox", ref: composedRefs, name: name, ...inputProps }) }));
+});
+BaseCheckbox.displayName = 'BaseCheckbox';
+
+export { BaseCheckbox };

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

@@ -1,4 +1,5 @@
-const M = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGQ9Ik04LjU1MzIzIDAuMzk2OTczQzguNjMxMzUgMC4zMTYzNTUgOC43NjA1MSAwLjMxNTgxMSA4LjgzOTMxIDAuMzk1NzY4TDkuODYyNTYgMS40MzQwN0M5LjkzODkzIDEuNTExNTcgOS45MzkzNSAxLjYzNTkgOS44NjM0OSAxLjcxMzlMNC4wNjQwMSA3LjY3NzI0QzMuOTg1OSA3Ljc1NzU1IDMuODU3MDcgNy43NTgwNSAzLjc3ODM0IDcuNjc4MzRMMC4xMzg2NiAzLjk5MzMzQzAuMDYxNzc5OCAzLjkxNTQ5IDAuMDYxNzEwMiAzLjc5MDMyIDAuMTM4NTA0IDMuNzEyNEwxLjE2MjEzIDIuNjczNzJDMS4yNDAzOCAyLjU5NDMyIDEuMzY4NDMgMi41OTQyMiAxLjQ0NjggMi42NzM0OEwzLjkyMTc0IDUuMTc2NDdMOC41NTMyMyAwLjM5Njk3M1oiCiAgICBmaWxsPSIjOEU4RUE5IgogIC8+Cjwvc3ZnPg==";
-export {
-  M as default
-};
+'use strict';
+
+const checkmarkIconDisabled = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGQ9Ik04LjU1MzIzIDAuMzk2OTczQzguNjMxMzUgMC4zMTYzNTUgOC43NjA1MSAwLjMxNTgxMSA4LjgzOTMxIDAuMzk1NzY4TDkuODYyNTYgMS40MzQwN0M5LjkzODkzIDEuNTExNTcgOS45MzkzNSAxLjYzNTkgOS44NjM0OSAxLjcxMzlMNC4wNjQwMSA3LjY3NzI0QzMuOTg1OSA3Ljc1NzU1IDMuODU3MDcgNy43NTgwNSAzLjc3ODM0IDcuNjc4MzRMMC4xMzg2NiAzLjk5MzMzQzAuMDYxNzc5OCAzLjkxNTQ5IDAuMDYxNzEwMiAzLjc5MDMyIDAuMTM4NTA0IDMuNzEyNEwxLjE2MjEzIDIuNjczNzJDMS4yNDAzOCAyLjU5NDMyIDEuMzY4NDMgMi41OTQyMiAxLjQ0NjggMi42NzM0OEwzLjkyMTc0IDUuMTc2NDdMOC41NTMyMyAwLjM5Njk3M1oiCiAgICBmaWxsPSIjOEU4RUE5IgogIC8+Cjwvc3ZnPg==";
+
+module.exports = checkmarkIconDisabled;

package/dist/BaseCheckbox/assets/checkmark-black.svg.mjs

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

package/dist/BaseCheckbox/assets/checkmark.svg.js

@@ -1,4 +1,5 @@
-const M = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGQ9Ik04LjU1MzIzIDAuMzk2OTczQzguNjMxMzUgMC4zMTYzNTUgOC43NjA1MSAwLjMxNTgxMSA4LjgzOTMxIDAuMzk1NzY4TDkuODYyNTYgMS40MzQwN0M5LjkzODkzIDEuNTExNTcgOS45MzkzNSAxLjYzNTkgOS44NjM0OSAxLjcxMzlMNC4wNjQwMSA3LjY3NzI0QzMuOTg1OSA3Ljc1NzU1IDMuODU3MDcgNy43NTgwNSAzLjc3ODM0IDcuNjc4MzRMMC4xMzg2NiAzLjk5MzMzQzAuMDYxNzc5OCAzLjkxNTQ5IDAuMDYxNzEwMiAzLjc5MDMyIDAuMTM4NTA0IDMuNzEyNEwxLjE2MjEzIDIuNjczNzJDMS4yNDAzOCAyLjU5NDMyIDEuMzY4NDMgMi41OTQyMiAxLjQ0NjggMi42NzM0OEwzLjkyMTc0IDUuMTc2NDdMOC41NTMyMyAwLjM5Njk3M1oiCiAgICBmaWxsPSJ3aGl0ZSIKICAvPgo8L3N2Zz4=";
-export {
-  M as default
-};
+'use strict';
+
+const checkmarkIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGQ9Ik04LjU1MzIzIDAuMzk2OTczQzguNjMxMzUgMC4zMTYzNTUgOC43NjA1MSAwLjMxNTgxMSA4LjgzOTMxIDAuMzk1NzY4TDkuODYyNTYgMS40MzQwN0M5LjkzODkzIDEuNTExNTcgOS45MzkzNSAxLjYzNTkgOS44NjM0OSAxLjcxMzlMNC4wNjQwMSA3LjY3NzI0QzMuOTg1OSA3Ljc1NzU1IDMuODU3MDcgNy43NTgwNSAzLjc3ODM0IDcuNjc4MzRMMC4xMzg2NiAzLjk5MzMzQzAuMDYxNzc5OCAzLjkxNTQ5IDAuMDYxNzEwMiAzLjc5MDMyIDAuMTM4NTA0IDMuNzEyNEwxLjE2MjEzIDIuNjczNzJDMS4yNDAzOCAyLjU5NDMyIDEuMzY4NDMgMi41OTQyMiAxLjQ0NjggMi42NzM0OEwzLjkyMTc0IDUuMTc2NDdMOC41NTMyMyAwLjM5Njk3M1oiCiAgICBmaWxsPSJ3aGl0ZSIKICAvPgo8L3N2Zz4=";
+
+module.exports = checkmarkIcon;

package/dist/BaseCheckbox/assets/checkmark.svg.mjs

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

package/dist/BaseCheckbox/index.js

@@ -1,4 +1,9 @@
-import { BaseCheckbox as r } from "./BaseCheckbox.js";
-export {
-  r as BaseCheckbox
-};
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const BaseCheckbox = require('./BaseCheckbox.js');
+
+
+
+exports.BaseCheckbox = BaseCheckbox.BaseCheckbox;

package/dist/BaseCheckbox/index.mjs

@@ -0,0 +1 @@
+export { BaseCheckbox } from './BaseCheckbox.mjs';

package/dist/BaseCheckbox/utils.js

@@ -1,4 +1,16 @@
-const r = ({ size: e }) => e === "M" ? "18px" : "20px";
-export {
-  r as getCheckboxSize
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+/**
+ * TODO: Look into why setting the type to `BaseCheckboxSize` makes the
+ * component in `BaseCheckbox` loose all type information to do with the theme.
+ */
+const getCheckboxSize = ({ size }) => {
+    if (size === 'M') {
+        return '18px';
+    }
+    return '20px';
 };
+
+exports.getCheckboxSize = getCheckboxSize;

package/dist/BaseCheckbox/utils.mjs

@@ -0,0 +1,12 @@
+/**
+ * TODO: Look into why setting the type to `BaseCheckboxSize` makes the
+ * component in `BaseCheckbox` loose all type information to do with the theme.
+ */
+const getCheckboxSize = ({ size }) => {
+    if (size === 'M') {
+        return '18px';
+    }
+    return '20px';
+};
+
+export { getCheckboxSize };

package/dist/BaseLink/BaseLink.js

@@ -1,8 +1,18 @@
-import { jsx as s } from "react/jsx-runtime";
-import i from "react";
-import { Box as m } from "../Box/Box.js";
-const p = i.forwardRef(({ href: o, rel: a = "noreferrer noopener", target: f = "_self", disabled: r = !1, isExternal: e = !1, ...n }, t) => s(m, { as: "a", ref: t, target: e ? "_blank" : f, rel: e ? a : void 0, href: r ? "#" : o, "aria-disabled": r, cursor: "pointer", ...n }));
-p.displayName = "BaseLink";
-export {
-  p as BaseLink
-};
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const Box = require('../Box/Box.js');
+
+const _interopDefault = e => e && e.__esModule ? e : { default: e };
+
+const React__default = /*#__PURE__*/_interopDefault(React);
+
+const BaseLink = React__default.default.forwardRef(({ href, rel = 'noreferrer noopener', target = '_self', disabled = false, isExternal = false, ...props }, ref) => {
+    return (jsxRuntime.jsx(Box.Box, { as: "a", ref: ref, target: isExternal ? '_blank' : target, rel: isExternal ? rel : undefined, href: disabled ? '#' : href, "aria-disabled": disabled, cursor: "pointer", ...props }));
+});
+BaseLink.displayName = 'BaseLink';
+
+exports.BaseLink = BaseLink;

package/dist/BaseLink/BaseLink.mjs

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { Box } from '../Box/Box.mjs';
+
+const BaseLink = React__default.forwardRef(({ href, rel = 'noreferrer noopener', target = '_self', disabled = false, isExternal = false, ...props }, ref) => {
+    return (jsx(Box, { as: "a", ref: ref, target: isExternal ? '_blank' : target, rel: isExternal ? rel : undefined, href: disabled ? '#' : href, "aria-disabled": disabled, cursor: "pointer", ...props }));
+});
+BaseLink.displayName = 'BaseLink';
+
+export { BaseLink };

package/dist/BaseLink/index.js

@@ -1,4 +1,9 @@
-import { BaseLink as r } from "./BaseLink.js";
-export {
-  r as BaseLink
-};
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const BaseLink = require('./BaseLink.js');
+
+
+
+exports.BaseLink = BaseLink.BaseLink;

package/dist/BaseLink/index.mjs

@@ -0,0 +1 @@
+export { BaseLink } from './BaseLink.mjs';