@lightsparkdev/ui 1.1.2 → 1.1.4

package/dist/{chunk-ZZCE6TWB.cjs → chunk-JWUQBRKC.cjs}

@@ -1,9 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkMB5LWFQKcjs = require('./chunk-MB5LWFQK.cjs');
-
-
-var _chunk7Y4IJ2LNcjs = require('./chunk-7Y4IJ2LN.cjs');
+var _chunkHJRQTVEBcjs = require('./chunk-HJRQTVEB.cjs');
 
 
 
@@ -15,21 +12,24 @@ var _chunk7Y4IJ2LNcjs = require('./chunk-7Y4IJ2LN.cjs');
 var _chunkFBWTYGYEcjs = require('./chunk-FBWTYGYE.cjs');
 
 
-var _chunkI5VWQRS4cjs = require('./chunk-I5VWQRS4.cjs');
+var _chunk2MWBK3G4cjs = require('./chunk-2MWBK3G4.cjs');
 
 
-var _chunkXYPLDDUHcjs = require('./chunk-XYPLDDUH.cjs');
+var _chunkKQRGFTDHcjs = require('./chunk-KQRGFTDH.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkT336CT3Zcjs = require('./chunk-T336CT3Z.cjs');
 
 
-var _chunkECFNSLYPcjs = require('./chunk-ECFNSLYP.cjs');
+var _chunkKGBWMBLAcjs = require('./chunk-KGBWMBLA.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+
+
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
@@ -98,7 +98,7 @@ var DateFilter = ({
       },
       components: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, TimeAndGranularity, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkXYPLDDUHcjs.TextInput,
+          _chunkT336CT3Zcjs.TextInput,
           {
             placeholder: "60",
             onChange: (value) => {
@@ -112,7 +112,7 @@ var DateFilter = ({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkI5VWQRS4cjs.Select_default,
+          _chunkKQRGFTDHcjs.Select_default,
           {
             defaultValue: {
               value: customDateRangeData == null ? void 0 : customDateRangeData.granularity,
@@ -142,7 +142,7 @@ var DateFilter = ({
         return { start: _chunkFBWTYGYEcjs.startOfDay.call(void 0, date), end: _chunkFBWTYGYEcjs.endOfDay.call(void 0, date) };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk7Y4IJ2LNcjs.DateWidget,
+        _chunkHJRQTVEBcjs.DateWidget,
         {
           dateRangeOperation: "is equal to" /* IsEqualTo */,
           onChange: updateStateWithCustomRange,
@@ -162,7 +162,7 @@ var DateFilter = ({
         return { start, end };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk7Y4IJ2LNcjs.DateWidget,
+        _chunkHJRQTVEBcjs.DateWidget,
         {
           dateRangeOperation: "is between" /* IsBetween */,
           onChange: updateStateWithCustomRange,
@@ -178,7 +178,7 @@ var DateFilter = ({
         return { start: date, end: _chunkFBWTYGYEcjs.MAX_DATE };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk7Y4IJ2LNcjs.DateWidget,
+        _chunkHJRQTVEBcjs.DateWidget,
         {
           dateRangeOperation: "is after" /* IsAfter */,
           onChange: updateStateWithCustomRange,
@@ -194,7 +194,7 @@ var DateFilter = ({
         return { start: _chunkFBWTYGYEcjs.MIN_DATE, end: date };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk7Y4IJ2LNcjs.DateWidget,
+        _chunkHJRQTVEBcjs.DateWidget,
         {
           dateRangeOperation: "is before" /* IsBefore */,
           onChange: updateStateWithCustomRange,
@@ -263,10 +263,10 @@ var DateFilter = ({
   const handleSelectCustomRangeOption = (operation) => {
     updateStateWithCustomRange(dateRangeOptions[operation].defaultData);
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMB5LWFQKcjs.Filter, { label: "date", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2MWBK3G4cjs.Filter, { label: "date", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ButtonsContainer, { children: [
       presets.map((preset) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkECFNSLYPcjs.Button,
+        _chunkKGBWMBLAcjs.Button,
         {
           kind: preset === state.preset ? "primary" : void 0,
           text: preset,
@@ -276,7 +276,7 @@ var DateFilter = ({
         preset
       )),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkECFNSLYPcjs.Button,
+        _chunkKGBWMBLAcjs.Button,
         {
           kind: state.preset === "Custom" /* Custom */ ? "primary" : void 0,
           text: "Custom",
@@ -287,7 +287,7 @@ var DateFilter = ({
     ] }),
     showCustomOptions && customDateRangeData && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkI5VWQRS4cjs.Select_default,
+        _chunkKQRGFTDHcjs.Select_default,
         {
           defaultValue: {
             value: customDateRangeData.type,

package/dist/{chunk-R2AGQ3JJ.js → chunk-K27IPM4F.js}

@@ -1,13 +1,13 @@
 import {
   UnstyledButton
-} from "./chunk-BJP4OTMN.js";
+} from "./chunk-VLZUMH7A.js";
 import {
   getColor,
   themeOr
-} from "./chunk-NF6LGARO.js";
+} from "./chunk-YPQXKAV2.js";
 import {
   colors
-} from "./chunk-QPO3F72O.js";
+} from "./chunk-GUCFCDNY.js";
 
 // src/components/Toggle.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-UAJXDIT4.js → chunk-KBEMHKPZ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2NT4RAQ3.js";
 import {
   StyledHeadline
-} from "./chunk-EEZDWGJP.js";
+} from "./chunk-Z6PAS3M4.js";
 
 // src/components/documentation/DocsHeadline.tsx
 import React from "react";

package/dist/{chunk-3TWK5ORK.cjs → chunk-KEGWRJ4K.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkUCBR2BN2cjs = require('./chunk-UCBR2BN2.cjs');
+var _chunkV3SSMQJJcjs = require('./chunk-V3SSMQJJ.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -30,7 +30,7 @@ function Radio({
         onChange: handleRadioClick
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUCBR2BN2cjs.Label, { children: option.label })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV3SSMQJJcjs.Label, { children: option.label })
   ] }, option.label)) });
 }
 var RadioContainer = _styled2.default.div`

package/dist/{chunk-ECFNSLYP.cjs → chunk-KGBWMBLA.cjs}

@@ -1,34 +1,34 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkXMSQNWZKcjs = require('./chunk-XMSQNWZK.cjs');
+var _chunkH2PJDRPTcjs = require('./chunk-H2PJDRPT.cjs');
 
 
-var _chunkJRCDVJMMcjs = require('./chunk-JRCDVJMM.cjs');
+var _chunkCOOETEX4cjs = require('./chunk-COOETEX4.cjs');
 
 
-var _chunkXWOTPLY4cjs = require('./chunk-XWOTPLY4.cjs');
+var _chunkWLHC2LVQcjs = require('./chunk-WLHC2LVQ.cjs');
 
 
-var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
+var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
 
 
-var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
+var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
 
 
-var _chunk4DJ33XMZcjs = require('./chunk-4DJ33XMZ.cjs');
+var _chunk7KHYVDQ6cjs = require('./chunk-7KHYVDQ6.cjs');
 
 
-var _chunkOBUN65IKcjs = require('./chunk-OBUN65IK.cjs');
+var _chunkFJ5UTZGAcjs = require('./chunk-FJ5UTZGA.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkLDNG63AKcjs = require('./chunk-LDNG63AK.cjs');
+var _chunkDIH23YCLcjs = require('./chunk-DIH23YCL.cjs');
 
 
 
-var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
+var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
 
 
 
@@ -65,17 +65,18 @@ var buttonKinds = [
   "gray",
   "grayGradient",
   "gray99",
-  "white21"
+  "white21",
+  "locked"
 ];
 function resolveBackgroundColorKey(theme, kind, defaultKey) {
   var _a;
   const defaultBackgroundColorKey = (_a = theme.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey];
   let backgroundColorKey = defaultBackgroundColorKey;
-  if (!backgroundColorKey && _chunkQI7YHMJZcjs.isThemeOrColorKey.call(void 0, kind)) {
+  if (!backgroundColorKey && _chunkFFXUPRYTcjs.isThemeOrColorKey.call(void 0, kind)) {
     backgroundColorKey = kind;
   }
   const defaultBackgroundColor = theme.buttons[defaultKey];
-  const backgroundColor = _chunkQI7YHMJZcjs.getBackgroundColor.call(void 0, 
+  const backgroundColor = _chunkFFXUPRYTcjs.getBackgroundColor.call(void 0, 
     theme,
     backgroundColorKey,
     defaultBackgroundColor
@@ -219,7 +220,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         typography,
         kind,
         paddingX,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXMSQNWZKcjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH2PJDRPTcjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
       }
     );
   } else if (icon) {
@@ -232,7 +233,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         kind,
         paddingX,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk4JJ5GJLEcjs.Icon,
+          _chunk267QLBXGcjs.Icon,
           _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, icon), {
             width: icon.width || defaultIconWidth,
             square: true,
@@ -261,7 +262,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
                 textOverflow: "ellipsis",
                 overflow: "hidden"
               },
-              children: _chunkOBUN65IKcjs.renderTypography.call(void 0, typography.type, {
+              children: _chunkFJ5UTZGAcjs.renderTypography.call(void 0, typography.type, {
                 children: text,
                 color: typography.color,
                 size
@@ -272,7 +273,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         ]
       })
     ),
-    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXWOTPLY4cjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
+    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCOOETEX4cjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
   ] });
   const commonProps = {
     id,
@@ -359,7 +360,7 @@ var buttonStyle = ({
 
     ${zIndex && `z-index: ${zIndex};`}
 
-    ${_chunkLDNG63AKcjs.applyTypography.call(void 0, 
+    ${_chunkDIH23YCLcjs.applyTypography.call(void 0, 
     theme,
     typography.type,
     typography.size,
@@ -367,7 +368,7 @@ var buttonStyle = ({
   )}
 
     &:focus-visible {
-      outline: ${_chunkO6BZRC56cjs.getFocusOutline.call(void 0, { theme })};
+      outline: ${_chunkMODD4YGEcjs.getFocusOutline.call(void 0, { theme })};
       /* Slightly different offset for buttons so the outline is visible: */
       outline-offset: 0px;
     }
@@ -407,9 +408,9 @@ var ButtonIcon = _styled2.default.div`
   ${({ iconSide, paddingX }) => `${iconSide}: ${paddingX}px;`}
 `;
 var LinkWithoutTypography = _react3.forwardRef.call(void 0, (props, ref) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4DJ33XMZcjs.Link, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { ref }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7KHYVDQ6cjs.Link, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { ref }));
 });
-var StyledButton = _styled2.default.call(void 0, _chunkJRCDVJMMcjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunkWLHC2LVQcjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonLink = _styled2.default.call(void 0, LinkWithoutTypography)`

package/dist/{chunk-I5VWQRS4.cjs → chunk-KQRGFTDH.cjs}

@@ -7,17 +7,17 @@
 
 
 
-var _chunkHW7ECH4Ncjs = require('./chunk-HW7ECH4N.cjs');
+var _chunkZQO2GKVScjs = require('./chunk-ZQO2GKVS.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
+var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
 
 
 
-var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
+var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.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: _chunkHW7ECH4Ncjs.fieldWidth,
-        maxWidth: _chunkHW7ECH4Ncjs.maxFieldWidth,
+        width: _chunkZQO2GKVScjs.fieldWidth,
+        maxWidth: _chunkZQO2GKVScjs.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 ? `${_chunkHW7ECH4Ncjs.textInputPaddingPx - 1}px` : _chunkHW7ECH4Ncjs.textInputPadding,
+        padding: state.menuIsOpen || state.isFocused ? `${_chunkZQO2GKVScjs.textInputPaddingPx - 1}px` : _chunkZQO2GKVScjs.textInputPadding,
         boxShadow: "none",
         background: theme.bg,
         minHeight: 0,
         fontSize: 14,
         borderWidth: state.menuIsOpen || state.isFocused ? "2px" : "1px",
         "&:hover": {
-          borderColor: state.menuIsOpen ? _chunkHW7ECH4Ncjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkHW7ECH4Ncjs.textInputBorderColor.call(void 0, { theme })
+          borderColor: state.menuIsOpen ? _chunkZQO2GKVScjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkZQO2GKVScjs.textInputBorderColor.call(void 0, { theme })
         },
-        borderColor: state.menuIsOpen || state.isFocused ? _chunkHW7ECH4Ncjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkHW7ECH4Ncjs.textInputBorderColor.call(void 0, { theme })
+        borderColor: state.menuIsOpen || state.isFocused ? _chunkZQO2GKVScjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkZQO2GKVScjs.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 ? _chunkQI7YHMJZcjs.getColor.call(void 0, theme, _chunkHW7ECH4Ncjs.defaultTextInputTypography.color) : props.isDisabled ? _chunkHW7ECH4Ncjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunkQI7YHMJZcjs.getColor.call(void 0, theme, _chunkHW7ECH4Ncjs.defaultTextInputTypography.color),
+        color: props.isFocused ? _chunkFFXUPRYTcjs.getColor.call(void 0, theme, _chunkZQO2GKVScjs.defaultTextInputTypography.color) : props.isDisabled ? _chunkZQO2GKVScjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunkFFXUPRYTcjs.getColor.call(void 0, theme, _chunkZQO2GKVScjs.defaultTextInputTypography.color),
         fontWeight: 600,
         cursor: "pointer",
-        backgroundColor: props.isFocused ? _chunkQI7YHMJZcjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
+        backgroundColor: props.isFocused ? _chunkFFXUPRYTcjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
         WebkitTapHighlightColor: theme.c1Neutral,
         "&:active": {
-          backgroundColor: _chunkQI7YHMJZcjs.themeOr.call(void 0, 
+          backgroundColor: _chunkFFXUPRYTcjs.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, _chunk4JJ5GJLEcjs.Icon, { name: "Chevron", width: 16 })
+          DropdownIndicator: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.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-LC4C2GUC.cjs → chunk-KWFCPP57.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkKOGW3LJCcjs = require('./chunk-KOGW3LJC.cjs');
+var _chunk6IBADE46cjs = require('./chunk-6IBADE46.cjs');
 
 
 
-var _chunkPYHSJNMIcjs = require('./chunk-PYHSJNMI.cjs');
+var _chunkZNYSNRKDcjs = require('./chunk-ZNYSNRKD.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Code.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Code(props) {
-  const propsWithDefaults = _chunkPYHSJNMIcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkZNYSNRKDcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkKOGW3LJCcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunk6IBADE46cjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPYHSJNMIcjs.StyledCode, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZNYSNRKDcjs.StyledCode, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }