@servicetitan/anvil2 3.16.1 → 3.18.0

package/dist/SelectTriggerBase.css

@@ -1,4 +1,4 @@
-.anvil2 {._search-field_1kna5_1 {
+.anvil2 {._search-field_1n1dj_1 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -12,12 +12,20 @@
   flex-direction: column;
   font-size: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
   gap: var(--a2-size-2, 0.5rem);
-}._select_1kna5_17 {
+}._select_1n1dj_17 {
   cursor: pointer;
-}._input-wrapper_1kna5_21 {
+}._input-wrapper_1n1dj_21 {
+  --a2-internal-select-trigger-input-background-color: var(
+    --a2-mod-select-trigger-input-background-color
+  );
   --a2-mod-select-trigger-base-height: calc(
-    var(--a2-size-10, 2.5rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
+    var(--a2-mod-select-trigger-base-wrapper-height) -
+      (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
   );
+  --a2-mod-select-trigger-base-wrapper-height: var(--a2-size-10, 2.5rem);
+  --a2-mod-select-trigger-input-background-color: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
+  --a2-mod-select-trigger-input-background-color-highlight: 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-select-trigger-input-background-color-strong: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -37,34 +45,43 @@
   padding-inline-end: 4.5rem;
   padding-inline-start: var(--a2-size-3, 0.75rem);
   position: relative;
-}._input-wrapper_1kna5_21:focus-visible, ._input-wrapper_1kna5_21:has(._input_1kna5_21:focus-visible) {
+}._input-wrapper_1n1dj_21:focus-visible, ._input-wrapper_1n1dj_21:has(._input_1n1dj_21:focus-visible) {
   outline-width: var(--a2-size-half, 0.125rem);
-}._input-wrapper_1kna5_21:has(._input_1kna5_21._error_1kna5_48) {
+}._input-wrapper_1n1dj_21:has(._input_1n1dj_21._error_1n1dj_56) {
   border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)));
-}._input-wrapper_1kna5_21:focus-visible:has(._input_1kna5_21._error_1kna5_48), ._input-wrapper_1kna5_21:has(._input_1kna5_21._error_1kna5_48:focus-visible) {
+}._input-wrapper_1n1dj_21:focus-visible:has(._input_1n1dj_21._error_1n1dj_56), ._input-wrapper_1n1dj_21:has(._input_1n1dj_21._error_1n1dj_56: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_1kna5_21._disabled_1kna5_55, ._input-wrapper_1kna5_21[disabled], ._input-wrapper_1kna5_21:has(._input_1kna5_21:disabled) {
+}._input-wrapper_1n1dj_21._disabled_1n1dj_63, ._input-wrapper_1n1dj_21[disabled], ._input-wrapper_1n1dj_21:has(._input_1n1dj_21:disabled) {
   opacity: 0.4;
-}._input-wrapper_1kna5_21._disabled_1kna5_55 *, ._input-wrapper_1kna5_21[disabled] *, ._input-wrapper_1kna5_21:has(._input_1kna5_21:disabled) * {
+}._input-wrapper_1n1dj_21._disabled_1n1dj_63 *, ._input-wrapper_1n1dj_21[disabled] *, ._input-wrapper_1n1dj_21:has(._input_1n1dj_21:disabled) * {
   cursor: not-allowed;
-}._input-wrapper_1kna5_21._is-disabled_1kna5_61, ._input-wrapper_1kna5_21[aria-disabled=true] {
+}._input-wrapper_1n1dj_21._is-disabled_1n1dj_69, ._input-wrapper_1n1dj_21[aria-disabled=true] {
   pointer-events: none;
-}._input-wrapper_1kna5_21:has(input._input_1kna5_21:-moz-read-only) {
+}._input-wrapper_1n1dj_21:has(input._input_1n1dj_21:-moz-read-only) {
+  --a2-internal-select-trigger-input-background-color: var(
+    --a2-mod-select-trigger-input-background-color-strong
+  );
   background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
-}._input-wrapper_1kna5_21[disabled], ._input-wrapper_1kna5_21[readonly], ._input-wrapper_1kna5_21._disabled_1kna5_55, ._input-wrapper_1kna5_21:has(input._input_1kna5_21:read-only) {
+}._input-wrapper_1n1dj_21[disabled], ._input-wrapper_1n1dj_21[readonly], ._input-wrapper_1n1dj_21._disabled_1n1dj_63, ._input-wrapper_1n1dj_21:has(input._input_1n1dj_21:read-only) {
+  --a2-internal-select-trigger-input-background-color: var(
+    --a2-mod-select-trigger-input-background-color-strong
+  );
   background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
-}._input-wrapper_1kna5_21._highlight_1kna5_67 {
+}._input-wrapper_1n1dj_21._highlight_1n1dj_78 {
+  --a2-internal-select-trigger-input-background-color: var(
+    --a2-mod-select-trigger-input-background-color-highlight
+  );
   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)));
