@lightsparkdev/ui 1.1.1 → 1.1.2

package/dist/{chunk-SFVPZBMV.cjs → chunk-NN6GDACA.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
+var _chunkKOGW3LJCcjs = require('./chunk-KOGW3LJC.cjs');
 
 
 
@@ -90,7 +90,7 @@ function toReactNodesWithTypographyMap(nodesArg, nodesTypographyMap, replaceExis
     nodesTypographyMap,
     replaceExistingTypography
   );
-  const nodes = _chunk6OSTNEFIcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const nodes = _chunkKOGW3LJCcjs.toReactNodes.call(void 0, nodesWithTypography);
   return nodes;
 }
 function setDefaultReactNodesTypography(nodesArg, setDefaultReactNodesTypographyArg) {

package/dist/{chunk-JG37EZLJ.cjs → chunk-NQKSO4IX.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkYZ2C4D6Ncjs = require('./chunk-YZ2C4D6N.cjs');
+var _chunkQEJGEYXRcjs = require('./chunk-QEJGEYXR.cjs');
 
 
-var _chunkCBZWRFNUcjs = require('./chunk-CBZWRFNU.cjs');
+var _chunkXYPLDDUHcjs = require('./chunk-XYPLDDUH.cjs');
 
 
 
@@ -31,7 +31,7 @@ function NumberInput(_a) {
     handleOnFocus,
     handleOnKeyDown,
     handleOnKeyUp
-  } = _chunkCBZWRFNUcjs.useNumberInput.call(void 0, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), {
+  } = _chunkQEJGEYXRcjs.useNumberInput.call(void 0, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), {
     onChange: onChangeProp,
     ref
   }));
