@worldcoin/nucleus 0.1.4 → 0.1.5

package/nucleus-primitive-colors.css

@@ -0,0 +1,54 @@
+:root {
+  --nucleus-white: #FFFFFF;
+  --nucleus-black: #000000;
+  --nucleus-grey-100: #F7F7F7;
+  --nucleus-grey-200: #F1F1F1;
+  --nucleus-grey-300: #E3E3E3;
+  --nucleus-grey-400: #D0D0D0;
+  --nucleus-grey-500: #B8B8B8;
+  --nucleus-grey-600: #9C9C9C;
+  --nucleus-grey-700: #7D7D7D;
+  --nucleus-grey-800: #5C5C5C;
+  --nucleus-grey-900: #3A3A3A;
+  --nucleus-grey-950: #1F1F1F;
+  --nucleus-error-100: #FFF8F7;
+  --nucleus-error-200: #FFD7D1;
+  --nucleus-error-300: #FFB4A8;
+  --nucleus-error-400: #FF8D7E;
+  --nucleus-error-500: #FC6150;
+  --nucleus-error-600: #F2261D;
+  --nucleus-error-700: #B8110C;
+  --nucleus-error-800: #7F0001;
+  --nucleus-error-900: #490000;
+  --nucleus-error-950: #2D0000;
+  --nucleus-warning-100: #FFF9F1;
+  --nucleus-warning-200: #FFEBD0;
+  --nucleus-warning-300: #FFDDAD;
+  --nucleus-warning-400: #FFCE87;
+  --nucleus-warning-500: #FFBF5A;
+  --nucleus-warning-600: #FEAF00;
+  --nucleus-warning-700: #B47A00;
+  --nucleus-warning-800: #6F4A00;
+  --nucleus-warning-900: #311F00;
+  --nucleus-warning-950: #1A0F00;
+  --nucleus-success-100: #F1FEF1;
+  --nucleus-success-200: #CEF4CE;
+  --nucleus-success-300: #AAE8AB;
+  --nucleus-success-400: #84DC88;
+  --nucleus-success-500: #58CF62;
+  --nucleus-success-600: #00C235;
+  --nucleus-success-700: #008C24;
+  --nucleus-success-800: #005A14;
+  --nucleus-success-900: #002C06;
+  --nucleus-success-950: #001803;
+  --nucleus-info-100: #F7FAFF;
+  --nucleus-info-200: #CADEFF;
+  --nucleus-info-300: #9CC2FF;
+  --nucleus-info-400: #6DA4FF;
+  --nucleus-info-500: #3A84FF;
+  --nucleus-info-600: #0064EE;
+  --nucleus-info-700: #004BB7;
+  --nucleus-info-800: #003484;
+  --nucleus-info-900: #001E53;
+  --nucleus-info-950: #001030;
+}

package/nucleus-primitive-colors.json

@@ -0,0 +1,54 @@
+{
+  "white": "#FFFFFF",
+  "black": "#000000",
+  "grey100": "#F7F7F7",
+  "grey200": "#F1F1F1",
+  "grey300": "#E3E3E3",
+  "grey400": "#D0D0D0",
+  "grey500": "#B8B8B8",
+  "grey600": "#9C9C9C",
+  "grey700": "#7D7D7D",
+  "grey800": "#5C5C5C",
+  "grey900": "#3A3A3A",
+  "grey950": "#1F1F1F",
+  "error100": "#FFF8F7",
+  "error200": "#FFD7D1",
+  "error300": "#FFB4A8",
+  "error400": "#FF8D7E",
+  "error500": "#FC6150",
+  "error600": "#F2261D",
+  "error700": "#B8110C",
+  "error800": "#7F0001",
+  "error900": "#490000",
+  "error950": "#2D0000",
+  "warning100": "#FFF9F1",
+  "warning200": "#FFEBD0",
+  "warning300": "#FFDDAD",
+  "warning400": "#FFCE87",
+  "warning500": "#FFBF5A",
+  "warning600": "#FEAF00",
+  "warning700": "#B47A00",
+  "warning800": "#6F4A00",
+  "warning900": "#311F00",
+  "warning950": "#1A0F00",
+  "success100": "#F1FEF1",
+  "success200": "#CEF4CE",
+  "success300": "#AAE8AB",
+  "success400": "#84DC88",
+  "success500": "#58CF62",
+  "success600": "#00C235",
+  "success700": "#008C24",
+  "success800": "#005A14",
+  "success900": "#002C06",
+  "success950": "#001803",
+  "info100": "#F7FAFF",
+  "info200": "#CADEFF",
+  "info300": "#9CC2FF",
+  "info400": "#6DA4FF",
+  "info500": "#3A84FF",
+  "info600": "#0064EE",
+  "info700": "#004BB7",
+  "info800": "#003484",
+  "info900": "#001E53",
+  "info950": "#001030"
+}

