@lightsparkdev/ui 1.0.4 → 1.0.6

package/dist/router.js

@@ -8,9 +8,9 @@ import {
   useMatchRoute,
   useMatchRoutes,
   useNavigate
-} from "./chunk-AAFUVYVP.js";
+} from "./chunk-SCIQSZSW.js";
 import "./chunk-EDN2QDCB.js";
-import "./chunk-XUWFUTR4.js";
+import "./chunk-KPAVY3UH.js";
 import "./chunk-LOPKRCGI.js";
 export {
   Link,

package/dist/styles/colors.cjs

@@ -59,7 +59,6 @@ var neutral = {
   gray30: "#4D4D4D",
   gray40: "#666666",
   gray50: "#808080",
-  gray57: "#8B8E98",
   gray60: "#999999",
   gray70: "#B3B3B3",
   gray80: "#CCCCCC",
@@ -83,10 +82,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   blue37: "#21529c",
   blue58: "#28BFFF",
   // less than 50% saturated blue
+  grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue18: "#21283a",
   grayBlue32: "#4F5156",
   grayBlue43: "#686A72",
   grayBlue45: "#676F80",
+  grayBlue57: "#8B8E98",
   grayBlue67: "#9BA7B9",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",

package/dist/styles/colors.d.cts

@@ -9,10 +9,13 @@ declare const colors: {
     readonly blue39: string;
     readonly blue37: string;
     readonly blue58: string;
+    readonly grayBlue5: string;
     readonly grayBlue9: string;
+    readonly grayBlue18: string;
     readonly grayBlue32: string;
     readonly grayBlue43: string;
     readonly grayBlue45: string;
+    readonly grayBlue57: string;
     readonly grayBlue67: string;
     readonly grayBlue80: string;
     readonly grayBlue88: string;
@@ -34,7 +37,6 @@ declare const colors: {
     readonly gray30: string;
     readonly gray40: string;
     readonly gray50: string;
-    readonly gray57: string;
     readonly gray60: string;
     readonly gray70: string;
     readonly gray80: string;

package/dist/styles/colors.d.ts

@@ -9,10 +9,13 @@ declare const colors: {
     readonly blue39: string;
     readonly blue37: string;
     readonly blue58: string;
+    readonly grayBlue5: string;
     readonly grayBlue9: string;
+    readonly grayBlue18: string;
     readonly grayBlue32: string;
     readonly grayBlue43: string;
     readonly grayBlue45: string;
+    readonly grayBlue57: string;
     readonly grayBlue67: string;
     readonly grayBlue80: string;
     readonly grayBlue88: string;
@@ -34,7 +37,6 @@ declare const colors: {
     readonly gray30: string;
     readonly gray40: string;
     readonly gray50: string;
-    readonly gray57: string;
     readonly gray60: string;
     readonly gray70: string;
     readonly gray80: string;

package/dist/styles/colors.js

@@ -9,7 +9,7 @@ import {
   isColorKey,
   luminance,
   rgbToHex
-} from "../chunk-XUWFUTR4.js";
+} from "../chunk-KPAVY3UH.js";
 import "../chunk-LOPKRCGI.js";
 export {
   colors,

package/dist/styles/common.cjs

@@ -181,7 +181,6 @@ var neutral = {
   gray30: "#4D4D4D",
   gray40: "#666666",
   gray50: "#808080",
-  gray57: "#8B8E98",
   gray60: "#999999",
   gray70: "#B3B3B3",
   gray80: "#CCCCCC",
@@ -205,10 +204,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   blue37: "#21529c",
   blue58: "#28BFFF",
   // less than 50% saturated blue
+  grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue18: "#21283a",
   grayBlue32: "#4F5156",
   grayBlue43: "#686A72",
   grayBlue45: "#676F80",
+  grayBlue57: "#8B8E98",
   grayBlue67: "#9BA7B9",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",

package/dist/styles/common.js

@@ -21,12 +21,12 @@ import {
   standardFocusOutline,
   standardLineHeightEms,
   subtext
-} from "../chunk-CZFFMEAS.js";
-import "../chunk-VNQE6KEX.js";
+} from "../chunk-YG5BANJH.js";
+import "../chunk-UAUAYQ3C.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";
-import "../chunk-XUWFUTR4.js";
+import "../chunk-KPAVY3UH.js";
 import "../chunk-LOPKRCGI.js";
 export {
   Subtext,

package/dist/styles/fields.cjs

@@ -187,7 +187,6 @@ var neutral = {
   gray30: "#4D4D4D",
   gray40: "#666666",
   gray50: "#808080",
-  gray57: "#8B8E98",
   gray60: "#999999",
   gray70: "#B3B3B3",
   gray80: "#CCCCCC",
@@ -211,10 +210,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   blue37: "#21529c",
   blue58: "#28BFFF",
   // less than 50% saturated blue
+  grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue18: "#21283a",
   grayBlue32: "#4F5156",
   grayBlue43: "#686A72",
   grayBlue45: "#676F80",
+  grayBlue57: "#8B8E98",
   grayBlue67: "#9BA7B9",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",

package/dist/styles/fields.js

@@ -22,15 +22,15 @@ import {
   textInputPaddingPx,
   textInputPlaceholderColor,
   textInputStyle
-} from "../chunk-7RMHMFS2.js";
-import "../chunk-OUHQXQOJ.js";
+} from "../chunk-Q76C6FJ5.js";
+import "../chunk-OPUCWQMK.js";
 import "../chunk-55OQPFLF.js";
-import "../chunk-CZFFMEAS.js";
-import "../chunk-VNQE6KEX.js";
+import "../chunk-YG5BANJH.js";
+import "../chunk-UAUAYQ3C.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";
-import "../chunk-XUWFUTR4.js";
+import "../chunk-KPAVY3UH.js";
 import "../chunk-LOPKRCGI.js";
 export {
   FieldError,

package/dist/styles/global.cjs

@@ -186,7 +186,6 @@ var neutral = {
   gray30: "#4D4D4D",
   gray40: "#666666",
   gray50: "#808080",
-  gray57: "#8B8E98",
   gray60: "#999999",
   gray70: "#B3B3B3",
   gray80: "#CCCCCC",
@@ -210,10 +209,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   blue37: "#21529c",
   blue58: "#28BFFF",
   // less than 50% saturated blue
+  grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue18: "#21283a",
   grayBlue32: "#4F5156",
   grayBlue43: "#686A72",
   grayBlue45: "#676F80",
+  grayBlue57: "#8B8E98",
   grayBlue67: "#9BA7B9",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",

package/dist/styles/global.js

@@ -1,14 +1,14 @@
 import {
   GlobalStyles,
   globalComponentStyles
-} from "../chunk-THTKSZSR.js";
+} from "../chunk-FE477HOE.js";
 import "../chunk-VQVEZVAG.js";
-import "../chunk-CZFFMEAS.js";
-import "../chunk-VNQE6KEX.js";
+import "../chunk-YG5BANJH.js";
+import "../chunk-UAUAYQ3C.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";
-import "../chunk-XUWFUTR4.js";
+import "../chunk-KPAVY3UH.js";
 import "../chunk-LOPKRCGI.js";
 export {
   GlobalStyles,

package/dist/styles/themes.cjs

@@ -269,7 +269,6 @@ var neutral = {
   gray30: "#4D4D4D",
   gray40: "#666666",
   gray50: "#808080",
-  gray57: "#8B8E98",
   gray60: "#999999",
   gray70: "#B3B3B3",
   gray80: "#CCCCCC",
@@ -293,10 +292,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   blue37: "#21529c",
   blue58: "#28BFFF",
   // less than 50% saturated blue
+  grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue18: "#21283a",
   grayBlue32: "#4F5156",
   grayBlue43: "#686A72",
   grayBlue45: "#676F80",
+  grayBlue57: "#8B8E98",
   grayBlue67: "#9BA7B9",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",

package/dist/styles/themes.js

@@ -16,11 +16,11 @@ import {
   themeOrColorKeyValues,
   themes,
   useThemeBg
-} from "../chunk-VNQE6KEX.js";
+} from "../chunk-UAUAYQ3C.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";
-import "../chunk-XUWFUTR4.js";
+import "../chunk-KPAVY3UH.js";
 import "../chunk-LOPKRCGI.js";
 export {
   Themes,

package/dist/styles/type.cjs

@@ -170,7 +170,6 @@ var neutral = {
   gray30: "#4D4D4D",
   gray40: "#666666",
   gray50: "#808080",
-  gray57: "#8B8E98",
   gray60: "#999999",
   gray70: "#B3B3B3",
   gray80: "#CCCCCC",
@@ -194,10 +193,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   blue37: "#21529c",
   blue58: "#28BFFF",
   // less than 50% saturated blue
+  grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue18: "#21283a",
   grayBlue32: "#4F5156",
   grayBlue43: "#686A72",
   grayBlue45: "#676F80",
+  grayBlue57: "#8B8E98",
   grayBlue67: "#9BA7B9",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",

package/dist/styles/type.js

@@ -3,14 +3,14 @@ import {
   Heading,
   headingWithDefaults,
   headings
-} from "../chunk-BAGRU7JE.js";
-import "../chunk-GQVNE3NU.js";
-import "../chunk-CZFFMEAS.js";
-import "../chunk-VNQE6KEX.js";
+} from "../chunk-N67Y7GWR.js";
+import "../chunk-D4DFISYR.js";
+import "../chunk-YG5BANJH.js";
+import "../chunk-UAUAYQ3C.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";
-import "../chunk-XUWFUTR4.js";
+import "../chunk-KPAVY3UH.js";
 import "../chunk-LOPKRCGI.js";
 export {
   Heading,

package/dist/styles/typography.cjs

@@ -236,7 +236,6 @@ var neutral = {
   gray30: "#4D4D4D",
   gray40: "#666666",
   gray50: "#808080",
-  gray57: "#8B8E98",
   gray60: "#999999",
   gray70: "#B3B3B3",
   gray80: "#CCCCCC",
@@ -259,10 +258,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   blue37: "#21529c",
   blue58: "#28BFFF",
   // less than 50% saturated blue
+  grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue18: "#21283a",
   grayBlue32: "#4F5156",
   grayBlue43: "#686A72",
   grayBlue45: "#676F80",
+  grayBlue57: "#8B8E98",
   grayBlue67: "#9BA7B9",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",

package/dist/styles/typography.js

@@ -1,11 +1,11 @@
 import {
   applyTypography
-} from "../chunk-OUHQXQOJ.js";
-import "../chunk-VNQE6KEX.js";
+} from "../chunk-OPUCWQMK.js";
+import "../chunk-UAUAYQ3C.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";
-import "../chunk-XUWFUTR4.js";
+import "../chunk-KPAVY3UH.js";
 import "../chunk-LOPKRCGI.js";
 export {
   applyTypography

package/dist/styles/utils.cjs

@@ -176,7 +176,6 @@ var neutral = {
   gray30: "#4D4D4D",
   gray40: "#666666",
   gray50: "#808080",
-  gray57: "#8B8E98",
   gray60: "#999999",
   gray70: "#B3B3B3",
   gray80: "#CCCCCC",
@@ -200,10 +199,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   blue37: "#21529c",
   blue58: "#28BFFF",
   // less than 50% saturated blue
+  grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue18: "#21283a",
   grayBlue32: "#4F5156",
   grayBlue43: "#686A72",
   grayBlue45: "#676F80",
+  grayBlue57: "#8B8E98",
   grayBlue67: "#9BA7B9",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",

package/dist/styles/utils.js

@@ -13,13 +13,13 @@ import {
   remsToPx,
   size,
   textCenter
-} from "../chunk-GQVNE3NU.js";
-import "../chunk-CZFFMEAS.js";
-import "../chunk-VNQE6KEX.js";
+} from "../chunk-D4DFISYR.js";
+import "../chunk-YG5BANJH.js";
+import "../chunk-UAUAYQ3C.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";
-import "../chunk-XUWFUTR4.js";
+import "../chunk-KPAVY3UH.js";
 import "../chunk-LOPKRCGI.js";
 export {
   absoluteCenter,

package/dist/utils/toNonTypographicReactNodes.cjs

@@ -4028,7 +4028,6 @@ var neutral = {
   gray30: "#4D4D4D",
   gray40: "#666666",
   gray50: "#808080",
-  gray57: "#8B8E98",
   gray60: "#999999",
   gray70: "#B3B3B3",
   gray80: "#CCCCCC",
@@ -4052,10 +4051,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   blue37: "#21529c",
   blue58: "#28BFFF",
   // less than 50% saturated blue
+  grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue18: "#21283a",
   grayBlue32: "#4F5156",
   grayBlue43: "#686A72",
   grayBlue45: "#676F80",
+  grayBlue57: "#8B8E98",
   grayBlue67: "#9BA7B9",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",

package/dist/utils/toNonTypographicReactNodes.js

@@ -5,10 +5,10 @@ import {
   isNextLinkNode,
   isTextNode,
   toNonTypographicReactNodes
-} from "../chunk-4X67A2CS.js";
+} from "../chunk-HNK2KIC7.js";
 import "../chunk-OPV246QW.js";
-import "../chunk-AAFUVYVP.js";
-import "../chunk-TNDSUTUN.js";
+import "../chunk-SCIQSZSW.js";
+import "../chunk-LAGOF7IU.js";
 import "../chunk-EDN2QDCB.js";
 import "../chunk-FT62PIPN.js";
 import "../chunk-5ZDDVLS6.js";
@@ -123,12 +123,12 @@ import "../chunk-VI6WTKMV.js";
 import "../chunk-QW2INB5A.js";
 import "../chunk-JLD7MGLC.js";
 import "../chunk-DW6LFUI2.js";
-import "../chunk-CZFFMEAS.js";
-import "../chunk-VNQE6KEX.js";
+import "../chunk-YG5BANJH.js";
+import "../chunk-UAUAYQ3C.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";
-import "../chunk-XUWFUTR4.js";
+import "../chunk-KPAVY3UH.js";
 import "../chunk-LOPKRCGI.js";
 export {
   isExternalLinkNode,

package/dist/utils/toReactNodes.cjs

@@ -279,7 +279,6 @@ var neutral = {
   gray30: "#4D4D4D",
   gray40: "#666666",
   gray50: "#808080",
-  gray57: "#8B8E98",
   gray60: "#999999",
   gray70: "#B3B3B3",
   gray80: "#CCCCCC",
@@ -303,10 +302,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   blue37: "#21529c",
   blue58: "#28BFFF",
   // less than 50% saturated blue
+  grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue18: "#21283a",
   grayBlue32: "#4F5156",
   grayBlue43: "#686A72",
   grayBlue45: "#676F80",
+  grayBlue57: "#8B8E98",
   grayBlue67: "#9BA7B9",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",

package/dist/utils/toReactNodes.js

@@ -3,24 +3,24 @@ import {
   setReactNodesTypography,
   toReactNodes,
   toReactNodesWithTypographyMap
-} from "../chunk-ZO35RX7V.js";
-import "../chunk-LGXMGWLV.js";
-import "../chunk-V523QTZQ.js";
-import "../chunk-YRZ3VNBI.js";
-import "../chunk-HPZVUEDJ.js";
-import "../chunk-7COKMITX.js";
-import "../chunk-DIKOS5R6.js";
-import "../chunk-AZOVE32P.js";
-import "../chunk-HVDX4OZJ.js";
-import "../chunk-OMY3WTAU.js";
-import "../chunk-OZQ5WPLN.js";
+} from "../chunk-AKGW3FMJ.js";
+import "../chunk-RQLRNKOP.js";
+import "../chunk-GGWFUEDW.js";
+import "../chunk-XLKL3DNK.js";
+import "../chunk-HLZNFEDV.js";
+import "../chunk-ZR2TARGX.js";
+import "../chunk-IXAXRBFS.js";
+import "../chunk-4EV5IUUJ.js";
+import "../chunk-PBLWYVQF.js";
+import "../chunk-QON4D7N2.js";
+import "../chunk-BNHCCR3C.js";
 import "../chunk-YMNSXZ5D.js";
-import "../chunk-7BSME2ZU.js";
-import "../chunk-4X67A2CS.js";
+import "../chunk-IH5SIRJL.js";
+import "../chunk-HNK2KIC7.js";
 import "../chunk-OPV246QW.js";
-import "../chunk-AAFUVYVP.js";
-import "../chunk-OUHQXQOJ.js";
-import "../chunk-TNDSUTUN.js";
+import "../chunk-SCIQSZSW.js";
+import "../chunk-OPUCWQMK.js";
+import "../chunk-LAGOF7IU.js";
 import "../chunk-EDN2QDCB.js";
 import "../chunk-FT62PIPN.js";
 import "../chunk-5ZDDVLS6.js";
@@ -135,12 +135,12 @@ import "../chunk-VI6WTKMV.js";
 import "../chunk-QW2INB5A.js";
 import "../chunk-JLD7MGLC.js";
 import "../chunk-DW6LFUI2.js";
-import "../chunk-CZFFMEAS.js";
-import "../chunk-VNQE6KEX.js";
+import "../chunk-YG5BANJH.js";
+import "../chunk-UAUAYQ3C.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";
-import "../chunk-XUWFUTR4.js";
+import "../chunk-KPAVY3UH.js";
 import "../chunk-LOPKRCGI.js";
 export {
   setDefaultReactNodesTypography,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightsparkdev/ui",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -58,7 +58,7 @@
     "@emotion/css": "^11.11.0",
     "@emotion/react": "^11.11.0",
     "@emotion/styled": "^11.11.0",
-    "@lightsparkdev/core": "1.1.0",
+    "@lightsparkdev/core": "1.2.1",
     "@rollup/plugin-url": "^8.0.2",
     "@simbathesailor/use-what-changed": "^2.0.0",
     "@svgr/core": "^8.1.0",