@redsift/design-system-legacy 6.0.0 → 6.1.0-alpha.0

package/package.json

@@ -3,15 +3,15 @@
   "publishConfig": {
     "directory": "dist"
   },
-  "main": "esm/index.js",
-  "module": "esm/index.js",
+  "main": "index.js",
+  "module": "index.js",
   "sideEffects": false,
   "scripts": {
     "build": "rollup -c",
     "prepare": "install-peers || exit 0",
     "prepublishOnly": "yarn build"
   },
-  "version": "6.0.0",
+  "version": "6.1.0-alpha.0",
   "dependencies": {
     "classnames": "^2.3.1",
     "match-sorter": "^6.3.1",
@@ -34,50 +34,34 @@
     "@babel/preset-env": "^7.17.10",
     "@babel/preset-react": "^7.17.12",
     "@babel/preset-typescript": "^7.16.7",
-    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-babel": "^6.0.2",
     "@rollup/plugin-commonjs": "^22.0.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@svgr/rollup": "^6.2.1",
-    "@svgr/webpack": "^6.2.1",
     "@typescript-eslint/eslint-plugin": "^5.28.0",
     "@typescript-eslint/parser": "^5.26.0",
     "autoprefixer": "^9.7.4",
     "babel-plugin-require-context-hook": "^1.0.0",
     "dts-bundle-generator": "^6.9.0",
-    "eslint": "^7.32.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jest": "^26.5.3",
-    "eslint-plugin-jsdoc": "^39.3.2",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-react": "^7.30.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
     "identity-obj-proxy": "^3.0.0",
     "install-peers-cli": "^2.2.0",
-    "mockdate": "^3.0.5",
     "postcss-flexbox-unboxer": "^1.0.0",
     "postcss-hover-media-feature": "^1.0.2",
     "react": "18.1.0",
     "react-dom": "18.1.0",
-    "react-test-renderer": "^18.1.0",
     "rollup": "^2.72.1",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-auto-external": "^2.0.0",
     "rollup-plugin-cleaner": "^1.0.0",
     "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-tsconfig-paths": "^1.1.8",
+    "rollup-plugin-ts-paths-resolve": "^1.7.1",
     "rollup-plugin-typescript-paths": "^1.3.1",
-    "styled-components": "^5.3.5",
-    "tsconfig-paths-webpack-plugin": "^3.5.2",
-    "typescript": "^4.6.4",
-    "typescript-strict-plugin": "^2.0.0",
-    "webpack": "^5.72.1",
-    "yargs": "^17.5.0",
-    "yarn": "^1.22.18"
+    "styled-components": "^5.3.5"
   },
   "peerDependencies": {
     "react": "17 || 18",
     "react-dom": "17 || 18",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "84222b07eb59598b104e58fcaf2034816492460e"
+  "gitHead": "cbf71715865796ec3f73f017709f6635be4a8091"
 }

package/esm/_internal/Alert.js

@@ -1,10 +0,0 @@
-export { A as Alert } from './Alert2.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'styled-components';
-import './Typography2.js';
-import 'prop-types';
-import './Button2.js';
-import './icons/WarningTriangle.js';
-import './icons/Cross.js';
-//# sourceMappingURL=Alert.js.map

package/esm/_internal/Alert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/esm/_internal/Alert2.js

