@lightsparkdev/ui 1.0.15 → 1.0.17

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @lightsparkdev/ui
 
+## 1.0.17
+
+### Patch Changes
+
+- a0aed49: - Testing release workflow
+
+## 1.0.16
+
+### Patch Changes
+
+- 47733a2: - New icon, minor update to Flex component
+- Updated dependencies [47733a2]
+  - @lightsparkdev/core@1.2.8
+
 ## 1.0.15
 
 ### Patch Changes

package/README.md

@@ -21,5 +21,3 @@ function App() {
   );
 }
 ```
-
-TODO

package/dist/{chunk-V7EV2TRB.js → chunk-23GQNBC7.js}

@@ -1,9 +1,9 @@
 import {
   Icon
-} from "./chunk-NXAP7SVM.js";
+} from "./chunk-BV25DKRW.js";
 import {
   getColor
-} from "./chunk-ZNDP2XLL.js";
+} from "./chunk-DJOYSOXT.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-BVHPMNJS.cjs → chunk-2BGDZDOL.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZUKSAWTEcjs = require('./chunk-ZUKSAWTE.cjs');
+var _chunkV5NLYG5Dcjs = require('./chunk-V5NLYG5D.cjs');
 
 
-var _chunk4GO7VWXEcjs = require('./chunk-4GO7VWXE.cjs');
+var _chunkNWNESPGQcjs = require('./chunk-NWNESPGQ.cjs');
 
 // src/components/SecretContainer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -22,12 +22,12 @@ function SecretContainer(props) {
         children: props.secret
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZUKSAWTEcjs.CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV5NLYG5Dcjs.CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledSecretContainer, { hasSecret: false, children: "There are no tokens associated with this account" });
 }
 var StyledSecretContainer = _styled2.default.div`
   background-color: ${({ theme, hasSecret, success }) => hasSecret ? success ? theme.success : theme.c05Neutral : theme.bg};
-  ${_chunk4GO7VWXEcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkNWNESPGQcjs.standardBorderRadius.call(void 0, 8)}
   padding: 18px 20px;
   color: ${({ theme, success }) => success ? theme.hcNeutral : theme.text};
   border: solid 1px

package/dist/{chunk-SWGCDNBI.cjs → chunk-2DXEH7CB.cjs}

@@ -7,17 +7,17 @@
 
 
 
