@lightsparkdev/ui 1.1.0 → 1.1.1

package/dist/{chunk-2PI3XHGD.cjs → chunk-6N7XRYZD.cjs}

@@ -4,14 +4,18 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
 
 
-var _chunkDO3PWX7Qcjs = require('./chunk-DO3PWX7Q.cjs');
+var _chunkHEMGZE2Gcjs = require('./chunk-HEMGZE2G.cjs');
 
 
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
+
+var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+
+
+var _chunkK7HWTEGPcjs = require('./chunk-K7HWTEGP.cjs');
 
 // src/styles/fields.tsx
 var _react = require('@emotion/react');
@@ -26,16 +30,16 @@ var formButtonTopMarginStyle = _react.css`
   margin-top: ${formButtonTopMargin};
 `;
 var standardBorderColor = ({ theme }) => _react.css`
-  border-color: ${_chunkHGCI5IAMcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
+  border-color: ${_chunkXUEKQQJVcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
 `;
 var inputBlockStyle = ({
   theme,
   hasValue,
   hasError
 }) => _react.css`
-  ${_chunkFPQ2OUYXcjs.subtext.call(void 0, { theme })}
+  ${_chunkU35SY546cjs.subtext.call(void 0, { theme })}
   ${standardBorderColor({ theme })}
-  ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 8)}
   background-color: ${theme.bg};
   border-width: 2px;
   display: flex;
@@ -49,20 +53,21 @@ var inputBlockStyle = ({
 `;
 var textInputPlaceholderColor = ({ theme }) => theme.c4Neutral;
 var textInputFontWeight = 600;
-var textInputBorderRadiusPx = 8;
 var textInputPaddingPx = 12;
 var textInputPadding = `${textInputPaddingPx}px`;
