@lightsparkdev/ui 1.1.15 → 1.1.16

package/dist/{chunk-ZP65NSD3.js → chunk-VWTRICPW.js}

@@ -1,12 +1,12 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-BED5GWRW.js";
+} from "./chunk-SMZPJBL2.js";
 import {
   toReactNodes
-} from "./chunk-6FPEWTKF.js";
+} from "./chunk-W5L3SQ2I.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-SYTKAZOH.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-D3DCZG67.cjs → chunk-VXCQN5B7.cjs}

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

package/dist/{chunk-W4XJBHK7.js → chunk-VZCVVTPZ.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-6FPEWTKF.js";
+} from "./chunk-W5L3SQ2I.js";
 import {
   StyledBody,
   getPropDefaults
-} from "./chunk-M7TBIMVO.js";
+} from "./chunk-YOB2UVEF.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-6FPEWTKF.js → chunk-W5L3SQ2I.js}

@@ -8,22 +8,22 @@ import {
 } from "./chunk-FZUV52PP.js";
 import {
   NextLink
-} from "./chunk-TG6OYWKQ.js";
+} from "./chunk-RGV3BTLQ.js";
 import {
   CurrencyAmount
-} from "./chunk-VB2R2ARP.js";
+} from "./chunk-DQE5L7XB.js";
 import {
   ClipboardTextField
-} from "./chunk-DESHZ7J3.js";
+} from "./chunk-A7EIBWSW.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-SYTKAZOH.js";
 import {
   Link
-} from "./chunk-K6N6FCBJ.js";
+} from "./chunk-N5K6L7VI.js";
 import {
   renderTypography
-} from "./chunk-GJE63M3I.js";
+} from "./chunk-WTKAQJKR.js";
 import {
   stringToNodes
 } from "./chunk-2466FZJC.js";

package/dist/{chunk-5TPQIZLT.js → chunk-WDAWAASQ.js}

@@ -1,41 +1,41 @@
-import {
-  smHeaderLogoMarginLeft
-} from "./chunk-SLEBHXIK.js";
 import {
   MultiToggle
-} from "./chunk-DWZWWWAX.js";
+} from "./chunk-6XKYMGKE.js";
 import {
   Toggle
-} from "./chunk-UP5M2JK4.js";
+} from "./chunk-IFK2L3FR.js";
+import {
+  smHeaderLogoMarginLeft
+} from "./chunk-SLEBHXIK.js";
 import {
   Flex
 } from "./chunk-M4R57NN3.js";
 import {
   Button
-} from "./chunk-CHQSMSJF.js";
+} from "./chunk-MD6BKUUZ.js";
 import {
   UnstyledButton
-} from "./chunk-R4GLUZNO.js";
+} from "./chunk-MMQON4EE.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   toReactNodes
-} from "./chunk-6FPEWTKF.js";
+} from "./chunk-W5L3SQ2I.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-SYTKAZOH.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardFocusOutline
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-RURWLQBJ.js";
 import {
   Link
-} from "./chunk-K6N6FCBJ.js";
+} from "./chunk-N5K6L7VI.js";
 import {
   themeOr
-} from "./chunk-UTNGZDDG.js";
+} from "./chunk-GBEYKWHU.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-6S7FGO3F.cjs → chunk-WI6AYHRN.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk2J6Q4CBWcjs = require('./chunk-2J6Q4CBW.cjs');
+var _chunkBDD56SL6cjs = require('./chunk-BDD56SL6.cjs');
 
 
 
-var _chunkLA7TPJI3cjs = require('./chunk-LA7TPJI3.cjs');
+var _chunkSG2KPTGOcjs = require('./chunk-SG2KPTGO.cjs');
 
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
 
 // src/components/FileInput.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -59,7 +59,7 @@ function FileInput({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledFileInputContainer, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledFileInput, { hasValidFileSet: Boolean(fileName && fileContent), children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: name, children: fileName && fileContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk2J6Q4CBWcjs.Pill,
+        _chunkBDD56SL6cjs.Pill,
         {
           text: fileName,
           cursor: "pointer",
@@ -67,7 +67,7 @@ function FileInput({
           onDeleteFromKeyboard: handleRemoveFile
         }
       ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
         "Upload ",
         filePurpose || "",
         " file"
@@ -82,7 +82,7 @@ function FileInput({
         }
       )
     ] }),
