@servicetitan/anvil2 2.3.0 → 2.5.0

package/dist/List-CX-BrNX5.js

@@ -0,0 +1,101 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { c as cx } from './index-SvGbrGuT.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-loxbyklF.js';
+
+import './List.css';const list = "_list_kuptj_2";
+const item = "_item_kuptj_15";
+const unordered = "_unordered_kuptj_43";
+const ordered = "_ordered_kuptj_46";
+const small = "_small_kuptj_51";
+const large = "_large_kuptj_54";
+const styles = {
+	list: list,
+	item: item,
+	unordered: unordered,
+	ordered: ordered,
+	small: small,
+	large: large
+};
+
+const ListItem = forwardRef(
+  (props, ref) => {
+    const { className, children, ...rest } = props;
+    return /* @__PURE__ */ jsx(
+      "li",
+      {
+        ref,
+        className: cx(styles["item"], className),
+        "data-anv": "list-item",
+        ...rest,
+        children
+      }
+    );
+  }
+);
+ListItem.displayName = "ListItem";
+
+const ListElement = forwardRef(
+  (props, ref) => {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      className,
+      children,
+      variant = "unordered",
+      size = "medium",
+      style,
+      ...rest
+    } = componentProps;
+    const listClasses = cx(styles["list"], className, {
+      [styles["unordered"]]: variant === "unordered",
+      [styles["ordered"]]: variant === "ordered",
+      [styles["small"]]: size === "small",
+      [styles["large"]]: size === "large"
+    });
+    const styleCombined = {
+      ...style,
+      ...layoutStyles
+    };
+    if (variant === "ordered") {
+      return /* @__PURE__ */ jsx(
+        "ol",
+        {
+          ref,
+          className: listClasses,
+          style: styleCombined,
+          "data-anv": "list",
+          ...rest,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "ul",
+      {
+        ref,
+        className: listClasses,
+        style: styleCombined,
+        "data-anv": "list",
+        ...rest,
+        children
+      }
+    );
+  }
+);
+ListElement.displayName = "List";
+const List = Object.assign(ListElement, {
+  /**
+   * ListItem component for individual items within a List.
+   *
+   * Features:
+   * - Renders as a semantic list item (li)
+   * - Supports layout and styling via standard HTML attributes
+   *
+   * @example
+   * <List.Item>Item content</List.Item>
+   */
+  Item: ListItem
+});
+
+export { List as L };
+//# sourceMappingURL=List-CX-BrNX5.js.map

package/dist/List-CX-BrNX5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List-CX-BrNX5.js","sources":["../src/components/List/ListItem.tsx","../src/components/List/List.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, Ref } from \"react\";\n\nimport cx from \"classnames\";\nimport styles from \"./List.module.scss\";\n\n/**\n * Props for the ListItem component\n * @extends ComponentPropsWithoutRef<\"li\">\n */\nexport type ListItemProps = ComponentPropsWithoutRef<\"li\">;\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(\n  (props, ref: Ref<HTMLLIElement>) => {\n    const { className, children, ...rest } = props;\n\n    return (\n      <li\n        ref={ref}\n        className={cx(styles[\"item\"], className)}\n        data-anv=\"list-item\"\n        {...rest}\n      >\n        {children}\n      </li>\n    );\n  },\n);\n\nListItem.displayName = \"ListItem\";\n","import { ComponentPropsWithoutRef, forwardRef, Ref } from \"react\";\nimport { LayoutUtilProps, Size } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { ListItem } from \"./ListItem\";\n\nimport cx from \"classnames\";\nimport styles from \"./List.module.scss\";\n\n/** Size option for list typography */\nexport type ListSize = Extract<Size, \"small\" | \"medium\" | \"large\">;\n\n/**\n * Props for unordered list variant\n * @extends ComponentPropsWithoutRef<\"ul\">\n * @extends LayoutUtilProps\n */\nexport type UnorderedListProps = ComponentPropsWithoutRef<\"ul\"> &\n  LayoutUtilProps & {\n    /** Renders as unordered list (ul). Default. */\n    variant?: \"unordered\";\n    /** Typography size for list content. @default \"medium\" */\n    size?: ListSize;\n  };\n\n/**\n * Props for ordered list variant\n * @extends ComponentPropsWithoutRef<\"ol\">\n * @extends LayoutUtilProps\n */\nexport type OrderedListProps = ComponentPropsWithoutRef<\"ol\"> &\n  LayoutUtilProps & {\n    /** Renders as ordered list (ol). */\n    variant: \"ordered\";\n    /** Typography size for list content. @default \"medium\" */\n    size?: ListSize;\n  };\n\n/**\n * Props for the List component\n * @extends UnorderedListProps\n * @extends OrderedListProps\n */\nexport type ListProps = UnorderedListProps | OrderedListProps;\n\nconst ListElement = forwardRef<HTMLUListElement | HTMLOListElement, ListProps>(\n  (props, ref: Ref<HTMLUListElement | HTMLOListElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      children,\n      variant = \"unordered\",\n      size = \"medium\",\n      style,\n      ...rest\n    } = componentProps;\n\n    const listClasses = cx(styles[\"list\"], className, {\n      [styles[\"unordered\"]]: variant === \"unordered\",\n      [styles[\"ordered\"]]: variant === \"ordered\",\n      [styles[\"small\"]]: size === \"small\",\n      [styles[\"large\"]]: size === \"large\",\n    });\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    if (variant === \"ordered\") {\n      return (\n        <ol\n          ref={ref as Ref<HTMLOListElement>}\n          className={listClasses}\n          style={styleCombined}\n          data-anv=\"list\"\n          {...rest}\n        >\n          {children}\n        </ol>\n      );\n    }\n\n    return (\n      <ul\n        ref={ref as Ref<HTMLUListElement>}\n        className={listClasses}\n        style={styleCombined}\n        data-anv=\"list\"\n        {...rest}\n      >\n        {children}\n      </ul>\n    );\n  },\n);\n\nListElement.displayName = \"List\";\n\n/**\n * List component for displaying ordered or unordered lists with design system styling.\n *\n * Features:\n * - Supports unordered (ul) and ordered (ol) lists via variant prop\n * - Typography size options aligned with design tokens\n * - Semantic HTML and accessible list structure\n * - Supports nested lists\n * - Layout utilities for positioning and spacing\n *\n * @example\n * <List>\n *   <List.Item>First item</List.Item>\n *   <List.Item>Second item</List.Item>\n * </List>\n *\n * @example\n * <List variant=\"ordered\" start={1}>\n *   <List.Item>Step one</List.Item>\n *   <List.Item>Step two</List.Item>\n * </List>\n */\nexport const List = Object.assign(ListElement, {\n  /**\n   * ListItem component for individual items within a List.\n   *\n   * Features:\n   * - Renders as a semantic list item (li)\n   * - Supports layout and styling via standard HTML attributes\n   *\n   * @example\n   * <List.Item>Item content</List.Item>\n   */\n  Item: ListItem,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAWO,MAAM,QAAA,GAAW,UAAA;AAAA,EACtB,CAAC,OAAO,GAAA,KAA4B;AAClC,IAAA,MAAM,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAK,GAAI,KAAA;AAEzC,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,MAAM,GAAG,SAAS,CAAA;AAAA,QACvC,UAAA,EAAS,WAAA;AAAA,QACR,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;;ACgBvB,MAAM,WAAA,GAAc,UAAA;AAAA,EAClB,CAAC,OAAO,GAAA,KAAkD;AACxD,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA,GAAU,WAAA;AAAA,MACV,IAAA,GAAO,QAAA;AAAA,MACP,KAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AAEJ,IAAA,MAAM,WAAA,GAAc,EAAA,CAAG,MAAA,CAAO,MAAM,GAAG,SAAA,EAAW;AAAA,MAChD,CAAC,MAAA,CAAO,WAAW,CAAC,GAAG,OAAA,KAAY,WAAA;AAAA,MACnC,CAAC,MAAA,CAAO,SAAS,CAAC,GAAG,OAAA,KAAY,SAAA;AAAA,MACjC,CAAC,MAAA,CAAO,OAAO,CAAC,GAAG,IAAA,KAAS,OAAA;AAAA,MAC5B,CAAC,MAAA,CAAO,OAAO,CAAC,GAAG,IAAA,KAAS;AAAA,KAC7B,CAAA;AAED,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AAEA,IAAA,IAAI,YAAY,SAAA,EAAW;AACzB,MAAA,uBACE,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,SAAA,EAAW,WAAA;AAAA,UACX,KAAA,EAAO,aAAA;AAAA,UACP,UAAA,EAAS,MAAA;AAAA,UACR,GAAG,IAAA;AAAA,UAEH;AAAA;AAAA,OACH;AAAA,IAEJ;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,WAAA;AAAA,QACX,KAAA,EAAO,aAAA;AAAA,QACP,UAAA,EAAS,MAAA;AAAA,QACR,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AAEA,WAAA,CAAY,WAAA,GAAc,MAAA;AAwBnB,MAAM,IAAA,GAAO,MAAA,CAAO,MAAA,CAAO,WAAA,EAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAW7C,IAAA,EAAM;AACR,CAAC;;;;"}

