@servicetitan/anvil2 3.0.3 → 3.0.4

package/dist/Badge.css

@@ -1,9 +1,8 @@
-.anvil2 {._badge_n9xub_1 {
+.anvil2 {._badge_r4vxw_1 {
   --a2-mod-badge-background-color: var(--a2-badge-background-color, var(--a2-background-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))));
   --a2-mod-badge-foreground-color: var(--a2-badge-foreground-color, var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
   --a2-mod-badge-min-size: var(--a2-size-5, 1.25rem);
   --a2-mod-badge-transform-origin: top right;
-  all: unset;
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -34,10 +33,10 @@
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-}[dir=rtl] ._badge_n9xub_1 {
+}[dir=rtl] ._badge_r4vxw_1 {
   --a2-mod-badge-transform-origin: top left;
   transform: translateY(calc(-50% + var(--a2-inline-badge-offset-y) - var(--a2-size-quarter, 0.0625rem))) translateX(calc(-50% - (var(--a2-inline-badge-offset-x) - var(--a2-size-quarter, 0.0625rem))));
-}._empty_n9xub_41 {
+}._empty_r4vxw_40 {
   --a2-mod-badge-min-size: var(--a2-size-3, 0.75rem);
   aspect-ratio: 1;
 }

package/dist/Badge.d.ts

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

package/dist/Badge.js

@@ -1,2 +1,2 @@
-export { B as Badge, B as default } from './Badge-C_wTvtnB.js';
+export { B as Badge, B as default } from './Badge-DtUI2AEk.js';
 //# sourceMappingURL=Badge.js.map

package/dist/Breadcrumbs-DTi5RqT-.js

@@ -0,0 +1,107 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { forwardRef, Children, cloneElement } from 'react';
+import { c as cx } from './index-De1g9FRV.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
+import { L as Link } from './Link-D8A_WT94.js';
+import { T as Text } from './Text-BgPuOXJM.js';
+import { I as Icon } from './Icon-feeG7gXA.js';
+
+import './Breadcrumbs.css';const SvgChevronRight = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }));
+
+const breadcrumbs = "_breadcrumbs_rz0m1_1";
+const styles = {
+	breadcrumbs: breadcrumbs,
+	"breadcrumbs-link": "_breadcrumbs-link_rz0m1_17"
+};
+
+const BreadcrumbsLink = forwardRef((props, ref) => {
+  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+  const { children, className, style, ...rest } = componentProps;
+  const classes = cx([styles["breadcrumbs-link"]], className, {});
+  const styleCombined = {
+    ...style,
+    ...layoutStyles
+  };
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      tabIndex: 0,
+      "data-anv": "breadcrumbs-link",
+      style: styleCombined,
+      appearance: "secondary",
+      className: classes,
+      ...rest,
+      ref,
+      children: /* @__PURE__ */ jsx(Text, { size: "small", inline: true, children })
+    }
+  );
+});
+BreadcrumbsLink.displayName = "BreadcrumbsLink";
+
+const Breadcrumbs = Object.assign(
+  forwardRef(
+    function BreadcrumbsInner(props, ref) {
+      const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+      const { children, className, style, ...rest } = componentProps;
+      const classes = cx([styles["breadcrumbs"]], className, {});
+      const styleCombined = {
+        ...style,
+        ...layoutStyles
+      };
+      const linkCount = Children.count(children);
+      return /* @__PURE__ */ jsx(
+        "nav",
+        {
+          "data-anv": "breadcrumbs",
+          style: styleCombined,
+          className: classes,
+          "aria-label": "Breadcrumb",
+          ...rest,
+          ref,
+          children: Children.map(children, (link, i) => {
+            if (i + 1 === linkCount) {
+              return /* @__PURE__ */ jsx(
+                Text,
+                {
+                  inline: true,
+                  size: "small",
+                  style: {
+                    fontWeight: "bold"
+                  },
+                  children: link.props.children
+                }
+              );
+            } else {
+              return /* @__PURE__ */ jsxs(Fragment, { children: [
+                cloneElement(link),
+                /* @__PURE__ */ jsx(Icon, { svg: SvgChevronRight, "aria-hidden": "true" })
+              ] });
+            }
+          })
+        }
+      );
+    }
+  ),
+  {
+    /**
+     * BreadcrumbsLink component for individual breadcrumb navigation items.
+     *
+     * Features:
+     * - Renders as a clickable link with secondary appearance
+     * - Supports all standard anchor element props
+     * - Includes layout utilities for positioning and spacing
+     * - Uses small text size for consistent styling
+     * - Fully accessible with proper focus management
+     * - Automatically applies secondary link styling
+     *
+     * @example
+     * <Breadcrumbs.Link href="/dashboard">Dashboard</Breadcrumbs.Link>
+     */
+    Link: BreadcrumbsLink
+  }
+);
+Breadcrumbs.displayName = "Breadcrumbs";
+
+export { Breadcrumbs as B };
+//# sourceMappingURL=Breadcrumbs-DTi5RqT-.js.map

