Upgrade DataViews to 13.0.0

fushar · fushar · commit d7212d6d528f · 2026-03-11T10:23:01.000+07:00
diff --git a/apps/design-system-docs/package.json b/apps/design-system-docs/package.json
@@ -29,7 +29,7 @@
 		"@wordpress/base-styles": "^5.23.0",
 		"@wordpress/browserslist-config": "^6.23.0",
 		"@wordpress/components": "^32.1.0",
-		"@wordpress/dataviews": "^11.3.0",
+		"@wordpress/dataviews": "^13.0.0",
 		"docusaurus-plugin-sass": "^0.2.6",
 		"prism-react-renderer": "^2.4.1",
 		"react": "^18.3.1",
diff --git a/apps/design-system-docs/src/css/custom.css b/apps/design-system-docs/src/css/custom.css
@@ -5,6 +5,7 @@
  */
 
 @import '@wordpress/components/build-style/style.css';
+@import '@wordpress/theme/design-tokens.css';
 @import '@wordpress/dataviews/build-style/style.css';
 
 /* You can override the default Infima variables here. */
diff --git a/apps/notifications/package.json b/apps/notifications/package.json
@@ -34,7 +34,7 @@
 		"@automattic/webpack-extensive-lodash-replacement-plugin": "workspace:^",
 		"@wordpress/components": "^32.1.0",
 		"@wordpress/data": "^10.23.0",
-		"@wordpress/dataviews": "^11.3.0",
+		"@wordpress/dataviews": "^13.0.0",
 		"@wordpress/element": "^6.23.0",
 		"@wordpress/i18n": "^5.23.0",
 		"@wordpress/icons": "^10.23.0",
diff --git a/client/a8c-for-agencies/sections/agency-tier/primary/agency-tier-overview/style.scss b/client/a8c-for-agencies/sections/agency-tier/primary/agency-tier-overview/style.scss
@@ -1 +1,2 @@
+@import '@wordpress/theme/design-tokens.css';
 @import '@wordpress/dataviews/build-style/style.css';
