@lightsparkdev/ui 1.0.9 → 1.0.11

package/dist/chunk-LKVZRZJF.js

@@ -1,59 +0,0 @@
-import {
-  typographyStyles
-} from "./chunk-X5SBSJ3Z.js";
-import {
-  select
-} from "./chunk-YMNSXZ5D.js";
-import {
-  applyTypography
-} from "./chunk-U4Y4CF4A.js";
-import {
-  toReactNodesBase
-} from "./chunk-HQO3PIAY.js";
-
-// src/components/typography/Display.tsx
-import styled from "@emotion/styled";
-import { jsx } from "@emotion/react/jsx-runtime";
-var displayElements = ["h1", "h2", "h3", "h4", "h5", "h6"];
-var Display = ({
-  block = false,
-  children,
-  color,
-  content,
-  display,
-  hideOverflow = false,
-  id,
-  size = "Medium",
-  tag = "h1"
-}) => {
-  let reactNodes = children || null;
-  if (content) {
-    reactNodes = toReactNodesBase(content);
-  }
-  return /* @__PURE__ */ jsx(
-    StyledDisplay,
-    {
-      as: tag,
-      block,
-      colorProp: color,
-      displayProp: display,
-      hideOverflow,
-      id,
-      size,
-      children: reactNodes
-    }
-  );
-};
-var StyledDisplay = styled.span`
-  ${({ theme, size, colorProp }) => applyTypography(theme, "Display", size, colorProp)}
-  ${typographyStyles}
-`;
-function displaySelector(element) {
-  return `${element}${select(StyledDisplay)}`;
-}
-
-export {
-  displayElements,
-  Display,
-  displaySelector
-};

package/dist/chunk-MT2C62ED.cjs

@@ -1,17 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/components/Flex.tsx
-var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Flex({ center = false, children, as = "div" }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledFlex, { center, as, children });
-}
-var StyledFlex = _styled2.default.div`
-  display: flex;
-  ${({ center }) => center && `
-    justify-content: center;
-    align-items: center;
-  `}
-`;
-
-
-
-exports.Flex = Flex;

package/dist/chunk-NKLYOJV4.js

@@ -1,49 +0,0 @@
-import {
-  typographyStyles
-} from "./chunk-X5SBSJ3Z.js";
-import {
-  applyTypography
-} from "./chunk-U4Y4CF4A.js";
-import {
-  toReactNodesBase
-} from "./chunk-HQO3PIAY.js";
-
-// src/components/typography/LabelModerate.tsx
-import styled from "@emotion/styled";
-import { jsx } from "@emotion/react/jsx-runtime";
-var LabelModerate = ({
-  block = false,
-  children,
-  color,
-  content,
-  display,
-  hideOverflow = false,
-  id,
-  size = "Medium"
-}) => {
-  let reactNodes = children || null;
-  if (content) {
-    reactNodes = toReactNodesBase(content);
-  }
-  return /* @__PURE__ */ jsx(
-    StyledLabelModerate,
-    {
-      block,
-      colorProp: color,
-      displayProp: display,
-      hideOverflow,
-      id,
-      size,
-      children: reactNodes
-    }
-  );
-};
-var StyledLabelModerate = styled.span`
-  ${({ theme, size, colorProp }) => applyTypography(theme, "Label Moderate", size, colorProp)}
-  ${typographyStyles}
-`;
-
-export {
-  LabelModerate,
-  StyledLabelModerate
-};

package/dist/chunk-NXSA7WNB.js

@@ -1,41 +0,0 @@
-import {
-  toReactNodesBase
-} from "./chunk-HQO3PIAY.js";
-import {
-  isTextNode
-} from "./chunk-G5IVQ4O3.js";
-import {
-  renderTypography
-} from "./chunk-5GLOHTP6.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-CWMXXUWU.js";
-
-// src/utils/toReactNodes/toReactNodes.tsx
-import { ensureArray } from "@lightsparkdev/core";
-import { Fragment } from "react";
-import { jsx } from "@emotion/react/jsx-runtime";
-function toReactNodes(toReactNodesArg) {
-  const toReactNodesArray = ensureArray(toReactNodesArg);
-  const reactNodes = toReactNodesArray.map((node, i) => {
-    let content;
-    if (!node) {
-      return null;
-    } else if (isTextNode(node) && node.typography) {
-      const _a = node.typography, { type: typographyType } = _a, typographyProps = __objRest(_a, ["type"]);
-      content = /* @__PURE__ */ jsx(Fragment, { children: renderTypography(typographyType, __spreadProps(__spreadValues({}, typographyProps), {
-        content: node.text
-      })) }, `typography-${i}-${node.text.substr(0, 10)}`);
-    } else {
-      content = toReactNodesBase(node);
-    }
-    return content || null;
-  });
-  return /* @__PURE__ */ jsx(Fragment, { children: reactNodes });
-}
-
-export {
-  toReactNodes
-};

