@esri/solutions-components 0.7.12-alpha → 0.7.12-alpha2

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

@@ -0,0 +1,118 @@
+/**
+ * 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:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
+ */
+/* mixins & extensions */
+/* helper to properly scale internal durations */
+/**
+* Currently only used in Checkbox.
+*/
+:host([disabled]) .content {
+  cursor: default;
+  -webkit-user-select: none;
+          -moz-user-select: none;
+       user-select: none;
+  opacity: var(--calcite-opacity-disabled)
+}
+
+:host([disabled]) .content *,
+:host([disabled]) .content ::slotted(*) {
+  pointer-events: none
+}
+
+/**
+* CSS Custom Properties
+*
+* These properties can be overridden using the component's tag as selector.
+*
+* @prop --calcite-stack-padding-inline: Specifies the inline padding of the component's content.
+* @prop --calcite-stack-padding-block: Specifies the block padding of the component's content.
+*/
+:host {
+  display: flex;
+  flex: 1 1 0%;
+  flex-direction: column
+}
+
+.container {
+  display: flex;
+  flex: 1 1 auto;
+  align-items: stretch;
+  font-family: var(--calcite-sans-family);
+  font-weight: var(--calcite-font-weight-normal);
+  color: var(--calcite-color-text-2)
+}
+
+.content {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  justify-content: center;
+  font-size: var(--calcite-font-size--2);
+  line-height: 1.375;
+  padding-inline: var(--calcite-stack-padding-inline, 0.75rem);
+  padding-block: var(--calcite-stack-padding-block, 0.5rem)
+}
+
+.content-start {
+  justify-content: flex-start
+}
+
+.content-end {
+  justify-content: flex-end
+}
+
+.content-start,
+.content-end {
+  flex: 0 1 auto
+}
+
+.actions-start,
+.actions-end,
+.content-start,
+.content-end {
+  display: flex;
+  align-items: center
+}
+
+.content-start ::slotted(calcite-icon),
+.content-end ::slotted(calcite-icon) {
+  margin-inline: 0.75rem;
+  align-self: center
+}
+
+.actions-start ::slotted(calcite-action),
+.actions-start ::slotted(calcite-action-menu),
+.actions-start ::slotted(calcite-handle),
+.actions-start ::slotted(calcite-dropdown),
+.actions-end ::slotted(calcite-action),
+.actions-end ::slotted(calcite-action-menu),
+.actions-end ::slotted(calcite-handle),
+.actions-end ::slotted(calcite-dropdown) {
+  align-self: stretch;
+  color: inherit
+}
+
+:host([hidden]) {
+  display: none
+}
+
+[hidden] {
+  display: none
+}

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