-    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLA7TPJI3cjs.InputSubtext, { text: fileErrorMsg, hasError: true }) : null
+    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSG2KPTGOcjs.InputSubtext, { text: fileErrorMsg, hasError: true }) : null
   ] });
 }
 var StyledFileInputContainer = _styled2.default.div``;
@@ -94,7 +94,7 @@ var StyledFileInput = _styled2.default.div`
   label {
     display: block;
     cursor: pointer;
-    ${({ theme, hasValidFileSet }) => _chunkLA7TPJI3cjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
+    ${({ theme, hasValidFileSet }) => _chunkSG2KPTGOcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
   }
 `;
 

package/dist/{chunk-PBVH4W32.js → chunk-WNMJJ2KS.js}

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

package/dist/{chunk-H7XQXBUN.cjs → chunk-WNYAK3DD.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6MXF36FIcjs = require('./chunk-6MXF36FI.cjs');
+var _chunk3XDR6H5Qcjs = require('./chunk-3XDR6H5Q.cjs');
 
 
-var _chunkXC4APVGIcjs = require('./chunk-XC4APVGI.cjs');
+var _chunkJQAMMNYAcjs = require('./chunk-JQAMMNYA.cjs');
 
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
 
 // src/components/InfoIconTooltip.tsx
 var _react = require('react');
@@ -16,17 +16,17 @@ function InfoIconTooltip({
   content,
   verticalAlign = "middle"
 }) {
-  const contentNodes = _chunkXC4APVGIcjs.toReactNodes.call(void 0, content);
+  const contentNodes = _chunkJQAMMNYAcjs.toReactNodes.call(void 0, content);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         "data-tooltip-id": id,
         style: { display: "inline-flex", alignItems: "center", verticalAlign },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: "Info", width: 12, ml: 4 })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "Info", width: 12, ml: 4 })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6MXF36FIcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3XDR6H5Qcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 

package/dist/{chunk-PHNBODCX.js → chunk-WR7UPRF2.js}

@@ -1,15 +1,15 @@
-import {
-  UnstyledButton
-} from "./chunk-R4GLUZNO.js";
 import {
   TextIconAligner
-} from "./chunk-ZP65NSD3.js";
+} from "./chunk-VWTRICPW.js";
+import {
+  UnstyledButton
+} from "./chunk-MMQON4EE.js";
 import {
   getFocusOutline
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-RURWLQBJ.js";
 import {
   Link
-} from "./chunk-K6N6FCBJ.js";
+} from "./chunk-N5K6L7VI.js";
 import {
   elide
 } from "./chunk-HAC5YAGQ.js";

package/dist/{chunk-JFPLNGMQ.cjs → chunk-WRQU4F3N.cjs}

@@ -181,7 +181,15 @@ var baseColors = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.
   // transparent
   transparent: "transparent",
   transparenta02: "#00000005",
-  transparenta08: "#00000014"
+  transparenta08: "#00000014",
+  // hardcore radioactive green
+  radioactiveGreen: "#39FF14",
+  radioactiveGreenDark: "#2ECC0F",
+  radioactiveGreenDarker: "#23990B",
+  radioactiveGreenLight: "#5FFF45",
+  radioactiveGreen10: "#39FF1419",
+  radioactiveGreen20: "#39FF1433",
+  radioactiveGreen30: "#39FF144D"
 });
 var colors = baseColors;
 function isColorKey(key) {

package/dist/{chunk-GJE63M3I.js → chunk-WTKAQJKR.js}

@@ -1,36 +1,36 @@
-import {
-  BtnString
-} from "./chunk-OG7LMEFQ.js";
 import {
   LabelString
-} from "./chunk-MSAPLEXG.js";
+} from "./chunk-RY2BWAGK.js";
 import {
   LabelModerateString
-} from "./chunk-UN4NZEGW.js";
+} from "./chunk-536S72RM.js";
 import {
   LabelStrongString
-} from "./chunk-PBVH4W32.js";
+} from "./chunk-WNMJJ2KS.js";
 import {
   OverlineString
-} from "./chunk-3PYLKB4C.js";
+} from "./chunk-QCYWDTZ4.js";
 import {
-  BodyStrongString
-} from "./chunk-KJSFT7A2.js";
-import {
-  TitleString
-} from "./chunk-6GAXNET6.js";
+  BtnString
+} from "./chunk-T3FASNO3.js";
 import {
   CodeString
-} from "./chunk-S7FZMXY3.js";
+} from "./chunk-PRUXYSGW.js";
 import {
   DisplayString
-} from "./chunk-D5YVTJRQ.js";
+} from "./chunk-ONGSY7SO.js";
+import {
+  TitleString
+} from "./chunk-5XRT5DYH.js";
 import {
   BodyString
-} from "./chunk-M7TBIMVO.js";
+} from "./chunk-YOB2UVEF.js";
+import {
+  BodyStrongString
+} from "./chunk-6KHRO446.js";
 import {
   HeadlineString
-} from "./chunk-OYFFHIB7.js";
+} from "./chunk-CT23RURJ.js";
 
 // src/components/typography/renderTypography.tsx
 import React from "react";