package/dist/chunk-QMHXMAIQ.js

@@ -1,27 +0,0 @@
-import {
-  Flex
-} from "./chunk-IL6J7EBZ.js";
-import {
-  Icon
-} from "./chunk-K3DMPJSX.js";
-import {
-  getColor
-} from "./chunk-GZW6KBUI.js";
-
-// src/components/IconWithCircleBackground.tsx
-import styled from "@emotion/styled";
-import { jsx } from "@emotion/react/jsx-runtime";
-function IconWithCircleBackground({
-  iconName = "WarningSign"
-}) {
-  return /* @__PURE__ */ jsx(Flex, { center: true, children: /* @__PURE__ */ jsx(StyledIconWithCircleBackground, { children: /* @__PURE__ */ jsx(Icon, { name: iconName, width: 40, color: "grayBlue9" }) }) });
-}
-var StyledIconWithCircleBackground = styled.div`
-  background-color: ${({ theme }) => getColor(theme, "grayBlue94")};
-  border-radius: 50%;
-  padding: 20px;
-`;
-
-export {
-  IconWithCircleBackground
-};

package/dist/chunk-QOFPVSYP.cjs

@@ -1,50 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
-
-
-var _chunkUN4FMYEQcjs = require('./chunk-UN4FMYEQ.cjs');
-
-
-var _chunkUKMVD656cjs = require('./chunk-UKMVD656.cjs');
-
-// src/components/typography/LabelStrong.tsx
-var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-var LabelStrong = ({
-  block = false,
-  children,
-  color,
-  content,
-  display,
-  hideOverflow = false,
-  id,
-  size = "Medium"
-}) => {
-  let reactNodes = children || null;
-  if (content) {
-    reactNodes = _chunkUKMVD656cjs.toReactNodesBase.call(void 0, content);
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    StyledLabelStrong,
-    {
-      size,
-      colorProp: color,
-      block,
-      id,
-      hideOverflow,
-      displayProp: display,
-      children: reactNodes
-    }
-  );
-};
-var StyledLabelStrong = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkUN4FMYEQcjs.applyTypography.call(void 0, theme, "Label Strong", size, colorProp)}
-  ${({ block }) => block ? "display: block;" : ""}
-  ${_chunkOVJZVL57cjs.typographyStyles}
-`;
-
-
-
-
-exports.LabelStrong = LabelStrong; exports.StyledLabelStrong = StyledLabelStrong;

package/dist/chunk-SDECQB2O.cjs

@@ -1,49 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
-
-
-var _chunkUN4FMYEQcjs = require('./chunk-UN4FMYEQ.cjs');
-
-
-var _chunkUKMVD656cjs = require('./chunk-UKMVD656.cjs');
-
-// src/components/typography/LabelModerate.tsx
-var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-var LabelModerate = ({
-  block = false,
-  children,
-  color,
-  content,
-  display,
-  hideOverflow = false,
-  id,
-  size = "Medium"
-}) => {
-  let reactNodes = children || null;
-  if (content) {
-    reactNodes = _chunkUKMVD656cjs.toReactNodesBase.call(void 0, content);
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    StyledLabelModerate,
-    {
-      block,
-      colorProp: color,
-      displayProp: display,
-      hideOverflow,
-      id,
-      size,
-      children: reactNodes
-    }
-  );
-};
-var StyledLabelModerate = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkUN4FMYEQcjs.applyTypography.call(void 0, theme, "Label Moderate", size, colorProp)}
-  ${_chunkOVJZVL57cjs.typographyStyles}
-`;
-
-
-
-
-exports.LabelModerate = LabelModerate; exports.StyledLabelModerate = StyledLabelModerate;

package/dist/chunk-SFTKSNEK.cjs

