@lightsparkdev/ui 0.0.2 → 0.0.3

package/dist/styles/fonts/typography/LabelStrong.js

@@ -2,9 +2,9 @@
 import {
   LabelStrong,
   StyledLabelStrong
-} from "../../../chunk-WK4HZX53.js";
-import "../../../chunk-Z4M2ODOW.js";
-import "../../../chunk-F4FIOIYM.js";
+} from "../../../chunk-MYKMYG6H.js";
+import "../../../chunk-2VBDEO6M.js";
+import "../../../chunk-E4EXM4SY.js";
 import "../../../chunk-JSGRNWSB.js";
 import "../../../chunk-CIGAQ47A.js";
 export {

package/dist/styles/fonts/typography/Overline.cjs

@@ -951,8 +951,6 @@ var getTypography = (customFontFamilies) => {
 var getTypographyString = (token) => {
   return Object.entries(token).map((entry) => {
     switch (entry[0]) {
-      case "paragraph-spacing":
-        return entry[1] === "default" ? "" : `margin-bottom: ${entry[1]};`;
       case "paragraph-indent":
         return `text-indent: ${entry[1]};`;
       case "text-case":

package/dist/styles/fonts/typography/Overline.js

@@ -2,9 +2,9 @@
 import {
   Overline,
   StyledOverline
-} from "../../../chunk-7VX4OOSZ.js";
-import "../../../chunk-Z4M2ODOW.js";
-import "../../../chunk-F4FIOIYM.js";
+} from "../../../chunk-RBYRXBPI.js";
+import "../../../chunk-2VBDEO6M.js";
+import "../../../chunk-E4EXM4SY.js";
 import "../../../chunk-JSGRNWSB.js";
 import "../../../chunk-CIGAQ47A.js";
 export {

package/dist/styles/fonts/typography/Title.cjs

@@ -951,8 +951,6 @@ var getTypography = (customFontFamilies) => {
 var getTypographyString = (token) => {
   return Object.entries(token).map((entry) => {
     switch (entry[0]) {
-      case "paragraph-spacing":
-        return entry[1] === "default" ? "" : `margin-bottom: ${entry[1]};`;
       case "paragraph-indent":
         return `text-indent: ${entry[1]};`;
       case "text-case":

package/dist/styles/fonts/typography/Title.js

@@ -2,9 +2,9 @@
 import {
   StyledTitle,
   Title
-} from "../../../chunk-345XTQ55.js";
-import "../../../chunk-Z4M2ODOW.js";
-import "../../../chunk-F4FIOIYM.js";
+} from "../../../chunk-FHNYQLMF.js";
+import "../../../chunk-2VBDEO6M.js";
+import "../../../chunk-E4EXM4SY.js";
 import "../../../chunk-JSGRNWSB.js";
 import "../../../chunk-CIGAQ47A.js";
 export {

package/dist/styles/fonts/typography/index.cjs

@@ -1065,8 +1065,6 @@ var getTypography = (customFontFamilies) => {
 var getTypographyString = (token) => {
   return Object.entries(token).map((entry) => {
     switch (entry[0]) {
-      case "paragraph-spacing":
-        return entry[1] === "default" ? "" : `margin-bottom: ${entry[1]};`;
       case "paragraph-indent":
         return `text-indent: ${entry[1]};`;
       case "text-case":
@@ -1589,51 +1587,51 @@ var Article = import_styled8.default.article`
 
   ${headlineSelector("h1")} {
     margin: 0;
-    padding-bottom: 8px;
+    padding-bottom: ${"8px" /* xs */};
   }
 
   ${headlineSelector("h2")} {
-    padding-top: 32px;
-    padding-bottom: 8px;
+    padding-top: ${"40px" /* 2xl */};
+    padding-bottom: ${"8px" /* xs */};
     margin: 0;
   }
 
   ${headlineSelector("h3")} {
-    padding-top: 32px;
-    padding-bottom: 8px;
+    padding-top: ${"40px" /* 2xl */};
+    padding-bottom: ${"8px" /* xs */};
     margin: 0;
   }
 
   ${headlineSelector("h4")} {
-    padding-top: 16px;
-    padding-bottom: 8px;
+    padding-top: ${"40px" /* 2xl */};
+    padding-bottom: ${"8px" /* xs */};
     margin: 0;
   }
 
   ${headlineSelector("h5")} {
-    padding-top: 32px;
-    padding-bottom: 8px;
+    padding-top: ${"40px" /* 2xl */};
+    padding-bottom: ${"8px" /* xs */};
     margin: 0;
   }
 
   ${headlineSelector("h6")} {
-    padding-top: 32px;
-    padding-bottom: 8px;
+    padding-top: ${"40px" /* 2xl */};
+    padding-bottom: ${"8px" /* xs */};
     margin: 0;
   }
 
   ${StyledBody} {
-    margin-top: 12px;
-    margin-bottom: 12px;
+    margin-top: ${"8px" /* xs */};
+    margin-bottom: ${"8px" /* xs */};
   }
 
   ${StyledContentTable} {
-    margin: 40px 0;
+    margin: ${"40px" /* 2xl */} 0;
   }
 
   img {
-    margin-top: 16px;
-    margin-bottom: 16px;
+    margin-top: ${"16px" /* md */};
+    margin-bottom: ${"16px" /* md */};
   }
 
   strong {
@@ -1650,9 +1648,9 @@ var Article = import_styled8.default.article`
 
   ul,
   ol {
-    padding-left: 24px;
-    margin-top: 8px;
-    margin-bottom: 8px;
+    padding-left: ${"24px" /* lg */};
+    margin-top: ${"8px" /* xs */};
+    margin-bottom: ${"8px" /* xs */};
     *:not(a) {
       color: ${({ theme }) => theme.text};
     }
@@ -1661,23 +1659,23 @@ var Article = import_styled8.default.article`
   li {
     ${({ theme }) => getTypographyString(theme.typography[theme.app].Body["Medium" /* Medium */])}
     :not(:last-child) {
-      margin-bottom: 4px;
+      margin-bottom: ${"4px" /* 3xs */};
     }
   }
 
   code:not([class|="language"]) {
     ${({ theme }) => getTypographyString(theme.typography[theme.app].Code["Medium" /* Medium */])}
     background: ${colors.uma.blue90};
-    padding: 2px 6px;
-    margin: 2px;
+    padding: ${"2px" /* 4xs */} ${"6px" /* 2xs */};
+    margin: ${"2px" /* 4xs */};
     border-radius: 4px;
   }
 
   pre[class|="language"] {
     border-radius: 8px;
     width: 100%;
-    padding: 16px 24px;
-    margin: 0;
+    padding: ${"16px" /* md */} ${"24px" /* lg */};
+    margin: ${"16px" /* md */} 0;
   }
 
   // Must match specificity of prismjs to get proper line height!
@@ -1687,6 +1685,10 @@ var Article = import_styled8.default.article`
 
     ${overflowAutoWithoutScrollbars}
   }
+
+  blockquote {
+    margin: ${"8px" /* xs */} 0;
+  }
 `;
 
 // src/styles/fonts/typography/BodyStrong.tsx

package/dist/styles/fonts/typography/index.js

@@ -1,44 +1,45 @@
-import {
-  Label
-} from "../../../chunk-BGOEN6S2.js";
-import {
-  LabelModerate
-} from "../../../chunk-ABA75YLN.js";
 import {
   LabelStrong
-} from "../../../chunk-WK4HZX53.js";
+} from "../../../chunk-MYKMYG6H.js";
 import {
   Overline
-} from "../../../chunk-7VX4OOSZ.js";
+} from "../../../chunk-RBYRXBPI.js";
 import {
   Article
-} from "../../../chunk-AFAP6ZGM.js";
-import {
-  Code
-} from "../../../chunk-EXB35D5E.js";
-import {
-  Display
-} from "../../../chunk-C4OKXC6T.js";
+} from "../../../chunk-4ZZHBSW4.js";
 import {
   Title
-} from "../../../chunk-345XTQ55.js";
+} from "../../../chunk-FHNYQLMF.js";
 import {
   Body
-} from "../../../chunk-4Y2M2HEF.js";
+} from "../../../chunk-LD5LZXUP.js";
 import {
   BodyStrong
-} from "../../../chunk-XU3F6HH6.js";
+} from "../../../chunk-LN7MMOXE.js";
+import {
+  Code
+} from "../../../chunk-BCFRW7CV.js";
+import {
+  Display
+} from "../../../chunk-SW6ZA7W2.js";
+import {
+  Label
+} from "../../../chunk-OO5UJRAW.js";
+import {
+  LabelModerate
+} from "../../../chunk-4I2ABBID.js";
 import {
   Headline
-} from "../../../chunk-7ZTWDJAE.js";
-import "../../../chunk-Z4MZOSEJ.js";
-import "../../../chunk-5XTI555J.js";
-import "../../../chunk-HC4KIHUT.js";
+} from "../../../chunk-4K2KAYVH.js";
+import "../../../chunk-3XSQV5U4.js";
+import "../../../chunk-SV5QPU7N.js";
+import "../../../chunk-EZ4RHFY7.js";
+import "../../../chunk-MYG24ZWT.js";
 import "../../../chunk-LAMQKQU3.js";
-import "../../../chunk-HZH77KO7.js";
+import "../../../chunk-XUGLVWSH.js";
 import "../../../chunk-CLU2FRJZ.js";
-import "../../../chunk-Z4M2ODOW.js";
-import "../../../chunk-F4FIOIYM.js";
+import "../../../chunk-2VBDEO6M.js";
+import "../../../chunk-E4EXM4SY.js";
 import "../../../chunk-JSGRNWSB.js";
 import "../../../chunk-CIGAQ47A.js";
 export {

package/dist/styles/fonts/typographyTokens.cjs

@@ -930,8 +930,6 @@ var getTypography = (customFontFamilies) => {
 var getTypographyString = (token) => {
   return Object.entries(token).map((entry) => {
     switch (entry[0]) {
-      case "paragraph-spacing":
-        return entry[1] === "default" ? "" : `margin-bottom: ${entry[1]};`;
       case "paragraph-indent":
         return `text-indent: ${entry[1]};`;
       case "text-case":

package/dist/styles/fonts/typographyTokens.d.cts

@@ -23,10 +23,7 @@ declare enum TokenSize {
     Small = "Small"
 }
 declare const getTypography: (customFontFamilies?: FontFamilies) => {
-    fontFamilies: {
-        main: string;
-        code: string;
-    };
+    fontFamilies: FontFamilies;
     lineHeights: {
         UmaDocs: {
             "5xl": string;

package/dist/styles/fonts/typographyTokens.d.ts

@@ -23,10 +23,7 @@ declare enum TokenSize {
     Small = "Small"
 }
 declare const getTypography: (customFontFamilies?: FontFamilies) => {
-    fontFamilies: {
-        main: string;
-        code: string;
-    };
+    fontFamilies: FontFamilies;
     lineHeights: {
         UmaDocs: {
             "5xl": string;

package/dist/styles/fonts/typographyTokens.js

@@ -3,7 +3,7 @@ import {
   TokenSize,
   getTypography,
   getTypographyString
-} from "../../chunk-F4FIOIYM.js";
+} from "../../chunk-E4EXM4SY.js";
 import "../../chunk-CIGAQ47A.js";
 export {
   App,

package/dist/styles/global.js

@@ -1,12 +1,12 @@
 import {
   GlobalStyles,
   globalComponentStyles
-} from "../chunk-XRIZ5OCE.js";
+} from "../chunk-YHSFWCFN.js";
 import "../chunk-IJVWYT5G.js";
-import "../chunk-HZH77KO7.js";
+import "../chunk-XUGLVWSH.js";
 import "../chunk-CLU2FRJZ.js";
-import "../chunk-Z4M2ODOW.js";
-import "../chunk-F4FIOIYM.js";
+import "../chunk-2VBDEO6M.js";
+import "../chunk-E4EXM4SY.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-CIGAQ47A.js";
 export {

package/dist/styles/tokens/spacing.cjs

@@ -0,0 +1,50 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/styles/tokens/spacing.tsx
+var spacing_exports = {};
+__export(spacing_exports, {
+  Spacing: () => Spacing
+});
+module.exports = __toCommonJS(spacing_exports);
+var Spacing = /* @__PURE__ */ ((Spacing2) => {
+  Spacing2["4xs"] = "2px";
+  Spacing2["3xs"] = "4px";
+  Spacing2["2xs"] = "6px";
+  Spacing2["xs"] = "8px";
+  Spacing2["sm"] = "12px";
+  Spacing2["md"] = "16px";
+  Spacing2["lg"] = "24px";
+  Spacing2["xl"] = "32px";
+  Spacing2["2xl"] = "40px";
+  Spacing2["3xl"] = "48px";
+  Spacing2["4xl"] = "56px";
+  Spacing2["5xl"] = "64px";
+  Spacing2["6xl"] = "72px";
+  Spacing2["7xl"] = "80px";
+  Spacing2["8xl"] = "96px";
+  Spacing2["9xl"] = "112px";
+  Spacing2["10xl"] = "128px";
+  Spacing2["11xl"] = "160px";
+  return Spacing2;
+})(Spacing || {});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Spacing
+});

package/dist/styles/tokens/spacing.d.cts

@@ -0,0 +1,22 @@
+declare enum Spacing {
+    "4xs" = "2px",
+    "3xs" = "4px",
+    "2xs" = "6px",
+    xs = "8px",
+    sm = "12px",
+    md = "16px",
+    lg = "24px",
+    xl = "32px",
+    "2xl" = "40px",
+    "3xl" = "48px",
+    "4xl" = "56px",
+    "5xl" = "64px",
+    "6xl" = "72px",
+    "7xl" = "80px",
+    "8xl" = "96px",
+    "9xl" = "112px",
+    "10xl" = "128px",
+    "11xl" = "160px"
+}
+
+export { Spacing };

package/dist/styles/tokens/spacing.d.ts

@@ -0,0 +1,22 @@
+declare enum Spacing {
+    "4xs" = "2px",
+    "3xs" = "4px",
+    "2xs" = "6px",
+    xs = "8px",
+    sm = "12px",
+    md = "16px",
+    lg = "24px",
+    xl = "32px",
+    "2xl" = "40px",
+    "3xl" = "48px",
+    "4xl" = "56px",
+    "5xl" = "64px",
+    "6xl" = "72px",
+    "7xl" = "80px",
+    "8xl" = "96px",
+    "9xl" = "112px",
+    "10xl" = "128px",
+    "11xl" = "160px"
+}
+
+export { Spacing };

package/dist/styles/tokens/spacing.js

@@ -0,0 +1,7 @@
+import {
+  Spacing
+} from "../../chunk-3XSQV5U4.js";
+import "../../chunk-CIGAQ47A.js";
+export {
+  Spacing
+};

package/dist/styles/type.js

@@ -2,11 +2,11 @@
 import {
   firstChild,
   pxToRems
-} from "../chunk-Z4MZOSEJ.js";
-import "../chunk-HZH77KO7.js";
+} from "../chunk-SV5QPU7N.js";
+import "../chunk-XUGLVWSH.js";
 import "../chunk-CLU2FRJZ.js";
-import "../chunk-Z4M2ODOW.js";
-import "../chunk-F4FIOIYM.js";
+import "../chunk-2VBDEO6M.js";
+import "../chunk-E4EXM4SY.js";
 import {
   bp
 } from "../chunk-JSGRNWSB.js";

package/dist/styles/utils.js

@@ -13,11 +13,11 @@ import {
   remsToPx,
   size,
   textCenter
-} from "../chunk-Z4MZOSEJ.js";
-import "../chunk-HZH77KO7.js";
+} from "../chunk-SV5QPU7N.js";
+import "../chunk-XUGLVWSH.js";
 import "../chunk-CLU2FRJZ.js";
-import "../chunk-Z4M2ODOW.js";
-import "../chunk-F4FIOIYM.js";
+import "../chunk-2VBDEO6M.js";
+import "../chunk-E4EXM4SY.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-CIGAQ47A.js";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightsparkdev/ui",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -43,6 +43,7 @@
     "@emotion/react": "^11.11.0",
     "@emotion/styled": "^11.11.0",
     "@lightsparkdev/core": "1.0.12",
+    "@simbathesailor/use-what-changed": "^2.0.0",
     "gql": "^1.1.2",
     "lodash-es": "^4.17.21",
     "nanoid": "^4.0.0",