@lightsparkdev/ui 1.1.0 → 1.1.1

package/dist/{chunk-DJOYSVI3.js → chunk-YTKSEJHA.js}

@@ -1,19 +1,19 @@
 import {
   iconMap
-} from "./chunk-6L3YFTSL.js";
+} from "./chunk-CNBS2XC2.js";
 import {
   invertFillColor,
   invertStrokeColor
 } from "./chunk-VI6WTKMV.js";
 import {
   rootFontSizePx
-} from "./chunk-E46IHC27.js";
+} from "./chunk-ANZUTQRP.js";
 import {
   isString
 } from "./chunk-HAC5YAGQ.js";
 import {
   getFontColor
-} from "./chunk-AM7EMJXN.js";
+} from "./chunk-33OPRYWV.js";
 
 // src/components/Icon/Icon.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-Y4T7OW76.js → chunk-YVINHMMA.js}

@@ -7,17 +7,17 @@ import {
   textInputPadding,
   textInputPaddingPx,
   textInputPlaceholderColor
-} from "./chunk-KU4X4VPI.js";
+} from "./chunk-UH2H3Y7Y.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-DJOYSVI3.js";
+} from "./chunk-YTKSEJHA.js";
 import {
   getColor,
   themeOr
-} from "./chunk-AM7EMJXN.js";
+} from "./chunk-33OPRYWV.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-LUZE4HE4.cjs → chunk-YWIW4JSQ.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 _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');
 
 
 
@@ -39,7 +39,7 @@ var EnumFilter = ({
   var _a;
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4UFYMBJKcjs.Button,
+      _chunkVXW4GOMOcjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -59,8 +59,8 @@ var EnumFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5X4RSRIKcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkUNDTHMBScjs.Select_default,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFAI2JG7Ucjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkP4R7LALXcjs.Select_default,
       {
         zIndex: _chunkZU72XWNEcjs.z.dropdown + 1,
         placeholder: "Select event",

package/dist/{chunk-RAIZMT6F.js → chunk-YYV45HP4.js}

@@ -1,30 +1,30 @@
 import {
   InfoIconTooltip
-} from "./chunk-7GO3GN57.js";
+} from "./chunk-ZC2EU3AC.js";
+import {
+  Loading
+} from "./chunk-WW3KFUFD.js";
 import {
   ClipboardTextField
-} from "./chunk-NXZY7WP4.js";
+} from "./chunk-UQ3PKWPK.js";
 import {
   lineClamp,
   overflowAutoWithoutScrollbars
-} from "./chunk-RKAVKJX6.js";
-import {
-  Loading
-} from "./chunk-MYRSWJPJ.js";
+} from "./chunk-KKGZ47R3.js";
 import {
   Icon
-} from "./chunk-DJOYSVI3.js";
+} from "./chunk-YTKSEJHA.js";
 import {
   standardContentInset
-} from "./chunk-E46IHC27.js";
+} from "./chunk-ANZUTQRP.js";
 import {
   Link,
   replaceParams,
   useNavigate
-} from "./chunk-5HDXWO2E.js";
+} from "./chunk-PTJ7AVLT.js";
 import {
   themeOrWithKey
-} from "./chunk-AM7EMJXN.js";
+} from "./chunk-33OPRYWV.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-3GKIKZL2.cjs → chunk-YZ2C4D6N.cjs}

@@ -1,41 +1,41 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk74SBZBYAcjs = require('./chunk-74SBZBYA.cjs');
+var _chunkAQ3YLJHIcjs = require('./chunk-AQ3YLJHI.cjs');
 
 
 
 
 
 
-var _chunk2PI3XHGDcjs = require('./chunk-2PI3XHGD.cjs');
+var _chunk6N7XRYZDcjs = require('./chunk-6N7XRYZD.cjs');
 
 
-var _chunkYDN2RZ25cjs = require('./chunk-YDN2RZ25.cjs');
+var _chunk2VEWSENQcjs = require('./chunk-2VEWSENQ.cjs');
 
 
-var _chunkBL5NDVAZcjs = require('./chunk-BL5NDVAZ.cjs');
+var _chunkYIT3HB4Tcjs = require('./chunk-YIT3HB4T.cjs');
 
 
-var _chunkE2672QPScjs = require('./chunk-E2672QPS.cjs');
+var _chunkYNBZC3U6cjs = require('./chunk-YNBZC3U6.cjs');
 
 
-var _chunkK5JJ5ZJPcjs = require('./chunk-K5JJ5ZJP.cjs');
+var _chunkR46DRG52cjs = require('./chunk-R46DRG52.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.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');
 
 
 