package/nucleus-semantic-colors-dark.css

@@ -0,0 +1,51 @@
+:root {
+  --nucleus-surface-primary: var(--nucleus-black);
+  --nucleus-surface-secondary: var(--nucleus-grey-950);
+  --nucleus-surface-tertiary: var(--nucleus-grey-900);
+  --nucleus-surface-overlay: #000000CC;
+  --nucleus-surface-elevated: var(--nucleus-grey-900);
+  --nucleus-text-primary: var(--nucleus-white);
+  --nucleus-text-secondary: var(--nucleus-grey-500);
+  --nucleus-text-tertiary: var(--nucleus-grey-700);
+  --nucleus-text-disabled: var(--nucleus-grey-800);
+  --nucleus-text-inverse: var(--nucleus-black);
+  --nucleus-icon-primary: var(--nucleus-white);
+  --nucleus-icon-secondary: var(--nucleus-grey-500);
+  --nucleus-icon-tertiary: var(--nucleus-grey-600);
+  --nucleus-icon-disabled: var(--nucleus-grey-700);
+  --nucleus-icon-inverse: var(--nucleus-black);
+  --nucleus-border-subtle: var(--nucleus-grey-900);
+  --nucleus-border-default: var(--nucleus-grey-800);
+  --nucleus-border-strong: var(--nucleus-grey-700);
+  --nucleus-border-focus: var(--nucleus-white);
+  --nucleus-border-divider: var(--nucleus-grey-800);
+  --nucleus-border-translucent: #FFFFFF0A;
+  --nucleus-action-primary: var(--nucleus-white);
+  --nucleus-action-primary-content: var(--nucleus-grey-950);
+  --nucleus-action-secondary: var(--nucleus-grey-800);
+  --nucleus-action-secondary-content: var(--nucleus-white);
+  --nucleus-action-tertiary: var(--nucleus-black);
+  --nucleus-action-tertiary-content: var(--nucleus-white);
+  --nucleus-action-destructive: var(--nucleus-error-600);
+  --nucleus-action-destructive-content: var(--nucleus-white);
+  --nucleus-action-disabled: var(--nucleus-grey-900);
+  --nucleus-action-disabled-content: var(--nucleus-grey-600);
+  --nucleus-action-ghost: #FFFFFF14;
+  --nucleus-action-ghost-content: var(--nucleus-white);
+  --nucleus-input-background: var(--nucleus-grey-900);
+  --nucleus-input-background-focus: var(--nucleus-grey-900);
+  --nucleus-input-text: var(--nucleus-white);
+  --nucleus-input-placeholder: var(--nucleus-grey-400);
+  --nucleus-input-divider: var(--nucleus-grey-700);
+  --nucleus-input-error: var(--nucleus-error-300);
+  --nucleus-status-error: var(--nucleus-error-300);
+  --nucleus-status-warning: var(--nucleus-warning-500);
+  --nucleus-status-success: var(--nucleus-success-500);
+  --nucleus-status-info: var(--nucleus-info-300);
+  --nucleus-status-error-background: var(--nucleus-error-900);
+  --nucleus-status-warning-background: var(--nucleus-warning-900);
+  --nucleus-status-success-background: var(--nucleus-success-900);
+  --nucleus-status-info-background: var(--nucleus-info-900);
+  --nucleus-accent-primary: var(--nucleus-info-300);
+  --nucleus-accent-content: var(--nucleus-black);
+}

package/nucleus-semantic-colors-dark.json

