@servicetitan/anvil2 1.34.3 → 1.35.1

package/dist/bugfix-71.1orion.css

@@ -0,0 +1,491 @@
+[data-anv] {
+  all: revert-layer;
+}
+
+[class*="theme-core"][class*="theme-core"][dir] {
+  font-size: initial;
+  font-weight: initial;
+  line-height: initial;
+  -webkit-font-smoothing: auto;
+}
+
+[data-anv="alert"] > div:nth-child(2) > p {
+  all: revert-layer;
+  line-height: normal;
+}
+[data-anv="avatar"] {
+  line-height: normal;
+}
+[data-anv="avatar"] > img {
+  all: revert-layer;
+}
+
+a[data-anv="breadcrumbs-link"],
+a[data-anv="breadcrumbs-link"]:hover {
+  all: revert-layer;
+  line-height: normal;
+  text-decoration: revert-layer !important;
+}
+
+button[data-anv="button"],
+a[data-anv="button-link"],
+button[data-anv="button-toggle"],
+button[data-anv="button-compound"] {
+  all: revert-layer;
+  line-height: 1rem;
+}
+
+button[data-anv="calendar-now"],
+table[data-anv="calendar-month"],
+table[data-anv="calendar-month"] thead tr th,
+table[data-anv="calendar-month"] tbody tr td,
+table[data-anv="calendar-month"] tbody tr td button {
+  all: revert-layer;
+  line-height: normal;
+}
+table[data-anv="calendar-month"] thead tr th {
+  line-height: 1;
+}
+
+button[data-anv="calendar-now"] {
+  line-height: 1rem;
+}
+table[data-anv="calendar-month"] tbody tr td button {
+  line-height: 1em;
+}
+table[data-anv="calendar-month"] tr[class*="spacer"] td {
+  all: revert-layer;
+}
+
+[data-anv="card"] {
+  font-size: var(--typography-paragraph-size);
+  line-height: unset;
+}
+
+[data-anv="checkbox"] > label,
+[data-anv="checkbox-group"] > label {
+  all: revert-layer;
+}
+
+[data-anv="combobox-searchfield"] > label,
+[data-anv="combobox-searchfield"][data-anv="combobox-searchfield"] input,
+[data-anv="combobox-searchfield"][data-anv="combobox-searchfield"] button,
+[data-anv="combobox-searchfield"][data-anv="combobox-searchfield"]
+  div[class*="input-wrapper"],
+[data-anv="combobox-searchfield"] input::placeholder {
+  all: revert-layer;
+  -webkit-font-smoothing: auto;
+}
+
+ul[data-anv="combobox-list"],
+div[data-anv="combobox-list"],
+li[data-anv="combobox-item"],
+div[data-anv="combobox-item"] {
+  all: revert-layer;
+}
+
+button[data-anv="details-summary"] {
+  all: revert-layer;
+}
+
+[data-anv="details"] div[data-anv="details-content"] {
+  font-size: var(--typography-paragraph-size);
+}
+
+dialog[data-anv="dialog"] section {
+  all: revert-layer;
+}
+
+div[data-anv="combobox-content"] > div > ul[role="listbox"] {
+  all: revert-layer;
+}
+
+header[data-anv="dialog-header"] h1 {
+  all: revert-layer;
+}
+button[data-anv="dialog-cancel-button"] {
+  all: revert-layer;
+}
+
+div[data-anv="dialog-content"] {
+  all: revert-layer;
+  font-size: var(--typography-paragraph-size);
+}
+
+/* #region resets */
+/* DIVIDER */
+span[data-anv="divider"] hr,
+/* DRAWER */
+dialog[data-anv="drawer"] > section,
+dialog[data-anv="drawer"] button[data-anv="drawer-cancel-button"],
+/* LABEL */
+label[data-anv="label"],
+/* LINK */
+a[data-anv="link"],
+a[data-anv="link"]:hover,
+a[data-anv="link"]:active,
+/* LISTBOX */
+ul[data-anv="listbox"],
+ul[data-anv="listbox"] li,
+/* MENU */
+button[data-anv="menu"],
+button[data-anv="menu-item"],
+/* OVERFLOW */
+div[data-anv="overflow"] > div[data-anv="flex"],
+div[data-anv="overflow-text"] > button:last-child,
+/* POPOVER */
+button[data-anv="popover-button"],
+button[data-anv="popover-close"],
+/* RADIO */
+div[data-anv="radio"] > label,
+fieldset[data-anv="radio-group"],
+fieldset[data-anv="radio-group"] > legend,
+fieldset[data-anv="radio-group"] > label {
+  all: revert-layer;
+}
+/* #endregion */
+
+/* #region font-size */
+/* LINK */
+a[data-anv="link"],
+a[data-anv="link"]:hover,
+a[data-anv="link"]:active,
+/* OVERFLOW */
+div[data-anv="overflow-text"] > button:last-child,
+/* RADIO */
+fieldset[data-anv="radio-group"] > label {
+  font-size: var(--typography-paragraph-size);
+}
+/* #endregion */
+
+/* #region miscellaneous */
+a[data-anv="link"],
+a[data-anv="link"]:hover,
+a[data-anv="link"]:active {
+  text-decoration: revert-layer !important;
+}
+
+span[data-anv="divider"] > span,
+div[data-anv="popover-content"] > div,
+div[data-anv="progress-bar"] {
+  line-height: normal;
+}
+/* #endregion */
+
+[data-anv="SearchField"][data-anv="SearchField"] {
+  all: revert-layer;
+}
+[data-anv="SearchField"][data-anv="SearchField"] > [class*="input-wrapper"] {
+  all: revert-layer;
+}
+[data-anv="SearchField"][data-anv="SearchField"]
+  > [class*="input-wrapper"]
+  > [class*="prefix"] {
+  all: revert-layer;
+}
+[data-anv="SearchField"][data-anv="SearchField"]
+  > [class*="input-wrapper"]
+  > input[class*="input"] {
+  all: revert-layer;
+}
+[data-anv="SearchField"][data-anv="SearchField"]
+  > [class*="input-wrapper"]
+  > input[class*="input"]::placeholder {
+  all: revert-layer;
+  -webkit-font-smoothing: auto;
+}
+[data-anv="SearchField"][data-anv="SearchField"]
+  > [class*="input-wrapper"]
+  > [class*="clear"] {
+  all: revert-layer;
+}
+
+[data-anv="segmented-control"][data-anv="segmented-control"] {
+  all: revert-layer;
+}
+
+[data-anv="segmented-control-segment"][data-anv="segmented-control-segment"] {
+  all: revert-layer;
+}
+[data-anv="segmented-control-segment"][data-anv="segmented-control-segment"]
+  > input[type="radio"] {
+  all: revert-layer;
+}
+[data-anv="segmented-control-segment"][data-anv="segmented-control-segment"]
+  > [class*="select-indicator"] {
+  all: revert-layer;
+}
+
+[data-anv="sidenav"][data-anv="sidenav"] {
+  all: revert-layer;
+}
+[data-anv="sidenav"][data-anv="sidenav"] > [class*="root"] {
+  all: revert-layer;
+}
+
+[data-anv="sidenav-link"][data-anv="sidenav-link"] {
+  all: revert-layer;
+}
+[data-anv="sidenav-link"][data-anv="sidenav-link"] > [class*="sidenav-link"] {
+  all: revert-layer;
+}
+
+[data-anv="sidenav-collapsible"][data-anv="sidenav-collapsible"] {
+  all: revert-layer;
+}
+[data-anv="sidenav-collapsible"][data-anv="sidenav-collapsible"]
+  > [class*="sidenav-link"] {
+  all: revert-layer;
+}
+[data-anv="sidenav-collapsible"][data-anv="sidenav-collapsible"]
+  > [class*="sidenav-link"]
+  > [class*="arrow"] {
+  all: revert-layer;
+}
+[data-anv="sidenav-collapsible"][data-anv="sidenav-collapsible"]
+  > [class*="group"] {
+  all: revert-layer;
+}
+
+[data-anv="sidenav-group"][data-anv="sidenav-group"] {
+  all: revert-layer;
+}
+[data-anv="sidenav-group"][data-anv="sidenav-group"] > [class*="group-label"] {
+  all: revert-layer;
+}
+[data-anv="sidenav-group"][data-anv="sidenav-group"]
+  > [class*="sidenav-group"] {
+  all: revert-layer;
+}
+
+[data-anv="skeleton-text"][data-anv="skeleton-text"] {
+  all: revert-layer;
+}
+[data-anv="skeleton-text"][data-anv="skeleton-text"] > [class*="shade"] {
+  all: revert-layer;
+}
+
+[data-anv="skeleton-circle"][data-anv="skeleton-circle"] {
+  all: revert-layer;
+}
+
+[data-anv="skeleton-rectangle"][data-anv="skeleton-rectangle"] {
+  all: revert-layer;
+}
+
+[data-anv="skeleton-pill"][data-anv="skeleton-pill"] {
+  all: revert-layer;
+}
+
+[data-anv="spinner"][data-anv="spinner"] {
+  all: revert-layer;
+}
+[data-anv="spinner"][data-anv="spinner"] > [class*="circle"] {
+  all: revert-layer;
+}
+
+[data-anv="sr-only"][data-anv="sr-only"] {
+  all: revert-layer;
+}
+
+[data-anv="stepper"][data-anv="stepper"] {
+  all: revert-layer;
+}
+
+[data-anv="stepper-step"][data-anv="stepper-step"] {
+  all: revert-layer;
+}
+[data-anv="stepper-step"][data-anv="stepper-step"] > [class*="bar"] {
+  all: revert-layer;
+}
+[data-anv="stepper-step"][data-anv="stepper-step"] > [class*="label"] {
+  all: revert-layer;
+}
+[data-anv="stepper-step"][data-anv="stepper-step"]
+  > [class*="label"]
+  > [class*="circle"] {
+  all: revert-layer;
+}
+
+[data-anv="stepper-list"][data-anv="stepper-list"] {
+  all: revert-layer;
+}
+[data-anv="stepper-list"][data-anv="stepper-list"] > [class*="stepper-list"] {
+  all: revert-layer;
+}
+[data-anv="stepper-list"][data-anv="stepper-list"] > [class*="label"] {
+  all: revert-layer;
+}
+
+[data-anv="stepper-panel"][data-anv="stepper-panel"] {
+  all: revert-layer;
+}
+
+[data-anv="stepper-next-button"][data-anv="stepper-next-button"] {
+  all: revert-layer;
+}
+
+[data-anv="stepper-prev-button"][data-anv="stepper-prev-button"] {
+  all: revert-layer;
+}
+
+[data-anv="stepper-final-panel"][data-anv="stepper-final-panel"] {
+  all: revert-layer;
+}
+
+[class*="switch"][class*="switch"]:has(> [data-anv="switch"]) {
+  all: revert-layer;
+}
+[data-anv="switch"][data-anv="switch"] {
+  all: revert-layer;
+}
+[data-anv="switch"][data-anv="switch"] > [class*="toggle"] {
+  all: revert-layer;
+}
+[data-anv="switch"][data-anv="switch"]
+  > [class*="toggle"]
+  > [class*="indicator"] {
+  all: revert-layer;
+}
+
+[data-anv="tab"][data-anv="tab"] {
+  all: revert-layer;
+}
+
+[data-anv="tab-button"][data-anv="tab-button"] {
+  all: revert-layer;
+}
+[data-anv="tab-button"][data-anv="tab-button"] > [class*="inner"] {
+  all: revert-layer;
+}
+[data-anv="tab-button"][data-anv="tab-button"][data-interactive="hover"]
+  > [class*="inner"],
+[data-anv="tab-button"][data-anv="tab-button"]:hover > [class*="inner"] {
+  all: revert-layer;
+}
+[data-anv="tab-button"][data-anv="tab-button"][data-interactive="focus-visible"]
+  > [class*="inner"],
+[data-anv="tab-button"][data-anv="tab-button"]:focus-visible
+  > [class*="inner"] {
+  all: revert-layer;
+}
+[data-anv="tab-button"][data-anv="tab-button"] > [class*="indicator"] {
+  all: revert-layer;
+}
+
+[data-anv="tab-list"][data-anv="tab-list"] {
+  all: revert-layer;
+}
+[data-anv="tab-list"][data-anv="tab-list"] > [class*="overflow-prev"] {
+  all: revert-layer;
+}
+[data-anv="tab-list"][data-anv="tab-list"] > [class*="scroller"] {
+  all: revert-layer;
+}
+[data-anv="tab-list"][data-anv="tab-list"] > [class*="overflow-next"] {
+  all: revert-layer;
+}
+
+[data-anv="tab-panel"][data-anv="tab-panel"] {
+  all: revert-layer;
+}
+
+[data-anv="text"][data-anv="text"] {
+  all: revert-layer;
+}
+
+[data-anv="textarea"][data-anv="textarea"] {
+  all: revert-layer;
+}
+[data-anv="textarea"][data-anv="textarea"] > textarea {
+  all: revert-layer;
+}
+[data-anv="textarea"][data-anv="textarea"] > textarea::placeholder {
+  all: revert-layer;
+  -webkit-font-smoothing: auto;
+}
+
+[data-anv="textfield"][data-anv="textfield"] {
+  all: revert-layer;
+}
+[data-anv="textfield"][data-anv="textfield"] > [class*="input-wrapper"] {
+  all: revert-layer;
+}
+[data-anv="textfield"][data-anv="textfield"]
+  > [class*="input-wrapper"]
+  > [class*="prefix"] {
+  all: revert-layer;
+}
+[data-anv="textfield"][data-anv="textfield"]
+  > [class*="input-wrapper"]
+  > [class*="input"] {
+  all: revert-layer;
+}
+[data-anv="textfield"][data-anv="textfield"]
+  > [class*="input-wrapper"]
+  > [class*="input"]::placeholder {
+  all: revert-layer;
+  -webkit-font-smoothing: auto;
+}
+[data-anv="textfield"][data-anv="textfield"]
+  > [class*="input-wrapper"]
+  > [class*="loading-spinner-wrapper"] {
+  all: revert-layer;
+}
+[data-anv="textfield"][data-anv="textfield"]
+  > [class*="input-wrapper"]
+  > [class*="suffix"] {
+  all: revert-layer;
+}
+
+[data-anv="toast"][data-anv="toast"] {
+  all: revert-layer;
+}
+[data-anv="toast"][data-anv="toast"]
+  > [class*="toast-alert"]
+  > [class*="message-container"] {
+  all: revert-layer;
+}
+[data-anv="toast"][data-anv="toast"]
+  > [class*="toast-alert"]
+  > [class*="alert-action"] {
+  all: revert-layer;
+}
+
+[data-anv="tooltip-trigger"][data-anv="tooltip-trigger"] {
+  all: revert-layer;
+}
+
+[data-anv="tooltip-content"][data-anv="tooltip-content"] {
+  all: revert-layer;
+}
+
+[data-anv="internal-grid"][data-anv="internal-grid"] {
+  all: revert-layer;
+}
+
+[data-anv="internal-helper"][data-anv="internal-helper"] {
+  all: revert-layer;
+}
+[data-anv="internal-helper"][data-anv="internal-helper"] > [class*="messages"] {
+  all: revert-layer;
+}
+[data-anv="internal-helper"][data-anv="internal-helper"]
+  > [class*="messages"]
+  > [class*="error-container"] {
+  all: revert-layer;
+}
+[data-anv="internal-helper"][data-anv="internal-helper"]
+  > [class*="messages"]
+  > [class*="error-container"]
+  > [class*="error-message"] {
+  all: revert-layer;
+}
+[data-anv="internal-helper"][data-anv="internal-helper"]
+  > [class*="messages"]
+  > [class*="description-container"] {
+  all: revert-layer;
+}
+[data-anv="internal-helper"][data-anv="internal-helper"] > [class*="counter"] {
+  all: revert-layer;
+}

