npm - @servicetitan/anvil2 - Versions diffs - 3.0.5 → 3.0.7 - Mend

@servicetitan/anvil2 3.0.5 → 3.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (300) hide show

package/dist/MultiSelectFieldSync.css CHANGED Viewed

@@ -1,21 +1,21 @@
-.anvil2 {/* BASE */._combobox_s6lf7_2 {
+.anvil2 {/* BASE */._combobox_1mlsg_2 {
   min-width: 8rem;
   position: relative;
-}._search-field_s6lf7_7 {
+}._search-field_1mlsg_7 {
   flex-direction: column;
   font-size: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
   gap: var(--a2-size-2, 0.5rem);
-}._search-field_s6lf7_7._select_s6lf7_13 {
+}._search-field_1mlsg_7._select_1mlsg_13 {
   cursor: pointer;
-}._popover-content_s6lf7_17 ._search-field_s6lf7_7 {
+}._popover-content_1mlsg_17 ._search-field_1mlsg_7 {
   border-block-end: var(--a2-size-quarter, 0.0625rem) solid var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)));
   margin-block-end: var(--a2-size-4, 1rem);
   padding-block-end: var(--a2-size-6, 1.5rem);
   padding-block-start: var(--a2-size-2, 0.5rem);
   padding-inline-end: var(--a2-size-2, 0.5rem);
   padding-inline-start: var(--a2-size-2, 0.5rem);
-}._input-wrapper_s6lf7_26 {
-  --a2-local-multi-select-field-input-height: calc(
+}._input-wrapper_1mlsg_26 {
+  --a2-mod-multi-select-field-input-height: calc(
     var(--a2-size-10, 2.5rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
   );
   --a2-mod-multi-select-field-input-padding-inline-end: 4.5rem;
@@ -38,29 +38,30 @@
   padding-inline-end: var(--a2-mod-multi-select-field-input-padding-inline-end);
   padding-inline-start: var(--a2-size-3, 0.75rem);
   position: relative;
-}._input-wrapper_s6lf7_26:focus:not([disabled]), ._input-wrapper_s6lf7_26:focus-visible, ._input-wrapper_s6lf7_26:has(._input_s6lf7_26:focus-visible) {
+}._input-wrapper_1mlsg_26:focus:not([disabled]), ._input-wrapper_1mlsg_26:focus-visible, ._input-wrapper_1mlsg_26:has(._input_1mlsg_26:focus-visible) {
   outline-width: var(--a2-size-half, 0.125rem);
-}._input-wrapper_s6lf7_26:has(._input_s6lf7_26._error_s6lf7_54) {
+}._input-wrapper_1mlsg_26:has(._input_1mlsg_26._error_1mlsg_54) {
   border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)));
