@common-origin/design-system 2.14.0 → 2.16.0

package/dist/tokens.css.d.ts

@@ -0,0 +1,4 @@
+// Declaration for `@common-origin/design-system/tokens.css` (decision 0017 §4). Importing the file
+// only adds the CSS custom properties; it has no exports. TypeScript needs a declaration for the
+// side-effect import to resolve when `noUncheckedSideEffectImports` is on (the default from TS 6).
+export {}

package/dist/types/tokens.d.ts

@@ -107,6 +107,7 @@ export declare const tokens: {
             fit: string;
         };
         color: {
+            transparent: string;
             neutral: {
                 "100": string;
                 "200": string;
@@ -328,7 +329,6 @@ export declare const tokens: {
             easeOutBack: string;
             easeInOutBack: string;
         };
-        $ref: string;
     };
     component: {
         button: {
@@ -382,6 +382,20 @@ export declare const tokens: {
                         textColor: string;
                     };
                 };
+                accent: {
+                    backgroundColor: string;
+                    textColor: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                    active: {
+                        backgroundColor: string;
+                    };
+                    disabled: {
+                        backgroundColor: string;
+                        textColor: string;
+                    };
+                };
                 emphasis: {
                     backgroundColor: string;
                     textColor: string;
@@ -427,6 +441,9 @@ export declare const tokens: {
             };
         };
         chip: {
+            closeButton: {
+                size: string;
+            };
             default: {
                 backgroundColor: string;
                 textColor: string;
@@ -708,6 +725,42 @@ export declare const tokens: {
             };
         };
         alert: {
+            severity: {
+                error: {
+                    background: string;
+                    text: string;
+                };
+                warning: {
+                    background: string;
+                    text: string;
+                };
+                info: {
+                    background: string;
+                    text: string;
+                };
+                success: {
+                    background: string;
+                    text: string;
+                };
+            };
+            appearance: {
+                outlined: {
+                    borderColor: {
+                        error: string;
+                        warning: string;
+                        info: string;
+                        success: string;
+                    };
+                };
+                borderless: {
+                    borderColor: {
+                        error: string;
+                        warning: string;
+                        info: string;
+                        success: string;
+                    };
+                };
+            };
             title: {
                 typography: string;
                 fontWeight: string;
@@ -807,7 +860,6 @@ export declare const tokens: {
         transactionListItem: {
             minHeight: string;
         };
-        $ref: string;
     };
     semantic: {
         elevation: {
@@ -894,12 +946,20 @@ export declare const tokens: {
                 md: string;
                 lg: string;
             };
+            label: {
+                small: string;
+                medium: string;
+                large: string;
+            };
             menu: {
                 maxHeight: string;
             };
             dimension: {
                 "1": string;
+                "2": string;
+                "4": string;
                 "5": string;
+                "6": string;
                 "8": string;
                 "12": string;
                 "15": string;
@@ -972,6 +1032,8 @@ export declare const tokens: {
                 inverse: string;
                 disabled: string;
                 interactive: string;
+                "interactive-hover": string;
+                "interactive-active": string;
                 error: string;
                 success: string;
                 warning: string;
@@ -980,33 +1042,46 @@ export declare const tokens: {
                 default: string;
                 subtle: string;
                 emphasis: string;
+                "emphasis-hover": string;
+                "emphasis-active": string;
                 surface: string;
                 inverse: string;
                 interactive: string;
                 "interactive-subtle": string;
+                "interactive-subtle-hover": string;
+                "interactive-subtle-active": string;
                 "interactive-hover": string;
                 "interactive-active": string;
                 error: string;
+                "error-hover": string;
+                "error-active": string;
                 "error-subtle": string;
                 success: string;
                 "success-subtle": string;
                 warning: string;
                 "warning-subtle": string;
                 disabled: string;
+                neutral: string;
+                "neutral-hover": string;
+                "neutral-active": string;
+                transparent: string;
                 progressTrack: string;
                 page: string;
                 overlay: string;
                 "hover-overlay": string;
                 "active-overlay": string;
+                "inverse-overlay": string;
             };
             border: {
                 default: string;
                 subtle: string;
+                control: string;
                 strong: string;
                 interactive: string;
                 error: string;
                 success: string;
                 warning: string;
+                none: string;
             };
             icon: {
                 default: string;
@@ -1054,6 +1129,14 @@ export declare const tokens: {
                 gray: string;
                 "gray-emphasis": string;
                 "gray-subtle": string;
+                "blue-text": string;
+                "purple-text": string;
+                "pink-text": string;
+                "yellow-text": string;
+                "green-text": string;
+                "red-text": string;
+                "orange-text": string;
+                "gray-text": string;
             };
             status: {
                 pending: string;
@@ -1108,7 +1191,6 @@ export declare const tokens: {
             focus: string;
             interactive: string;
         };
-        $ref: string;
     };
 };
 export type Tokens = typeof tokens;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@common-origin/design-system",
-  "version": "2.14.0",
+  "version": "2.16.0",
   "description": "Common Origin Design System - Framework-agnostic atomic design components with comprehensive WCAG 2.2 AA testing",
   "private": false,
   "main": "dist/index.js",
@@ -28,12 +28,19 @@
       "types": "./dist/tokens/tokens.d.ts",
       "import": "./dist/tokens/index.esm.js",
       "require": "./dist/tokens/index.js"
+    },
+    "./tokens.css": {
+      "types": "./dist/tokens.css.d.ts",
+      "default": "./dist/tokens.css"
     }
   },
   "typesVersions": {
     "*": {
       "tokens": [
         "./dist/tokens/tokens.d.ts"
+      ],
+      "tokens.css": [
+        "./dist/tokens.css.d.ts"
       ]
     }
   },
@@ -41,26 +48,27 @@
     "dev": "next dev",
     "build": "next build",
     "build:package": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\" && rollup -c",
-    "build:tokens": "node config/style-dictionary.config.js",
+    "build:tokens": "node config/style-dictionary.config.mjs",
     "start": "next start",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
     "typecheck": "tsc --noEmit",
-    "lint": "eslint . --max-warnings 197",
-    "docs:generate": "node lib/docgen/generate.js",
+    "lint": "eslint . --max-warnings 175",
     "docs:dev": "npm run build:tokens && npm run dev",
     "verify:types": "node scripts/verify-types.cjs",
     "verify:no-nextjs": "node scripts/verify-no-nextjs-deps.cjs",
     "verify:consumer": "node scripts/verify-consumer-types.cjs",
     "verify:directives": "node scripts/verify-directives.cjs",
     "verify:load": "node scripts/verify-load.cjs",
+    "verify:docs": "node scripts/verify-docs.cjs",
     "verify:package": "npm run verify:types && npm run verify:no-nextjs && npm run verify:directives && npm run verify:load && npm run verify:consumer && publint && attw --pack . --ignore-rules unexpected-module-syntax",
     "prepublishOnly": "npm run build:tokens && npm run build:package && npm run verify:package",
     "version": "auto-changelog -p && git add CHANGELOG.md",
     "release": "npm publish --provenance --access public",
     "release:create": "./scripts/release.sh",
-    "release:tag": "./scripts/release.sh tag"
+    "release:tag": "./scripts/release.sh tag",
+    "tokens:golden": "node scripts/tokens-golden.cjs"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -68,7 +76,6 @@
     "styled-components": "^6.0.0"
   },
   "dependencies": {
-    "@babel/runtime": "^7.0.0",
     "date-fns": "^4.1.0"
   },
   "devDependencies": {
@@ -88,7 +95,7 @@
     "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^30.0.0",
     "@types/jest-axe": "^3.5.9",
-    "@types/node": "^18.0.3",
+    "@types/node": "^22.20.4",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
     "@vercel/analytics": "^2.0.1",
@@ -110,14 +117,17 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "rollup": "^3.20.0",
-    "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "style-dictionary": "^3.8.0",
+    "style-dictionary": "^5.6.0",
     "styled-components": "^6.1.1",
-    "ts-morph": "^27.0.2",
     "typescript": "^5.7.3",
     "typescript-eslint": "^8.70.1"
   },
+  "overrides": {
+    "@istanbuljs/load-nyc-config": {
+      "js-yaml": "^4.1.0"
+    }
+  },
   "keywords": [
     "design-system",
     "react",