@lightsparkdev/ui 1.0.7 → 1.0.8

package/dist/{chunk-GB3YA32U.cjs → chunk-JWWKSKXB.cjs}

@@ -3,33 +3,33 @@
 var _chunkGSYM5JMBcjs = require('./chunk-GSYM5JMB.cjs');
 
 
-var _chunkYINNADVFcjs = require('./chunk-YINNADVF.cjs');
+var _chunkMHOXWPRAcjs = require('./chunk-MHOXWPRA.cjs');
 
 
-var _chunkYD6ZGALScjs = require('./chunk-YD6ZGALS.cjs');
+var _chunkLIVPDWXDcjs = require('./chunk-LIVPDWXD.cjs');
 
 
-var _chunkQQ2MHKHVcjs = require('./chunk-QQ2MHKHV.cjs');
+var _chunk6LHW62FGcjs = require('./chunk-6LHW62FG.cjs');
 
 
-var _chunkZJTRXOA5cjs = require('./chunk-ZJTRXOA5.cjs');
+var _chunkGCE3EVF6cjs = require('./chunk-GCE3EVF6.cjs');
 
 
 
-var _chunk3FA4RQGHcjs = require('./chunk-3FA4RQGH.cjs');
+var _chunkHTFKWW4Scjs = require('./chunk-HTFKWW4S.cjs');
 
 
-var _chunkE42IFW4Ecjs = require('./chunk-E42IFW4E.cjs');
+var _chunkSEJXEWOJcjs = require('./chunk-SEJXEWOJ.cjs');
 
 
 
-var _chunk7OBPNS6Wcjs = require('./chunk-7OBPNS6W.cjs');
+var _chunkLLVW7HU4cjs = require('./chunk-LLVW7HU4.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkUEG2PUK7cjs = require('./chunk-UEG2PUK7.cjs');
+var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -38,19 +38,19 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkSODYHHOBcjs = require('./chunk-SODYHHOB.cjs');
+var _chunk4P7RPU32cjs = require('./chunk-4P7RPU32.cjs');
 
 
-var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
 
 
 
 
 
-var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
 
 
-var _chunkEKCGBLIHcjs = require('./chunk-EKCGBLIH.cjs');
+var _chunkTMTEVKSDcjs = require('./chunk-TMTEVKSD.cjs');
 
 
 
@@ -200,10 +200,10 @@ function Modal({
   const buttonContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "above").map((_a, i) => {
       var _b = _a, { placement, text } = _b, rest = _chunkLKKJVJCGcjs.__objRest.call(void 0, _b, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3FA4RQGHcjs.Button, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTFKWW4Scjs.Button, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     }),
     !isSm && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3FA4RQGHcjs.Button,
+      _chunkHTFKWW4Scjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -211,7 +211,7 @@ function Modal({
       }
     ),
     (onSubmit || submitLink) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3FA4RQGHcjs.Button,
+      _chunkHTFKWW4Scjs.Button,
       {
         kind: "primary",
         disabled: submitDisabled,
@@ -225,35 +225,35 @@ function Modal({
         onClick: submitLink ? onSubmit : void 0
       }
     ),
-    isSm && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3FA4RQGHcjs.Button, { onClick: onClose, text: cancelText }),
+    isSm && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTFKWW4Scjs.Button, { onClick: onClose, text: cancelText }),
     extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "below").map((_c, i) => {
       var _d = _c, { placement, text } = _d, rest = _chunkLKKJVJCGcjs.__objRest.call(void 0, _d, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3FA4RQGHcjs.Button, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTFKWW4Scjs.Button, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     })
   ] });
   let titleContent = null;
   if (title) {
     if (typeof title === "string") {
-      titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7OBPNS6Wcjs.Headline, { heading: "h4", size: _chunkEKCGBLIHcjs.TokenSize.Small, children: title });
+      titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLLVW7HU4cjs.Headline, { heading: "h4", size: _chunkTMTEVKSDcjs.TokenSize.Small, children: title });
     } else {
-      titleContent = _chunkZJTRXOA5cjs.toReactNodes.call(void 0, title);
+      titleContent = _chunkGCE3EVF6cjs.toReactNodes.call(void 0, title);
     }
   }
   let descriptionContent = null;
   if (description) {
     if (typeof description === "string") {
-      descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Description, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE42IFW4Ecjs.Body, { size: "ExtraSmall", content: description }) });
+      descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Description, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEJXEWOJcjs.Body, { size: "ExtraSmall", content: description }) });
     } else {
-      descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Description, { children: _chunkZJTRXOA5cjs.toReactNodes.call(void 0, description) });
+      descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Description, { children: _chunkGCE3EVF6cjs.toReactNodes.call(void 0, description) });
     }
   }
   let topContentNode = null;
   if (topContent) {
-    topContentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: _chunkZUAO4DW3cjs.Spacing.px.xl }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYD6ZGALScjs.IconWithCircleBackground, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, topContent)) });
+    topContentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: _chunkZUAO4DW3cjs.Spacing.px.xl }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLIVPDWXDcjs.IconWithCircleBackground, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, topContent)) });
   }
   const modalContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     progressBar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: "20px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYINNADVFcjs.ProgressBar,