-}._input-wrapper_s6lf7_26:focus:has(._input_s6lf7_26._error_s6lf7_54):not([disabled]), ._input-wrapper_s6lf7_26:focus-visible:has(._input_s6lf7_26._error_s6lf7_54), ._input-wrapper_s6lf7_26:has(._input_s6lf7_26._error_s6lf7_54:focus-visible) {
+}._input-wrapper_1mlsg_26:focus:has(._input_1mlsg_26._error_1mlsg_54):not([disabled]), ._input-wrapper_1mlsg_26:focus-visible:has(._input_1mlsg_26._error_1mlsg_54), ._input-wrapper_1mlsg_26:has(._input_1mlsg_26._error_1mlsg_54:focus-visible) {
   outline-color: var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
   outline-width: var(--a2-size-half, 0.125rem);
-}._input-wrapper_s6lf7_26._disabled_s6lf7_61, ._input-wrapper_s6lf7_26[disabled], ._input-wrapper_s6lf7_26:has(._input_s6lf7_26:disabled) {
+}._input-wrapper_1mlsg_26._disabled_1mlsg_61, ._input-wrapper_1mlsg_26[disabled], ._input-wrapper_1mlsg_26:has(._input_1mlsg_26:disabled) {
   opacity: 0.4;
-}._input-wrapper_s6lf7_26._disabled_s6lf7_61 *, ._input-wrapper_s6lf7_26[disabled] *, ._input-wrapper_s6lf7_26:has(._input_s6lf7_26:disabled) * {
+}._input-wrapper_1mlsg_26._disabled_1mlsg_61 *, ._input-wrapper_1mlsg_26[disabled] *, ._input-wrapper_1mlsg_26:has(._input_1mlsg_26:disabled) * {
   cursor: not-allowed;
-}._input-wrapper_s6lf7_26:has(input._input_s6lf7_26:-moz-read-only) {
+}._input-wrapper_1mlsg_26:has(input._input_1mlsg_26:-moz-read-only) {
   background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
-}._input-wrapper_s6lf7_26[disabled], ._input-wrapper_s6lf7_26[readonly], ._input-wrapper_s6lf7_26._disabled_s6lf7_61, ._input-wrapper_s6lf7_26:has(input._input_s6lf7_26:read-only) {
+}._input-wrapper_1mlsg_26[disabled], ._input-wrapper_1mlsg_26[readonly], ._input-wrapper_1mlsg_26._disabled_1mlsg_61, ._input-wrapper_1mlsg_26:has(input._input_1mlsg_26:read-only) {
   background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
-}._input-flex_s6lf7_71 {
+}._input-flex_1mlsg_71 {
   flex: 1 1 100px;
   min-width: 100px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 0;
-}._input_s6lf7_26[type=text] {
+}._input_1mlsg_26,
+._input_1mlsg_26[type] {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -76,29 +77,35 @@
   box-shadow: none;
   display: flex;
   flex: 1 0 100px;
-  height: var(--a2-local-multi-select-field-input-height);
+  height: var(--a2-mod-multi-select-field-input-height);
   min-width: 100px;
   padding-block: var(--a2-size-2, 0.5rem);
   padding-inline: 0;
   transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
   width: 100px;
-}._input_s6lf7_26[type=text]::-moz-placeholder {
+}._input_1mlsg_26:focus,
+._input_1mlsg_26[type]:focus {
+  box-shadow: none;
+}._input_1mlsg_26::-moz-placeholder, ._input_1mlsg_26[type]::-moz-placeholder {
   color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
-}._input_s6lf7_26[type=text]::placeholder {
+}._input_1mlsg_26::placeholder,
+._input_1mlsg_26[type]::placeholder {
   color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
-}._input_s6lf7_26[type=text]:focus-visible {
+}._input_1mlsg_26:focus-visible,
+._input_1mlsg_26[type]:focus-visible {
   box-shadow: none;
   outline: none;
 }@media (prefers-reduced-motion: reduce) {
-  ._input_s6lf7_26[type=text] {
+  ._input_1mlsg_26,
+  ._input_1mlsg_26[type] {
     transition-duration: 0.01ms !important;
     transition-property: outline;
   }
-}input._input_s6lf7_26:-moz-read-only {
+}input._input_1mlsg_26:-moz-read-only {
   background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
-}input._input_s6lf7_26:read-only {
+}input._input_1mlsg_26:read-only {
   background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
-}._rows-wrapper_s6lf7_121 {
+}._rows-wrapper_1mlsg_129 {
   align-items: stretch;
   display: flex;
   flex-direction: row;
@@ -107,15 +114,15 @@
   gap: 0 var(--a2-size-2, 0.5rem);
   max-width: 100%;
   width: 100%;
-}._chip-wrapper_s6lf7_132 {
+}._chip-wrapper_1mlsg_140 {
   align-items: center;
   display: flex;
-  height: var(--a2-local-multi-select-field-input-height);
+  height: var(--a2-mod-multi-select-field-input-height);
   justify-content: center;
   max-width: 100%;
-}._chip_s6lf7_132 {
-  --a2-chip-max-width: 100%;
-}._buttons-wrapper_s6lf7_144 {
+}._chip_1mlsg_140 {
+  --a2-mod-chip-max-width: 100%;
+}._buttons-wrapper_1mlsg_152 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -126,11 +133,11 @@
   border-color: transparent;
   box-sizing: border-box;
   display: flex;
-  height: var(--a2-local-multi-select-field-input-height);
+  height: var(--a2-mod-multi-select-field-input-height);
   inset-block-start: 0;
   inset-inline-end: 0;
   position: absolute;
-}._close-button-wrapper_s6lf7_161 {
+}._close-button-wrapper_1mlsg_169 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -144,11 +151,11 @@
   align-items: center;
   cursor: pointer;
   display: flex;
