@coinbase/cds-web 8.49.0 → 8.49.2
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
CHANGED
|
@@ -8,6 +8,18 @@ All notable changes to this project will be documented in this file.
|
|
|
8
8
|
|
|
9
9
|
<!-- template-start -->
|
|
10
10
|
|
|
11
|
+
## 8.49.2 (3/6/2026 PST)
|
|
12
|
+
|
|
13
|
+
#### 🐞 Fixes
|
|
14
|
+
|
|
15
|
+
- Feat: improve deprecation notice in ListCell. [[#411](https://github.com/coinbase/cds/pull/411)]
|
|
16
|
+
|
|
17
|
+
## 8.49.1 (3/5/2026 PST)
|
|
18
|
+
|
|
19
|
+
#### 🐞 Fixes
|
|
20
|
+
|
|
21
|
+
- Fix: spread tabs props at end for Tabs. [[#472](https://github.com/coinbase/cds/pull/472)]
|
|
22
|
+
|
|
11
23
|
## 8.49.0 (2/26/2026 PST)
|
|
12
24
|
|
|
13
25
|
#### 🚀 Updates
|
|
@@ -423,7 +435,7 @@ This is an artificial version bump with no new change.
|
|
|
423
435
|
|
|
424
436
|
#### 🐞 Fixes
|
|
425
437
|
|
|
426
|
-
- Improve keyboard navigation for Tabs components and
|
|
438
|
+
- Improve keyboard navigation for Tabs components and update ARIA roles. [[#96](https://github.com/coinbase/cds/pull/96)]
|
|
427
439
|
|
|
428
440
|
## 8.25.0 (12/1/2025 PST)
|
|
429
441
|
|
|
@@ -505,7 +517,7 @@ This is an artificial version bump with no new change.
|
|
|
505
517
|
|
|
506
518
|
- Fixed select alpha dropdown zIndex. [[#161](https://github.com/coinbase/cds/pull/161)]
|
|
507
519
|
- Corrected ListCell spacingVariant jsdoc. [[#161](https://github.com/coinbase/cds/pull/161)]
|
|
508
|
-
- Updated docs of
|
|
520
|
+
- Updated docs of FullscreenModal and FullscreenModalLayout to show a more precise 3-column layout example. [[#161](https://github.com/coinbase/cds/pull/161)]
|
|
509
521
|
|
|
510
522
|
## 8.21.0 (11/12/2025 PST)
|
|
511
523
|
|
package/dts/cells/ListCell.d.ts
CHANGED
|
@@ -31,12 +31,12 @@ export type ListCellBaseProps = Polymorphic.ExtendableProps<
|
|
|
31
31
|
*/
|
|
32
32
|
action?: React.ReactNode;
|
|
33
33
|
/**
|
|
34
|
-
* @deprecated Use `spacingVariant="
|
|
34
|
+
* @deprecated Use `spacingVariant="condensed"` instead. `compact` will be removed in a future major release.
|
|
35
35
|
*/
|
|
36
36
|
compact?: boolean;
|
|
37
37
|
/**
|
|
38
38
|
* Spacing variant configuration.
|
|
39
|
-
* Deprecated
|
|
39
|
+
* Deprecated values: 'normal' and 'compact'. Prefer 'condensed'.
|
|
40
40
|
*
|
|
41
41
|
* When `spacingVariant="normal"`:
|
|
42
42
|
* 1. `min-height` is `80px`
|
|
@@ -57,7 +57,10 @@ export type ListCellBaseProps = Polymorphic.ExtendableProps<
|
|
|
57
57
|
*
|
|
58
58
|
* @default 'normal'
|
|
59
59
|
*/
|
|
60
|
-
spacingVariant?:
|
|
60
|
+
spacingVariant?: /** @deprecated Use 'condensed' instead. */
|
|
61
|
+
| 'normal'
|
|
62
|
+
| /** @deprecated Use 'condensed' instead. */ 'compact'
|
|
63
|
+
| 'condensed';
|
|
61
64
|
/** Description of content. Max 1 line (with title) or 2 lines (without), otherwise will truncate. This prop is only intended to accept a string or Text component; other use cases, while allowed, are not supported and may result in unexpected behavior. For arbitrary content, use `descriptionNode`. */
|
|
62
65
|
description?: React.ReactNode;
|
|
63
66
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListCell.d.ts","sourceRoot":"","sources":["../../src/cells/ListCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAIzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMxD,OAAO,EAAQ,KAAK,aAAa,EAAoB,MAAM,QAAQ,CAAC;AACpE,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAUhE,eAAO,MAAM,sBAAsB,QAAQ,CAAC;AAE5C,MAAM,MAAM,sBAAsB,GAAG,OAAO,sBAAsB,CAAC;AAEnE,eAAO,MAAM,qBAAqB;;;;CAIF,CAAC;AAEjC,eAAO,MAAM,qBAAqB;;;;CAIF,CAAC;AAEjC,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,eAAe,CACzD,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,EAC/B,eAAe,GAAG;IAChB,mDAAmD;IACnD,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B;;;;OAIG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,cAAc,CAAC,
|
|
1
|
+
{"version":3,"file":"ListCell.d.ts","sourceRoot":"","sources":["../../src/cells/ListCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAIzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMxD,OAAO,EAAQ,KAAK,aAAa,EAAoB,MAAM,QAAQ,CAAC;AACpE,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAUhE,eAAO,MAAM,sBAAsB,QAAQ,CAAC;AAE5C,MAAM,MAAM,sBAAsB,GAAG,OAAO,sBAAsB,CAAC;AAEnE,eAAO,MAAM,qBAAqB;;;;CAIF,CAAC;AAEjC,eAAO,MAAM,qBAAqB;;;;CAIF,CAAC;AAEjC,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,eAAe,CACzD,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,EAC/B,eAAe,GAAG;IAChB,mDAAmD;IACnD,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B;;;;OAIG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,cAAc,CAAC,EACf,AADiB,2CAA2C,CAC5D,QAAQ,GAAG,2CAA2C,CAAC,SAAS,GAAG,WAAW,CAAC;IAC/E,6SAA6S;IAC7S,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,yDAAyD;IACzD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,6BAA6B;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B,wIAAwI;IACxI,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uSAAuS;IACvS,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,0QAA0Q;IAC1Q,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,0FAA0F;IAC1F,UAAU,CAAC,EAAE;QACX,mBAAmB;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,oBAAoB;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,2BAA2B;QAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,kBAAkB;QAClB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,wBAAwB;QACxB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,gCAAgC;QAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,gCAAgC;QAChC,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,8DAA8D;QAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,4DAA4D;QAC5D,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,2BAA2B;QAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,0BAA0B;QAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,yBAAyB;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,4BAA4B;QAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,+BAA+B;QAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,qFAAqF;IACrF,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B,oBAAoB;QACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC5B,2BAA2B;QAC3B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACnC,kBAAkB;QAClB,GAAG,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC1B,wBAAwB;QACxB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAChC,gCAAgC;QAChC,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACvC,gCAAgC;QAChC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAChC,8DAA8D;QAC9D,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACjC,4DAA4D;QAC5D,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC1C,2BAA2B;QAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAClC,0BAA0B;QAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACjC,yBAAyB;QACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC5B,4BAA4B;QAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC/B,+BAA+B;QAC/B,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KACnC,CAAC;CACH,CACF,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAClF,WAAW,EACX,iBAAiB,CAClB,CAAC;AAEF,KAAK,iBAAiB,GAAG,CAAC,CAAC,WAAW,SAAS,KAAK,CAAC,WAAW,GAAG,sBAAsB,EACvF,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,KAC9B,WAAW,CAAC,WAAW,CAAC,GAC3B,WAAW,CAAC,UAAU,CAAC;AAEzB,eAAO,MAAM,QAAQ,EAAE,iBAuLtB,CAAC"}
|
|
@@ -1,28 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
// // @ts-expect-error not typed
|
|
26
|
-
// example: (props) => <SidebarItem active compact {...props} />,
|
|
27
|
-
// },
|
|
28
|
-
// );
|
|
1
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
4
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
5
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
6
|
+
import React from 'react';
|
|
7
|
+
import { figma } from '@figma/code-connect';
|
|
8
|
+
import { SidebarItem } from '../SidebarItem';
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
figma.connect(SidebarItem, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=252-12892', {
|
|
11
|
+
imports: ["import { SidebarItem } from '@coinbase/cds-web/navigation/SidebarItem';"],
|
|
12
|
+
variant: {
|
|
13
|
+
type: 'default',
|
|
14
|
+
state: 'default',
|
|
15
|
+
active: 'true'
|
|
16
|
+
},
|
|
17
|
+
props: {
|
|
18
|
+
title: figma.textContent('Label')
|
|
19
|
+
},
|
|
20
|
+
example: props => /*#__PURE__*/_jsx(SidebarItem, _objectSpread({
|
|
21
|
+
active: true,
|
|
22
|
+
icon: "home"
|
|
23
|
+
}, props))
|
|
24
|
+
});
|
package/esm/tabs/Tabs.js
CHANGED
|
@@ -169,16 +169,15 @@ const TabsComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref2, ref) =>
|
|
|
169
169
|
return /*#__PURE__*/_jsx(TabContainer, {
|
|
170
170
|
id: id,
|
|
171
171
|
registerRef: registerRef,
|
|
172
|
-
children: /*#__PURE__*/_jsx(RenderedTab, _objectSpread(
|
|
172
|
+
children: /*#__PURE__*/_jsx(RenderedTab, _objectSpread({
|
|
173
173
|
"data-rendered-tab": true,
|
|
174
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.tab,
|
|
174
175
|
disabled: tabDisabled,
|
|
175
176
|
id: id,
|
|
176
177
|
role: "tab",
|
|
178
|
+
style: styles === null || styles === void 0 ? void 0 : styles.tab,
|
|
177
179
|
tabIndex: (activeTab === null || activeTab === void 0 ? void 0 : activeTab.id) === id || !activeTab ? 0 : -1
|
|
178
|
-
}, props)
|
|
179
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.tab,
|
|
180
|
-
style: styles === null || styles === void 0 ? void 0 : styles.tab
|
|
181
|
-
}))
|
|
180
|
+
}, props))
|
|
182
181
|
}, id);
|
|
183
182
|
})]
|
|
184
183
|
})
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coinbase/cds-web",
|
|
3
|
-
"version": "8.49.
|
|
3
|
+
"version": "8.49.2",
|
|
4
4
|
"description": "Coinbase Design System - Web",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -207,9 +207,9 @@
|
|
|
207
207
|
"react-dom": "^18.3.1"
|
|
208
208
|
},
|
|
209
209
|
"dependencies": {
|
|
210
|
-
"@coinbase/cds-common": "^8.49.
|
|
211
|
-
"@coinbase/cds-icons": "^5.
|
|
212
|
-
"@coinbase/cds-illustrations": "^4.
|
|
210
|
+
"@coinbase/cds-common": "^8.49.2",
|
|
211
|
+
"@coinbase/cds-icons": "^5.12.0",
|
|
212
|
+
"@coinbase/cds-illustrations": "^4.32.0",
|
|
213
213
|
"@coinbase/cds-lottie-files": "^3.3.4",
|
|
214
214
|
"@coinbase/cds-utils": "^2.3.5",
|
|
215
215
|
"@floating-ui/react-dom": "^2.1.1",
|