@@ -0,0 +1,147 @@
+/**
+ * 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:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
+ */
+/* mixins & extensions */
+/* helper to properly scale internal durations */
+/**
+* Currently only used in Checkbox.
+*/
+:host([scale=s]) {
+  --calcite-internal-stepper-item-spacing-unit-s: 0.25rem;
+  --calcite-internal-stepper-action-block-size: 2.75rem;
+  --calcite-internal-stepper-action-inline-size: 2rem;
+  --calcite-internal-step-bar-gap: 0.25rem;
+}
+
+:host([scale=m]) {
+  --calcite-internal-stepper-item-spacing-unit-s: 0.5rem;
+  --calcite-internal-stepper-action-block-size: 3.25rem;
+  --calcite-internal-stepper-action-inline-size: 2.5rem;
+}
+
+:host([scale=l]) {
+  --calcite-internal-stepper-item-spacing-unit-s: 0.75rem;
+  --calcite-internal-stepper-action-block-size: 4rem;
+  --calcite-internal-stepper-action-inline-size: 3rem;
+  --calcite-internal-step-bar-gap: 0.75rem;
+}
+
+:host {
+  display: flex;
+}
+
+.container {
+  position: relative;
+  display: flex;
+  inline-size: 100%;
+  min-inline-size: -moz-fit-content;
+  min-inline-size: fit-content;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: stretch;
+  justify-content: space-between;
+}
+
+:host([layout=vertical]) .container {
+  flex: 1 1 auto;
+  flex-direction: column;
+}
+
+:host([layout=horizontal]) .container {
+  display: grid;
+  grid-template-areas: "items" "content";
+  gap: 0.5rem var(--calcite-internal-stepper-item-spacing-unit-s);
+}
+
+:host([layout=horizontal][scale=s]) .container {
+  gap: 0.25rem var(--calcite-internal-stepper-item-spacing-unit-s);
+}
+
+:host([layout=horizontal][scale=l]) .container {
+  gap: 0.75rem var(--calcite-internal-stepper-item-spacing-unit-s);
+}
+
+:host([layout=horizontal]) .container.single-view {
+  display: flex;
+  grid-template-columns: none;
+}
+
+.action-icon {
+  position: relative;
+  display: flex;
+  flex-grow: 0;
+  block-size: var(--calcite-internal-stepper-action-block-size);
+  inline-size: var(--calcite-internal-stepper-action-inline-size);
+}
+
+.action-container {
+  position: absolute;
+  display: flex;
+  justify-content: space-between;
+  padding-block: 0.25rem;
+  inline-size: 100%;
+}
+
+.step-bar {
+  display: flex;
+  block-size: 100%;
+  inline-size: 100%;
+}
+
+.step-bar-container {
+  position: absolute;
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  block-size: 0.125rem;
+  inline-size: 100%;
+  gap: var(--calcite-internal-step-bar-gap, 0.5rem);
+}
+
+.step-bar--inactive {
+  fill: var(--calcite-color-border-3, #dfdfdf);
+  fill-opacity: 1;
+  block-size: 100%;
+}
+
+.step-bar--active {
+  fill: var(--calcite-color-brand);
+}
+
+.step-bar--complete {
+  fill: var(--calcite-color-brand);
+  fill-opacity: 0.5;
+}
+
+.step-bar--error {
+  fill: var(--calcite-color-status-danger);
+}
+
+.step-bar--disabled {
+  opacity: 0.5;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+[hidden] {
+  display: none;
+}

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

@@ -0,0 +1,457 @@
+/**
+ * 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:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
+ */
+/* mixins & extensions */
+/* helper to properly scale internal durations */
+/**
+* Currently only used in Checkbox.
+*/
+:host([layout=horizontal][disabled]) .stepper-item-header, :host([disabled]) {
+  cursor: default;
+  -webkit-user-select: none;
+          -moz-user-select: none;
+       user-select: none;
+  opacity: var(--calcite-opacity-disabled);
+}
+
+:host([layout=horizontal][disabled]) .stepper-item-header *, :host([disabled]) *,
+:host([layout=horizontal][disabled]) .stepper-item-header ::slotted(*),
+:host([disabled]) ::slotted(*) {
+  pointer-events: none;
+}
+
+:host([scale=s]) {
+  --calcite-stepper-item-spacing-unit-s: 0.25rem;
+  --calcite-stepper-item-spacing-unit-m: 0.75rem;
+  --calcite-stepper-item-spacing-unit-l: 1rem;
+  --calcite-internal-stepper-action-inline-size: 2rem;
+  font-size: var(--calcite-font-size--1);
+  line-height: 1rem;
+  margin-inline-end: 0.25rem;
+}
+:host([scale=s]) .stepper-item-description {
+  font-size: var(--calcite-font-size--2);
+  line-height: 1rem;
+}
+
+:host([scale=m]) {
+  --calcite-stepper-item-spacing-unit-s: 0.5rem;
+  --calcite-stepper-item-spacing-unit-m: 1rem;
+  --calcite-stepper-item-spacing-unit-l: 1.25rem;
+  --calcite-internal-stepper-action-inline-size: 2.5rem;
+  font-size: var(--calcite-font-size-0);
+  line-height: 1.25rem;
+  margin-inline-end: 0.5rem;
+}
+:host([scale=m]) .stepper-item-description {
+  font-size: var(--calcite-font-size--1);
+  line-height: 1rem;
+}
+
+:host([scale=l]) {
+  --calcite-stepper-item-spacing-unit-s: 0.75rem;
+  --calcite-stepper-item-spacing-unit-m: 1.25rem;
+  --calcite-stepper-item-spacing-unit-l: 1.5rem;
+  --calcite-internal-stepper-action-inline-size: 3rem;
+  font-size: var(--calcite-font-size-1);
+  line-height: 1.5rem;
+  margin-inline-end: 0.75rem;
+}
+:host([scale=l]) .stepper-item-description {
+  font-size: var(--calcite-font-size-0);
+  line-height: 1.25rem;
+}
+
+:host {
+  position: relative;
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+  align-self: flex-start;
+  margin-block-end: var(--calcite-stepper-item-spacing-unit-s);
+}
+
+:host .container {
+  position: relative;
+  display: flex;
+  flex-grow: 1;
+  cursor: pointer;
+  flex-direction: column;
+  border-width: 0px;
+  border-block-start-width: 2px;
+  border-style: solid;
+  border-color: var(--calcite-color-border-3);
+  color: var(--calcite-color-text-3);
+  text-decoration-line: none;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  transition-duration: 150ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+:host {
+  outline-color: transparent;
+}
+
+:host(:focus) {
+  outline: 2px solid var(--calcite-color-brand);
+  outline-offset: calc(
+            2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-offset-invert-focus),
+                1
+              )
+            )
+          );
+}
+
+:host .stepper-item-header {
+  display: flex;
+  cursor: pointer;
+  align-items: flex-start;
+}
+
+:host .stepper-item-content,
+:host .stepper-item-header {
+  transition-duration: 150ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  padding-block: var(--calcite-stepper-item-spacing-unit-l);
+  padding-inline-end: var(--calcite-stepper-item-spacing-unit-m);
+  text-align: start;
+}
+
+:host .stepper-item-header * {
+  display: inline-flex;
+  align-items: center;
+  transition-duration: 150ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+:host .stepper-item-content {
+  display: none;
+  inline-size: 100%;
+  flex-direction: column;
+  font-size: var(--calcite-font-size--2);
+  line-height: 1.375;
+}
+
+:host .stepper-item-icon {
+  margin-inline-end: var(--calcite-stepper-item-spacing-unit-m);
+  margin-block-start: 1px;
+  display: inline-flex;
+  block-size: 0.75rem;
+  flex-shrink: 0;
+  align-self: flex-start;
+  color: var(--calcite-color-text-3);
+  opacity: var(--calcite-opacity-disabled);
+  transition-duration: 150ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+:host .stepper-item-header-text {
+  flex-direction: column;
+  text-align: initial;
+  margin-inline-end: auto;
+}
+
+:host .stepper-item-heading,
+:host .stepper-item-description {
+  display: flex;
+  inline-size: 100%;
+}
+
+:host .stepper-item-heading {
+  margin-block-end: 0.25rem;
+  font-weight: var(--calcite-font-weight-medium);
+  color: var(--calcite-color-text-2);
+}
+
+:host .stepper-item-description {
+  color: var(--calcite-color-text-3);
+}
+
+:host .stepper-item-number {
+  font-weight: var(--calcite-font-weight-medium);
+  color: var(--calcite-color-text-3);
+  transition-duration: 150ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  margin-inline-end: var(--calcite-stepper-item-spacing-unit-m);
+}
+
+:host([disabled]) ::slotted([calcite-hydrated][disabled]),
+:host([disabled]) [calcite-hydrated][disabled] {
+  /* prevent opacity stacking */
+  opacity: 1;
+}
+
+:host([complete]) .container {
+  border-color: rgba(0, 122, 194, 0.5);
+}
+:host([complete]) .container .stepper-item-icon {
+  color: var(--calcite-color-brand);
+}
+
+:host([error]) .container {
+  border-block-start-color: var(--calcite-color-status-danger);
+}
+:host([error]) .container .stepper-item-number {
+  color: var(--calcite-color-status-danger);
+}
+:host([error]) .container .stepper-item-icon {
+  opacity: 1;
+  color: var(--calcite-color-status-danger);
+}
+
+:host(:hover:not([disabled]):not([selected])) .container,
+:host(:focus:not([disabled]):not([selected])) .container {
+  border-block-start-color: var(--calcite-color-brand);
+}
+:host(:hover:not([disabled]):not([selected])) .container .stepper-item-heading,
+:host(:focus:not([disabled]):not([selected])) .container .stepper-item-heading {
+  color: var(--calcite-color-text-1);
+}
+:host(:hover:not([disabled]):not([selected])) .container .stepper-item-description,
+:host(:focus:not([disabled]):not([selected])) .container .stepper-item-description {
+  color: var(--calcite-color-text-2);
+}
+
+:host([error]:hover:not([disabled]):not([selected])) .container,
+:host([error]:focus:not([disabled]):not([selected])) .container {
+  border-block-start-color: var(--calcite-color-status-danger-hover);
+}
+
+:host([selected]) .container {
+  border-block-start-color: var(--calcite-color-brand);
+}
+:host([selected]) .container .stepper-item-heading {
+  color: var(--calcite-color-text-1);
+}
+:host([selected]) .container .stepper-item-description {
+  color: var(--calcite-color-text-2);
+}
+:host([selected]) .container .stepper-item-number {
+  color: var(--calcite-color-brand);
+}
+:host([selected]) .container .stepper-item-icon {
+  color: var(--calcite-color-brand);
+  opacity: 1;
+}
+
+:host([selected]) .container .stepper-item-content {
+  display: flex;
+}
+
+:host([layout=vertical]) .container {
+  margin-inline: 0px;
+  margin-block-start: 0px;
+  flex: 1 1 auto;
+  border-block-start-width: 0px;
+  border-style: solid;
+  border-color: var(--calcite-color-border-3);
+  padding-block: 0px;
+  border-inline-start-width: 2px;
+  padding-inline-start: var(--calcite-stepper-item-spacing-unit-l);
+}
+:host([layout=vertical]) .container .stepper-item-icon {
+  order: 3;
+  margin-block: 1px 0px;
+  padding-inline-start: var(--calcite-stepper-item-spacing-unit-s);
+  margin-inline-start: auto;
+}
+:host([layout=vertical]) .container .stepper-item-header {
+  padding-inline-end: 0px;
+}
+:host([layout=vertical]) .container .stepper-item-content {
+  padding: 0px;
+}
+
+:host([layout=vertical][complete]) .container {
+  border-color: rgba(0, 122, 194, 0.5);
+}
+
+:host([layout=vertical][complete]:hover:not([disabled]):not([selected])) .container,
+:host([layout=vertical][complete]:focus:not([disabled]):not([selected])) .container {
+  border-color: var(--calcite-color-brand);
+}
+
+:host([layout=vertical][error]) .container {
+  border-color: var(--calcite-color-status-danger);
+}
+
+:host([layout=vertical][selected]) .container {
+  border-color: var(--calcite-color-brand);
+}
+:host([layout=vertical][selected]) .container .stepper-item-content:not(:empty) {
+  margin-block-end: var(--calcite-stepper-item-spacing-unit-l);
+}
+
+:host([layout=vertical]:hover:not([disabled]):not([selected])) .container,
+:host([layout=vertical]:focus:not([disabled]):not([selected])) .container {
+  border-color: rgba(0, 122, 194, 0.5);
+}
+
+:host([layout=vertical][error]:hover:not([disabled]):not([selected])) .container,
+:host([layout=vertical][error]:focus:not([disabled]):not([selected])) .container {
+  border-color: var(--calcite-color-status-danger-hover);
+}
+
+:host([layout=horizontal]) {
+  display: contents;
+}
+:host([layout=horizontal]) .container {
+  display: contents;
+}
+:host([layout=horizontal]) .stepper-item-header {
+  border-width: 0px;
+  border-block-start-width: 2px;
+  border-style: solid;
+  border-color: var(--calcite-color-border-3);
+  outline-color: transparent;
+  grid-row: items;
+}
+:host([layout=horizontal]) .stepper-item-header:focus {
+  outline: 2px solid var(--calcite-color-brand);
+  outline-offset: calc(
+            2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-offset-invert-focus),
+                1
+              )
+            )
+          );
+}
+:host([layout=horizontal]) .stepper-item-content {
+  cursor: auto;
+  transition-duration: 150ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  padding-block: 0;
+  padding-inline-end: var(--calcite-stepper-item-spacing-unit-m);
+  text-align: start;
+}
+
+:host([layout=horizontal][selected]) .stepper-item-content {
+  grid-area: 2/1/2/-1;
+}
+
+:host([layout=horizontal][complete]) .stepper-item-header {
+  border-color: rgba(0, 122, 194, 0.5);
+}
+
+:host([layout=horizontal][complete]:hover:not([disabled]):not([selected])) .stepper-item-header,
+:host([layout=horizontal][complete]:focus:not([disabled]):not([selected])) .stepper-item-header {
+  border-color: var(--calcite-color-brand);
+}
+
+:host([layout=horizontal][error]) .stepper-item-header {
+  border-color: var(--calcite-color-status-danger);
+}
+
+:host([layout=horizontal][selected][multiple-view-mode]) .stepper-item-header {
+  border-color: var(--calcite-color-brand);
+}
+
+:host([layout=horizontal]:hover:not([disabled]):not([selected])) .stepper-item-header,
+:host([layout=horizontal]:focus:not([disabled]):not([selected])) .stepper-item-header {
+  border-color: rgba(0, 122, 194, 0.5);
+}
+
+:host([layout=horizontal][error]:hover:not([disabled]):not([selected])) .stepper-item-header,
+:host([layout=horizontal][error]:focus:not([disabled]):not([selected])) .stepper-item-header {
+  border-color: var(--calcite-color-status-danger-hover);
+}
+
+@media (forced-colors: active) {
+  :host .container {
+    outline-width: 0;
+    outline-offset: 0;
+  }
+  :host(:focus),
+  :host(:focus-visible) {
+    outline-color: canvasText;
+  }
+  :host([selected]) .container {
+    border-block-start-color: highlight;
+  }
+  :host([selected]) .container .stepper-item-number {
+    color: highlight;
+  }
+  :host([selected]) .container .stepper-item-icon {
+    color: highlight;
+  }
+  :host([layout=vertical][selected]) .container {
+    border-color: highlight;
+  }
+}
+:host([layout=horizontal]:not([multiple-view-mode])) .stepper-item-header {
+  margin-inline-end: 0px;
+  border-style: none;
+  inline-size: 100%;
+  padding-inline: calc(var(--calcite-internal-stepper-action-inline-size) + 0.5rem);
+}
+
+:host([layout=horizontal][error]:not([multiple-view-mode])) .container .stepper-item-number {
+  color: var(--calcite-color-status-danger);
+}
+:host([layout=horizontal][error]:not([multiple-view-mode])) .container .stepper-item-icon {
+  opacity: 1;
+  color: var(--calcite-color-status-danger);
+}
+
+:host([layout=horizontal][error][selected]:not([multiple-view-mode])),
+:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container {
+  color: var(--calcite-color-text-3);
+}
+:host([layout=horizontal][error][selected]:not([multiple-view-mode])) .stepper-item-heading,
+:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-heading {
+  color: var(--calcite-color-text-2);
+}
+
+:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-icon {
+  opacity: var(--calcite-opacity-disabled);
+}
+:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-number {
+  color: var(--calcite-color-text-3);
+}
+
+.visually-hidden {
+  position: absolute;
+  inline-size: 1px;
+  block-size: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+[hidden] {
+  display: none;
+}