@lightsparkdev/ui 1.0.9 → 1.0.11

package/dist/chunk-SBPSQDLJ.js

@@ -0,0 +1,35 @@
+import {
+  getPropDefaultsBase
+} from "./chunk-BVEHA6GI.js";
+import {
+  typographyStyles
+} from "./chunk-X5SBSJ3Z.js";
+import {
+  applyTypography
+} from "./chunk-FH6BM3M7.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/components/typography/base/BodyStrong.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+function BodyStrongString(props) {
+  const _a = getPropDefaults(props), { children } = _a, rest = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ jsx(StyledBodyStrong, __spreadProps(__spreadValues({}, rest), { children }));
+}
+function getPropDefaults(props) {
+  return getPropDefaultsBase(props, { as: props.tag || "span" });
+}
+var StyledBodyStrong = styled.span`
+  ${({ theme, size, colorProp }) => applyTypography(theme, "Body Strong", size, colorProp)}
+  ${typographyStyles}
+`;
+
+export {
+  BodyStrongString,
+  getPropDefaults,
+  StyledBodyStrong
+};

package/dist/{chunk-ATBJVIWR.js → chunk-SHGO6XJX.js}

@@ -1,6 +1,6 @@
 import {
   CodeInput
-} from "./chunk-G6VXXZIN.js";
+} from "./chunk-ZQ5CXXIE.js";
 
 // src/components/CardForm/CardFormCodeInput.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-I2MKZCWY.cjs → chunk-STR72UQI.cjs}

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSDECQB2Ocjs = require('./chunk-SDECQB2O.cjs');
+var _chunkQBAOUYXXcjs = require('./chunk-QBAOUYXX.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkNVVAOGNLcjs = require('./chunk-NVVAOGNL.cjs');
+var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
-var _chunkDCQM7IVKcjs = require('./chunk-DCQM7IVK.cjs');
+var _chunk6PYUHYIPcjs = require('./chunk-6PYUHYIP.cjs');
 
 // src/components/DataManagerTable/DateWidget.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -150,8 +150,8 @@ var DateWidget = ({
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
     dateRangeOperation === "is between" /* IsBetween */ && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Indicators, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "ArrowCornerDownRight", width: 16, color: "c6Neutral" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSDECQB2Ocjs.LabelModerate, { color: "c6Neutral", children: "and" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "ArrowCornerDownRight", width: 16, color: "c6Neutral" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQBAOUYXXcjs.LabelModerate, { color: "c6Neutral", children: "and" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CalendarContents, { active, children: calendarComponent })
   ] });
@@ -235,7 +235,7 @@ var CalendarContents = _styled2.default.div`
     height: 100%;
     flex-grow: 1;
     padding: 0 2px;
-    ${({ theme, active }) => _chunkNVVAOGNLcjs.textInputStyle.call(void 0, { theme, active })};
+    ${({ theme, active }) => _chunkBCPM2M3Ycjs.textInputStyle.call(void 0, { theme, active })};
     input:focus-visible {
       outline: none;
     }
@@ -478,14 +478,14 @@ var CalendarContents = _styled2.default.div`
   }
 
   .react-calendar__navigation__label {
-    ${({ theme }) => _chunkDCQM7IVKcjs.getTypographyString.call(void 0, theme, "Label Moderate", "Medium")}
+    ${({ theme }) => _chunk6PYUHYIPcjs.getTypographyString.call(void 0, theme, "Label Moderate", "Medium")}
   }
 
   .react-calendar__navigation__next-button,
   .react-calendar__navigation__next2-button,
   .react-calendar__navigation__prev-button,
   .react-calendar__navigation__prev2-button {
-    ${({ theme }) => _chunkDCQM7IVKcjs.getTypographyString.call(void 0, theme, "Label Moderate", "Medium")}
+    ${({ theme }) => _chunk6PYUHYIPcjs.getTypographyString.call(void 0, theme, "Label Moderate", "Medium")}
     font-size: 20px;
     display: flex;
     align-items: center;
@@ -510,7 +510,7 @@ var CalendarContents = _styled2.default.div`
     abbr {
       text-decoration: none;
 
-      ${({ theme }) => _chunkDCQM7IVKcjs.getTypographyString.call(void 0, theme, "Label Moderate", "Small")}
+      ${({ theme }) => _chunk6PYUHYIPcjs.getTypographyString.call(void 0, theme, "Label Moderate", "Small")}
     }
   }
 
@@ -525,7 +525,7 @@ var CalendarContents = _styled2.default.div`
 
   .react-calendar__month-view__days {
     abbr {
-      ${({ theme }) => _chunkDCQM7IVKcjs.getTypographyString.call(void 0, theme, "Label Moderate", "Medium")}
+      ${({ theme }) => _chunk6PYUHYIPcjs.getTypographyString.call(void 0, theme, "Label Moderate", "Medium")}
     }
 
     display: grid !important;
@@ -540,7 +540,7 @@ var CalendarContents = _styled2.default.div`
   }
 
   .react-calendar__year-view__months {
-    ${({ theme }) => _chunkDCQM7IVKcjs.getTypographyString.call(void 0, theme, "Label Moderate", "Medium")}
+    ${({ theme }) => _chunk6PYUHYIPcjs.getTypographyString.call(void 0, theme, "Label Moderate", "Medium")}
 
     display: grid !important;
     gap: 1px;
@@ -554,7 +554,7 @@ var CalendarContents = _styled2.default.div`
   }
 
   .react-calendar__decade-view__years {
-    ${({ theme }) => _chunkDCQM7IVKcjs.getTypographyString.call(void 0, theme, "Label Moderate", "Medium")}
+    ${({ theme }) => _chunk6PYUHYIPcjs.getTypographyString.call(void 0, theme, "Label Moderate", "Medium")}
 
     display: grid !important;
     gap: 1px;
@@ -568,7 +568,7 @@ var CalendarContents = _styled2.default.div`
   }
 
   .react-calendar__century-view__decades {
-    ${({ theme }) => _chunkDCQM7IVKcjs.getTypographyString.call(void 0, theme, "Label Moderate", "Medium")}
+    ${({ theme }) => _chunk6PYUHYIPcjs.getTypographyString.call(void 0, theme, "Label Moderate", "Medium")}
 
     display: grid !important;
     gap: 1px;

package/dist/{chunk-72Q4JQFV.cjs → chunk-SUYSQ4TQ.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkXJP6PQICcjs = require('./chunk-XJP6PQIC.cjs');
+var _chunkUCI3F7QYcjs = require('./chunk-UCI3F7QY.cjs');
 
 
-var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
 
@@ -16,12 +16,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var AnchorLinkHeader = (props) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXJP6PQICcjs.DocsHeadline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkUCI3F7QYcjs.DocsHeadline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { children: [
     props.children,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconWrapper, { name: "AnchorLink", color: props.color, width: 0 })
   ] })) });
 };
-var IconWrapper = _styled2.default.call(void 0, _chunkI6Y7IHF5cjs.Icon)`
+var IconWrapper = _styled2.default.call(void 0, _chunkUMU7TYANcjs.Icon)`
   width: 20px;
   opacity: 0;
   margin: 0 0 4px -20px;

package/dist/{chunk-UN4FMYEQ.cjs → chunk-SZSK5ISJ.cjs}

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
+var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
 
 
-var _chunkDCQM7IVKcjs = require('./chunk-DCQM7IVK.cjs');
+var _chunk6PYUHYIPcjs = require('./chunk-6PYUHYIP.cjs');
 
 // src/styles/typography.tsx
 var applyTypography = (theme, typographyType, size, color = "inherit", applyToAll = true) => {
   const selector = applyToAll ? "&, & *" : "&";
   return `
     ${selector} {
-      ${_chunkDCQM7IVKcjs.getTypographyString.call(void 0, theme, typographyType, size)};
-      color: ${_chunkJX6HEEEQcjs.getFontColor.call(void 0, theme, color)};
+      ${_chunk6PYUHYIPcjs.getTypographyString.call(void 0, theme, typographyType, size)};
+      color: ${_chunk7EIZIKLRcjs.getFontColor.call(void 0, theme, color)};
     }
   `;
 };

package/dist/{chunk-O2MMD4LF.cjs → chunk-T5E6IHMM.cjs}

@@ -1,40 +1,40 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkCJ3GSEW5cjs = require('./chunk-CJ3GSEW5.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk22I3LZGWcjs = require('./chunk-22I3LZGW.cjs');
+var _chunkMA4FRN33cjs = require('./chunk-MA4FRN33.cjs');
 
 
-var _chunkUJKCQS5Ccjs = require('./chunk-UJKCQS5C.cjs');
+var _chunkQ3F7S3R3cjs = require('./chunk-Q3F7S3R3.cjs');
 
 
-var _chunkZC7NYTXWcjs = require('./chunk-ZC7NYTXW.cjs');
+var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
 
 
+var _chunkXNFMMEBEcjs = require('./chunk-XNFMMEBE.cjs');
 
-var _chunkSFTKSNEKcjs = require('./chunk-SFTKSNEK.cjs');
 
+var _chunkXLENEI5Bcjs = require('./chunk-XLENEI5B.cjs');
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
+var _chunkY6QN5UOTcjs = require('./chunk-Y6QN5UOT.cjs');
 
-var _chunkYB3AGHD5cjs = require('./chunk-YB3AGHD5.cjs');
 
 
-var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
+var _chunk5YAHKBG6cjs = require('./chunk-5YAHKBG6.cjs');
 
 
-var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+var _chunkBSE5JREJcjs = require('./chunk-BSE5JREJ.cjs');
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkDCQM7IVKcjs = require('./chunk-DCQM7IVK.cjs');
+var _chunk6PYUHYIPcjs = require('./chunk-6PYUHYIP.cjs');
 
 
-var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
+var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
 
 // src/components/typography/Article.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -50,53 +50,53 @@ function Article({ defaultTypography, children }) {
   );
 }
 var StyledArticle = _styled2.default.article`
-  ${({ theme, type, size }) => _chunkDCQM7IVKcjs.getTypographyString.call(void 0, theme, type, size)}
+  ${({ theme, type, size }) => _chunk6PYUHYIPcjs.getTypographyString.call(void 0, theme, type, size)}
 
-  ${_chunkUJKCQS5Ccjs.displaySelector.call(void 0, "h1")} {
+  ${_chunkY6QN5UOTcjs.displaySelector.call(void 0, "h1")} {
     margin: 0;
   }
 
-  ${_chunkSFTKSNEKcjs.headlineSelector.call(void 0, "h1")} {
+  ${_chunk5YAHKBG6cjs.headlineSelector.call(void 0, "h1")} {
     margin: 0;
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   }
 
-  ${_chunkSFTKSNEKcjs.headlineSelector.call(void 0, "h2")} {
+  ${_chunk5YAHKBG6cjs.headlineSelector.call(void 0, "h2")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkSFTKSNEKcjs.headlineSelector.call(void 0, "h3")} {
+  ${_chunk5YAHKBG6cjs.headlineSelector.call(void 0, "h3")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkSFTKSNEKcjs.headlineSelector.call(void 0, "h4")} {
+  ${_chunk5YAHKBG6cjs.headlineSelector.call(void 0, "h4")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkSFTKSNEKcjs.headlineSelector.call(void 0, "h5")} {
+  ${_chunk5YAHKBG6cjs.headlineSelector.call(void 0, "h5")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkSFTKSNEKcjs.headlineSelector.call(void 0, "h6")} {
+  ${_chunk5YAHKBG6cjs.headlineSelector.call(void 0, "h6")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkZC7NYTXWcjs.StyledBody)} {
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkBSE5JREJcjs.StyledBody)} {
     margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   }
 
-  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkYB3AGHD5cjs.StyledContentTable)} {
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkMA4FRN33cjs.StyledContentTable)} {
     margin: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]} 0;
   }
 
@@ -110,9 +110,9 @@ var StyledArticle = _styled2.default.article`
     font-weight: 700;
   }
 
-  *:not(${_chunkSFTKSNEKcjs.ALL_HEADLINE_SELECTORS},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkCJ3GSEW5cjs.StyledTitle)},${_chunk6VA4SAHQcjs.select.call(void 0, _chunk22I3LZGWcjs.StyledCode)})
+  *:not(${_chunk5YAHKBG6cjs.ALL_HEADLINE_SELECTORS},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkXNFMMEBEcjs.StyledTitle)},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkXLENEI5Bcjs.StyledCode)})
     > a {
-    ${({ theme }) => _chunkDCQM7IVKcjs.getTypographyString.call(void 0, theme, "Label Strong", "Large")}
+    ${({ theme }) => _chunk6PYUHYIPcjs.getTypographyString.call(void 0, theme, "Label Strong", "Large")}
     font-size: inherit;
     color: ${({ theme }) => theme.link};
   }
@@ -128,22 +128,22 @@ var StyledArticle = _styled2.default.article`
   }
 
   li {
-    ${({ theme }) => _chunkDCQM7IVKcjs.getTypographyString.call(void 0, theme, "Body", "Medium")}
+    ${({ theme }) => _chunk6PYUHYIPcjs.getTypographyString.call(void 0, theme, "Body", "Medium")}
     :not(:last-child) {
       margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px["3xs"]};
     }
   }
 
   code:not([class|="language"]) {
-    ${({ theme }) => _chunkDCQM7IVKcjs.getTypographyString.call(void 0, theme, "Code", "Medium")}
-    background: ${_chunkO7USIZI6cjs.colors.grayBlue94};
+    ${({ theme }) => _chunk6PYUHYIPcjs.getTypographyString.call(void 0, theme, "Code", "Medium")}
+    background: ${_chunkCFG65CGCcjs.colors.grayBlue94};
     padding: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]} ${_chunkZUAO4DW3cjs.Spacing.px["2xs"]};
     margin: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]};
     border-radius: 4px;
   }
 
   pre[class|="language"] {
-    ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 8)}
+    ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 8)}
     width: 100%;
     padding: ${_chunkZUAO4DW3cjs.Spacing.px.md} ${_chunkZUAO4DW3cjs.Spacing.px.lg};
     margin: ${_chunkZUAO4DW3cjs.Spacing.px.md} 0;
