@lightsparkdev/ui 1.0.10 → 1.0.12

package/dist/chunk-J5TNC4VK.cjs

@@ -0,0 +1,507 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkA4V6K3NLcjs = require('./chunk-A4V6K3NL.cjs');
+
+
+var _chunk3KKC4JH2cjs = require('./chunk-3KKC4JH2.cjs');
+
+
+var _chunkW7JGP24Bcjs = require('./chunk-W7JGP24B.cjs');
+
+
+var _chunkGLSWZ36Ycjs = require('./chunk-GLSWZ36Y.cjs');
+
+
+var _chunkJDWL6PDJcjs = require('./chunk-JDWL6PDJ.cjs');
+
+
+
+var _chunkLQ7N5FRYcjs = require('./chunk-LQ7N5FRY.cjs');
+
+
+var _chunk23OGEUAAcjs = require('./chunk-23OGEUAA.cjs');
+
+
+var _chunkIBPPT3NUcjs = require('./chunk-IBPPT3NU.cjs');
+
+
+var _chunkSP3BMGMUcjs = require('./chunk-SP3BMGMU.cjs');
+
+
+var _chunkATCXH4ZAcjs = require('./chunk-ATCXH4ZA.cjs');
+
+
+var _chunkTETFIMNOcjs = require('./chunk-TETFIMNO.cjs');
+
+
+var _chunkCBPXRCT4cjs = require('./chunk-CBPXRCT4.cjs');
+
+
+var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
+
+
+var _chunk6PQGI7PYcjs = require('./chunk-6PQGI7PY.cjs');
+
+
+var _chunkAIJ4JHXBcjs = require('./chunk-AIJ4JHXB.cjs');
+
+
+
+
+
+
+var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
+
+
+var _chunkRBWRQTGBcjs = require('./chunk-RBWRQTGB.cjs');
+
+
+var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
+
+
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+
+
+var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/CardForm/CardForm.tsx
+var _react = require('@emotion/react');
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _react3 = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function resolveProps(args, theme) {
+  const paddingY = resolveCardFormProp(void 0, args.kind, "paddingY", theme);
+  const paddingX = resolveCardFormProp(void 0, args.kind, "paddingX", theme);
+  const textAlign = resolveCardFormProp(
+    args.textAlign,
+    args.kind,
+    "textAlign",
+    theme
+  );
+  const shadow = resolveCardFormProp(args.shadow, args.kind, "shadow", theme);
+  const borderRadius = resolveCardFormProp(
+    void 0,
+    args.kind,
+    "borderRadius",
+    theme
+  );
+  const borderWidth = resolveCardFormProp(
+    void 0,
+    args.kind,
+    "borderWidth",
+    theme
+  );
+  const borderColor = resolveCardFormProp(
+    void 0,
+    args.kind,
+    "borderColor",
+    theme
+  );
+  const backgroundColor = resolveCardFormProp(
+    void 0,
+    args.kind,
+    "backgroundColor",
+    theme
+  );
+  const smBackgroundColor = resolveCardFormProp(
+    void 0,
+    args.kind,
+    "smBackgroundColor",
+    theme
+  );
+  const smBorderWidth = resolveCardFormProp(
+    void 0,
+    args.kind,
+    "smBorderWidth",
+    theme
+  );
+  const defaultDescriptionTypographyMap = resolveCardFormProp(
+    void 0,
+    args.kind,
+    "defaultDescriptionTypographyMap",
+    theme
+  );
+  const props = {
+    paddingY,
+    paddingX,
+    shadow,
+    borderRadius,
+    borderColor,
+    borderWidth,
+    textAlign,
+    backgroundColor,
+    smBackgroundColor,
+    smBorderWidth,
+    defaultDescriptionTypographyMap
+  };
+  return props;
+}
+function CardForm({
+  children,
+  disabled,
+  topContent = null,
+  title,
+  description,
+  onSubmit,
+  titleRightIcon,
+  /* In some cases eg third party libs we can't avoid the need for child forms, so the
+     top level element must be a div. Avoid using this prop generally except when necessary: */
+  hasChildForm,
+  wide = false,
+  kind = "primary",
+  shadow: shadowProp,
+  textAlign: textAlignProp,
+  belowFormContent,
+  belowFormContentGap = 0
+}) {
+  const theme = _react.useTheme.call(void 0, );
+  const {
+    paddingY,
+    paddingX,
+    shadow,
+    borderRadius,
+    borderWidth,
+    borderColor,
+    textAlign,
+    backgroundColor,
+    smBackgroundColor,
+    smBorderWidth,
+    defaultDescriptionTypographyMap
+  } = resolveProps(
+    { kind, textAlign: textAlignProp, shadow: shadowProp },
+    theme
+  );
+  const onSubmitForm = _react3.useCallback.call(void 0, 
+    (e) => {
+      e.preventDefault();
+      if (disabled) {
+        return;
+      }
+      if (onSubmit) {
+        onSubmit(e);
+      }
+    },
+    [onSubmit, disabled]
+  );
+  const formattedDescription = description ? _chunkTETFIMNOcjs.toReactNodesWithTypographyMap.call(void 0, 
+    description,
+    defaultDescriptionTypographyMap
+  ) : null;
+  const belowFormContentNodes = belowFormContent ? _chunkCBPXRCT4cjs.toReactNodes.call(void 0, belowFormContent) : null;
+  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardFormContent, { children: [
+    topContent,
+    title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardHeadline, { hasTopContent: Boolean(topContent), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkA4V6K3NLcjs.Headline,
+      {
+        content: [
+          title,
+          ...titleRightIcon ? [_chunkCH2PLO6Fcjs.icon.call(void 0, { name: titleRightIcon.name, ml: 4 })] : []
+        ],
+        display: "inline-flex"
+      }
+    ) }),
+    formattedDescription && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardFormSubtitle, { children: formattedDescription }),
+    children
+  ] });
+  const commonProps = {
+    wide,
+    shadow,
+    borderRadius,
+    borderWidth,
+    borderColor,
+    textAlign,
+    paddingX,
+    paddingY,
+    backgroundColor,
+    smBackgroundColor,
+    smBorderWidth
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardFormContainer, { children: [
+    hasChildForm ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDiv, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonProps), { children: content })) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardForm, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { onSubmit: onSubmitForm, noValidate: true }, commonProps), { children: content })),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BelowCardFormContent, { gap: belowFormContentGap, children: belowFormContentNodes })
+  ] });
+}
+var CardFormContainer = _styled2.default.div`
+  display: flex;
+  flex-direction: column;
+
+  ${_chunkKW3JYLRIcjs.bp.sm(`
+    height: 100%;
+  `)}
+`;
+var CardFormContent = _styled2.default.div`
+  display: flex;
+  flex-direction: column;
+  align-self: center;
+`;
+var BelowCardFormContent = _styled2.default.div`
+  text-align: center;
+  margin-top: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${({ gap }) => gap}px;
+
+  ${_chunkKW3JYLRIcjs.bp.sm(`
+    margin-bottom: 32px;
+  `)}
+`;
+var CardFormSubtitle = _styled2.default.div``;
+var CardFormButtonRow = _styled2.default.div`
+  display: flex;
+  justify-content: ${({ justify }) => (
+  /* Default left */
+  justify === "center" ? "center" : "left"
+)};
+  margin-top: 32px;
+  ${_chunkIBPPT3NUcjs.ButtonSelector.call(void 0, "* + ")} {
+    margin-left: 10px;
+  }
+
+  &:not(:last-child) {
+    margin-bottom: 32px;
+  }
+`;
+var fieldLabelMarginPx = 12;
+var CardFormFieldLabel = _styled2.default.label`
+  display: block;
+  margin-top: ${_chunkLQ7N5FRYcjs.inputSpacingPx}px;
+  color: ${({ theme }) => theme.text};
+  font-size: ${_chunkAIJ4JHXBcjs.pxToRems.call(void 0, 14)};
+  font-weight: 700;
+  & + * {
+    margin-top: ${fieldLabelMarginPx}px;
+  }
+`;
+function CardFormDataFieldValue({ text }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDataFieldValue, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6PQGI7PYcjs.ClipboardTextField, { value: text, icon: true, iconSide: "right" }) });
+}
+var StyledCardFormDataFieldValue = _styled2.default.div`
+  margin-top: 4px;
+  color: ${({ theme }) => theme.mcNeutral};
+`;
+var CardFormFullWidth = _styled2.default.div``;
+var CardFormFullTopContent = _styled2.default.div`
+  ${_chunkKW3JYLRIcjs.bp.minSm(`
+    border-radius: 16px 16px 0 0;
+    overflow: hidden;
+  `)}
+`;
+var StyledCardFormCheckboxParagraph = _styled2.default.div`
+  display: flex;
+  color: ${({ theme }) => theme.mcNeutral};
+`;
+var formInset = ({ wide, paddingX, paddingY }) => _react.css`
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 100%;
+  padding-right: ${paddingX}px;
+  padding-left: ${paddingX}px;
+  padding-top: ${paddingY}px;
+  padding-bottom: ${paddingY}px;
+
+  ${_chunkKW3JYLRIcjs.bp.minSm(`
+    width: ${wide ? 700 : 505}px;
+  `)}
+
+  ${_chunkKW3JYLRIcjs.bp.sm(`
+    padding: 0;
+  `)}
+
+  ${_chunkSWQDRB3Acjs.standardContentInset.smCSS}
+
+  & ${CardFormFullWidth}, & ${CardFormFullTopContent} {
+    ${_chunkKW3JYLRIcjs.bp.sm(`
+      width: calc(100% + ${_chunkSWQDRB3Acjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunkSWQDRB3Acjs.standardContentInset.smPx}px;
+    `)}
+
+    ${_chunkKW3JYLRIcjs.bp.minSm(`
+      width: calc(100% + ${paddingX * 2}px);
+      margin-left: -${paddingX}px;
+    `)}
+  }
+
+  & ${CardFormFullTopContent} {
+    ${_chunkKW3JYLRIcjs.bp.minSm(`
+      margin-top: -${paddingY}px;
+    `)}
+  }
+`;
+var StyledCardFormStyle = ({
+  theme,
+  wide,
+  shadow,
+  borderRadius,
+  borderWidth,
+  borderColor,
+  textAlign,
+  paddingX,
+  paddingY,
+  backgroundColor,
+  smBackgroundColor,
+  smBorderWidth
+}) => {
+  return _react.css`
+    ${formInset({ wide, paddingX, paddingY })}
+    ${shadow === "soft" ? _chunkSWQDRB3Acjs.standardCardShadow : shadow === "hard" ? _chunkSWQDRB3Acjs.standardCardShadowHard : ""}
+
+    position: relative;
+    height: 100%;
+    border-style: solid;
+    border-width: ${borderWidth}px;
+    border-color: ${_chunkC6XJ7ZJFcjs.getColor.call(void 0, theme, borderColor)};
+    background-color: ${_chunkC6XJ7ZJFcjs.getColor.call(void 0, theme, backgroundColor)};
+
+    ${_chunkKW3JYLRIcjs.bp.sm(`
+      box-shadow: none;
+      background-color: ${_chunkC6XJ7ZJFcjs.getColor.call(void 0, theme, smBackgroundColor)};
+      border-width: ${smBorderWidth}px;
+    `)}
+
+    ${_chunkKW3JYLRIcjs.bp.minSm(`
+      border-radius: ${borderRadius}px;
+    `)}
+
+    ${CardHeadline}, ${CardFormSubtitle} {
+      text-align: ${textAlign};
+    }
+
+    ${CardFormSubtitle} + * {
+      margin-top: 40px !important;
+    }
+
+    ${CardFormButtonRow}, ${_chunk23OGEUAAcjs.StyledButtonRow} {
+      ${_chunkIBPPT3NUcjs.ButtonSelector.call(void 0, )} {
+        margin-top: 0;
+      }
+    }
+
+    ${_chunk3KKC4JH2cjs.StyledSelect}, ${_chunkJDWL6PDJcjs.ToggleContainer} {
+      margin-top: ${_chunkLQ7N5FRYcjs.inputSpacingPx}px;
+    }
+
+    ${CardFormFieldLabel} {
+      margin-top: ${_chunkLQ7N5FRYcjs.inputSpacingPx}px;
+
+      & + ${_chunk3KKC4JH2cjs.StyledSelect} {
+        margin-top: ${fieldLabelMarginPx}px;
+      }
+    }
+
+    ${_chunkGLSWZ36Ycjs.TextInputHalfRow} > ${_chunk3KKC4JH2cjs.StyledSelect} {
+      margin-top: 0;
+    }
+
+    ${_chunkSP3BMGMUcjs.LoadingWrapper} {
+      margin: 32px 0;
+      * + * {
+        margin-top: 0;
+      }
+    }
+
+    ${_chunkIBPPT3NUcjs.ButtonSelector.call(void 0, )} ${_chunkSP3BMGMUcjs.LoadingWrapper} {
+      margin: 0;
+    }
+
+    ${_chunkW7JGP24Bcjs.StyledFileInput} {
+      margin-top: 16px;
+    }
+
+    ${CardFormContent} {
+      & > ${StyledCardFormCheckboxParagraph} {
+        margin-top: 24px;
+      }
+
+      & > ${_chunkIBPPT3NUcjs.ButtonSelector.call(void 0, )} {
+        ${_chunkLQ7N5FRYcjs.formButtonTopMarginStyle}
+      }
+    }
+  `;
+};
+var StyledCardForm = _styled2.default.form(StyledCardFormStyle);
+var StyledCardFormDiv = _styled2.default.div(StyledCardFormStyle);
+var CardHeadline = _styled2.default.div`
+  ${({ hasTopContent }) => hasTopContent ? "margin-top: 32px;" : ""}
+
+  & + *:not(${CardFormSubtitle}) {
+    margin-top: 40px;
+  }
+
+  & + ${CardFormSubtitle} {
+    margin-top: 12px;
+  }
+`;
+function CardFormTextWithLink({
+  text,
+  toText,
+  to
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: { marginTop: "16px", fontWeight: "600" }, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: _chunkSWQDRB3Acjs.mcBold, children: text }),
+    " ",
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRBWRQTGBcjs.Link, { to, children: toText })
+  ] });
+}
+function CardFormCheckboxParagraph({
+  children,
+  onChange,
+  checked
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCardFormCheckboxParagraph, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkATCXH4ZAcjs.Checkbox, { checked, onChange, alignItems: "flex-start" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardFormCheckboxParagraphText, { onClick: () => onChange(!checked), children })
+  ] });
+}
+var CardFormCheckboxParagraphText = _styled2.default.span`
+  margin-left: 12px;
+  max-width: 350px;
+  cursor: pointer;
+`;
+var CardFormOption = ({
+  label,
+  description,
+  onClick,
+  selected = false
+}) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCardFormOption, { onClick, selected, children: [
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardFormOptionLabel, { children: label }),
+  description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardFormOptionDescription, { children: description }) : null
+] });
+var StyledCardFormOption = _styled2.default.div`
+  border: ${({ theme, selected }) => `${selected ? `2px solid ${theme.info}` : `1px solid ${theme.c1Neutral}`}`};
+  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 8)}
+  cursor: pointer;
+  margin-top: 10px;
+  padding: ${({ selected }) => selected ? "15px" : "16px"};
+`;
+var CardFormOptionLabel = _styled2.default.div`
+  font-weight: bold;
+`;
+var CardFormOptionDescription = _styled2.default.p`
+  color: ${_chunkJBCEOOZScjs.colors.gray40};
+  margin: 6px 0 0;
+`;
+function resolveCardFormProp(prop, kind, defaultKey, theme) {
+  var _a;
+  return (
+    /** props may be unset for a given kind but theme defaults always exist,
+     * so this will always resolve a value: */
+    prop || ((_a = theme.cardForm.kinds[kind]) == null ? void 0 : _a[defaultKey]) || theme.cardForm[defaultKey]
+  );
+}
+
+
+
+
+
+
+
+
+
+
+
+exports.CardForm = CardForm; exports.CardFormButtonRow = CardFormButtonRow; exports.CardFormFieldLabel = CardFormFieldLabel; exports.CardFormDataFieldValue = CardFormDataFieldValue; exports.CardFormFullWidth = CardFormFullWidth; exports.CardFormFullTopContent = CardFormFullTopContent; exports.CardFormTextWithLink = CardFormTextWithLink; exports.CardFormCheckboxParagraph = CardFormCheckboxParagraph; exports.CardFormOption = CardFormOption;

