@esri/solutions-components 0.8.12 → 0.8.13

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

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:21 GMT
+ * Generated on Wed, 15 May 2024 07:04:58 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -113,7 +113,7 @@
 }
 
 :host(:focus) .track {
-  outline: 2px solid var(--calcite-color-brand);
+  outline: 2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));
   outline-offset: calc(
             2px *
             calc(

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

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:21 GMT
+ * Generated on Wed, 15 May 2024 07:04:58 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -78,6 +78,24 @@ section,
   inline-size: 100%;
 }
 
+.container {
+  outline-color: transparent;
+}
+.container:focus {
+  outline: 2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));
+  outline-offset: calc(
+            -2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-offset-invert-focus),
+                1
+              )
+            )
+          );
+}
+
 :host([hidden]) {
   display: none;
 }

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

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:21 GMT
+ * Generated on Wed, 15 May 2024 07:04:58 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -24,44 +24,91 @@
 * Currently only used in Checkbox.
 */
 :host {
+  --calcite-internal-tab-nav-gradient-start-side: left;
+  --calcite-internal-tab-nav-gradient-end-side: right;
   position: relative;
   display: flex;
 }
 
 .scale-s {
+  --calcite-internal-tab-nav-scroller-button-width: 24px;
   min-block-size: 1.5rem;
 }
 
 .scale-m {
+  --calcite-internal-tab-nav-scroller-button-width: 32px;
   min-block-size: 2rem;
 }
 
 .scale-l {
+  --calcite-internal-tab-nav-scroller-button-width: 44px;
   min-block-size: 2.75rem;
 }
 
-:host([layout=center]:not([bordered])) {
-  padding-inline: 1.25rem;
+.calcite--rtl {
+  --calcite-internal-tab-nav-gradient-start-side: right;
+  --calcite-internal-tab-nav-gradient-end-side: left;
 }
-:host([layout=center]:not([bordered])) .tab-nav ::slotted(calcite-tab-title:last-child) {
-  margin-inline-end: 0px;
+
+.tab-nav--start-overflow .tab-nav-active-indicator-container,
+.tab-nav--start-overflow .tab-titles-slot-wrapper {
+  -webkit-mask-image: linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%);
+          mask-image: linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%);
+}
+
+.tab-nav--end-overflow .tab-nav-active-indicator-container,
+.tab-nav--end-overflow .tab-titles-slot-wrapper {
+  -webkit-mask-image: linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%);
+          mask-image: linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%);
+}
+
+.tab-nav--start-overflow.tab-nav--end-overflow .tab-nav-active-indicator-container,
+.tab-nav--start-overflow.tab-nav--end-overflow .tab-titles-slot-wrapper {
+  -webkit-mask-image: linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%), linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%);
+          mask-image: linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%), linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%);
+}
+
+.tab-nav::-webkit-scrollbar {
+  display: none;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
 }
 
