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

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

@@ -0,0 +1,189 @@
+/**
+ * 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]) {
+  cursor: default;
+  -webkit-user-select: none;
+          -moz-user-select: none;
+       user-select: none;
+  opacity: var(--calcite-opacity-disabled);
+}
+
+:host([disabled]) *,
+:host([disabled]) ::slotted(*) {
+  pointer-events: none;
+}
+
+:host([scale=s]) .container {
+  block-size: 0.75rem;
+}
+:host([scale=s]) .track {
+  block-size: 0.75rem;
+  inline-size: 1.5rem;
+}
+:host([scale=s]) .handle {
+  block-size: 0.5rem;
+  inline-size: 0.5rem;
+}
+
+:host([scale=m]) .container {
+  block-size: 1rem;
+}
+:host([scale=m]) .track {
+  block-size: 1rem;
+  inline-size: 2rem;
+}
+:host([scale=m]) .handle {
+  block-size: 0.75rem;
+  inline-size: 0.75rem;
+}
+
+:host([scale=l]) .container {
+  block-size: 1.5rem;
+}
+:host([scale=l]) .track {
+  block-size: 1.5rem;
+  inline-size: 3rem;
+}
+:host([scale=l]) .handle {
+  block-size: 1.25rem;
+  inline-size: 1.25rem;
+}
+
+:host {
+  position: relative;
+  display: inline-block;
+  inline-size: auto;
+  cursor: pointer;
+  -webkit-user-select: none;
+          -moz-user-select: none;
+       user-select: none;
+  vertical-align: middle;
+  tap-highlight-color: transparent;
+}
+
+:host([disabled]) ::slotted([calcite-hydrated][disabled]),
+:host([disabled]) [calcite-hydrated][disabled] {
+  /* prevent opacity stacking */
+  opacity: 1;
+}
+
+.container {
+  outline-width: 0px;
+}
+
+.track {
+  pointer-events: none;
+  position: relative;
+  box-sizing: border-box;
+  display: inline-block;
+  border-radius: 9999px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--calcite-color-border-2);
+  background-color: var(--calcite-color-foreground-2);
+  vertical-align: top;
+  outline-color: transparent;
+}
+
+:host(:focus) .track {
+  outline: 2px solid var(--calcite-color-brand);
+  outline-offset: calc(
+            2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-offset-invert-focus),
+                1
+              )
+            )
+          );
+}
+
+.handle {
+  pointer-events: none;
+  position: absolute;
+  display: block;
+  border-radius: 9999px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: var(--calcite-color-border-input);
+  background-color: var(--calcite-color-foreground-1);
+  transition-property: all;
+  transition-duration: 150ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  inset-block-start: -1px;
+  inset-inline: -1px auto;
+}
+
+:host(:hover) .handle,
+:host(:focus) .handle {
+  border-color: var(--calcite-color-brand);
+  box-shadow: inset 0 0 0 1px var(--calcite-color-brand);
+}
+
+:host([checked]) .track {
+  border-color: var(--calcite-color-brand-hover);
+  background-color: var(--calcite-color-brand);
+}
+:host([checked]) .handle {
+  border-color: var(--calcite-color-brand);
+  inset-inline: auto -1px;
+}
+
+:host([checked]:hover) .track {
+  border-color: var(--calcite-color-brand-hover);
+  background-color: var(--calcite-color-brand);
+}
+:host([checked]:hover) .handle {
+  border-color: var(--calcite-color-brand-hover);
+  box-shadow: inset 0 0 0 1px var(--calcite-color-brand-hover);
+}
+
+@media (forced-colors: active) {
+  :host([checked]) .track {
+    background-color: canvasText;
+  }
+}
+::slotted(input[slot=hidden-form-input]) {
+  margin: 0 !important;
+  opacity: 0 !important;
+  outline: none !important;
+  padding: 0 !important;
+  position: absolute !important;
+  inset: 0 !important;
+  transform: none !important;
+  -webkit-appearance: none !important;
+  z-index: -1 !important;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+[hidden] {
+  display: none;
+}

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

@@ -0,0 +1,75 @@
+/**
+ * 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([selected]) section,
+:host([selected]) .container {
+    display: block
+}
+
+:host {
+    display: none;
+    block-size: 100%;
+    inline-size: 100%
+}
+
+:host([selected]) {
+    display: block;
+    block-size: 100%;
+    inline-size: 100%;
+    overflow: auto
+}
+
+.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
+}
+
+section,
+.container {
+    display: none;
+    block-size: 100%;
+    inline-size: 100%
+}
+
+:host([hidden]) {
+    display: none
+}
+
+[hidden] {
+    display: none
+}

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

@@ -0,0 +1,122 @@
+/**
+ * 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 {
+  position: relative;
+  display: flex;
+}
+
+.scale-s {
+  min-block-size: 1.5rem;
+}
+
+.scale-m {
+  min-block-size: 2rem;
+}
+
+.scale-l {
+  min-block-size: 2.75rem;
+}
+
+:host([layout=center]:not([bordered])) {
+  padding-inline: 1.25rem;
+}
+:host([layout=center]:not([bordered])) .tab-nav ::slotted(calcite-tab-title:last-child) {
+  margin-inline-end: 0px;
+}
+
+:host(:not([bordered])) .scale-l ::slotted(calcite-tab-title) {
+  margin-inline-end: 1.5rem;
+}
+:host(:not([bordered])) .scale-m ::slotted(calcite-tab-title) {
+  margin-inline-end: 1.25rem;
+}
+:host(:not([bordered])) .scale-s ::slotted(calcite-tab-title) {
+  margin-inline-end: 1rem;
+}
+
+.tab-nav {
+  display: flex;
+  inline-size: 100%;
+  justify-content: flex-start;
+  overflow: auto;
+}
+
+.tab-nav-active-indicator-container {
+  position: absolute;
+  inset-inline: 0px;
+  inset-block-end: 0px;
+  block-size: 0.125rem;
+  inline-size: 100%;
+  overflow: hidden;
+}
+
+.tab-nav-active-indicator {
+  position: absolute;
+  inset-block-end: 0px;
+  display: block;
+  block-size: 0.125rem;
+  background-color: var(--calcite-color-brand);
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+
+:host([layout=center]) .tab-nav {
+  justify-content: space-evenly;
+}
+
+:host .position-bottom .tab-nav-active-indicator {
+  inset-block-end: unset;
+  inset-block-start: 0px;
+}
+
+:host .position-bottom .tab-nav-active-indicator-container {
+  inset-block-end: unset;
+  inset-block-start: 0px;
+}
+
+:host([bordered]) .tab-nav-active-indicator-container {
+  inset-block-end: unset;
+}
+
+:host([bordered]) .position-bottom .tab-nav-active-indicator-container {
+  inset-block-end: 0;
+  inset-block-start: unset;
+}
+
+@media (forced-colors: active) {
+  .tab-nav-active-indicator {
+    background-color: highlight;
+  }
+}
+:host([hidden]) {
+  display: none;
+}
+
+[hidden] {
+  display: none;
+}

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

@@ -0,0 +1,348 @@
+/**
+ * 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]) {
+  cursor: default;
+  -webkit-user-select: none;
+          -moz-user-select: none;
+       user-select: none;
+  opacity: var(--calcite-opacity-disabled);
+}
+
+:host([disabled]) *,
+:host([disabled]) ::slotted(*) {
+  pointer-events: none;
+}
+
+:host {
+  display: block;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  margin-inline-start: 0px;
+}
+
+:host([layout=inline]) {
+  flex: 0 1 auto;
+}
+
+:host([layout=center]) {
+  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;
+}
+:host([layout=center]) .scale-s .content,
+:host([layout=center]) .scale-m .content,
+:host([layout=center]) .scale-l .content {
+  margin: auto;
+}
+
+:host([layout=center][closable]) .content {
+  padding-inline-start: 32px;
+}
+
+:host([layout=center][bordered][closable]) .scale-s .content {
+  padding-inline-start: 36px;
+}
+
+:host([layout=center][bordered][closable]) .scale-m .content {
+  padding-inline-start: 40px;
+}
+
+:host([layout=center][closable]) .scale-l .content {
+  padding-inline-start: 40px;
+}
+
+:host([layout=center][closable][bordered]) .scale-s .content {
+  padding-inline-start: 52px;
+}
+
+:host([position=bottom]) .container {
+  border-block-end-width: 0px;
+  border-block-start-width: 2px;
+  border-block-start-color: transparent;
+  border-block-start-style: solid;
+}
+
+:host([closed]) {
+  display: none;
+}
+
+.container {
+  outline-color: transparent;
+}
+
+:host(:focus) .container {
+  outline: 2px solid var(--calcite-color-brand);
+  outline-offset: calc(
+            -2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-offset-invert-focus),
+                1
+              )
+            )
+          );
+}
+:host(:focus) .container:focus-within {
+  outline-color: transparent;
+}
+
+:host(:active) a,
+:host(:focus) a,
+:host(:hover) a {
+  border-color: var(--calcite-color-border-2);
+  color: var(--calcite-color-text-1);
+  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;
+}
+:host([disabled]) ::slotted([calcite-hydrated][disabled]),
+:host([disabled]) [calcite-hydrated][disabled] {
+  /* prevent opacity stacking */
+  opacity: 1;
+}
+
+.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;
+  display: inline-flex;
+  align-self: center;
+}
+.calcite-tab-title--icon svg {
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
+}
+
+.content--has-text {
+  padding: 0.25rem;
+}
+
+.content--has-text .calcite-tab-title--icon.icon-start {
+  margin-inline-end: 0.5rem;
+}
+
+.content--has-text .calcite-tab-title--icon.icon-end {
+  margin-inline-start: 0.5rem;
+}
+
+.close-button {
+  display: flex;
+  cursor: pointer;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  align-content: center;
+  align-items: center;
+  justify-content: center;
+  align-self: center;
+  border-style: none;
+  background-color: var(--calcite-color-foreground-1);
+  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);
+  background-color: var(--calcite-button-transparent-1);
+  margin-inline-start: auto;
+}
+.close-button:focus {
+  outline: 2px solid var(--calcite-color-brand);
+  outline-offset: calc(
+            -2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-offset-invert-focus),
+                1
+              )
+            )
+          );
+  outline-offset: -1px;
+}
+.close-button:focus, .close-button:hover {
+  color: var(--calcite-color-text-1);
+  background-color: var(--calcite-color-foreground-2);
+}
+.close-button:active {
+  color: var(--calcite-color-text-1);
+  background-color: var(--calcite-color-foreground-3);
+}
+.close-button calcite-icon {
+  color: inherit;
+}
+
+:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child {
+  margin-inline-end: 0.5rem;
+}
+
+:host([bordered]) {
+  margin-inline-end: 0;
+}
+
+:host([bordered][selected]) {
+  box-shadow: inset 0px -2px var(--calcite-color-foreground-1);
+}
+
+:host([bordered][selected][position=bottom]) {
+  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);
+}
+
+:host([closable]) .container,
+:host([bordered]) .container {
+  border-inline-start: 1px solid transparent;
+  border-inline-end: 1px solid transparent;
+}
+:host([closable]) .container .close-button,
+:host([bordered]) .container .close-button {
+  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;
+}
+
+:host([selected][bordered]) .container {
+  border-inline-start-color: var(--calcite-color-border-1);
+  border-inline-end-color: var(--calcite-color-border-1);
+}
+
+:host([bordered]) .content {
+  padding-inline: 0.75rem;
+}
+
+:host([bordered]) .scale-s .content {
+  padding-inline: 0.5rem;
+}
+
+:host([bordered]) .scale-l .content {
+  padding-inline: 1rem;
+}
+
+@media (forced-colors: active) {
+  :host {
+    outline-width: 0;
+    outline-offset: 0;
+  }
+  :host(:focus) .container {
+    outline-color: highlight;
+  }
+  :host([bordered]) .container {
+    border-block-end-style: solid;
+  }
+  :host([bordered][position=bottom]) .container {
+    border-block-start-style: solid;
+  }
+  :host([bordered][selected]) .container {
+    border-block-end-style: none;
+  }
+  :host([bordered][position=bottom][selected]) .container {
+    border-block-start-style: none;
+  }
+  .close-button {
+    /* in high contrast the tab title outline covers the close button outline without a z-index */
+    z-index: var(--calcite-z-index);
+  }
+}
+:host([hidden]) {
+  display: none;
+}
+
+[hidden] {
+  display: none;
+}