@@ -1,59 +0,0 @@
-import { _ as _taggedTemplateLiteral, c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
-import React from 'react';
-import styled from 'styled-components';
-import { T as Typography } from './Typography2.js';
-import { B as Button } from './Button2.js';
-import { WarningTriangle } from './icons/WarningTriangle.js';
-import { Cross } from './icons/Cross.js';
-
-const _excluded = ["children", "type", "fluid", "title", "onClose"];
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-const kindToColor = {
-  success: "#e0ffe2",
-  info: "#dbf1ff",
-  warning: "#fff6dd",
-  danger: "#ffe3e0"
-};
-const kindToCornerColor = {
-  warning: "#FCBB54",
-  danger: "#E06354"
-};
-const AlertContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  padding: 1.5em 3em;\n  display: flex;\n  flex-direction: row;\n  background-color: ", ";\n  justify-content: space-between;\n  ", "\n  align-items: ", ";\n  > button {\n    align-self: ", ";\n  }\n  line-height: 1.3em;\n"])), props => kindToColor[props.type], props => props.fluid ? "width: 100%;" : "", props => props.simple ? "center" : "flex-start", props => props.simple ? "center" : "flex-start");
-const Title = styled(Typography)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-family: Raleway;\n  margin-bottom: 0.5em;\n  font-weight: 600;\n  font-size: 1.12em;\n"])));
-const Content = styled(Typography)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: #333;\n  font-weight: medium;\n  > p {\n    margin-bottom: 0;\n  }\n"])));
-const CloseButton = styled(Button)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n"])), props => props.simple ? "margin: 0 -2em 0 2em;" : "\n    position: absolute;\n    top: .75em;\n    right: .5em;\n  ");
-const WarningContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  padding: 0.5em 0.75em 0.75em 0.5em;\n  border-radius: 0 0 3.5em 0;\n  background-color: ", ";\n"])), props => props.color);
-const Alert = _ref => {
-  let {
-    children,
-    type = "info",
-    fluid,
-    title,
-    onClose
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(AlertContainer, _extends({
-    type: type,
-    simple: !title,
-    fluid: fluid,
-    role: "alert"
-  }, rest), /*#__PURE__*/React.createElement("div", null, kindToCornerColor[type] && /*#__PURE__*/React.createElement(WarningContainer, {
-    color: kindToCornerColor[type]
-  }, /*#__PURE__*/React.createElement(WarningTriangle, {
-    fill: "#FFF",
-    fillBar: true,
-    width: 20
-  })), title && /*#__PURE__*/React.createElement(Title, null, title), /*#__PURE__*/React.createElement(Content, null, children)), onClose && /*#__PURE__*/React.createElement(CloseButton, {
-    flatIcon: true,
-    simple: !title,
-    onClick: onClose
-  }, /*#__PURE__*/React.createElement(Cross, {
-    title: "dismiss",
-    width: title ? 10 : 12
-  })));
-};
-
-export { Alert as A };
-//# sourceMappingURL=Alert2.js.map

package/esm/_internal/Alert2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert2.js","sources":["../../../src/components/Alert/Alert.jsx"],"sourcesContent":["// @ts-nocheck\nimport React from 'react';\nimport styled from 'styled-components';\n\nimport { Button } from '../Button';\nimport { Typography } from '../Typography';\nimport { WarningTriangle, Cross } from '../icons';\n\nconst kindToColor = {\n  success: \"#e0ffe2\",\n  info: \"#dbf1ff\",\n  warning: \"#fff6dd\",\n  danger: \"#ffe3e0\",\n};\n\nconst kindToCornerColor = {\n  warning: \"#FCBB54\",\n  danger: \"#E06354\",\n};\n\nconst AlertContainer = styled.div`\n  position: relative;\n  padding: 1.5em 3em;\n  display: flex;\n  flex-direction: row;\n  background-color: ${(props) => kindToColor[props.type]};\n  justify-content: space-between;\n  ${(props) => (props.fluid ? \"width: 100%;\" : \"\")}\n  align-items: ${(props) => (props.simple ? \"center\" : \"flex-start\")};\n  > button {\n    align-self: ${(props) => (props.simple ? \"center\" : \"flex-start\")};\n  }\n  line-height: 1.3em;\n`;\n\nconst Title = styled(Typography)`\n  font-family: Raleway;\n  margin-bottom: 0.5em;\n  font-weight: 600;\n  font-size: 1.12em;\n`;\n\nconst Content = styled(Typography)`\n  color: #333;\n  font-weight: medium;\n  > p {\n    margin-bottom: 0;\n  }\n`;\n\nconst CloseButton = styled(Button)`\n  ${(props) =>\n    props.simple\n      ? \"margin: 0 -2em 0 2em;\"\n      : `\n    position: absolute;\n    top: .75em;\n    right: .5em;\n  `}\n`;\n\nconst WarningContainer = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  padding: 0.5em 0.75em 0.75em 0.5em;\n  border-radius: 0 0 3.5em 0;\n  background-color: ${(props) => props.color};\n`;\n\nexport const Alert = ({ children, type = \"info\", fluid, title, onClose, ...rest }) => (\n  <AlertContainer\n    type={type}\n    simple={!title}\n    fluid={fluid}\n    role=\"alert\"\n    {...rest}\n  >\n    <div>\n      {kindToCornerColor[type] && (\n        <WarningContainer color={kindToCornerColor[type]}>\n          <WarningTriangle fill=\"#FFF\" fillBar width={20} />\n        </WarningContainer>\n      )}\n      {title && <Title>{title}</Title>}\n      <Content>{children}</Content>\n    </div>\n    {onClose && (\n      <CloseButton flatIcon simple={!title} onClick={onClose}>\n        <Cross title=\"dismiss\" width={title ? 10 : 12} />\n      </CloseButton>\n    )}\n  </AlertContainer>\n);\n"],"names":["kindToColor","success","info","warning","danger","kindToCornerColor","AlertContainer","styled","div","props","type","fluid","simple","Title","Typography","Content","CloseButton","Button","WarningContainer","color","Alert","children","title","onClose","rest"],"mappings":"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"}

package/esm/_internal/Button.js

@@ -1,5 +0,0 @@
-export { B as Button } from './Button2.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'styled-components';
-//# sourceMappingURL=Button.js.map

package/esm/_internal/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/esm/_internal/Button2.js

@@ -1,56 +0,0 @@
-import { _ as _taggedTemplateLiteral, c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
-import React, { Fragment } from 'react';
-import styled, { keyframes } from 'styled-components';
-
-const _excluded = ["isLoading", "children", "color", "hoverColor", "flat", "flatIcon", "raised", "outlined", "loaderStyles", "danger", "white", "onClick", "type"];
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-const spin = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  to {\n    transform: rotate(360deg);\n  }\n  "])));
-const Loader = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: calc(50% - 10px);\n  left: calc(50% - 10px);\n  border: 3px solid rgba(255, 255, 255, 0.1);\n  border-top-color: ", ";\n  border-radius: 50%;\n  width: 1.1em;\n  height: 1.1em;\n  animation: ", " 1s linear infinite;\n"])), props => props.color || "#fff", spin);
-const BaseButton = styled.button(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  font-size: 0.875rem;\n  background-color: transparent;\n  font-family: Raleway, sans-serif;\n  user-select: none;\n  border-radius: 4px;\n  padding: 0px 16px;\n  height: 40px;\n  vertical-align: middle;\n  font-weight: 500;\n  transition: background-color 0.2s ease;\n  text-decoration: none;\n  text-align: center;\n  outline: 0;\n  border-width: 0;\n  cursor: pointer;\n  &:disabled {\n    color: rgba(0, 0, 0, 0.26);\n    cursor: default;\n  }\n  &:disabled:hover {\n    background-color: transparent;\n  }\n"])));
-const FlatButton = styled(BaseButton)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n  &:hover {\n    background-color: ", ";\n  }\n"])), props => props.color || "", props => props.hoverColor || "");
-const IconButton = styled(BaseButton)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  align-self: center;\n  padding: 0px;\n  margin: 0px 5px;\n  height: unset;\n"])));
-const OutlinedButton = styled(BaseButton)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  border-style: solid;\n  border-width: 1px;\n  border-color: ", ";\n  color: ", ";\n  &:hover {\n    background-color: ", ";\n  }\n  &:disabled {\n    border-color: rgba(0, 0, 0, 0.12);\n  }\n"])), props => props.color || "", props => props.color || "", props => props.hoverColor || "");
-const DefaultButton = styled(BaseButton)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  color: #fff;\n  background-color: ", ";\n  &:hover {\n    background-color: ", ";\n  }\n  &:disabled {\n    background-color: rgba(0, 0, 0, 0.12);\n  }\n  &:disabled:hover {\n    background-color: rgba(0, 0, 0, 0.12);\n  }\n"])), props => props.color || "", props => props.hoverColor || props.color || "");
-const RaisedButton = styled(DefaultButton)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),\n    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);\n  &:disabled {\n    box-shadow: none;\n  }\n"])));
-const Button = props => {
-  const {
-    isLoading,
-    children,
-    color,
-    hoverColor,
-    flat,
-    flatIcon,
-    raised,
-    outlined,
-    loaderStyles,
-    danger,
-    white,
-    onClick,
-    type = "button"
-  } = props,
-        rest = _objectWithoutProperties(props, _excluded);
-
-  const Component = flat ? FlatButton : outlined ? OutlinedButton : flatIcon ? IconButton : raised ? RaisedButton : DefaultButton;
-  const buttonColor = "color" in props ? color : danger ? "#e06354" : white ? "#fff" : "";
-  const buttonHoverColor = "hoverColor" in props ? hoverColor : danger ? !flat && !outlined ? "#c23324" : "rgba(224, 99, 84, 0.1)" : white ? !flat && !outlined ? "#f2f2f2" : "rgba(255, 255, 255, 0.2)" : "";
-  const loaderColor = !flat && !outlined ? "#fff" : buttonColor;
-  return /*#__PURE__*/React.createElement(Component, _extends({
-    color: buttonColor,
-    hoverColor: buttonHoverColor,
-    onClick: !isLoading ? onClick : null,
-    type: type
-  }, rest), isLoading ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Loader, {
-    color: loaderColor,
-    style: {
-      loaderStyles
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      visibility: "hidden"
-    }
-  }, children)) : children);
-};
-
-export { Button as B };
-//# sourceMappingURL=Button2.js.map