-:host(:not([bordered])) .scale-l ::slotted(calcite-tab-title) {
-  margin-inline-end: 1.5rem;
+:host([layout=center]) ::slotted(calcite-tab-title) {
+  display: flex;
+  flex-grow: 1;
+  flex-shrink: 0;
+  min-inline-size: auto;
+  white-space: nowrap;
+}
+:host([layout=center]) ::slotted(calcite-tab-title[selected]) {
+  overflow: unset;
+}
+
+:host(:not([bordered])) .scale-l {
+  --calcite-internal-tab-nav-gap: var(--calcite-size-xxl);
+}
+:host(:not([bordered])) .scale-m {
+  --calcite-internal-tab-nav-gap: var(--calcite-size-xl);
+}
+:host(:not([bordered])) .scale-s {
+  --calcite-internal-tab-nav-gap: var(--calcite-size-lg);
 }
-:host(:not([bordered])) .scale-m ::slotted(calcite-tab-title) {
-  margin-inline-end: 1.25rem;
+:host(:not([bordered])) .tab-titles-slot-wrapper {
+  gap: var(--calcite-internal-tab-nav-gap);
 }
-:host(:not([bordered])) .scale-s ::slotted(calcite-tab-title) {
-  margin-inline-end: 1rem;
+
+:host([layout=center]:not([bordered])) .tab-titles-slot-wrapper {
+  padding-inline: var(--calcite-spacing-xxl);
 }
 
-.tab-nav {
+.tab-nav,
+.tab-titles-slot-wrapper {
   display: flex;
   inline-size: 100%;
   justify-content: flex-start;
-  overflow: auto;
+  overflow: hidden;
+  white-space: nowrap;
 }
 
 .tab-nav-active-indicator-container {
@@ -85,8 +132,45 @@
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 
-:host([layout=center]) .tab-nav {
-  justify-content: space-evenly;
+.scroll-button-container {
+  position: absolute;
+  inset-block: 0px;
+}
+.scroll-button-container calcite-button {
+  --calcite-offset-invert-focus: 1;
+  --calcite-color-text-1: var(--calcite-color-text-3);
+  block-size: 100%;
+}
+.scroll-button-container calcite-button:hover {
+  --calcite-color-text-1: unset;
+  --calcite-color-foreground-1: var(--calcite-color-transparent-hover);
+  --calcite-color-foreground-3: var(--calcite-color-transparent);
+}
+
+.scroll-button-container--forward {
+  inset-inline-end: 0;
+  z-index: var(--calcite-z-index);
+}
+
+.scroll-button-container--backward {
+  inset-inline-start: 0;
+  z-index: var(--calcite-z-index);
+}
+
+:host(:not([bordered])) .scroll-button-container--backward::before,
+:host(:not([bordered])) .scroll-button-container--forward::before {
+  background-color: var(--calcite-color-border-3);
+  content: "";
+  inline-size: var(--calcite-border-width-sm);
+  inset-block-start: var(--calcite-border-width-md);
+  inset-block-end: var(--calcite-border-width-md);
+  position: absolute;
+}
+:host(:not([bordered])) .scroll-button-container--backward::before {
+  inset-inline-end: 0;
+}
+:host(:not([bordered])) .scroll-button-container--forward::before {
+  inset-inline-start: 0;
 }
 
 :host .position-bottom .tab-nav-active-indicator {

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

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:21 GMT
+ * Generated on Wed, 15 May 2024 07:04:58 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -51,37 +51,72 @@
   flex: 1 1 auto;
 }
 
-:host([layout=center]) .scale-s,
-:host([layout=center]) .scale-m,
-:host([layout=center]) .scale-l {
-  margin-block: 0px;
-  text-align: center;
-  flex-basis: 12rem;
+.content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-:host([layout=center]) .scale-s .content,
-:host([layout=center]) .scale-m .content,
-:host([layout=center]) .scale-l .content {
-  margin: auto;
+
+.scale-s .content {
+  padding-block: 0.25rem;
+  font-size: var(--calcite-font-size--2);
+  line-height: 1rem;
 }
 
-:host([layout=center][closable]) .content {
-  padding-inline-start: 32px;
+.scale-m .content {
+  padding-block: 0.5rem;
+  font-size: var(--calcite-font-size--1);
+  line-height: 1rem;
 }
 
-:host([layout=center][bordered][closable]) .scale-s .content {
-  padding-inline-start: 36px;
+.scale-l .content {
+  padding-block: 0.625rem;
+  font-size: var(--calcite-font-size-0);
+  line-height: 1.25rem;
+}
+
+:host([closable]) .content {
+  box-sizing: border-box;
+  block-size: 100%;
+  border-block-end-color: transparent;
 }
 
-:host([layout=center][bordered][closable]) .scale-m .content {
-  padding-inline-start: 40px;
+:host([layout=inline]) .content,
+:host([layout=center]) .content {
+  padding-inline: 0.25rem;
 }
 
-:host([layout=center][closable]) .scale-l .content {
-  padding-inline-start: 40px;
+:host([layout=center]) .scale-s,
+:host([layout=center]) .scale-m,
+:host([layout=center]) .scale-l {
+  margin-block: 0px;
+  justify-content: center;
+  text-align: center;
+}
+:host([layout=center]) .scale-s .content,
+:host([layout=center]) .scale-m .content,
+:host([layout=center]) .scale-l .content {
+  flex: 1 1 auto;
+  flex-grow: 1;
 }
 
-:host([layout=center][closable][bordered]) .scale-s .content {
-  padding-inline-start: 52px;
+.container {
+  box-sizing: border-box;
+  display: flex;
+  block-size: 100%;
+  inline-size: 100%;
+  cursor: pointer;
+  align-content: center;
+  justify-content: space-between;
+  border-block-end-width: 2px;
+  padding-inline: 0px;
+  font-size: var(--calcite-font-size--1);
+  line-height: 1rem;
+  color: var(--calcite-color-text-3);
+  outline-color: transparent;
+  transition: background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
+  border-block-end-color: transparent;
+  border-block-end-style: solid;
 }
 
 :host([position=bottom]) .container {
@@ -95,12 +130,13 @@
   display: none;
 }
 
-.container {
-  outline-color: transparent;
+:host([selected]) .container {
+  border-color: transparent;
+  color: var(--calcite-color-text-1);
 }
 
 :host(:focus) .container {
-  outline: 2px solid var(--calcite-color-brand);
+  outline: 2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));
   outline-offset: calc(
             -2px *
             calc(
@@ -126,11 +162,6 @@
           text-decoration-line: none;
 }
 
-:host([selected]) .container {
-  border-color: transparent;
-  color: var(--calcite-color-text-1);
-}
-
 :host([disabled]) .container {
   pointer-events: none;
   opacity: 0.5;
@@ -145,48 +176,6 @@
   display: contents;
 }
 
-.scale-s .content {
-  padding-block: 0.25rem;
-  font-size: var(--calcite-font-size--2);
-  line-height: 1rem;
-}
-
-.scale-m .content {
-  padding-block: 0.5rem;
-  font-size: var(--calcite-font-size--1);
-  line-height: 1rem;
-}
-
-.scale-l .content {
-  padding-block: 0.625rem;
-  font-size: var(--calcite-font-size-0);
-  line-height: 1.25rem;
-}
-
-.container {
-  box-sizing: border-box;
-  display: flex;
-  block-size: 100%;
-  inline-size: 100%;
-  cursor: pointer;
-  align-content: center;
-  justify-content: space-between;
-  border-block-end-width: 2px;
-  padding-inline: 0px;
-  font-size: var(--calcite-font-size--1);
-  line-height: 1rem;
-  color: var(--calcite-color-text-3);
-  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
-  border-block-end-color: transparent;
-  border-block-end-style: solid;
-}
-
-.content {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
 .calcite-tab-title--icon {
   position: relative;
   margin: 0px;
@@ -194,7 +183,7 @@
   align-self: center;
 }
 .calcite-tab-title--icon svg {
-  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
+  transition: background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
 }
 
 .content--has-text {
@@ -221,15 +210,15 @@
   align-self: center;
   border-style: none;
   background-color: var(--calcite-color-foreground-1);
+  padding: 0.25rem;
   color: var(--calcite-color-text-3);
   outline-color: transparent;
-  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
-  block-size: calc(100% - 2px);
+  transition: background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
   background-color: var(--calcite-button-transparent-1);
   margin-inline-start: auto;
 }
 .close-button:focus {
-  outline: 2px solid var(--calcite-color-brand);
+  outline: 2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));
   outline-offset: calc(
             -2px *
             calc(
@@ -271,12 +260,6 @@
   box-shadow: inset 0 2px 0 var(--calcite-color-foreground-1);
 }
 
-:host([bordered]:hover) .container,
-:host([bordered]:focus) .container,
-:host([bordered]:active) .container {
-  position: relative;
-}
-
 :host([bordered]:hover) .container {
   background-color: var(--calcite-color-transparent-hover);
 }
@@ -291,12 +274,6 @@
   margin-inline: 0;
 }
 
-:host([closable]) .content {
-  box-sizing: border-box;
-  block-size: 100%;
-  border-block-end-color: transparent;
-}
-
 :host([closable][position=bottom]) .container,
 :host([bordered][position=bottom]) .container {
   border-block-start-style: unset;
@@ -307,18 +284,25 @@
   border-inline-end-color: var(--calcite-color-border-1);
 }
 
-:host([bordered]) .content {
+:host([layout=inline][bordered]) .scale-m .content,
+:host([layout=center][bordered]) .scale-m .content {
   padding-inline: 0.75rem;
 }
-
-:host([bordered]) .scale-s .content {
+:host([layout=inline][bordered]) .scale-s .content,
+:host([layout=center][bordered]) .scale-s .content {
   padding-inline: 0.5rem;
 }
-
-:host([bordered]) .scale-l .content {
+:host([layout=inline][bordered]) .scale-l .content,
+:host([layout=center][bordered]) .scale-l .content {
   padding-inline: 1rem;
 }
 
+:host([layout=inline][closable]) .scale-s .content,
+:host([layout=inline][closable]) .scale-m .content,
+:host([layout=inline][closable]) .scale-l .content {
+  padding-inline-end: 0;
+}
+
 @media (forced-colors: active) {
   :host {
     outline-width: 0;

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

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:21 GMT
+ * Generated on Wed, 15 May 2024 07:04:58 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

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

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:23 GMT
+ * Generated on Wed, 15 May 2024 07:04:59 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 01 Feb 2024 03:35:21 GMT
+ * Generated on Wed, 15 May 2024 07:04:58 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -48,11 +48,11 @@
   display: contents;
 }
 
-:host([alignment=center]) td {
+:host([alignment=center]) td:not(.selection-cell):not(.number-cell) {
   text-align: center;
 }
 
-:host([alignment=end]) td {
+:host([alignment=end]) td:not(.selection-cell):not(.number-cell) {
   text-align: end;
 }
 
@@ -73,14 +73,16 @@ td {
   text-align: start;
   vertical-align: middle;
   color: var(--calcite-color-text-1);
-  outline-color: transparent;
   background: var(--calcite-internal-table-cell-background);
   font-size: var(--calcite-internal-table-cell-font-size);
   border-inline-end: 1px solid var(--calcite-color-border-3);
   padding: var(--calcite-internal-table-cell-padding);
 }
-td:focus {
-  outline: 2px solid var(--calcite-color-brand);
+td:not(.static-cell) {
+  outline-color: transparent;
+}
+td:not(.static-cell):focus {
+  outline: 2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));
   outline-offset: calc(
             -2px *
             calc(
@@ -94,6 +96,14 @@ td:focus {
           );
 }
 
+td.start.content-cell {
+  vertical-align: top;
+}
+
+td.end.content-cell {
+  vertical-align: bottom;
+}
+
 td.last-cell {
   border-inline-end: 0;
 }
@@ -111,16 +121,19 @@ td.last-cell {
 
 .number-cell,
 .selection-cell {
+  text-align: center;
   border-inline-end: 1px solid var(--calcite-color-border-3);
   inline-size: 2rem;
   min-inline-size: 2rem;
 }
 
 .selection-cell {
-  cursor: pointer;
   color: var(--calcite-color-text-3);
   inset-inline-start: 2rem;
 }
+.selection-cell:not(.footer-cell) {
+  cursor: pointer;
+}
 
 .selected-cell:not(.number-cell):not(.footer-cell) {
   --calcite-internal-table-cell-background: var(--calcite-color-foreground-current);