@esri/solutions-components 0.7.6 → 0.7.8

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

@@ -1,6 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Nov 2023 00:31:48 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -12,7 +28,7 @@
   -webkit-user-select: none;
           -moz-user-select: none;
        user-select: none;
-  opacity: var(--calcite-ui-opacity-disabled);
+  opacity: var(--calcite-opacity-disabled);
 }
 
 :host([disabled]) *,
@@ -32,26 +48,26 @@
 :host .radio {
   cursor: pointer;
   border-radius: 9999px;
-  background-color: var(--calcite-ui-foreground-1);
+  background-color: var(--calcite-color-foreground-1);
   outline-color: transparent;
   transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
-  box-shadow: inset 0 0 0 1px var(--calcite-ui-border-input);
+  box-shadow: inset 0 0 0 1px var(--calcite-color-border-input);
 }
 
 :host([hovered]) .radio,
 :host(:not([checked])[focused]:not([disabled])) .radio {
-  box-shadow: inset 0 0 0 2px var(--calcite-ui-brand);
+  box-shadow: inset 0 0 0 2px var(--calcite-color-brand);
 }
 
 :host([focused]) .radio {
-  outline: 2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));
+  outline: 2px solid var(--calcite-color-brand);
   outline-offset: calc(
             2px *
             calc(
               1 -
               2 * clamp(
                 0,
-                var(--calcite-ui-focus-offset-invert),
+                var(--calcite-offset-invert-focus),
                 1
               )
             )
@@ -60,7 +76,7 @@
 
 :host([disabled]) .radio {
   cursor: default;
-  opacity: var(--calcite-ui-opacity-disabled);
+  opacity: var(--calcite-opacity-disabled);
 }
 :host([disabled]) ::slotted([calcite-hydrated][disabled]),
 :host([disabled]) [calcite-hydrated][disabled] {
@@ -69,7 +85,7 @@
 }
 
 :host([hovered][disabled]) .radio {
-  box-shadow: inset 0 0 0 1px var(--calcite-ui-border-input);
+  box-shadow: inset 0 0 0 1px var(--calcite-color-border-input);
 }
 
 :host([scale=s]) {
@@ -92,29 +108,29 @@
 
 :host([scale=s][checked]) .radio,
 :host([hovered][scale=s][checked][disabled]) .radio {
-  box-shadow: inset 0 0 0 4px var(--calcite-ui-brand);
+  box-shadow: inset 0 0 0 4px var(--calcite-color-brand);
 }
 
 :host([scale=s][focused][checked]:not([disabled])) .radio {
-  box-shadow: inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1);
+  box-shadow: inset 0 0 0 4px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1);
 }
 
 :host([scale=m][checked]) .radio,
 :host([hovered][scale=m][checked][disabled]) .radio {
-  box-shadow: inset 0 0 0 5px var(--calcite-ui-brand);
+  box-shadow: inset 0 0 0 5px var(--calcite-color-brand);
 }
 
 :host([scale=m][focused][checked]:not([disabled])) .radio {
-  box-shadow: inset 0 0 0 5px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1);
+  box-shadow: inset 0 0 0 5px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1);
 }
 
 :host([scale=l][checked]) .radio,
 :host([hovered][scale=l][checked][disabled]) .radio {
-  box-shadow: inset 0 0 0 6px var(--calcite-ui-brand);
+  box-shadow: inset 0 0 0 6px var(--calcite-color-brand);
 }
 
 :host([scale=l][focused][checked]:not([disabled])) .radio {
-  box-shadow: inset 0 0 0 6px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1);
+  box-shadow: inset 0 0 0 6px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1);
 }
 
 @media (forced-colors: active) {

package/dist/node_modules/@esri/calcite-components/dist/collection/components/radio-button-group/radio-button-group.css

@@ -1,6 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Nov 2023 00:31:48 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

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

@@ -1,6 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Nov 2023 00:31:48 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -12,7 +28,7 @@
   -webkit-user-select: none;
           -moz-user-select: none;
        user-select: none;
-  opacity: var(--calcite-ui-opacity-disabled);
+  opacity: var(--calcite-opacity-disabled);
 }
 
 :host([read-only]) *, :host([disabled]) *,
@@ -76,17 +92,17 @@
   display: flex;
   flex-direction: column;
   cursor: pointer;