@@ -54,7 +54,7 @@ function withDefaults(textInputProps) {
     width: textInputProps.width || "full",
     type: textInputProps.type || "text",
     disabled: Boolean(textInputProps.disabled),
-    typography: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunk2PI3XHGDcjs.defaultTextInputTypography), textInputProps.typography)
+    typography: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunk6N7XRYZDcjs.defaultTextInputTypography), textInputProps.typography)
   });
 }
 function TextInput(textInputProps) {
@@ -159,6 +159,7 @@ function TextInput(textInputProps) {
           }
         },
         borderRadius: props.borderRadius,
+        borderWidth: props.borderWidth,
         enterKeyHint: props.enterKeyHint,
         autoFocus: props.autoFocus
       }
@@ -177,7 +178,7 @@ function TextInput(textInputProps) {
           hasValue: Boolean(props.value),
           colorProp: props.typography.color,
           iconOffset: typeof props.paddingX === "number" ? props.paddingX : leftIconOffset,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: props.icon.name, width: iconWidth })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: props.icon.name, width: iconWidth })
         }
       ),
       input,
@@ -191,20 +192,21 @@ function TextInput(textInputProps) {
           hasValue: Boolean(props.value),
           colorProp: props.typography.color,
           iconOffset: typeof props.paddingX === "number" ? props.paddingX : rightIconOffset,
-          children: props.loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBL5NDVAZcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: props.icon.name, width: rightIconWidth }) : null
+          children: props.loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2VEWSENQcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: props.icon.name, width: rightIconWidth }) : null
         }
       )
     ] });
   }
   const hintTooltipId = props.hintTooltip ? `${props.id || "input"}-hint-tooltip` : void 0;
   const { select } = props;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledTextInput, { widthProp: textInputWidth, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledTextInput, { widthProp: textInputWidth, marginTop: props.marginTop, children: [
     props.label ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextInputLabel, { hasError, children: props.label }) : null,
     select && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       TextInputSelect,
       {
         value: select.value,
         widthProp: select.width,
+        heightProp: select.height,
         typography: props.typography,
         onChange: (event) => {
           var _a2;
@@ -216,32 +218,32 @@ function TextInput(textInputProps) {
     ),
     input,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk2PI3XHGDcjs.InputSubtext,
+      _chunk6N7XRYZDcjs.InputSubtext,
       {
         text: props.error || props.hint,
         hasError,
         tooltipId: hintTooltipId
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE2672QPScjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNBZC3U6cjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
   ] });
 }
 var TextInputSelect = _styled2.default.select`
-  ${({ typography, theme }) => _chunkDO3PWX7Qcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  ${({ typography, theme }) => _chunkHEMGZE2Gcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   border: none;
   background-color: transparent;
   top: 0;
   left: ${selectLeftOffset}px;
-  height: 48px;
+  height: ${({ heightProp }) => `${heightProp}px`};
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
-  & ${_chunk6Z6ZBZEJcjs.IconContainer.toString()} {
+  & ${_chunk4N5EXQIScjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -255,11 +257,10 @@ var TextInputIconContainer = _styled2.default.div`
   display: flex;
   align-items: center;
   cursor: ${({ onClick }) => onClick ? "pointer" : "auto"};
-  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkHGCI5IAMcjs.getFontColor.call(void 0, theme, colorProp) : _chunk2PI3XHGDcjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkXUEKQQJVcjs.getFontColor.call(void 0, theme, colorProp) : _chunk6N7XRYZDcjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunk2PI3XHGDcjs.textInputStyle};
-
+  ${_chunk6N7XRYZDcjs.textInputStyle};
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
   &:-webkit-autofill:focus,
@@ -281,7 +282,7 @@ var RightButtonAligner = _styled2.default.div`
   display: flex;
   align-items: center;
 `;
-var RightButton = _styled2.default.call(void 0, _chunkK5JJ5ZJPcjs.UnstyledButton)`
+var RightButton = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -291,7 +292,7 @@ var RightButton = _styled2.default.call(void 0, _chunkK5JJ5ZJPcjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 8)}
   font-size: 10px;
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
@@ -303,7 +304,7 @@ var TextInputLabel = _styled2.default.label`
   top: -10px;
 `;
 var TextInputHalfRow = _styled2.default.div`
