@coinbase/cds-web 9.0.0-rc.1 → 9.0.0-rc.3

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.
Files changed (69) hide show
  1. package/CHANGELOG.md +81 -0
  2. package/dts/buttons/IconButton.d.ts +15 -1
  3. package/dts/buttons/IconButton.d.ts.map +1 -1
  4. package/dts/chips/TabbedChips.d.ts.map +1 -1
  5. package/dts/collapsible/Collapsible.d.ts.map +1 -1
  6. package/dts/controls/InputLabel.d.ts.map +1 -1
  7. package/dts/controls/SearchInput.d.ts +2 -0
  8. package/dts/controls/SearchInput.d.ts.map +1 -1
  9. package/dts/controls/TextInput.d.ts.map +1 -1
  10. package/dts/core/createThemeCssVars.d.ts.map +1 -1
  11. package/dts/core/theme.d.ts +15 -0
  12. package/dts/core/theme.d.ts.map +1 -1
  13. package/dts/illustrations/HeroSquare.d.ts.map +1 -1
  14. package/dts/illustrations/Pictogram.d.ts.map +1 -1
  15. package/dts/illustrations/SpotIcon.d.ts.map +1 -1
  16. package/dts/illustrations/SpotRectangle.d.ts.map +1 -1
  17. package/dts/illustrations/SpotSquare.d.ts.map +1 -1
  18. package/dts/illustrations/createIllustration.d.ts +19 -3
  19. package/dts/illustrations/createIllustration.d.ts.map +1 -1
  20. package/dts/navigation/NavigationBar.d.ts.map +1 -1
  21. package/dts/page/PageFooter.d.ts +4 -0
  22. package/dts/page/PageFooter.d.ts.map +1 -1
  23. package/dts/system/ThemeProvider.d.ts.map +1 -1
  24. package/dts/tabs/DefaultTab.d.ts +11 -2
  25. package/dts/tabs/DefaultTab.d.ts.map +1 -1
  26. package/dts/tabs/SegmentedTab.d.ts +13 -12
  27. package/dts/tabs/SegmentedTab.d.ts.map +1 -1
  28. package/dts/tabs/Tabs.d.ts +9 -3
  29. package/dts/tabs/Tabs.d.ts.map +1 -1
  30. package/dts/tag/Tag.d.ts +3 -2
  31. package/dts/tag/Tag.d.ts.map +1 -1
  32. package/dts/themes/coinbaseDenseTheme.d.ts +34 -2
  33. package/dts/themes/coinbaseDenseTheme.d.ts.map +1 -1
  34. package/dts/themes/coinbaseHighContrastTheme.d.ts +32 -0
  35. package/dts/themes/coinbaseHighContrastTheme.d.ts.map +1 -1
  36. package/dts/themes/coinbaseTheme.d.ts +34 -2
  37. package/dts/themes/coinbaseTheme.d.ts.map +1 -1
  38. package/dts/themes/defaultHighContrastTheme.d.ts +32 -0
  39. package/dts/themes/defaultHighContrastTheme.d.ts.map +1 -1
  40. package/dts/themes/defaultTheme.d.ts +34 -2
  41. package/dts/themes/defaultTheme.d.ts.map +1 -1
  42. package/dts/visualizations/chart/PeriodSelector.d.ts.map +1 -1
  43. package/esm/buttons/IconButton.js +26 -5
  44. package/esm/chips/TabbedChips.js +4 -2
  45. package/esm/collapsible/Collapsible.js +11 -15
  46. package/esm/controls/InputLabel.js +4 -3
  47. package/esm/controls/TextInput.js +7 -1
  48. package/esm/core/createThemeCssVars.js +23 -0
  49. package/esm/core/theme.js +3 -0
  50. package/esm/illustrations/HeroSquare.js +2 -1
  51. package/esm/illustrations/Pictogram.js +2 -1
  52. package/esm/illustrations/SpotIcon.js +2 -1
  53. package/esm/illustrations/SpotRectangle.js +2 -1
  54. package/esm/illustrations/SpotSquare.js +2 -1
  55. package/esm/illustrations/createIllustration.js +65 -19
  56. package/esm/navigation/NavigationBar.js +14 -10
  57. package/esm/page/PageFooter.js +20 -4
  58. package/esm/page/__figma__/PageFooter.figma.js +50 -6
  59. package/esm/system/ThemeProvider.js +3 -1
  60. package/esm/tabs/DefaultTab.css +1 -2
  61. package/esm/tabs/DefaultTab.js +6 -5
  62. package/esm/tabs/Tabs.js +8 -2
  63. package/esm/tag/Tag.js +13 -3
  64. package/esm/themes/coinbaseHighContrastTheme.js +32 -0
  65. package/esm/themes/coinbaseTheme.js +34 -2
  66. package/esm/themes/defaultHighContrastTheme.js +32 -0
  67. package/esm/themes/defaultTheme.js +34 -2
  68. package/esm/visualizations/chart/PeriodSelector.js +4 -3
  69. package/package.json +3 -3