+      _chunkMHOXWPRAcjs.ProgressBar,
       {
         progressPercentage: progressBar.progressPercentage,
         isSm: progressBar.isSm
@@ -268,7 +268,7 @@ function Modal({
   let content;
   if (smKind === "drawer" && isSm) {
     content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQQ2MHKHVcjs.Drawer,
+      _chunk6LHW62FGcjs.Drawer,
       {
         onClose: () => onClickCloseButton(),
         closeButton: true,
@@ -288,12 +288,12 @@ function Modal({
           tabIndex: -1,
           role: "dialog",
           ref: modalContainerRef,
-          top: top || (smKind === "default" ? _chunkMNAZ4BDQcjs.standardContentInset.smPx : 0),
+          top: top || (smKind === "default" ? _chunkPYL3O7AFcjs.standardContentInset.smPx : 0),
           children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ModalContent, { width, ghost, smKind, children: [
             !firstFocusRef && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DefaultFocusTarget, { ref: defaultFirstFocusRefCb }),
             !ghost && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ModalNavigation, { children: [
-              handleBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: "ChevronLeft", width: 16 }) }),
-              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: "Close", width: 9 }) })
+              handleBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: "ChevronLeft", width: 16 }) }),
+              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: "Close", width: 9 }) })
             ] }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalContentInner, { ghost, children: modalContent })
           ] })
@@ -306,7 +306,7 @@ function Modal({
     nodeRef.current
   ) : null;
 }
-var DefaultFocusTarget = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton)`
+var DefaultFocusTarget = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
   position: absolute;
   top: -30px;
   width: 0;
@@ -351,7 +351,7 @@ var ModalButtonRow = _styled2.default.div`
   ${_chunkKW3JYLRIcjs.bp.minSm(`display: flex;`)}
   gap: 10px;
 
-  ${_chunk3FA4RQGHcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkHTFKWW4Scjs.ButtonSelector.call(void 0, )} {
     width: 50%;
     ${_chunkKW3JYLRIcjs.bp.sm(`
       width: 100%;
@@ -363,7 +363,7 @@ var ModalButtonColumn = _styled2.default.div`
   flex-direction: column;
   gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
 
-  ${_chunk3FA4RQGHcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkHTFKWW4Scjs.ButtonSelector.call(void 0, )} {
     width: 100%;
   }
 
@@ -373,14 +373,14 @@ var ModalContent = _styled2.default.div`
   pointer-events: auto;
   transition: width 0.25s ease-in;
 
-  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkMNAZ4BDQcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
-  ${_chunkSODYHHOBcjs.overflowAutoWithoutScrollbars}
+  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkPYL3O7AFcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
+  ${_chunk4P7RPU32cjs.overflowAutoWithoutScrollbars}
   ${(props) => props.smKind === "fullscreen" && _chunkKW3JYLRIcjs.bp.isSm() ? `
     width: 100%;
     height: 100%;
   ` : `
-    ${props.ghost ? "" : _chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 16)}
-    ${_chunkMNAZ4BDQcjs.standardContentInset.smCSS.styles}
+    ${props.ghost ? "" : _chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 16)}
+    ${_chunkPYL3O7AFcjs.standardContentInset.smCSS.styles}
     width: ${props.width}px;
     max-width: 100%;
     max-height: 100%;
@@ -388,7 +388,7 @@ var ModalContent = _styled2.default.div`
   `}
   ${(props) => props.ghost ? "" : "padding: 16px 16px 40px;"}
 
