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

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

@@ -0,0 +1,143 @@
+/**
+ * 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-table-cell-padding: 0.25rem;
+  --calcite-internal-table-cell-font-size: var(--calcite-font-size--2);
+  --calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--3);
+}
+
+:host([scale=m]) {
+  --calcite-internal-table-cell-padding: 0.5rem;
+  --calcite-internal-table-cell-font-size: var(--calcite-font-size--1);
+  --calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--2);
+}
+
+:host([scale=l]) {
+  --calcite-internal-table-cell-padding: 1rem;
+  --calcite-internal-table-cell-font-size: var(--calcite-font-size-0);
+  --calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--1);
+}
+
+:host {
+  display: table;
+}
+
+.container {
+  max-inline-size: 100vw;
+  inline-size: 100%;
+}
+
+.table-container {
+  overflow-x: auto;
+  white-space: nowrap;
+}
+
+.table-container:not(.bordered) {
+  border-block-end: 1px solid var(--calcite-color-border-3);
+}
+
+.assistive-text {
+  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;
+}
+
+table {
+  inline-size: 100%;
+  border-collapse: collapse;
+  overflow-x: scroll;
+  border-block-start: 1px solid var(--calcite-color-border-3);
+  border-inline-start: 1px solid var(--calcite-color-border-3);
+  border-block-end: 1px solid var(--calcite-color-border-3);
+}
+
+tbody {
+  border-block-end: 1px solid var(--calcite-color-border-3);
+}
+
+.table--fixed {
+  table-layout: fixed;
+}
+
+.bordered ::slotted(calcite-table-row) {
+  --calcite-table-row-border-color: var(--calcite-color-border-3);
+}
+
+.zebra ::slotted(calcite-table-row:nth-child(2n+1)) {
+  --calcite-table-row-background: var(--calcite-color-foreground-2);
+}
+
+.selection-actions {
+  display: flex;
+  flex-direction: row;
+  margin-inline-start: auto;
+}
+
+.selection-area {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-block: var(--calcite-internal-table-cell-padding);
+}
+
+.selection-area calcite-chip:last-of-type {
+  margin-inline-end: 0.5rem;
+}
+
+.selection-area calcite-chip:last-of-type:not(:first-of-type) {
+  margin-inline-start: 0.5rem;
+}
+
+.selection-area calcite-button {
+  margin-inline-end: 1rem;
+}
+
+.pagination-area {
+  display: flex;
+  inline-size: 100%;
+  flex-direction: row;
+  justify-content: center;
+  padding-block: var(--calcite-internal-table-cell-padding);
+}
+
+calcite-pagination {
+  flex: 1;
+  justify-content: center;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+[hidden] {
+  display: none;
+}

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

@@ -0,0 +1,133 @@
+/**
+ * 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.
+*/
+/**
+* CSS Custom Properties
+*
+* These properties can be overridden using the component's tag as selector.
+*
+* @prop --calcite-table-cell-background: Specifies the background color of the component.
+* @prop --calcite-table-cell-border-color: Specifies the border color of the component.
+*/
+:host {
+  --calcite-internal-table-cell-background-internal: var(--calcite-table-cell-background, transparent);
+  --calcite-internal-table-cell-border-color-internal: var(--calcite-table-cell-border-color, transparent);
+  display: contents;
+}
+
+:host([alignment=center]) td {
+  text-align: center;
+}
+
+:host([alignment=end]) td {
+  text-align: end;
+}
+
+.assistive-text {
+  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;
+}
+
+td {
+  white-space: normal;
+  text-align: start;
+  vertical-align: middle;
+  color: var(--calcite-color-text-1);
+  outline-color: transparent;
+  background: var(--calcite-internal-table-cell-background);
+  border-inline-end: 1px solid var(--calcite-color-border-3);
+  font-size: var(--calcite-internal-table-cell-font-size);
+  padding: var(--calcite-internal-table-cell-padding);
+}
+td:focus {
+  outline: 2px solid var(--calcite-color-brand);
+  outline-offset: calc(
+            -2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-offset-invert-focus),
+                1
+              )
+            )
+          );
+}
+
+.number-cell {
+  background-color: var(--calcite-color-foreground-2);
+}
+
+.footer-cell {
+  background-color: var(--calcite-color-background);
+  font-weight: var(--calcite-font-weight-medium);
+  color: var(--calcite-color-text-1);
+  border-block-start: 1px solid var(--calcite-color-border-3);
+}
+
+.number-cell,
+.selection-cell {
+  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;
+}
+
+.selected-cell:not(.number-cell):not(.footer-cell) {
+  --calcite-table-cell-background: var(--calcite-color-foreground-current);
+  background: var(--calcite-color-foreground-current);
+}
+
+.selection-cell.selected-cell {
+  box-shadow: inset 0.25rem 0 0 0 var(--calcite-color-brand);
+  color: var(--calcite-color-brand);
+}
+.selection-cell.selected-cell calcite-icon {
+  color: var(--calcite-color-brand);
+}
+
+.calcite--rtl.selection-cell.selected-cell {
+  box-shadow: inset -0.25rem 0 0 0 var(--calcite-color-brand);
+}
+
+.selection-cell {
+  vertical-align: middle;
+}
+.selection-cell ::slotted(calcite-icon) {
+  pointer-events: none;
+  margin-block-start: 0.25rem;
+}

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

