@lightsparkdev/ui 1.0.12 → 1.0.14

package/dist/{chunk-M3SFKHYM.js → chunk-MCYBXKDJ.js}

@@ -1,57 +1,57 @@
 import {
   Table
-} from "./chunk-YSZZ2EO6.js";
+} from "./chunk-HKAAMXTA.js";
+import {
+  StringFilter,
+  getDefaultStringFilterState,
+  isStringFilterState
+} from "./chunk-QVX254S6.js";
+import {
+  BooleanFilter,
+  getDefaultBooleanFilterState
+} from "./chunk-WFPQQOTV.js";
 import {
   DateFilter,
   getDefaultDateFilterState
-} from "./chunk-NTGAPKFA.js";
+} from "./chunk-JBPJ6G5P.js";
 import {
   EnumFilter,
   getDefaultEnumFilterState,
   isEnumFilterState
-} from "./chunk-5KOPIDPY.js";
+} from "./chunk-JO4B7Q7Y.js";
 import {
   IdFilter,
   getDefaultIdFilterState,
   isIdFilterState
-} from "./chunk-VVRNYQ3J.js";
-import {
-  Popover
-} from "./chunk-2FWNZBZE.js";
-import {
-  StringFilter,
-  getDefaultStringFilterState,
-  isStringFilterState
-} from "./chunk-BOZO2MC4.js";
-import {
-  BooleanFilter,
-  getDefaultBooleanFilterState
-} from "./chunk-RHWR2O34.js";
+} from "./chunk-EKQXUHI7.js";
 import {
   LabelModerate
-} from "./chunk-UE3WNLRT.js";
+} from "./chunk-BOJGILTQ.js";
+import {
+  Popover
+} from "./chunk-24OTDVHF.js";
 import {
   Label
-} from "./chunk-5H4BI3W4.js";
+} from "./chunk-RRXS447G.js";
 import {
   Dropdown
-} from "./chunk-IVR625TW.js";
+} from "./chunk-VOCZMBTP.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   TextIconAligner
-} from "./chunk-GG7Q3VQ6.js";
+} from "./chunk-DIXTNCMZ.js";
 import {
   CardPageFullWidth
-} from "./chunk-GDC7HXN5.js";
+} from "./chunk-D3DMCJUI.js";
 import {
   Button,
   StyledButton
-} from "./chunk-WUPMVX4G.js";
+} from "./chunk-4EXNT44R.js";
 import {
   standardContentInset
-} from "./chunk-4H7CTVLY.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-GBOBMCRP.cjs → chunk-MJQF5MHL.cjs}

@@ -3,13 +3,13 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkAIJ4JHXBcjs = require('./chunk-AIJ4JHXB.cjs');
+var _chunkWIIDMFXRcjs = require('./chunk-WIIDMFXR.cjs');
 
 
-var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
 
 
-var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
+var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
 
 // src/components/Collapsible.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -54,7 +54,7 @@ function Collapsible({
         {
           isOpen,
           useCustomIcon: openIcon !== void 0 && closeIcon !== void 0,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { width: iconWidth, name: iconName })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { width: iconWidth, name: iconName })
         }
       )
     ] }),
@@ -73,7 +73,7 @@ var StyledCollapsibleButton = _styled2.default.button`
   background: none;
   border: none;
   cursor: pointer;
-  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, 8)}
   padding: 0;
 `;
 var IconContainer = _styled2.default.div`
@@ -95,7 +95,7 @@ var CollapsingContainer = _styled2.default.div`
   ${(props) => props.isOpen ? `height: 100%; animation-name: fadeIn;` : `height: 0; animation-name: fadeOut;`}
   ${(props) => props.full ? `height: ${props.isOpen ? "100vh" : 0};` : ""}
 