package/dist/{chunk-TAHOMA2E.cjs → chunk-X7VJWLH2.cjs}

@@ -3,16 +3,16 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkUAPZXDNMcjs = require('./chunk-UAPZXDNM.cjs');
+var _chunkK2DWTV3Ccjs = require('./chunk-K2DWTV3C.cjs');
 
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkJFPLNGMQcjs = require('./chunk-JFPLNGMQ.cjs');
+var _chunkWRQU4F3Ncjs = require('./chunk-WRQU4F3N.cjs');
 
 // src/components/PageSection/PageSectionNav.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -41,24 +41,24 @@ var PageSectionList = _styled2.default.ul`
 `;
 var StyledPageSectionNavItem = _styled2.default.li`
   align-items: center;
-  color: ${_chunkJFPLNGMQcjs.colors.gray40};
+  color: ${_chunkWRQU4F3Ncjs.colors.gray40};
   display: flex;
   list-style: none;
 
-  ${_chunkMLMYJBDVcjs.IconContainer}:not(:first-of-type) {
+  ${_chunkRC7657RRcjs.IconContainer}:not(:first-of-type) {
     visibility: hidden;
   }
 
   &:hover {
     color: ${({ theme }) => theme.hcNeutral};
 
-    ${_chunkMLMYJBDVcjs.IconContainer} {
+    ${_chunkRC7657RRcjs.IconContainer} {
       visibility: visible;
     }
   }
 `;
 var PageSectionListItem = ({ leftIcon, label, sectionId }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPageSectionNavItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chunkUAPZXDNMcjs.TextButton,
+  _chunkK2DWTV3Ccjs.TextButton,
   {
     text: label,
     padding: "8px 0",

package/dist/chunk-XCGOSRE6.js

@@ -0,0 +1,51 @@
+// src/icons/central/FileText.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function FileText({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12.3358 2.75H5.75C5.19772 2.75 4.75 3.19772 4.75 3.75V20.25C4.75 20.8023 5.19771 21.25 5.75 21.25H18.25C18.8023 21.25 19.25 20.8023 19.25 20.25V9.66421C19.25 9.399 19.1446 9.14464 18.9571 8.95711L13.0429 3.04289C12.8554 2.85536 12.601 2.75 12.3358 2.75Z",
+            stroke: "#16171A",
+            strokeWidth,
+            strokeLinecap
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M8.75 13.25H12.25M8.75 17.25H15.25",
+            stroke: "#16171A",
+            strokeWidth,
+            strokeLinecap
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12.75 3.25V8.25C12.75 8.80228 13.1977 9.25 13.75 9.25H18.75",
+            stroke: "#16171A",
+            strokeWidth,
+            strokeLinecap
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  FileText
+};

package/dist/{chunk-WB73QZAP.js → chunk-XF7AGOWQ.js}

@@ -3,50 +3,50 @@ import {
 } from "./chunk-PEK53X7W.js";
 import {
   ProgressBar
-} from "./chunk-KYOEY4KG.js";
+} from "./chunk-M7BTQRIF.js";
 import {
   IconWithCircleBackground
-} from "./chunk-AC7LNAFM.js";
+} from "./chunk-2QVBK5SH.js";
 import {
   Drawer
-} from "./chunk-PX7NKKFH.js";
+} from "./chunk-DSZQDPLU.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   Button,
   ButtonSelector
-} from "./chunk-CHQSMSJF.js";
+} from "./chunk-MD6BKUUZ.js";
 import {
   UnstyledButton
-} from "./chunk-R4GLUZNO.js";
+} from "./chunk-MMQON4EE.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
 import {
   setDefaultReactNodesTypography
-} from "./chunk-BED5GWRW.js";
+} from "./chunk-SMZPJBL2.js";
 import {
   toReactNodes
-} from "./chunk-6FPEWTKF.js";
+} from "./chunk-W5L3SQ2I.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-HOPTXOE6.js";
+} from "./chunk-DG2PTSLJ.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-SYTKAZOH.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardContentInset,
   standardFocusOutline
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-RURWLQBJ.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   getColor
-} from "./chunk-UTNGZDDG.js";
+} from "./chunk-GBEYKWHU.js";
 import {
   bp,
   useBreakpoints
@@ -320,9 +320,9 @@ function Modal({
         handleBack,
         kind: drawerKind != null ? drawerKind : "default",
         padding: drawerPadding !== void 0 ? `${drawerPadding}px` : void 0,
-        top,
         alignBottom: drawerAlignBottom,
         disableTouchMove: drawerDisableTouchMove != null ? drawerDisableTouchMove : false,
+        top,
         children: modalContent
       }
     );
@@ -377,7 +377,7 @@ var ModalOverlay = styled.div`
   left: 0;
   z-index: ${z.modalOverlay};
   width: 100vw;
-  height: 100vh;
+  height: 100dvh;
   background: ${({ overlayBackground, theme }) => overlayBackground ? getColor(theme, overlayBackground) : "rgba(0, 0, 0, 0.5)"};
 `;
 var ModalContainer = styled.div`

package/dist/{chunk-PT6V3EKA.js → chunk-XI34WNMX.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-6FPEWTKF.js";
+} from "./chunk-W5L3SQ2I.js";
 import {
   StyledOverline,
   getPropDefaults
-} from "./chunk-3PYLKB4C.js";
+} from "./chunk-QCYWDTZ4.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-U4R6IEBO.cjs → chunk-XWACKE2C.cjs}

@@ -6,22 +6,22 @@ var _chunk4VVPSX5Ocjs = require('./chunk-4VVPSX5O.cjs');
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkXC4APVGIcjs = require('./chunk-XC4APVGI.cjs');
+var _chunkJQAMMNYAcjs = require('./chunk-JQAMMNYA.cjs');
 
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
 
 
-var _chunkRUPCXJV4cjs = require('./chunk-RUPCXJV4.cjs');
+var _chunkTZ7XF6DBcjs = require('./chunk-TZ7XF6DB.cjs');
 
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkJFPLNGMQcjs = require('./chunk-JFPLNGMQ.cjs');
+var _chunkWRQU4F3Ncjs = require('./chunk-WRQU4F3N.cjs');
 
 
 var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
@@ -65,11 +65,11 @@ function Banner({
   }, [onHeightChange, rect == null ? void 0 : rect.height]);
   let contentNode = null;
   if (content) {
-    const contentNodes = _chunkXC4APVGIcjs.toReactNodes.call(void 0, content);
+    const contentNodes = _chunkJQAMMNYAcjs.toReactNodes.call(void 0, content);
     if (to) {
-      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRUPCXJV4cjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
+      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZ7XF6DBcjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
         contentNodes,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
       ] }) });
     } else {
       contentNode = contentNodes;
@@ -138,9 +138,9 @@ var StyledBanner = _styled2.default.div`
 
   width: 100%;
   z-index: ${_chunkZU72XWNEcjs.z.notificationBanner};
-  color: ${_chunkJFPLNGMQcjs.colors.white};
+  color: ${_chunkWRQU4F3Ncjs.colors.white};
   font-weight: 500;
-  background-color: ${({ colorProp, theme }) => colorProp ? _chunkRONHCMPDcjs.getColor.call(void 0, theme, colorProp) : "none"};
+  background-color: ${({ colorProp, theme }) => colorProp ? _chunkEINUB4JIcjs.getColor.call(void 0, theme, colorProp) : "none"};
   ${({ blurScroll }) => blurScroll ? `
       background: rgba(249, 249, 249, 0.8);
       backdrop-filter: blur(32px);
@@ -150,7 +150,7 @@ var StyledBanner = _styled2.default.div`
   align-items: center;
   padding: ${({ hPadding, vPadding }) => `${vPadding}px ${hPadding}px`};
   min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "auto"};
-  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkRONHCMPDcjs.getColor.call(void 0, theme, borderColor)};` : ""}
+  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkEINUB4JIcjs.getColor.call(void 0, theme, borderColor)};` : ""}
 
   ${({ borderProgress }) => {
   if (typeof borderProgress === "number") {