-var textInputBorderColor = ({ theme }) => _chunkHGCI5IAMcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
-var textInputBorderColorFocused = ({ theme }) => _chunkHGCI5IAMcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
+var textInputBorderColor = ({ theme }) => _chunkXUEKQQJVcjs.isBridge.call(void 0, theme) ? _chunkK7HWTEGPcjs.colors.gray4 : _chunkXUEKQQJVcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
+var textInputBorderColorFocused = ({ theme }) => _chunkXUEKQQJVcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
 var textInputActiveStyles = ({
   theme,
   paddingLeftPx,
   paddingRightPx,
+  paddingTopPx,
+  paddingBottomPx,
   activeOutline,
   activeOutlineColor
 }) => {
   if (activeOutline) {
-    const outlineColor = activeOutlineColor ? _chunkHGCI5IAMcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
+    const outlineColor = activeOutlineColor ? _chunkXUEKQQJVcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
     return _react.css`
       outline: 2px solid ${outlineColor};
       outline-offset: 2px;
@@ -75,6 +80,8 @@ var textInputActiveStyles = ({
     padding: ${textInputPaddingPx - 1}px;
     ${paddingLeftPx ? `padding-left: ${paddingLeftPx - 1}px;` : ""}
     ${paddingRightPx ? `padding-right: ${paddingRightPx - 1}px;` : ""}
+    ${paddingTopPx ? `padding-top: ${paddingTopPx - 1}px;` : ""}
+    ${paddingBottomPx ? `padding-bottom: ${paddingBottomPx - 1}px;` : ""}
   `;
 };
 var defaultTextInputTypography = {
@@ -94,11 +101,12 @@ var textInputStyle = ({
   activeOutline,
   activeOutlineColor,
   typography,
-  borderRadius
+  borderRadius,
+  borderWidth
 }) => {
   var _a;
   return _react.css`
-  border-radius: ${borderRadius === "round" ? "999" : textInputBorderRadiusPx}px;
+  border-radius: ${borderRadius != null ? borderRadius : 8}px;
   background-color: ${disabled ? theme.vlcNeutral : theme.inputBackground};
   cursor: ${disabled ? "not-allowed" : "auto"};
   box-sizing: border-box;
@@ -113,12 +121,12 @@ var textInputStyle = ({
   ${paddingTopPx ? `padding-top: ${paddingTopPx - (hasError ? 1 : 0)}px;` : ""}
   ${paddingBottomPx ? `padding-bottom: ${paddingBottomPx - (hasError ? 1 : 0)}px;` : ""}
   border-style: solid;
-  border-width: ${hasError ? "2" : "1"}px;
+  border-width: ${hasError ? "2" : borderWidth !== void 0 ? borderWidth : "1"}px;
   border-color: ${hasError ? theme.danger : textInputBorderColor({ theme })};
   line-height: 22px;
   outline: none;
 
-  ${_chunkDO3PWX7Qcjs.applyTypography.call(void 0, 
+  ${_chunkHEMGZE2Gcjs.applyTypography.call(void 0, 
     theme,
     (typography == null ? void 0 : typography.type) || defaultTextInputTypography.type,
     (typography == null ? void 0 : typography.size) || defaultTextInputTypography.size,
@@ -135,6 +143,8 @@ var textInputStyle = ({
     theme,
     paddingLeftPx,
     paddingRightPx,
+    paddingTopPx,
+    paddingBottomPx,
     activeOutline,
     activeOutlineColor
   })}
@@ -144,6 +154,8 @@ var textInputStyle = ({
     theme,
     paddingLeftPx,
     paddingRightPx,
+    paddingTopPx,
+    paddingBottomPx,
     activeOutline,
     activeOutlineColor
   })}
@@ -239,11 +251,11 @@ var labelStyle = ({
   }
 `;
 var Label = _styled2.default.label`
-  ${_chunkFPQ2OUYXcjs.subtext}
+  ${_chunkU35SY546cjs.subtext}
   ${labelStyle}
 `;
 var LabelDiv = _styled2.default.div`
-  ${_chunkFPQ2OUYXcjs.subtext}
+  ${_chunkU35SY546cjs.subtext}
   ${labelStyle}
 `;
 
@@ -270,5 +282,4 @@ var LabelDiv = _styled2.default.div`
 
 
 
-
-exports.maxFieldWidth = maxFieldWidth; exports.fieldWidth = fieldWidth; exports.inputSpacingPx = inputSpacingPx; exports.formButtonTopMargin = formButtonTopMargin; exports.formButtonTopMarginStyle = formButtonTopMarginStyle; exports.standardBorderColor = standardBorderColor; exports.inputBlockStyle = inputBlockStyle; exports.textInputPlaceholderColor = textInputPlaceholderColor; exports.textInputFontWeight = textInputFontWeight; exports.textInputBorderRadiusPx = textInputBorderRadiusPx; exports.textInputPaddingPx = textInputPaddingPx; exports.textInputPadding = textInputPadding; exports.textInputBorderColor = textInputBorderColor; exports.textInputBorderColorFocused = textInputBorderColorFocused; exports.defaultTextInputTypography = defaultTextInputTypography; exports.textInputStyle = textInputStyle; exports.FieldError = FieldError; exports.aboveFieldError = aboveFieldError; exports.InputSubtext = InputSubtext; exports.StyledInputSubtext = StyledInputSubtext; exports.labelStyle = labelStyle; exports.Label = Label; exports.LabelDiv = LabelDiv;
+exports.maxFieldWidth = maxFieldWidth; exports.fieldWidth = fieldWidth; exports.inputSpacingPx = inputSpacingPx; exports.formButtonTopMargin = formButtonTopMargin; exports.formButtonTopMarginStyle = formButtonTopMarginStyle; exports.standardBorderColor = standardBorderColor; exports.inputBlockStyle = inputBlockStyle; exports.textInputPlaceholderColor = textInputPlaceholderColor; exports.textInputFontWeight = textInputFontWeight; exports.textInputPaddingPx = textInputPaddingPx; exports.textInputPadding = textInputPadding; exports.textInputBorderColor = textInputBorderColor; exports.textInputBorderColorFocused = textInputBorderColorFocused; exports.defaultTextInputTypography = defaultTextInputTypography; exports.textInputStyle = textInputStyle; exports.FieldError = FieldError; exports.aboveFieldError = aboveFieldError; exports.InputSubtext = InputSubtext; exports.StyledInputSubtext = StyledInputSubtext; exports.labelStyle = labelStyle; exports.Label = Label; exports.LabelDiv = LabelDiv;

package/dist/{chunk-4WLQDWEJ.js → chunk-6O44WIUE.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-AHC2USPG.js";
+} from "./chunk-BDL3A6DZ.js";
 import {
   StyledLabel,
   getPropDefaults
-} from "./chunk-BJNNM7GS.js";
+} from "./chunk-E6QPVXC5.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-PMF5K72F.cjs → chunk-6OSTNEFI.cjs}

@@ -8,22 +8,22 @@
 var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
 
 
-var _chunk6VHPN6NVcjs = require('./chunk-6VHPN6NV.cjs');
+var _chunkTXPTCNIGcjs = require('./chunk-TXPTCNIG.cjs');
 
 
-var _chunkGWGAYSYHcjs = require('./chunk-GWGAYSYH.cjs');
+var _chunkZLI4UY4Dcjs = require('./chunk-ZLI4UY4D.cjs');
 
 
-var _chunkHBDF6JWWcjs = require('./chunk-HBDF6JWW.cjs');
+var _chunkI6MQ5VOEcjs = require('./chunk-I6MQ5VOE.cjs');
 
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
 
 
-var _chunkI4L4UO26cjs = require('./chunk-I4L4UO26.cjs');
+var _chunk7VSNXYK4cjs = require('./chunk-7VSNXYK4.cjs');
 
 
-var _chunk5SPEBEERcjs = require('./chunk-5SPEBEER.cjs');
+var _chunkILL2GVLFcjs = require('./chunk-ILL2GVLF.cjs');
 
 
 var _chunkL3U3VIEJcjs = require('./chunk-L3U3VIEJ.cjs');
@@ -47,7 +47,7 @@ function toReactNodes(toReactNodesArg) {
       let content = text;
       if (_chunkCH2PLO6Fcjs.isTextNode.call(void 0, node) && node.typography) {
         const _a = node.typography, { type: typographyType } = _a, typographyProps = _chunkZ6EUSUADcjs.__objRest.call(void 0, _a, ["type"]);
-        content = _chunk5SPEBEERcjs.renderTypography.call(void 0, typographyType, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, typographyProps), {
+        content = _chunkILL2GVLFcjs.renderTypography.call(void 0, typographyType, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, typographyProps), {
           children: text
         }));
       } else {
@@ -58,16 +58,16 @@ function toReactNodes(toReactNodesArg) {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: content }, `text-${i}-${text.substr(0, 20)}`)
       );
     } else if (_chunkCH2PLO6Fcjs.isLinkNode.call(void 0, node)) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI4L4UO26cjs.Link, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.link), `link-${i}-${node.link.id}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7VSNXYK4cjs.Link, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.link), `link-${i}-${node.link.id}`);
     } else if (_chunkCH2PLO6Fcjs.isNextLinkNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk6VHPN6NVcjs.NextLink,
+        _chunkTXPTCNIGcjs.NextLink,
         _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.nextLink),
         `next-link-${i}-${node.nextLink.id}`
       );
     } else if (_chunkCH2PLO6Fcjs.isIconNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk6Z6ZBZEJcjs.Icon,
+        _chunk4N5EXQIScjs.Icon,
         _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.icon), {
           width: node.icon.width || 12
         }),
