@cloudgrid-io/ui 0.0.1

package/dist/tokens.json

@@ -0,0 +1,151 @@
+{
+  "$comment": "Generated from src/tokens.css by scripts/build.mjs. Do not edit. tokens.css is the source of truth. Values may reference other tokens with var(); resolve them against the same scope, then the default scope.",
+  "name": "@cloudgrid-io/ui",
+  "scopes": {
+    "default": {
+      "--cg-ink": "#222222",
+      "--cg-primary": "#5a47f0",
+      "--cg-secondary": "#b6de68",
+      "--cg-tertiary": "#60e9f0",
+      "--cg-danger": "#E53935",
+      "--cg-primary-press": "#4b39db",
+      "--cg-primary-tint": "#eeecfe",
+      "--cg-secondary-press": "#a6cf57",
+      "--cg-tertiary-press": "#4dd8e0",
+      "--cg-neutral-0": "#ffffff",
+      "--cg-lavender-50": "#f2f1f7",
+      "--cg-neutral-100": "#f1f1f1",
+      "--cg-neutral-200": "#e3e3e3",
+      "--cg-neutral-400": "#acacac",
+      "--cg-neutral-500": "#8e8e8e",
+      "--cg-neutral-700": "#595959",
+      "--cg-neutral-900": "#222222",
+      "--cg-surface-page": "var(--cg-neutral-0)",
+      "--cg-surface-page-alt": "var(--cg-lavender-50)",
+      "--cg-surface-card": "var(--cg-neutral-0)",
+      "--cg-surface-subtle": "var(--cg-lavender-50)",
+      "--cg-surface-control": "var(--cg-neutral-200)",
+      "--cg-surface-panel": "var(--cg-primary)",
+      "--cg-surface-code": "var(--cg-ink)",
+      "--cg-text-primary": "var(--cg-neutral-900)",
+      "--cg-text-secondary": "var(--cg-neutral-700)",
+      "--cg-text-muted": "var(--cg-neutral-500)",
+      "--cg-text-placeholder": "var(--cg-neutral-400)",
+      "--cg-text-accent": "var(--cg-primary)",
+      "--cg-text-inverse": "var(--cg-neutral-0)",
+      "--cg-text-on-primary": "var(--cg-neutral-0)",
+      "--cg-text-on-accent": "var(--cg-ink)",
+      "--cg-text-on-code": "#e7e7e7",
+      "--cg-border-hairline": "var(--cg-neutral-100)",
+      "--cg-border-control": "var(--cg-neutral-200)",
+      "--cg-border-strong": "var(--cg-ink)",
+      "--cg-border-accent": "var(--cg-primary)",
+      "--cg-focus-ring": "rgba(90, 71, 240, 0.28)",
+      "--cg-link": "var(--cg-text-primary)",
+      "--cg-link-hover": "var(--cg-primary)",
+      "--cg-font-display": "'Futura Condensed ExtraBold', 'Futura Condensed', 'Saira Semi Condensed Variable', 'Saira Semi Condensed', 'Arial Narrow', sans-serif",
+      "--cg-font-body": "'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+      "--cg-font-mono": "'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
+      "--cg-weight-regular": "400",
+      "--cg-weight-medium": "500",
+      "--cg-weight-bold": "700",
+      "--cg-weight-display": "800",
+      "--cg-display-xl": "56px",
+      "--cg-display-lg": "44px",
+      "--cg-display-md": "38px",
+      "--cg-display-sm": "30px",
+      "--cg-display-line": "1.06",
+      "--cg-display-tracking": "0.012em",
+      "--cg-heading-lg": "24px",
+      "--cg-heading-md": "20px",
+      "--cg-heading-sm": "17px",
+      "--cg-heading-line": "1.3",
+      "--cg-body-lg": "19px",
+      "--cg-body-md": "16px",
+      "--cg-body-sm": "15px",
+      "--cg-caption": "13px",
+      "--cg-body-line": "1.5",
+      "--cg-body-tracking": "0em",
+      "--cg-mono-size": "14px",
+      "--cg-mono-line": "1.7",
+      "--cg-label-size": "15px",
+      "--cg-label-weight": "var(--cg-weight-medium)",
+      "--cg-space-1": "4px",
+      "--cg-space-2": "8px",
+      "--cg-space-3": "12px",
+      "--cg-space-4": "16px",
+      "--cg-space-5": "20px",
+      "--cg-space-6": "24px",
+      "--cg-space-8": "32px",
+      "--cg-space-10": "40px",
+      "--cg-space-12": "48px",
+      "--cg-space-16": "64px",
+      "--cg-space-20": "80px",
+      "--cg-space-30": "120px",
+      "--cg-column-form": "414px",
+      "--cg-column-wide": "920px",
+      "--cg-page-pad": "32px",
+      "--cg-header-height": "90px",
+      "--cg-footer-height": "64px",
+      "--cg-stack-tight": "8px",
+      "--cg-stack": "16px",
+      "--cg-stack-loose": "24px",
+      "--cg-section-gap": "56px",
+      "--cg-container": "1280px",
+      "--cg-measure": "68ch",
+      "--cg-radius-xs": "8px",
+      "--cg-radius-sm": "10px",
+      "--cg-radius-md": "12px",
+      "--cg-radius-lg": "14px",
+      "--cg-radius-xl": "16px",
+      "--cg-radius-2xl": "24px",
+      "--cg-radius-pill": "999px",
+      "--cg-border-width": "1px",
+      "--cg-border-width-strong": "1.5px",
+      "--cg-shadow-none": "none",
+      "--cg-shadow-card": "0 1px 2px rgba(34, 34, 34, 0.04)",
+      "--cg-shadow-raised": "0 4px 14px rgba(34, 34, 34, 0.06)",
+      "--cg-shadow-hover": "0 8px 24px rgba(34, 34, 34, 0.08)",
+      "--cg-shadow-panel": "0 10px 40px rgba(90, 71, 240, 0.18)",
+      "--cg-ring-focus": "0 0 0 3px var(--cg-focus-ring)",
+      "--cg-duration-fast": "120ms",
+      "--cg-duration": "180ms",
+      "--cg-duration-slow": "280ms",
+      "--cg-ease-out": "cubic-bezier(0, 0, 0.2, 1)",
+      "--cg-ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
+      "--cg-transition-control": "background-color var(--cg-duration) var(--cg-ease-out), border-color var(--cg-duration) var(--cg-ease-out), color var(--cg-duration) var(--cg-ease-out), box-shadow var(--cg-duration) var(--cg-ease-out)",
+      "--cg-lift-hover": "translateY(-1px)",
+      "--cg-press-scale": "0.985"
+    },
+    "panel": {
+      "--cg-text-primary": "#ffffff",
+      "--cg-text-secondary": "rgba(255, 255, 255, 0.82)",
+      "--cg-text-muted": "rgba(255, 255, 255, 0.66)",
+      "--cg-text-accent": "#ffffff",
+      "--cg-border-control": "rgba(255, 255, 255, 0.62)",
+      "--cg-border-hairline": "rgba(255, 255, 255, 0.24)",
+      "--cg-border-strong": "#ffffff",
+      "--cg-focus-ring": "rgba(255, 255, 255, 0.5)",
+      "--cg-link": "#ffffff",
+      "--cg-link-hover": "var(--cg-secondary)",
+      "--cg-surface-card": "transparent",
+      "--cg-danger": "#FFDAD6"
+    },
+    "ink": {
+      "--cg-text-primary": "#ffffff",
+      "--cg-text-secondary": "rgba(255, 255, 255, 0.78)",
+      "--cg-text-muted": "rgba(255, 255, 255, 0.56)",
+      "--cg-text-accent": "var(--cg-secondary)",
+      "--cg-surface-card": "rgba(255, 255, 255, 0.04)",
+      "--cg-surface-page-alt": "rgba(255, 255, 255, 0.06)",
+      "--cg-border-control": "rgba(255, 255, 255, 0.4)",
+      "--cg-border-hairline": "rgba(255, 255, 255, 0.16)",
+      "--cg-border-strong": "#ffffff",
+      "--cg-border-accent": "var(--cg-secondary)",
+      "--cg-focus-ring": "rgba(182, 222, 104, 0.45)",
+      "--cg-link": "#ffffff",
+      "--cg-link-hover": "var(--cg-secondary)",
+      "--cg-danger": "#FF8A80"
+    }
+  }
+}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@cloudgrid-io/ui",
+  "version": "0.0.1",
+  "description": "CloudGrid brand design tokens: CSS variables, Tailwind theme, self-hosted fonts, machine-readable JSON.",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "restricted"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cloudgrid-io/ui.git",
+    "directory": "packages/tokens"
+  },
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    "./tokens.css": "./dist/tokens.css",
+    "./theme.css": "./dist/theme.css",
+    "./shadcn.css": "./dist/shadcn.css",
+    "./fonts.css": "./dist/fonts.css",
+    "./prose.css": "./dist/prose.css",
+    "./tokens.json": "./dist/tokens.json",
+    "./tokens/*.json": "./dist/tokens/*.json"
+  },
+  "scripts": {
+    "build": "node scripts/build.mjs",
+    "prepack": "node scripts/build.mjs",
+    "test": "node --test \"test/*.test.mjs\"",
+    "import:tokens": "node scripts/import-design-tokens.mjs",
+    "extract:dtcg": "node scripts/extract-dtcg.mjs",
+    "verify:equivalence": "node scripts/verify-equivalence.mjs"
+  },
+  "dependencies": {
+    "@fontsource-variable/jetbrains-mono": "^5.3.0",
+    "@fontsource-variable/manrope": "^5.3.0",
+    "@fontsource/saira-semi-condensed": "^5.3.0"
+  }
+}