@transcodes/design-tokens 0.2.0 → 0.3.1

package/build/tokens.d.ts

@@ -117,16 +117,32 @@ export const paperWarm: string;
 export const semanticWarning: string;
 /** Warning hover. WCAG AA: 5.8:1 on paper-white */
 export const semanticWarningHover: string;
+/** Warning background tint for callouts/notifications */
+export const semanticWarningBg: string;
+/** Warning light background */
+export const semanticWarningLight: string;
+/** Success background tint for status indicators */
+export const semanticSuccessBg: string;
 /** Info state. WCAG AA: 4.8:1 on paper-white */
 export const semanticInfo: string;
 /** Info hover. WCAG AA: 5.8:1 on paper-white */
 export const semanticInfoHover: string;
+/** Info background tint */
+export const semanticInfoBg: string;
 export const buttonHeight: string;
 export const buttonHeightSecondary: string;
 export const buttonRadius: string;
 export const buttonFontSize: string;
 export const buttonFontWeight: string;
 export const buttonLetterSpacing: string;
+/** Dark button background (console, signin) */
+export const buttonDark: string;
+/** Dark button hover state */
+export const buttonDarkHover: string;
+/** Light gray secondary button background */
+export const buttonLight: string;
+/** Light button hover state */
+export const buttonLightHover: string;
 /** Text button height */
 export const buttonTextHeight: string;
 /** Text button font size */

package/build/tokens.json

@@ -75,14 +75,22 @@
   "PaperWarm": "#ebe9f0",
   "SemanticWarning": "#b45309",
   "SemanticWarningHover": "#92400e",
+  "SemanticWarningBg": "#fff8e1",
+  "SemanticWarningLight": "#fef3c7",
+  "SemanticSuccessBg": "#d1fae5",
   "SemanticInfo": "#0369a1",
   "SemanticInfoHover": "#075985",
+  "SemanticInfoBg": "#e0f2fe",
   "ButtonHeight": "3.25rem",
   "ButtonHeightSecondary": "3rem",
   "ButtonRadius": "0.625rem",
   "ButtonFontSize": "0.9375rem",
   "ButtonFontWeight": "500",
   "ButtonLetterSpacing": "0.02em",
+  "ButtonDark": "#1a1a1a",
+  "ButtonDarkHover": "#2a2a2a",
+  "ButtonLight": "#f5f4f8",
+  "ButtonLightHover": "#ebe9f0",
   "ButtonTextHeight": "2.5rem",
   "ButtonTextFontSize": "0.875rem",
   "ButtonTextPaddingSm": "clamp(0.25rem, 0.23rem + 0.11vw, 0.3125rem) clamp(0.5rem, 0.46rem + 0.22vw, 0.625rem)",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transcodes/design-tokens",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "private": false,
   "description": "Style Dictionary based design tokens with dark mode support for consistent, beautiful interfaces",
   "keywords": [
@@ -29,8 +29,16 @@
     "access": "public"
   },
   "type": "module",
+  "sideEffects": [
+    "./build/*.css",
+    "./build/index.js"
+  ],
   "exports": {
-    ".": "./build/tokens.css",
+    ".": {
+      "types": "./build/index.d.ts",
+      "import": "./build/index.js"
+    },
+    "./css": "./build/tokens.css",
     "./tokens.css": "./build/tokens.css",
     "./tokens-dark.css": "./build/tokens-dark.css",
     "./components.css": "./build/components.css",
@@ -43,14 +51,17 @@
   },
   "files": [
     "build/",
-    "README.md"
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE"
   ],
   "scripts": {
-    "build": "bun --bun style-dictionary build --config sd.config.ts && bun --bun style-dictionary build --config sd.config.dark.ts && bun run scripts/build-components-js.ts",
+    "build": "bun --bun style-dictionary build --config sd.config.ts && bun --bun style-dictionary build --config sd.config.dark.ts && bun run scripts/build-dark-css.ts && bun run scripts/build-components-js.ts && bun run scripts/build-index.ts && bun run scripts/minify-css.ts",
     "clean": "rm -rf build"
   },
   "devDependencies": {
     "@types/bun": "^1.3.4",
+    "lightningcss": "^1.30.2",
     "style-dictionary": "^5.1.1"
   }
 }