@@ -0,0 +1,51 @@
+{
+  "surfacePrimary": "{primitive.color.black}",
+  "surfaceSecondary": "{primitive.color.grey.950}",
+  "surfaceTertiary": "{primitive.color.grey.900}",
+  "surfaceOverlay": "#000000CC",
+  "surfaceElevated": "{primitive.color.grey.900}",
+  "textPrimary": "{primitive.color.white}",
+  "textSecondary": "{primitive.color.grey.500}",
+  "textTertiary": "{primitive.color.grey.700}",
+  "textDisabled": "{primitive.color.grey.800}",
+  "textInverse": "{primitive.color.black}",
+  "iconPrimary": "{primitive.color.white}",
+  "iconSecondary": "{primitive.color.grey.500}",
+  "iconTertiary": "{primitive.color.grey.600}",
+  "iconDisabled": "{primitive.color.grey.700}",
+  "iconInverse": "{primitive.color.black}",
+  "borderSubtle": "{primitive.color.grey.900}",
+  "borderDefault": "{primitive.color.grey.800}",
+  "borderStrong": "{primitive.color.grey.700}",
+  "borderFocus": "{primitive.color.white}",
+  "borderDivider": "{primitive.color.grey.800}",
+  "borderTranslucent": "#FFFFFF0A",
+  "actionPrimary": "{primitive.color.white}",
+  "actionPrimaryContent": "{primitive.color.grey.950}",
+  "actionSecondary": "{primitive.color.grey.800}",
+  "actionSecondaryContent": "{primitive.color.white}",
+  "actionTertiary": "{primitive.color.black}",
+  "actionTertiaryContent": "{primitive.color.white}",
+  "actionDestructive": "{primitive.color.error.600}",
+  "actionDestructiveContent": "{primitive.color.white}",
+  "actionDisabled": "{primitive.color.grey.900}",
+  "actionDisabledContent": "{primitive.color.grey.600}",
+  "actionGhost": "#FFFFFF14",
+  "actionGhostContent": "{primitive.color.white}",
+  "inputBackground": "{primitive.color.grey.900}",
+  "inputBackgroundFocus": "{primitive.color.grey.900}",
+  "inputText": "{primitive.color.white}",
+  "inputPlaceholder": "{primitive.color.grey.400}",
+  "inputDivider": "{primitive.color.grey.700}",
+  "inputError": "{primitive.color.error.300}",
+  "statusError": "{primitive.color.error.300}",
+  "statusWarning": "{primitive.color.warning.500}",
+  "statusSuccess": "{primitive.color.success.500}",
+  "statusInfo": "{primitive.color.info.300}",
+  "statusErrorBackground": "{primitive.color.error.900}",
+  "statusWarningBackground": "{primitive.color.warning.900}",
+  "statusSuccessBackground": "{primitive.color.success.900}",
+  "statusInfoBackground": "{primitive.color.info.900}",
+  "accentPrimary": "{primitive.color.info.300}",
+  "accentContent": "{primitive.color.black}"
+}

package/nucleus-semantic-colors-light.css

@@ -0,0 +1,51 @@
+:root {
+  --nucleus-surface-primary: var(--nucleus-white);
+  --nucleus-surface-secondary: var(--nucleus-grey-100);
+  --nucleus-surface-tertiary: var(--nucleus-grey-200);
+  --nucleus-surface-overlay: #000000CC;
+  --nucleus-surface-elevated: var(--nucleus-white);
+  --nucleus-text-primary: var(--nucleus-grey-950);
+  --nucleus-text-secondary: var(--nucleus-grey-700);
+  --nucleus-text-tertiary: var(--nucleus-grey-400);
+  --nucleus-text-disabled: var(--nucleus-grey-300);
+  --nucleus-text-inverse: var(--nucleus-white);
+  --nucleus-icon-primary: var(--nucleus-grey-950);
+  --nucleus-icon-secondary: var(--nucleus-grey-700);
+  --nucleus-icon-tertiary: var(--nucleus-grey-400);
+  --nucleus-icon-disabled: var(--nucleus-grey-300);
+  --nucleus-icon-inverse: var(--nucleus-white);
+  --nucleus-border-subtle: var(--nucleus-grey-100);
+  --nucleus-border-default: var(--nucleus-grey-200);
+  --nucleus-border-strong: var(--nucleus-grey-300);
+  --nucleus-border-focus: var(--nucleus-grey-950);
+  --nucleus-border-divider: var(--nucleus-grey-200);
+  --nucleus-border-translucent: #0000000A;
+  --nucleus-action-primary: var(--nucleus-grey-950);
+  --nucleus-action-primary-content: var(--nucleus-white);
+  --nucleus-action-secondary: var(--nucleus-grey-100);
+  --nucleus-action-secondary-content: var(--nucleus-grey-950);
+  --nucleus-action-tertiary: var(--nucleus-white);
+  --nucleus-action-tertiary-content: var(--nucleus-grey-950);
+  --nucleus-action-destructive: var(--nucleus-error-600);
+  --nucleus-action-destructive-content: var(--nucleus-white);
+  --nucleus-action-disabled: var(--nucleus-grey-200);
+  --nucleus-action-disabled-content: var(--nucleus-grey-400);
+  --nucleus-action-ghost: #FFFFFF14;
+  --nucleus-action-ghost-content: var(--nucleus-grey-950);
+  --nucleus-input-background: var(--nucleus-grey-100);
+  --nucleus-input-background-focus: var(--nucleus-white);
+  --nucleus-input-text: var(--nucleus-grey-950);
+  --nucleus-input-placeholder: var(--nucleus-grey-700);
+  --nucleus-input-divider: var(--nucleus-grey-300);
+  --nucleus-input-error: var(--nucleus-error-600);
+  --nucleus-status-error: var(--nucleus-error-600);
+  --nucleus-status-warning: var(--nucleus-warning-600);
+  --nucleus-status-success: var(--nucleus-success-600);
+  --nucleus-status-info: var(--nucleus-info-600);
+  --nucleus-status-error-background: var(--nucleus-error-100);
+  --nucleus-status-warning-background: var(--nucleus-warning-100);
+  --nucleus-status-success-background: var(--nucleus-success-100);
+  --nucleus-status-info-background: var(--nucleus-info-100);
+  --nucleus-accent-primary: var(--nucleus-info-600);
+  --nucleus-accent-content: var(--nucleus-white);
+}

