@esri/solutions-components 0.10.8 → 0.10.10

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

@@ -1,341 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:08 GMT
- */
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:08 GMT
- */
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:08 GMT
- */
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:08 GMT
- */
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:06 GMT
- */
-/* mixins & extensions */
-/* helper to properly scale internal durations */
-/**
-* Currently only used in Checkbox.
-*/
-:host {
-  /* Base ":host" styles for the component */
-  box-sizing: border-box;
-  background-color: var(--calcite-color-foreground-1);
-  color: var(--calcite-color-text-2);
-  font-size: var(--calcite-font-size--1);
-}
-:host * {
-  box-sizing: border-box;
-}
-
-: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-action-indicator-color: Specifies the color of the component's indicator.
-*/
-:host {
-  display: flex;
-  background-color: transparent;
-  --calcite-action-indicator-color: var(--calcite-color-brand);
-  --calcite-action-color-transparent-hover: var(--calcite-color-transparent-hover);
-  --calcite-action-color-transparent-press: var(--calcite-color-transparent-press);
-}
-
-:host([disabled]) ::slotted([calcite-hydrated][disabled]),
-:host([disabled]) [calcite-hydrated][disabled] {
-  /* prevent opacity stacking */
-  opacity: 1;
-}
-
-.interaction-container {
-  display: contents;
-}
-
-.button {
-  position: relative;
-  margin: 0px;
-  display: flex;
-  inline-size: auto;
-  cursor: pointer;
-  align-items: center;
-  justify-content: flex-start;
-  border-style: none;
-  background-color: var(--calcite-color-foreground-1);
-  fill: var(--calcite-color-text-3);
-  font-family: var(--calcite-font-family);
-  font-size: var(--calcite-font-size--2);
-  line-height: 1rem;
-  font-weight: var(--calcite-font-weight-medium);
-  color: var(--calcite-color-text-3);
-  outline-color: transparent;
-  text-align: unset;
-  flex: 1 0 auto;
-}
-.button:hover {
-  background-color: var(--calcite-color-foreground-2);
-  fill: var(--calcite-color-text-1);
-  color: var(--calcite-color-text-1);
-}
-.button:focus {
-  background-color: var(--calcite-color-foreground-2);
-  fill: var(--calcite-color-text-1);
-  color: var(--calcite-color-text-1);
-  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
-              )
-            )
-          );
-}
-.button:active {
-  background-color: var(--calcite-color-foreground-3);
-}
-.button .icon-container {
-  pointer-events: none;
-  margin: 0px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-inline-size: 1rem;
-  min-block-size: 1.5rem;
-}
-.button .text-container {
-  margin: 0px;
-  inline-size: 0px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  line-height: 1.5rem;
-  opacity: 0;
-  transition-property: opacity;
-  transition-duration: 150ms;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-property: margin;
-  transition-property: inline-size;
-}
-.button .text-container--visible {
-  inline-size: auto;
-  flex: 1 1 auto;
-  opacity: 1;
-}
-
-:host([data-active]) .button {
-  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([scale=s]) .button {
-  padding-inline: 0.5rem;
-  padding-block: 0.25rem;
-  font-size: var(--calcite-font-size--2);
-  line-height: 1rem;
-  font-weight: var(--calcite-font-weight-normal);
-}
-:host([scale=s]) .button--text-visible .icon-container {
-  margin-inline-end: 0.5rem;
-}
-
-:host([scale=m]) .button {
-  padding-inline: 1rem;
-  padding-block: 0.75rem;
-  font-size: var(--calcite-font-size--1);
-  line-height: 1rem;
-  font-weight: var(--calcite-font-weight-normal);
-}
-:host([scale=m]) .button--text-visible .icon-container {
-  margin-inline-end: 0.75rem;
-}
-
-:host([scale=l]) .button {
-  padding: 1.25rem;
-  font-size: var(--calcite-font-size-0);
-  line-height: 1.25rem;
-  font-weight: var(--calcite-font-weight-normal);
-}
-:host([scale=l]) .button--text-visible .icon-container {
-  margin-inline-end: 1rem;
-}
-
-:host([alignment=center]) .button {
-  justify-content: center;
-}
-
-:host([alignment=end]) .button {
-  justify-content: flex-end;
-}
-
-:host([alignment=center]) .button .text-container--visible,
-:host([alignment=end]) .button .text-container--visible {
-  flex: 0 1 auto;
-}
-
-/* [Deprecated]  Compact */
-:host([scale=s][compact]) .button,
-:host([scale=m][compact]) .button,
-:host([scale=l][compact]) .button {
-  padding-inline: 0px;
-}
-
-.slot-container {
-  display: flex;
-}
-
-.slot-container--hidden {
-  display: none;
-}
-
-.button--text-visible {
-  inline-size: 100%;
-}
-
-:host([active]) .button,
-:host([active]) .button:hover,
-:host([active]) .button:focus,
-:host([active][loading]) .button {
-  background-color: var(--calcite-color-foreground-3);
-  fill: var(--calcite-color-text-1);
-  color: var(--calcite-color-text-1);
-}
-
-:host([appearance=transparent]) .button {
-  background-color: transparent;
-  transition-property: box-shadow;
-  transition-duration: 150ms;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-:host([active]) .button:active {
-  background-color: var(--calcite-color-foreground-1);
-}
-
-:host([appearance=transparent][active]) .button,
-:host([appearance=transparent]) .button:hover,
-:host([appearance=transparent]) .button:focus {
-  background-color: var(--calcite-action-color-transparent-hover);
-}
-
-:host([appearance=transparent]) .button:active {
-  background-color: var(--calcite-action-color-transparent-press);
-}
-
-:host([appearance=transparent][disabled]) .button {
-  background-color: transparent;
-}
-
-:host([loading][appearance=solid]) .button,
-:host([loading][appearance=solid]) .button:hover,
-:host([loading][appearance=solid]) .button:focus {
-  background-color: var(--calcite-color-foreground-1);
-}
-:host([loading][appearance=solid]) .button .text-container,
-:host([loading][appearance=solid]) .button:hover .text-container,
-:host([loading][appearance=solid]) .button:focus .text-container {
-  opacity: var(--calcite-opacity-disabled);
-}
-
-:host([loading]) calcite-loader[inline] {
-  color: var(--calcite-color-text-3);
-  margin-inline-end: 0px;
-}
-
-:host([disabled]) .button,
-:host([disabled]) .button:hover,
-:host([disabled]) .button:focus {
-  cursor: default;
-  background-color: var(--calcite-color-foreground-1);
-  opacity: var(--calcite-opacity-disabled);
-}
-
-:host([disabled][active]) .button,
-:host([disabled][active]) .button:hover,
-:host([disabled][active]) .button:focus {
-  background-color: var(--calcite-color-foreground-3);
-  opacity: var(--calcite-opacity-disabled);
-}
-
-.indicator-with-icon {
-  position: relative;
-}
-.indicator-with-icon::after {
-  content: "";
-  position: absolute;
-  block-size: 0.5rem;
-  inline-size: 0.5rem;
-  border-radius: 9999px;
-  inset-block-end: -0.275rem;
-  inset-inline-end: -0.275rem;
-  background-color: var(--calcite-action-indicator-color);
-}
-
-.indicator-without-icon {
-  margin-inline: 0.25rem;
-  inline-size: 1rem;
-  position: relative;
-}
-.indicator-without-icon::after {
-  content: "";
-  position: absolute;
-  block-size: 0.5rem;
-  inline-size: 0.5rem;
-  border-radius: 9999px;
-  inset-block-end: -0.275rem;
-  inset-inline-end: -0.275rem;
-  background-color: var(--calcite-action-indicator-color);
-}
-
-.indicator-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;
-}
-
-:host([hidden]) {
-  display: none;
-}
-
-[hidden] {
-  display: none;
-}

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

@@ -1,105 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:08 GMT
- */
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:08 GMT
- */
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:08 GMT
- */
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:08 GMT
- */
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:06 GMT
- */
-/* mixins & extensions */
-/* helper to properly scale internal durations */
-/**
-* Currently only used in Checkbox.
-*/
-:host {
-  /* Base ":host" styles for the component */
-  box-sizing: border-box;
-  background-color: var(--calcite-color-foreground-1);
-  color: var(--calcite-color-text-2);
-  font-size: var(--calcite-font-size--1);
-}
-:host * {
-  box-sizing: border-box;
-}
-
-/**
-* CSS Custom Properties
-*
-* These properties can be overridden using the component's tag as selector.
-*
-* @prop --calcite-action-bar-expanded-max-width: When `layout` is `"vertical"`, specifies the expanded max width of the component.
-*/
-:host {
-  pointer-events: auto;
-  display: inline-flex;
-  align-self: stretch;
-  --calcite-action-bar-expanded-max-width: auto;
-}
-
-:host([layout=vertical]) {
-  flex-direction: column;
-}
-:host([layout=vertical]) .action-group--end {
-  margin-block-start: auto;
-}
-
-:host([layout=horizontal]) {
-  flex-direction: row;
-}
-:host([layout=horizontal]) .action-group--end {
-  margin-inline-start: auto;
-}
-
-:host([layout=vertical][overflow-actions-disabled]) {
-  overflow-y: auto;
-}
-
-:host([layout=horizontal][overflow-actions-disabled]) {
-  overflow-x: auto;
-}
-
-:host([layout=vertical][expanded]) {
-  max-inline-size: var(--calcite-action-bar-expanded-max-width);
-}
-
-::slotted(calcite-action-group) {
-  border-block-end: 1px solid var(--calcite-color-border-3);
-}
-
-:host([layout=horizontal]) ::slotted(calcite-action-group) {
-  border-block-end: 0;
-  border-inline-end: 1px solid var(--calcite-color-border-3);
-}
-
-:host([layout=horizontal][expand-disabled]) ::slotted(calcite-action-group:last-of-type) {
-  border-inline-end: 0;
-}
-
-::slotted(calcite-action-group:last-child) {
-  border-block-end: 0;
-  border-inline-end: 0;
-}
-
-.action-group--end {
-  justify-content: flex-end;
-}
-
-:host([hidden]) {
-  display: none;
-}
-
-[hidden] {
-  display: none;
-}

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

@@ -1,113 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:08 GMT
- */
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:08 GMT
- */
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:08 GMT
- */
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:08 GMT
- */
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:06 GMT
- */
-/* mixins & extensions */
-/* helper to properly scale internal durations */
-/**
-* Currently only used in Checkbox.
-*/
-:host {
-  /* Base ":host" styles for the component */
-  box-sizing: border-box;
-  background-color: var(--calcite-color-foreground-1);
-  color: var(--calcite-color-text-2);
-  font-size: var(--calcite-font-size--1);
-}
-:host * {
-  box-sizing: border-box;
-}
-
-/**
-* CSS Custom Properties
-*
-* These properties can be overridden using the component's tag as selector.
-*
-* @prop --calcite-action-group-columns: Sets number of grid-template-columns when the `layout` property is `"grid"`.
-* @prop --calcite-action-group-gap: Sets the gap (gutters) between rows and columns when the `layout` property is `"grid"`.
-* @prop --calcite-action-group-padding: Sets the padding when the `layout` property is `"grid"`.
-*/
-:host {
-  display: flex;
-  flex-direction: column;
-  padding: 0px;
-  --calcite-action-group-columns: 3;
-  --calcite-action-group-gap: 1px;
-  --calcite-action-group-padding: 1px;
-}
-
-.container {
-  display: flex;
-  flex-grow: 1;
-  flex-direction: column;
-}
-
-:host([columns="1"]) {
-  --calcite-action-group-columns: 1;
-}
-
-:host([columns="2"]) {
-  --calcite-action-group-columns: 2;
-}
-
-:host([columns="3"]) {
-  --calcite-action-group-columns: 3;
-}
-
-:host([columns="4"]) {
-  --calcite-action-group-columns: 4;
-}
-
-:host([columns="5"]) {
-  --calcite-action-group-columns: 5;
-}
-
-:host([columns="6"]) {
-  --calcite-action-group-columns: 6;
-}
-
-:host(:first-child) {
-  padding-block-start: 0px;
-}
-
-:host([layout=horizontal]),
-:host([layout=horizontal]) .container {
-  flex-direction: row;
-}
-
-:host([layout=grid]) {
-  display: grid;
-}
-
-:host([layout=grid]) .container {
-  display: grid;
-  place-content: stretch;
-  background-color: var(--calcite-color-background);
-  gap: var(--calcite-action-group-gap);
-  padding: var(--calcite-action-group-gap);
-  grid-template-columns: repeat(var(--calcite-action-group-columns), auto);
-}
-
-:host([hidden]) {
-  display: none;
-}
-
-[hidden] {
-  display: none;
-}

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

@@ -1,73 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:08 GMT
- */
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:08 GMT
- */
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:08 GMT
- */
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:08 GMT
- */
-/**
- * Do not edit directly
- * Generated on Fri, 02 Aug 2024 20:03:06 GMT
- */
-/* mixins & extensions */
-/* helper to properly scale internal durations */
-/**
-* Currently only used in Checkbox.
-*/
-:host {
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  font-size: var(--calcite-font-size-1);
-  color: var(--calcite-color-text-2);
-}
-
-::slotted(calcite-action-group) {
-  border-block-end: 1px solid var(--calcite-color-border-3);
-}
-
-::slotted(calcite-action-group:last-child) {
-  border-block-end: 0;
-}
-
-.default-trigger {
-  position: relative;
-  block-size: 100%;
-  flex: 0 1 auto;
-  align-self: stretch;
-}
-
-slot[name=trigger]::slotted(calcite-action),
-calcite-action::slotted([slot=trigger]) {
-  position: relative;
-  block-size: 100%;
-  flex: 0 1 auto;
-  align-self: stretch;
-}
-
-.menu {
-  max-block-size: 45vh;
-  flex-direction: column;
-  flex-wrap: nowrap;
-  overflow-y: auto;
-  overflow-x: hidden;
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-
-:host([hidden]) {
-  display: none;
-}
-
-[hidden] {
-  display: none;
-}