@coinbase/cds-common 8.24.0 → 8.25.0

package/CHANGELOG.md

@@ -8,6 +8,12 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 8.25.0 (12/1/2025 PST)
+
+#### 🚀 Updates
+
+- Add emphasis prop to Tag. [[#197](https://github.com/coinbase/cds/pull/197)]
+
 ## 8.24.0 ((12/1/2025, 06:51 AM PST))
 
 This is an artificial version bump with no new change.

package/dts/tokens/tags.d.ts

@@ -1,8 +1,20 @@
 import type { ThemeVars } from '../core/theme';
-import type { TagColorScheme, TagIntent } from '../types/TagBaseProps';
+import type { TagColorScheme, TagEmphasis, TagIntent } from '../types/TagBaseProps';
+export declare const tagEmphasisMap: Record<TagEmphasis, TagIntent>;
 export declare const tagHorizontalSpacing: Record<TagIntent, ThemeVars.Space>;
 export declare const tagFontMap: Record<TagIntent, ThemeVars.FontFamily>;
 export declare const tagBorderRadiusMap: Record<TagIntent, ThemeVars.BorderRadius>;
+type TagEmphasisColorMap = Record<
+  TagEmphasis,
+  Record<
+    TagColorScheme,
+    {
+      background: ThemeVars.SpectrumColor;
+      foreground: ThemeVars.SpectrumColor;
+    }
+  >
+>;
+export declare const tagEmphasisColorMap: TagEmphasisColorMap;
 type TagColorMap = Record<
   TagIntent,
   Record<
@@ -13,6 +25,9 @@ type TagColorMap = Record<
     }
   >
 >;
+/**
+ * @deprecated Use tagEmphasisColorMap instead
+ */
 export declare const tagColorMap: TagColorMap;
 export {};
 //# sourceMappingURL=tags.d.ts.map

package/dts/tokens/tags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tags.d.ts","sourceRoot":"","sources":["../../src/tokens/tags.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvE,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,KAAK,CAG1D,CAAC;AAEX,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,UAAU,CAG9D,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,YAAY,CAGxE,CAAC;AAEF,KAAK,WAAW,GAAG,MAAM,CACvB,SAAS,EACT,MAAM,CACJ,cAAc,EACd;IAAE,UAAU,EAAE,SAAS,CAAC,aAAa,CAAC;IAAC,UAAU,EAAE,SAAS,CAAC,aAAa,CAAA;CAAE,CAC7E,CACF,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAqDzB,CAAC"}
+{"version":3,"file":"tags.d.ts","sourceRoot":"","sources":["../../src/tokens/tags.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEpF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAGhD,CAAC;AAEX,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,KAAK,CAG1D,CAAC;AAEX,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,UAAU,CAG9D,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,YAAY,CAGxE,CAAC;AAEF,KAAK,mBAAmB,GAAG,MAAM,CAC/B,WAAW,EACX,MAAM,CACJ,cAAc,EACd;IAAE,UAAU,EAAE,SAAS,CAAC,aAAa,CAAC;IAAC,UAAU,EAAE,SAAS,CAAC,aAAa,CAAA;CAAE,CAC7E,CACF,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,mBAqDjC,CAAC;AAEF,KAAK,WAAW,GAAG,MAAM,CACvB,SAAS,EACT,MAAM,CACJ,cAAc,EACd;IAAE,UAAU,EAAE,SAAS,CAAC,aAAa,CAAC;IAAC,UAAU,EAAE,SAAS,CAAC,aAAa,CAAA;CAAE,CAC7E,CACF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,WAGzB,CAAC"}

package/dts/types/TagBaseProps.d.ts

@@ -1,5 +1,6 @@
 import type { ThemeVars } from '../core/theme';
 export type TagIntent = 'informational' | 'promotional';
+export type TagEmphasis = 'low' | 'high';
 export type TagColorScheme = Extract<
   ThemeVars.SpectrumHue,
   'green' | 'purple' | 'blue' | 'yellow' | 'red' | 'gray'

package/dts/types/TagBaseProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagBaseProps.d.ts","sourceRoot":"","sources":["../../src/types/TagBaseProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG,aAAa,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG,OAAO,CAClC,SAAS,CAAC,WAAW,EACrB,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CACxD,CAAC"}
+{"version":3,"file":"TagBaseProps.d.ts","sourceRoot":"","sources":["../../src/types/TagBaseProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG,aAAa,CAAC;AAExD,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,MAAM,CAAC;AAEzC,MAAM,MAAM,cAAc,GAAG,OAAO,CAClC,SAAS,CAAC,WAAW,EACrB,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CACxD,CAAC"}

package/esm/tokens/tags.js

@@ -1,3 +1,7 @@
+export const tagEmphasisMap = {
+  high: 'promotional',
+  low: 'informational'
+};
 export const tagHorizontalSpacing = {
   informational: 0.5,
   promotional: 1
@@ -10,8 +14,8 @@ export const tagBorderRadiusMap = {
   informational: 100,
   promotional: 1000
 };
-export const tagColorMap = {
-  informational: {
+export const tagEmphasisColorMap = {
+  low: {
     green: {
       background: 'green0',
       foreground: 'green60'
@@ -37,7 +41,7 @@ export const tagColorMap = {
       foreground: 'gray80'
     }
   },
-  promotional: {
+  high: {
     green: {
       background: 'green60',
       foreground: 'green0'
@@ -63,4 +67,11 @@ export const tagColorMap = {
       foreground: 'gray10'
     }
   }
+};
+/**
+ * @deprecated Use tagEmphasisColorMap instead
+ */
+export const tagColorMap = {
+  informational: tagEmphasisColorMap.low,
+  promotional: tagEmphasisColorMap.high
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-common",
-  "version": "8.24.0",
+  "version": "8.25.0",
   "description": "Coinbase Design System - Common",
   "repository": {
     "type": "git",
@@ -40,7 +40,7 @@
   "dependencies": {
     "@coinbase/cds-icons": "^5.7.0",
     "@coinbase/cds-illustrations": "^4.28.0",
-    "@coinbase/cds-mcp-server": "^8.24.0",
+    "@coinbase/cds-mcp-server": "^8.25.0",
     "@coinbase/cds-utils": "^2.3.4",
     "@modelcontextprotocol/sdk": "^1.13.1",
     "d3-array": "^3.2.4",