@@ -75,13 +75,13 @@ function toReactNodes(toReactNodesArg) {
       );
     } else if (_chunkCH2PLO6Fcjs.isCurrencyAmountNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkGWGAYSYHcjs.CurrencyAmount,
+        _chunkZLI4UY4Dcjs.CurrencyAmount,
         _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.currencyAmount),
         `currency-amount-${i}-${node.currencyAmount.id}`
       );
     } else if (_chunkCH2PLO6Fcjs.isClipboardTextFieldNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkHBDF6JWWcjs.ClipboardTextField,
+        _chunkI6MQ5VOEcjs.ClipboardTextField,
         _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.clipboardTextField),
         `clipboard-text-field-${i}-${node.clipboardTextField.id}`
       );

package/dist/{chunk-EYKKYK5B.cjs → chunk-6S5BDYYO.cjs}

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkOI4UESYKcjs = require('./chunk-OI4UESYK.cjs');
+var _chunk2RXMYPBBcjs = require('./chunk-2RXMYPBB.cjs');
 
 
-var _chunkDSRVIFSUcjs = require('./chunk-DSRVIFSU.cjs');
+var _chunkVDSQAXIMcjs = require('./chunk-VDSQAXIM.cjs');
 
 
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunk7H2OXTENcjs = require('./chunk-7H2OXTEN.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
 
 
 
@@ -19,10 +19,10 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
 
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
+var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
 
 
 
@@ -36,7 +36,7 @@ function CardPage(props) {
   const initiallyExpanded = _react.useRef.call(void 0, Boolean(props.expandRight));
   const [wasExpanded, setWasExpanded] = _react.useState.call(void 0, Boolean(props.expandRight));
   const bp2 = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
-  const header = props.title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardPageHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOI4UESYKcjs.Heading, { type: "h1", m0: true, children: props.title }) }) : null;
+  const header = props.title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardPageHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2RXMYPBBcjs.Heading, { type: "h1", m0: true, children: props.title }) }) : null;
   _react.useEffect.call(void 0, () => {
     if (props.expandRight) {
       setWasExpanded(true);
@@ -53,7 +53,7 @@ function CardPage(props) {
       minContentHeight: props.minContentHeight,
       initiallyExpanded: initiallyExpanded.current,
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunk7H2OXTENcjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunkXQNOVNF4cjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           CardPageContent,
           {
             hasPreHeaderContent: Boolean(props.preHeaderContent),
@@ -85,7 +85,7 @@ CardPage.defaultProps = {
 var CardPageFullContent = _styled2.default.div``;
 var CardPageFullWidth = _styled2.default.div``;
 var CardPageRightContentInner = _styled2.default.div`
-  ${_chunk7H2OXTENcjs.flexCenter}
+  ${_chunkXQNOVNF4cjs.flexCenter}
   height: 100%;
   padding: 150px 25px;
   ${({ hasRightContent }) => hasRightContent && `justify-content: space-evenly;`}
@@ -94,7 +94,7 @@ var CardPageRightContent = _styled2.default.div`
   display: flex;
   position: relative;
   ${CardPageRightContentInner} {
-    ${_chunkFPQ2OUYXcjs.darkGradientBg};
+    ${_chunkU35SY546cjs.darkGradientBg};
     position: relative;
     height: calc(100% + 80px);
     margin-top: -40px;
@@ -104,15 +104,15 @@ var CardPageRightContent = _styled2.default.div`
     width: 100%;
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
-      ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, [0, _chunkFPQ2OUYXcjs.cardBorderRadiusPx, _chunkFPQ2OUYXcjs.cardBorderRadiusPx, 0])};
+      ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, [0, _chunkU35SY546cjs.cardBorderRadiusPx, _chunkU35SY546cjs.cardBorderRadiusPx, 0])};
     `)}
   }
 `;
 var vCardPaddingPx = 40;
 var expandTiming = `0.65s ease-in-out`;
 var CardPageContainer = _styled2.default.div`
-  ${_chunkFPQ2OUYXcjs.standardContentInset.css}
-  ${({ theme }) => _chunkHGCI5IAMcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
+  ${_chunkU35SY546cjs.standardContentInset.css}
+  ${({ theme }) => _chunkXUEKQQJVcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
   position: relative;
   z-index: ${_chunkZU72XWNEcjs.z.card};
 
@@ -125,23 +125,23 @@ var CardPageContainer = _styled2.default.div`
   `)}
 
   & > * {
-    ${_chunkFPQ2OUYXcjs.standardContentInset.css}
+    ${_chunkU35SY546cjs.standardContentInset.css}
   }
 
   & ${CardPageFullContent}, & ${CardPageFullWidth} {
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunkFPQ2OUYXcjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunkFPQ2OUYXcjs.standardContentInset.smPx}px;
+      width: calc(100% + ${_chunkU35SY546cjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunkU35SY546cjs.standardContentInset.smPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-      width: calc(100% + ${_chunkFPQ2OUYXcjs.standardContentInset.minSmMaxLgPx * 2}px);
-      margin-left: -${_chunkFPQ2OUYXcjs.standardContentInset.minSmMaxLgPx}px;
+      width: calc(100% + ${_chunkU35SY546cjs.standardContentInset.minSmMaxLgPx * 2}px);
+      margin-left: -${_chunkU35SY546cjs.standardContentInset.minSmMaxLgPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.lg(`
-      width: calc(100% + ${_chunkFPQ2OUYXcjs.standardContentInset.lgPx * 2}px);
-      margin-left: -${_chunkFPQ2OUYXcjs.standardContentInset.lgPx}px;
+      width: calc(100% + ${_chunkU35SY546cjs.standardContentInset.lgPx * 2}px);
+      margin-left: -${_chunkU35SY546cjs.standardContentInset.lgPx}px;
     `)}
   }
 
@@ -160,9 +160,9 @@ var CardPageContainer = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.minSm(`
-    ${_chunkFPQ2OUYXcjs.standardCardShadow.styles};
+    ${_chunkU35SY546cjs.standardCardShadow.styles};
     padding: ${vCardPaddingPx}px 0;
-    ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, _chunkFPQ2OUYXcjs.cardBorderRadiusPx)}
+    ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, _chunkU35SY546cjs.cardBorderRadiusPx)}
   `)}
 
   &:not(:last-child) {
@@ -224,12 +224,12 @@ var CardPageContainer = _styled2.default.div`
 
       &:first-of-type > * {
         ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-          width: calc(100% - ${_chunkFPQ2OUYXcjs.standardContentInset.minSmMaxLgPx * 2}px);
-          margin-left: ${_chunkFPQ2OUYXcjs.standardContentInset.minSmMaxLgPx}px;
+          width: calc(100% - ${_chunkU35SY546cjs.standardContentInset.minSmMaxLgPx * 2}px);
+          margin-left: ${_chunkU35SY546cjs.standardContentInset.minSmMaxLgPx}px;
         `)}
         ${_chunkKW3JYLRIcjs.bp.lg(`
-          width: calc(100% - ${_chunkFPQ2OUYXcjs.standardContentInset.lgPx * 3}px);
-          margin-left: ${_chunkFPQ2OUYXcjs.standardContentInset.lgPx}px;
+          width: calc(100% - ${_chunkU35SY546cjs.standardContentInset.lgPx * 3}px);
+          margin-left: ${_chunkU35SY546cjs.standardContentInset.lgPx}px;
         `)}
       }
     }
@@ -255,7 +255,7 @@ var CardPageContainer = _styled2.default.div`
             ${initiallyExpanded ? "" : `animation: rightSideExpand ${expandTiming};`}
             margin: 0%;
             & > ${CardPageRightContentInner.toString()} {
-              border-radius: ${_chunkFPQ2OUYXcjs.cardBorderRadiusPx}px !important;
+              border-radius: ${_chunkU35SY546cjs.cardBorderRadiusPx}px !important;
             }
           `) : wasExpanded ? _chunkKW3JYLRIcjs.bp.minSm(`
             width: 50%;
@@ -265,8 +265,8 @@ var CardPageContainer = _styled2.default.div`
 `;
 var CardPageSubtitle = _styled2.default.p`
   color: ${({ theme }) => theme.mcNeutral};
-  font-size: ${_chunk7H2OXTENcjs.size.px14};
-  line-height: ${_chunk7H2OXTENcjs.size.px18};
+  font-size: ${_chunkXQNOVNF4cjs.size.px14};
+  line-height: ${_chunkXQNOVNF4cjs.size.px18};
   font-weight: 600;
   margin: 0;
 `;
@@ -277,15 +277,15 @@ var CardPageHeader = _styled2.default.div`
   justify-content: space-between;
   position: relative;
 
-  & + *:not(${CardPageSubtitle}):not(${_chunkDSRVIFSUcjs.StyledButtonRow}) {
-    margin-top: ${_chunkFPQ2OUYXcjs.headingContentMarginPx}px !important;
+  & + *:not(${CardPageSubtitle}):not(${_chunkVDSQAXIMcjs.StyledButtonRow}) {
+    margin-top: ${_chunkU35SY546cjs.headingContentMarginPx}px !important;
   }
 
   & + ${CardPageSubtitle} {
     margin-top: 5px;
   }
 
-  & + ${_chunkDSRVIFSUcjs.StyledButtonRow} {
+  & + ${_chunkVDSQAXIMcjs.StyledButtonRow} {
     margin-top: 16px;
   }
 `;

package/dist/{chunk-IX53L44F.cjs → chunk-6SKXUGXK.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZQ7MTVT6cjs = require('./chunk-ZQ7MTVT6.cjs');
+var _chunkOVJCWJG2cjs = require('./chunk-OVJCWJG2.cjs');
 
 
 
@@ -12,22 +12,22 @@ var _chunkZQ7MTVT6cjs = require('./chunk-ZQ7MTVT6.cjs');
 var _chunkFBWTYGYEcjs = require('./chunk-FBWTYGYE.cjs');
 
 
-var _chunk5X4RSRIKcjs = require('./chunk-5X4RSRIK.cjs');
+var _chunkFAI2JG7Ucjs = require('./chunk-FAI2JG7U.cjs');
 
 
-var _chunkUNDTHMBScjs = require('./chunk-UNDTHMBS.cjs');
+var _chunkP4R7LALXcjs = require('./chunk-P4R7LALX.cjs');
 
 
-var _chunk3GKIKZL2cjs = require('./chunk-3GKIKZL2.cjs');
+var _chunkYZ2C4D6Ncjs = require('./chunk-YZ2C4D6N.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkVXW4GOMOcjs = require('./chunk-VXW4GOMO.cjs');
 
 
-var _chunk4UFYMBJKcjs = require('./chunk-4UFYMBJK.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
 
@@ -98,7 +98,7 @@ var DateFilter = ({
       },
       components: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, TimeAndGranularity, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk3GKIKZL2cjs.TextInput,
+          _chunkYZ2C4D6Ncjs.TextInput,
           {
             placeholder: "60",
             onChange: (value) => {
@@ -112,7 +112,7 @@ var DateFilter = ({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkUNDTHMBScjs.Select_default,
+          _chunkP4R7LALXcjs.Select_default,
           {
             defaultValue: {
               value: customDateRangeData == null ? void 0 : customDateRangeData.granularity,
@@ -142,7 +142,7 @@ var DateFilter = ({
         return { start: _chunkFBWTYGYEcjs.startOfDay.call(void 0, date), end: _chunkFBWTYGYEcjs.endOfDay.call(void 0, date) };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkZQ7MTVT6cjs.DateWidget,
+        _chunkOVJCWJG2cjs.DateWidget,
         {
           dateRangeOperation: "is equal to" /* IsEqualTo */,
           onChange: updateStateWithCustomRange,
@@ -162,7 +162,7 @@ var DateFilter = ({
         return { start, end };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkZQ7MTVT6cjs.DateWidget,
+        _chunkOVJCWJG2cjs.DateWidget,
         {
           dateRangeOperation: "is between" /* IsBetween */,
           onChange: updateStateWithCustomRange,
@@ -178,7 +178,7 @@ var DateFilter = ({
         return { start: date, end: _chunkFBWTYGYEcjs.MAX_DATE };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkZQ7MTVT6cjs.DateWidget,
+        _chunkOVJCWJG2cjs.DateWidget,
         {
           dateRangeOperation: "is after" /* IsAfter */,
           onChange: updateStateWithCustomRange,
@@ -194,7 +194,7 @@ var DateFilter = ({
         return { start: _chunkFBWTYGYEcjs.MIN_DATE, end: date };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkZQ7MTVT6cjs.DateWidget,
+        _chunkOVJCWJG2cjs.DateWidget,
         {
           dateRangeOperation: "is before" /* IsBefore */,
           onChange: updateStateWithCustomRange,
@@ -263,10 +263,10 @@ var DateFilter = ({
   const handleSelectCustomRangeOption = (operation) => {
     updateStateWithCustomRange(dateRangeOptions[operation].defaultData);
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5X4RSRIKcjs.Filter, { label: "date", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFAI2JG7Ucjs.Filter, { label: "date", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ButtonsContainer, { children: [
       presets.map((preset) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk4UFYMBJKcjs.Button,
+        _chunkVXW4GOMOcjs.Button,
         {
           kind: preset === state.preset ? "primary" : void 0,
           text: preset,
@@ -276,7 +276,7 @@ var DateFilter = ({
         preset
       )),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk4UFYMBJKcjs.Button,
+        _chunkVXW4GOMOcjs.Button,
         {
           kind: state.preset === "Custom" /* Custom */ ? "primary" : void 0,
           text: "Custom",
@@ -287,7 +287,7 @@ var DateFilter = ({
     ] }),
     showCustomOptions && customDateRangeData && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkUNDTHMBScjs.Select_default,
+        _chunkP4R7LALXcjs.Select_default,
         {
           defaultValue: {
             value: customDateRangeData.type,

package/dist/{chunk-I7JHRFWF.js → chunk-6SXB34S4.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-H2R5LMTF.js";
+} from "./chunk-J44WQFQT.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-27U6BUVR.js → chunk-75HJ26WW.js}

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