@lightsparkdev/ui 1.0.7 → 1.0.9

package/dist/chunk-BT3OMKYC.cjs

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkJT3HYZXJcjs = require('./chunk-JT3HYZXJ.cjs');
+
+
+var _chunkPPHIMPONcjs = require('./chunk-PPHIMPON.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/DataManagerTable/BooleanFilter.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var isBooleanFilterState = (state) => state.type === "boolean" /* BOOLEAN */;
+var getDefaultBooleanFilterState = () => ({
+  type: "boolean" /* BOOLEAN */,
+  value: void 0,
+  isApplied: false
+});
+var BooleanFilter = ({
+  updateFilterState,
+  state,
+  label
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJT3HYZXJcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkPPHIMPONcjs.Radio,
+    {
+      radioOptions: [
+        { label: "Yes" /* YES */ },
+        { label: "No" /* NO */ },
+        { label: "Both" /* BOTH */ }
+      ],
+      defaultOption: "Both" /* BOTH */,
+      onChange: (selectedOption) => {
+        updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+          value: selectedOption === "Yes" /* YES */ ? true : selectedOption === "No" /* NO */ ? false : void 0,
+          isApplied: true
+        }));
+      }
+    }
+  ) }) });
+};
+
+
+
+
+
+exports.isBooleanFilterState = isBooleanFilterState; exports.getDefaultBooleanFilterState = getDefaultBooleanFilterState; exports.BooleanFilter = BooleanFilter;

package/dist/{chunk-YD6ZGALS.cjs → chunk-CG4ZE3JV.cjs}

@@ -3,10 +3,10 @@
 var _chunkMT2C62EDcjs = require('./chunk-MT2C62ED.cjs');
 
 
-var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
 
 
-var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.cjs');
+var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
 
 // src/components/IconWithCircleBackground.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -14,10 +14,10 @@ var _jsxruntime = require('@emotion/react/jsx-runtime');
 function IconWithCircleBackground({
   iconName = "WarningSign"
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMT2C62EDcjs.Flex, { center: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledIconWithCircleBackground, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: iconName, width: 40, color: "grayBlue9" }) }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMT2C62EDcjs.Flex, { center: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledIconWithCircleBackground, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: iconName, width: 40, color: "grayBlue9" }) }) });
 }
 var StyledIconWithCircleBackground = _styled2.default.div`
-  background-color: ${({ theme }) => _chunkPDZ23BEDcjs.getColor.call(void 0, theme, "grayBlue94")};
+  background-color: ${({ theme }) => _chunkJX6HEEEQcjs.getColor.call(void 0, theme, "grayBlue94")};
   border-radius: 50%;
   padding: 20px;
 `;

package/dist/chunk-CJ3GSEW5.cjs

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
+
+
+var _chunkUN4FMYEQcjs = require('./chunk-UN4FMYEQ.cjs');
+
+
+var _chunkUKMVD656cjs = require('./chunk-UKMVD656.cjs');
+
+// src/components/typography/Title.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var Title = ({
+  block = false,
+  children,
+  color,
+  content,
+  display,
+  hideOverflow = false,
+  id,
+  size = "Medium"
+}) => {
+  let reactNodes = children || null;
+  if (content) {
+    reactNodes = _chunkUKMVD656cjs.toReactNodesBase.call(void 0, content);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    StyledTitle,
+    {
+      size,
+      colorProp: color,
+      block,
+      id,
+      hideOverflow,
+      displayProp: display,
+      children: reactNodes
+    }
+  );
+};
+var StyledTitle = _styled2.default.span`
+  ${({ theme, size, colorProp }) => _chunkUN4FMYEQcjs.applyTypography.call(void 0, theme, "Title", size, colorProp)}
+  ${_chunkOVJZVL57cjs.typographyStyles}
+`;
+
+
+
+
+exports.Title = Title; exports.StyledTitle = StyledTitle;

package/dist/{chunk-AWTA3QRN.js → chunk-CN6AMXLK.js}

@@ -1,6 +1,6 @@
 import {
   pxToRems
-} from "./chunk-JQV6H76U.js";
+} from "./chunk-IGZYEIQS.js";
 
 // src/components/StatusIndicator.tsx
 import styled from "@emotion/styled";

package/dist/chunk-CSO64ZMV.cjs