@@ -60,7 +60,7 @@ function NumberInput(_a) {
     [handleOnKeyDown]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYZ2C4D6Ncjs.TextInput,
+    _chunkXYPLDDUHcjs.TextInput,
     _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {
       placeholder: "Enter a number"
     }, rest), {

package/dist/{chunk-GSU6TJQP.js → chunk-NU63VICO.js}

@@ -1,17 +1,17 @@
 import {
   Heading
-} from "./chunk-KDCMTDLB.js";
+} from "./chunk-4CGAORBB.js";
 import {
   StyledButtonRow
-} from "./chunk-3N2BVLZJ.js";
-import {
-  z
-} from "./chunk-55OQPFLF.js";
+} from "./chunk-VLMFSAAH.js";
 import {
   flexCenter,
   overflowAutoWithoutScrollbars,
   size
-} from "./chunk-KKGZ47R3.js";
+} from "./chunk-YWNKHN46.js";
+import {
+  z
+} from "./chunk-55OQPFLF.js";
 import {
   cardBorderRadiusPx,
   darkGradientBg,
@@ -19,10 +19,10 @@ import {
   standardBorderRadius,
   standardCardShadow,
   standardContentInset
-} from "./chunk-ANZUTQRP.js";
+} from "./chunk-HQN2LS2G.js";
 import {
   themeOr
-} from "./chunk-33OPRYWV.js";
+} from "./chunk-NF6LGARO.js";
 import {
   bp,
   useBreakpoints

package/dist/{chunk-U35SY546.cjs → chunk-O6BZRC56.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkK7HWTEGPcjs = require('./chunk-K7HWTEGP.cjs');
+var _chunkGICIJWP3cjs = require('./chunk-GICIJWP3.cjs');
 
 // src/styles/common.tsx
 var _react = require('@emotion/react');
@@ -15,12 +15,12 @@ var rootFontSizePx = 12;
 var rootFontSizeRems = rootFontSizePx / 16;
 var standardLineHeightEms = 1.21;
 var headingContentMarginPx = 30;
-function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx) {
+function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx, smDontAdjustWidth = false) {
   const smCSS = _react.css`
     ${_chunkKW3JYLRIcjs.bp.sm(`
       margin-left: auto;
       margin-right: auto;
-      width: calc(100% - ${smPx * 2}px);
+      width: ${smDontAdjustWidth ? "100%" : `calc(100% - ${smPx * 2}px)`};
     `)}
   `;
   const minSmMaxLgCSS = _react.css`
@@ -109,13 +109,13 @@ var Subtext = _styled2.default.div`
   ${subtext}
 `;
 var darkGradientBg = _react.css`
-  background: ${_chunkK7HWTEGPcjs.darkGradient};
+  background: ${_chunkGICIJWP3cjs.darkGradient};
 `;
 var overlaySurfaceBorderColor = ({
   theme,
   important = false
 }) => _react.css`
-  border-color: ${_chunkXUEKQQJVcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
+  border-color: ${_chunkQI7YHMJZcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
     ${important ? "!important" : ""};
 `;
 var overlaySurface = ({
@@ -123,11 +123,11 @@ var overlaySurface = ({
   important = false,
   border = true
 }) => _react.css`
-  background-color: ${_chunkXUEKQQJVcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
+  background-color: ${_chunkQI7YHMJZcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
     ${important ? "!important" : ""};
   ${border ? `border: 0.5px solid ${important ? "!important" : ""};` : ""}
   ${overlaySurfaceBorderColor({ theme, important })};
-  ${_chunkXUEKQQJVcjs.themeOr.call(void 0, 
+  ${_chunkQI7YHMJZcjs.themeOr.call(void 0, 
   `box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.1) ${important ? "!important" : ""};`,
   ""
 )({ theme })}

package/dist/chunk-OBUN65IK.cjs

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkVZJKQDGWcjs = require('./chunk-VZJKQDGW.cjs');
+
+
+var _chunk2RBXFWZMcjs = require('./chunk-2RBXFWZM.cjs');
+
+
+var _chunkIGHWH5N3cjs = require('./chunk-IGHWH5N3.cjs');
+
+
+var _chunkLEDA4EMPcjs = require('./chunk-LEDA4EMP.cjs');
+
+
+var _chunkYYIYLDKBcjs = require('./chunk-YYIYLDKB.cjs');
+
+
+var _chunkPYHSJNMIcjs = require('./chunk-PYHSJNMI.cjs');
+
+
+var _chunk3MYJB3JQcjs = require('./chunk-3MYJB3JQ.cjs');
+
+
+var _chunkSWTP5CDTcjs = require('./chunk-SWTP5CDT.cjs');
+
+
+var _chunkGEJSSLYLcjs = require('./chunk-GEJSSLYL.cjs');
+
+
+var _chunkW4A62SQRcjs = require('./chunk-W4A62SQR.cjs');
+
+// src/components/typography/renderTypography.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var typographyMap = {
+  Display: _chunk3MYJB3JQcjs.DisplayString,
+  Headline: _chunkW4A62SQRcjs.HeadlineString,
+  Title: _chunkYYIYLDKBcjs.TitleString,
+  Body: _chunkSWTP5CDTcjs.BodyString,
+  "Body Strong": _chunkGEJSSLYLcjs.BodyStrongString,
+  Label: _chunkVZJKQDGWcjs.LabelString,
+  "Label Moderate": _chunk2RBXFWZMcjs.LabelModerateString,
+  "Label Strong": _chunkIGHWH5N3cjs.LabelStrongString,
+  Overline: _chunkLEDA4EMPcjs.OverlineString,
+  Code: _chunkPYHSJNMIcjs.CodeString,
+  "Code Strong": _chunkPYHSJNMIcjs.CodeString
+};
+var renderTypography = (typographyType, typographyProps) => {
+  const TypographyComponent = typographyMap[typographyType];
+  const { children } = typographyProps;
+  return _react2.default.createElement(TypographyComponent, typographyProps, children);
+};
+
+
+
+
+exports.typographyMap = typographyMap; exports.renderTypography = renderTypography;

package/dist/{chunk-S6DFYJPA.cjs → chunk-OCQLKC7A.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkFAI2JG7Ucjs = require('./chunk-FAI2JG7U.cjs');
+var _chunkMB5LWFQKcjs = require('./chunk-MB5LWFQK.cjs');
 
 
-var _chunkJG37EZLJcjs = require('./chunk-JG37EZLJ.cjs');
+var _chunkNQKSO4IXcjs = require('./chunk-NQKSO4IX.cjs');
 
 
-var _chunkVDSQAXIMcjs = require('./chunk-VDSQAXIM.cjs');
+var _chunkTXKJAPBDcjs = require('./chunk-TXKJAPBD.cjs');
 
 
 
@@ -55,7 +55,7 @@ var CurrencyFilter = ({
       isApplied: false
     }));
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFAI2JG7Ucjs.Filter, { label, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkMB5LWFQKcjs.Filter, { label, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       NumberButtonRowContainer,
       {
@@ -85,7 +85,7 @@ var CurrencyFilter = ({
     ),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, InputContainer, { children: [
       isMinDisplayed && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkJG37EZLJcjs.NumberInput_default,
+        _chunkNQKSO4IXcjs.NumberInput_default,
         {
           placeholder: "0",
           onChange: handleMinChange,
@@ -97,7 +97,7 @@ var CurrencyFilter = ({
       ),
       isMinDisplayed && isMaxDisplayed && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Divider, {}),
       isMaxDisplayed && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkJG37EZLJcjs.NumberInput_default,
+        _chunkNQKSO4IXcjs.NumberInput_default,
         {
           placeholder: "0",
           onChange: handleMaxChange,
@@ -110,7 +110,7 @@ var CurrencyFilter = ({
     ] })
   ] }) });
 };
-var NumberButtonRowContainer = _styled2.default.call(void 0, _chunkVDSQAXIMcjs.ButtonRow)`
+var NumberButtonRowContainer = _styled2.default.call(void 0, _chunkTXKJAPBDcjs.ButtonRow)`
   padding: 0px !important;
 `;
 var InputContainer = _styled2.default.div`

package/dist/{chunk-IDXB6JJF.js → chunk-OEX3MY36.js}

@@ -8,8 +8,7 @@ function EmailNotification({
   return /* @__PURE__ */ jsx(
     "svg",
     {
-      width: "24",
-      height: "24",
+      width: "100%",
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",

package/dist/{chunk-EIK6IX56.cjs → chunk-OJ2AC6G4.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkCXSPSVH6cjs = require('./chunk-CXSPSVH6.cjs');
+var _chunk6LPPYQXIcjs = require('./chunk-6LPPYQXI.cjs');
 
 
-var _chunkACUDTIRCcjs = require('./chunk-ACUDTIRC.cjs');
+var _chunkXLOZT6ICcjs = require('./chunk-XLOZT6IC.cjs');
 
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/Icon/types.tsx
-var iconMap = _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkACUDTIRCcjs.icons_exports), _chunkCXSPSVH6cjs.central_exports);
+var iconMap = _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkXLOZT6ICcjs.icons_exports), _chunk6LPPYQXIcjs.central_exports);
 
 
 

package/dist/{chunk-GA5Y5JKU.js → chunk-OJRM5YGG.js}

@@ -1,6 +1,6 @@
 import {
   pxToRems
-} from "./chunk-KKGZ47R3.js";
+} from "./chunk-YWNKHN46.js";
 
 // src/components/StatusIndicator.tsx
 import styled from "@emotion/styled";

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

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk2RXMYPBBcjs = require('./chunk-2RXMYPBB.cjs');
+var _chunkPA5PHWOPcjs = require('./chunk-PA5PHWOP.cjs');
 
 
-var _chunkVDSQAXIMcjs = require('./chunk-VDSQAXIM.cjs');
+var _chunkTXKJAPBDcjs = require('./chunk-TXKJAPBD.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
+var _chunkXIFHBLNQcjs = require('./chunk-XIFHBLNQ.cjs');
 
 
-var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
@@ -19,10 +19,10 @@ var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
 
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.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, _chunk2RXMYPBBcjs.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, _chunkPA5PHWOPcjs.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 ? _chunkXQNOVNF4cjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunkXIFHBLNQcjs.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`
-  ${_chunkXQNOVNF4cjs.flexCenter}
+  ${_chunkXIFHBLNQcjs.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} {
-    ${_chunkU35SY546cjs.darkGradientBg};
+    ${_chunkO6BZRC56cjs.darkGradientBg};
     position: relative;
     height: calc(100% + 80px);
     margin-top: -40px;
@@ -104,15 +104,15 @@ var CardPageRightContent = _styled2.default.div`
     width: 100%;
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
-      ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, [0, _chunkU35SY546cjs.cardBorderRadiusPx, _chunkU35SY546cjs.cardBorderRadiusPx, 0])};
+      ${_chunkO6BZRC56cjs.standardBorderRadius.call(void 0, [0, _chunkO6BZRC56cjs.cardBorderRadiusPx, _chunkO6BZRC56cjs.cardBorderRadiusPx, 0])};
     `)}
   }
 `;
 var vCardPaddingPx = 40;
 var expandTiming = `0.65s ease-in-out`;
 var CardPageContainer = _styled2.default.div`
-  ${_chunkU35SY546cjs.standardContentInset.css}
-  ${({ theme }) => _chunkXUEKQQJVcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
+  ${_chunkO6BZRC56cjs.standardContentInset.css}
+  ${({ theme }) => _chunkQI7YHMJZcjs.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`
   `)}
 
   & > * {
-    ${_chunkU35SY546cjs.standardContentInset.css}
+    ${_chunkO6BZRC56cjs.standardContentInset.css}
   }
 
   & ${CardPageFullContent}, & ${CardPageFullWidth} {
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunkU35SY546cjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunkU35SY546cjs.standardContentInset.smPx}px;
+      width: calc(100% + ${_chunkO6BZRC56cjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunkO6BZRC56cjs.standardContentInset.smPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-      width: calc(100% + ${_chunkU35SY546cjs.standardContentInset.minSmMaxLgPx * 2}px);
-      margin-left: -${_chunkU35SY546cjs.standardContentInset.minSmMaxLgPx}px;
+      width: calc(100% + ${_chunkO6BZRC56cjs.standardContentInset.minSmMaxLgPx * 2}px);
+      margin-left: -${_chunkO6BZRC56cjs.standardContentInset.minSmMaxLgPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.lg(`
-      width: calc(100% + ${_chunkU35SY546cjs.standardContentInset.lgPx * 2}px);
-      margin-left: -${_chunkU35SY546cjs.standardContentInset.lgPx}px;
+      width: calc(100% + ${_chunkO6BZRC56cjs.standardContentInset.lgPx * 2}px);
+      margin-left: -${_chunkO6BZRC56cjs.standardContentInset.lgPx}px;
     `)}
   }
 
@@ -160,9 +160,9 @@ var CardPageContainer = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.minSm(`
-    ${_chunkU35SY546cjs.standardCardShadow.styles};
+    ${_chunkO6BZRC56cjs.standardCardShadow.styles};
     padding: ${vCardPaddingPx}px 0;
-    ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, _chunkU35SY546cjs.cardBorderRadiusPx)}
+    ${_chunkO6BZRC56cjs.standardBorderRadius.call(void 0, _chunkO6BZRC56cjs.cardBorderRadiusPx)}
   `)}
 
   &:not(:last-child) {
@@ -224,12 +224,12 @@ var CardPageContainer = _styled2.default.div`
 
       &:first-of-type > * {
         ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-          width: calc(100% - ${_chunkU35SY546cjs.standardContentInset.minSmMaxLgPx * 2}px);
-          margin-left: ${_chunkU35SY546cjs.standardContentInset.minSmMaxLgPx}px;
+          width: calc(100% - ${_chunkO6BZRC56cjs.standardContentInset.minSmMaxLgPx * 2}px);
+          margin-left: ${_chunkO6BZRC56cjs.standardContentInset.minSmMaxLgPx}px;
         `)}
         ${_chunkKW3JYLRIcjs.bp.lg(`
-          width: calc(100% - ${_chunkU35SY546cjs.standardContentInset.lgPx * 3}px);
-          margin-left: ${_chunkU35SY546cjs.standardContentInset.lgPx}px;
+          width: calc(100% - ${_chunkO6BZRC56cjs.standardContentInset.lgPx * 3}px);
+          margin-left: ${_chunkO6BZRC56cjs.standardContentInset.lgPx}px;
         `)}
       }
     }
@@ -255,7 +255,7 @@ var CardPageContainer = _styled2.default.div`
             ${initiallyExpanded ? "" : `animation: rightSideExpand ${expandTiming};`}
             margin: 0%;
             & > ${CardPageRightContentInner.toString()} {
-              border-radius: ${_chunkU35SY546cjs.cardBorderRadiusPx}px !important;
+              border-radius: ${_chunkO6BZRC56cjs.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: ${_chunkXQNOVNF4cjs.size.px14};
-  line-height: ${_chunkXQNOVNF4cjs.size.px18};
+  font-size: ${_chunkXIFHBLNQcjs.size.px14};
+  line-height: ${_chunkXIFHBLNQcjs.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(${_chunkVDSQAXIMcjs.StyledButtonRow}) {
-    margin-top: ${_chunkU35SY546cjs.headingContentMarginPx}px !important;
+  & + *:not(${CardPageSubtitle}):not(${_chunkTXKJAPBDcjs.StyledButtonRow}) {
+    margin-top: ${_chunkO6BZRC56cjs.headingContentMarginPx}px !important;
   }
 
   & + ${CardPageSubtitle} {
     margin-top: 5px;
   }
 
-  & + ${_chunkVDSQAXIMcjs.StyledButtonRow} {
+  & + ${_chunkTXKJAPBDcjs.StyledButtonRow} {
     margin-top: 16px;
   }
 `;

package/dist/{chunk-FTJZZWYS.cjs → chunk-OPCYCGCF.cjs}

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkVXW4GOMOcjs = require('./chunk-VXW4GOMO.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkR46DRG52cjs = require('./chunk-R46DRG52.cjs');
+var _chunkECFNSLYPcjs = require('./chunk-ECFNSLYP.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkJRCDVJMMcjs = require('./chunk-JRCDVJMM.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
 
 // src/components/Drawer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -41,7 +41,7 @@ var Drawer = (props) => {
   };
   const handleTouchMove = (event) => {
     var _a, _b;
-    if (props.nonDismissable) {
+    if (props.nonDismissable || props.disableTouchMove) {
       return;
     }
     if (lastY === null) {
@@ -60,13 +60,13 @@ var Drawer = (props) => {
     }
   };
   const handleTouchStart = () => {
-    if (props.nonDismissable) {
+    if (props.nonDismissable || props.disableTouchMove) {
       return;
     }
     setGrabbing(true);
   };
   const handleTouchEnd = () => {
-    if (props.nonDismissable) {
+    if (props.nonDismissable || props.disableTouchMove) {
       return;
     }
     setGrabbing(false);
@@ -96,28 +96,36 @@ var Drawer = (props) => {
         grabbing,
         ref: drawerContainerRef,
         top: props.top,
-        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DrawerInnerContainer, { kind: props.kind, padding: props.padding, children: [
-          props.grabber && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Grabber, { onClick: handleClose, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GrabberBar, {}) }),
-          props.handleBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkVXW4GOMOcjs.Button,
-            {
-              onClick: props.handleBack,
-              icon: { name: "ChevronLeft" },
-              kind: "ghost",
-              size: "Small"
-            }
-          ) }),
-          props.closeButton && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk4N5EXQIScjs.Icon,
-            {
-              name: "CentralCrossLarge",
-              square: true,
-              width: 16,
-              color: "grayBlue43"
-            }
-          ) }) }),
-          props.children
-        ] })
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          DrawerInnerContainer,
+          {
+            kind: props.kind,
+            padding: props.padding,
+            alignBottom: props.alignBottom,
+            children: [
+              props.grabber && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Grabber, { onClick: handleClose, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GrabberBar, {}) }),
+              props.handleBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkECFNSLYPcjs.Button,
+                {
+                  onClick: props.handleBack,
+                  icon: { name: "ChevronLeft" },
+                  kind: "ghost",
+                  size: "Small"
+                }
+              ) }),
+              props.closeButton && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunk4JJ5GJLEcjs.Icon,
+                {
+                  name: "CentralCrossLarge",
+                  square: true,
+                  width: 16,
+                  color: "grayBlue43"
+                }
+              ) }) }),
+              props.children
+            ]
+          }
+        )
       }
     )
   ] });
@@ -186,13 +194,14 @@ var DrawerContainer = _styled2.default.div`
   }
 `;
 var DrawerInnerContainer = _styled2.default.div`
+  ${(props) => props.alignBottom ? "margin-top: auto;" : ""}
   position: relative;
   display: flex;
   flex-direction: column;
   width: ${(props) => props.kind === "floating" ? `calc(100% - ${_chunkZUAO4DW3cjs.Spacing.md * 2}px)` : "100%"};
   min-width: 320px;
-  height: 100%;
   ${(props) => props.kind === "floating" ? `bottom: ${_chunkZUAO4DW3cjs.Spacing.px.md};` : ""}
+  height: auto;
   border-radius: ${(props) => props.kind === "floating" ? _chunkZUAO4DW3cjs.Spacing.px.lg : `${_chunkZUAO4DW3cjs.Spacing.px.lg} ${_chunkZUAO4DW3cjs.Spacing.px.lg} 0 0`};
   background-color: ${({ theme }) => theme.bg};
   padding: ${(props) => props.padding ? `${props.padding}` : `${_chunkZUAO4DW3cjs.Spacing.px["6xl"]} ${_chunkZUAO4DW3cjs.Spacing.px.xl} ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]}
@@ -227,8 +236,8 @@ var CloseButtonContainer = _styled2.default.div`
     line-height: 14px;
   }
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton)`
-  ${_chunkU35SY546cjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkJRCDVJMMcjs.UnstyledButton)`
+  ${_chunkO6BZRC56cjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;