-  ${_chunk7OBPNS6Wcjs.headlineSelector.call(void 0, "h4")} { {
+  ${_chunkLLVW7HU4cjs.headlineSelector.call(void 0, "h4")} { {
     margin: 0;
     & + *:not(${_chunk6VA4SAHQcjs.select.call(void 0, Description)}) {
       margin-top: ${contentTopMarginPx}px;
@@ -400,14 +400,14 @@ var ModalNavigation = _styled2.default.div`
   grid-auto-flow: column;
   width: 100%;
 `;
-var BackButton = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton)`
-  ${_chunkMNAZ4BDQcjs.standardFocusOutline}
+var BackButton = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
+  ${_chunkPYL3O7AFcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-start;
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton)`
-  ${_chunkMNAZ4BDQcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
+  ${_chunkPYL3O7AFcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-XCEI3WIL.js → chunk-JZJQOZEN.js}

@@ -1,6 +1,6 @@
 import {
   renderTypography
-} from "./chunk-SUTN4O34.js";
+} from "./chunk-4IC7HDY4.js";
 import {
   isExternalLinkNode,
   isIconNode,
@@ -8,7 +8,7 @@ import {
   isNextLinkNode,
   isTextNode,
   toNonTypographicReactNodes
-} from "./chunk-J2NLRI2M.js";
+} from "./chunk-UC6SP4KJ.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-3ET7MRCR.cjs → chunk-KACMKEQC.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
 
 // src/components/ContentTable.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -18,7 +18,7 @@ function ContentTable({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: row.title }),
       columns.map((column) => {
         const value = row[column.key];
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: value === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: "CheckmarkCircleGreen", width: 16 }) : value }, column.key);
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: value === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: "CheckmarkCircleGreen", width: 16 }) : value }, column.key);
       })
     ] }, index)) })
   ] });

package/dist/{chunk-OIR5K2NG.js → chunk-KKK2ML75.js}

