Merge branch 'dev' of github.com:Esri/calcite-design-system into aPre…

…ciado88/10015-rating-enhance-component-interactivity-states
Esri · Feb 6, 2025 · 468f431 · 468f431
2 parents 95eece1 + fbfe9c0
commit 468f431
Show file tree

Hide file tree

Showing 28 changed files with 954 additions and 426 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -34,7 +34,7 @@
     "util:sync-linked-package-versions": "tsx support/syncLinkedPackageVersions.ts"
   },
   "devDependencies": {
-    "@arcgis/lumina-compiler": "^4.32.0-next.121",
+    "@arcgis/lumina-compiler": "^4.32.0-next.122",
     "@cspell/dict-gis": "1.0.1",
     "@cspell/dict-pokemon": "1.0.1",
     "@cspell/dict-scientific-terms-us": "3.0.6",
@@ -107,7 +107,7 @@
     "react-dom": "18.3.1",
     "rimraf": "6.0.1",
     "rollup": "4.34.0",
-    "semver": "7.6.3",
+    "semver": "7.7.0",
     "shell-quote": "1.8.2",
     "storybook": "8.4.7",
     "storybook-addon-rtl": "1.0.1",

diff --git a/packages/calcite-components-react/CHANGELOG.md b/packages/calcite-components-react/CHANGELOG.md
@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.0.0-next.132](https://github.com/Esri/calcite-design-system/compare/@esri/[email protected]...@esri/[email protected]) (2025-02-06)
+
+**Note:** Version bump only for package @esri/calcite-components-react
+
+## [3.0.0-next.131](https://github.com/Esri/calcite-design-system/compare/@esri/[email protected]...@esri/[email protected]) (2025-02-06)
+
+**Note:** Version bump only for package @esri/calcite-components-react
+
+## [3.0.0-next.130](https://github.com/Esri/calcite-design-system/compare/@esri/[email protected]...@esri/[email protected]) (2025-02-06)
+
+**Note:** Version bump only for package @esri/calcite-components-react
+
+## [3.0.0-next.129](https://github.com/Esri/calcite-design-system/compare/@esri/[email protected]...@esri/[email protected]) (2025-02-05)
+
+**Note:** Version bump only for package @esri/calcite-components-react
+
 ## [3.0.0-next.128](https://github.com/Esri/calcite-design-system/compare/@esri/[email protected]...@esri/[email protected]) (2025-02-04)
 
 **Note:** Version bump only for package @esri/calcite-components-react

diff --git a/packages/calcite-components-react/package.json b/packages/calcite-components-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components-react",
-  "version": "3.0.0-next.128",
+  "version": "3.0.0-next.132",
   "description": "A set of React components that wrap calcite components",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {
@@ -26,7 +26,7 @@
     "tsc": "tsc"
   },
   "dependencies": {
-    "@esri/calcite-components": "3.0.0-next.128",
+    "@esri/calcite-components": "3.0.0-next.132",
     "@lit/react": "1.0.7"
   },
   "peerDependencies": {

diff --git a/packages/calcite-components/CHANGELOG.md b/packages/calcite-components/CHANGELOG.md
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.0.0-next.132](https://github.com/Esri/calcite-design-system/compare/@esri/[email protected]...@esri/[email protected]) (2025-02-06)
+
+### Features
+
+- **dialog, modal, popover, sheet:** add options prop to customize focus-trap ([#11453](https://github.com/Esri/calcite-design-system/issues/11453)) ([454f8e8](https://github.com/Esri/calcite-design-system/commit/454f8e8723986ba15785190fd3f3100b7c05eee3)), closes [#11345](https://github.com/Esri/calcite-design-system/issues/11345)
+
+## [3.0.0-next.131](https://github.com/Esri/calcite-design-system/compare/@esri/[email protected]...@esri/[email protected]) (2025-02-06)
+
+### Bug Fixes
+
+- **table:** Fix `bordered` styling in Firefox ([#11466](https://github.com/Esri/calcite-design-system/issues/11466)) ([340ef9f](https://github.com/Esri/calcite-design-system/commit/340ef9f9b999846a8ecf7f2d7a05eef26f688b17)), closes [#11464](https://github.com/Esri/calcite-design-system/issues/11464)
+
+## [3.0.0-next.130](https://github.com/Esri/calcite-design-system/compare/@esri/[email protected]...@esri/[email protected]) (2025-02-06)
+
+### Features
+
+- **date-picker:** add component tokens ([#11380](https://github.com/Esri/calcite-design-system/issues/11380)) ([e63beb5](https://github.com/Esri/calcite-design-system/commit/e63beb5273acc8dc62233fc0a4f5eebc77863edb)), closes [#7180](https://github.com/Esri/calcite-design-system/issues/7180)
+
+## [3.0.0-next.129](https://github.com/Esri/calcite-design-system/compare/@esri/[email protected]...@esri/[email protected]) (2025-02-05)
+
+### Features
+
+- **dialog:** add focusTrapDisabled property for non-modal dialogs ([#11362](https://github.com/Esri/calcite-design-system/issues/11362)) ([31dae60](https://github.com/Esri/calcite-design-system/commit/31dae6081638757d46d206c564ec4c5cf16b6d3d)), closes [#10685](https://github.com/Esri/calcite-design-system/issues/10685)
+
 ## [3.0.0-next.128](https://github.com/Esri/calcite-design-system/compare/@esri/[email protected]...@esri/[email protected]) (2025-02-04)
 
 **Note:** Version bump only for package @esri/calcite-components

diff --git a/packages/calcite-components/package.json b/packages/calcite-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "3.0.0-next.128",
+  "version": "3.0.0-next.132",
   "description": "Web Components for Esri's Calcite Design System.",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {
@@ -68,9 +68,9 @@
     "util:test-types": "! grep -rnw 'dist/types' -e '<reference types='"
   },
   "dependencies": {
-    "@arcgis/components-controllers": "^4.32.0-next.121",
-    "@arcgis/components-utils": "^4.32.0-next.121",
-    "@arcgis/lumina": "^4.32.0-next.121",
+    "@arcgis/components-controllers": "^4.32.0-next.122",
+    "@arcgis/components-utils": "^4.32.0-next.122",
+    "@arcgis/lumina": "^4.32.0-next.122",
     "@esri/calcite-ui-icons": "4.0.0-next.13",
     "@floating-ui/dom": "^1.6.12",
     "@floating-ui/utils": "^0.2.8",

diff --git a/packages/calcite-components/src/components/date-picker-day/date-picker-day.scss b/packages/calcite-components/src/components/date-picker-day/date-picker-day.scss
@@ -1,5 +1,5 @@
 :host {
-  @apply cursor-pointer flex relative text-color-3;
+  @apply cursor-pointer flex relative;
   outline: none;
 }
 
@@ -16,7 +16,6 @@
 
 .day {
   @apply text-n2h
-    text-color-3
     flex
     items-center
     justify-center
@@ -25,9 +24,10 @@
     w-full
     relative;
   line-height: var(--calcite-font-line-height-fixed-base);
-  background: none;
   block-size: var(--calcite-internal-day-size);
   outline-color: var(--calcite-color-transparent);
+  background-color: var(--calcite-date-picker-day-background-color);
+  color: var(--calcite-date-picker-day-text-color, var(--calcite-color-text-3));
 }
 
 .text {
@@ -63,13 +63,14 @@
 
 :host(:hover:not([disabled]):not([selected])) {
   & .day {
-    @apply bg-foreground-2 text-color-1;
+    background-color: var(--calcite-date-picker-day-background-color-hover, var(--calcite-color-foreground-2));
+    color: var(--calcite-date-picker-day-text-color-hover, var(--calcite-color-text-1));
   }
 }
 
 :host(:not([range]):not([selected]).current-day) {
   & .day {
-    color: var(--calcite-color-text-1);
+    color: var(--calcite-date-picker-current-day-text-color, var(--calcite-color-text-1));
     font-weight: var(--calcite-font-weight-medium);
   }
 }
@@ -83,37 +84,31 @@
   @apply focus-inset;
 }
 
+:host(:hover:not([disabled]):not([selected])) .day {
+  @apply focus-inset;
+}
+
 :host([selected]) .day {
   @apply font-medium;
-  background-color: var(--calcite-color-brand);
-  color: var(--calcite-color-foreground-1);
+  background-color: var(--calcite-date-picker-day-background-color-selected, var(--calcite-color-brand));
+  color: var(--calcite-date-picker-day-text-color-selected, var(--calcite-color-foreground-1));
 }
 
 :host([range-hover]:not([selected])) {
   .day {
-    @apply bg-foreground-2;
-    @apply text-color-1;
-  }
-}
-
-:host([highlighted]:not([selected])) {
-  .day {
-    color: var(--calcite-color-brand);
-    background-color: var(--calcite-color-foreground-current);
-  }
-}
-
-:host(:hover[highlighted]:not([selected]).inside-range--hover) {
-  .day {
-    background-color: var(--calcite-color-foreground-current);
-    color: var(--calcite-color-brand);
-    @apply focus-inset;
+    background-color: var(
+      --calcite-date-picker-day-outside-range-background-color-hover,
+      var(--calcite-color-foreground-2)
+    );
+    color: var(--calcite-date-picker-day-outside-range-text-color-hover, var(--calcite-color-text-1));
   }
 }
 
-:host(:hover:not([highlighted]):not([selected]).outside-range--hover) {
+:host([highlighted]:not([selected])),
+:host(:hover[highlighted]:not([selected])) {
   .day {
-    @apply focus-inset;
+    color: var(--calcite-date-picker-day-range-text-color, var(--calcite-color-brand));
+    background-color: var(--calcite-date-picker-day-range-background-color, var(--calcite-color-foreground-current));
   }
 }