package/dist/List.css

@@ -0,0 +1,67 @@
+@layer starter, reset, base, state, application;
+@layer reset {
+  ._list_kuptj_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: block;
+  }
+  ._item_kuptj_15 {
+    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: list-item;
+  }
+}
+@layer base {
+  ._list_kuptj_2 {
+    font-size: 1rem;
+    line-height: 1.5;
+    padding-inline-start: 1.5rem;
+    color: var(--foreground-color, #141414);
+    /* Same spacing above first item of a nested list as between sibling items */
+  }
+  ._list_kuptj_2 ._item_kuptj_15 + ._item_kuptj_15 {
+    margin-block-start: 0.5rem;
+  }
+  ._list_kuptj_2 ._item_kuptj_15 ._list_kuptj_2 > ._item_kuptj_15:first-child {
+    margin-block-start: 0.5rem;
+  }
+  ._list_kuptj_2._unordered_kuptj_43 {
+    list-style-type: disc;
+  }
+  ._list_kuptj_2._ordered_kuptj_46 {
+    list-style-type: decimal;
+  }
+}
+@layer state {
+  ._list_kuptj_2._small_kuptj_51 {
+    font-size: 0.875rem;
+  }
+  ._list_kuptj_2._large_kuptj_54 {
+    font-size: 1.25rem;
+  }
+}
+.bootstrap ul._list_kuptj_2,
+.bootstrap ol._list_kuptj_2 {
+  padding: revert-layer;
+  margin: revert-layer;
+}
+.bootstrap ul._list_kuptj_2 ._item_kuptj_15,
+.bootstrap ol._list_kuptj_2 ._item_kuptj_15 {
+  line-height: revert-layer;
+}

package/dist/List.d.ts

@@ -0,0 +1,6 @@
+export * from './components/List/index'
+export {}
+import _default from './components/List/index'
+export default _default
+export * from './components/List/index'
+export {}

package/dist/List.js

@@ -0,0 +1,2 @@
+export { L as List, L as default } from './List-CX-BrNX5.js';
+//# sourceMappingURL=List.js.map

package/dist/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/MultiSelectField.js

@@ -1,2 +1,2 @@
-export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-ChDuxvhE.js';
+export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-BnPzYM72.js';
 //# sourceMappingURL=MultiSelectField.js.map

package/dist/{MultiSelectFieldSync-ChDuxvhE.js → MultiSelectFieldSync-BnPzYM72.js}

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef, useMemo, useCallback, useRef, useState, useLayoutEffect, useEffect, useId, useImperativeHandle } from 'react';
 import { u as useDownshiftEnvironment, a as useCombobox, b as useSelect, m as matchSorter } from './match-sorter.esm-adzV1NDp.js';
 import { w as warnDeprecatedErrorUsage, a as warnOnce } from './utils-pudAMGnO.js';
