@esri/solutions-components 0.7.1 → 0.7.2

package/dist/node_modules/@esri/calcite-components/dist/collection/components/combobox/combobox.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 18:56:13 GMT
+ * Generated on Tue, 21 Nov 2023 22:52:14 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -58,8 +58,8 @@
   display: flex;
   cursor: pointer;
   -webkit-appearance: none;
-          -moz-appearance: none;
-       appearance: none;
+     -moz-appearance: none;
+          appearance: none;
   align-content: center;
   align-items: center;
   justify-content: center;
@@ -93,7 +93,7 @@
   --calcite-internal-combobox-input-margin-block: calc(0.25rem - 1px);
 }
 :host([scale=s]) .x-button {
-  margin-inline-end: 0.5rem;
+  margin-inline: 0.5rem;
 }
 
 :host([scale=m]) {
@@ -154,6 +154,7 @@
 }
 
 .grid-input {
+  position: relative;
   display: flex;
   flex-grow: 1;
   flex-wrap: wrap;
@@ -162,13 +163,19 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   padding: 0px;
+  gap: var(--calcite-combobox-item-spacing-unit-s);
+}
+.grid-input.selection-display-fit, .grid-input.selection-display-single {
+  flex-wrap: nowrap;
+  overflow: hidden;
 }
 
 .input {
   flex-grow: 1;
   -webkit-appearance: none;
-          -moz-appearance: none;
-       appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  text-overflow: ellipsis;
   border-style: none;
   background-color: transparent;
   padding: 0px;
@@ -177,13 +184,20 @@
   font-size: inherit;
   block-size: var(--calcite-combobox-input-height);
   line-height: var(--calcite-combobox-input-height);
-  min-inline-size: 120px;
+  inline-size: 100%;
   margin-block-end: var(--calcite-combobox-item-spacing-unit-s);
+  min-inline-size: 4.8125rem;
 }
 .input:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.input:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+.input:placeholder-shown {
+  text-overflow: ellipsis;
+}
 
 .input--transparent {
   opacity: 0;
@@ -207,7 +221,12 @@
 
 .input--icon {
   padding-block: 0;
-  padding-inline: var(--calcite-combobox-item-spacing-unit-l);
+  padding-inline: var(--calcite-combobox-item-spacing-unit-s);
+}
+
+:host([scale=m]) .input--icon,
+:host([scale=l]) .input--icon {
+  padding-inline: 0.25rem;
 }
 
 .input-wrap {
@@ -242,7 +261,6 @@
 .icon-end,
 .icon-start {
   display: flex;
-  inline-size: 1rem;
   cursor: pointer;
   align-items: center;
 }
@@ -325,9 +343,12 @@
   overflow: hidden;
 }
 
+calcite-chip {
+  --calcite-animation-timing: 0;
+}
+
 .chip {
   margin-block: calc(var(--calcite-combobox-item-spacing-unit-s) / 4);
-  margin-inline: 0 var(--calcite-combobox-item-spacing-unit-s);
   max-inline-size: 100%;
 }
 
@@ -335,6 +356,11 @@
   background-color: var(--calcite-ui-foreground-3);
 }
 
+.chip--invisible {
+  visibility: hidden;
+  position: absolute;
+}
+
 .item {
   display: block;
 }

