@lightsparkdev/ui 1.0.17 → 1.1.1

package/dist/chunk-X2EDVBOD.js

@@ -1,57 +0,0 @@
-import {
-  Icon
-} from "./chunk-BV25DKRW.js";
-
-// src/components/ContentTable.tsx
-import styled from "@emotion/styled";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-function ContentTable({
-  columns,
-  rows
-}) {
-  return /* @__PURE__ */ jsxs(StyledContentTable, { children: [
-    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-      /* @__PURE__ */ jsx("th", {}),
-      columns.map((column) => /* @__PURE__ */ jsx("th", { children: column.title }, column.key))
-    ] }) }),
-    /* @__PURE__ */ jsx("tbody", { children: rows.map((row, index) => /* @__PURE__ */ jsxs("tr", { children: [
-      /* @__PURE__ */ jsx("td", { children: row.title }),
-      columns.map((column) => {
-        const value = row[column.key];
-        return /* @__PURE__ */ jsx("td", { children: value === true ? /* @__PURE__ */ jsx(Icon, { name: "CheckmarkCircle", width: 16, color: "success" }) : value }, column.key);
-      })
-    ] }, index)) })
-  ] });
-}
-var StyledContentTable = styled.table`
-  width: 100%;
-  border-collapse: collapse;
-  border: 1px solid ${({ theme }) => theme.c1Neutral};
-  color: ${({ theme }) => theme.c6Neutral};
-
-  tr:last-child td:first-child {
-    border-bottom-left-radius: 10px;
-  }
-
-  tr:last-child td:last-child {
-    border-bottom-right-radius: 10px;
-  }
-
-  th,
-  td {
-    padding: 26px 12px;
-    border: 1px solid #e5e5e5;
-  }
-  th {
-    text-align: center;
-  }
-  td {
-    vertical-align: middle;
-    text-align: center;
-  }
-`;
-
-export {
-  ContentTable,
-  StyledContentTable
-};

package/dist/chunk-XDJJ5SAF.js

@@ -1,35 +0,0 @@
-import {
-  getPropDefaultsBase
-} from "./chunk-LEMT5P3Z.js";
-import {
-  typographyStyles
-} from "./chunk-YW4BJCOL.js";
-import {
-  applyTypography
-} from "./chunk-TK5AT24W.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-W7FAWX6T.js";
-
-// src/components/typography/base/Body.tsx
-import styled from "@emotion/styled";
-import { jsx } from "@emotion/react/jsx-runtime";
-function BodyString(props) {
-  const _a = getPropDefaults(props), { children } = _a, rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ jsx(StyledBody, __spreadProps(__spreadValues({}, rest), { children }));
-}
-function getPropDefaults(props) {
-  return getPropDefaultsBase(props, { as: props.tag || "span" });
-}
-var StyledBody = styled.span`
-  ${({ theme, size, colorProp }) => applyTypography(theme, "Body", size, colorProp)}
-  ${typographyStyles}
-`;
-
-export {
-  BodyString,
-  getPropDefaults,
-  StyledBody
-};

package/dist/chunk-XDL2VYUF.js