package/dist/chunk-JAGLJ4EU.js

@@ -0,0 +1,52 @@
+// src/icons/PiggyBank.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function PiggyBank({
+  strokeWidth = "1.5",
+  strokeLinecap = "butt",
+  strokeLinejoin = "miter"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 21 19",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4.2852 2.80323L4.28378 2.81174C4.16768 3.50397 4.04904 4.21137 3.96368 4.82785C3.3302 5.5199 2.84097 6.34727 2.54459 7.26219H1.75H1.09375V7.91844V10.8244V11.4626L1.7317 11.4804L2.59376 11.5045C2.97833 12.6034 3.64313 13.5696 4.50179 14.318L3.94048 15.3554L3.63587 15.9184L4.19114 16.237L5.64215 17.0693L6.19546 17.3867L6.52843 16.8426L7.20243 15.7413C7.73371 15.8781 8.29024 15.9508 8.86295 15.9508H10.733C11.2494 15.9508 11.7526 15.8917 12.2361 15.7798L12.7333 16.6734L13.0537 17.2493L13.6282 16.9265L15.0524 16.1264L15.6282 15.8028L15.301 15.2291L14.8823 14.495C16.1356 13.4907 17.0179 12.0401 17.2872 10.3828H18.3359C19.2032 10.3828 19.9063 9.67973 19.9063 8.81242C19.9063 7.9451 19.2032 7.242 18.3359 7.242H17.0447C16.1753 4.58759 13.6788 2.66994 10.733 2.66994H8.86295C8.17571 2.66994 7.51184 2.77455 6.88698 2.96907C6.72823 2.86308 6.56121 2.75214 6.39011 2.63848L6.38912 2.63782C6.057 2.4172 5.70863 2.18579 5.36863 1.95616L4.52263 1.3848L4.3541 2.39166L4.28524 2.80302L4.2852 2.80323Z",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M8.87903 5.07309H11.1462",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "ellipse",
+          {
+            cx: "5.45801",
+            cy: "7.36851",
+            rx: "0.755735",
+            ry: "0.807216",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  PiggyBank
+};