-var _chunkUJKGOG7Vcjs = require('./chunk-UJKGOG7V.cjs');
+var _chunkE4MOQFMEcjs = require('./chunk-E4MOQFME.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkNPXZDRT5cjs = require('./chunk-NPXZDRT5.cjs');
+var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
 
 
 
-var _chunkBW6SKFVJcjs = require('./chunk-BW6SKFVJ.cjs');
+var _chunkN63HBX3Vcjs = require('./chunk-N63HBX3V.cjs');
 
 
 
@@ -51,8 +51,8 @@ function Select(_a) {
   const styles = {
     container: (styles2, state) => {
       return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles2), {
-        width: _chunkUJKGOG7Vcjs.fieldWidth,
-        maxWidth: _chunkUJKGOG7Vcjs.maxFieldWidth,
+        width: _chunkE4MOQFMEcjs.fieldWidth,
+        maxWidth: _chunkE4MOQFMEcjs.maxFieldWidth,
         zIndex: _chunkZU72XWNEcjs.z.select
       });
     },
@@ -60,16 +60,16 @@ function Select(_a) {
       const controlStyles = getControlStyles ? getControlStyles(styles2, state) : {};
       return _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles2), {
         transition: "none",
-        padding: state.menuIsOpen || state.isFocused ? `${_chunkUJKGOG7Vcjs.textInputPaddingPx - 1}px` : _chunkUJKGOG7Vcjs.textInputPadding,
+        padding: state.menuIsOpen || state.isFocused ? `${_chunkE4MOQFMEcjs.textInputPaddingPx - 1}px` : _chunkE4MOQFMEcjs.textInputPadding,
         boxShadow: "none",
         background: theme.bg,
         minHeight: 0,
         fontSize: 14,
         borderWidth: state.menuIsOpen || state.isFocused ? "2px" : "1px",
         "&:hover": {
-          borderColor: state.menuIsOpen ? _chunkUJKGOG7Vcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkUJKGOG7Vcjs.textInputBorderColor.call(void 0, { theme })
+          borderColor: state.menuIsOpen ? _chunkE4MOQFMEcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkE4MOQFMEcjs.textInputBorderColor.call(void 0, { theme })
         },
-        borderColor: state.menuIsOpen || state.isFocused ? _chunkUJKGOG7Vcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkUJKGOG7Vcjs.textInputBorderColor.call(void 0, { theme })
+        borderColor: state.menuIsOpen || state.isFocused ? _chunkE4MOQFMEcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkE4MOQFMEcjs.textInputBorderColor.call(void 0, { theme })
       }), controlStyles);
     },
     indicatorsContainer: (styles2) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles2), {
@@ -92,13 +92,13 @@ function Select(_a) {
     option: (styles2, props) => {
       const optionStyles = getOptionStyles ? getOptionStyles(styles2, props) : {};
       return _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles2), {
-        color: props.isFocused ? _chunkBW6SKFVJcjs.getColor.call(void 0, theme, _chunkUJKGOG7Vcjs.defaultTextInputTypography.color) : props.isDisabled ? _chunkUJKGOG7Vcjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunkBW6SKFVJcjs.getColor.call(void 0, theme, _chunkUJKGOG7Vcjs.defaultTextInputTypography.color),
+        color: props.isFocused ? _chunkN63HBX3Vcjs.getColor.call(void 0, theme, _chunkE4MOQFMEcjs.defaultTextInputTypography.color) : props.isDisabled ? _chunkE4MOQFMEcjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunkN63HBX3Vcjs.getColor.call(void 0, theme, _chunkE4MOQFMEcjs.defaultTextInputTypography.color),
         fontWeight: 600,
         cursor: "pointer",
-        backgroundColor: props.isFocused ? _chunkBW6SKFVJcjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
+        backgroundColor: props.isFocused ? _chunkN63HBX3Vcjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
         WebkitTapHighlightColor: theme.c1Neutral,
         "&:active": {
-          backgroundColor: _chunkBW6SKFVJcjs.themeOr.call(void 0, 
+          backgroundColor: _chunkN63HBX3Vcjs.themeOr.call(void 0, 
             theme.c05Neutral,
             theme.c5Neutral
           )({ theme })
@@ -137,7 +137,7 @@ function Select(_a) {
         menuPortalTarget: document.body,
         ref: selectRef,
         components: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {
-          DropdownIndicator: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPXZDRT5cjs.Icon, { name: "Chevron", width: 16 })
+          DropdownIndicator: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXTQV7ZJ6cjs.Icon, { name: "Chevron", width: 16 })
         }, rest.components),
         theme: (selectTheme) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, selectTheme), {
           borderRadius: 8,

package/dist/{chunk-YCKKCDTC.js → chunk-2JGQOHD7.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-QZMY2H3H.js";
+} from "./chunk-SJ2MVP3F.js";
 import {
   StyledBodyStrong,
   getPropDefaults
-} from "./chunk-C5WCJECS.js";
+} from "./chunk-FOCQSOQL.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-OXJLUJ7Z.cjs → chunk-2MLGBMRI.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkV2HGIJA7cjs = require('./chunk-V2HGIJA7.cjs');
+var _chunkPIMOLSBMcjs = require('./chunk-PIMOLSBM.cjs');
 
 
-var _chunkT3KB7JMUcjs = require('./chunk-T3KB7JMU.cjs');
+var _chunkJBVSQGPYcjs = require('./chunk-JBVSQGPY.cjs');
 
 
-var _chunkNPXZDRT5cjs = require('./chunk-NPXZDRT5.cjs');
+var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
 
 
 
@@ -26,13 +26,13 @@ function TextIconAligner({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const nodesWithTypography = _chunkV2HGIJA7cjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
+  const nodesWithTypography = _chunkPIMOLSBMcjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
     default: defaultTypography,
     link: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, defaultTypography), { color: "link" })
   });
-  const content = _chunkT3KB7JMUcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkJBVSQGPYcjs.toReactNodes.call(void 0, nodesWithTypography);
   const leftIconNode = leftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkNPXZDRT5cjs.Icon,
