@lightsparkdev/ui 1.1.14 → 1.1.15

package/dist/{chunk-IJB2LULD.cjs → chunk-JGWE5RBU.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkJHIXGWSKcjs = require('./chunk-JHIXGWSK.cjs');
+var _chunk6MXF36FIcjs = require('./chunk-6MXF36FI.cjs');
 
 
-var _chunkLN4FPY32cjs = require('./chunk-LN4FPY32.cjs');
+var _chunkPAG7VG4Ccjs = require('./chunk-PAG7VG4C.cjs');
 
 
-var _chunkGJEYXGPQcjs = require('./chunk-GJEYXGPQ.cjs');
+var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
 
 
 var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
@@ -45,12 +45,12 @@ var CopyToClipboardButton = (props) => {
         "data-tooltip-id": id,
         children: [
           props.children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Children, { children: props.children }) : null,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGJEYXGPQcjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
         ]
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkLN4FPY32cjs.Tooltip,
+      _chunk6MXF36FIcjs.Tooltip,
       {
         id,
         place: props.place || "right",
@@ -62,7 +62,7 @@ var CopyToClipboardButton = (props) => {
 var Children = _styled2.default.span`
   margin-right: 4px;
 `;
-var Button = _styled2.default.call(void 0, _chunkJHIXGWSKcjs.UnstyledButton)`
+var Button = _styled2.default.call(void 0, _chunkPAG7VG4Ccjs.UnstyledButton)`
   background: rgba(0, 0, 0, 0);
   vertical-align: middle;
   ${({ ml }) => ml ? `margin-left: ${ml}px` : ""};

package/dist/{chunk-7QDJU2HY.js → chunk-JIXLCU7R.js}

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

package/dist/{chunk-6L7SP4MY.cjs → chunk-JJ43T5QX.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk6MB6ICF6cjs = require('./chunk-6MB6ICF6.cjs');
+var _chunkQ3N3HXJAcjs = require('./chunk-Q3N3HXJA.cjs');
 
 
-var _chunkQGVDN6ZVcjs = require('./chunk-QGVDN6ZV.cjs');
+var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.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`
-  ${_chunk6MB6ICF6cjs.standardBorderRadius.call(void 0, 16)}
-  background-color: ${({ theme }) => _chunkQGVDN6ZVcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
+  ${_chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, 16)}
+  background-color: ${({ theme }) => _chunkRONHCMPDcjs.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`
-  ${_chunk6MB6ICF6cjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkQ3N3HXJAcjs.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`
-  ${_chunk6MB6ICF6cjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, 16)}
   overflow: hidden;
   box-sizing: border-box;
   display: inline-block;

package/dist/{chunk-W3S4TZE3.js → chunk-JOC6RUNI.js}

@@ -1,12 +1,12 @@
 import {
   Filter
-} from "./chunk-BNGAN56P.js";
+} from "./chunk-63CCCLBW.js";
 import {
   NumberInput_default
-} from "./chunk-UJDZHW3O.js";
+} from "./chunk-7BHTBBQC.js";
 import {
   ButtonRow
-} from "./chunk-KL4O7IK4.js";
+} from "./chunk-DZCZ5DIU.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-REABQHQL.js → chunk-JOIT4F4U.js}

@@ -1,9 +1,9 @@
 import {
   DocsHeadline
-} from "./chunk-OQEREE4S.js";
+} from "./chunk-E7NZUNQH.js";
 import {
   Icon
-} from "./chunk-YEGK6WEM.js";
+} from "./chunk-V7BAFKL2.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";

package/dist/{chunk-FJGJOTN6.cjs → chunk-JSXV524U.cjs}

@@ -3,7 +3,7 @@
 var _chunkAGIM6BKCcjs = require('./chunk-AGIM6BKC.cjs');
 
 
-var _chunkYNWQDMBFcjs = require('./chunk-YNWQDMBF.cjs');
+var _chunkNRWYUNWCcjs = require('./chunk-NRWYUNWC.cjs');
 
 // src/components/documentation/DocsHeadline.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -54,7 +54,7 @@ var DocsHeadline = ({
 }) => {
   const id = toKebabCase(getHeaderId(children));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYNWQDMBFcjs.StyledHeadline,
+    _chunkNRWYUNWCcjs.StyledHeadline,
     {
       as: heading,
       id,

package/dist/{chunk-MCMJAFLJ.js → chunk-K6N6FCBJ.js}

@@ -1,6 +1,6 @@
 import {
   renderTypography
-} from "./chunk-QBYLUE5I.js";
+} from "./chunk-GJE63M3I.js";
 import {
   isString
 } from "./chunk-HAC5YAGQ.js";

package/dist/chunk-KFCHQ4Q3.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/ChecklistMagnifyingGlass.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ChecklistMagnifyingGlass({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "38",
+      height: "38",
+      viewBox: "0 0 38 38",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M21.616 12H26.616M34.5 16.5V3.5C34.5 2.39544 33.6046 1.5 32.5 1.5H3.5C2.39544 1.5 1.5 2.39544 1.5 3.5V32.5C1.5 33.6046 2.39544 34.5 3.5 34.5H16.5M32.7426 32.728C30.3994 35.071 26.6006 35.071 24.2574 32.728C21.9142 30.3848 21.9142 26.5858 24.2574 24.2426C26.6006 21.8994 30.3994 21.8994 32.7426 24.2426C35.0858 26.5858 35.0858 30.3848 32.7426 32.728ZM32.7426 32.728L36.5 36.4852M14.3715 10.1289L12.2502 12.2502M12.2502 12.2502L10.1289 14.3715M12.2502 12.2502L10.1289 10.1289M12.2502 12.2502L14.3715 14.3715M14.3715 22.1289L12.2502 24.2502M12.2502 24.2502L10.1289 26.3715M12.2502 24.2502L10.1289 22.1289M12.2502 24.2502L14.3715 26.3715",
+          stroke: "#6D7685",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.ChecklistMagnifyingGlass = ChecklistMagnifyingGlass;

package/dist/{chunk-HHL2I3FB.cjs → chunk-KGEROTNP.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkJM36M2EJcjs = require('./chunk-JM36M2EJ.cjs');
+var _chunk7CWLRTWNcjs = require('./chunk-7CWLRTWN.cjs');
 
 
-var _chunkTNHLPMQ4cjs = require('./chunk-TNHLPMQ4.cjs');
+var _chunkLA7TPJI3cjs = require('./chunk-LA7TPJI3.cjs');
 
 
 
@@ -241,7 +241,7 @@ function CodeInput({
     const inputId = getInputId(i);
     inputs.push(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkJM36M2EJcjs.SingleCodeInput,
+        _chunk7CWLRTWNcjs.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: ${_chunkTNHLPMQ4cjs.textInputBorderColor};
+  background-color: ${_chunkLA7TPJI3cjs.textInputBorderColor};
   border-radius: 2px;
   margin: 0 ${separatorMargin}px;
 `;

package/dist/{chunk-JDAQZKJL.js → chunk-KJSFT7A2.js}

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

package/dist/{chunk-GT4SNEIS.js → chunk-KLY4AIMZ.js}

@@ -7,17 +7,17 @@ import {
   textInputPadding,
   textInputPaddingPx,
   textInputPlaceholderColor
-} from "./chunk-7E7OZRGE.js";
+} from "./chunk-QGXS3TWB.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-YEGK6WEM.js";
+} from "./chunk-V7BAFKL2.js";
 import {
   getColor,
   themeOr
-} from "./chunk-ESRXMWU7.js";
+} from "./chunk-UTNGZDDG.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-NZFCDID3.js → chunk-KYOEY4KG.js}

@@ -1,9 +1,9 @@
 import {
   standardBorderRadius
-} from "./chunk-ZG6VAH7C.js";
+} from "./chunk-65SUEHNK.js";
 import {
   themeOr
-} from "./chunk-ESRXMWU7.js";
+} from "./chunk-UTNGZDDG.js";
 
 // src/components/ProgressBar.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-TNHLPMQ4.cjs → chunk-LA7TPJI3.cjs}

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkEFFB4CI6cjs = require('./chunk-EFFB4CI6.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkXC4APVGIcjs = require('./chunk-XC4APVGI.cjs');
 
 
 
-var _chunk6MB6ICF6cjs = require('./chunk-6MB6ICF6.cjs');
+var _chunkQ3N3HXJAcjs = require('./chunk-Q3N3HXJA.cjs');
 
 
-var _chunkK66UCMBUcjs = require('./chunk-K66UCMBU.cjs');
+var _chunkFB4N2YNLcjs = require('./chunk-FB4N2YNL.cjs');
 
 
 
 
-var _chunkQGVDN6ZVcjs = require('./chunk-QGVDN6ZV.cjs');
+var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
 
 
 var _chunkJFPLNGMQcjs = require('./chunk-JFPLNGMQ.cjs');
@@ -33,16 +33,16 @@ var formButtonTopMarginStyle = _react.css`
   margin-top: ${formButtonTopMargin};
 `;
 var standardBorderColor = ({ theme }) => _react.css`
-  border-color: ${_chunkQGVDN6ZVcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
+  border-color: ${_chunkRONHCMPDcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
 `;
 var inputBlockStyle = ({
   theme,
   hasValue,
   hasError
 }) => _react.css`
-  ${_chunk6MB6ICF6cjs.subtext.call(void 0, { theme })}
+  ${_chunkQ3N3HXJAcjs.subtext.call(void 0, { theme })}
   ${standardBorderColor({ theme })}
-  ${_chunk6MB6ICF6cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, 8)}
   background-color: ${theme.bg};
   border-width: 2px;
   display: flex;
@@ -58,8 +58,8 @@ var textInputPlaceholderColor = ({ theme }) => theme.c4Neutral;
 var textInputFontWeight = 600;
 var textInputPaddingPx = 12;
 var textInputPadding = `${textInputPaddingPx}px`;
-var textInputBorderColor = ({ theme }) => _chunkQGVDN6ZVcjs.isBridge.call(void 0, theme) ? _chunkJFPLNGMQcjs.colors.gray4 : _chunkQGVDN6ZVcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
-var textInputBorderColorFocused = ({ theme }) => _chunkQGVDN6ZVcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
+var textInputBorderColor = ({ theme }) => _chunkRONHCMPDcjs.isBridge.call(void 0, theme) ? _chunkJFPLNGMQcjs.colors.gray4 : _chunkRONHCMPDcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
+var textInputBorderColorFocused = ({ theme }) => _chunkRONHCMPDcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
 var textInputActiveStyles = ({
   theme,
   paddingLeftPx,
@@ -70,7 +70,7 @@ var textInputActiveStyles = ({
   activeOutlineColor
 }) => {
   if (activeOutline) {
-    const outlineColor = activeOutlineColor ? _chunkQGVDN6ZVcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
+    const outlineColor = activeOutlineColor ? _chunkRONHCMPDcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
     return _react.css`
       outline: 2px solid ${outlineColor};
       outline-offset: 2px;
@@ -144,7 +144,7 @@ var textInputStyle = ({
   line-height: 22px;
   outline: none;
 
-  ${_chunkK66UCMBUcjs.applyTypography.call(void 0, 
+  ${_chunkFB4N2YNLcjs.applyTypography.call(void 0, 
     theme,
     (typography == null ? void 0 : typography.type) || defaultTextInputTypography.type,
     (typography == null ? void 0 : typography.size) || defaultTextInputTypography.size,
@@ -213,7 +213,8 @@ function InputSubtext({
   hasSuccess = false,
   tooltipId,
   hideNonErrorsIfBlurred = false,
-  focused = false
+  focused = false,
+  subTextPaddingX
 }) {
   const timeoutRef = _react3.useRef.call(void 0, null);
   const [subtext2, setSubtext] = _react3.useState.call(void 0, text);
@@ -240,6 +241,7 @@ function InputSubtext({
       hasSuccess,
       cursorPointer: Boolean(tooltipId),
       usingContent: content !== void 0,
+      subTextPaddingX,
       children: tooltipId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-tooltip-id": tooltipId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InputSubtextContent, { text: subtext2, content }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InputSubtextContent, { text: subtext2, content })
     }
   );
@@ -254,7 +256,7 @@ function InputSubtextContent({
   if (typeof text === "string") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: text });
   }
-  return _chunkEFFB4CI6cjs.toReactNodes.call(void 0, text);
+  return _chunkXC4APVGIcjs.toReactNodes.call(void 0, text);
 }
 var StyledInputSubtext = _styled2.default.div`
   margin-top: ${({ visible }) => visible ? "8px" : "0px"};
@@ -269,6 +271,10 @@ var StyledInputSubtext = _styled2.default.div`
     margin ${inputSubtextSeconds}s cubic-bezier(0.25, 0.87, 0.56, 1.23);
   color: ${({ hasError, hasSuccess, theme }) => hasError ? theme.danger : hasSuccess ? theme.success : theme.text};
   cursor: ${({ cursorPointer }) => cursorPointer ? "pointer" : "auto"};
+  ${({ subTextPaddingX }) => subTextPaddingX ? `
+        padding-left: ${subTextPaddingX}px;
+        padding-right: ${subTextPaddingX}px;
+      ` : ""};
 `;
 var labelStyle = ({
   theme,
@@ -287,11 +293,11 @@ var labelStyle = ({
   }
 `;
 var Label = _styled2.default.label`
-  ${_chunk6MB6ICF6cjs.subtext}
+  ${_chunkQ3N3HXJAcjs.subtext}
   ${labelStyle}
 `;
 var LabelDiv = _styled2.default.div`
-  ${_chunk6MB6ICF6cjs.subtext}
+  ${_chunkQ3N3HXJAcjs.subtext}
   ${labelStyle}
 `;