-  color: var(--calcite-ui-border-input);
+  color: var(--calcite-color-border-input);
 }
 .star:focus {
-  outline: 2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));
+  outline: 2px solid var(--calcite-color-brand);
   outline-offset: calc(
             2px *
             calc(
               1 -
               2 * clamp(
                 0,
-                var(--calcite-ui-focus-offset-invert),
+                var(--calcite-offset-invert-focus),
                 1
               )
             )
@@ -95,12 +111,12 @@
 
 .average,
 .fraction {
-  color: var(--calcite-ui-warning);
+  color: var(--calcite-color-status-warning);
 }
 
 .hovered,
 .selected {
-  color: var(--calcite-ui-brand);
+  color: var(--calcite-color-brand);
 }
 
 .fraction {
@@ -122,7 +138,7 @@ calcite-chip {
 }
 
 .number--count {
-  color: var(--calcite-ui-text-2);
+  color: var(--calcite-color-text-2);
   font-style: italic;
 }
 .number--count:not(:first-child) {

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

@@ -1,6 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Nov 2023 00:31:48 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -15,22 +31,23 @@
 * @prop --calcite-scrim-background: Specifies the background color of the scrim.
 */
 :host {
+  --calcite-scrim-background: var(--calcite-color-transparent-scrim);
   position: absolute;
   inset: 0px;
-  z-index: var(--calcite-app-z-index-overlay);
+  z-index: var(--calcite-z-index-overlay);
   display: flex;
   block-size: 100%;
   inline-size: 100%;
   flex-direction: column;
-  align-items: stretch
+  align-items: stretch;
 }
 
 @keyframes calcite-scrim-fade-in {
   0% {
-    --tw-bg-opacity: 0
+    --tw-bg-opacity: 0;
   }
   100% {
-    --tw-text-opacity: 1
+    --tw-text-opacity: 1;
   }
 }
 .scrim {
@@ -43,17 +60,17 @@
   justify-content: center;
   overflow: hidden;
   animation: calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;
-  background-color: var(--calcite-scrim-background, var(--calcite-scrim-background-internal))
+  background-color: var(--calcite-scrim-background, var(--calcite-color-transparent-scrim));
 }
 
 .content {
-  padding: 1rem
+  padding: 1rem;
 }
 
 :host([hidden]) {
-  display: none
+  display: none;
 }
 
 [hidden] {
-  display: none
+  display: none;
 }

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

@@ -1,6 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Nov 2023 00:31:48 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -12,7 +28,7 @@
   -webkit-user-select: none;
           -moz-user-select: none;
        user-select: none;
-  opacity: var(--calcite-ui-opacity-disabled);
+  opacity: var(--calcite-opacity-disabled);
 }
 
 :host([disabled]) *,
@@ -22,10 +38,10 @@
 
 :host {
   display: flex;
-  background-color: var(--calcite-ui-foreground-1);
+  background-color: var(--calcite-color-foreground-1);
   inline-size: -moz-fit-content;
   inline-size: fit-content;
-  outline: 1px solid var(--calcite-ui-border-input);
+  outline: 1px solid var(--calcite-color-border-input);
   outline-offset: -1px;
 }
 

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

@@ -1,6 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Nov 2023 00:31:48 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -22,7 +38,7 @@
   display: flex;
   flex: 1 1 0%;
   align-items: center;
-  color: var(--calcite-ui-text-3);
+  color: var(--calcite-color-text-3);
   transition: background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-internal-animation-timing-fast) ease-in-out, color var(--calcite-internal-animation-timing-fast) ease-in-out;
 }
 
@@ -35,14 +51,14 @@
 }
 
 :host(:focus) {
-  outline: 2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));
+  outline: 2px solid var(--calcite-color-brand);
   outline-offset: calc(
             -2px *
             calc(
               1 -
               2 * clamp(
                 0,
-                var(--calcite-ui-focus-offset-invert),
+                var(--calcite-offset-invert-focus),
                 1
               )
             )
@@ -72,27 +88,27 @@
 }
 
 :host(:hover) label {
-  background-color: var(--calcite-ui-foreground-2);
-  color: var(--calcite-ui-text-1);
+  background-color: var(--calcite-color-foreground-2);
+  color: var(--calcite-color-text-1);
 }
 
 :host(:active) label {
-  background-color: var(--calcite-ui-foreground-3);
+  background-color: var(--calcite-color-foreground-3);
 }
 
 :host([checked]) label {
   cursor: default;
-  border-color: var(--calcite-ui-brand);
-  background-color: var(--calcite-ui-brand);
-  color: var(--calcite-ui-text-inverse);
+  border-color: var(--calcite-color-brand);
+  background-color: var(--calcite-color-brand);
+  color: var(--calcite-color-text-inverse);
 }
 
 :host([checked]) .label--outline,
 :host([checked]) .label--outline-fill {
-  border-color: var(--calcite-ui-brand);
-  background-color: var(--calcite-ui-foreground-1);
-  box-shadow: inset 0 0 0 1px var(--calcite-ui-brand);
-  color: var(--calcite-ui-brand);
+  border-color: var(--calcite-color-brand);
+  background-color: var(--calcite-color-foreground-1);
+  box-shadow: inset 0 0 0 1px var(--calcite-color-brand);
+  color: var(--calcite-color-brand);
 }
 
 :host([checked]) .label--outline {

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

@@ -1,6 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Nov 2023 00:31:48 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -28,7 +44,7 @@
   -webkit-user-select: none;
           -moz-user-select: none;
        user-select: none;
-  opacity: var(--calcite-ui-opacity-disabled);
+  opacity: var(--calcite-opacity-disabled);
 }
 
 :host([disabled]) *,
@@ -110,35 +126,35 @@
   border-radius: 0px;
   border-width: 1px;
   border-style: solid;
-  border-color: var(--calcite-ui-border-input);
-  background-color: var(--calcite-ui-foreground-1);
+  border-color: var(--calcite-color-border-input);
+  background-color: var(--calcite-color-foreground-1);
   font-family: inherit;