package/dist/node_modules/@esri/calcite-components/dist/collection/components/combobox-item/combobox-item.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 18:56:13 GMT
+ * Generated on Tue, 21 Nov 2023 22:52:14 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/node_modules/@esri/calcite-components/dist/collection/components/combobox-item-group/combobox-item-group.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 18:56:13 GMT
+ * Generated on Tue, 21 Nov 2023 22:52:14 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/node_modules/@esri/calcite-components/dist/collection/components/date-picker/date-picker.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 18:56:13 GMT
+ * Generated on Tue, 21 Nov 2023 22:52:14 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -8,28 +8,43 @@
 * Currently only used in Checkbox.
 */
 :host {
-  position: relative;
+  /* Base ":host" styles for the component */
+  box-sizing: border-box;
+  background-color: var(--calcite-ui-foreground-1);
+  color: var(--calcite-ui-text-2);
+  font-size: var(--calcite-font-size--1);
+}
+:host * {
+  box-sizing: border-box;
+}
+
+:host {
   display: inline-block;
-  inline-size: 100%;
+  inline-size: auto;
   overflow: visible;
   border-radius: 0px;
   border-width: 1px;
   border-style: solid;
   border-color: var(--calcite-ui-border-1);
-  background-color: var(--calcite-ui-foreground-1);
   vertical-align: top;
 }
 
 :host([scale=s]) {
-  max-inline-size: 216px;
+  inline-size: 234px;
+  min-inline-size: 216px;
+  max-inline-size: 380px;
 }
 
 :host([scale=m]) {
-  max-inline-size: 286px;
+  inline-size: 304px;
+  min-inline-size: 272px;
+  max-inline-size: 480px;
 }
 
 :host([scale=l]) {
-  max-inline-size: 398px;
+  inline-size: 370px;
+  min-inline-size: 320px;
+  max-inline-size: 600px;
 }
 
 :host([hidden]) {

package/dist/node_modules/@esri/calcite-components/dist/collection/components/date-picker-day/date-picker-day.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 18:56:13 GMT
+ * Generated on Tue, 21 Nov 2023 22:52:14 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -21,6 +21,7 @@
 }
 
 :host {
+  position: relative;
   display: flex;
   cursor: pointer;
   color: var(--calcite-ui-text-3);
@@ -37,12 +38,25 @@
 }
 
 .day-wrapper {
+  position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
 }
 
+:host([range]) .day-wrapper:before, :host([range]) .day-wrapper:after,
+:host([range-hover]) .day-wrapper:before,
+:host([range-hover]) .day-wrapper:after {
+  pointer-events: none;
+  position: absolute;
+  inset-block: 0;
+  content: "";
+  block-size: var(--calcite-internal-day-size);
+  inline-size: var(--calcite-internal-day-size);
+}
+
 .day {
+  z-index: var(--calcite-app-z-index);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -51,11 +65,12 @@
   line-height: 1rem;
   line-height: 1;
   color: var(--calcite-ui-text-3);
-  opacity: var(--calcite-ui-opacity-disabled);
   outline-color: transparent;
   transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
   background: none;
   box-shadow: 0 0 0 2px transparent;
+  block-size: var(--calcite-internal-day-size);
+  inline-size: var(--calcite-internal-day-size);
 }
 
 .text {
@@ -63,6 +78,9 @@
   margin-inline-start: 0px;
 }
 
+:host([scale=s]) {
+  --calcite-internal-day-size: 27px;
+}
 :host([scale=s]) .day-v-wrapper {
   padding-block: 0.125rem;
 }
@@ -70,23 +88,25 @@
   padding: 0px;
 }
 :host([scale=s]) .day {
-  block-size: 27px;
-  inline-size: 27px;
   font-size: var(--calcite-font-size--2);
 }
 
+:host([scale=m]) {
+  --calcite-internal-day-size: 33px;
+}
 :host([scale=m]) .day-v-wrapper {
   padding-block: 0.25rem;
 }
 :host([scale=m]) .day-wrapper {
-  padding-inline: 0.25rem;
+  padding: 0px;
 }
 :host([scale=m]) .day {
-  block-size: 33px;
-  inline-size: 33px;
   font-size: var(--calcite-font-size--1);
 }
 
+:host([scale=l]) {
+  --calcite-internal-day-size: 43px;
+}
 :host([scale=l]) .day-v-wrapper {
   padding-block: 0.25rem;
 }
@@ -94,17 +114,15 @@
   padding-inline: 0.25rem;
 }
 :host([scale=l]) .day {
-  block-size: 43px;
-  inline-size: 43px;
   font-size: var(--calcite-font-size-0);
 }
 