@@ -1,164 +0,0 @@
-import {
-  themeOr
-} from "./chunk-DJOYSOXT.js";
-import {
-  bp
-} from "./chunk-JSGRNWSB.js";
-import {
-  darkGradient
-} from "./chunk-HU2UCL6I.js";
-
-// src/styles/common.tsx
-import { css } from "@emotion/react";
-import styled from "@emotion/styled";
-var rootFontSizePx = 12;
-var rootFontSizeRems = rootFontSizePx / 16;
-var standardLineHeightEms = 1.21;
-var headingContentMarginPx = 30;
-function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx) {
-  const smCSS = css`
-    ${bp.sm(`
-      margin-left: auto;
-      margin-right: auto;
-      width: calc(100% - ${smPx * 2}px);
-    `)}
-  `;
-  const minSmMaxLgCSS = css`
-    ${bp.minSmMaxLg(`
-      margin-left: auto;
-      margin-right: auto;
-      width: calc(100% - ${minSmMaxLgPx * 2}px);
-    `)}
-  `;
-  const lgCSS = css`
-    ${bp.lg(`
-      margin-left: auto;
-      margin-right: auto;
-      width: calc(100% - ${lgPx * 2}px);
-      max-width: 1280px;
-    `)}
-  `;
-  return {
-    smPx,
-    minSmMaxLgPx,
-    lgPx,
-    smCSS,
-    minSmMaxLgCSS,
-    lgCSS,
-    css: css`
-      ${lgCSS}
-      ${smCSS}
-      ${minSmMaxLgCSS}
-    `
-  };
-}
-var standardContentInset = buildStandardContentInset(16, 24, 32);
-var cardBorderRadiusPx = 16;
-var standardBorderRadius = (radius) => {
-  const borderRadiusPx = Array.isArray(radius) ? radius.map((r) => `${r}px`).join(" ") : `${radius}px`;
-  return `
-    border-radius: ${borderRadiusPx};
-  `;
-};
-var standardCardShadow = css`
-  box-shadow:
-    0px 4px 10px 0px rgba(0, 0, 0, 0.08),
-    0px 8px 24px 0px rgba(0, 0, 0, 0.04);
-`;
-var standardCardShadowHard = css`
-  box-shadow:
-    0px 24px 24px -12px rgba(0, 0, 0, 0.06),
-    0px 12px 12px -6px rgba(0, 0, 0, 0.06),
-    0px 6px 6px -3px rgba(0, 0, 0, 0.06),
-    0px 3px 3px -1.5px rgba(0, 0, 0, 0.06),
-    0px 1px 1px -0.5px rgba(0, 0, 0, 0.06),
-    0px 0px 0px 1px rgba(0, 0, 0, 0.06);
-`;
-var pageBorderRadiusPx = 16;
-var pageBorderRadius = `
-  border-radius: ${pageBorderRadiusPx}px;
-`;
-var getFocusOutline = ({
-  theme,
-  onBgHex
-}) => `${onBgHex ? theme.hcNeutralFromBg(onBgHex) : theme.hcNeutral} dashed 1px`;
-var outlineOffset = "-2px";
-var standardFocusOutline = ({ theme }) => css`
-  &,
-  & a,
-  & button {
-    &:focus-visible {
-      outline: ${getFocusOutline({ theme })};
-      outline-offset: ${outlineOffset};
-    }
-  }
-`;
-var delta = ({
-  theme,
-  delta: delta2 = 0,
-  invertSuccessColor = false
-}) => css`
-  color: ${delta2 >= 0 ? invertSuccessColor ? theme.danger : theme.success : invertSuccessColor ? theme.success : theme.danger};
-  border-color: ${delta2 >= 0 ? invertSuccessColor ? theme.danger : theme.success : invertSuccessColor ? theme.success : theme.danger};
-`;
-var subtext = ({ theme }) => css`
-  color: ${theme.c6Neutral};
-  font-weight: 600;
-`;
-var Subtext = styled.div`
-  ${subtext}
-`;
-var darkGradientBg = css`
-  background: ${darkGradient};
-`;
-var overlaySurfaceBorderColor = ({
-  theme,
-  important = false
-}) => css`
-  border-color: ${themeOr(theme.c1Neutral, theme.c3Neutral)({ theme })}
-    ${important ? "!important" : ""};
-`;
-var overlaySurface = ({
-  theme,
-  important = false,
-  border = true
-}) => css`
-  background-color: ${themeOr(theme.bg, theme.c1Neutral)({ theme })}
-    ${important ? "!important" : ""};
-  ${border ? `border: 0.5px solid ${important ? "!important" : ""};` : ""}
-  ${overlaySurfaceBorderColor({ theme, important })};
-  ${themeOr(
-  `box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.1) ${important ? "!important" : ""};`,
-  ""
-)({ theme })}
-`;
-var mcBold = (theme) => css`
-  font-weight: 600;
-  color: ${theme.mcNeutral};
-`;
-var mcBoldStyled = ({ theme }) => mcBold(theme);
-
-export {
-  rootFontSizePx,
-  rootFontSizeRems,
-  standardLineHeightEms,
-  headingContentMarginPx,
-  standardContentInset,
-  cardBorderRadiusPx,
-  standardBorderRadius,
-  standardCardShadow,
-  standardCardShadowHard,
-  pageBorderRadiusPx,
-  pageBorderRadius,
-  getFocusOutline,
-  outlineOffset,
-  standardFocusOutline,
-  delta,
-  subtext,
-  Subtext,
-  darkGradientBg,
-  overlaySurfaceBorderColor,
-  overlaySurface,
-  mcBold,
-  mcBoldStyled
-};

package/dist/chunk-XNWZZRPP.cjs

@@ -1,84 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkIEHW6GREcjs = require('./chunk-IEHW6GRE.cjs');
-
-
-var _chunkIXTGSOHTcjs = require('./chunk-IXTGSOHT.cjs');
-
-
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
-
-
-var _chunkL6XBCODScjs = require('./chunk-L6XBCODS.cjs');
-
-
-
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
-
-// src/components/DataManagerTable/StringFilter.tsx
-var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-var isStringFilterState = (state) => state.type === "string" /* STRING */;
-var getDefaultStringFilterState = () => ({
-  type: "string" /* STRING */,
-  value: "",
-  isApplied: false
-});
-var StringFilter = ({
-  updateFilterState,
-  state,
-  placeholder,
-  label
-}) => {
-  var _a;
-  const handleChange = (value) => {
-    updateFilterState(_chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, state), {
-      value,
-      isApplied: !!value
-    }));
-  };
-  const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkL6XBCODScjs.Button,
-      {
-        kind: "primary",
-        size: "ExtraSmall",
-        text: value,
-        icon: { name: "Close" },
-        iconSide: "right",
-        onClick: () => {
-          var _a2;
-          updateFilterState(_chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, state), {
-            appliedValues: (_a2 = state.appliedValues) == null ? void 0 : _a2.filter(
-              (appliedValue) => appliedValue !== value
-            )
-          }));
-        }
-      },
-      value
-    );
-  });
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIEHW6GREcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkIXTGSOHTcjs.TextInput,
-      {
-        placeholder: placeholder || "",
-        onChange: handleChange,
-        value: state.value
-      }
-    ) }),
-    !!(appliedValueButtons == null ? void 0 : appliedValueButtons.length) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AppliedButtonsContainer, { children: appliedValueButtons }) : null
-  ] });
-};
-var AppliedButtonsContainer = _styled2.default.div`
-  margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
-  display: flex;
-  gap: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
-  flex-wrap: wrap;
-`;
-
-
-
-
-
-exports.isStringFilterState = isStringFilterState; exports.getDefaultStringFilterState = getDefaultStringFilterState; exports.StringFilter = StringFilter;