package/esm/_internal/Button2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button2.js","sources":["../../../src/components/Button/Button.jsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport styled, { keyframes } from 'styled-components';\n\nconst spin = keyframes`\n  to {\n    transform: rotate(360deg);\n  }\n  `;\n\nconst Loader = styled.div`\n  position: absolute;\n  top: calc(50% - 10px);\n  left: calc(50% - 10px);\n  border: 3px solid rgba(255, 255, 255, 0.1);\n  border-top-color: ${(props) => props.color || \"#fff\"};\n  border-radius: 50%;\n  width: 1.1em;\n  height: 1.1em;\n  animation: ${spin} 1s linear infinite;\n`;\n\nconst BaseButton = styled.button`\n  position: relative;\n  font-size: 0.875rem;\n  background-color: transparent;\n  font-family: Raleway, sans-serif;\n  user-select: none;\n  border-radius: 4px;\n  padding: 0px 16px;\n  height: 40px;\n  vertical-align: middle;\n  font-weight: 500;\n  transition: background-color 0.2s ease;\n  text-decoration: none;\n  text-align: center;\n  outline: 0;\n  border-width: 0;\n  cursor: pointer;\n  &:disabled {\n    color: rgba(0, 0, 0, 0.26);\n    cursor: default;\n  }\n  &:disabled:hover {\n    background-color: transparent;\n  }\n`;\n\nconst FlatButton = styled(BaseButton)`\n  color: ${(props) => props.color || \"\"};\n  &:hover {\n    background-color: ${(props) => props.hoverColor || \"\"};\n  }\n`;\n\nconst IconButton = styled(BaseButton)`\n  align-self: center;\n  padding: 0px;\n  margin: 0px 5px;\n  height: unset;\n`;\n\nconst OutlinedButton = styled(BaseButton)`\n  border-style: solid;\n  border-width: 1px;\n  border-color: ${(props) => props.color || \"\"};\n  color: ${(props) => props.color || \"\"};\n  &:hover {\n    background-color: ${(props) => props.hoverColor || \"\"};\n  }\n  &:disabled {\n    border-color: rgba(0, 0, 0, 0.12);\n  }\n`;\n\nconst DefaultButton = styled(BaseButton)`\n  color: #fff;\n  background-color: ${(props) => props.color || \"\"};\n  &:hover {\n    background-color: ${(props) => props.hoverColor || props.color || \"\"};\n  }\n  &:disabled {\n    background-color: rgba(0, 0, 0, 0.12);\n  }\n  &:disabled:hover {\n    background-color: rgba(0, 0, 0, 0.12);\n  }\n`;\n\nconst RaisedButton = styled(DefaultButton)`\n  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),\n    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);\n  &:disabled {\n    box-shadow: none;\n  }\n`;\n\nexport const Button = (props) => {\n  const {\n    isLoading,\n    children,\n    color,\n    hoverColor,\n    flat,\n    flatIcon,\n    raised,\n    outlined,\n    loaderStyles,\n    danger,\n    white,\n    onClick,\n    type = \"button\",\n    ...rest\n  } = props;\n\n  const Component = flat\n    ? FlatButton\n    : outlined\n    ? OutlinedButton\n    : flatIcon\n    ? IconButton\n    : raised\n    ? RaisedButton\n    : DefaultButton;\n\n  const buttonColor =\n    \"color\" in props ? color : danger ? \"#e06354\" : white ? \"#fff\" : \"\";\n\n  const buttonHoverColor =\n    \"hoverColor\" in props\n      ? hoverColor\n      : danger\n      ? !flat && !outlined\n        ? \"#c23324\"\n        : \"rgba(224, 99, 84, 0.1)\"\n      : white\n      ? !flat && !outlined\n        ? \"#f2f2f2\"\n        : \"rgba(255, 255, 255, 0.2)\"\n      : \"\";\n\n  const loaderColor = !flat && !outlined ? \"#fff\" : buttonColor;\n\n  return (\n    <Component\n      color={buttonColor}\n      hoverColor={buttonHoverColor}\n      onClick={!isLoading ? onClick : null}\n      type={type}\n      {...rest}\n    >\n      {isLoading ? (\n        <Fragment>\n          <Loader color={loaderColor} style={{ loaderStyles }} />\n          <div style={{ visibility: \"hidden\" }}>{children}</div>\n        </Fragment>\n      ) : (\n        children\n      )}\n    </Component>\n  );\n};\n"],"names":["spin","keyframes","Loader","styled","div","props","color","BaseButton","button","FlatButton","hoverColor","IconButton","OutlinedButton","DefaultButton","RaisedButton","Button","isLoading","children","flat","flatIcon","raised","outlined","loaderStyles","danger","white","onClick","type","rest","Component","buttonColor","buttonHoverColor","loaderColor","visibility"],"mappings":"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"}