@@ -1,6 +1,6 @@
 import {
   TextInput
-} from "./chunk-DWGNUG6W.js";
+} from "./chunk-DPSSQNBK.js";
 import {
   addCommasToDigits,
   removeChars,

package/dist/{chunk-QR6XKKRK.cjs → chunk-KLC2OBTG.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkIXV57HL7cjs = require('./chunk-IXV57HL7.cjs');
+var _chunkZBBVZQKJcjs = require('./chunk-ZBBVZQKJ.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
 
 
-var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.cjs');
+var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
 
 // src/styles/fields.tsx
 var _react = require('@emotion/react');
@@ -25,16 +25,16 @@ var formButtonTopMarginStyle = _react.css`
   margin-top: ${formButtonTopMargin};
 `;
 var standardBorderColor = ({ theme }) => _react.css`
-  border-color: ${_chunkPDZ23BEDcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
+  border-color: ${_chunkWTHHP7G2cjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
 `;
 var inputBlockStyle = ({
   theme,
   hasValue,
   hasError
 }) => _react.css`
-  ${_chunkMNAZ4BDQcjs.subtext.call(void 0, { theme })}
+  ${_chunkPYL3O7AFcjs.subtext.call(void 0, { theme })}
   ${standardBorderColor({ theme })}
-  ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 8)}
   background-color: ${theme.bg};
   border-width: 2px;
   display: flex;
@@ -51,8 +51,8 @@ var textInputFontWeight = 600;
 var textInputBorderRadiusPx = 8;
 var textInputPaddingPx = 12;
 var textInputPadding = `${textInputPaddingPx}px`;
-var textInputBorderColor = ({ theme }) => _chunkPDZ23BEDcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
-var textInputBorderColorFocused = ({ theme }) => _chunkPDZ23BEDcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
+var textInputBorderColor = ({ theme }) => _chunkWTHHP7G2cjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
+var textInputBorderColorFocused = ({ theme }) => _chunkWTHHP7G2cjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
 var textInputActiveStyles = ({
   theme,
   paddingLeftPx,
@@ -76,11 +76,12 @@ var textInputStyle = ({
   hasError,
   paddingLeftPx,
   paddingRightPx,
-  typography
+  typography,
+  borderRadius
 }) => {
   var _a;
   return _react.css`
-  border-radius: ${textInputBorderRadiusPx}px;
+  border-radius: ${borderRadius === "round" ? "999" : textInputBorderRadiusPx}px;
   background-color: ${disabled ? theme.vlcNeutral : theme.inputBackground};
   cursor: ${disabled ? "not-allowed" : "auto"};
   box-sizing: border-box;
@@ -98,7 +99,7 @@ var textInputStyle = ({
   line-height: 22px;
   outline: none;
 
-  ${_chunkIXV57HL7cjs.applyTypography.call(void 0, 
+  ${_chunkZBBVZQKJcjs.applyTypography.call(void 0, 
     theme,
     (typography == null ? void 0 : typography.type) || defaultTextInputTypography.type,
     (typography == null ? void 0 : typography.size) || defaultTextInputTypography.size,
@@ -207,11 +208,11 @@ var labelStyle = ({
   }
 `;
 var Label = _styled2.default.label`
-  ${_chunkMNAZ4BDQcjs.subtext}
+  ${_chunkPYL3O7AFcjs.subtext}
   ${labelStyle}
 `;
 var LabelDiv = _styled2.default.div`
-  ${_chunkMNAZ4BDQcjs.subtext}
+  ${_chunkPYL3O7AFcjs.subtext}
   ${labelStyle}
 `;
 

package/dist/{chunk-ANP2OU53.cjs → chunk-KMFK2MOB.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkXZG2GZWIcjs = require('./chunk-XZG2GZWI.cjs');
+var _chunkBD3WXMLEcjs = require('./chunk-BD3WXMLE.cjs');
 
 
-var _chunkUEG2PUK7cjs = require('./chunk-UEG2PUK7.cjs');
+var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
 
 
-var _chunkSODYHHOBcjs = require('./chunk-SODYHHOB.cjs');
+var _chunk4P7RPU32cjs = require('./chunk-4P7RPU32.cjs');
 
 
-var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
 
 
 var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
@@ -83,9 +83,9 @@ function Pill({
           {
             hasIconInset: Boolean(icon && !loading && !onDeleteMouseDown),
             children: [
-              loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZG2GZWIcjs.Loading, { size: 16.1, center: false, ml: 5 }),
+              loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBD3WXMLEcjs.Loading, { size: 16.1, center: false, ml: 5 }),
               !loading && onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkUEG2PUK7cjs.UnstyledButton,
+                _chunkBOBYW7PPcjs.UnstyledButton,
                 {
                   onMouseDown: handleOnDeleteMouseDown,
                   onKeyDown: handleOnDeleteKeyDown,
@@ -95,10 +95,10 @@ function Pill({
                     padding: "10px",
                     marginRight: "-10px"
                   },
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: "DeleteIcon", width: 16.1 })
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: "DeleteIcon", width: 16.1 })
                 }
               ),
-              !loading && icon && !onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: icon, width: 16.1, color: "white" })
+              !loading && icon && !onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: icon, width: 16.1, color: "white" })
             ]
           }
         )
@@ -131,7 +131,7 @@ var StyledPill = _styled2.default.div`
   position: relative;
 `;
 var PillIconContainer = _styled2.default.div`
-  ${_chunkSODYHHOBcjs.flexCenter}
+  ${_chunk4P7RPU32cjs.flexCenter}
   ${({ hasIconInset }) => hasIconInset ? `
     background-color: ${_chunkKSKKC6C2cjs.colors.blue43};
     padding: 8px;

package/dist/{chunk-YD6ZGALS.cjs → chunk-LIVPDWXD.cjs}

@@ -3,10 +3,10 @@
 var _chunkMT2C62EDcjs = require('./chunk-MT2C62ED.cjs');
 
 
-var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
 
 
-var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.cjs');
+var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
 
 // src/components/IconWithCircleBackground.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -14,10 +14,10 @@ var _jsxruntime = require('@emotion/react/jsx-runtime');
 function IconWithCircleBackground({
   iconName = "WarningSign"
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMT2C62EDcjs.Flex, { center: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledIconWithCircleBackground, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: iconName, width: 40, color: "grayBlue9" }) }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMT2C62EDcjs.Flex, { center: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledIconWithCircleBackground, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: iconName, width: 40, color: "grayBlue9" }) }) });
 }
 var StyledIconWithCircleBackground = _styled2.default.div`
-  background-color: ${({ theme }) => _chunkPDZ23BEDcjs.getColor.call(void 0, theme, "grayBlue94")};
+  background-color: ${({ theme }) => _chunkWTHHP7G2cjs.getColor.call(void 0, theme, "grayBlue94")};
   border-radius: 50%;
   padding: 20px;
 `;

package/dist/{chunk-7OBPNS6W.cjs → chunk-LLVW7HU4.cjs}

@@ -3,47 +3,50 @@
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkHKSBGUB7cjs = require('./chunk-HKSBGUB7.cjs');
+var _chunkAZRC3MXCcjs = require('./chunk-AZRC3MXC.cjs');
 
 
-var _chunkIXV57HL7cjs = require('./chunk-IXV57HL7.cjs');
+var _chunkG5HBO2FIcjs = require('./chunk-G5HBO2FI.cjs');
+
+
+var _chunkZBBVZQKJcjs = require('./chunk-ZBBVZQKJ.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 = ({
-  content,
-  color,
-  size = "Medium",
+  block = false,
   children,
+  color,
+  content,
+  display,
   heading = "h1",
+  hideOverflow = false,
   id,
-  display = "block"
+  size = "Medium"
 }) => {
   let reactNodes = children || null;
   if (content) {
-    reactNodes = _chunkHKSBGUB7cjs.toNonTypographicReactNodes.call(void 0, content);
+    reactNodes = _chunkAZRC3MXCcjs.toNonTypographicReactNodes.call(void 0, content);
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     StyledHeadline,
     {
       as: heading,
-      id,
-      size,
+      block,
       colorProp: color,
       displayProp: display,
+      hideOverflow,
+      id,
+      size,
       children: reactNodes
     }
   );
 };
 var StyledHeadline = _styled2.default.span`
-  /* Margins should always be set in display contexts eg Article */
-  margin: 0;
-
-  display: ${({ displayProp }) => displayProp};
-
-  ${({ theme, size, colorProp }) => _chunkIXV57HL7cjs.applyTypography.call(void 0, theme, "Headline", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkZBBVZQKJcjs.applyTypography.call(void 0, theme, "Headline", size, colorProp)}
+  ${_chunkG5HBO2FIcjs.typographyStyles}
 `;
 function headlineSelector(heading) {
   return `${heading}${_chunk6VA4SAHQcjs.select.call(void 0, StyledHeadline)}`;

package/dist/{chunk-YHQVDAZW.cjs → chunk-LZ24FX6C.cjs}

@@ -3,7 +3,7 @@
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
 
 
 
@@ -54,7 +54,7 @@ var styles = ({ theme }) => _css.css`
   border-radius: 8px !important;
   padding: 16px !important;
   z-index: ${_chunkZU72XWNEcjs.z.tooltip};
-  ${_chunkMNAZ4BDQcjs.overlaySurface.call(void 0, { theme, important: true })};
+  ${_chunkPYL3O7AFcjs.overlaySurface.call(void 0, { theme, important: true })};
 
   max-width: 260px;
   box-shadow:

package/dist/{chunk-TWG7OQT7.js → chunk-MBZSVLKB.js}

@@ -1,15 +1,15 @@
 import {
   Loading
-} from "./chunk-7GCXP2EW.js";
+} from "./chunk-RT4SDUU6.js";
 import {
   UnstyledButton
-} from "./chunk-H47HIU2F.js";
+} from "./chunk-E7RKIBJY.js";
 import {
   flexCenter
-} from "./chunk-JQV6H76U.js";
+} from "./chunk-DNRHVCOE.js";
 import {
   Icon
-} from "./chunk-UACBVBBE.js";
+} from "./chunk-QQTZ6DZL.js";
 import {
   colors
 } from "./chunk-REL56P3K.js";

package/dist/{chunk-GCUBVU4U.js → chunk-MDAPZY4A.js}

@@ -3,33 +3,33 @@ import {
 } from "./chunk-NBCCPGA4.js";
 import {
   ProgressBar
-} from "./chunk-VI4JM4DQ.js";
+} from "./chunk-TSO4WRU4.js";
 import {
   IconWithCircleBackground
-} from "./chunk-OHMAC2V5.js";
+} from "./chunk-TZN3OW2Q.js";
 import {
   Drawer
-} from "./chunk-W42LDOH4.js";
+} from "./chunk-5OIQOVHS.js";
 import {
   toReactNodes
-} from "./chunk-XCEI3WIL.js";
+} from "./chunk-JZJQOZEN.js";
 import {
   Button,
   ButtonSelector
-} from "./chunk-ZGPNVPST.js";
+} from "./chunk-EJZ3BXS3.js";
 import {
   Body
-} from "./chunk-4DPM62TI.js";
+} from "./chunk-ZTIL63SE.js";
 import {
   Headline,
   headlineSelector
-} from "./chunk-WONQPE5P.js";
+} from "./chunk-QU7VRXE6.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   UnstyledButton
-} from "./chunk-H47HIU2F.js";
+} from "./chunk-E7RKIBJY.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
@@ -38,19 +38,19 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-JQV6H76U.js";
+} from "./chunk-DNRHVCOE.js";
 import {
   Icon
-} from "./chunk-UACBVBBE.js";
+} from "./chunk-QQTZ6DZL.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardContentInset,
   standardFocusOutline