@@ -1,62 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
-
-
-var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
-
-
-var _chunkUN4FMYEQcjs = require('./chunk-UN4FMYEQ.cjs');
-
-
-var _chunkUKMVD656cjs = require('./chunk-UKMVD656.cjs');
-
-// src/components/typography/Headline.tsx
-var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-var headlineElements = ["h1", "h2", "h3", "h4", "h5", "h6"];
-var Headline = ({
-  block = false,
-  children,
-  color,
-  content,
-  display,
-  heading = "h1",
-  hideOverflow = false,
-  id,
-  size = "Medium"
-}) => {
-  let reactNodes = children || null;
-  if (content) {
-    reactNodes = _chunkUKMVD656cjs.toReactNodesBase.call(void 0, content);
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    StyledHeadline,
-    {
-      as: heading,
-      block,
-      colorProp: color,
-      displayProp: display,
-      hideOverflow,
-      id,
-      size,
-      children: reactNodes
-    }
-  );
-};
-var StyledHeadline = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkUN4FMYEQcjs.applyTypography.call(void 0, theme, "Headline", size, colorProp)}
-  ${_chunkOVJZVL57cjs.typographyStyles}
-`;
-function headlineSelector(heading) {
-  return `${heading}${_chunk6VA4SAHQcjs.select.call(void 0, StyledHeadline)}`;
-}
-var ALL_HEADLINE_SELECTORS = headlineElements.map(headlineSelector).join(",");
-
-
-
-
-
-
-
-exports.headlineElements = headlineElements; exports.Headline = Headline; exports.StyledHeadline = StyledHeadline; exports.headlineSelector = headlineSelector; exports.ALL_HEADLINE_SELECTORS = ALL_HEADLINE_SELECTORS;

package/dist/chunk-UJKCQS5C.cjs

@@ -1,59 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
-
-
-var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
-
-
-var _chunkUN4FMYEQcjs = require('./chunk-UN4FMYEQ.cjs');
-
-
-var _chunkUKMVD656cjs = require('./chunk-UKMVD656.cjs');
-
-// src/components/typography/Display.tsx
-var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-var displayElements = ["h1", "h2", "h3", "h4", "h5", "h6"];
-var Display = ({
-  block = false,
-  children,
-  color,
-  content,
-  display,
-  hideOverflow = false,
-  id,
-  size = "Medium",
-  tag = "h1"
-}) => {
-  let reactNodes = children || null;
-  if (content) {
-    reactNodes = _chunkUKMVD656cjs.toReactNodesBase.call(void 0, content);
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    StyledDisplay,
-    {
-      as: tag,
-      block,
-      colorProp: color,
-      displayProp: display,
-      hideOverflow,
-      id,
-      size,
-      children: reactNodes
-    }
-  );
-};
-var StyledDisplay = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkUN4FMYEQcjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
-  ${_chunkOVJZVL57cjs.typographyStyles}
-`;
-function displaySelector(element) {
-  return `${element}${_chunk6VA4SAHQcjs.select.call(void 0, StyledDisplay)}`;
-}
-
-
-
-
-
-exports.displayElements = displayElements; exports.Display = Display; exports.displaySelector = displaySelector;

package/dist/chunk-UKMVD656.cjs