@@ -0,0 +1,130 @@
+/**
+ * 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.
+*/
+/**
+* CSS Custom Properties
+*
+* These properties can be overridden using the component's tag as selector.
+*
+* @prop --calcite-table-header-background: Specifies the background color of the component.
+* @prop --calcite-table-header-border-color: Specifies the border color of the component.
+*/
+:host {
+  --calcite-internal-table-header-background: var(--calcite-table-header-background, var(--calcite-color-foreground-2));
+  --calcite-internal-table-header-border-color: var(--calcite-table-border-color, var(--calcite-color-border-3));
+  display: contents;
+}
+
+:host([alignment=center]) th {
+  text-align: center;
+}
+
+:host([alignment=end]) th {
+  text-align: end;
+}
+
+.assistive-text {
+  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;
+}
+
+th {
+  white-space: normal;
+  text-align: start;
+  vertical-align: top;
+  font-weight: var(--calcite-font-weight-medium);
+  color: var(--calcite-color-text-1);
+  outline-color: transparent;
+  font-size: var(--calcite-internal-table-cell-font-size);
+  border-inline-end: 1px solid var(--calcite-internal-table-header-border-color);
+  border-block-end: 1px solid var(--calcite-internal-table-header-border-color);
+  padding-block: calc(var(--calcite-internal-table-cell-padding) * 1.5);
+  padding-inline: var(--calcite-internal-table-cell-padding);
+  background-color: var(--calcite-internal-table-header-background);
+}
+th:focus-within {
+  outline: 2px solid var(--calcite-color-brand);
+  outline-offset: calc(
+            -2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-offset-invert-focus),
+                1
+              )
+            )
+          );
+}
+
+th.body-row,
+th.footer-row {
+  vertical-align: middle;
+  border-block-end: 0;
+}
+
+th.footer-row {
+  border-block-start: 1px solid var(--calcite-internal-table-header-border-color);
+}
+
+.cell--multiple-selection {
+  cursor: pointer;
+  vertical-align: middle;
+  color: var(--calcite-color-text-3);
+}
+
+.number-cell,
+.selection-cell {
+  color: var(--calcite-color-text-2);
+  inline-size: 2rem;
+  min-inline-size: 2rem;
+}
+
+.selection-cell calcite-icon.active {
+  color: var(--calcite-color-brand);
+}
+
+.number-cell calcite-icon,
+.selection-cell calcite-icon {
+  margin-inline-start: auto;
+  margin-inline-end: auto;
+  vertical-align: middle;
+}
+
+.heading {
+  color: var(--calcite-color-text-1);
+}
+
+.description {
+  color: var(--calcite-color-text-3);
+  font-size: var(--calcite-internal-table-cell-font-size-secondary);
+}

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

@@ -0,0 +1,74 @@
+/**
+ * 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;
+}
+
+/**
+* CSS Custom Properties
+*
+* These properties can be overridden using the component's tag as selector.
+*
+* @prop --calcite-table-row-background: Specifies the background color of the component.
+* @prop --calcite-table-row-border-color: Specifies the border color of the component.
+*/
+:host {
+  --calcite-internal-table-row-background: var(--calcite-table-row-background, var(--calcite-color-foreground-1));
+  --calcite-internal-table-row-border-color: var(--calcite-table-row-border-color, transparent);
+  display: contents;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+[hidden] {
+  display: none;
+}
+
+:host([disabled]) tr {
+  pointer-events: none;
+  opacity: var(--calcite-opacity-disabled);
+}
+:host([disabled]) ::slotted([calcite-hydrated][disabled]),
+:host([disabled]) [calcite-hydrated][disabled] {
+  /* prevent opacity stacking */
+  opacity: 1;
+}
+
+tr {
+  border-block-end: 1px solid var(--calcite-internal-table-row-border-color);
+  background-color: var(--calcite-internal-table-row-background);
+}

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

@@ -0,0 +1,102 @@
+/**
+ * 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 {
+  display: flex;
+  flex-direction: column;
+}
+
+:host([bordered]) {
+  box-shadow: inset 0 1px 0 var(--calcite-color-border-1);
+  background-color: var(--calcite-color-foreground-1);
+}
+
+:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav) {
+  margin-block-end: -1px;
+}
+
+:host([bordered][position=bottom]) {
+  box-shadow: inset 0 1px 0 var(--calcite-color-border-1), inset 0 -1px 0 var(--calcite-color-border-1);
+}
+
+:host([bordered]) section {
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--calcite-color-border-1);
+}
+
+:host([bordered][scale=s]) section {
+  padding: 0.75rem;
+}
+
+:host([bordered][scale=m]) section {
+  padding: 0.5rem;
+}
+
+:host([bordered][scale=l]) section {
+  padding: 1rem;
+}
+
+:host([position=bottom]) {
+  flex-direction: column-reverse;
+}
+
+section {
+  display: flex;
+  flex-grow: 1;
+  overflow: hidden;
+  border-block-start-width: 1px;
+  border-block-start-color: var(--calcite-color-border-1);
+  border-block-start-style: solid;
+}
+
+:host([position=bottom]) section {
+  flex-direction: column-reverse;
+  border-block-start-width: 0px;
+  border-block-end-width: 1px;
+  border-block-end-color: var(--calcite-color-border-1);
+}
+
+:host([position=bottom]:not([bordered])) section {
+  border-block-end-style: solid;
+}
+
+@media (forced-colors: active) {
+  :host([bordered]) section {
+    border-block-start-width: 0px;
+    border-block-end-width: 1px;
+  }
+  :host([position=bottom][bordered]) section {
+    border-block-start-width: 1px;
+    border-block-end-width: 0px;
+  }
+}
+:host([hidden]) {
+  display: none;
+}
+
+[hidden] {
+  display: none;
+}