-}._close-button_s6lf7_161 {
+}._close-button_1mlsg_169 {
   --a2-mod-button-background-color: transparent;
-}._close-button_s6lf7_161[data-interactive=hover]::before, ._close-button_s6lf7_161:hover::before, ._close-button_s6lf7_161:disabled:not(._loading-infinite_s6lf7_180, ._loading-progress_s6lf7_180), ._close-button_s6lf7_161._disabled_s6lf7_61:not(._loading-infinite_s6lf7_180, ._loading-progress_s6lf7_180), ._close-button_s6lf7_161[aria-disabled=true]:not(._loading-infinite_s6lf7_180, ._loading-progress_s6lf7_180) {
+}._close-button_1mlsg_169[data-interactive=hover]::before, ._close-button_1mlsg_169:hover::before, ._close-button_1mlsg_169:disabled:not(._loading-infinite_1mlsg_188, ._loading-progress_1mlsg_188), ._close-button_1mlsg_169._disabled_1mlsg_61:not(._loading-infinite_1mlsg_188, ._loading-progress_1mlsg_188), ._close-button_1mlsg_169[aria-disabled=true]:not(._loading-infinite_1mlsg_188, ._loading-progress_1mlsg_188) {
   --a2-mod-button-background-color: transparent;
-}._toggle-button-wrapper_s6lf7_184 {
+}._toggle-button-wrapper_1mlsg_192 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -162,23 +169,23 @@
   align-items: center;
   cursor: pointer;
   display: flex;
-}._toggle-button_s6lf7_184 {
+}._toggle-button_1mlsg_192 {
   --a2-mod-button-background-color: transparent;
-  --a2-mod-button-font-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+  --a2-mod-button-foreground-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
   transform: rotate(90deg);
   transition: transform var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
-}._toggle-button_s6lf7_184[aria-expanded=true] {
+}._toggle-button_1mlsg_192[aria-expanded=true] {
   transform: rotate(270deg);
-}._toggle-button_s6lf7_184[data-interactive=hover]::before, ._toggle-button_s6lf7_184:hover::before, ._toggle-button_s6lf7_184:disabled:not(._loading-infinite_s6lf7_180, ._loading-progress_s6lf7_180), ._toggle-button_s6lf7_184._disabled_s6lf7_61:not(._loading-infinite_s6lf7_180, ._loading-progress_s6lf7_180), ._toggle-button_s6lf7_184[aria-disabled=true]:not(._loading-infinite_s6lf7_180, ._loading-progress_s6lf7_180) {
+}._toggle-button_1mlsg_192[data-interactive=hover]::before, ._toggle-button_1mlsg_192:hover::before, ._toggle-button_1mlsg_192:disabled:not(._loading-infinite_1mlsg_188, ._loading-progress_1mlsg_188), ._toggle-button_1mlsg_192._disabled_1mlsg_61:not(._loading-infinite_1mlsg_188, ._loading-progress_1mlsg_188), ._toggle-button_1mlsg_192[aria-disabled=true]:not(._loading-infinite_1mlsg_188, ._loading-progress_1mlsg_188) {
   --a2-mod-button-background-color: transparent;
 }@media (prefers-reduced-motion: reduce) {
-  ._toggle-button_s6lf7_184 {
+  ._toggle-button_1mlsg_192 {
     transition-duration: 0.01ms !important;
   }
-}[aria-expanded=true] ._toggle-button-wrapper_s6lf7_184 ._toggle-button_s6lf7_184 {
+}[aria-expanded=true] ._toggle-button-wrapper_1mlsg_192 ._toggle-button_1mlsg_192 {
   transform: rotate(270deg);
-}._prefix_s6lf7_222,
-._suffix_s6lf7_223 {
+}._prefix_1mlsg_230,
+._suffix_1mlsg_231 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
@@ -194,27 +201,27 @@
   font-weight: var(--a2-font-weight-semibold, 600);
   justify-content: center;
   min-width: var(--a2-size-8, 2rem);
-}._prefix_s6lf7_222 {
+}._prefix_1mlsg_230 {
   padding-inline-end: var(--a2-size-2, 0.5rem);
-}._suffix_s6lf7_223 {
+}._suffix_1mlsg_231 {
   padding-inline-end: var(--a2-size-2, 0.5rem);
   padding-inline-start: var(--a2-size-2, 0.5rem);
-}._popover-content_s6lf7_17 {
+}._popover-content_1mlsg_17 {
   display: flex;
   flex-direction: column;
   overflow: hidden;
-}._listview_s6lf7_256 {
+}._listview_1mlsg_264 {
   padding-block: var(--a2-size-2, 0.5rem);
   padding-inline: var(--a2-size-2, 0.5rem);
-}._loading-spinner_s6lf7_261 {
+}._loading-spinner_1mlsg_269 {
   height: var(--a2-size-6, 1.5rem);
   width: var(--a2-size-6, 1.5rem);
-}._empty_s6lf7_266 {
+}._empty_1mlsg_274 {
   padding-block-end: var(--a2-size-4, 1rem);
   padding-block-start: var(--a2-size-3, 0.75rem);
   padding-inline-end: var(--a2-size-6, 1.5rem);
   padding-inline-start: var(--a2-size-6, 1.5rem);
-}._item_s6lf7_273 {
+}._item_1mlsg_281 {
   --a2-mod-multi-select-field-item-background-color: transparent;
   --a2-mod-multi-select-field-item-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
   background-color: var(--a2-mod-multi-select-field-item-background-color);
@@ -228,37 +235,37 @@
   padding-block: var(--a2-size-2, 0.5rem);
   padding-inline: var(--a2-size-4, 1rem);
   position: relative;
-}/* MODIFIERS */._no-clear-button_s6lf7_290 {
+}/* MODIFIERS */._no-clear-button_1mlsg_298 {
   --a2-mod-multi-select-field-input-padding-inline-end: var(--a2-size-8, 2rem);
-}._no-toggle-button_s6lf7_294 {
+}._no-toggle-button_1mlsg_302 {
   --a2-mod-multi-select-field-input-padding-inline-end: var(--a2-size-8, 2rem);
-}._small_s6lf7_298 {
-  --a2-local-multi-select-field-input-height: calc(
+}._small_1mlsg_306 {
+  --a2-mod-multi-select-field-input-height: calc(
     var(--a2-size-8, 2rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
   );
-}._large_s6lf7_304 {
-  --a2-local-multi-select-field-input-height: calc(
+}._large_1mlsg_312 {
+  --a2-mod-multi-select-field-input-height: calc(
     var(--a2-size-12, 3rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
   );
-}._listview-option_s6lf7_310:not([aria-disabled=true]) {
+}._listview-option_1mlsg_318:not([aria-disabled=true]) {
   cursor: pointer;
-}._listview-option_s6lf7_310[aria-selected=true]:not([aria-disabled=true]) {
+}._listview-option_1mlsg_318[aria-selected=true]:not([aria-disabled=true]) {
   --a2-mod-multi-select-field-item-background-color: var(--a2-background-color-transparent-default-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)));
-}._item_s6lf7_273[data-interactive=hover]:not([aria-disabled=true]),
-._item_s6lf7_273:hover:not([aria-disabled=true]),
-._item_s6lf7_273[aria-selected=true]:not([aria-disabled=true]) {
+}._item_1mlsg_281[data-interactive=hover]:not([aria-disabled=true]),
+._item_1mlsg_281:hover:not([aria-disabled=true]),
+._item_1mlsg_281[aria-selected=true]:not([aria-disabled=true]) {
   --a2-mod-multi-select-field-item-background-color: var(--a2-background-color-transparent-default-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)));
-}._item_s6lf7_273[aria-disabled=true] {
+}._item_1mlsg_281[aria-disabled=true] {
   cursor: not-allowed;
   opacity: 0.6;
-}._item_s6lf7_273[data-checked=true] {
+}._item_1mlsg_281[data-checked=true] {
   --a2-mod-multi-select-field-item-background-color: var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 20%, transparent)));
   --a2-mod-multi-select-field-item-color: var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)));