-  margin-top: ${_chunk2PI3XHGDcjs.inputSpacingPx}px;
+  margin-top: ${_chunk6N7XRYZDcjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -314,21 +315,23 @@ var TextInputHalfRow = _styled2.default.div`
 var StyledTextInput = _styled2.default.div`
   width: ${({ widthProp }) => widthProp};
   position: relative;
+  /* Apply marginTop to every TextInput when specified */
+  margin-top: ${({ marginTop }) => marginTop !== void 0 ? `${marginTop}px` : ""};
 
   /* eg forms, should be left consistent: */
   & + & {
-    margin-top: ${_chunk2PI3XHGDcjs.inputSpacingPx}px;
+    margin-top: ${_chunk6N7XRYZDcjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkYDN2RZ25cjs.CheckboxContainer.toString()} + &,
-  ${_chunk74SBZBYAcjs.ToggleContainer.toString()} + &,
-  & + ${_chunkYDN2RZ25cjs.CheckboxContainer.toString()},
-  & + ${_chunk74SBZBYAcjs.ToggleContainer.toString()} {
-    margin-top: ${_chunk2PI3XHGDcjs.inputSpacingPx}px;
+  ${_chunkYIT3HB4Tcjs.CheckboxContainer.toString()} + &,
+  ${_chunkAQ3YLJHIcjs.ToggleContainer.toString()} + &,
+  & + ${_chunkYIT3HB4Tcjs.CheckboxContainer.toString()},
+  & + ${_chunkAQ3YLJHIcjs.ToggleContainer.toString()} {
+    margin-top: ${_chunk6N7XRYZDcjs.inputSpacingPx}px;
   }
 `;
 var InputContainer = _styled2.default.div`

package/dist/{chunk-6Q373SSH.js → chunk-ZAQNPOEC.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-7GO3GN57.js → chunk-ZC2EU3AC.js}

@@ -1,12 +1,12 @@
-import {
-  toReactNodes
-} from "./chunk-AHC2USPG.js";
 import {
   Tooltip
-} from "./chunk-KPNJ6H7M.js";
+} from "./chunk-D2TOV5JJ.js";
+import {
+  toReactNodes
+} from "./chunk-BDL3A6DZ.js";
 import {
   Icon
-} from "./chunk-DJOYSVI3.js";
+} from "./chunk-YTKSEJHA.js";
 
 // src/components/InfoIconTooltip.tsx
 import { Fragment } from "react";

package/dist/{chunk-WHRVJHU5.js → chunk-ZIRKYDVN.js}

@@ -1,9 +1,9 @@
 import {
   SatoshiInputLabel
-} from "./chunk-W7AU3V2X.js";
+} from "./chunk-GY6ON7B5.js";
 import {
   NumberInput_default
-} from "./chunk-764PTQNO.js";
+} from "./chunk-FDMZZB2V.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-GWGAYSYH.cjs → chunk-ZLI4UY4D.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
 
 
-var _chunk5SPEBEERcjs = require('./chunk-5SPEBEER.cjs');
+var _chunkILL2GVLFcjs = require('./chunk-ILL2GVLF.cjs');
 
 // src/components/CurrencyAmount.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -78,7 +78,7 @@ function CurrencyAmount({
   }
   let content = formattedNumber;
   if (typography && typography.type) {
-    content = _chunk5SPEBEERcjs.renderTypography.call(void 0, typography.type, {
+    content = _chunkILL2GVLFcjs.renderTypography.call(void 0, typography.type, {
       size: typography.size,
       color: typography.color,
       children: formattedNumber
@@ -93,9 +93,9 @@ function CurrencyAmount({
 var CurrencyIcon = ({ unit }) => {
   switch (unit) {
     case _core.CurrencyUnit.BITCOIN:
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: "BitcoinB", width: 8, verticalAlign: -2, mr: 2 });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: "BitcoinB", width: 8, verticalAlign: -2, mr: 2 });
     case _core.CurrencyUnit.SATOSHI:
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: "Satoshi", width: 8, verticalAlign: -2, mr: 2 });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: "Satoshi", width: 8, verticalAlign: -2, mr: 2 });
     default:
       return null;
   }