package/esm/_internal/Card.js

@@ -1,6 +0,0 @@
-export { C as Card } from './Card2.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'prop-types';
-import 'styled-components';
-//# sourceMappingURL=Card.js.map

package/esm/_internal/Card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/_internal/Card2.js

@@ -1,33 +0,0 @@
-import { _ as _taggedTemplateLiteral, c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
-import React from 'react';
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
-
-const _excluded = ["children", "className", "component", "noPadding"];
-
-var _templateObject;
-const StyledCard = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: #fff;\n  border-radius: 10px;\n  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),\n    0 1px 3px 0 rgba(0, 0, 0, 0.12);\n  box-sizing: border-box;\n  margin-bottom: 20px;\n  padding: ", ";\n  width: 100%;\n"])), props => props.noPadding ? "" : "1.875rem");
-const Card = _ref => {
-  let {
-    children,
-    className,
-    component,
-    noPadding
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(StyledCard, _extends({}, otherProps, {
-    noPadding: noPadding,
-    as: component,
-    className: className
-  }), children);
-};
-Card.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  component: PropTypes.string,
-  noPadding: PropTypes.bool
-};
-
-export { Card as C };
-//# sourceMappingURL=Card2.js.map

package/esm/_internal/Card2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card2.js","sources":["../../../src/components/Card/Card.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from \"prop-types\";\nimport styled from 'styled-components';\n\nconst StyledCard = styled.section`\n  background-color: #fff;\n  border-radius: 10px;\n  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),\n    0 1px 3px 0 rgba(0, 0, 0, 0.12);\n  box-sizing: border-box;\n  margin-bottom: 20px;\n  padding: ${(props) => (props.noPadding ? \"\" : \"1.875rem\")};\n  width: 100%;\n`;\n\nexport const Card = ({ children, className, component, noPadding, ...otherProps }) => {\n  return (\n    <StyledCard\n      {...otherProps}\n      noPadding={noPadding}\n      as={component}\n      className={className}\n    >\n      {children}\n    </StyledCard>\n  );\n};\n\nCard.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  component: PropTypes.string,\n  noPadding: PropTypes.bool,\n};\n"],"names":["StyledCard","styled","section","props","noPadding","Card","children","className","component","otherProps","propTypes","PropTypes","node","string","bool"],"mappings":";;;;;;;;AAIA,MAAMA,UAAU,GAAGC,MAAM,CAACC,OAAV,CAOFC,eAAAA,KAAAA,eAAAA,GAAAA,sBAAAA,CAAAA,CAAAA,8OAAAA,EAAAA,qBAAAA,CAAAA,CAAAA,CAAAA,EAAAA,KAAD,IAAYA,KAAK,CAACC,SAAN,GAAkB,EAAlB,GAAuB,UAPhC,CAAhB,CAAA;AAWO,MAAMC,IAAI,GAAG,IAAkE,IAAA;EAAA,IAAjE;IAAEC,QAAF;IAAYC,SAAZ;IAAuBC,SAAvB;AAAkCJ,IAAAA,SAAAA;GAA+B,GAAA,IAAA;AAAA,MAAjBK,UAAiB,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;EACpF,oBACE,KAAA,CAAA,aAAA,CAAC,UAAD,EAAA,QAAA,CAAA,EAAA,EACMA,UADN,EAAA;AAEE,IAAA,SAAS,EAAEL,SAFb;AAGE,IAAA,EAAE,EAAEI,SAHN;AAIE,IAAA,SAAS,EAAED,SAAAA;AAJb,GAAA,CAAA,EAMGD,QANH,CADF,CAAA;AAUD,EAXM;AAaPD,IAAI,CAACK,SAAL,GAAiB;EACfJ,QAAQ,EAAEK,SAAS,CAACC,IADL;EAEfL,SAAS,EAAEI,SAAS,CAACE,MAFN;EAGfL,SAAS,EAAEG,SAAS,CAACE,MAHN;EAIfT,SAAS,EAAEO,SAAS,CAACG,IAAAA;AAJN,CAAjB;;;;"}