-  color: var(--calcite-ui-text-2);
+  color: var(--calcite-color-text-2);
   outline-color: transparent;
   font-size: var(--calcite-select-font-size);
   padding-inline: var(--calcite-select-spacing-inline);
   border-inline-end-width: 0px;
 }
 .select:focus {
-  outline: 2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));
+  outline: 2px solid var(--calcite-color-brand);
   outline-offset: calc(
             -2px *
             calc(
               1 -
               2 * clamp(
                 0,
-                var(--calcite-ui-focus-offset-invert),
+                var(--calcite-offset-invert-focus),
                 1
               )
             )
           );
 }
 .select:hover {
-  background-color: var(--calcite-ui-foreground-2);
+  background-color: var(--calcite-color-foreground-2);
 }
 
 select:disabled {
-  border-color: var(--calcite-ui-border-input);
+  border-color: var(--calcite-color-border-input);
   --tw-bg-opacity: 1;
 }
 
@@ -150,13 +166,33 @@ select:disabled {
   align-items: center;
   border-width: 0px;
   border-style: solid;
-  border-color: var(--calcite-ui-border-input);
+  border-color: var(--calcite-color-border-input);
   background-color: transparent;
-  color: var(--calcite-ui-text-2);
+  color: var(--calcite-color-text-2);
   inset-inline-end: 0px;
   border-inline-width: 0px 1px;
 }
 
+:host([status=invalid]) select,
+:host([status=invalid]) .icon-container {
+  border-color: var(--calcite-color-status-danger);
+}
+:host([status=invalid]) select:focus,
+:host([status=invalid]) .icon-container:focus {
+  outline: 2px solid var(--calcite-color-status-danger);
+  outline-offset: calc(
+            -2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-offset-invert-focus),
+                1
+              )
+            )
+          );
+}
+
 .select:focus ~ .icon-container {
   border-color: transparent;
 }

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

@@ -1,6 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Nov 2023 00:31:48 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -24,7 +40,7 @@
 :host {
   position: absolute;
   inset: 0px;
-  z-index: var(--calcite-app-z-index-overlay);
+  z-index: var(--calcite-z-index-overlay);
   display: flex;
   visibility: hidden !important;
   --calcite-sheet-scrim-background-internal: rgba(0, 0, 0, 0.85);
@@ -42,10 +58,10 @@
 .container {
   visibility: hidden;
   position: fixed;
-  z-index: var(--calcite-app-z-index-overlay);
+  z-index: var(--calcite-z-index-overlay);
   display: flex;
   overflow-y: hidden;
-  color: var(--calcite-ui-text-2);
+  color: var(--calcite-color-text-2);
   opacity: 0;
   transition: visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);
 }
@@ -176,13 +192,13 @@
 
 .content {
   position: relative;
-  z-index: var(--calcite-app-z-index-modal);
+  z-index: var(--calcite-z-index-modal);
   box-sizing: border-box;
   display: block;
   max-inline-size: 100%;
   overflow-y: hidden;
   padding: 0px;
-  background-color: var(--calcite-ui-foreground-1);
+  background-color: var(--calcite-color-foreground-1);
   max-block-size: 100%;
   visibility: hidden;
   transition: transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);

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

@@ -1,6 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Nov 2023 00:31:48 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -10,8 +26,8 @@
 :host {
   /* Base ":host" styles for the component */
   box-sizing: border-box;
-  background-color: var(--calcite-ui-foreground-1);
-  color: var(--calcite-ui-text-2);
+  background-color: var(--calcite-color-foreground-1);
+  color: var(--calcite-color-text-2);
   font-size: var(--calcite-font-size--1);
 }
 :host * {
@@ -68,7 +84,7 @@
   position: absolute;
   inset: 0px;
   border-width: 0px;
-  z-index: calc(var(--calcite-app-z-index) - 1);
+  z-index: calc(var(--calcite-z-index) - 1);
   display: initial;
 }
 
@@ -92,7 +108,7 @@ slot[name=panel-end]::slotted(calcite-shell-panel) {
   border-inline-start-width: 0px;
   border-inline-end-width: 0px;
   border-style: solid;
-  border-color: var(--calcite-ui-border-3);
+  border-color: var(--calcite-color-border-3);
 }
 
 slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])),
@@ -100,7 +116,7 @@ slot[name=panel-top]::slotted(calcite-shell-center-row:not([detached])),
 slot[name=panel-bottom]::slotted(calcite-shell-center-row:not([detached])) {
   border-inline-start-width: 1px;
   border-inline-end-width: 1px;
-  border-color: var(--calcite-ui-border-3);
+  border-color: var(--calcite-color-border-3);
 }
 
 .center-content {
@@ -119,7 +135,7 @@ slot[name=panel-bottom]::slotted(calcite-shell-center-row:not([detached])) {
 
 ::slotted(calcite-tip-manager) {
   position: absolute;
-  z-index: var(--calcite-app-z-index-toast);
+  z-index: var(--calcite-z-index-toast);
   box-sizing: border-box;
 }