@@ -0,0 +1,117 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkVZEYA2KHcjs = require('./chunk-VZEYA2KH.cjs');
+
+
+var _chunkLHXL6GOOcjs = require('./chunk-LHXL6GOO.cjs');
+
+
+
+var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
+
+
+var _chunkDCQM7IVKcjs = require('./chunk-DCQM7IVK.cjs');
+
+// src/components/PendingValue.tsx
+var _react = require('@emotion/react');
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var bgPosition = _react.keyframes`
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+`;
+function PendingValue({
+  animate = true,
+  content: contentProp,
+  typography: typographyProp,
+  width,
+  forceTheme
+}) {
+  const defaultTypography = {
+    type: (typographyProp == null ? void 0 : typographyProp.type) || "Body",
+    size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
+    color: (typographyProp == null ? void 0 : typographyProp.color) || "text",
+    hideOverflow: true
+  };
+  const defaultTypographyMap = {
+    link: defaultTypography,
+    text: defaultTypography,
+    nextLink: defaultTypography
+  };
+  const nodesWithTypography = _chunkVZEYA2KHcjs.setDefaultReactNodesTypography.call(void 0, 
+    contentProp,
+    defaultTypographyMap
+  );
+  const content = _chunkLHXL6GOOcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const nodes = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    StyledPendingValue,
+    {
+      typographyType: defaultTypography.type,
+      typographySize: defaultTypography.size,
+      widthProp: width,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPendingValueBg, { visible: !contentProp, animate }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPendingValueContent, { children: content })
+      ]
+    }
+  );
+  return forceTheme ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.ThemeProvider, { theme: _chunkJX6HEEEQcjs.themes[forceTheme], children: nodes }) : nodes;
+}
+var StyledPendingValue = _styled2.default.div`
+  position: relative;
+  height: ${({ typographyType, typographySize, theme }) => _chunkDCQM7IVKcjs.getLineHeightForTypographyType.call(void 0, typographyType, typographySize, theme)};
+
+  ${({ widthProp }) => widthProp ? `width: ${widthProp}px;` : "width: 100%;"}
+  max-width: 100%;
+`;
+var StyledPendingValueContent = _styled2.default.div`
+  position: relative;
+  z-index: 1;
+`;
+var vSpacing = 2;
+var StyledPendingValueBg = _styled2.default.div`
+  z-index: 0;
+  height: calc(100% - ${vSpacing * 2}px);
+  width: 100%;
+  position: absolute;
+  top: ${vSpacing}px;
+  border-radius: 999px;
+
+  ${({ visible }) => visible ? "opacity: 1;" : "opacity: 0;"}
+  transition: opacity 0.01s ease;
+
+  background: linear-gradient(
+    90deg,
+    ${_chunkJX6HEEEQcjs.themeOrWithKey.call(void 0, "c15Neutral", "c25Neutral")} 0%,
+    ${_chunkJX6HEEEQcjs.themeOrWithKey.call(void 0, "c2Neutral", "c3Neutral")} 50%,
+    ${_chunkJX6HEEEQcjs.themeOrWithKey.call(void 0, "c15Neutral", "c25Neutral")} 100%
+  );
+
+  background-size: 200% 100%;
+  background-position: 0% 0%;
+
+  @keyframes rotate {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  ${({ animate }) => {
+  return animate ? _react.css`
+          animation: ${bgPosition} 2s linear infinite;
+        ` : "";
+}}
+`;
+
+
+
+
+
+exports.PendingValue = PendingValue; exports.StyledPendingValueContent = StyledPendingValueContent; exports.StyledPendingValueBg = StyledPendingValueBg;

package/dist/{chunk-BYSQTUZ6.cjs → chunk-CT4WHEVU.cjs}

@@ -1,30 +1,30 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
-
-
 var _chunk4VVPSX5Ocjs = require('./chunk-4VVPSX5O.cjs');
 
 