-} from "./chunk-GMM3LRXY.js";
+} from "./chunk-APUV4UN4.js";
 import {
   TokenSize
-} from "./chunk-ENBUKLVT.js";
+} from "./chunk-24PXYMSU.js";
 import {
   bp,
   useBreakpoints

package/dist/{chunk-YINNADVF.cjs → chunk-MHOXWPRA.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
 
 
-var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.cjs');
+var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
 
 // src/components/ProgressBar.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -41,8 +41,8 @@ function ProgressBar({
 }
 ProgressBar.defaultProps = defaultProps;
 var ProgressBarContainer = _styled2.default.div`
-  ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 16)}
-  background-color: ${({ theme }) => _chunkPDZ23BEDcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
+  ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 16)}
+  background-color: ${({ theme }) => _chunkWTHHP7G2cjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
   box-sizing: border-box;
   display: flex;
   height: ${({ isSm }) => isSm ? "6px" : "16px"};
@@ -51,7 +51,7 @@ var ProgressBarContainer = _styled2.default.div`
   position: relative;
 `;
 var BarBg = _styled2.default.div`
-  ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 16)}
   width: ${({ percentage }) => 100 / percentage * 100}%;
   height: 100%;
 
@@ -65,7 +65,7 @@ var BarBg = _styled2.default.div`
   )`};
 `;
 var Bar = _styled2.default.div`
-  ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 16)}
   overflow: hidden;
   box-sizing: border-box;
   display: inline-block;