package/dist/components/Combobox/Combobox.d.ts

@@ -1,9 +1,22 @@
-import { ComboboxProps as CoreComboboxProps, ComboboxSelectProps as CoreComboboxSelectProps, ComboboxContentProps as CoreComboboxContentProps, ComboboxSearchFieldProps as CoreComboboxSearchFieldProps, ComboboxSelectTriggerProps as CoreComboboxSelectTriggerProps, ComboboxListProps as CoreComboboxListProps, ComboboxItemProps as CoreComboboxItemProps, ComboboxItemAddNewProps as CoreComboboxItemAddNewProps, ComboboxEmptyProps as CoreComboboxEmptyProps } from '@servicetitan/hammer-react';
+import { ComboboxProps as CoreComboboxProps, ComboboxSelectProps as CoreComboboxSelectProps, ComboboxContentProps as CoreComboboxContentProps, ComboboxSearchFieldProps as CoreComboboxSearchFieldProps, ComboboxSelectTriggerProps as CoreComboboxSelectTriggerProps, ComboboxListProps as CoreComboboxListProps, ComboboxItemProps as CoreComboboxItemProps, ComboboxItemAddNewProps as CoreComboboxItemAddNewProps, ComboboxEmptyProps as CoreComboboxEmptyProps, IconProps as CoreIconProps, AvatarProps as CoreAvatarProps } from '@servicetitan/hammer-react';
 import { DataTrackingId } from '../../types/DataTrackingId';