package/esm/visualizations/chart/PeriodSelector.js CHANGED
@@ -1,6 +1,6 @@
1
1
  const _excluded = ["activeTabRect", "background", "position", "borderRadius", "style"],
2
2
  _excluded2 = ["as", "color", "label", "display", "alignItems", "font", "hideDot"],
3
- _excluded3 = ["background", "activeBackground", "width", "justifyContent", "TabComponent", "TabsActiveIndicatorComponent", "className", "classNames", "style", "styles"];
3
+ _excluded3 = ["background", "activeBackground", "activeColor", "width", "justifyContent", "TabComponent", "TabsActiveIndicatorComponent", "className", "classNames", "style", "styles"];
4
4
  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; }
5
5
  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; }
6
6
  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; }
@@ -83,10 +83,9 @@ export const LiveTabLabel = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref2, re
83
83
  }));
84
84
  }));
85
85
 
86
- // Custom tab component with primary color for active state
86
+ // Set font
87
87
  const PeriodSelectorTab = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/_jsx(SegmentedTab, _objectSpread({
88
88
  ref: ref,
89
- activeColor: "fgPrimary",
90
89
  font: "label1"
91
90
  }, props))));
92
91
  /**
@@ -97,6 +96,7 @@ export const PeriodSelector = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref3,
97
96
  let {
98
97
  background = 'transparent',
99
98
  activeBackground = 'bgPrimaryWash',
99
+ activeColor = 'fgPrimary',
100
100
  width = '100%',
101
101
  justifyContent = 'space-between',
102
102
  TabComponent = PeriodSelectorTab,
@@ -112,6 +112,7 @@ export const PeriodSelector = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref3,
112
112
  TabComponent: TabComponent,
113
113
  TabsActiveIndicatorComponent: TabsActiveIndicatorComponent,
114
114
  activeBackground: activeBackground,
115
+ activeColor: activeColor,
115
116
  background: background,
116
117
  className: cx(className, classNames === null || classNames === void 0 ? void 0 : classNames.root),
117
118
  classNames: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coinbase/cds-web",
3
- "version": "9.0.0-rc.1",
3
+ "version": "9.0.0-rc.3",
4
4
  "description": "Coinbase Design System - Web",
5
5
  "repository": {
6
6
  "type": "git",
@@ -215,9 +215,9 @@
215
215
  "react-dom": "^18.0.0 || ~19.1.2"
216
216
  },
217
217
  "dependencies": {
218
- "@coinbase/cds-common": "^9.0.0-rc.1",
218
+ "@coinbase/cds-common": "^9.0.0-rc.3",
219
219
  "@coinbase/cds-icons": "^5.16.0",
220
- "@coinbase/cds-illustrations": "^4.38.0",
220
+ "@coinbase/cds-illustrations": "^4.40.1",
221
221
  "@coinbase/cds-lottie-files": "^3.3.4",
222
222
  "@coinbase/cds-utils": "^2.3.5",
223
223
  "@floating-ui/react-dom": "^2.1.1",