@@ -1,86 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-
-
-
-var _chunk4WKQPWLIcjs = require('./chunk-4WKQPWLI.cjs');
-
-
-var _chunkJA26JNLKcjs = require('./chunk-JA26JNLK.cjs');
-
-
-var _chunkN4HNDEUNcjs = require('./chunk-N4HNDEUN.cjs');
-
-
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
-
-
-var _chunkYDTPEU32cjs = require('./chunk-YDTPEU32.cjs');
-
-
-
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
-
-// src/utils/toReactNodes/toReactNodesBase.tsx
-var _core = require('@lightsparkdev/core');
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-function toReactNodesBase(toReactNodesBaseArg) {
-  const toReactNodesArray = _core.ensureArray.call(void 0, toReactNodesBaseArg);
-  const reactNodes = toReactNodesArray.map((node, i) => {
-    if (_chunk4WKQPWLIcjs.isLinkNode.call(void 0, node)) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYDTPEU32cjs.Link, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.link), `link-${i}-${node.link.id}`);
-    } else if (_chunk4WKQPWLIcjs.isNextLinkNode.call(void 0, node)) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkJA26JNLKcjs.NextLink,
-        _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.nextLink),
-        `next-link-${i}-${node.nextLink.id}`
-      );
-    } else if (_chunk4WKQPWLIcjs.isIconNode.call(void 0, node)) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkI6Y7IHF5cjs.Icon,
-        _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.icon), {
-          width: node.icon.width || 12
-        }),
-        `icon-${i}-${node.icon.id}`
-      );
-    } else if (_chunk4WKQPWLIcjs.isCurrencyAmountNode.call(void 0, node)) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkN4HNDEUNcjs.CurrencyAmount,
-        _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.currencyAmount),
-        `currency-amount-${i}-${node.currencyAmount.id}`
-      );
-    } else if (typeof node === "string" || _chunk4WKQPWLIcjs.isTextNode.call(void 0, node)) {
-      const text = typeof node === "string" ? node : node.text;
-      const key = `str-${i}-${text.substr(0, 10)}`;
-      let content = text.split("\n").map((str, j, strArr) => (
-        /* Must use spans to avoid conditional Fragment rendering errors https://bit.ly/3zkHEEM */
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
-          str.length ? str.split(" ").map((strPart, k, strPartArr) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
-            strPart,
-            k < strPartArr.length - 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "\xA0" }) : null
-          ] }, `str-${i}-part-${k}`)) : null,
-          j < strArr.length - 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "br", {}) : null
-        ] }, `str-${i}-break-${j}`)
-      ));
-      if (_chunk4WKQPWLIcjs.isTextNode.call(void 0, node) && "onClick" in node) {
-        content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "span",
-          {
-            onClick: node.onClick,
-            style: { cursor: "pointer" },
-            children: content
-          },
-          `onClick-span-${key}`
-        );
-      }
-      return content;
-    }
-    return null;
-  });
-  return reactNodes;
-}
-
-
-
-exports.toReactNodesBase = toReactNodesBase;

package/dist/chunk-YOHFXRAS.js

@@ -1,49 +0,0 @@
-import {
-  typographyStyles
-} from "./chunk-X5SBSJ3Z.js";
-import {
-  applyTypography
-} from "./chunk-U4Y4CF4A.js";
-import {
-  toReactNodesBase
-} from "./chunk-HQO3PIAY.js";
-
-// src/components/typography/Code.tsx
-import styled from "@emotion/styled";
-import { jsx } from "@emotion/react/jsx-runtime";
-var Code = ({
-  block = false,
-  children,
-  color,
-  content,
-  display,
-  hideOverflow = false,
-  id,
-  size = "Medium"
-}) => {
-  let reactNodes = children || null;
-  if (content) {
-    reactNodes = toReactNodesBase(content);
-  }
-  return /* @__PURE__ */ jsx(
-    StyledCode,
-    {
-      block,
-      colorProp: color,
-      displayProp: display,
-      hideOverflow,
-      id,
-      size,
-      children: reactNodes
-    }
-  );
-};
-var StyledCode = styled.span`
-  ${({ theme, size, colorProp }) => applyTypography(theme, "Code", size, colorProp)}
-  ${typographyStyles}
-`;
-
-export {
-  Code,
-  StyledCode
-};

package/dist/chunk-ZC7NYTXW.cjs

@@ -1,51 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
-
-
-var _chunkUN4FMYEQcjs = require('./chunk-UN4FMYEQ.cjs');
-
-
-var _chunkUKMVD656cjs = require('./chunk-UKMVD656.cjs');
-
-// src/components/typography/Body.tsx
-var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-var Body = ({
-  block = false,
-  children,
-  color,
-  content,
-  display,
-  hideOverflow = false,
-  id,
-  size = "Medium",
-  tag = "span"
-}) => {
-  let reactNodes = children || null;
-  if (content) {
-    reactNodes = _chunkUKMVD656cjs.toReactNodesBase.call(void 0, content);
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    StyledBody,
-    {
-      as: tag,
-      block,
-      colorProp: color,
-      displayProp: display,
-      hideOverflow,
-      id,
-      size,
-      children: reactNodes
-    }
-  );
-};
-var StyledBody = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkUN4FMYEQcjs.applyTypography.call(void 0, theme, "Body", size, colorProp)}
-  ${_chunkOVJZVL57cjs.typographyStyles}
-`;
-
-
-
-
-exports.Body = Body; exports.StyledBody = StyledBody;