-  ${_chunkAIJ4JHXBcjs.overflowAutoWithoutScrollbars}
+  ${_chunkWIIDMFXRcjs.overflowAutoWithoutScrollbars}
 
   @keyframes fadeIn {
     from {

package/dist/{chunk-E5ICVBJN.js → chunk-MPZNCZGH.js}

@@ -1,15 +1,15 @@
 import {
   Flex
-} from "./chunk-5SJB7TBQ.js";
+} from "./chunk-56E2UGCA.js";
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   Link
-} from "./chunk-PVEDEZJZ.js";
+} from "./chunk-UUKJNNJ5.js";
 import {
   getColor
-} from "./chunk-HCKCJR5Y.js";
+} from "./chunk-QNPCRFUV.js";
 
 // src/components/IconWithCircleBackground.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-S3MYMANK.js → chunk-MW6BH5MG.js}

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

package/dist/{chunk-TQFTLCOD.cjs → chunk-N5FXBMBS.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
-var _chunkAIJ4JHXBcjs = require('./chunk-AIJ4JHXB.cjs');
+var _chunkWIIDMFXRcjs = require('./chunk-WIIDMFXR.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -68,46 +68,46 @@ var baseHeading = ({ mt, mb, mtSm, mbSm, theme }) => _react.css`
     margin-bottom: ${mbSm}px;
   `)}
 `;
-var firstChildStyles = _chunkAIJ4JHXBcjs.firstChild.call(void 0, `margin-top: 0;`);
+var firstChildStyles = _chunkWIIDMFXRcjs.firstChild.call(void 0, `margin-top: 0;`);
 var headings = {
   h1: _styled2.default.h1`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkAIJ4JHXBcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.size)};
+    font-size: ${_chunkWIIDMFXRcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.size)};
     font-weight: ${({ light }) => light ? 400 : 800}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkAIJ4JHXBcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.sizeSm)};
+      font-size: ${_chunkWIIDMFXRcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.sizeSm)};
     `)}
   `,
   h2: _styled2.default.h2`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkAIJ4JHXBcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.size)};
+    font-size: ${_chunkWIIDMFXRcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.size)};
     font-weight: ${({ light }) => light ? 400 : 700}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkAIJ4JHXBcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.sizeSm)};
+      font-size: ${_chunkWIIDMFXRcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.sizeSm)};
     `)}
   `,
   h3: _styled2.default.h3`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkAIJ4JHXBcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.size)};
+    font-size: ${_chunkWIIDMFXRcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.size)};
     font-weight: ${({ light }) => light ? 400 : 700}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkAIJ4JHXBcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.sizeSm)};
+      font-size: ${_chunkWIIDMFXRcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.sizeSm)};
     `)}
   `,
   h4: _styled2.default.h4`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkAIJ4JHXBcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.size)};
+    font-size: ${_chunkWIIDMFXRcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.size)};
     font-weight: ${({ light }) => light ? 400 : 600}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkAIJ4JHXBcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.sizeSm)};
+      font-size: ${_chunkWIIDMFXRcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.sizeSm)};
     `)}
   `
 };