package/dist/Breadcrumbs-DTi5RqT-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-DTi5RqT-.js","sources":["../../hammer-icon/mdi/filled/chevron_right.svg","../src/components/Breadcrumbs/BreadcrumbsLink.tsx","../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgChevronRight = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" }));\nexport default SvgChevronRight;\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { Link, Text } from \"../\";\n\nimport styles from \"./Breadcrumbs.module.scss\";\n\n/**\n * Props for the BreadcrumbsLink component\n * @extends ComponentPropsWithoutRef<\"a\">\n * @extends LayoutUtilProps\n */\nexport type BreadcrumbsLinkProps = ComponentPropsWithoutRef<\"a\"> &\n  LayoutUtilProps;\n\n/**\n * BreadcrumbsLink component for individual breadcrumb navigation items.\n *\n * Features:\n * - Renders as a clickable link with secondary appearance\n * - Supports all standard anchor element props\n * - Includes layout utilities for positioning and spacing\n * - Uses small text size for consistent styling\n * - Fully accessible with proper focus management\n * - Automatically applies secondary link styling\n *\n * @example\n * <BreadcrumbsLink href=\"/dashboard\">Dashboard</BreadcrumbsLink>\n */\nexport const BreadcrumbsLink = forwardRef<\n  HTMLAnchorElement,\n  BreadcrumbsLinkProps\n>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const { children, className, style, ...rest } = componentProps;\n\n  const classes = cx([styles[\"breadcrumbs-link\"]], className, {});\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <Link\n      tabIndex={0}\n      data-anv=\"breadcrumbs-link\"\n      style={styleCombined}\n      appearance=\"secondary\"\n      className={classes}\n      {...rest}\n      ref={ref}\n    >\n      <Text size=\"small\" inline>\n        {children}\n      </Text>\n    </Link>\n  );\n});\n\nBreadcrumbsLink.displayName = \"BreadcrumbsLink\";\n","import {\n  Children,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  cloneElement,\n  forwardRef,\n} from \"react\";\nimport cx from \"classnames\";\nimport ChevronRight from \"@servicetitan/hammer-icon/mdi/filled/chevron_right.svg\";\n\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { Icon, Text } from \"../\";\n\nimport styles from \"./Breadcrumbs.module.scss\";\nimport { BreadcrumbsLink, BreadcrumbsLinkProps } from \"./BreadcrumbsLink\";\n\n/**\n * Props for the Breadcrumbs component\n * @extends ComponentPropsWithoutRef<\"nav\">\n * @extends LayoutUtilProps\n */\nexport type BreadcrumbsProps = ComponentPropsWithoutRef<\"nav\"> &\n  LayoutUtilProps & {\n    /**\n     * Breadcrumb links to display. The last child will be rendered as non-clickable text.\n     */\n    children:\n      | ReactElement<BreadcrumbsLinkProps>\n      | ReactElement<BreadcrumbsLinkProps>[];\n  };\n\n/**\n * Breadcrumbs component for displaying navigation hierarchy.\n *\n * Features:\n * - Displays a series of navigation links with chevron separators\n * - Automatically renders the last item as non-clickable text\n * - Includes proper ARIA labeling for accessibility\n * - Supports layout utilities for positioning and spacing\n * - Uses chevron icons as visual separators between links\n * - Responsive design with flexbox layout\n *\n * @example\n * <Breadcrumbs>\n *   <Breadcrumbs.Link href=\"/home\">Home</Breadcrumbs.Link>\n *   <Breadcrumbs.Link href=\"/products\">Products</Breadcrumbs.Link>\n *   <Breadcrumbs.Link href=\"/electronics\">Electronics</Breadcrumbs.Link>\n * </Breadcrumbs>\n */\nexport const Breadcrumbs = Object.assign(\n  forwardRef<HTMLElement, BreadcrumbsProps>(\n    function BreadcrumbsInner(props, ref) {\n      const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n      const { children, className, style, ...rest } = componentProps;\n\n      const classes = cx([styles[\"breadcrumbs\"]], className, {});\n\n      const styleCombined = {\n        ...style,\n        ...layoutStyles,\n      };\n\n      const linkCount = Children.count(children);\n\n      return (\n        <nav\n          data-anv=\"breadcrumbs\"\n          style={styleCombined}\n          className={classes}\n          aria-label=\"Breadcrumb\"\n          {...rest}\n          ref={ref}\n        >\n          {Children.map(children, (link, i) => {\n            if (i + 1 === linkCount) {\n              return (\n                <Text\n                  inline\n                  size=\"small\"\n                  style={{\n                    fontWeight: \"bold\",\n                  }}\n                >\n                  {link.props.children}\n                </Text>\n              );\n            } else {\n              return (\n                <>\n                  {cloneElement(link as ReactElement)}\n                  <Icon svg={ChevronRight} aria-hidden=\"true\" />\n                </>\n              );\n            }\n          })}\n        </nav>\n      );\n    },\n  ),\n  {\n    /**\n     * BreadcrumbsLink component for individual breadcrumb navigation items.\n     *\n     * Features:\n     * - Renders as a clickable link with secondary appearance\n     * - Supports all standard anchor element props\n     * - Includes layout utilities for positioning and spacing\n     * - Uses small text size for consistent styling\n     * - Fully accessible with proper focus management\n     * - Automatically applies secondary link styling\n     *\n     * @example\n     * <Breadcrumbs.Link href=\"/dashboard\">Dashboard</Breadcrumbs.Link>\n     */\n    Link: BreadcrumbsLink,\n  },\n);\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"names":["ChevronRight"],"mappings":"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"}