+    _chunkXTQV7ZJ6cjs.Icon,
     {
       name: leftIcon.name,
       width: leftIcon.width ? leftIcon.width : 12,
@@ -41,7 +41,7 @@ function TextIconAligner({
     }
   ) : null;
   const rightIconNode = rightIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkNPXZDRT5cjs.Icon,
+    _chunkXTQV7ZJ6cjs.Icon,
     {
       name: rightIcon.name,
       width: rightIcon.width ? rightIcon.width : 12,

package/dist/{chunk-H5ME2PMB.js → chunk-2OU2WKC2.js}

@@ -5,25 +5,25 @@ import {
   FieldError,
   aboveFieldError,
   standardBorderColor
-} from "./chunk-HJWXHKVC.js";
+} from "./chunk-GHLNFY6T.js";
 import {
   pxToRems
-} from "./chunk-E6MPE6H3.js";
+} from "./chunk-MFTEQD6P.js";
 import {
   Button
-} from "./chunk-G375DUHZ.js";
+} from "./chunk-CEZHIXNR.js";
 import {
   UnstyledButton
-} from "./chunk-QYJ7HXKC.js";
+} from "./chunk-GT2UW67L.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-NXAP7SVM.js";
+} from "./chunk-BV25DKRW.js";
 import {
   standardBorderRadius
-} from "./chunk-QRFR2JVT.js";
+} from "./chunk-XDL2VYUF.js";
 import {
   colors
 } from "./chunk-HU2UCL6I.js";

package/dist/{chunk-TYOK4F5F.cjs → chunk-2SD26ZFK.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkT3KB7JMUcjs = require('./chunk-T3KB7JMU.cjs');
+var _chunkJBVSQGPYcjs = require('./chunk-JBVSQGPY.cjs');
 
 
 
-var _chunkFPYSNZ5Xcjs = require('./chunk-FPYSNZ5X.cjs');
+var _chunk2ZERFWQCcjs = require('./chunk-2ZERFWQC.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Headline.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Headline(props) {
-  const propsWithDefaults = _chunkFPYSNZ5Xcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunk2ZERFWQCcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkT3KB7JMUcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkJBVSQGPYcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFPYSNZ5Xcjs.StyledHeadline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2ZERFWQCcjs.StyledHeadline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-FPYSNZ5X.cjs → chunk-2ZERFWQC.cjs}

@@ -9,7 +9,7 @@ var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkOJXZ773Ccjs = require('./chunk-OJXZ773C.cjs');
+var _chunkFZBPLBNDcjs = require('./chunk-FZBPLBND.cjs');
 
 
 
@@ -28,7 +28,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.heading || "h1" });
 }
 var StyledHeadline = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkOJXZ773Ccjs.applyTypography.call(void 0, theme, "Headline", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkFZBPLBNDcjs.applyTypography.call(void 0, theme, "Headline", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 function headlineSelector(heading) {

package/dist/{chunk-R7NLVD2J.js → chunk-2ZTLTTOC.js}

@@ -1,9 +1,9 @@
 import {
   SatoshiInputLabel
-} from "./chunk-WZHWU7LI.js";
+} from "./chunk-ZAB77SSF.js";
 import {
   NumberInput_default
-} from "./chunk-VPJIMDB7.js";
+} from "./chunk-HYCPAGAW.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-DDF2IXBZ.cjs → chunk-3BCCWTC5.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkUJKGOG7Vcjs = require('./chunk-UJKGOG7V.cjs');
+var _chunkE4MOQFMEcjs = require('./chunk-E4MOQFME.cjs');
 
 // src/components/TextArea.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -24,7 +24,7 @@ function TextArea({
   readOnly = false
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUJKGOG7Vcjs.Label, { children: label }),
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE4MOQFMEcjs.Label, { children: label }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledTextArea,
       {
@@ -40,11 +40,11 @@ function TextArea({
         readOnly
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUJKGOG7Vcjs.InputSubtext, { text: error || hint })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE4MOQFMEcjs.InputSubtext, { text: error || hint })
   ] });
 }
 var StyledTextArea = _styled2.default.textarea`
-  ${_chunkUJKGOG7Vcjs.textInputStyle}
+  ${_chunkE4MOQFMEcjs.textInputStyle}
   resize: none;
   min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "initial"};
 `;

