@solexllc/usx-theme 0.1.0

package/src/primitives/color.json

@@ -0,0 +1,7 @@
+{
+  "primary": "#2563eb",
+  "secondary": "#7c3aed",
+  "background": "#f8fafc",
+  "surface": "#ffffff",
+  "text": "#0f172a"
+}

package/src/primitives/radius.json

@@ -0,0 +1,7 @@
+{
+  "none": "0",
+  "sm": "0.125rem",
+  "md": "0.375rem",
+  "lg": "0.5rem",
+  "full": "9999px"
+}

package/src/primitives/spacing.json

@@ -0,0 +1,7 @@
+{
+  "xs": "0.25rem",
+  "sm": "0.5rem",
+  "md": "1rem",
+  "lg": "1.5rem",
+  "xl": "2rem"
+}

package/src/primitives/typography.json

@@ -0,0 +1,7 @@
+{
+  "fontFamilyBase": "Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif",
+  "fontSizeBase": "1rem",
+  "fontWeightRegular": "400",
+  "fontWeightBold": "700",
+  "lineHeightBase": "1.5"
+}

package/src/system-colors.generated.js

@@ -0,0 +1,620 @@
+// system-colors.generated.js — GENERATED by scripts/generate-system-colors.js
+// from node_modules/@uswds/uswds/packages/uswds-tokens/colors/*.json.
+// Do not edit by hand; re-run the generator after bumping @uswds/uswds.
+//
+// Shape: { [family]: { grades: { [grade]: hex }, vivid: { [grade]: hex } } }
+// `family` matches the USWDS system-color family name (e.g. "blue-cool").
+// `vivid` is empty for families with no vivid scale (e.g. "gray").
+
+export const systemColors = {
+  "blue-cool": {
+    "grades": {
+      "5": "#e7f2f5",
+      "10": "#dae9ee",
+      "20": "#adcfdc",
+      "30": "#82b4c9",
+      "40": "#6499af",
+      "50": "#3a7d95",
+      "60": "#2e6276",
+      "70": "#224a58",
+      "80": "#14333d",
+      "90": "#0f191c"
+    },
+    "vivid": {
+      "5": "#e1f3f8",
+      "10": "#c3ebfa",
+      "20": "#97d4ea",
+      "30": "#59b9de",
+      "40": "#28a0cb",
+      "50": "#0d7ea2",
+      "60": "#07648d",
+      "70": "#074b69",
+      "80": "#002d3f"
+    }
+  },
+  "blue-warm": {
+    "grades": {
+      "5": "#ecf1f7",
+      "10": "#e1e7f1",
+      "20": "#bbcae4",
+      "30": "#98afd2",
+      "40": "#7292c7",
+      "50": "#4a77b4",
+      "60": "#345d96",
+      "70": "#2f4668",
+      "80": "#252f3e",
+      "90": "#13171f"
+    },
+    "vivid": {
+      "5": "#edf5ff",
+      "10": "#d4e5ff",
+      "20": "#adcdff",
+      "30": "#81aefc",
+      "40": "#5994f6",
+      "50": "#2672de",
+      "60": "#0050d8",
+      "70": "#1a4480",
+      "80": "#162e51"
+    }
+  },
+  "blue": {
+    "grades": {
+      "5": "#eff6fb",
+      "10": "#d9e8f6",
+      "20": "#aacdec",
+      "30": "#73b3e7",
+      "40": "#4f97d1",
+      "50": "#2378c3",
+      "60": "#2c608a",
+      "70": "#274863",
+      "80": "#1f303e",
+      "90": "#11181d"
+    },
+    "vivid": {
+      "5": "#e8f5ff",
+      "10": "#cfe8ff",
+      "20": "#a1d3ff",
+      "30": "#58b4ff",
+      "40": "#2491ff",
+      "50": "#0076d6",
+      "60": "#005ea2",
+      "70": "#0b4778",
+      "80": "#112f4e"
+    }
+  },
+  "cyan": {
+    "grades": {
+      "5": "#e7f6f8",
+      "10": "#ccecf2",
+      "20": "#99deea",
+      "30": "#5dc0d1",
+      "40": "#449dac",
+      "50": "#168092",
+      "60": "#2a646d",
+      "70": "#2c4a4e",
+      "80": "#203133",
+      "90": "#111819"
+    },
+    "vivid": {
+      "5": "#e5faff",
+      "10": "#a8f2ff",
+      "20": "#52daf2",
+      "30": "#00bde3",
+      "40": "#009ec1",
+      "50": "#0081a1",
+      "60": "#00687d",
+      "70": "#0e4f5c",
+      "80": "#093b44"
+    }
+  },
+  "gold": {
+    "grades": {
+      "5": "#f5f0e6",
+      "10": "#f1e5cd",
+      "20": "#dec69a",
+      "30": "#c7a97b",
+      "40": "#ad8b65",
+      "50": "#8e704f",
+      "60": "#6b5947",
+      "70": "#4d4438",
+      "80": "#322d26",
+      "90": "#191714"
+    },
+    "vivid": {
+      "5": "#fef0c8",
+      "10": "#ffe396",
+      "20": "#ffbe2e",
+      "30": "#e5a000",
+      "40": "#c2850c",
+      "50": "#936f38",
+      "60": "#7a591a",
+      "70": "#5c410a",
+      "80": "#3b2b15"
+    }
+  },
+  "gray-cool": {
+    "grades": {
+      "1": "#fbfcfd",
+      "2": "#f7f9fa",
+      "3": "#f5f6f7",
+      "4": "#f1f3f6",
+      "5": "#edeff0",
+      "10": "#dfe1e2",
+      "20": "#c6cace",
+      "30": "#a9aeb1",
+      "40": "#8d9297",
+      "50": "#71767a",
+      "60": "#565c65",
+      "70": "#3d4551",
+      "80": "#2d2e2f",
+      "90": "#1c1d1f"
+    },
+    "vivid": {}
+  },
+  "gray-warm": {
+    "grades": {
+      "1": "#fcfcfb",
+      "2": "#f9f9f7",
+      "3": "#f6f6f2",
+      "4": "#f5f5f0",
+      "5": "#f0f0ec",
+      "10": "#e6e6e2",
+      "20": "#cac9c0",
+      "30": "#afaea2",
+      "40": "#929285",
+      "50": "#76766a",
+      "60": "#5d5d52",
+      "70": "#454540",
+      "80": "#2e2e2a",
+      "90": "#171716"
+    },
+    "vivid": {}
+  },
+  "gray": {
+    "grades": {
+      "1": "#fcfcfc",
+      "2": "#f9f9f9",
+      "3": "#f6f6f6",
+      "4": "#f3f3f3",
+      "5": "#f0f0f0",
+      "10": "#e6e6e6",
+      "20": "#c9c9c9",
+      "30": "#adadad",
+      "40": "#919191",
+      "50": "#757575",
+      "60": "#5c5c5c",
+      "70": "#454545",
+      "80": "#2e2e2e",
+      "90": "#1b1b1b",
+      "100": "#000000"
+    },
+    "vivid": {}
+  },
+  "green-cool": {
+    "grades": {
+      "5": "#ecf3ec",
+      "10": "#dbebde",
+      "20": "#b4d0b9",
+      "30": "#86b98e",
+      "40": "#5e9f69",
+      "50": "#4d8055",
+      "60": "#446443",
+      "70": "#37493b",
+      "80": "#28312a",
+      "90": "#1a1f1a"
+    },
+    "vivid": {
+      "5": "#e3f5e1",
+      "10": "#b7f5bd",
+      "20": "#70e17b",
+      "30": "#21c834",
+      "40": "#00a91c",
+      "50": "#008817",
+      "60": "#216e1f",
+      "70": "#154c21",
+      "80": "#19311e"
+    }
+  },
+  "green-warm": {
+    "grades": {
+      "5": "#f1f4d7",
+      "10": "#e7eab7",
+      "20": "#cbd17a",
+      "30": "#a6b557",
+      "40": "#8a984b",
+      "50": "#6f7a41",
+      "60": "#5a5f38",
+      "70": "#45472f",
+      "80": "#2d2f21",
+      "90": "#171712"
+    },
+    "vivid": {
+      "5": "#f5fbc1",
+      "10": "#e7f434",
+      "20": "#c5d30a",
+      "30": "#a3b72c",
+      "40": "#7e9c1d",
+      "50": "#6a7d00",
+      "60": "#5a6613",
+      "70": "#4b4e10",
+      "80": "#38380b"
+    }
+  },
+  "green": {
+    "grades": {
+      "5": "#eaf4dd",
+      "10": "#dfeacd",
+      "20": "#b8d293",
+      "30": "#9bb672",
+      "40": "#7d9b4e",
+      "50": "#607f35",
+      "60": "#4c6424",
+      "70": "#3c4a29",
+      "80": "#293021",
+      "90": "#161814"
+    },
+    "vivid": {
+      "5": "#ddf9c7",
+      "10": "#c5ee93",
+      "20": "#98d035",
+      "30": "#7fb135",
+      "40": "#719f2a",
+      "50": "#538200",
+      "60": "#466c04",
+      "70": "#2f4a0b",
+      "80": "#243413"
+    }
+  },
+  "indigo-cool": {
+    "grades": {
+      "5": "#eef0f9",
+      "10": "#e1e6f9",
+      "20": "#bbc8f5",
+      "30": "#96abee",
+      "40": "#6b8ee8",
+      "50": "#496fd8",
+      "60": "#3f57a6",
+      "70": "#374274",
+      "80": "#292d42",
+      "90": "#151622"
+    },
+    "vivid": {
+      "5": "#edf0ff",
+      "10": "#dee5ff",
+      "20": "#b8c8ff",
+      "30": "#94adff",
+      "40": "#628ef4",
+      "50": "#4866ff",
+      "60": "#3e4ded",
+      "70": "#222fbf",
+      "80": "#1b2b85"
+    }
+  },
+  "indigo-warm": {
+    "grades": {
+      "5": "#f1eff7",
+      "10": "#e7e3fa",
+      "20": "#cbc4f2",
+      "30": "#afa5e8",
+      "40": "#9287d8",
+      "50": "#7665d1",
+      "60": "#5e519e",
+      "70": "#453c7b",
+      "80": "#2e2c40",
+      "90": "#18161d"
+    },
+    "vivid": {
+      "5": "#f5f2ff",
+      "10": "#e4deff",
+      "20": "#cfc4fd",
+      "30": "#b69fff",
+      "40": "#967efb",
+      "50": "#745fe9",
+      "60": "#5942d2",
+      "70": "#3d2c9d",
+      "80": "#261f5b"
+    }
+  },
+  "indigo": {
+    "grades": {
+      "5": "#efeff8",
+      "10": "#e5e4fa",
+      "20": "#c5c5f3",
+      "30": "#a5a8eb",
+      "40": "#8889db",
+      "50": "#676cc8",
+      "60": "#4d52af",
+      "70": "#3d4076",
+      "80": "#2b2c40",
+      "90": "#16171f"
+    },
+    "vivid": {
+      "5": "#f0f0ff",
+      "10": "#e0e0ff",
+      "20": "#ccceff",
+      "30": "#a3a7fa",
+      "40": "#8289ff",
+      "50": "#656bd7",
+      "60": "#4a50c4",
+      "70": "#3333a3",
+      "80": "#212463"
+    }
+  },
+  "magenta": {
+    "grades": {
+      "5": "#f9f0f2",
+      "10": "#f6e1e8",
+      "20": "#f0bbcc",
+      "30": "#e895b3",
+      "40": "#e0699f",
+      "50": "#c84281",
+      "60": "#8b4566",
+      "70": "#66364b",
+      "80": "#402731",
+      "90": "#1b1617"
+    },
+    "vivid": {
+      "5": "#fff2f5",
+      "10": "#ffddea",
+      "20": "#ffb4cf",
+      "30": "#ff87b2",
+      "40": "#fd4496",
+      "50": "#d72d79",
+      "60": "#ab2165",
+      "70": "#731f44",
+      "80": "#4f172e"
+    }
+  },
+  "mint-cool": {
+    "grades": {
+      "5": "#e0f7f6",
+      "10": "#c4eeeb",
+      "20": "#9bd4cf",
+      "30": "#6fbab3",
+      "40": "#4f9e99",
+      "50": "#40807e",
+      "60": "#376462",
+      "70": "#2a4b45",
+      "80": "#203131",
+      "90": "#111818"
+    },
+    "vivid": {
+      "5": "#d5fbf3",
+      "10": "#7efbe1",
+      "20": "#29e1cb",
+      "30": "#1dc2ae",
+      "40": "#00a398",
+      "50": "#008480",
+      "60": "#0f6460",
+      "70": "#0b4b3f",
+      "80": "#123131"
+    }
+  },
+  "mint": {
+    "grades": {
+      "5": "#dbf6ed",
+      "10": "#c7efe2",
+      "20": "#92d9bb",
+      "30": "#5abf95",
+      "40": "#34a37e",
+      "50": "#2e8367",
+      "60": "#286846",
+      "70": "#204e34",
+      "80": "#193324",
+      "90": "#0d1a12"
+    },
+    "vivid": {
+      "5": "#c9fbeb",
+      "10": "#83fcd4",
+      "20": "#0ceda6",
+      "30": "#04c585",
+      "40": "#00a871",
+      "50": "#008659",
+      "60": "#146947",
+      "70": "#0c4e29",
+      "80": "#0d351e"
+    }
+  },
+  "orange-warm": {
+    "grades": {
+      "5": "#faeee5",
+      "10": "#fbe0d0",
+      "20": "#f7bca2",
+      "30": "#f3966d",
+      "40": "#e17141",
+      "50": "#bd5727",
+      "60": "#914734",
+      "70": "#633a32",
+      "80": "#3d2925",
+      "90": "#1c1615"
+    },
+    "vivid": {
+      "5": "#fff3ea",
+      "10": "#ffe2d1",
+      "20": "#fbbaa7",
+      "30": "#fc906d",
+      "40": "#ff580a",
+      "50": "#cf4900",
+      "60": "#a72f10",
+      "70": "#782312",
+      "80": "#3d231d"
+    }
+  },
+  "orange": {
+    "grades": {
+      "5": "#f6efe9",
+      "10": "#f2e4d4",
+      "20": "#f3bf90",
+      "30": "#f09860",
+      "40": "#dd7533",
+      "50": "#a86437",
+      "60": "#775540",
+      "70": "#524236",
+      "80": "#332d27",
+      "90": "#1b1614"
+    },
+    "vivid": {
+      "5": "#fef2e4",
+      "10": "#fce2c5",
+      "20": "#ffbc78",
+      "30": "#fa9441",
+      "40": "#e66f0e",
+      "50": "#c05600",
+      "60": "#8c471c",
+      "70": "#5f3617",
+      "80": "#352313"
+    }
+  },
+  "red-cool": {
+    "grades": {
+      "5": "#f8eff1",
+      "10": "#f3e1e4",
+      "20": "#ecbec6",
+      "30": "#e09aa6",
+      "40": "#e16b80",
+      "50": "#cd425b",
+      "60": "#9e394b",
+      "70": "#68363f",
+      "80": "#40282c",
+      "90": "#1e1517"
+    },
+    "vivid": {
+      "5": "#fff2f5",
+      "10": "#f8dfe2",
+      "20": "#f8b9c5",
+      "30": "#fd8ba0",
+      "40": "#f45d79",
+      "50": "#e41d3d",
+      "60": "#b21d38",
+      "70": "#822133",
+      "80": "#4f1c24"
+    }
+  },
+  "red-warm": {
+    "grades": {
+      "5": "#f6efea",
+      "10": "#f4e3db",
+      "20": "#ecc0a7",
+      "30": "#dca081",
+      "40": "#d27a56",
+      "50": "#c3512c",
+      "60": "#805039",
+      "70": "#524236",
+      "80": "#332d29",
+      "90": "#1f1c18"
+    },
+    "vivid": {
+      "5": "#fff5ee",
+      "10": "#fce1d4",
+      "20": "#f6bd9c",
+      "30": "#f39268",
+      "40": "#ef5e25",
+      "50": "#d54309",
+      "60": "#9c3d10",
+      "70": "#63340f",
+      "80": "#3e2a1e"
+    }
+  },
+  "red": {
+    "grades": {
+      "5": "#f9eeee",
+      "10": "#f8e1de",
+      "20": "#f7bbb1",
+      "30": "#f2938c",
+      "40": "#e9695f",
+      "50": "#d83933",
+      "60": "#a23737",
+      "70": "#6f3331",
+      "80": "#3e2927",
+      "90": "#1b1616"
+    },
+    "vivid": {
+      "5": "#fff3f2",
+      "10": "#fde0db",
+      "20": "#fdb8ae",
+      "30": "#ff8d7b",
+      "40": "#fb5a47",
+      "50": "#e52207",
+      "60": "#b50909",
+      "70": "#8b0a03",
+      "80": "#5c1111"
+    }
+  },
+  "violet-warm": {
+    "grades": {
+      "5": "#f8f0f9",
+      "10": "#f6dff8",
+      "20": "#e2bee4",
+      "30": "#d29ad8",
+      "40": "#bf77c8",
+      "50": "#b04abd",
+      "60": "#864381",
+      "70": "#5c395a",
+      "80": "#382936",
+      "90": "#1b151b"
+    },
+    "vivid": {
+      "5": "#fef2ff",
+      "10": "#fbdcff",
+      "20": "#f4b2ff",
+      "30": "#ee83ff",
+      "40": "#d85bef",
+      "50": "#be32d0",
+      "60": "#93348c",
+      "70": "#711e6c",
+      "80": "#481441"
+    }
+  },
+  "violet": {
+    "grades": {
+      "5": "#f4f1f9",
+      "10": "#ebe3f9",
+      "20": "#d0c3e9",
+      "30": "#b8a2e3",
+      "40": "#9d84d2",
+      "50": "#8168b3",
+      "60": "#665190",
+      "70": "#4c3d69",
+      "80": "#312b3f",
+      "90": "#18161d"
+    },
+    "vivid": {
+      "5": "#f7f2ff",
+      "10": "#ede3ff",
+      "20": "#d5bfff",
+      "30": "#c39deb",
+      "40": "#ad79e9",
+      "50": "#9355dc",
+      "60": "#783cb9",
+      "70": "#54278f",
+      "80": "#39215e"
+    }
+  },
+  "yellow": {
+    "grades": {
+      "5": "#faf3d1",
+      "10": "#f5e6af",
+      "20": "#e6c74c",
+      "30": "#c9ab48",
+      "40": "#a88f48",
+      "50": "#8a7237",
+      "60": "#6b5a39",
+      "70": "#504332",
+      "80": "#332d27",
+      "90": "#1a1614"
+    },
+    "vivid": {
+      "5": "#fff5c2",
+      "10": "#fee685",
+      "20": "#face00",
+      "30": "#ddaa01",
+      "40": "#b38c00",
+      "50": "#947100",
+      "60": "#776017",
+      "70": "#5c4809",
+      "80": "#422d19"
+    }
+  }
+};
+
+export default systemColors;