diff --git a/client/a8c-for-agencies/sections/exclusive-offers/overview-content/style.scss b/client/a8c-for-agencies/sections/exclusive-offers/overview-content/style.scss
@@ -1,3 +1,4 @@
+@import '@wordpress/theme/design-tokens.css';
 @import '@wordpress/dataviews/build-style/style.css';
 
 .exclusive-offers-cards {
diff --git a/client/a8c-for-agencies/sections/learn/resource-center/overview-content/style.scss b/client/a8c-for-agencies/sections/learn/resource-center/overview-content/style.scss
@@ -1,3 +1,4 @@
+@import '@wordpress/theme/design-tokens.css';
 @import '@wordpress/dataviews/build-style/style.css';
 
 .resource-center-cards {
diff --git a/client/components/dataviews/style.scss b/client/components/dataviews/style.scss
@@ -1,5 +1,6 @@
 @import '@wordpress/base-styles/breakpoints';
 @import '@wordpress/base-styles/mixins';
+@import '@wordpress/theme/design-tokens.css';
 @import '@wordpress/dataviews/build-style/style.css';
 
 .dataviews-wrapper {
diff --git a/client/dashboard/app/style.scss b/client/dashboard/app/style.scss
@@ -1,4 +1,5 @@
 @import '@wordpress/base-styles/variables';
+@import '@wordpress/theme/design-tokens.css';
 @import '@wordpress/dataviews/build-style/style.css';
 
 // Should be implemented differently once the Multi-site Dashboard is not loaded by the Node server using the Calypso loading screen.
diff --git a/client/my-sites/domains/domain-management/dataviews/style.scss b/client/my-sites/domains/domain-management/dataviews/style.scss
@@ -1,6 +1,7 @@
 @import '@wordpress/base-styles/breakpoints';
 @import '@wordpress/base-styles/mixins';
 @import '@wordpress/base-styles/variables';
+@import '@wordpress/theme/design-tokens.css';
 @import '@wordpress/dataviews/build-style/style.css';
 
 body.is-section-domains.is-bulk-all-domains-page {
diff --git a/client/my-sites/subscribers/components/subscriber-data-views/style.scss b/client/my-sites/subscribers/components/subscriber-data-views/style.scss
@@ -1,6 +1,7 @@
 @import '@wordpress/base-styles/variables';
 @import '@wordpress/base-styles/breakpoints';
 @import '@wordpress/base-styles/mixins';
+@import '@wordpress/theme/design-tokens.css';
 @import '@wordpress/dataviews/build-style/style.css';
 
 $padding-standard: 16px;
diff --git a/client/package.json b/client/package.json
@@ -108,7 +108,7 @@
 		"@wordpress/components": "^32.1.0",
 		"@wordpress/compose": "^7.23.0",
 		"@wordpress/data": "^10.23.0",
-		"@wordpress/dataviews": "^11.3.0",
+		"@wordpress/dataviews": "^13.0.0",
 		"@wordpress/date": "^5.23.0",
 		"@wordpress/dom": "^4.23.0",
 		"@wordpress/edit-post": "^8.23.0",
diff --git a/client/reader/recent/style.scss b/client/reader/recent/style.scss
@@ -1,6 +1,7 @@
 @import '@wordpress/base-styles/variables';
 @import '@wordpress/base-styles/breakpoints';
 @import '@wordpress/base-styles/mixins';
+@import '@wordpress/theme/design-tokens.css';
 @import '@wordpress/dataviews/build-style/style.css';
 @import 'calypso/assets/stylesheets/shared/mixins/hide-content-accessibly';
 
diff --git a/client/sites/components/sites-dataviews/dataview-style.scss b/client/sites/components/sites-dataviews/dataview-style.scss
@@ -1,5 +1,6 @@
 @import "@wordpress/base-styles/breakpoints";
 @import "@wordpress/base-styles/mixins";
+@import "@wordpress/theme/design-tokens.css";
 @import "@wordpress/dataviews/build-style/style.css";
 
 .sites-dataviews {
diff --git a/package.json b/package.json
@@ -363,7 +363,7 @@
 		"@wordpress/customize-widgets": "5.23.0",
 		"@wordpress/data-controls": "4.23.0",
 		"@wordpress/data": "^10.23.0",
-		"@wordpress/dataviews": "^11.3.0",
+		"@wordpress/dataviews": "^13.0.0",
 		"@wordpress/date": "5.23.0",
 		"@wordpress/dependency-extraction-webpack-plugin": "^6.24.0",
 		"@wordpress/deprecated": "4.23.0",
diff --git a/packages/api-core/package.json b/packages/api-core/package.json
@@ -36,7 +36,7 @@
 	},
 	"dependencies": {
 		"@automattic/shopping-cart": "workspace:^",
-		"@wordpress/dataviews": "^11.3.0",
+		"@wordpress/dataviews": "^13.0.0",
 		"@wordpress/i18n": "^5.23.0",
 		"he": "^1.2.0",
 		"tslib": "^2.8.1"
diff --git a/yarn.lock b/yarn.lock
@@ -235,6 +235,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@ariakit/core@npm:0.4.18":
+  version: 0.4.18
+  resolution: "@ariakit/core@npm:0.4.18"
+  checksum: 3c78b3679b52b289ed08653a51ccf165fc0372c864c5d08ca0186921ea1cde9fdad525f94fe1035399dbedaca247253183f6b9b01047f55ea5f6d042ee8f8e59
+  languageName: node
+  linkType: hard
+
 "@ariakit/react-core@npm:0.4.15":
   version: 0.4.15
   resolution: "@ariakit/react-core@npm:0.4.15"
@@ -249,6 +256,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@ariakit/react-core@npm:0.4.22":
+  version: 0.4.22
+  resolution: "@ariakit/react-core@npm:0.4.22"
+  dependencies:
+    "@ariakit/core": "npm:0.4.18"
+    "@floating-ui/dom": "npm:^1.0.0"
+    use-sync-external-store: "npm:^1.2.0"
+  peerDependencies:
+    react: ^17.0.0 || ^18.0.0 || ^19.0.0
+    react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0
+  checksum: 7068afdf07e1e229ef2a7a885fa41cef09be27089adf622596c259a1d03017f111c6431d73e08aaa802ab12bde75f1d0ed9280867721a9382eb00072600a761c
+  languageName: node
+  linkType: hard
+
 "@ariakit/react@npm:^0.4.15":
   version: 0.4.15
   resolution: "@ariakit/react@npm:0.4.15"
@@ -261,6 +282,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@ariakit/react@npm:^0.4.21":
+  version: 0.4.22
+  resolution: "@ariakit/react@npm:0.4.22"
+  dependencies:
+    "@ariakit/react-core": "npm:0.4.22"
+  peerDependencies:
+    react: ^17.0.0 || ^18.0.0 || ^19.0.0
+    react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0
+  checksum: acff6b2c44b42191c8e1ac1cc34e5cbe496edeb9d300c1d7d5ec073aee43823ba10809fc7b694364e9c690691a0d86e825793e3e7423c6c2a55a8a8d47c939fc
+  languageName: node
+  linkType: hard
+
 "@ariakit/test@npm:0.4.7":
   version: 0.4.7
   resolution: "@ariakit/test@npm:0.4.7"
@@ -414,7 +447,7 @@ __metadata:
   dependencies:
     "@automattic/calypso-typescript-config": "workspace:^"
     "@automattic/shopping-cart": "workspace:^"
-    "@wordpress/dataviews": "npm:^11.3.0"
+    "@wordpress/dataviews": "npm:^13.0.0"
     "@wordpress/i18n": "npm:^5.23.0"
     he: "npm:^1.2.0"
     react: "npm:^18.3.1"
@@ -1266,7 +1299,7 @@ __metadata:
     "@wordpress/base-styles": "npm:^5.23.0"
     "@wordpress/browserslist-config": "npm:^6.23.0"
     "@wordpress/components": "npm:^32.1.0"
-    "@wordpress/dataviews": "npm:^11.3.0"
+    "@wordpress/dataviews": "npm:^13.0.0"
     docusaurus-plugin-sass: "npm:^0.2.6"
     prism-react-renderer: "npm:^2.4.1"
     react: "npm:^18.3.1"
@@ -1853,7 +1886,7 @@ __metadata:
     "@automattic/wp-babel-makepot": "workspace:^"
     "@wordpress/components": "npm:^32.1.0"
     "@wordpress/data": "npm:^10.23.0"
-    "@wordpress/dataviews": "npm:^11.3.0"
+    "@wordpress/dataviews": "npm:^13.0.0"
     "@wordpress/element": "npm:^6.23.0"
     "@wordpress/i18n": "npm:^5.23.0"
     "@wordpress/icons": "npm:^10.23.0"
@@ -4356,7 +4389,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.3, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.25.9, @babel/runtime@npm:^7.27.1, @babel/runtime@npm:^7.28.4, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.6.3, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.9.2":
+"@babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.3, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.25.9, @babel/runtime@npm:^7.27.1, @babel/runtime@npm:^7.28.6, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.6.3, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.9.2":
   version: 7.28.6
   resolution: "@babel/runtime@npm:7.28.6"
   checksum: 358cf2429992ac1c466df1a21c1601d595c46930a13c1d4662fde908d44ee78ec3c183aaff513ecb01ef8c55c3624afe0309eeeb34715672dbfadb7feedb2c0d
@@ -4399,15 +4432,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@base-ui/react@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "@base-ui/react@npm:1.1.0"
+"@base-ui/react@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "@base-ui/react@npm:1.2.0"
   dependencies:
-    "@babel/runtime": "npm:^7.28.4"
-    "@base-ui/utils": "npm:0.2.4"
+    "@babel/runtime": "npm:^7.28.6"
+    "@base-ui/utils": "npm:0.2.5"
     "@floating-ui/react-dom": "npm:^2.1.6"
     "@floating-ui/utils": "npm:^0.2.10"
-    reselect: "npm:^5.1.1"
     tabbable: "npm:^6.4.0"
     use-sync-external-store: "npm:^1.6.0"
   peerDependencies:
@@ -4417,15 +4449,15 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 7a84af8ba7e5ace677443e5b98e488039d5b254e24042a2b618cf02e6e4f81ef21c18c64fe9ce7752ae103db2a96a6cd0a102a936f558066ebd8637ac89f6ec4
+  checksum: 4571e86c43d05bf2a667f826d35a9e1b2c6a06e33093cf82ecd7380c5691b12c43a236d6be6d099e7507601956d94670f03022f2da7d4b862025f8a43b76c5a3
   languageName: node
   linkType: hard
 
-"@base-ui/utils@npm:0.2.4":
-  version: 0.2.4
-  resolution: "@base-ui/utils@npm:0.2.4"
+"@base-ui/utils@npm:0.2.5":
+  version: 0.2.5
+  resolution: "@base-ui/utils@npm:0.2.5"
   dependencies:
-    "@babel/runtime": "npm:^7.28.4"
+    "@babel/runtime": "npm:^7.28.6"
     "@floating-ui/utils": "npm:^0.2.10"
     reselect: "npm:^5.1.1"
     use-sync-external-store: "npm:^1.6.0"
@@ -4436,7 +4468,7 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 98305af23d44fb42a2c331a95a0d90be1008a183dfaf767b3804f0962cee7d339d71d29732b2cb102b32f2b9c0ca5b756d5ca47d9c654673e72e4dbf4dba7f07
+  checksum: c871763ab132f6373895eef41477ff5a263330bc926317ed625226909ccb230109b1282556913eebd692094342644d7447a6f7bcb61aa8d6b0c60965ad3724a7
   languageName: node
   linkType: hard
 
@@ -12355,28 +12387,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@wordpress/dataviews@npm:^11.3.0":
-  version: 11.3.0
-  resolution: "@wordpress/dataviews@npm:11.3.0"
-  dependencies:
-    "@ariakit/react": "npm:^0.4.15"
-    "@wordpress/base-styles": "npm:^6.15.0"
-    "@wordpress/components": "npm:^32.1.0"
-    "@wordpress/compose": "npm:^7.39.0"
-    "@wordpress/data": "npm:^10.39.0"
-    "@wordpress/date": "npm:^5.39.0"
-    "@wordpress/deprecated": "npm:^4.39.0"
-    "@wordpress/dom": "npm:^4.39.0"
-    "@wordpress/element": "npm:^6.39.0"
-    "@wordpress/i18n": "npm:^6.12.0"
-    "@wordpress/icons": "npm:^11.6.0"
-    "@wordpress/keycodes": "npm:^4.39.0"
-    "@wordpress/primitives": "npm:^4.39.0"
-    "@wordpress/private-apis": "npm:^1.39.0"
-    "@wordpress/theme": "npm:^0.6.0"
-    "@wordpress/ui": "npm:^0.6.0"
-    "@wordpress/url": "npm:^4.39.0"
-    "@wordpress/warning": "npm:^3.39.0"
+"@wordpress/dataviews@npm:^13.0.0":
+  version: 13.0.0
+  resolution: "@wordpress/dataviews@npm:13.0.0"
+  dependencies:
+    "@ariakit/react": "npm:^0.4.21"
+    "@wordpress/base-styles": "npm:^6.17.0"
+    "@wordpress/components": "npm:^32.3.0"
+    "@wordpress/compose": "npm:^7.41.0"
+    "@wordpress/data": "npm:^10.41.0"
+    "@wordpress/date": "npm:^5.41.0"
+    "@wordpress/deprecated": "npm:^4.41.0"
+    "@wordpress/element": "npm:^6.41.0"
+    "@wordpress/i18n": "npm:^6.14.0"
+    "@wordpress/icons": "npm:^11.8.0"
+    "@wordpress/keycodes": "npm:^4.41.0"
+    "@wordpress/primitives": "npm:^4.41.0"
+    "@wordpress/private-apis": "npm:^1.41.0"
+    "@wordpress/ui": "npm:^0.8.0"
+    "@wordpress/warning": "npm:^3.41.0"
     clsx: "npm:^2.1.1"
     colord: "npm:^2.7.0"
     date-fns: "npm:^4.1.0"
@@ -12386,7 +12415,7 @@ __metadata:
   peerDependencies:
     react: ^18.0.0
     react-dom: ^18.0.0
-  checksum: 24062ab847094c9914081c3677563879172c0ddfdc60b3ea1c49b3f20421c39df3375ac4f93273f9aba0a72e48d6d08b0096902b4c587d982aba8f1adb363de5
+  checksum: e113c36ddbd0102ea7132b29ca15485b532d05faebb524ab807e6b26ac302a1b0bb545e72c46a2a64e742327a4be45ad00fc48b8077dfa207372c1620d50bc61
   languageName: node
   linkType: hard
 
@@ -13156,12 +13185,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@wordpress/theme@npm:^0.6.0":
-  version: 0.6.0
-  resolution: "@wordpress/theme@npm:0.6.0"
+"@wordpress/theme@npm:^0.8.0":
+  version: 0.8.0
+  resolution: "@wordpress/theme@npm:0.8.0"
   dependencies:
-    "@wordpress/element": "npm:^6.39.0"
-    "@wordpress/private-apis": "npm:^1.39.0"
+    "@wordpress/element": "npm:^6.41.0"
+    "@wordpress/private-apis": "npm:^1.41.0"
     colorjs.io: "npm:^0.6.0"
     memize: "npm:^2.1.0"
   peerDependencies:
@@ -13171,7 +13200,7 @@ __metadata:
   peerDependenciesMeta:
     stylelint:
       optional: true
-  checksum: 0e466974780c8e4a8c80e6c17227f273dc4b204d7774d4b4e307c1079f237f192f916d0ced74908eb89c4fc6a439e1c20ba0796c36ce1f7458be120dbfebfdbb
+  checksum: e342733d1f31703cc9c2d3670d5b0a14423299a2ffbb57fe465107d8c3c4e24a61d13a1415d87fe44052a8aaec0674559df65a9be7cd6639ef8796ce9a4b7b7d
   languageName: node
   linkType: hard
 
@@ -13184,23 +13213,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@wordpress/ui@npm:^0.6.0":
-  version: 0.6.0
-  resolution: "@wordpress/ui@npm:0.6.0"
-  dependencies:
-    "@base-ui/react": "npm:^1.0.0"
-    "@wordpress/a11y": "npm:^4.39.0"
-    "@wordpress/element": "npm:^6.39.0"
-    "@wordpress/i18n": "npm:^6.12.0"
-    "@wordpress/icons": "npm:^11.6.0"
-    "@wordpress/primitives": "npm:^4.39.0"
-    "@wordpress/private-apis": "npm:^1.39.0"
-    "@wordpress/theme": "npm:^0.6.0"
+"@wordpress/ui@npm:^0.8.0":
+  version: 0.8.0
+  resolution: "@wordpress/ui@npm:0.8.0"
+  dependencies:
+    "@base-ui/react": "npm:^1.2.0"
+    "@wordpress/a11y": "npm:^4.41.0"
+    "@wordpress/compose": "npm:^7.41.0"
+    "@wordpress/element": "npm:^6.41.0"
+    "@wordpress/i18n": "npm:^6.14.0"
+    "@wordpress/icons": "npm:^11.8.0"
+    "@wordpress/keycodes": "npm:^4.41.0"
+    "@wordpress/primitives": "npm:^4.41.0"
+    "@wordpress/private-apis": "npm:^1.41.0"
+    "@wordpress/theme": "npm:^0.8.0"
     clsx: "npm:^2.1.1"
   peerDependencies:
     react: ^18.0.0
     react-dom: ^18.0.0
-  checksum: 8624d1888df20efddab5cf7294f24c9a12e783fa502c50724e785bfb2d4b1b03a72ba1dfc43e26794e33bde83b572501e4ac7ca2d6ef30c545598291948a6e2c
+  checksum: bdd15df091f0891704ff1e12735b5250a92e7b87f4d4b79128addf9ad876eadcd71dcce960215bdb2a182a29707c11ef25ab4abe76bd1b9634ac4317a2ad45cc
   languageName: node
   linkType: hard
 
@@ -15236,7 +15267,7 @@ __metadata:
     "@wordpress/components": "npm:^32.1.0"
     "@wordpress/compose": "npm:^7.23.0"
     "@wordpress/data": "npm:^10.23.0"
-    "@wordpress/dataviews": "npm:^11.3.0"
+    "@wordpress/dataviews": "npm:^13.0.0"
     "@wordpress/date": "npm:^5.23.0"
     "@wordpress/dom": "npm:^4.23.0"
     "@wordpress/edit-post": "npm:^8.23.0"

Original file line number	Diff line number	Diff line change
`@@ -1 +1,2 @@`
	`1`	`+@import '@wordpress/theme/design-tokens.css';`
`1`	`2`	`@import '@wordpress/dataviews/build-style/style.css';`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+@import '@wordpress/theme/design-tokens.css';`
`1`	`2`	`@import '@wordpress/dataviews/build-style/style.css';`
`2`	`3`
`3`	`4`	`.exclusive-offers-cards {`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`@import '@wordpress/base-styles/variables';`
	`2`	`+@import '@wordpress/theme/design-tokens.css';`
`2`	`3`	`@import '@wordpress/dataviews/build-style/style.css';`
`3`	`4`
`4`	`5`	`// Should be implemented differently once the Multi-site Dashboard is not loaded by the Node server using the Calypso loading screen.`