Merge pull request #3561 from plotly/release/4.0.0rc6

KoolADE85 · web-flow · commit 7cc17cfcadd5 · 2026-01-12T13:15:30.000-07:00
Release: `v4.0.0rc6`
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,14 @@
 All notable changes to `dash` will be documented in this file.
 This project adheres to [Semantic Versioning](https://semver.org/).
 
+## [4.0.0rc6] - 2026-01-07
+
+## Added
+- Restored missing implementation for `with_portal` and `with_full_screen_portal` in datepickers
+
+## Changed
+- Bugfixes for feedback received in `rc5`: notably, popovers are `position: fixed` once again.
+
 ## [4.0.0rc5] - 2025-12-16
 
 ## Added
diff --git a/components/dash-core-components/package-lock.json b/components/dash-core-components/package-lock.json
diff --git a/components/dash-core-components/package.json b/components/dash-core-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dash-core-components",
-  "version": "4.0.0-rc5",
+  "version": "4.0.0-rc6",
   "description": "Core component suite for Dash",
   "repository": {
     "type": "git",
diff --git a/components/dash-core-components/src/components/Tabs.tsx b/components/dash-core-components/src/components/Tabs.tsx
@@ -102,7 +102,7 @@ function Tabs({
     colors = {
         border: 'var(--Dash-Stroke-Weak)',
         primary: 'var(--Dash-Fill-Interactive-Strong)',
-        background: 'var(--Dash-Fill-Weak)',
+        background: 'var(--Dash-Fill-Interactive-Weak)',
     },
     vertical = false,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
diff --git a/components/dash-core-components/src/components/css/calendar.css b/components/dash-core-components/src/components/css/calendar.css
@@ -30,7 +30,7 @@
 
 .dash-datepicker-calendar td:hover {
     cursor: pointer;
-    background-color: var(--Dash-Fill-Weak);
+    background-color: var(--Dash-Fill-Interactive-Weak);
 }
 
 .dash-datepicker-calendar td:focus {
diff --git a/components/dash-core-components/src/components/css/datepickers.css b/components/dash-core-components/src/components/css/datepickers.css
@@ -205,7 +205,7 @@
 }
 
 .dash-datepicker-close-button:hover {
-    background: var(--Dash-Fill-Weak);
+    background: var(--Dash-Fill-Interactive-Weak);
     color: var(--Dash-Fill-Interactive-Strong);
 }
 
@@ -280,7 +280,7 @@
 }
 
 .dash-datepicker-month-nav:hover:not(:disabled) {
-    background: var(--Dash-Fill-Weak);
+    background: var(--Dash-Fill-Interactive-Weak);
 }
 
 .dash-datepicker-month-nav:focus-visible {
diff --git a/components/dash-core-components/src/components/css/dcc.css b/components/dash-core-components/src/components/css/dcc.css
@@ -3,7 +3,7 @@
     --Dash-Stroke-Strong: rgba(0, 18, 77, 0.45);
     --Dash-Stroke-Weak: rgba(0, 24, 102, 0.1);
     --Dash-Fill-Interactive-Strong: #7f4bc4;
-    --Dash-Fill-Weak: rgba(0, 30, 128, 0.04);
+    --Dash-Fill-Interactive-Weak: rgba(0, 30, 128, 0.04);
     --Dash-Fill-Inverse-Strong: #fff;
     --Dash-Text-Primary: rgba(0, 18, 77, 0.87);
     --Dash-Text-Strong: rgba(0, 9, 38, 0.9);
diff --git a/components/dash-core-components/src/components/css/dropdown.css b/components/dash-core-components/src/components/css/dropdown.css
@@ -108,7 +108,7 @@
     padding: 4px;
     border-radius: 4px;
     color: var(--Dash-Text-Weak);
-    background: var(--Dash-Fill-Weak);
+    background: var(--Dash-Fill-Interactive-Weak);
     font-size: 0.875em;
 }
 
diff --git a/components/dash-core-components/src/components/css/sliders.css b/components/dash-core-components/src/components/css/sliders.css
@@ -83,7 +83,8 @@
     display: block;
 }
 
-.dash-slider-thumb[data-disabled] {
+.dash-slider-thumb[data-disabled],
+.dash-range-slider-input:disabled {
     cursor: not-allowed;
     opacity: 0.5;
 }
diff --git a/components/dash-html-components/package-lock.json b/components/dash-html-components/package-lock.json
diff --git a/components/dash-html-components/package.json b/components/dash-html-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dash-html-components",
-  "version": "4.0.0-rc5",
+  "version": "4.0.0-rc6",
   "description": "Vanilla HTML components for Dash",
   "main": "lib/index.js",
   "repository": {
diff --git a/components/dash-table/package-lock.json b/components/dash-table/package-lock.json
diff --git a/components/dash-table/package.json b/components/dash-table/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dash-table",
-  "version": "7.0.0-rc5",
+  "version": "7.0.0-rc6",
   "description": "Dash table",
   "repository": {
     "type": "git",
diff --git a/dash/dash-renderer/package.json b/dash/dash-renderer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dash-renderer",
-  "version": "3.0.0-rc5",
+  "version": "3.0.0-rc6",
   "description": "render dash components in react",
   "main": "build/dash_renderer.min.js",
   "scripts": {
diff --git a/dash/version.py b/dash/version.py
@@ -1 +1 @@
-__version__ = "4.0.0rc5"
+__version__ = "4.0.0rc6"

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "dash-core-components",`
`3`		`- "version": "4.0.0-rc5",`
	`3`	`+ "version": "4.0.0-rc6",`
`4`	`4`	`"description": "Core component suite for Dash",`
`5`	`5`	`"repository": {`
`6`	`6`	`"type": "git",`
Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@`
`30`	`30`
`31`	`31`	`.dash-datepicker-calendar td:hover {`
`32`	`32`	`cursor: pointer;`
`33`		`- background-color: var(--Dash-Fill-Weak);`
	`33`	`+ background-color: var(--Dash-Fill-Interactive-Weak);`
`34`	`34`	`}`
`35`	`35`
`36`	`36`	`.dash-datepicker-calendar td:focus {`
Original file line number	Diff line number	Diff line change
`@@ -205,7 +205,7 @@`
`205`	`205`	`}`
`206`	`206`
`207`	`207`	`.dash-datepicker-close-button:hover {`
`208`		`- background: var(--Dash-Fill-Weak);`
	`208`	`+ background: var(--Dash-Fill-Interactive-Weak);`
`209`	`209`	`color: var(--Dash-Fill-Interactive-Strong);`
`210`	`210`	`}`
`211`	`211`
`@@ -280,7 +280,7 @@`
`280`	`280`	`}`
`281`	`281`
`282`	`282`	`.dash-datepicker-month-nav:hover:not(:disabled) {`
`283`		`- background: var(--Dash-Fill-Weak);`
	`283`	`+ background: var(--Dash-Fill-Interactive-Weak);`
`284`	`284`	`}`
`285`	`285`
`286`	`286`	`.dash-datepicker-month-nav:focus-visible {`
Original file line number	Diff line number	Diff line change
`@@ -108,7 +108,7 @@`
`108`	`108`	`padding: 4px;`
`109`	`109`	`border-radius: 4px;`
`110`	`110`	`color: var(--Dash-Text-Weak);`
`111`		`- background: var(--Dash-Fill-Weak);`
	`111`	`+ background: var(--Dash-Fill-Interactive-Weak);`
`112`	`112`	`font-size: 0.875em;`
`113`	`113`	`}`
`114`	`114`
Original file line number	Diff line number	Diff line change
`@@ -83,7 +83,8 @@`
`83`	`83`	`display: block;`
`84`	`84`	`}`
`85`	`85`
`86`		`-.dash-slider-thumb[data-disabled] {`
	`86`	`+.dash-slider-thumb[data-disabled],`
	`87`	`+.dash-range-slider-input:disabled {`
`87`	`88`	`cursor: not-allowed;`
`88`	`89`	`opacity: 0.5;`
`89`	`90`	`}`