@goldlabelapps/theme 1.0.1 → 3.2.0

package/dist/styles/tokens.css

@@ -0,0 +1,109 @@
+:root {
+  color-scheme: light;
+  --nx-ink: #1e1c34;
+  --nx-ink-logo: #201e39;
+  --nx-dusty: #2f2a56;
+  --nx-body: #2a2748;
+  --nx-sign: #47436d;
+  --nx-ash: #5f5a86;
+  --nx-muted: #7672a0;
+  --nx-fog: #8c88b6;
+  --nx-parchment: #ffffff;
+  --nx-paper: #ffffff;
+  --nx-oat: #d9d6f2;
+  --nx-clay: #4a46b8;
+  --nx-line: rgba(30, 28, 52, 0.14);
+  --nx-line-soft: rgba(30, 28, 52, 0.08);
+  --nx-glass: rgba(255, 255, 255, 0.42);
+  --nx-glass-hi: rgba(255, 255, 255, 0.5);
+  --nx-tile: rgba(255, 255, 255, 0.72);
+  --nx-scrim: rgba(23, 22, 34, 0.93);
+  --nx-shadow-card: 0 12px 40px rgba(30, 28, 52, 0.14);
+  --nx-shadow-card-hover: 0 28px 66px rgba(30, 28, 52, 0.22);
+  --nx-shadow-glass: 0 26px 60px -12px rgba(30, 28, 52, 0.22), 0 2px 6px rgba(30, 28, 52, 0.08);
+  --nx-shadow-button: 0 12px 30px rgba(30, 28, 52, 0.24);
+  --nx-shadow-button-hi: 0 18px 40px rgba(30, 28, 52, 0.32);
+  --nx-shadow-float: 0 40px 80px rgba(30, 28, 52, 0.32);
+  --nx-shadow-pop: 0 16px 48px rgba(30, 28, 52, 0.24);
+  --nx-radius-sm: 3px;
+  --nx-radius-md: 3px;
+  --nx-radius-lg: 3px;
+  --nx-radius-xl: 3px;
+  --nx-radius-2xl: 3px;
+  --nx-radius-phone: 3px;
+  --nx-radius-pill: 3px;
+  --font-serif: "Times New Roman", Times, serif;
+  --font-sans: "Avenir Next", "Helvetica Neue", "Segoe UI", sans-serif;
+  --font-title: "Avenir Next", "Helvetica Neue", "Segoe UI", sans-serif;
+  --font-mono: "SFMono-Regular", ui-monospace, monospace;
+  --type-display: clamp(3.75rem, 18.75vw, 7.75rem);
+  --type-h1: clamp(2.875rem, 6.5vw, 4.625rem);
+  --type-h2: clamp(2.5rem, 5.75vw, 4.125rem);
+  --type-h3: clamp(1.625rem, 3.125vw, 2.0625rem);
+  --type-h5: 1.475rem;
+  --type-h6: 1.3rem;
+  --type-quote: 1.45rem;
+  --type-lede: 1.475rem;
+  --type-body: 1.25rem;
+  --type-small: 1.15rem;
+  --type-fine: 1rem;
+  --type-heading: 0.875rem;
+  --type-label: 0.825rem;
+  --type-micro: 0.7rem;
+  --weight-regular: 400;
+  --weight-medium: 500;
+  --weight-semibold: 600;
+  --weight-bold: 700;
+  --leading-tight: 1.05;
+  --leading-snug: 1.15;
+  --leading-body: 1.6;
+  --track-display: -0.02em;
+  --track-heading: 0.22em;
+  --track-label: 0.12em;
+  --track-button: 0.1em;
+  --track-tight: 0.05em;
+  --space-1: 4px;
+  --space-2: 8px;
+  --space-3: 12px;
+  --space-4: 16px;
+  --space-5: 22px;
+  --space-6: 26px;
+  --space-7: 34px;
+  --space-8: 46px;
+  --space-10: 70px;
+  --space-12: 108px;
+  --space-section-mobile: 60px;
+  --maxw-prose: 680px;
+  --maxw-page: 1080px;
+  --blur-panel: blur(26px) saturate(115%);
+  --blur-bar: blur(10px);
+  --blur-chip: blur(6px);
+  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
+  --ease-spring: cubic-bezier(0.16, 0.84, 0.3, 1);
+  --dur-fast: 0.2s;
+  --dur-mid: 0.4s;
+  --dur-reveal: 0.9s;
+  --text-body: var(--nx-body);
+  --text-strong: var(--nx-ink);
+  --text-muted: var(--nx-muted);
+  --text-subtle: var(--nx-sign);
+  --text-accent: var(--nx-clay);
+  --text-on-ink: var(--nx-parchment);
+  --text-on-ink-dim: var(--nx-oat);
+  --surface-page: var(--nx-parchment);
+  --surface-paper: var(--nx-paper);
+  --surface-card: var(--nx-tile);
+  --surface-glass: var(--nx-glass);
+  --surface-ink: var(--nx-ink);
+  --surface-input: rgba(255, 255, 255, 0.92);
+  --surface-input-hover: #f0eeff;
+  --surface-input-focus: #ffffff;
+  --surface-input-disabled: #dddaf4;
+  --accent-clay: var(--nx-clay);
+  --border-hairline: var(--nx-line);
+  --border-faint: var(--nx-line-soft);
+  --border-input: rgba(30, 28, 52, 0.28);
+  --border-input-hover: rgba(30, 28, 52, 0.42);
+  --border-input-focus: var(--nx-clay);
+  --focus-ring: var(--nx-clay);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goldlabelapps/theme",
-  "version": "1.0.1",
+  "version": "3.2.0",
   "description": "NX° theme tokens, UI primitives, and layout showcase blocks",
   "publishConfig": {
     "access": "public"
@@ -26,6 +26,16 @@
       "import": "./dist/styles/globals.css",
       "require": "./dist/styles/globals.css",
       "default": "./dist/styles/globals.css"
+    },
+    "./site-layout.css": {
+      "import": "./dist/styles/site-layout.css",
+      "require": "./dist/styles/site-layout.css",
+      "default": "./dist/styles/site-layout.css"
+    },
+    "./tokens.css": {
+      "import": "./dist/styles/tokens.css",
+      "require": "./dist/styles/tokens.css",
+      "default": "./dist/styles/tokens.css"
     }
   },
   "files": [
@@ -39,6 +49,8 @@
     "clean": "rm -rf dist"
   },
   "peerDependencies": {
+    "@mui/icons-material": ">=7.0.0",
+    "@mui/material": ">=7.0.0",
     "next": ">=15.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
@@ -52,10 +64,16 @@
     "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/icons-material": "^7.3.7",
+    "@mui/material": "^7.3.2",
+    "@testing-library/react": "^16.3.0",
     "@types/canvas-confetti": "^1.9.0",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "jsdom": "^26.1.0",
     "next": "16.3.2",
     "react": "19.2.8",
     "react-dom": "19.2.8",