package/dist/{chunk-SP3BMGMU.cjs → chunk-NAFB5UYY.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
 
 // src/components/Loading.tsx
 var _react = require('@emotion/react');
@@ -16,7 +16,7 @@ function Loading({
 }) {
   const theme = _react.useTheme.call(void 0, );
   const iconName = resolveLoadingProp(null, kind, "defaultIconName", theme);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingWrapper, { center, ml, mt, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Rotate, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { name: iconName, width: size }) }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingWrapper, { center, ml, mt, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Rotate, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { name: iconName, width: size }) }) });
 }
 var LoadingWrapper = _styled2.default.div`
   flex-grow: 1;

package/dist/{chunk-5N2IZZTU.js → chunk-NEBFBHGQ.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-RMZQSXO2.js";
 
 // src/components/ContentTable.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-A4V6K3NL.cjs → chunk-NPLSK7AY.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkCBPXRCT4cjs = require('./chunk-CBPXRCT4.cjs');
+var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
 
 
 
-var _chunkTP3PDGQBcjs = require('./chunk-TP3PDGQB.cjs');
+var _chunkHTPOCTTEcjs = require('./chunk-HTPOCTTE.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Headline.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Headline(props) {
-  const propsWithDefaults = _chunkTP3PDGQBcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkHTPOCTTEcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkCBPXRCT4cjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkKTXJ54RRcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTP3PDGQBcjs.StyledHeadline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTPOCTTEcjs.StyledHeadline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-MXSPA6A5.js → chunk-NSF6SD2W.js}

@@ -1,58 +1,49 @@
-import {
-  Body
-} from "./chunk-2YWN7AMD.js";
 import {
   useLiveRef
 } from "./chunk-NBCCPGA4.js";
 import {
   ProgressBar
-} from "./chunk-HXNEBHAR.js";
+} from "./chunk-U6IOG5DK.js";
 import {
   Drawer
-} from "./chunk-KFFGSG6N.js";
+} from "./chunk-UP5BXY7S.js";
 import {
   IconWithCircleBackground
-} from "./chunk-E5ICVBJN.js";
+} from "./chunk-MPZNCZGH.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   Button,
   ButtonSelector
-} from "./chunk-WUPMVX4G.js";
+} from "./chunk-4EXNT44R.js";
 import {
   UnstyledButton
-} from "./chunk-HGKK6OQJ.js";
+} from "./chunk-I5WDNJY3.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   setDefaultReactNodesTypography
-} from "./chunk-RT7X3ZOO.js";
+} from "./chunk-6GJZZ2PX.js";
 import {
   toReactNodes
-} from "./chunk-SOGADTSR.js";
+} from "./chunk-3NZOR3KT.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-AV62WHL7.js";
+} from "./chunk-A4MP3LYH.js";
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardContentInset,
   standardFocusOutline
-} from "./chunk-4H7CTVLY.js";
-import {
-  headlineSelector
-} from "./chunk-LNQFUFVM.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
-import {
-  TokenSize
-} from "./chunk-AZSSORPU.js";
 import {
   bp,
   useBreakpoints
@@ -98,7 +89,9 @@ function Modal({
   buttonLayout = "horizontal",
   extraActions,
   handleBack,
-  appendToElement
+  appendToElement,
+  bottomContent,
+  topLeftIcon
 }) {
   const visibleChangedRef = useRef(false);
   const nodeRef = useRef(null);
@@ -238,20 +231,24 @@ function Modal({
     const defaultTypography = {
       type: "Headline",
       heading: "h4",
-      size: TokenSize.Small
+      size: "Small"
     };
     const titleNodesWithTypography = setDefaultReactNodesTypography(title, {
       default: defaultTypography
     });
-    titleContent = toReactNodes(titleNodesWithTypography);
+    titleContent = /* @__PURE__ */ jsx(ModalTitle, { children: toReactNodes(titleNodesWithTypography) });
   }
   let descriptionContent = null;
   if (description) {
-    if (typeof description === "string") {
-      descriptionContent = /* @__PURE__ */ jsx(Description, { children: /* @__PURE__ */ jsx(Body, { size: "ExtraSmall", content: description }) });
-    } else {
-      descriptionContent = /* @__PURE__ */ jsx(Description, { children: toReactNodes(description) });
-    }
+    const defaultTypography = {
+      type: "Body",
+      size: "ExtraSmall"
+    };
+    const descriptionNodesWithTypography = setDefaultReactNodesTypography(
+      description,
+      { default: defaultTypography }
+    );
+    descriptionContent = /* @__PURE__ */ jsx(ModalDescription, { children: toReactNodes(descriptionNodesWithTypography) });
   }
   let topContentNode = null;
   if (topContent) {
@@ -298,10 +295,11 @@ function Modal({
           children: /* @__PURE__ */ jsxs(ModalContent, { width, ghost, smKind, children: [
             !firstFocusRef && /* @__PURE__ */ jsx(DefaultFocusTarget, { ref: defaultFirstFocusRefCb }),
             !ghost && /* @__PURE__ */ jsxs(ModalNavigation, { children: [
-              handleBack && /* @__PURE__ */ jsx(BackButton, { onClick: handleBack, children: /* @__PURE__ */ jsx(Icon, { name: "ChevronLeft", width: 16 }) }),
+              handleBack ? /* @__PURE__ */ jsx(BackButton, { onClick: handleBack, children: /* @__PURE__ */ jsx(Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ jsx(Icon, __spreadValues({}, topLeftIcon)) : null,
               !nonDismissable && /* @__PURE__ */ jsx(CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ jsx(Icon, { name: "Close", width: 9 }) })
             ] }),
-            /* @__PURE__ */ jsx(ModalContentInner, { ghost, children: modalContent })
+            /* @__PURE__ */ jsx(ModalContentInner, { ghost, children: modalContent }),
+            bottomContent && /* @__PURE__ */ jsx("div", { css: { marginTop: "auto" }, children: bottomContent })
           ] })
         }
       )
@@ -345,7 +343,7 @@ var ModalContainer = styled.div`
   ${(props) => `top: ${props.top}px;`}
 `;
 var contentTopMarginPx = 24;
-var Description = styled.div`
+var ModalDescription = styled.div`
   color: ${({ theme }) => theme.mcNeutral};
   margin-top: ${Spacing.px.sm};
   & + * {
@@ -375,6 +373,12 @@ var ModalButtonColumn = styled.div`
 
   margin-top: ${Spacing.px.lg};
 `;
+var ModalTitle = styled.div`
+  margin: 0;
+  & + *:not(${select(ModalDescription)}) {
+    margin-top: ${contentTopMarginPx}px;
+  }
+`;
 var ModalContent = styled.div`
   pointer-events: auto;
   transition: width 0.25s ease-in;
