@coinbase/cds-common 9.9.0 → 9.10.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/dts/chips/getMediaChipSpacingProps.d.ts +8 -0
- package/dts/chips/getMediaChipSpacingProps.d.ts.map +1 -1
- package/dts/types/InputBaseProps.d.ts +2 -0
- package/dts/types/InputBaseProps.d.ts.map +1 -1
- package/esm/chips/getMediaChipSpacingProps.js +7 -4
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -8,6 +8,16 @@ All notable changes to this project will be documented in this file.
|
|
|
8
8
|
|
|
9
9
|
<!-- template-start -->
|
|
10
10
|
|
|
11
|
+
## 9.10.1 ((7/30/2026, 10:07 AM PST))
|
|
12
|
+
|
|
13
|
+
This is an artificial version bump with no new change.
|
|
14
|
+
|
|
15
|
+
## 9.10.0 (7/30/2026 PST)
|
|
16
|
+
|
|
17
|
+
#### 🚀 Updates
|
|
18
|
+
|
|
19
|
+
- Feat: add new prop, size to input & control components, deprecating compact. [[#809](https://github.com/coinbase/cds/pull/809)]
|
|
20
|
+
|
|
11
21
|
## 9.9.0 ((7/27/2026, 12:00 PM PST))
|
|
12
22
|
|
|
13
23
|
This is an artificial version bump with no new change.
|
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
|
|
2
|
+
export type ChipSizeCommon = 'xs' | 's';
|
|
2
3
|
type GetMediaChipSpacingPropsParams = {
|
|
3
4
|
start?: boolean;
|
|
4
5
|
end?: boolean;
|
|
5
6
|
children?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* Retained for backward compatibility; when `size` is omitted it is derived from `compact`.
|
|
9
|
+
* @deprecated Pass `size` instead. This will be removed in a future major release.
|
|
10
|
+
* @deprecationExpectedRemoval v10
|
|
11
|
+
*/
|
|
6
12
|
compact?: boolean;
|
|
13
|
+
size?: ChipSizeCommon;
|
|
7
14
|
};
|
|
8
15
|
export declare const getMediaChipSpacingProps: ({
|
|
9
16
|
compact,
|
|
17
|
+
size,
|
|
10
18
|
start,
|
|
11
19
|
end,
|
|
12
20
|
children,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getMediaChipSpacingProps.d.ts","sourceRoot":"","sources":["../../src/chips/getMediaChipSpacingProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,KAAK,8BAA8B,GAAG;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"getMediaChipSpacingProps.d.ts","sourceRoot":"","sources":["../../src/chips/getMediaChipSpacingProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,GAAG,CAAC;AAExC,KAAK,8BAA8B,GAAG;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,0CAMtC,8BAA8B,KAAG;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC/B,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,aAAa,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAChC,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CA+EvB,CAAC"}
|
|
@@ -10,6 +10,8 @@ export type SharedInputProps = {
|
|
|
10
10
|
/**
|
|
11
11
|
* Enables compact variation
|
|
12
12
|
* @default false
|
|
13
|
+
* @deprecated This will be removed in a future major release.
|
|
14
|
+
* @deprecationExpectedRemoval v10
|
|
13
15
|
*/
|
|
14
16
|
compact?: boolean;
|
|
15
17
|
/** Short messageArea indicating purpose of input */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputBaseProps.d.ts","sourceRoot":"","sources":["../../src/types/InputBaseProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,MAAM,YAAY,GACpB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,SAAS,GACT,iBAAiB,GACjB,WAAW,CAAC;AAEhB,MAAM,MAAM,gBAAgB,GAAG;IAC7B
|
|
1
|
+
{"version":3,"file":"InputBaseProps.d.ts","sourceRoot":"","sources":["../../src/types/InputBaseProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,MAAM,YAAY,GACpB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,SAAS,GACT,iBAAiB,GACjB,WAAW,CAAC;AAEhB,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,SAAS,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC3B,uCAAuC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,4FAA4F;IAC5F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
export const getMediaChipSpacingProps = _ref => {
|
|
2
2
|
let {
|
|
3
3
|
compact,
|
|
4
|
+
size,
|
|
4
5
|
start,
|
|
5
6
|
end,
|
|
6
7
|
children
|
|
7
8
|
} = _ref;
|
|
9
|
+
const resolvedSize = size !== null && size !== void 0 ? size : compact ? 'xs' : 's'; // size wins; compact is the fallback
|
|
10
|
+
const isXs = resolvedSize === 'xs';
|
|
8
11
|
if (!start && children && !end) {
|
|
9
12
|
// children (label) only
|
|
10
|
-
return
|
|
13
|
+
return isXs ? {
|
|
11
14
|
paddingX: 1.5,
|
|
12
15
|
paddingY: 0.75
|
|
13
16
|
} : {
|
|
@@ -33,7 +36,7 @@ export const getMediaChipSpacingProps = _ref => {
|
|
|
33
36
|
}
|
|
34
37
|
if (start && children && !end) {
|
|
35
38
|
// start (media) and children (label) only
|
|
36
|
-
return
|
|
39
|
+
return isXs ? {
|
|
37
40
|
paddingStart: 1,
|
|
38
41
|
paddingY: 0.75,
|
|
39
42
|
paddingEnd: 1.5,
|
|
@@ -47,7 +50,7 @@ export const getMediaChipSpacingProps = _ref => {
|
|
|
47
50
|
}
|
|
48
51
|
if (!start && children && end) {
|
|
49
52
|
// children (label) and end (icon) only
|
|
50
|
-
return
|
|
53
|
+
return isXs ? {
|
|
51
54
|
paddingStart: 1.5,
|
|
52
55
|
paddingY: 0.75,
|
|
53
56
|
paddingEnd: 1.5,
|
|
@@ -61,7 +64,7 @@ export const getMediaChipSpacingProps = _ref => {
|
|
|
61
64
|
}
|
|
62
65
|
if (start && children && end) {
|
|
63
66
|
// start (media) and children (label) and end (icon) only
|
|
64
|
-
return
|
|
67
|
+
return isXs ? {
|
|
65
68
|
paddingStart: 1,
|
|
66
69
|
paddingY: 0.75,
|
|
67
70
|
paddingEnd: 1.5,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coinbase/cds-common",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.10.1",
|
|
4
4
|
"description": "Coinbase Design System - Common",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@coinbase/cds-icons": "^5.21.0",
|
|
41
41
|
"@coinbase/cds-illustrations": "^4.45.0",
|
|
42
|
-
"@coinbase/cds-mcp-server": "^9.
|
|
42
|
+
"@coinbase/cds-mcp-server": "^9.10.1",
|
|
43
43
|
"@coinbase/cds-utils": "^2.3.5",
|
|
44
44
|
"@modelcontextprotocol/sdk": "^1.13.1",
|
|
45
45
|
"d3-array": "^3.2.4",
|