package/dist/{chunk-JQO5CNAA.js → chunk-3GZ6NQU2.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk-ZSWFGISK.js";
 import {
   toReactNodes
-} from "./chunk-QZMY2H3H.js";
+} from "./chunk-SJ2MVP3F.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-NXAP7SVM.js";
+} from "./chunk-BV25DKRW.js";
 import {
   Link
-} from "./chunk-FD6VC3VV.js";
+} from "./chunk-B7ROYPB4.js";
 import {
   getColor
-} from "./chunk-ZNDP2XLL.js";
+} from "./chunk-DJOYSOXT.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-LI42FJJP.js → chunk-3KNJJXRN.js}

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

package/dist/{chunk-7A437NKL.js → chunk-3P5CYHL6.js}

@@ -1,12 +1,12 @@
-import {
-  Tooltip
-} from "./chunk-NVSSVEIP.js";
 import {
   UnstyledButton
-} from "./chunk-QYJ7HXKC.js";
+} from "./chunk-GT2UW67L.js";
+import {
+  Tooltip
+} from "./chunk-5JWZFCRU.js";
 import {
   Icon
-} from "./chunk-NXAP7SVM.js";
+} from "./chunk-BV25DKRW.js";
 import {
   __async
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-YPYMXOJV.js → chunk-3TWHVJOG.js}

@@ -1,6 +1,6 @@
 import {
   textInputStyle
-} from "./chunk-HJWXHKVC.js";
+} from "./chunk-GHLNFY6T.js";
 
 // src/components/CodeInput/SingleCodeInput.tsx
 import { css, useTheme } from "@emotion/react";

package/dist/{chunk-NMKM2XNP.js → chunk-454TUS2Y.js}

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

package/dist/{chunk-46BYVKSC.js → chunk-4GKKZR3W.js}

@@ -1,36 +1,36 @@
 import {
   InfoIconTooltip
-} from "./chunk-27VBWQK6.js";
+} from "./chunk-KJG3RAR5.js";
 import {
   ClipboardTextField
-} from "./chunk-3KHL7F3O.js";
+} from "./chunk-SEKSPTVM.js";
+import {
+  useClipboard
+} from "./chunk-QHODHUW2.js";
 import {
   lineClamp,
   overflowAutoWithoutScrollbars
-} from "./chunk-E6MPE6H3.js";
+} from "./chunk-MFTEQD6P.js";
 import {
   Loading
-} from "./chunk-ASXQN3NJ.js";
+} from "./chunk-QETS33GL.js";
 import {
   Icon
-} from "./chunk-NXAP7SVM.js";
+} from "./chunk-BV25DKRW.js";
 import {
   standardContentInset
-} from "./chunk-QRFR2JVT.js";
+} from "./chunk-XDL2VYUF.js";
 import {
   Link,
   replaceParams,
   useNavigate
-} from "./chunk-FD6VC3VV.js";
+} from "./chunk-B7ROYPB4.js";
 import {
   themeOrWithKey
-} from "./chunk-ZNDP2XLL.js";
+} from "./chunk-DJOYSOXT.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
-import {
-  useClipboard
-} from "./chunk-QHODHUW2.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-JTREXFVM.js → chunk-4GUHURSO.js}

@@ -1,6 +1,6 @@
 import {
   StatusIndicator
-} from "./chunk-SYYBMS2Y.js";
+} from "./chunk-YXTL55KM.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

package/dist/{chunk-L4BVS4G7.cjs → chunk-4HQ55EF2.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkDVMRTL5Fcjs = require('./chunk-DVMRTL5F.cjs');
+var _chunkSOIXYX64cjs = require('./chunk-SOIXYX64.cjs');
 
 
-var _chunkUJKGOG7Vcjs = require('./chunk-UJKGOG7V.cjs');
+var _chunkE4MOQFMEcjs = require('./chunk-E4MOQFME.cjs');
 
 
 
@@ -241,7 +241,7 @@ function CodeInput({
     const inputId = getInputId(i);
     inputs.push(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDVMRTL5Fcjs.SingleCodeInput,
+        _chunkSOIXYX64cjs.SingleCodeInput,
         {
           value: inputState[inputId].value,
           id: inputId,
@@ -316,7 +316,7 @@ var CodeInputGroup = _styled2.default.div`
 var CodeInputGroupSeparator = _styled2.default.div`
   width: ${separatorWidth}px;
   height: 4px;
-  background-color: ${_chunkUJKGOG7Vcjs.textInputBorderColor};
+  background-color: ${_chunkE4MOQFMEcjs.textInputBorderColor};
   border-radius: 2px;
   margin: 0 ${separatorMargin}px;
 `;