+import { DistributiveOmit } from '../../types';
 export type ComboboxProps<Item> = CoreComboboxProps<Item>;
 export type ComboboxSelectProps<Item> = CoreComboboxSelectProps<Item>;
-export type ComboboxSearchFieldProps = CoreComboboxSearchFieldProps & DataTrackingId;
-export type ComboboxSelectTriggerProps = CoreComboboxSelectTriggerProps & DataTrackingId;
+export type ComboboxSearchFieldProps = DistributiveOmit<CoreComboboxSearchFieldProps, "prefix"> & DataTrackingId & {
+    prefix?: string | {
+        icon: DistributiveOmit<CoreIconProps, "size">;
+    } | {
+        avatar: DistributiveOmit<CoreAvatarProps, "size">;
+    };
+};
+export type ComboboxSelectTriggerProps = DistributiveOmit<CoreComboboxSelectTriggerProps, "prefix"> & DataTrackingId & {
+    prefix?: string | {
+        icon: DistributiveOmit<CoreIconProps, "size">;
+    } | {
+        avatar: DistributiveOmit<CoreAvatarProps, "size">;
+    };
+};
 export type ComboboxContentProps<Item> = CoreComboboxContentProps<Item>;
 export type ComboboxListProps = CoreComboboxListProps;
 export type ComboboxItemProps<Item> = CoreComboboxItemProps<Item> & DataTrackingId;