package/esm/_internal/CardHeader.js

@@ -1,7 +0,0 @@
-export { C as CardHeader } from './CardHeader2.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'prop-types';
-import 'styled-components';
-import './Typography2.js';
-//# sourceMappingURL=CardHeader.js.map

package/esm/_internal/CardHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/esm/_internal/CardHeader2.js

@@ -1,35 +0,0 @@
-import { _ as _taggedTemplateLiteral, c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
-import React from 'react';
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
-import { T as Typography } from './Typography2.js';
-
-const _excluded = ["children", "className", "title"];
-
-var _templateObject, _templateObject2, _templateObject3;
-const StyledContainer = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 0.5rem;\n"])));
-const StyledTitle = styled(Typography)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 0;\n  padding: 0;\n"])));
-const StyledContent = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  align-items: flex-end;\n  display: flex;\n  gap: 10px;\n"])));
-const CardHeader = _ref => {
-  let {
-    children,
-    className,
-    title
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(StyledContainer, _extends({
-    className: className
-  }, otherProps), title && /*#__PURE__*/React.createElement(StyledTitle, {
-    as: "h2",
-    size: "h2"
-  }, title), /*#__PURE__*/React.createElement(StyledContent, null, children));
-};
-CardHeader.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  title: PropTypes.string
-};
-
-export { CardHeader as C };
-//# sourceMappingURL=CardHeader2.js.map

package/esm/_internal/CardHeader2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardHeader2.js","sources":["../../../src/components/CardHeader/CardHeader.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from \"prop-types\";\nimport styled from 'styled-components';\nimport { Typography } from '../Typography';\n\nconst StyledContainer = styled.section`\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 0.5rem;\n`;\n\nconst StyledTitle = styled(Typography)`\n  margin: 0;\n  padding: 0;\n`;\n\nconst StyledContent = styled.div`\n  align-items: flex-end;\n  display: flex;\n  gap: 10px;\n`;\n\nexport const CardHeader = ({ children, className, title, ...otherProps }) => {\n  return (\n    <StyledContainer className={className} {...otherProps}>\n      {title && (\n        <StyledTitle as=\"h2\" size=\"h2\">\n          {title}\n        </StyledTitle>\n      )}\n      <StyledContent>{children}</StyledContent>\n    </StyledContainer>\n  );\n};\n\nCardHeader.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  title: PropTypes.string,\n};\n"],"names":["StyledContainer","styled","section","StyledTitle","Typography","StyledContent","div","CardHeader","children","className","title","otherProps","propTypes","PropTypes","node","string"],"mappings":";;;;;;;;;AAKA,MAAMA,eAAe,GAAGC,MAAM,CAACC,OAAV,CAArB,eAAA,KAAA,eAAA,GAAA,sBAAA,CAAA,CAAA,mFAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAMA,MAAMC,WAAW,GAAGF,MAAM,CAACG,UAAD,CAAT,CAAjB,gBAAA,KAAA,gBAAA,GAAA,sBAAA,CAAA,CAAA,iCAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAKA,MAAMC,aAAa,GAAGJ,MAAM,CAACK,GAAV,CAAnB,gBAAA,KAAA,gBAAA,GAAA,sBAAA,CAAA,CAAA,8DAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAMO,MAAMC,UAAU,GAAG,IAAmD,IAAA;EAAA,IAAlD;IAAEC,QAAF;IAAYC,SAAZ;AAAuBC,IAAAA,KAAAA;GAA2B,GAAA,IAAA;AAAA,MAAjBC,UAAiB,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAC3E,EAAA,oBACE,oBAAC,eAAD,EAAA,QAAA,CAAA;AAAiB,IAAA,SAAS,EAAEF,SAAAA;AAA5B,GAAA,EAA2CE,UAA3C,CAAA,EACGD,KAAK,iBACJ,oBAAC,WAAD,EAAA;AAAa,IAAA,EAAE,EAAC,IAAhB;AAAqB,IAAA,IAAI,EAAC,IAAA;GACvBA,EAAAA,KADH,CAFJ,eAME,KAAA,CAAA,aAAA,CAAC,aAAD,EAAgBF,IAAAA,EAAAA,QAAhB,CANF,CADF,CAAA;AAUD,EAXM;AAaPD,UAAU,CAACK,SAAX,GAAuB;EACrBJ,QAAQ,EAAEK,SAAS,CAACC,IADC;EAErBL,SAAS,EAAEI,SAAS,CAACE,MAFA;EAGrBL,KAAK,EAAEG,SAAS,CAACE,MAAAA;AAHI,CAAvB;;;;"}

