@lightsparkdev/ui 1.0.5 → 1.0.7

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @lightsparkdev/ui
 
+## 1.0.7
+
+### Patch Changes
+
+- 9d2f78a: - Add onClick option for textNodes
+  - Unify externalLink and filename props
+- 9d2f78a: [ui]
+  - remove gql and graphql-tag dependencies
+  - add appendToElement prop to Modal
+  - enable cjs code splitting to reduce package size
+  - unify externalLink and filename props
+- 9d2f78a: - Explicitly turn on experimental splitting support for CJS to reduce size of package from 25MB to 5MB
+
+## 1.0.6
+
+### Patch Changes
+
+- Updated dependencies [b43609d]
+  - @lightsparkdev/core@1.2.1
+
 ## 1.0.5
 
 ### Patch Changes

package/dist/{chunk-GMEJR5XX.js → chunk-27TVNUBD.js}

@@ -1,24 +1,39 @@
 import {
-  renderTypography
-} from "./chunk-RQLRNKOP.js";
+  setDefaultReactNodesTypography,
+  toReactNodes
+} from "./chunk-XCEI3WIL.js";
 import {
   Icon
-} from "./chunk-LAGOF7IU.js";
+} from "./chunk-UACBVBBE.js";
 
 // src/components/TextIconAligner.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 function TextIconAligner({