-}._input-flex_1kna5_71 {
+}._input-flex_1n1dj_85 {
   flex: 1 1 100px;
   min-width: 100px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 0;
-}._input_1kna5_21,
-._input_1kna5_21[type] {
+}._input_1n1dj_21,
+._input_1n1dj_21[type] {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -87,44 +104,65 @@
   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_1kna5_21::-moz-placeholder, ._input_1kna5_21[type]::-moz-placeholder {
+}._input_1n1dj_21::-moz-placeholder, ._input_1n1dj_21[type]::-moz-placeholder {
   color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
-}._input_1kna5_21::placeholder,
-._input_1kna5_21[type]::placeholder {
+}._input_1n1dj_21::placeholder,
+._input_1n1dj_21[type]::placeholder {
   color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
-}._input_1kna5_21:focus,
-._input_1kna5_21[type]:focus {
+}._input_1n1dj_21:focus,
+._input_1n1dj_21[type]:focus {
   box-shadow: none;
   outline: none;
+}._input_1n1dj_21:-webkit-autofill, ._input_1n1dj_21:-webkit-autofill:hover, ._input_1n1dj_21:-webkit-autofill:focus, ._input_1n1dj_21:-webkit-autofill:active, ._input_1n1dj_21[type]:-webkit-autofill, ._input_1n1dj_21[type]:-webkit-autofill:hover, ._input_1n1dj_21[type]:-webkit-autofill:focus, ._input_1n1dj_21[type]:-webkit-autofill:active {
+  -webkit-text-fill-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+  border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  box-shadow: inset 0 0 0 100px var(--a2-internal-select-trigger-input-background-color);
+  caret-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+}._input_1n1dj_21:autofill, ._input_1n1dj_21:autofill:hover, ._input_1n1dj_21:autofill:focus, ._input_1n1dj_21:autofill:active,
+._input_1n1dj_21[type]:autofill,
+._input_1n1dj_21[type]:autofill:hover,
+._input_1n1dj_21[type]:autofill:focus,
+._input_1n1dj_21[type]:autofill:active {
+  -webkit-text-fill-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+  border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  box-shadow: inset 0 0 0 100px var(--a2-internal-select-trigger-input-background-color);
+  caret-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+}._input_1n1dj_21:-webkit-autofill, ._input_1n1dj_21:-webkit-autofill:hover, ._input_1n1dj_21:-webkit-autofill:focus, ._input_1n1dj_21:-webkit-autofill:active,
+._input_1n1dj_21[type]:-webkit-autofill,
+._input_1n1dj_21[type]:-webkit-autofill:hover,
+._input_1n1dj_21[type]:-webkit-autofill:focus,
+._input_1n1dj_21[type]:-webkit-autofill:active {
+  -webkit-text-fill-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+  border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  box-shadow: inset 0 0 0 100px var(--a2-internal-select-trigger-input-background-color);
+  caret-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
 }@media (prefers-reduced-motion: reduce) {
-  ._input_1kna5_21,
-  ._input_1kna5_21[type] {
+  ._input_1n1dj_21,
+  ._input_1n1dj_21[type] {
     transition-duration: 0.01ms !important;
     transition-property: outline;
   }
-}input._input_1kna5_21:-moz-read-only {
+}input._input_1n1dj_21:-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_1kna5_21:read-only {
+}input._input_1n1dj_21:read-only {
   background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
-}._fake-placeholder_1kna5_126 {
+}._fake-placeholder_1n1dj_160 {
   color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
   -moz-user-select: none;
        user-select: none;
-}._no-clear-button_1kna5_131 {
+}._no-clear-button_1n1dj_165 {
   padding-inline-end: var(--a2-size-8, 2rem);
-}._no-toggle-button_1kna5_135 {
+}._no-toggle-button_1n1dj_169 {
   padding-inline-end: var(--a2-size-8, 2rem);
-}._no-clear-button_1kna5_131._no-toggle-button_1kna5_135 {
+}._no-clear-button_1n1dj_165._no-toggle-button_1n1dj_169 {
   padding-inline-end: var(--a2-size-3, 0.75rem);
-}._small_1kna5_143 {
-  --a2-mod-select-trigger-base-height: calc(
-    var(--a2-size-8, 2rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
-  );
-}._large_1kna5_149 {
-  --a2-mod-select-trigger-base-height: calc(
-    var(--a2-size-12, 3rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
-  );
-}._buttons-wrapper_1kna5_155 {
+}._small_1n1dj_177 {
+  --a2-mod-select-trigger-base-wrapper-height: var(--a2-size-8, 2rem);
+}._large_1n1dj_181 {
+  --a2-mod-select-trigger-base-wrapper-height: var(--a2-size-12, 3rem);
+}._fixed-height_1n1dj_185 {
+  height: var(--a2-mod-select-trigger-base-wrapper-height);
+}._buttons-wrapper_1n1dj_189 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -139,7 +177,7 @@
   inset-block-start: 0;
   inset-inline-end: 0;
   position: absolute;
-}._close-button-wrapper_1kna5_172 {
+}._close-button-wrapper_1n1dj_206 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -153,11 +191,11 @@
   align-items: center;
   cursor: pointer;
   display: flex;
-}._close-button_1kna5_172 {
+}._close-button_1n1dj_206 {
   --a2-mod-button-background-color: transparent;
-}._close-button_1kna5_172[data-interactive=hover]::before, ._close-button_1kna5_172:hover::before, ._close-button_1kna5_172:disabled:not(._loading-infinite_1kna5_191, ._loading-progress_1kna5_191), ._close-button_1kna5_172._disabled_1kna5_55:not(._loading-infinite_1kna5_191, ._loading-progress_1kna5_191), ._close-button_1kna5_172[aria-disabled=true]:not(._loading-infinite_1kna5_191, ._loading-progress_1kna5_191) {
+}._close-button_1n1dj_206[data-interactive=hover]::before, ._close-button_1n1dj_206:hover::before, ._close-button_1n1dj_206:disabled:not(._loading-infinite_1n1dj_225, ._loading-progress_1n1dj_225), ._close-button_1n1dj_206._disabled_1n1dj_63:not(._loading-infinite_1n1dj_225, ._loading-progress_1n1dj_225), ._close-button_1n1dj_206[aria-disabled=true]:not(._loading-infinite_1n1dj_225, ._loading-progress_1n1dj_225) {
   --a2-mod-button-background-color: transparent;
-}._toggle-button-wrapper_1kna5_195 {
+}._toggle-button-wrapper_1n1dj_229 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -171,30 +209,30 @@
   align-items: center;
   cursor: pointer;
   display: flex;
-}._toggle-button_1kna5_195 {
+}._toggle-button_1n1dj_229 {
   --a2-mod-button-background-color: transparent;
   --a2-mod-button-foreground-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
-}._toggle-button_1kna5_195 [data-anv=icon] {
+}._toggle-button_1n1dj_229 [data-anv=icon] {
   transform: rotate(90deg);
   transition: transform var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
 }@media (prefers-reduced-motion: reduce) {
-  ._toggle-button_1kna5_195 [data-anv=icon] {
+  ._toggle-button_1n1dj_229 [data-anv=icon] {
     transition-duration: 0.01ms !important;
   }
-}._toggle-button_1kna5_195[aria-expanded=true] [data-anv=icon] {
+}._toggle-button_1n1dj_229[aria-expanded=true] [data-anv=icon] {
   transform: rotate(270deg);
-}._toggle-button_1kna5_195[data-interactive=hover]::before, ._toggle-button_1kna5_195:hover::before, ._toggle-button_1kna5_195:disabled:not(._loading-infinite_1kna5_191, ._loading-progress_1kna5_191), ._toggle-button_1kna5_195._disabled_1kna5_55:not(._loading-infinite_1kna5_191, ._loading-progress_1kna5_191), ._toggle-button_1kna5_195[aria-disabled=true]:not(._loading-infinite_1kna5_191, ._loading-progress_1kna5_191) {
+}._toggle-button_1n1dj_229[data-interactive=hover]::before, ._toggle-button_1n1dj_229:hover::before, ._toggle-button_1n1dj_229:disabled:not(._loading-infinite_1n1dj_225, ._loading-progress_1n1dj_225), ._toggle-button_1n1dj_229._disabled_1n1dj_63:not(._loading-infinite_1n1dj_225, ._loading-progress_1n1dj_225), ._toggle-button_1n1dj_229[aria-disabled=true]:not(._loading-infinite_1n1dj_225, ._loading-progress_1n1dj_225) {
   --a2-mod-button-background-color: transparent;
-}[aria-expanded=true] ._toggle-button_1kna5_195 [data-anv=icon] {
+}[aria-expanded=true] ._toggle-button_1n1dj_229 [data-anv=icon] {
   transform: rotate(270deg);
-}._prefix-wrapper_1kna5_235 {
+}._prefix-wrapper_1n1dj_269 {
   align-items: stretch;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   height: var(--a2-mod-select-trigger-base-height);
   pointer-events: none;
-}._rows-wrapper_1kna5_244 {
+}._rows-wrapper_1n1dj_278 {
   align-items: stretch;
   display: flex;
   flex-direction: row;
@@ -203,16 +241,16 @@
   gap: 0 var(--a2-size-1, 0.25rem);
   max-width: 100%;
   width: 100%;
-}._chip-wrapper_1kna5_255 {
+}._chip-wrapper_1n1dj_289 {
   align-items: center;
   display: flex;
   height: var(--a2-mod-select-trigger-base-height);
   justify-content: center;
   max-width: 100%;
-}._chip_1kna5_255 {
+}._chip_1n1dj_289 {
   --a2-mod-chip-max-width: 100%;
-}._prefix_1kna5_235,
-._suffix_1kna5_268 {
+}._prefix_1n1dj_269,
+._suffix_1n1dj_302 {
   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)));