package/dist/chunk-JBCEOOZS.cjs

@@ -0,0 +1,137 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/styles/colors.tsx
+var neutral = {
+  black: "#000000",
+  gray5: "#0D0D0D",
+  gray10: "#1A1A1A",
+  gray15: "#262626",
+  gray20: "#333333",
+  gray25: "#404040",
+  gray30: "#4D4D4D",
+  gray40: "#666666",
+  gray50: "#808080",
+  gray60: "#999999",
+  gray70: "#B3B3B3",
+  gray75: "#BFBFBF",
+  gray80: "#CCCCCC",
+  gray85: "#D9D9D9",
+  gray90: "#E6E6E6",
+  gray91: "#171717",
+  gray95: "#F2F2F2",
+  gray98: "#F9F9F9",
+  white: "#FFFFFF"
+};
+var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
+var primary = "#FFF14E";
+var baseColors = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, neutral), {
+  // green
+  success: "#17C27C",
+  green33: "#179257",
+  green35: "#19981E",
+  // blue
+  blue43: "#145BC6",
+  blue22: "#0E2E60",
+  blue39: "#0068C9",
+  blue37: "#21529c",
+  blue58: "#28BFFF",
+  // less than 50% saturated blue
+  grayBlue5: "#0c0d0f",
+  grayBlue9: "#16171A",
+  grayBlue12: "#2D2E34",
+  grayBlue14: "#3A3B41",
+  grayBlue18: "#21283a",
+  grayBlue32: "#4F5156",
+  grayBlue43: "#686A72",
+  grayBlue45: "#676F80",
+  grayBlue57: "#8B8E98",
+  grayBlue67: "#9BA7B9",
+  grayBlue69: "#A6A9BA",
+  grayBlue80: "#C0C9D6",
+  grayBlue88: "#DEDFE4",
+  grayBlue92: "#E1EBF5",
+  grayBlue93: "#E6EEF6",
+  grayBlue94: "#EBEEF2",
+  grayBlue96: "#F2F5F7",
+  // purple
+  purple43: "#820AD1",
+  purple55: "#8B38DE",
+  // red
+  red42a10: "#D800271A",
+  red42a20: "#D800272D",
+  red42a30: "#D800273F",
+  // yellow
+  primary,
+  warning: primary,
+  // orange
+  danger: "#FD2C0F",
+  // neutral
+  secondary: neutral.black,
+  // transparent
+  transparent: "transparent",
+  transparenta02: "#00000005",
+  transparenta08: "#00000014"
+});
+var colors = baseColors;
+function isColorKey(key) {
+  return key in colors;
+}
+function hcNeutralFromBg(bgHex, defaultHex = colors.black, altHex = colors.white) {
+  const bgRGB = hexToRGB(bgHex);
+  const hcRGB = hexToRGB(defaultHex);
+  if (!bgRGB || !hcRGB) return defaultHex;
+  const c = contrast(bgRGB, hcRGB);
+  if (c < 4.5) {
+    return altHex;
+  }
+  return defaultHex;
+}
+function luminance(r, g, b) {
+  const a = [r, g, b].map(function(v) {
+    v /= 255;
+    return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
+  });
+  return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
+}
+function contrast(rgb1, rgb2) {
+  const lum1 = luminance(rgb1[0], rgb1[1], rgb1[2]);
+  const lum2 = luminance(rgb2[0], rgb2[1], rgb2[2]);
+  const brightest = Math.max(lum1, lum2);
+  const darkest = Math.min(lum1, lum2);
+  return (brightest + 0.05) / (darkest + 0.05);
+}
+function componentToHex(c) {
+  const hex = c.toString(16);
+  return hex.length === 1 ? "0" + hex : hex;
+}
+function rgbToHex(r, g, b) {
+  return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b);
+}
+function hexToRGB(hex) {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? [
+    parseInt(result[1], 16),
+    parseInt(result[2], 16),
+    parseInt(result[3], 16)
+  ] : [0, 0, 0];
+}
+function hexToRGBAStr(hex, alpha) {
+  const rgb = hexToRGB(hex);
+  return `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${alpha})`;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+exports.darkGradient = darkGradient; exports.colors = colors; exports.isColorKey = isColorKey; exports.hcNeutralFromBg = hcNeutralFromBg; exports.luminance = luminance; exports.contrast = contrast; exports.componentToHex = componentToHex; exports.rgbToHex = rgbToHex; exports.hexToRGB = hexToRGB; exports.hexToRGBAStr = hexToRGBAStr;