-:host([current-month]) .day {
-  opacity: 1;
+:host(:not([current-month])) .day {
+  opacity: var(--calcite-ui-opacity-disabled);
 }
 
-:host(:hover:not([disabled])) .day,
-:host([active]:not([range])) .day {
+:host(:hover:not([disabled]):not([selected])) .day,
+:host([active]:not([range]):not([selected])) .day {
   background-color: var(--calcite-ui-foreground-2);
   color: var(--calcite-ui-text-1);
 }
@@ -128,267 +146,122 @@
               )
             )
           );
-  box-shadow: 0 0 0 2px var(--calcite-ui-foreground-1);
 }
 
 :host([selected]) .day {
   font-weight: var(--calcite-font-weight-medium);
-  background-color: var(--calcite-ui-brand) !important;
-  color: var(--calcite-ui-foreground-1) !important;
-}
-
-:host([range][selected]) .day-wrapper {
-  background-color: var(--calcite-ui-foreground-current);
-}
-
-:host([start-of-range]) .day-wrapper {
-  border-start-start-radius: 40%;
-  border-end-start-radius: 40%;
-}
-
-:host([end-of-range]) .day-wrapper {
-  border-start-end-radius: 40%;
-  border-end-end-radius: 40%;
-}
-
-:host([start-of-range]) :not(.calcite--rtl) .day-wrapper {
-  box-shadow: inset 4px 0 var(--calcite-ui-foreground-1);
-}
-:host([start-of-range]) .calcite--rtl .day-wrapper {
-  box-shadow: inset -4px 0 var(--calcite-ui-foreground-1);
-}
-:host([start-of-range]) .day {
-  opacity: 1;
+  background-color: var(--calcite-ui-brand);
+  color: var(--calcite-ui-foreground-1);
 }
 