-import { V as VirtualizedFieldListBase, F as FieldListBase, a as useProcessedOptions, b as buildDownshiftItems, c as useDebouncedCallback, S as SelectFieldLabel, d as FieldDialog, e as FieldPopover, u as useAdaptiveView, D as DEFAULT_PAGE_SIZE, f as useSelectFieldLoading } from './FieldDialog-BghhsL2B.js';
+import { V as VirtualizedFieldListBase, F as FieldListBase, a as useProcessedOptions, b as buildDownshiftItems, c as useDebouncedCallback, S as SelectFieldLabel, d as FieldDialog, e as FieldPopover, u as useAdaptiveView, D as DEFAULT_PAGE_SIZE, f as useSelectFieldLoading } from './FieldDialog-C5mwMjrr.js';
 import { c as cx } from './index-SvGbrGuT.js';
 import { B as Button } from './Button-DrNDkO2f.js';
 import { C as Chip } from './Chip-Bc7jiIJ1.js';
@@ -1637,4 +1637,4 @@ const MultiSelectFieldSync = (props) => {
 };
 
 export { MultiSelectField as M, MultiSelectFieldSync as a };
-//# sourceMappingURL=MultiSelectFieldSync-ChDuxvhE.js.map
+//# sourceMappingURL=MultiSelectFieldSync-BnPzYM72.js.map