@lightsparkdev/ui 1.0.6 → 1.0.8

package/dist/{chunk-UAUAYQ3C.js → chunk-W5I53DTZ.js}

@@ -1,19 +1,23 @@
+import {
+  buttonsThemeBase,
+  defaultButtonsTheme
+} from "./chunk-3Z7RPOMO.js";
+import {
+  defaultLoadingTheme,
+  loadingThemeBase
+} from "./chunk-O4MKC7U2.js";
 import {
   getTypography
-} from "./chunk-ENBUKLVT.js";
+} from "./chunk-24PXYMSU.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
-import {
-  buttonsThemeBase,
-  defaultButtonsTheme
-} from "./chunk-FO7I4E45.js";
 import {
   colors,
   darkGradient,
   hcNeutralFromBg,
   isColorKey
-} from "./chunk-KPAVY3UH.js";
+} from "./chunk-REL56P3K.js";
 import {
   __spreadProps,
   __spreadValues
@@ -27,6 +31,8 @@ var Themes = /* @__PURE__ */ ((Themes2) => {
   Themes2["Dark"] = "dark";
   Themes2["LightsparkDocsLight"] = "lightsparkDocsLight";
   Themes2["LightsparkDocsDark"] = "lightsparkDocsDark";
+  Themes2["UmaAuthSdkLight"] = "umaAuthSdkLight";
+  Themes2["UmaAuthSdkDark"] = "umaAuthSdkDark";
   Themes2["UmameDocsLight"] = "umameDocsLight";
   Themes2["UmameDocsDark"] = "umameDocsDark";
   Themes2["BridgeLight"] = "bridgeLight";
@@ -58,6 +64,7 @@ var baseThemeColors = {
   onSuccessText: colors.white,
   primary: colors.primary,
   secondary: colors.secondary,
+  tertiary: colors.black,
   success: colors.success,
   text: colors.black,
   vlcNeutral: colors.gray95,
@@ -73,11 +80,11 @@ var baseTheme = __spreadProps(__spreadValues({}, baseThemeColors), {
   typography: getTypography("Lightspark" /* Lightspark */),
   hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
   buttons: defaultButtonsTheme,
+  loading: defaultLoadingTheme,
   badge: {
     bg: "c05Neutral"
   },
-  inputBackground: colors.white,
-  loading: "LoadingSpinner"
+  inputBackground: colors.white
 });
 var lightBaseTheme = baseTheme;
 var darkBaseTheme = {
@@ -107,13 +114,14 @@ var darkBaseTheme = {
   onSuccessText: colors.white,
   primary: colors.primary,
   secondary: colors.secondary,
+  tertiary: colors.white,
   success: colors.success,
   text: colors.white,
   typography: getTypography("Lightspark" /* Lightspark */),
   vlcNeutral: colors.gray20,
   warning: colors.warning,
   buttons: defaultButtonsTheme,
-  loading: "LoadingSpinner",
+  loading: defaultLoadingTheme,
   inputBackground: colors.black,
   badge: {
     bg: "c15Neutral"
@@ -149,6 +157,130 @@ var darkTheme = extend(darkBaseTheme, {
     secondary: colors.secondary
   })
 });
+var umaAuthSdkLightTheme = extend(lightTheme, {
+  type: "umaAuthSdkLight" /* UmaAuthSdkLight */,
+  bg: colors.gray98,
+  smBg: colors.gray98,
+  secondary: colors.grayBlue43,
+  tertiary: colors.grayBlue9,
+  text: colors.grayBlue9,
+  link: colors.blue39,
+  inputBackground: colors.white,
+  typography: getTypography("UmaAuthSdk" /* UmaAuthSdk */, {
+    main: "Manrope",
+    code: "Monaco"
+  }),
+  content: extendBase(lightBaseTheme, {
+    bg: colors.gray98,
+    smBg: colors.gray98,
+    text: colors.grayBlue9,
+    secondary: colors.grayBlue43
+  }),
+  controls: extendBase(lightBaseTheme, {
+    text: colors.grayBlue9,
+    secondary: colors.grayBlue43,
+    bg: colors.grayBlue94
+  }),
+  buttons: merge(buttonsThemeBase, {
+    defaultTypographyType: "Title",
+    defaultSize: "Medium",
+    defaultBorderRadius: 999,
+    defaultBorderWidth: 0,
+    defaultPaddingsY: {
+      ExtraSmall: 16,
+      Small: 16,
+      Schmedium: 16,
+      Medium: 16,
+      Mlarge: 16,
+      Large: 16
+    },
+    kinds: {
+      primary: {
+        defaultColor: "bg",
+        defaultBackgroundColor: "blue39",
+        defaultHoverBackgroundColor: "blue37"
+      },
+      ghost: {
+        defaultColor: "secondary",
+        defaultBackgroundColor: "transparent",
+        defaultBorderWidth: 0,
+        defaultHoverBackgroundColor: "transparent",
+        defaultHoverBorderColor: "transparent"
+      },
+      secondary: {
+        defaultBackgroundColor: "grayBlue94",
+        defaultHoverBackgroundColor: "grayBlue80",
+        defaultBorderColor: "grayBlue80"
+      },
+      tertiary: {
+        defaultColor: "bg",
+        defaultHoverBackgroundColor: "grayBlue18"
+      }
+    }
+  })
+});
+var umaAuthSdkDarkTheme = extend(darkTheme, {
+  type: "umaAuthSdkDark" /* UmaAuthSdkDark */,
+  bg: colors.gray5,
+  smBg: colors.gray5,
+  secondary: colors.grayBlue57,
+  tertiary: colors.gray98,
+  text: colors.gray98,
+  link: colors.blue39,
+  inputBackground: colors.gray5,
+  typography: getTypography("UmaAuthSdk" /* UmaAuthSdk */, {
+    main: "Manrope",
+    code: "Monaco"
+  }),
+  content: extendBase(lightBaseTheme, {
+    bg: colors.gray5,
+    smBg: colors.gray5,
+    text: colors.grayBlue94,
+    secondary: colors.grayBlue43
+  }),
+  controls: extendBase(lightBaseTheme, {
+    text: colors.grayBlue94,
+    secondary: colors.grayBlue43,
+    bg: colors.grayBlue9
+  }),
+  buttons: merge(buttonsThemeBase, {
+    defaultTypographyType: "Title",
+    defaultSize: "Medium",
+    defaultBorderRadius: 999,
+    defaultBorderWidth: 0,
+    defaultPaddingsY: {
+      ExtraSmall: 16,
+      Small: 16,
+      Schmedium: 16,
+      Medium: 16,
+      Mlarge: 16,
+      Large: 16
+    },
+    kinds: {
+      primary: {
+        defaultColor: "bg",
+        defaultBackgroundColor: "blue39",
+        defaultHoverBackgroundColor: "blue37"
+      },
+      ghost: {
+        defaultColor: "secondary",
+        defaultBackgroundColor: "transparent",
+        defaultBorderWidth: 0,
+        defaultHoverBackgroundColor: "transparent",
+        defaultHoverBorderColor: "transparent"
+      },
+      secondary: {
+        defaultBackgroundColor: "grayBlue80",
+        defaultHoverBackgroundColor: "grayBlue94",
+        defaultBorderColor: "grayBlue80"
+      },
+      tertiary: {
+        defaultColor: "bg",
+        defaultHoverBackgroundColor: "grayBlue80"
+      }
+    }
+  })
+});
 var umameDocsLightTheme = extend(lightTheme, {
   type: "umameDocsLight" /* UmameDocsLight */,
   bg: colors.gray98,
@@ -234,13 +366,23 @@ var bridgeBaseSettings = {
       }
     }
   }),
+  loading: merge(loadingThemeBase, {
+    defaultIconName: "UmaBridgeLoading",
+    kinds: {
+      primary: {
+        defaultIconName: "UmaBridgeLoading"
+      },
+      secondary: {
+        defaultIconName: "UmaBridgeLoadingTransparent"
+      }
+    }
+  }),
   badge: {
     bg: "grayBlue94"
   }
 };
 var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,
-  loading: "UmaBridgeLoading",
   bg: colors.gray98,
   smBg: colors.gray98,
   text: colors.grayBlue9,
@@ -255,6 +397,8 @@ var themes = {
   ["dark" /* Dark */]: darkTheme,
   ["lightsparkDocsLight" /* LightsparkDocsLight */]: lightsparkDocsLightTheme,
   ["lightsparkDocsDark" /* LightsparkDocsDark */]: lightsparkDocsDarkTheme,
+  ["umaAuthSdkLight" /* UmaAuthSdkLight */]: umaAuthSdkLightTheme,
+  ["umaAuthSdkDark" /* UmaAuthSdkDark */]: umaAuthSdkDarkTheme,
   ["umameDocsLight" /* UmameDocsLight */]: umameDocsLightTheme,
   ["umameDocsDark" /* UmameDocsDark */]: umameDocsDarkTheme,
   ["bridgeLight" /* BridgeLight */]: bridgeLightTheme,

package/dist/{chunk-7UBU5MKY.js → chunk-W7XPZYSY.js}

@@ -7,7 +7,6 @@ function FlutterTwoTone() {
     "svg",
     {
       id: `logo_vector-${id}`,
-      "data-name": "logo vector",
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 300 371.14",
       width: "100%",

package/dist/chunk-WHCKM6E5.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/PersonCircle.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function PersonCircle() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 33 33",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M16.3721 0.248047C7.46702 0.248047 0.248047 7.46702 0.248047 16.3721C0.248047 21.0432 2.2344 25.2505 5.40849 28.1952C8.28546 30.8642 12.1382 32.4961 16.3721 32.4961C20.6059 32.4961 24.4588 30.8642 27.3356 28.1952C30.5098 25.2505 32.4961 21.0432 32.4961 16.3721C32.4961 7.46702 25.2771 0.248047 16.3721 0.248047ZM6.65904 26.0413C8.79248 23.1022 12.1978 21.2093 16.3721 21.2093C20.5464 21.2093 23.9517 23.1022 26.085 26.0413C23.6032 28.5344 20.1678 30.0775 16.3721 30.0775C12.5763 30.0775 9.14095 28.5344 6.65904 26.0413ZM21.2093 13.1473C21.2093 15.8189 19.0437 17.9845 16.3721 17.9845C13.7005 17.9845 11.5349 15.8189 11.5349 13.1473C11.5349 10.4758 13.7005 8.31006 16.3721 8.31006C19.0437 8.31006 21.2093 10.4758 21.2093 13.1473Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M6.49756 25.9241L6.39773 26.0617L6.51763 26.1821C9.03545 28.7113 12.5211 30.277 16.3721 30.277C20.223 30.277 23.7087 28.7113 26.2264 26.1821L26.3463 26.0617L26.2465 25.9241C24.076 22.9339 20.611 21.0098 16.3721 21.0098C12.1332 21.0098 8.66814 22.9339 6.49756 25.9241ZM27.1999 28.0489L27.3356 28.1952L27.1999 28.0489C24.3585 30.685 20.5536 32.2966 16.3721 32.2966C12.1905 32.2966 8.38573 30.685 5.5442 28.0489C2.4091 25.1403 0.447582 20.9854 0.447582 16.3721C0.447582 7.57722 7.57722 0.447582 16.3721 0.447582C25.1669 0.447582 32.2966 7.57722 32.2966 16.3721C32.2966 20.9854 30.3351 25.1403 27.1999 28.0489ZM16.3721 18.184C19.1539 18.184 21.4088 15.9291 21.4088 13.1473C21.4088 10.3656 19.1539 8.11053 16.3721 8.11053C13.5903 8.11053 11.3353 10.3656 11.3353 13.1473C11.3353 15.9291 13.5903 18.184 16.3721 18.184Z",
+            stroke: "white",
+            strokeOpacity: "0.05",
+            strokeWidth: "0.39907"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.PersonCircle = PersonCircle;

package/dist/chunk-WRN66OMM.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/JavaTwoTone.tsx
+var _react = require('@emotion/react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function JavaTwoTone() {
+  const theme = _react.useTheme.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: "100%", viewBox: "0 0 25 24", fill: "none", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "24", height: "24", fill: "currentColor" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "path",
+      {
+        fill: theme.bg,
+        d: "M14.0284 15.104C13.631 15.2166 12.7358 15.4001 11.4558 15.4001C10.1996 15.4001 9.17311 15.185 9.16991 14.9318C9.16779 14.7633 9.37146 14.6899 9.37146 14.6899L9.33522 14.6689C8.73366 14.7752 8.17485 14.9396 8.17808 15.1856C8.18365 15.6322 9.89118 15.9675 11.4533 15.9675C12.7814 15.9675 14.0569 15.7447 14.6322 15.4527L14.0284 15.104ZM9.78311 16.4845C9.50413 16.54 8.89612 16.6796 8.89612 16.9753C8.89612 17.3849 10.197 17.6986 11.4528 17.6986C13.1809 17.6986 13.8887 17.2539 13.9207 17.2309L13.2022 16.8152C12.8966 16.888 12.3817 17.0024 11.4546 17.0024C10.4198 17.0024 9.74563 16.8252 9.74563 16.6312C9.74563 16.59 9.77137 16.5411 9.81932 16.5054L9.78311 16.4845ZM16.8447 13.7287C16.7963 14.6561 15.9395 15.2336 15.0831 15.7216L15.1607 15.7663C16.0745 15.5092 17.7051 14.7606 17.5703 13.6099C17.5031 13.036 16.9786 12.626 16.2948 12.626C16.0818 12.626 15.8924 12.6635 15.7388 12.7103L15.7383 12.7118L15.7059 12.7934C16.3175 12.6737 16.8764 13.1203 16.8447 13.7287ZM11.4292 19.1713C13.833 19.1504 16.5227 18.6799 16.5157 17.8891C16.5145 17.7458 16.4211 17.6476 16.34 17.5883L16.3006 17.6109C16.0784 18.2235 14.2 18.6761 11.4251 18.7003C9.63458 18.7159 7.15433 18.2869 7.15 17.7912C7.14566 17.2942 8.32496 17.0211 8.32496 17.0211L8.24164 16.9735C7.45136 17.0823 5.9952 17.4608 6.00001 18.0072C6.00694 18.7972 9.35354 19.1895 11.4292 19.1713ZM11.1792 19.7359C10.2237 19.7443 9.05699 19.6652 8.07554 19.5002L7.98466 19.5525C8.96228 19.8392 10.3233 20.0123 11.8189 19.9993C14.7561 19.9736 17.1375 19.2452 17.1846 18.3687L17.1506 18.3489C16.9537 18.5891 15.6833 19.6966 11.1792 19.7359ZM7.49957 13.5173C7.49957 13.0742 9.18017 12.8256 9.96266 12.7654L10.0373 12.8086C9.73673 12.8633 8.53072 13.076 8.53072 13.3534C8.53072 13.6555 10.3805 13.8535 11.4542 13.8535C13.2778 13.8535 14.5175 13.5775 14.8509 13.4865L15.3173 13.7579C14.9979 13.9143 13.6265 14.3242 11.4543 14.3242C9.04006 14.3242 7.49957 13.8519 7.49957 13.5173Z"
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "path",
+      {
+        fill: theme.bg,
+        d: "M14.7951 7.32458L14.7547 7.30147C14.0204 7.54741 11.7604 8.43947 11.7604 10.1028C11.7604 11.0435 12.679 11.5645 12.679 12.4467C12.679 12.7614 12.5013 13.0564 12.3566 13.2327L12.4293 13.2748C12.8117 13.0262 13.4887 12.4881 13.4887 11.7933C13.4887 11.2049 12.6743 10.498 12.6743 9.74167C12.6743 8.55001 14.2456 7.61505 14.7951 7.32458ZM13.6857 5.14453C13.6857 7.60625 10.3121 8.54827 10.3121 10.2985C10.3121 11.5272 11.1269 12.2977 11.5776 12.7847L11.541 12.8059C10.9719 12.4499 9.47461 11.5552 9.47461 10.0774C9.47461 8.00271 13.3494 7.01134 13.3494 4.65472C13.3494 4.36475 13.3065 4.14253 13.2765 4.02258L13.3157 3.99998C13.4385 4.1543 13.6857 4.54009 13.6857 5.14453Z"
+      }
+    )
+  ] });
+}
+
+
+
+exports.JavaTwoTone = JavaTwoTone;

package/dist/chunk-WRQEO3XT.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Pencil.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Pencil() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M6.88851 2.9033L1 8.79181V11H3.20819L9.0967 5.11149M6.88851 2.9033L8.57623 1.21559C8.86367 0.928136 9.32974 0.928136 9.61717 1.21559L10.7844 2.38283C11.0719 2.67028 11.0719 3.13633 10.7844 3.42378L9.0967 5.11149M6.88851 2.9033L9.0967 5.11149",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Pencil = Pencil;

package/dist/chunk-WTFNCHBK.cjs

@@ -0,0 +1,30 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Trash.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Trash() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M0.5 2.85714H11.5M4.07143 11.5H7.92857C8.79647 11.5 9.5 10.7965 9.5 9.92857L9.92857 2.07143C9.92857 1.20355 9.22504 0.5 8.35714 0.5H3.64286C2.77498 0.5 2.07143 1.20355 2.07143 2.07143L2.5 9.92857C2.5 10.7965 3.20355 11.5 4.07143 11.5Z",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M5 5V9", stroke: "currentColor", strokeLinecap: "round" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M7 5V9", stroke: "currentColor", strokeLinecap: "round" })
+      ]
+    }
+  );
+}
+
+
+
+exports.Trash = Trash;