-:host([end-of-range]) :not(.calcite--rtl) .day-wrapper {
-  box-shadow: inset -4px 0 var(--calcite-ui-foreground-1);
-}
-:host([end-of-range]) .calcite--rtl .day-wrapper {
-  box-shadow: inset 4px 0 var(--calcite-ui-foreground-1);
-}
-:host([end-of-range]) .day {
-  opacity: 1;
-}
-
-:host([start-of-range]:not(:focus)) :not(.calcite--rtl) .day,
-:host([end-of-range]:not(:focus)) :not(.calcite--rtl) .day {
-  box-shadow: 0 0 0 2px var(--calcite-ui-foreground-1);
-}
-:host([start-of-range]:not(:focus)) .calcite--rtl .day,
-:host([end-of-range]:not(:focus)) .calcite--rtl .day {
+:host(:focus:not([disabled])) .day,
+:host([start-of-range]:not(:focus)) .day,
+:host([end-of-range]:not(:focus)) .day {
   box-shadow: 0 0 0 2px var(--calcite-ui-foreground-1);
 }
 
-:host([start-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper {
-  box-shadow: inset 8px 0 var(--calcite-ui-foreground-1);
-}
-:host([start-of-range][scale=l]) .calcite--rtl .day-wrapper {
-  box-shadow: inset -8px 0 var(--calcite-ui-foreground-1);
-}
-
-:host([end-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper {
-  box-shadow: inset -8px 0 var(--calcite-ui-foreground-1);
+:host([range-hover]:not([selected])) .day-wrapper:before,
+:host([highlighted]:not([selected])) .day-wrapper:before {
+  inset-inline-end: 50%;
+  border-radius: 0;
 }
-:host([end-of-range][scale=l]) .calcite--rtl .day-wrapper {
-  box-shadow: inset 8px 0 var(--calcite-ui-foreground-1);
+:host([range-hover]:not([selected])) .day-wrapper:after,
+:host([highlighted]:not([selected])) .day-wrapper:after {
+  inset-inline-start: 50%;
+  border-radius: 0;
 }
-
-:host([highlighted]) .day-wrapper {
-  background-color: var(--calcite-ui-foreground-current);
-}
-:host([highlighted]) .day-wrapper .day {
+:host([range-hover]:not([selected])) .day,
+:host([highlighted]:not([selected])) .day {
   color: var(--calcite-ui-text-1);
 }
 
-:host([highlighted]:not([active]:focus)) .day {
-  color: var(--calcite-ui-text-1);
+:host([highlighted]) .day-wrapper:before, :host([highlighted]) .day-wrapper:after,
+:host([selected]:not(.hover--outside-range)) .day-wrapper:before,
+:host([selected]:not(.hover--outside-range)) .day-wrapper:after {
+  background-color: var(--calcite-ui-foreground-current);
 }
 
-:host([range-hover]:not([selected])) .day-wrapper {
+:host([range-hover]:not([selected])) .day-wrapper:before, :host([range-hover]:not([selected])) .day-wrapper:after {
   background-color: var(--calcite-ui-foreground-2);
 }
-:host([range-hover]:not([selected])) .day {
-  border-radius: 0px;
-}
-
-:host([start-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper {
-  background-image: linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));
-  border-radius: 0px;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-:host([start-of-range][range-hover]) .calcite--rtl .day-wrapper {
-  background-image: linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));
-  border-radius: 0px;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-:host([end-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper {
-  background-image: linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));
-  border-radius: 0px;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-:host([end-of-range][range-hover]) .calcite--rtl .day-wrapper {
-  background-image: linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));
-  border-radius: 0px;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-:host(:hover[end-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,
-:host(:hover[start-of-range][range-hover]) .calcite--rtl .day-wrapper {
-  background-image: linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1));
-  border-radius: 0px;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-:host(:hover[start-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,
-:host(:hover[end-of-range][range-hover]) .calcite--rtl .day-wrapper {
-  background-image: linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1));
-  border-radius: 0px;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-:host(:hover[range-hover]:not([selected]).focused--start) :not(.calcite--rtl) .day-wrapper {
-  background-image: linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));
-}
-:host(:hover[range-hover]:not([selected]).focused--start) .calcite--rtl .day-wrapper {
-  background-image: linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current));
-}
-:host(:hover[range-hover]:not([selected]).focused--start) .day {
-  border-radius: 9999px;
-  opacity: 1;
-  box-shadow: 0 0 0 2px var(--calcite-ui-foreground-1);
-}
-
-:host(:hover[range-hover]:not([selected]).focused--end) :not(.calcite--rtl) .day-wrapper {
-  background-image: linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current));
-}
-:host(:hover[range-hover]:not([selected]).focused--end) .calcite--rtl .day-wrapper {
-  background-image: linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));
-}
-:host(:hover[range-hover]:not([selected]).focused--end) .day {
-  border-radius: 9999px;
-  opacity: 1;
-  box-shadow: 0 0 0 2px var(--calcite-ui-foreground-1);
-}
-
-:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) :not(.calcite--rtl) .day-wrapper,
-:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .calcite--rtl .day-wrapper {
-  background-image: linear-gradient(to right, var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));
-}
-:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) :not(.calcite--rtl) .day,
-:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .calcite--rtl .day {
-  border-radius: 9999px;
-  opacity: 1;
-  box-shadow: 0 0 0 2px var(--calcite-ui-foreground-1);
-}
 
-:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) :not(.calcite--rtl) .day-wrapper,
-:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .calcite--rtl .day-wrapper {
-  background-image: linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1));
-}
-:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) :not(.calcite--rtl) .day,
-:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .calcite--rtl .day {
-  border-radius: 9999px;
-  opacity: 1;
+:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper:before,
+:host([highlighted][end-of-range]) .day-wrapper:before,
+:host([highlighted][range-edge=end]) .day-wrapper:before,
+:host([range-hover][range-edge=end]) .day-wrapper:before,
+:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper:before {
+  inset-inline-end: 50%;
+}
+:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper:after,
+:host([highlighted][end-of-range]) .day-wrapper:after,
+:host([highlighted][range-edge=end]) .day-wrapper:after,
+:host([range-hover][range-edge=end]) .day-wrapper:after,
+:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper:after {
+  inset-inline-start: 50%;
+  border-start-end-radius: var(--calcite-internal-day-size);
+  border-end-end-radius: var(--calcite-internal-day-size);
+  inline-size: calc(var(--calcite-internal-day-size) / 2);
+}
+
+:host([highlighted][start-of-range]) .day-wrapper:before,
+:host([highlighted][range-edge=start]) .day-wrapper:before,
+:host([range-hover][range-edge=start]) .day-wrapper:before,
+:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper:before,
+:host([start-of-range].hover--inside-range) .day-wrapper:before,
+:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper:before {
+  inset-inline-end: 50%;
+  border-start-start-radius: var(--calcite-internal-day-size);
+  border-end-start-radius: var(--calcite-internal-day-size);
+  inline-size: calc(var(--calcite-internal-day-size) / 2);
+}
+:host([highlighted][start-of-range]) .day-wrapper:after,
+:host([highlighted][range-edge=start]) .day-wrapper:after,
+:host([range-hover][range-edge=start]) .day-wrapper:after,
+:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper:after,
+:host([start-of-range].hover--inside-range) .day-wrapper:after,
+:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper:after {
+  inset-inline-start: 50%;
+}
+
+:host([range-hover][start-of-range][range-edge=end]) .day-wrapper:after, :host([range-hover][start-of-range][range-edge=end]) .day-wrapper:before,
+:host([range-hover][end-of-range][range-edge=start]) .day-wrapper:after,
+:host([range-hover][end-of-range][range-edge=start]) .day-wrapper:before,
+:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper:after,
+:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper:before,
+:host([end-of-range]) .day-wrapper:after,
+:host([end-of-range]) .day-wrapper:before {
+  content: unset;
+}
+
+:host(:hover[range-hover]:not([selected]).focused--start) .day,
+:host(:hover[range-hover]:not([selected]).focused--end) .day,
+:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .day,
+:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .day {
   box-shadow: 0 0 0 2px var(--calcite-ui-foreground-1);
 }
 
-:host(:hover[start-of-range].hover--inside-range.focused--end) .day-wrapper,
-:host(:hover[end-of-range].hover--inside-range.focused--start) .day-wrapper {
-  background-image: none;
-}
-
-:host([start-of-range].hover--inside-range.focused--end) .day-wrapper,
-:host([end-of-range].hover--inside-range.focused--start) .day-wrapper {
-  background-color: var(--calcite-ui-foreground-2);
-}
-
-:host([highlighted][range-edge=end]) :not(.calcite--rtl) .day-wrapper,
-:host([range-hover][range-edge=end]) :not(.calcite--rtl) .day-wrapper,
-:host([highlighted][range-edge=start]) .calcite--rtl .day-wrapper,
-:host([range-hover][range-edge=start]) .calcite--rtl .day-wrapper {
-  box-shadow: inset -4px 0px 0px 0px var(--calcite-ui-foreground-1);
-}
-
-:host([highlighted][range-edge=start]) :not(.calcite--rtl) .day-wrapper,
-:host([range-hover][range-edge=start]) :not(.calcite--rtl) .day-wrapper,
-:host([highlighted][range-edge=end]) .calcite--rtl .day-wrapper,
-:host([range-hover][range-edge=end]) .calcite--rtl .day-wrapper {
-  box-shadow: inset 4px 0px 0px 0px var(--calcite-ui-foreground-1);
-}
-
-:host([scale=s][highlighted][range-edge=end]) :not(.calcite--rtl) .day-wrapper,
-:host([scale=s][range-hover][range-edge=end]) :not(.calcite--rtl) .day-wrapper,
-:host([scale=s][highlighted][range-edge=start]) .calcite--rtl .day-wrapper,
-:host([scale=s][range-hover][range-edge=start]) .calcite--rtl .day-wrapper {
-  box-shadow: inset -1px 0px 0px 0px var(--calcite-ui-foreground-1);
-}
-
-:host([scale=s][highlighted][range-edge=start]) :not(.calcite--rtl) .day-wrapper,
-:host([scale=s][range-hover][range-edge=start]) :not(.calcite--rtl) .day-wrapper,
-:host([scale=s][highlighted][range-edge=end]) .calcite--rtl .day-wrapper,
-:host([scale=s][range-hover][range-edge=end]) .calcite--rtl .day-wrapper {
-  box-shadow: inset 1px 0px 0px 0px var(--calcite-ui-foreground-1);
-}
-
-:host([scale=l][highlighted][range-edge=start]) :not(.calcite--rtl) .day-wrapper,
-:host([scale=l][range-hover][range-edge=start]) :not(.calcite--rtl) .day-wrapper,
-:host([scale=l][highlighted][range-edge=end]) .calcite--rtl .day-wrapper,
-:host([scale=l][range-hover][range-edge=end]) .calcite--rtl .day-wrapper {
-  box-shadow: inset 6px 0px 0px 0px var(--calcite-ui-foreground-1);
-}
-
-:host([highlighted][range-edge=start]) .day-wrapper,
-:host([range-hover][range-edge=start]) .day-wrapper {
-  border-start-start-radius: 45%;
-  border-end-start-radius: 45%;
-}
-
-:host([highlighted][range-edge=end]) .day-wrapper,
-:host([range-hover][range-edge=end]) .day-wrapper {
-  border-start-end-radius: 45%;
-  border-end-end-radius: 45%;
-}
-
-:host([scale=l][highlighted][range-edge=end]) :not(.calcite--rtl) .day-wrapper,
-:host([scale=l][range-hover][range-edge=end]) :not(.calcite--rtl) .day-wrapper,
-:host([scale=l][highlighted][range-edge=start]) .calcite--rtl .day-wrapper,
-:host([scale=l][range-hover][range-edge=start]) .calcite--rtl .day-wrapper {
-  box-shadow: inset -6px 0px 0px 0px var(--calcite-ui-foreground-1);
-}
-
 @media (forced-colors: active) {
-  :host(:hover:not([disabled])) .day,
-  :host([active]:not([range])) .day {
+  .day {
     border-radius: 0px;
   }
   :host([selected]) {
     outline: 2px solid canvasText;
   }
-  :host([selected]) .day {
-    border-radius: 0px;
-    background-color: highlight;
+  :host(:hover:not([selected])) .day {
+    border-radius: 50%;
   }
-  :host([range][selected]) .day-wrapper,
-  :host([highlighted]) .day-wrapper,
-  :host([range-hover]:not([selected])) .day-wrapper {
+  :host([range][selected]) .day-wrapper:before, :host([range][selected]) .day-wrapper:after,
+  :host([highlighted]) .day-wrapper:before,
+  :host([highlighted]) .day-wrapper:after,
+  :host([range-hover]:not([selected])) .day-wrapper:before,
+  :host([range-hover]:not([selected])) .day-wrapper:after {
     background-color: highlight;
   }
-  :host([range][selected][start-of-range]) .day-wrapper,
-  :host([range][selected][end-of-range]) .day-wrapper {
+  :host([range-hover]) .day-wrapper:before, :host([range-hover]) .day-wrapper:after,
+  :host([range][selected][start-of-range]) .day-wrapper:before,
+  :host([range][selected][start-of-range]) .day-wrapper:after,
+  :host([range][selected][end-of-range]) .day-wrapper:before,
+  :host([range][selected][end-of-range]) .day-wrapper:after {
     background-color: canvas;
   }
 }

package/dist/node_modules/@esri/calcite-components/dist/collection/components/date-picker-month/date-picker-month.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 May 2023 18:56:13 GMT
+ * Generated on Tue, 21 Nov 2023 22:52:14 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -42,6 +42,9 @@
   justify-content: center;
   inline-size: 14.2857142857%
 }
+.day calcite-date-picker-day {
+  inline-size: 100%
+}
 
 :host([scale=s]) .week-header {
   padding-inline: 0px;