package/esm/_internal/Checkbox.js

@@ -1,7 +0,0 @@
-export { C as Checkbox } from './Checkbox2.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'styled-components';
-import './Typography2.js';
-import 'prop-types';
-//# sourceMappingURL=Checkbox.js.map

package/esm/_internal/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/esm/_internal/Checkbox2.js

@@ -1,53 +0,0 @@
-import { _ as _taggedTemplateLiteral, c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
-import React from 'react';
-import styled from 'styled-components';
-import { T as Typography } from './Typography2.js';
-
-const _excluded = ["color", "inputProps", "labelProps", "checked", "defaultChecked", "disabled", "onChange", "label", "checkProps", "borderColor", "hideLabel", "dashed"];
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-const Wrapper = styled.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: ", ";\n"])), props => props.disabled ? "default" : "pointer");
-const Input = styled.input(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  opacity: 0;\n  z-index: -1;\n  transition: border-color 0.2s, background-color 0.2s, transform 0.2s;\n  /* Create the background for checked status */\n  :checked + span {\n    background-color: ", ";\n    border-color: ", ";\n  }\n  /* Show the checkmark when checked */\n  :checked + span:after {\n    display: block;\n  }\n  /* Create the background for disabled status */\n  :disabled + span {\n    cursor: initial;\n    border-color: #ccc;\n  }\n  :checked:disabled + span {\n    cursor: initial;\n    background-color: #ccc;\n    border-color: #ccc;\n  }\n"])), props => props.checkedColor || "#000", props => props.checkedColor || "#000");
-const CheckIndicator = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  /* Create the box */\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  background-color: #fff;\n  content: \"\";\n  display: inline-block;\n  box-sizing: border-box;\n  border: solid 2px;\n  border-color: ", ";\n  border-radius: 2px;\n  width: 18px;\n  height: 18px;\n  vertical-align: top;\n  transition: border-color 0.2s, background-color 0.2s;\n\n  /* Create the checkmark */\n  :after {\n    content: \"\";\n    position: absolute;\n    display: none;\n    top: ", ";\n    left: ", ";\n    width: ", ";\n    height: 10px;\n    border: solid white;\n    border-width: ", ";\n    -webkit-transform: ", ";\n    -ms-transform: ", ";\n    transform: ", ";\n  }\n"])), props => props.borderColor || "rgba(0, 0, 0 , .54)", props => props.dashed ? "6px" : "0px", props => props.dashed ? "2px" : "4px", props => props.dashed ? "10px" : "5px", props => props.dashed ? "2px 0px 0px 0px" : "0 2px 2px 0", props => props.dashed ? "" : "rotate(45deg)", props => props.dashed ? "" : "rotate(45deg)", props => props.dashed ? "" : "rotate(45deg)");
-const Text = styled(Typography)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-left: ", ";\n"])), props => props.hideLabel ? "0px" : "10px");
-const Checkbox = props => {
-  const {
-    color,
-    inputProps,
-    labelProps,
-    checked,
-    defaultChecked,
-    disabled,
-    onChange,
-    label,
-    checkProps,
-    borderColor,
-    hideLabel,
-    dashed
-  } = props,
-        rest = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(Wrapper, _extends({}, rest, {
-    disabled: disabled
-  }), /*#__PURE__*/React.createElement(Input, _extends({
-    checkedColor: color,
-    checked: checked,
-    defaultChecked: defaultChecked,
-    disabled: disabled,
-    onChange: onChange,
-    "aria-label": label
-  }, inputProps, {
-    type: "checkbox"
-  })), /*#__PURE__*/React.createElement(CheckIndicator, _extends({
-    dashed: dashed,
-    borderColor: borderColor,
-    checkedColor: color
-  }, checkProps)), /*#__PURE__*/React.createElement(Text, _extends({
-    hideLabel: hideLabel,
-    component: "span",
-    color: disabled ? "#ccc" : "#333"
-  }, labelProps), !hideLabel && label));
-};
-
-export { Checkbox as C };
-//# sourceMappingURL=Checkbox2.js.map

package/esm/_internal/Checkbox2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox2.js","sources":["../../../src/components/Checkbox/Checkbox.jsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Typography } from '../Typography';\n\nconst Wrapper = styled.label`\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: ${props => (props.disabled ? \"default\" : \"pointer\")};\n`;\n\nconst Input = styled.input`\n  position: absolute;\n  opacity: 0;\n  z-index: -1;\n  transition: border-color 0.2s, background-color 0.2s, transform 0.2s;\n  /* Create the background for checked status */\n  :checked + span {\n    background-color: ${props => props.checkedColor || \"#000\"};\n    border-color: ${props => props.checkedColor || \"#000\"};\n  }\n  /* Show the checkmark when checked */\n  :checked + span:after {\n    display: block;\n  }\n  /* Create the background for disabled status */\n  :disabled + span {\n    cursor: initial;\n    border-color: #ccc;\n  }\n  :checked:disabled + span {\n    cursor: initial;\n    background-color: #ccc;\n    border-color: #ccc;\n  }\n`;\n\nconst CheckIndicator = styled.span`\n  /* Create the box */\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  background-color: #fff;\n  content: \"\";\n  display: inline-block;\n  box-sizing: border-box;\n  border: solid 2px;\n  border-color: ${props => props.borderColor || \"rgba(0, 0, 0 , .54)\"};\n  border-radius: 2px;\n  width: 18px;\n  height: 18px;\n  vertical-align: top;\n  transition: border-color 0.2s, background-color 0.2s;\n\n  /* Create the checkmark */\n  :after {\n    content: \"\";\n    position: absolute;\n    display: none;\n    top: ${props => (props.dashed ? \"6px\" : \"0px\")};\n    left: ${props => (props.dashed ? \"2px\" : \"4px\")};\n    width: ${props => (props.dashed ? \"10px\" : \"5px\")};\n    height: 10px;\n    border: solid white;\n    border-width: ${props =>\n      props.dashed ? \"2px 0px 0px 0px\" : \"0 2px 2px 0\"};\n    -webkit-transform: ${props => (props.dashed ? \"\" : \"rotate(45deg)\")};\n    -ms-transform: ${props => (props.dashed ? \"\" : \"rotate(45deg)\")};\n    transform: ${props => (props.dashed ? \"\" : \"rotate(45deg)\")};\n  }\n`;\n\nconst Text = styled(Typography)`\n  margin-left: ${props => (props.hideLabel ? \"0px\" : \"10px\")};\n`;\n\nexport const Checkbox = props => {\n  const {\n    color,\n    inputProps,\n    labelProps,\n    checked,\n    defaultChecked,\n    disabled,\n    onChange,\n    label,\n    checkProps,\n    borderColor,\n    hideLabel,\n    dashed,\n    ...rest\n  } = props;\n  return (\n    <Wrapper {...rest} disabled={disabled}>\n      <Input\n        checkedColor={color}\n        checked={checked}\n        defaultChecked={defaultChecked}\n        disabled={disabled}\n        onChange={onChange}\n        aria-label={label}\n        {...inputProps}\n        type=\"checkbox\"\n      />\n      <CheckIndicator\n        dashed={dashed}\n        borderColor={borderColor}\n        checkedColor={color}\n        {...checkProps}\n      />\n      <Text\n        hideLabel={hideLabel}\n        component=\"span\"\n        color={disabled ? \"#ccc\" : \"#333\"}\n        {...labelProps}\n      >\n        {!hideLabel && label}\n      </Text>\n    </Wrapper>\n  );\n};\n"],"names":["Wrapper","styled","label","props","disabled","Input","input","checkedColor","CheckIndicator","span","borderColor","dashed","Text","Typography","hideLabel","Checkbox","color","inputProps","labelProps","checked","defaultChecked","onChange","checkProps","rest"],"mappings":"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"}

package/esm/_internal/CheckboxTree.js

@@ -1,8 +0,0 @@
-export { C as CheckboxTree, a as addKeysToNode, u as updateNodes } from './CheckboxTree2.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'styled-components';
-import './Checkbox2.js';
-import './Typography2.js';
-import 'prop-types';
-//# sourceMappingURL=CheckboxTree.js.map

package/esm/_internal/CheckboxTree.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxTree.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}