@@ -152,9 +152,9 @@ var StyledArticle = _styled2.default.article`
   // Must match specificity of prismjs to get proper line height!
   pre[class|="language"],
   code[class|="language"] {
-    ${({ theme }) => _chunkDCQM7IVKcjs.getTypographyString.call(void 0, theme, "Code", "Small")}
+    ${({ theme }) => _chunk6PYUHYIPcjs.getTypographyString.call(void 0, theme, "Code", "Small")}
 
-    ${_chunkZO52GP5Zcjs.overflowAutoWithoutScrollbars}
+    ${_chunkQ3F7S3R3cjs.overflowAutoWithoutScrollbars}
   }
 
   blockquote {

package/dist/{chunk-YFKVNM5L.js → chunk-TGY3VJCU.js}

@@ -1,12 +1,12 @@
 import {
   UnstyledButton
-} from "./chunk-EYWGUIVP.js";
+} from "./chunk-7SNXBUCU.js";
 import {
   Tooltip
-} from "./chunk-GUGOSES5.js";
+} from "./chunk-EVYCZKU3.js";
 import {
   Icon
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NCLVA6JY.js";
 import {
   __async
 } from "./chunk-CWMXXUWU.js";

package/dist/chunk-THJRVECH.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
+
+
+
+var _chunk24PCED54cjs = require('./chunk-24PCED54.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/typography/LabelStrong.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function LabelStrong(props) {
+  const propsWithDefaults = _chunk24PCED54cjs.getPropDefaults.call(void 0, props);
+  let reactNodes = props.children || null;
+  if (props.content) {
+    reactNodes = _chunk36SDWEWYcjs.toReactNodes.call(void 0, props.content);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk24PCED54cjs.StyledLabelStrong, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+}
+
+
+
+exports.LabelStrong = LabelStrong;

package/dist/{chunk-ELHOJIVP.js → chunk-TIX47F5U.js}

@@ -1,14 +1,15 @@
 import {
   renderTypography
-} from "./chunk-5GLOHTP6.js";
+} from "./chunk-ANBLLKL6.js";
 import {
   isString
 } from "./chunk-EDN2QDCB.js";
 import {
   colors
-} from "./chunk-RTRS42I3.js";
+} from "./chunk-MN4NUSPL.js";
 
 // src/router.tsx
+import styled from "@emotion/styled";
 import { omit } from "lodash-es";
 import { useCallback } from "react";
 import {
@@ -41,7 +42,7 @@ function replaceParams(to, params) {
   }
   return to;
 }
-function Link({
+function LinkBase({
   to,
   id,
   externalLink,
@@ -69,8 +70,8 @@ function Link({
     toStr += hash ? `#${hash}` : "";
   } else if (externalLink) {
     const definedExternalLink = externalLink;
-    if (!definedExternalLink.startsWith("http")) {
-      throw new Error("Link's externalLink must start with http");
+    if (!definedExternalLink.startsWith("http") && !definedExternalLink.startsWith("mailto:")) {
+      throw new Error("Link's externalLink must start with http or mailto:");
     }
     if (newTabProp === void 0) {
       newTab = true;
@@ -84,7 +85,7 @@ function Link({
     content = typography ? renderTypography(typography.type, {
       size: typography.size,
       color: typography.color,
-      content: text
+      children: text
     }) : text;
   }
   return /* @__PURE__ */ jsx(
@@ -103,6 +104,7 @@ function Link({
     }
   );
 }
+var Link = styled(LinkBase)``;
 function Navigate({
   to,
   params,

package/dist/{chunk-AF7KMKGF.cjs → chunk-TUNRKMDM.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkPZKJ4CZWcjs = require('./chunk-PZKJ4CZW.cjs');
+var _chunk6G6HCZJUcjs = require('./chunk-6G6HCZJU.cjs');
 
 
-var _chunkFRXVOBFVcjs = require('./chunk-FRXVOBFV.cjs');
+var _chunkRDNRIMXDcjs = require('./chunk-RDNRIMXD.cjs');
 
 
 var _chunkEZNRFABOcjs = require('./chunk-EZNRFABO.cjs');
@@ -11,25 +11,25 @@ var _chunkEZNRFABOcjs = require('./chunk-EZNRFABO.cjs');
 
 
 
-var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
+var _chunkQ3F7S3R3cjs = require('./chunk-Q3F7S3R3.cjs');
 
 
-var _chunkST3UQPZYcjs = require('./chunk-ST3UQPZY.cjs');
+var _chunkFDL4732Lcjs = require('./chunk-FDL4732L.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
 
 
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
+var _chunk4HIPKMRHcjs = require('./chunk-4HIPKMRH.cjs');
 
 
-var _chunkYDTPEU32cjs = require('./chunk-YDTPEU32.cjs');
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
 
@@ -65,7 +65,7 @@ function Table({
   emptyState,
   clipboardCallbacks
 }) {
-  const navigate = _chunkYDTPEU32cjs.useNavigate.call(void 0, );
+  const navigate = _chunk4HIPKMRHcjs.useNavigate.call(void 0, );
   const { canWriteToClipboard, writeTextToClipboard } = _chunkEZNRFABOcjs.useClipboard.call(void 0, clipboardCallbacks);
   const onClickCopy = _react3.useCallback.call(void 0, 
     (value) => (event) => {
@@ -79,7 +79,7 @@ function Table({
       Header: typeof column.Header === "string" ? column.Header : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
         column.Header.name,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkPZKJ4CZWcjs.InfoIconTooltip,
+          _chunk6G6HCZJUcjs.InfoIconTooltip,
           {
             id: `tooltip-${column.Header.name}`,
             content: column.Header.tooltip || "",
@@ -92,7 +92,7 @@ function Table({
         let content = value;
         let icon = null;
         if (isObjectCell(value)) {
-          icon = value.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
+          icon = value.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
           if (isMultilineCell(value)) {
             content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LineClampSpan, { children: [
               icon,
@@ -112,7 +112,7 @@ function Table({
               onClick: onClickCopy(value.text),
               role: "button",
               tabIndex: 0,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "Copy", width: 16, mr: 12 })
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "Copy", width: 16, mr: 12 })
             }
           );
           return value.link ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LinkClipboardCell, { children: [
@@ -126,7 +126,7 @@ function Table({
                   e.stopPropagation();
                 },
                 children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "LinkIcon", width: 12 }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "LinkIcon", width: 12 }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: content })
                 ]
               }
@@ -134,7 +134,7 @@ function Table({
             copyButton
           ] }) : value.to ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunkYDTPEU32cjs.Link,
+              _chunk4HIPKMRHcjs.Link,
               {
                 to: value.to,
                 params: value.toParams,
@@ -160,12 +160,12 @@ function Table({
                 e.stopPropagation();
               },
               children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "LinkIcon", width: 12 }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "LinkIcon", width: 12 }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: content })
               ]
             }
           ) : value.to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HoverableCellWrapper, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _chunkYDTPEU32cjs.Link,
+            _chunk4HIPKMRHcjs.Link,
             {
               to: value.to,
               params: value.toParams,
@@ -190,7 +190,7 @@ function Table({
           return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             icon,
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkFRXVOBFVcjs.ClipboardTextField,
+              _chunkRDNRIMXDcjs.ClipboardTextField,
               {
                 value: value.text,
                 elide: maxChars ? {
@@ -220,7 +220,7 @@ function Table({
       if ((onClickRowResult == null ? void 0 : onClickRowResult.link) || (onClickRowResult == null ? void 0 : onClickRowResult.to) && newTabKey) {
         let link = onClickRowResult == null ? void 0 : onClickRowResult.link;
         if (!link) {
-          link = _chunkYDTPEU32cjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
+          link = _chunk4HIPKMRHcjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
         }
         const target = newTabKey ? "_blank" : void 0;
         window.open(link, target);
@@ -277,13 +277,13 @@ function Table({
       }))
     ] })),
     emptyState,
-    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkST3UQPZYcjs.Loading, {})
+    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFDL4732Lcjs.Loading, {})
   ] });
 }
 var TableWrapper = _styled2.default.div`
   position: relative;
   min-height: 300px;
-  ${_chunkZO52GP5Zcjs.overflowAutoWithoutScrollbars}
+  ${_chunkQ3F7S3R3cjs.overflowAutoWithoutScrollbars}
 `;
 var hoverCellStyles = _react.css`
   cursor: pointer;
@@ -323,7 +323,7 @@ var CopyButton = _styled2.default.span`
   display: inline-table;
 `;
 var LineClampSpan = _styled2.default.span`
-  ${_chunkZO52GP5Zcjs.lineClamp.call(void 0, 2)}
+  ${_chunkQ3F7S3R3cjs.lineClamp.call(void 0, 2)}
 `;
 var cellPaddingPx = 15;
 var StyledTable = _styled2.default.table`
@@ -332,16 +332,16 @@ var StyledTable = _styled2.default.table`
   width: 100%;
 
   ${_chunkKW3JYLRIcjs.bp.lg(`
-    padding-left: ${_chunk23NA5VW6cjs.standardContentInset.lgPx}px;
-    padding-right: ${_chunk23NA5VW6cjs.standardContentInset.lgPx}px;
+    padding-left: ${_chunkOQEP7VDDcjs.standardContentInset.lgPx}px;
+    padding-right: ${_chunkOQEP7VDDcjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding-left: ${_chunk23NA5VW6cjs.standardContentInset.smPx}px;
-    padding-right: ${_chunk23NA5VW6cjs.standardContentInset.smPx}px;
+    padding-left: ${_chunkOQEP7VDDcjs.standardContentInset.smPx}px;
+    padding-right: ${_chunkOQEP7VDDcjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-    padding-left: ${_chunk23NA5VW6cjs.standardContentInset.minSmMaxLgPx}px;
-    padding-right: ${_chunk23NA5VW6cjs.standardContentInset.minSmMaxLgPx}px;
+    padding-left: ${_chunkOQEP7VDDcjs.standardContentInset.minSmMaxLgPx}px;
+    padding-right: ${_chunkOQEP7VDDcjs.standardContentInset.minSmMaxLgPx}px;
   `)}
 
   th {
@@ -365,8 +365,8 @@ var StyledTable = _styled2.default.table`
     cursor: ${({ clickable }) => clickable ? "pointer" : "default"};
     position: relative;
 
-    &:hover td:first-child:before ${_chunkZO52GP5Zcjs.ignoreSSRWarning} {
-      ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 16)}
+    &:hover td:first-child:before ${_chunkQ3F7S3R3cjs.ignoreSSRWarning} {
+      ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 16)}
       content: "";
       position: absolute;
       /* Position offsets inside trs do not properly follow relatively positioned