@@ -386,6 +390,8 @@ var ModalContent = styled.div`
   max-width: 100%;
   max-height: 100%;
   position: absolute;
+  display: flex;
+  flex-direction: column;
 
   ${({ ghost, width }) => `
     ${ghost ? "" : standardBorderRadius(16)}
@@ -394,17 +400,10 @@ var ModalContent = styled.div`
 
   ${({ smKind }) => smKind === "fullscreen" ? bp.sm(`
           width: 100%;
-          height: 100%;
+          height: 100dvh;
         `) : ""}
 
   ${({ ghost }) => ghost ? "" : "padding: 16px 16px 40px;"}
-
-  ${headlineSelector("h4")} {
-    margin: 0;
-    & + *:not(${select(Description)}) {
-      margin-top: ${contentTopMarginPx}px;
-    }
-  }
 `;
 var ModalNavigation = styled.div`
   display: grid;

package/dist/{chunk-TETFIMNO.cjs → chunk-NSUGNTKS.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkCBPXRCT4cjs = require('./chunk-CBPXRCT4.cjs');
+var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
 
 
 
@@ -89,7 +89,7 @@ function toReactNodesWithTypographyMap(nodesArg, nodesTypographyMap) {
     nodesArg,
     nodesTypographyMap
   );
-  const nodes = _chunkCBPXRCT4cjs.toReactNodes.call(void 0, nodesWithTypography);
+  const nodes = _chunkKTXJ54RRcjs.toReactNodes.call(void 0, nodesWithTypography);
   return nodes;
 }
 function setDefaultReactNodesTypography(nodesArg, setDefaultReactNodesTypographyArg) {

package/dist/{chunk-X4AII3DN.js → chunk-O25FTPZF.js}

@@ -4,10 +4,10 @@ import {
 import {
   rootFontSizeRems,
   standardLineHeightEms
-} from "./chunk-4H7CTVLY.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   useThemeBg
-} from "./chunk-HCKCJR5Y.js";
+} from "./chunk-QNPCRFUV.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
@@ -23,6 +23,7 @@ var getFontImport = (theme) => {
     case "Inter":
       return `@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');`;
     case "Manrope":
+    case "Montserrat":
       return `@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");`;
     default:
       return "";

package/dist/{chunk-LEM2VWU3.cjs → chunk-OEDOWIS6.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
+var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
 
 
-var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
+var _chunkCUOCAP4Wcjs = require('./chunk-CUOCAP4W.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`
-  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 16)}
-  background-color: ${({ theme }) => _chunkC6XJ7ZJFcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
+  ${_chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, 16)}
+  background-color: ${({ theme }) => _chunkCUOCAP4Wcjs.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`
-  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkRUDXRW4Rcjs.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`
-  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, 16)}
   overflow: hidden;
   box-sizing: border-box;
   display: inline-block;