-  content,
-  typography,
+  content: contentProp,
+  typography: typographyProp,
   rightIcon,
   leftIcon,
   onClick
 }) {
-  const nodes = renderTypography((typography == null ? void 0 : typography.type) || "Body", {
-    content,
-    size: (typography == null ? void 0 : typography.size) || "Small",
-    color: (typography == null ? void 0 : typography.color) || "inherit"
-  });
+  const defaultTypography = {
+    type: (typographyProp == null ? void 0 : typographyProp.type) || "Body",
+    props: {
+      size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
+      color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
+    }
+  };
+  const defaultTypographyMap = {
+    link: defaultTypography,
+    externalLink: defaultTypography,
+    text: defaultTypography,
+    nextLink: defaultTypography
+  };
+  let content = setDefaultReactNodesTypography(
+    contentProp,
+    defaultTypographyMap
+  );
+  console.log(content);
+  content = toReactNodes(content);
   const leftIconNode = leftIcon ? /* @__PURE__ */ jsx(
     Icon,
     {
@@ -48,7 +63,7 @@ function TextIconAligner({
       onClick,
       children: [
         leftIconNode,
-        nodes,
+        content,
         rightIconNode
       ]
     }

package/dist/chunk-2KDEPCCC.cjs

@@ -0,0 +1,94 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/styles/themeDefaults/buttons.tsx
+var buttonBorderRadiuses = [8, 32];
+var allowedButtonTypographyTypes = [
+  "Body",
+  "Body Strong",
+  "Title",
+  "Label",
+  "Label Moderate",
+  "Label Strong"
+];
+var buttonsThemeBase = {
+  defaultSize: "Small",
+  defaultTypographyType: "Body Strong",
+  defaultColor: "text",
+  defaultBorderRadius: 32,
+  defaultBorderWidth: 1,
+  defaultBackgroundColor: "bg",
+  defaultBorderColor: "bg",
+  defaultHoverBackgroundColor: "bg",
+  defaultHoverBorderColor: "bg",
+  defaultOutlineOffset: 1,
+  defaultPaddingsY: {
+    ExtraSmall: 4,
+    Small: {
+      short: 8,
+      regular: 12
+    },
+    Schmedium: 12,
+    Medium: 12,
+    Mlarge: 12,
+    Large: 12
+  },
+  kinds: {}
+};
+var defaultButtonsTheme = _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, buttonsThemeBase), {
+  kinds: {
+    primary: {
+      defaultColor: "bg",
+      defaultBorderWidth: 0,
+      defaultBackgroundColor: "c9Neutral",
+      defaultBorderColor: "c9Neutral",
+      defaultHoverBackgroundColor: "c8Neutral",
+      defaultHoverBorderColor: "c8Neutral"
+    },
+    ghost: {
+      defaultBackgroundColor: "transparent",
+      defaultBorderWidth: 0,
+      defaultHoverBackgroundColor: "transparent",
+      defaultHoverBorderColor: "transparent",
+      defaultPaddingsY: {
+        ExtraSmall: 0,
+        Small: 0,
+        Schmedium: 0,
+        Medium: 0,
+        Mlarge: 0,
+        Large: 0
+      }
+    },
+    secondary: {
+      defaultBackgroundColor: ["bg", "c1Neutral"],
+      defaultBorderColor: ["gray90", "gray20"],
+      defaultHoverBackgroundColor: ["bg", "c1Neutral"],
+      defaultHoverBorderColor: ["gray90", "gray20"]
+    },
+    blue39: {
+      defaultBorderColor: "blue39",
+      defaultColor: "gray98"
+    },
+    blue43: {
+      defaultColor: "white"
+    },
+    green33: {
+      defaultColor: "white"
+    },
+    purple55: {
+      defaultColor: "white"
+    },
+    danger: {
+      defaultColor: "white"
+    }
+  }
+});
+
+
+
+
+
+
+exports.buttonBorderRadiuses = buttonBorderRadiuses; exports.allowedButtonTypographyTypes = allowedButtonTypographyTypes; exports.buttonsThemeBase = buttonsThemeBase; exports.defaultButtonsTheme = defaultButtonsTheme;

package/dist/chunk-2ON6YBGL.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/UmaBridgeLoadingTransparent.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function UmaBridgeLoadingTransparent() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 21 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "ellipse",
+          {
+            opacity: "0.3",
+            cx: "10.4996",
+            cy: "9.99998",
+            rx: "8.74961",
+            ry: "8.74986",
+            stroke: "#F9F9F9",
+            strokeWidth: "2.09994"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M19.2503 9.99998C19.2503 8.61916 18.9235 7.25795 18.2966 6.02763C17.6697 4.79731 16.7606 3.73282 15.6435 2.9212C14.5265 2.10957 13.2332 1.57386 11.8694 1.35785C10.5056 1.14184 9.11007 1.25168 7.79688 1.67837",
+            stroke: "#F9F9F9",
+            strokeWidth: "2.09994",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.UmaBridgeLoadingTransparent = UmaBridgeLoadingTransparent;

package/dist/chunk-2R4K7WK4.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Sort.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Sort() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "12",
+      height: "12",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M1.5 2.5H10.5M4.5 9.5H7.5M3 6H9",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "square"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Sort = Sort;

package/dist/{chunk-SCIQSZSW.js → chunk-34MTU3ER.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-EDN2QDCB.js";
 import {
   colors
-} from "./chunk-KPAVY3UH.js";
+} from "./chunk-REL56P3K.js";
 
 // src/router.tsx
 import { omit } from "lodash-es";
@@ -42,6 +42,7 @@ function Link({
   to,
   id,
   externalLink,
+  filename,
   params,
   children,
   css,
@@ -77,6 +78,7 @@ function Link({
       css,
       onClick,
       className,
+      download: filename,
       style: { color: blue ? colors.blue43 : "inherit" },
       target: newTab ? "_blank" : void 0,
       rel: newTab ? "noopener noreferrer" : void 0,

package/dist/chunk-3ET7MRCR.cjs

@@ -0,0 +1,57 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+
+// src/components/ContentTable.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ContentTable({
+  columns,
+  rows
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledContentTable, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tr", { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", {}),
+      columns.map((column) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { children: column.title }, column.key))
+    ] }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: rows.map((row, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tr", { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: row.title }),
+      columns.map((column) => {
+        const value = row[column.key];
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: value === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: "CheckmarkCircleGreen", width: 16 }) : value }, column.key);
+      })
+    ] }, index)) })
+  ] });
+}
+var StyledContentTable = _styled2.default.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;
+  }
+`;
+
+
+
+
+exports.ContentTable = ContentTable; exports.StyledContentTable = StyledContentTable;