@esri/solutions-components 0.10.8 → 0.10.10

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

@@ -1,514 +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([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;
-}
-
-.container,
-.select-icon,
-.title {
-  padding-inline-start: var(--calcite-internal-chip-padding-start);
-  padding-inline-end: var(--calcite-internal-chip-padding-end);
-}
-
-.select-icon:not(.select-icon--active) {
-  padding-inline: 0;
-}
-
-:host([scale=s]) {
-  block-size: 1.5rem;
-  font-size: var(--calcite-font-size--2);
-  --calcite-chip-spacing-s-internal: 0.25rem;
-  --calcite-chip-spacing-l-internal: 0.5rem;
-}
-:host([scale=s]) .close,
-:host([scale=s]) .select-icon--active {
-  block-size: 1rem;
-  inline-size: 1rem;
-}
-:host([scale=s]) .image-container {
-  block-size: 1.25rem;
-  inline-size: 1.25rem;
-}
-:host([scale=s]) .container.is-circle,
-:host([scale=s]) .container.is-circle.image--slotted {
-  block-size: 1.5rem;
-  inline-size: 1.5rem;
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-px);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-px);
-}
-:host([scale=s]) .multiple .select-icon {
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);
-}
-:host([scale=s]) .multiple.image--slotted .select-icon {
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-xs);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-sm);
-}
-:host([scale=s]) .multiple.image--slotted.text--slotted {
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-px);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);
-}
-:host([scale=s]) .container {
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);
-}
-:host([scale=s]) .container.image--slotted {
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-px);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);
-}
-:host([scale=s]) .container.image--slotted.closable {
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);
-}
-:host([scale=s]) .container:not(.is-circle):not(.multiple):not(.image-slotted) .select-icon.select-icon--active {
-  padding-inline-start: 0;
-  padding-inline-end: var(--calcite-spacing-xs);
-}
-:host([scale=s]) .container:not(.is-circle):not(.multiple).image--slotted .select-icon.select-icon--active {
-  padding-inline-start: var(--calcite-spacing-base);
-  padding-inline-end: var(--calcite-spacing-sm);
-}
-
-:host([scale=s][closable]) .container {
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);
-}
-
-:host([scale=m]) {
-  block-size: 2rem;
-  font-size: var(--calcite-font-size--1);
-  --calcite-chip-spacing-s-internal: 0.375rem;
-  --calcite-chip-spacing-l-internal: 0.5rem;
-}
-:host([scale=m]) .close,
-:host([scale=m]) .image-container,
-:host([scale=m]) .select-icon--active {
-  block-size: 1.5rem;
-  inline-size: 1.5rem;
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);
-}
-:host([scale=m]) .container.is-circle,
-:host([scale=m]) .container.is-circle.image--slotted {
-  block-size: 2rem;
-  inline-size: 2rem;
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-px);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-px);
-}
-:host([scale=m]) .multiple .select-icon {
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-base);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-base);
-}
-:host([scale=m]) .multiple.image--slotted .select-icon {
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-sm);
-}
-:host([scale=m]) .multiple.image--slotted.text--slotted {
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-xs);
-}
-:host([scale=m]) .container {
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-xs);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-xs);
-}
-:host([scale=m]) .container.image--slotted {
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-xs);
-}
-:host([scale=m]) .container.image--slotted.closable {
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);
-}
-:host([scale=m]) .container:not(.is-circle):not(.multiple):not(.image-slotted) .select-icon.select-icon--active {
-  padding-inline-start: 0;
-  padding-inline-end: var(--calcite-spacing-px);
-}
-:host([scale=m]) .container:not(.is-circle):not(.multiple).image--slotted .select-icon.select-icon--active {
-  padding-inline-start: 0;
-  padding-inline-end: var(--calcite-spacing-sm);
-}
-
-:host([scale=m][closable]) .container {
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-xs);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);
-}
-
-:host([scale=l]) {
-  block-size: 2.75rem;
-  font-size: var(--calcite-font-size-0);
-  --calcite-chip-spacing-s-internal: 0.5rem;
-  --calcite-chip-spacing-l-internal: 0.75rem;
-}
-:host([scale=l]) .image-container,
-:host([scale=l]) .close,
-:host([scale=l]) .select-icon--active {
-  block-size: 2rem;
-  inline-size: 2rem;
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);
-}
-:host([scale=l]) .container.is-circle,
-:host([scale=l]) .container.is-circle.image--slotted {
-  block-size: 2.75rem;
-  inline-size: 2.75rem;
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);
-}
-:host([scale=l]) .multiple .select-icon {
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);
-}
-:host([scale=l]) .multiple.image--slotted .select-icon {
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-xs);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-md);
-}
-:host([scale=l]) .container {
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-sm);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-sm);
-}
-:host([scale=l]) .container.image--slotted {
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-xs);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-sm);
-}
-:host([scale=l]) .container.image--slotted.closable {
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-xs);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-xs);
-}
-:host([scale=l]) .container:not(.is-circle):not(.multiple):not(.image-slotted) .select-icon.select-icon--active {
-  padding-inline-start: 0;
-  padding-inline-end: var(--calcite-spacing-xxs);
-}
-:host([scale=l]) .container:not(.is-circle):not(.multiple).image--slotted .select-icon.select-icon--active {
-  padding-inline-start: 0;
-  padding-inline-end: var(--calcite-spacing-md);
-}
-
-:host([scale=l][closable]) .container {
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-sm);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-xs);
-}
-
-:host {
-  display: inline-flex;
-  cursor: default;
-  border-radius: 9999px;
-}
-
-.container {
-  box-sizing: border-box;
-  display: inline-flex;
-  block-size: 100%;
-  max-inline-size: 100%;
-  align-items: center;
-  justify-content: center;
-  border-radius: 9999px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--calcite-color-border-1);
-  font-weight: var(--calcite-font-weight-medium);
-  outline-color: transparent;
-}
-.container.selectable {
-  cursor: pointer;
-}
-.container:not(.non-interactive):focus {
-  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]) .container.selectable.single.image--slotted {
-  --calcite-internal-chip-padding-end: calc(0.125rem / 2);
-}
-
-:host([scale=s]) .container:not(.selected):not(.multiple).image--slotted {
-  --calcite-internal-chip-padding-start: calc(0.125rem / 2);
-}
-
-.container.text--slotted .title {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  --calcite-internal-chip-padding-start: var(--calcite-chip-spacing-s-internal);
-  --calcite-internal-chip-padding-end: var(--calcite-chip-spacing-s-internal);
-}
-
-.container:not(.text--slotted) .title {
-  display: none;
-}
-
-.container:not(.image--slotted) .image-container {
-  display: none;
-}
-
-.container:not(.is-circle).image--slotted .image-container {
-  margin-inline-end: var(--calcite-chip-spacing-s-internal);
-}
-.container:not(.is-circle).image--slotted .image-container ~ .chip-icon {
-  margin-inline-start: var(--calcite-chip-spacing-s-internal);
-}
-.container:not(.is-circle).selectable:not(.text--slotted) .chip-icon {
-  margin-inline-end: var(--calcite-chip-spacing-s-internal);
-}
-.container:not(.is-circle):not(.selectable):not(.text--slotted) .chip-icon {
-  margin-inline-start: var(--calcite-chip-spacing-s-internal);
-}
-.container:not(.is-circle):not(.text--slotted) .chip-icon {
-  margin-inline-end: var(--calcite-chip-spacing-s-internal);
-}
-.container:not(.is-circle):not(.text-slotted).image--slotted .image-container {
-  margin-inline-end: var(--calcite-chip-spacing-s-internal);
-}
-.container:not(.is-circle):not(.closable):not(.text--slotted).image--slotted.selectable .image-container {
-  margin-inline-end: 0;
-}
-.container:not(.is-circle):not(.closable):not(.text--slotted).image--slotted.selectable .image-container ~ .chip-icon {
-  margin-inline-start: calc(var(--calcite-chip-spacing-s-internal) * 2);
-}
-
-.chip-icon {
-  position: relative;
-  margin-block: 0px;
-  display: inline-flex;
-  transition-duration: 150ms;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  margin-inline: var(--calcite-chip-spacing-s-internal);
-}
-
-.image-container {
-  display: inline-flex;
-  overflow: hidden;
-  align-items: center;
-  justify-content: center;
-  pointer-events: none;
-}
-
-.close {
-  margin: 0px;
-  cursor: pointer;
-  align-items: center;
-  border-style: none;
-  background-color: transparent;
-  color: var(--calcite-color-text-1);
-  outline-color: transparent;
-  transition: background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
-  -webkit-appearance: none;
-  display: flex;
-  border-radius: 50%;
-  align-content: center;
-  justify-content: center;
-  --calcite-chip-transparent-hover: var(--calcite-color-transparent-hover);
-  --calcite-chip-transparent-press: var(--calcite-color-transparent-press);
-  --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);
-  --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);
-}
-.close:hover {
-  background-color: var(--calcite-chip-transparent-hover);
-}
-.close:focus {
-  background-color: var(--calcite-chip-transparent-hover);
-  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
-              )
-            )
-          );
-}
-.close:active {
-  background-color: var(--calcite-chip-transparent-press);
-}
-.close calcite-icon {
-  color: inherit;
-}
-
-.select-icon {
-  align-self: center;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-  inset-block-start: -1px;
-  position: relative;
-  visibility: hidden;
-  inline-size: 0;
-  opacity: 0;
-  transition: opacity 0.15s ease-in-out, inline-size 0.15s ease-in-out;
-}
-.select-icon.select-icon--active {
-  visibility: visible;
-  opacity: 0.5;
-}
-
-:host([selected]) .select-icon {
-  opacity: 1;
-}
-
-.container:hover .select-icon--active {
-  opacity: 1;
-}
-
-.multiple .select-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-slot[name=image]::slotted(*) {
-  display: flex;
-  block-size: 100%;
-  inline-size: 100%;
-  overflow: hidden;
-  border-radius: 50%;
-}
-
-:host([kind=neutral]) {
-  background-color: var(--calcite-color-foreground-2);
-  color: var(--calcite-color-text-1);
-}
-:host([kind=neutral]) .container {
-  border-color: transparent;
-}
-:host([kind=neutral]) .close {
-  color: var(--calcite-color-text-3);
-}
-:host([kind=neutral]) .chip-icon {
-  color: var(--calcite-ui-icon-color, var(--calcite-color-text-3));
-}
-
-:host([kind=inverse]) {
-  background-color: var(--calcite-color-inverse);
-  color: var(--calcite-color-text-inverse);
-}
-:host([kind=inverse]) .container {
-  border-color: transparent;
-}
-:host([kind=inverse]) .close {
-  color: var(--calcite-color-text-inverse);
-}
-:host([kind=inverse]) .chip-icon {
-  color: var(--calcite-ui-icon-color, var(--calcite-color-text-inverse));
-}
-
-:host([kind=brand]) {
-  background-color: var(--calcite-color-brand);
-  color: var(--calcite-color-text-inverse);
-}
-:host([kind=brand]) .container {
-  border-color: transparent;
-}
-:host([kind=brand]) .close {
-  color: var(--calcite-color-text-inverse);
-}
-:host([kind=brand]) .chip-icon {
-  color: var(--calcite-ui-icon-color, var(--calcite-color-text-inverse));
-}
-
-:host([appearance=outline-fill]),
-:host([appearance=outline]) {
-  background-color: var(--calcite-color-foreground-1);
-  color: var(--calcite-color-text-1);
-}
-:host([appearance=outline-fill]) .close,
-:host([appearance=outline]) .close {
-  color: var(--calcite-color-text-3);
-}
-:host([appearance=outline-fill]) .chip-icon,
-:host([appearance=outline]) .chip-icon {
-  color: var(--calcite-ui-icon-color, var(--calcite-color-text-3));
-}
-
-:host([appearance=outline-fill]) {
-  background-color: var(--calcite-color-foreground-1);
-}
-
-:host([appearance=outline]) {
-  background-color: transparent;
-}
-
-:host([kind=neutral][appearance=outline-fill]) .container,
-:host([kind=neutral][appearance=outline]) .container {
-  border-color: var(--calcite-color-border-1);
-}
-
-:host([kind=inverse][appearance=outline-fill]) .container,
-:host([kind=inverse][appearance=outline]) .container {
-  border-color: var(--calcite-color-border-inverse);
-}
-
-:host([kind=brand][appearance=outline-fill]) .container,
-:host([kind=brand][appearance=outline]) .container {
-  border-color: var(--calcite-color-brand);
-}
-
-:host([kind=brand][appearance=solid]) button,
-:host([kind=inverse][appearance=solid]) button {
-  outline-color: var(--calcite-color-text-inverse);
-}
-
-:host([closed]) {
-  display: none;
-}
-
-:host([disabled]) ::slotted([calcite-hydrated][disabled]),
-:host([disabled]) [calcite-hydrated][disabled] {
-  /* prevent opacity stacking */
-  opacity: 1;
-}
-
-.interaction-container {
-  display: contents;
-}
-
-:host([hidden]) {
-  display: none;
-}
-
-[hidden] {
-  display: none;
-}

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

@@ -1,78 +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([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: flex;
-}
-
-.container {
-  display: flex;
-  inline-size: 100%;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-}
-
-::slotted(calcite-chip) {
-  flex: none;
-}
-
-:host([scale=s]) .container {
-  gap: 0.25rem;
-}
-
-:host([scale=l]) .container {
-  gap: 0.75rem;
-}
-
-:host([disabled]) ::slotted([calcite-hydrated][disabled]),
-:host([disabled]) [calcite-hydrated][disabled] {
-  /* prevent opacity stacking */
-  opacity: 1;
-}
-
-.interaction-container {
-  display: contents;
-}
-
-:host([hidden]) {
-  display: none;
-}
-
-[hidden] {
-  display: none;
-}