package/dist/Breadcrumbs.css

@@ -1,5 +1,4 @@
-.anvil2 {._breadcrumbs_1dm38_1 {
-  all: unset;
+.anvil2 {._breadcrumbs_rz0m1_1 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -13,27 +12,11 @@
   align-items: center;
   flex-wrap: wrap;
   gap: var(--a2-size-1, 0.25rem);
-}._breadcrumbs-link_1dm38_18 {
-  /*
-   * Need !important and redeclaring the property here to override !important
-   * that is in the Link.module.scss file... so we can set the text-decoration to none.
-  */
-  --a2-mod-link-foreground-color: currentColor;
+}._breadcrumbs-link_rz0m1_17 {
+  --a2-mod-link-text-decoration: none;
+  --a2-mod-link-foreground-color: var(--a2-breadcrumb-link-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
   --a2-mod-link-foreground-color-hover: var(--a2-breadcrumb-link-foreground-color-hover, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
-  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: inline;
-}._breadcrumbs-link_1dm38_18:not(:hover):not([data-interactive=hover]) {
-  --a2-mod-link-text-decoration: none !important;
-}._breadcrumbs-link_1dm38_18[data-interactive=hover], ._breadcrumbs-link_1dm38_18:hover {
+}._breadcrumbs-link_rz0m1_17[data-interactive=hover], ._breadcrumbs-link_rz0m1_17:hover {
   --a2-mod-link-text-decoration: underline solid currentColor;
 }
 }

package/dist/Breadcrumbs.d.ts

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

package/dist/Breadcrumbs.js

@@ -1,2 +1,2 @@
-export { B as Breadcrumbs, B as default } from './Breadcrumbs-vvKOtFwN.js';
+export { B as Breadcrumbs, B as default } from './Breadcrumbs-DTi5RqT-.js';
 //# sourceMappingURL=Breadcrumbs.js.map