@@ -11,8 +24,8 @@ export type ComboboxItemAddNewProps<Item> = CoreComboboxItemAddNewProps<Item> &
 export type ComboboxEmptyProps = CoreComboboxEmptyProps;
 export declare const ComboboxElement: <Item = any>(props: ComboboxProps<Item>) => import("react/jsx-runtime").JSX.Element;
 export declare const ComboboxSelect: <Item = any>(props: ComboboxSelectProps<Item>) => import("react/jsx-runtime").JSX.Element;
-export declare const ComboboxSearchField: (props: ComboboxSearchFieldProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ComboboxSelectTrigger: (props: ComboboxSelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboboxSearchField: ({ prefix: prefixProp, ...props }: ComboboxSearchFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboboxSelectTrigger: ({ prefix: prefixProp, ...props }: ComboboxSelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ComboboxContent: <Item = any>(props: ComboboxContentProps<Item>) => import("react/jsx-runtime").JSX.Element;
 export declare const ComboboxList: <Item = any>(props: ComboboxListProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ComboboxItem: <Item = any>(props: ComboboxItemProps<Item>) => import("react/jsx-runtime").JSX.Element;
@@ -20,8 +33,8 @@ export declare const ComboboxItemAddNew: <Item = any>(props: ComboboxItemAddNewP
 export declare const ComboboxEmpty: <Item = any>(props: ComboboxEmptyProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Combobox: (<Item = any>(props: ComboboxProps<Item>) => import("react/jsx-runtime").JSX.Element) & {
     Select: <Item = any>(props: ComboboxSelectProps<Item>) => import("react/jsx-runtime").JSX.Element;
-    SearchField: (props: ComboboxSearchFieldProps) => import("react/jsx-runtime").JSX.Element;
-    SelectTrigger: (props: ComboboxSelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    SearchField: ({ prefix: prefixProp, ...props }: ComboboxSearchFieldProps) => import("react/jsx-runtime").JSX.Element;
+    SelectTrigger: ({ prefix: prefixProp, ...props }: ComboboxSelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
     Content: <Item = any>(props: ComboboxContentProps<Item>) => import("react/jsx-runtime").JSX.Element;
     List: <Item = any>(props: ComboboxListProps) => import("react/jsx-runtime").JSX.Element;
     Item: <Item = any>(props: ComboboxItemProps<Item>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TextField/TextField.d.ts

@@ -1,7 +1,7 @@
 import { TextFieldProps as CoreTextFieldProps } from '@servicetitan/hammer-react';
 import { DistributiveOmit } from '../../types';
-export type TextFieldProps = DistributiveOmit<CoreTextFieldProps, "prefix"> & {
+import { DataTrackingId } from '../../types/DataTrackingId';
+export type TextFieldProps = DistributiveOmit<CoreTextFieldProps, "prefix"> & DataTrackingId & {
     prefix?: string;
-    ["data-tracking-id"]?: string;
 };
 export declare const TextField: import('react').ForwardRefExoticComponent<TextFieldProps & import('react').RefAttributes<HTMLInputElement>>;