@servicetitan/anvil2 2.9.1 → 3.0.0

package/dist/syncFilterUtils.css

@@ -1,223 +1,195 @@
-@layer starter, reset, base, state, application;
-@layer base {
-  ._select-field-list_1q60a_2 {
-    margin: 0 !important;
-    padding: 0;
-  }
-  ._empty_1q60a_6 {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 1rem;
-    text-align: center;
-  }
-  ._load-more_1q60a_13 {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    min-height: 2.5rem;
-  }
-  ._scroller_1q60a_20 {
-    overscroll-behavior: contain;
-    overflow: auto;
-    height: 100%;
-    max-height: inherit;
-    box-sizing: border-box;
-    flex: 1;
-    min-height: 0;
-  }
-  ._scroll-sentinel_1q60a_29 {
-    position: relative;
-    top: 0;
-    width: 100%;
-    height: 0;
-    list-style: none;
-  }
-  ._pinned-section_1q60a_36 {
-    list-style: none;
-  }
-  ._pinned-section-header_1q60a_39 {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0.5rem 0.75rem;
-  }
-  ._pinned-section-list_1q60a_45 {
-    list-style: none;
-    padding: 0;
-    margin: 0 !important;
-  }
-  ._divider_1q60a_50 {
-    margin: 0.5rem 0;
-  }
-}@layer starter, reset, base, state, application;
-@layer base {
-  ._select-field-list-item_1nisb_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: flex;
-    cursor: pointer;
-    align-items: stretch;
-    position: relative;
-    color: var(--foreground-color, #141414);
-    background-color: var(--field-surface-bg);
-    padding-block-start: 0.5rem;
-    padding-block-end: 0.5rem;
-    padding-inline-start: 1rem;
-    padding-inline-end: 1rem;
-    gap: 0.5rem;
-    border-radius: 0.375rem;
-    line-height: 1.125rem;
-  }
-  ._bulk-action_1nisb_27 {
-    position: sticky;
-    z-index: 1;
-    top: 0;
-  }
-  ._floating_1nisb_32 {
-    box-shadow: 0rem 0.125rem 0.5rem var(--shadow-color, rgba(20, 20, 20, 0.0784313725));
-    transition: all 200ms cubic-bezier(0, 0, 0.4, 1);
-    padding-inline: 1.5rem;
-    padding-block: 1rem;
-  }
-  ._highlighted_1nisb_38 {
-    background: linear-gradient(var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725)), var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725))), var(--field-surface-bg);
-  }
-  ._disabled_1nisb_41 {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-  ._description_1nisb_45 {
-    color: var(--foreground-color-subdued, #737475);
-  }
-  ._chips-row_1nisb_48 {
-    margin-block-start: 0.25rem;
-  }
-  ._select-field-list-item_1nisb_2._single_1nisb_51._selected_1nisb_51 {
-    background-color: var(--background-color-primary-subdued, #E0F2FF);
-  }
-  ._side-content_1nisb_54 {
-    display: flex;
-    align-items: center;
-    flex-shrink: 0;
-    max-height: 2.5rem;
-  }
-  ._checkbox_1nisb_60 {
-    display: flex;
-    border-radius: 0.1875rem;
-  }
-  ._checked_1nisb_64 {
-    color: var(--checkbox-checked-fill-color-default, #0265DC);
-  }
-  ._unchecked_1nisb_67 {
-    color: var(--checkbox-unchecked-fill-color-default, #141414);
-  }
-  ._indeterminate_1nisb_70 {
-    color: var(--checkbox-checked-fill-color-default, #0265DC);
-  }
-}@layer starter, reset, base, state, application;
-@layer reset {
-  ._options-popover_185l7_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: solid;
-    border-width: 0.0625rem;
-    border-color: var(--border-color-subdued, #dfe0e1);
-    box-sizing: border-box;
-    display: revert-layer;
-  }
+.anvil2{@layer starter, reset, base, state, application;/* BASE */._select-field-list_xctva_2 {
+  margin: 0 !important;
+  padding: 0;
+}._empty_xctva_7 {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  padding: var(--a2-size-4, 1rem);
+  text-align: center;
+}._load-more_xctva_15 {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  min-height: var(--a2-size-10, 2.5rem);
+  text-align: center;
+}._scroller_xctva_23 {
+  box-sizing: border-box;
+  height: 100%;
+  max-height: inherit;
+  overflow: auto;
+  overscroll-behavior: contain;
+}._scroll-sentinel_xctva_31 {
+  height: 0;
+  list-style: none;
+  position: relative;
+  top: 0;
+  width: 100%;
+}._pinned-section_xctva_39 {
+  list-style: none;
+}._pinned-section-header_xctva_43 {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  padding: var(--a2-size-2, 0.5rem) var(--a2-size-4, 1rem);
+}._pinned-section-list_xctva_50 {
+  list-style: none;
+  margin: 0 !important;
+  padding: 0;
+}._divider_xctva_56 {
+  margin: var(--a2-size-2, 0.5rem) 0;
 }
-@layer base {
-  ._options-popover_185l7_2 {
-    --field-surface-bg: var(--background-color-strong, #f7f7f7);
-    width: -moz-max-content;
-    width: max-content;
-    max-width: 100%;
-    white-space: pre-line;
-    background-color: var(--background-color-strong, #f7f7f7);
-    border-radius: 0.375rem;
-    box-shadow: 0rem 0.125rem 0.5rem var(--shadow-color, rgba(20, 20, 20, 0.0784313725));
-    overflow: hidden;
-    position: absolute;
-    will-change: transform;
-    margin: 0 !important;
-    padding: 0.5rem;
-    box-sizing: border-box;
-    gap: 0.5rem;
-  }
-  ._options-popover_185l7_2:popover-open {
-    display: flex;
-    flex-direction: column;
-  }
-}@layer starter, reset, base, state, application;
-@layer base {
-  ._field-dialog_1lctb_2 {
-    box-sizing: border-box;
-    width: 100vw;
-    height: 100dvh;
-    padding: 0;
-    margin: 0;
-    outline: none;
-    border: 0;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    touch-action: none;
-    --field-surface-bg: Canvas;
-  }
-  ._field-dialog-visual-viewport-height_1lctb_17 {
-    display: grid;
-    grid-template-rows: auto auto 1fr;
-    grid-auto-rows: auto;
-    grid-template-columns: 100%;
-    grid-template-areas: "header" "field" "content";
-    overflow: hidden;
-    box-sizing: border-box;
-    height: 100%;
-  }
-  ._field-dialog_1lctb_2:modal {
-    max-width: 100vw;
-    max-height: 100lvh;
-  }
-  ._field-dialog_1lctb_2:modal::backdrop {
-    height: 100lvh;
-  }
-  ._header_1lctb_34 {
-    grid-area: header;
-    padding-inline: 1.5rem;
-    padding-block: 1.5rem;
-    justify-content: space-between;
-  }
-  ._field_1lctb_2 {
-    grid-area: field;
-    padding-inline: 1.5rem;
-    padding-block-end: 0.5rem;
-  }
-  ._content_1lctb_45 {
-    grid-area: content;
-    min-height: 0;
-    padding-inline: 1.5rem;
-    padding-block-end: 1.5rem;
-  }
+}.anvil2{@layer starter, reset, base, state, application;/* BASE */._select-field-list-item_vga4g_2 {
+  --a2-mod-select-field-list-item-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+  --a2-mod-select-field-list-item-description-color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: flex;
+  align-items: stretch;
+  color: var(--a2-mod-select-field-list-item-color);
+  background-color: var(--a2-mod-select-field-list-item-background-color);
+  border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  cursor: pointer;
+  gap: var(--a2-size-2, 0.5rem);
+  line-height: calc(var(--a2-size-4, 1rem) + var(--a2-size-half, 0.125rem));
+  padding-block-end: var(--a2-size-2, 0.5rem);
+  padding-block-start: var(--a2-size-2, 0.5rem);
+  padding-inline-end: var(--a2-size-4, 1rem);
+  padding-inline-start: var(--a2-size-4, 1rem);
+  position: relative;
+}/* MODIFIERS */._floating_vga4g_31 {
+  box-shadow: var(--a2-shadow-size-float, var(--a2-size-0, 0rem) var(--a2-size-half, 0.125rem) var(--a2-size-2, 0.5rem)) var(--a2-shadow-color-default, light-dark(color-mix(in srgb, var(--a2-color-neutral-900, #1a1a1a) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)));
+  transition: all var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
+  padding-inline: var(--a2-size-6, 1.5rem);
+  padding-block: var(--a2-size-4, 1rem);
+}._bulk-action_vga4g_38 {
+  position: sticky;
+  z-index: 1;
+  top: 0;
+}._highlighted_vga4g_44 {
+  --a2-mod-select-field-list-item-background-color: var(
+    --a2-mod-select-field-list-item-background-color-highlighted
+  );
+}._single-selected_vga4g_50 {
+  --a2-mod-select-field-list-item-color: var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)));
+  --a2-mod-select-field-list-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)));
+}._single-selected-highlighted_vga4g_55 {
+  --a2-mod-select-field-list-item-color: var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff)));
+  --a2-mod-select-field-list-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)));
+}._disabled_vga4g_60 {
+  cursor: not-allowed;
+  opacity: 0.5;
+}._side-content_vga4g_65 {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  max-height: var(--a2-size-10, 2.5rem);
+}._description_vga4g_72 {
+  color: var(--a2-mod-select-field-list-item-description-color);
+}._chips-row_vga4g_76 {
+  margin-block-start: var(--a2-size-1, 0.25rem);
+}._checkbox_vga4g_80 {
+  display: flex;
+  border-radius: var(--a2-checkbox-border-radius, var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem)));
+}._checked_vga4g_85,
+._indeterminate_vga4g_86 {
+  color: var(--a2-checkbox-default-checked-icon-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
+}._unchecked_vga4g_90 {
+  color: var(--a2-checkbox-default-unchecked-icon-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
 }
-body:has(dialog[data-anv="field-dialog"][open]) {
+}.anvil2{@layer starter, reset, base, state, application;/* BASE */._options-popover_4pckc_2 {
+  --a2-mod-popover-background-color: var(--a2-popover-content-background-color, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
+  --a2-mod-popover-border-color: var(--a2-popover-content-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
+  --a2-mod-popover-shadow-color: var(--a2-popover-content-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
+  --a2-mod-select-field-list-item-background-color: var(
+    --a2-mod-popover-background-color
+  );
+  --a2-mod-select-field-list-item-background-color-highlighted: var(--a2-background-color-strong-hover, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)));
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: solid;
+  border-width: var(--a2-size-quarter, 0.0625rem);
+  border-color: var(--a2-mod-popover-border-color);
+  box-sizing: border-box;
+  display: revert-layer;
+  background-color: var(--a2-mod-popover-background-color);
+  border-color: var(--a2-mod-popover-border-color);
+  border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  box-shadow: var(--a2-shadow-size-float, var(--a2-size-0, 0rem) var(--a2-size-half, 0.125rem) var(--a2-size-2, 0.5rem)) var(--a2-mod-popover-shadow-color);
+  box-sizing: border-box;
+  gap: var(--a2-size-2, 0.5rem);
+  margin: 0 !important;
+  max-width: 100%;
   overflow: hidden;
+  padding: var(--a2-size-2, 0.5rem);
+  position: absolute;
+  white-space: pre-line;
+  width: -moz-max-content;
+  width: max-content;
+  will-change: transform;
+}._options-popover_4pckc_2:popover-open {
+  display: flex;
+  flex-direction: column;
 }
-
-body:has([data-anv-field-dialogs-open="true"]) {
+}.anvil2{@layer starter, reset, base, state, application;/* BASE */._field-dialog_3g90c_2 {
+  --a2-mod-field-dialog-padding: var(--a2-size-6, 1.5rem);
+  --a2-mod-select-field-list-item-background-color: Canvas;
+  --a2-mod-select-field-list-item-background-color-highlighted: var(--a2-background-color-default-hover, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
+  border: 0;
+  bottom: 0;
+  box-sizing: border-box;
+  height: 100dvh;
+  left: 0;
+  margin: 0;
+  outline: none;
+  padding: 0;
+  right: 0;
+  top: 0;
+  touch-action: none;
+  width: 100vw;
+}._field-dialog-visual-viewport-height_3g90c_20 {
+  box-sizing: border-box;
+  display: grid;
+  grid-auto-rows: auto;
+  grid-template-areas: "header" "field" "content";
+  grid-template-columns: 100%;
+  grid-template-rows: auto auto 1fr;
+  height: 100%;
+  overflow: hidden;
+}._field-dialog_3g90c_2:modal {
+  max-height: 100lvh;
+  max-width: 100vw;
+}._field-dialog_3g90c_2:modal::backdrop {
+  height: 100lvh;
+}._header_3g90c_40 {
+  grid-area: header;
+  justify-content: space-between;
+  padding-block: var(--a2-mod-field-dialog-padding);
+  padding-inline: var(--a2-mod-field-dialog-padding);
+}._field_3g90c_2 {
+  grid-area: field;
+  padding-block-end: var(--a2-size-2, 0.5rem);
+  padding-inline: var(--a2-mod-field-dialog-padding);
+}._content_3g90c_53 {
+  grid-area: content;
+  min-height: 0;
+  padding-inline: var(--a2-mod-field-dialog-padding);
+  padding-block-end: var(--a2-mod-field-dialog-padding);
+}
+}body:has(dialog[data-anv="field-dialog"][open]) {
+  overflow: hidden;
+}body:has([data-anv-field-dialogs-open="true"]) {
   overflow: hidden;
 }