package/nucleus-semantic-colors-light.json

@@ -0,0 +1,51 @@
+{
+  "surfacePrimary": "{primitive.color.white}",
+  "surfaceSecondary": "{primitive.color.grey.100}",
+  "surfaceTertiary": "{primitive.color.grey.200}",
+  "surfaceOverlay": "#000000CC",
+  "surfaceElevated": "{primitive.color.white}",
+  "textPrimary": "{primitive.color.grey.950}",
+  "textSecondary": "{primitive.color.grey.700}",
+  "textTertiary": "{primitive.color.grey.400}",
+  "textDisabled": "{primitive.color.grey.300}",
+  "textInverse": "{primitive.color.white}",
+  "iconPrimary": "{primitive.color.grey.950}",
+  "iconSecondary": "{primitive.color.grey.700}",
+  "iconTertiary": "{primitive.color.grey.400}",
+  "iconDisabled": "{primitive.color.grey.300}",
+  "iconInverse": "{primitive.color.white}",
+  "borderSubtle": "{primitive.color.grey.100}",
+  "borderDefault": "{primitive.color.grey.200}",
+  "borderStrong": "{primitive.color.grey.300}",
+  "borderFocus": "{primitive.color.grey.950}",
+  "borderDivider": "{primitive.color.grey.200}",
+  "borderTranslucent": "#0000000A",
+  "actionPrimary": "{primitive.color.grey.950}",
+  "actionPrimaryContent": "{primitive.color.white}",
+  "actionSecondary": "{primitive.color.grey.100}",
+  "actionSecondaryContent": "{primitive.color.grey.950}",
+  "actionTertiary": "{primitive.color.white}",
+  "actionTertiaryContent": "{primitive.color.grey.950}",
+  "actionDestructive": "{primitive.color.error.600}",
+  "actionDestructiveContent": "{primitive.color.white}",
+  "actionDisabled": "{primitive.color.grey.200}",
+  "actionDisabledContent": "{primitive.color.grey.400}",
+  "actionGhost": "#FFFFFF14",
+  "actionGhostContent": "{primitive.color.grey.950}",
+  "inputBackground": "{primitive.color.grey.100}",
+  "inputBackgroundFocus": "{primitive.color.white}",
+  "inputText": "{primitive.color.grey.950}",
+  "inputPlaceholder": "{primitive.color.grey.700}",
+  "inputDivider": "{primitive.color.grey.300}",
+  "inputError": "{primitive.color.error.600}",
+  "statusError": "{primitive.color.error.600}",
+  "statusWarning": "{primitive.color.warning.600}",
+  "statusSuccess": "{primitive.color.success.600}",
+  "statusInfo": "{primitive.color.info.600}",
+  "statusErrorBackground": "{primitive.color.error.100}",
+  "statusWarningBackground": "{primitive.color.warning.100}",
+  "statusSuccessBackground": "{primitive.color.success.100}",
+  "statusInfoBackground": "{primitive.color.info.100}",
+  "accentPrimary": "{primitive.color.info.600}",
+  "accentContent": "{primitive.color.white}"
+}

package/package.json

@@ -1,25 +1,21 @@
 {
   "name": "@worldcoin/nucleus",
-  "version": "0.1.4",
-  "private": false,
-  "description": "Design tokens for the World ecosystem",
-  "type": "module",
-  "scripts": {
-    "build": "npm run clean && tsx tokens/build/index.ts",
-    "typecheck": "tsc --noEmit",
-    "lint": "oxlint",
-    "format": "prettier --write \"**/*.json\"",
-    "format:check": "prettier --check \"**/*.json\"",
-    "clean": "rm -rf build"
+  "description": "Nucleus design tokens for Web — CSS custom properties and JSON",
+  "license": "UNLICENSED",
+  "main": "nucleus-primitive-colors.json",
+  "types": "index.d.ts",
+  "files": [
+    "*.css",
+    "*.json",
+    "fonts/*",
+    "icons/*",
+    "index.d.ts",
+    "token-paths.js",
+    "token-paths.d.ts"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/worldcoin/nucleus.git"
   },
-  "dependencies": {
-    "handlebars": "^4.7.9"
-  },
-  "devDependencies": {
-    "@types/node": "^25.3.3",
-    "oxlint": "^1.51.0",
-    "prettier": "^3.8.1",
-    "tsx": "^4.21.0",
-    "typescript": "^5.9.3"
-  }
+  "version": "0.1.5"
 }