-}._item_s6lf7_273[data-checked=true]:hover:not([aria-disabled=true]),
-._item_s6lf7_273[data-checked=true][aria-selected=true]:not([aria-disabled=true]),
-._item_s6lf7_273[data-checked=true][data-interactive=hover]:not([aria-disabled=true]) {
+}._item_1mlsg_281[data-checked=true]:hover:not([aria-disabled=true]),
+._item_1mlsg_281[data-checked=true][aria-selected=true]:not([aria-disabled=true]),
+._item_1mlsg_281[data-checked=true][data-interactive=hover]:not([aria-disabled=true]) {
   --a2-mod-multi-select-field-item-background-color: var(--a2-background-color-primary-subdued-hover, light-dark(var(--a2-color-blue-100, #cce3ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 30%, transparent)));
-}._item_s6lf7_273[data-checked=true]:active:not([aria-disabled=true]) {
+}._item_1mlsg_281[data-checked=true]:active:not([aria-disabled=true]) {
   --a2-mod-multi-select-field-item-background-color: var(--a2-background-color-primary-subdued-active, light-dark(var(--a2-color-blue-200, #9ecaff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 40%, transparent)));
 }
 }

package/dist/MultiSelectMenu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-BJfvZGf3.js';
+export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-EKtvlL62.js';
 //# sourceMappingURL=MultiSelectMenu.js.map