-var _chunkZJTRXOA5cjs = require('./chunk-ZJTRXOA5.cjs');
+var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
 
 
-var _chunkQCJWZRIPcjs = require('./chunk-QCJWZRIP.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkLHXL6GOOcjs = require('./chunk-LHXL6GOO.cjs');
 
 
-var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
 
 
-var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.cjs');
+var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+var _chunkYDTPEU32cjs = require('./chunk-YDTPEU32.cjs');
+
+
+var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
 
 // src/components/Banner/Banner.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -62,11 +62,11 @@ function Banner({
   }, [onHeightChange, rect == null ? void 0 : rect.height]);
   let contentNode = null;
   if (content) {
-    const contentNodes = _chunkZJTRXOA5cjs.toReactNodes.call(void 0, content);
+    const contentNodes = _chunkLHXL6GOOcjs.toReactNodes.call(void 0, content);
     if (to) {
-      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQCJWZRIPcjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
+      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYDTPEU32cjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
         contentNodes,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: "RightArrow", width: 12, ml: 6 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "RightArrow", width: 12, ml: 6 })
       ] }) });
     } else {
       contentNode = contentNodes;
@@ -134,14 +134,14 @@ var StyledBanner = _styled2.default.div`
 
   width: 100%;
   z-index: ${_chunkZU72XWNEcjs.z.notificationBanner};
-  color: ${_chunkKSKKC6C2cjs.colors.white};
+  color: ${_chunkO7USIZI6cjs.colors.white};
   font-weight: 500;
-  background-color: ${({ colorProp, theme }) => colorProp ? _chunkPDZ23BEDcjs.getColor.call(void 0, theme, colorProp) : "none"};
+  background-color: ${({ colorProp, theme }) => colorProp ? _chunkJX6HEEEQcjs.getColor.call(void 0, theme, colorProp) : "none"};
   display: flex;
   justify-content: ${({ hasSideContent }) => hasSideContent ? "space-between" : "center"};
   align-items: center;
   padding: ${({ hPadding }) => `0 ${hPadding}px`};
-  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkPDZ23BEDcjs.getColor.call(void 0, theme, borderColor)};` : ""}
+  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkJX6HEEEQcjs.getColor.call(void 0, theme, borderColor)};` : ""}
 
   ${({ borderProgress }) => {
   if (typeof borderProgress === "number") {

package/dist/chunk-CTPC457D.js

@@ -0,0 +1,27 @@
+// src/icons/Notebook.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Notebook() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M5.3998 1H2.5998C2.15798 1 1.7998 1.35818 1.7998 1.8V14.2C1.7998 14.6418 2.15798 15 2.5998 15H5.3998M5.3998 1H13.3998C13.8416 1 14.1998 1.35818 14.1998 1.8V14.2C14.1998 14.6418 13.8416 15 13.3998 15H5.3998M5.3998 1V15M8.5998 4.6H10.9998M8.5998 7.8H10.9998",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Notebook
+};

package/dist/{chunk-DSJTYUQG.cjs → chunk-CXZGUQNC.cjs}

@@ -1,29 +1,46 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkHKSBGUB7cjs = require('./chunk-HKSBGUB7.cjs');
+var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
 
 
-var _chunkIXV57HL7cjs = require('./chunk-IXV57HL7.cjs');
+var _chunkUN4FMYEQcjs = require('./chunk-UN4FMYEQ.cjs');
+
+
+var _chunkUKMVD656cjs = require('./chunk-UKMVD656.cjs');
 
 // src/components/typography/BodyStrong.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var BodyStrong = ({
-  content,
+  block = false,
   children,
   color,
-  size = "Medium",
-  block = false
+  content,
+  display,
+  hideOverflow = false,
+  id,
+  size = "Medium"
 }) => {
   let reactNodes = children || null;
   if (content) {
-    reactNodes = _chunkHKSBGUB7cjs.toNonTypographicReactNodes.call(void 0, content);
+    reactNodes = _chunkUKMVD656cjs.toReactNodesBase.call(void 0, content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledBodyStrong, { size, colorProp: color, block, children: reactNodes });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    StyledBodyStrong,
+    {
+      block,
+      colorProp: color,
+      displayProp: display,
+      hideOverflow,
+      id,
+      size,
+      children: reactNodes
+    }
+  );
 };
 var StyledBodyStrong = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkIXV57HL7cjs.applyTypography.call(void 0, theme, "Body Strong", size, colorProp)}
-  display: ${({ block }) => block ? "block" : "inline"};
+  ${({ theme, size, colorProp }) => _chunkUN4FMYEQcjs.applyTypography.call(void 0, theme, "Body Strong", size, colorProp)}
+  ${_chunkOVJZVL57cjs.typographyStyles}
 `;