@@ -228,9 +266,9 @@
   font-weight: var(--a2-font-weight-semibold, 600);
   justify-content: center;
   min-width: var(--a2-size-8, 2rem);
-}._prefix_1kna5_235 {
+}._prefix_1n1dj_269 {
   padding-inline-end: var(--a2-size-2, 0.5rem);
-}._suffix_1kna5_268 {
+}._suffix_1n1dj_302 {
   padding-inline-start: var(--a2-size-2, 0.5rem);
   padding-inline-end: var(--a2-size-2, 0.5rem);
 }

package/dist/SelectTriggerBase.module-C-NmZbg4.js

@@ -0,0 +1,41 @@
+import './SelectTriggerBase.css';const select = "_select_1n1dj_17";
+const input = "_input_1n1dj_21";
+const error = "_error_1n1dj_56";
+const disabled = "_disabled_1n1dj_63";
+const highlight = "_highlight_1n1dj_78";
+const small = "_small_1n1dj_177";
+const large = "_large_1n1dj_181";
+const chip = "_chip_1n1dj_289";
+const prefix = "_prefix_1n1dj_269";
+const suffix = "_suffix_1n1dj_302";
+const styles = {
+	"search-field": "_search-field_1n1dj_1",
+	select: select,
+	"input-wrapper": "_input-wrapper_1n1dj_21",
+	input: input,
+	error: error,
+	disabled: disabled,
+	"is-disabled": "_is-disabled_1n1dj_69",
+	highlight: highlight,
+	"input-flex": "_input-flex_1n1dj_85",
+	"fake-placeholder": "_fake-placeholder_1n1dj_160",
+	"no-clear-button": "_no-clear-button_1n1dj_165",
+	"no-toggle-button": "_no-toggle-button_1n1dj_169",
+	small: small,
+	large: large,
+	"fixed-height": "_fixed-height_1n1dj_185",
+	"buttons-wrapper": "_buttons-wrapper_1n1dj_189",
+	"close-button-wrapper": "_close-button-wrapper_1n1dj_206",
+	"close-button": "_close-button_1n1dj_206",
+	"toggle-button-wrapper": "_toggle-button-wrapper_1n1dj_229",
+	"toggle-button": "_toggle-button_1n1dj_229",
+	"prefix-wrapper": "_prefix-wrapper_1n1dj_269",
+	"rows-wrapper": "_rows-wrapper_1n1dj_278",
+	"chip-wrapper": "_chip-wrapper_1n1dj_289",
+	chip: chip,
+	prefix: prefix,
+	suffix: suffix
+};
+
+export { styles as s };
+//# sourceMappingURL=SelectTriggerBase.module-C-NmZbg4.js.map

package/dist/SelectTriggerBase.module-C-NmZbg4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTriggerBase.module-C-NmZbg4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/{Stepper-l_P6VPOv.js → Stepper-D3SHXfX1.js}

@@ -5,10 +5,10 @@ import { S as SvgCheck } from './check-Cf67OWrZ.js';
 import { I as Icon } from './Icon-B5zwN7GD.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { e as DurationSlow } from './primitive-BXgYQTTw.js';
-import { m as motion } from './react-ORV84FjM.js';
+import { m as motion } from './react-CG1BUt2y.js';
 import { Overflow } from './Overflow.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjqeAJZ9.js';
-import { B as Button } from './Button-Dn6-01xl.js';
+import { B as Button } from './Button-B_E6ybA-.js';
 import { useTrackingId } from './useTrackingId.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
 
@@ -835,4 +835,4 @@ const Stepper = Object.assign(
 Stepper.displayName = "Stepper";
 
 export { Stepper as S, StepperBase as a };
-//# sourceMappingURL=Stepper-l_P6VPOv.js.map
+//# sourceMappingURL=Stepper-D3SHXfX1.js.map