@servicetitan/anvil2 1.38.0 → 1.40.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servicetitan/anvil2",
-  "version": "1.38.0",
+  "version": "1.40.0",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
@@ -25,9 +25,9 @@
     "@react-hook/resize-observer": "^2.0.1",
     "@servicetitan/anvil-fonts": ">=14",
     "classnames": "^2.5.1",
-    "@servicetitan/hammer-react": "1.37.3",
     "@servicetitan/hammer-icon": "1.2.0",
-    "@servicetitan/hammer-token": "2.3.0"
+    "@servicetitan/hammer-react": "1.38.0",
+    "@servicetitan/hammer-token": "2.4.0"
   },
   "peerDependencies": {
     "@types/react": "^18",
@@ -40,6 +40,7 @@
     "@changesets/cli": "^2.27.10",
     "@changesets/read": "^0.6.0",
     "@chromatic-com/storybook": "^3.2.5",
+    "@figma/code-connect": "^1.3.4",
     "@storybook/addon-a11y": "8.4.7",
     "@storybook/addon-actions": "8.4.7",
     "@storybook/addon-docs": "^8.4.7",
@@ -66,9 +67,9 @@
     "happy-dom": "^17.4.4",
     "mdast-util-to-string": "^4.0.0",
     "playwright": "^1.52.0",
-    "remark-gfm": "^4.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "remark-gfm": "^4.0.0",
     "remark-parse": "^11.0.0",
     "remark-stringify": "^11.0.0",
     "sass": "1.87.0",
@@ -96,6 +97,8 @@
     "build-storybook": "storybook build --stats-json",
     "test:integration": "playwright test",
     "playwright:install": "playwright install",
-    "playwright:report": "playwright show-report"
+    "playwright:report": "playwright show-report",
+    "figma:connect": "figma connect",
+    "figma:publish": "figma connect publish"
   }
 }

package/dist/Breadcrumbs-DJbCkSeD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumbs-DJbCkSeD.js","sources":["../../hammer-icon/mdi/filled/chevron_right.svg","../../hammer-react/dist/Breadcrumbs-D_jgwoN3.js","../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 { jsx, jsxs, Fragment } from 'react/jsx-runtime';\nimport { forwardRef, Children, cloneElement } from 'react';\nimport cx from 'classnames';\nimport ChevronRight from '@servicetitan/hammer-icon/mdi/filled/chevron_right.svg';\nimport { L as Link } from './Link-Dqp_XXl_.js';\nimport { T as Text } from './Text-DCvcLCvf.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\nimport { I as Icon } from './Icon-B6HmlQiR.js';\n\nimport './Breadcrumbs.css';const breadcrumbs = \"_breadcrumbs_1c7ez_2\";\nconst styles = {\n\tbreadcrumbs: breadcrumbs,\n\t\"breadcrumbs-link\": \"_breadcrumbs-link_1c7ez_18\"\n};\n\nconst BreadcrumbsLink = forwardRef((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const { children, className, style, ...rest } = componentProps;\n  const classes = cx([styles[\"breadcrumbs-link\"]], className, {});\n  const styleCombined = {\n    ...style,\n    ...layoutStyles\n  };\n  return /* @__PURE__ */ jsx(\n    Link,\n    {\n      tabIndex: 0,\n      \"data-anv\": \"breadcrumbs-link\",\n      style: styleCombined,\n      appearance: \"secondary\",\n      className: classes,\n      ...rest,\n      ref,\n      children: /* @__PURE__ */ jsx(Text, { size: \"small\", inline: true, children })\n    }\n  );\n});\nBreadcrumbsLink.displayName = \"BreadcrumbsLink\";\n\nconst BreadcrumbsElement = forwardRef(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const { children, className, style, ...rest } = componentProps;\n    const classes = cx([styles[\"breadcrumbs\"]], className, {});\n    const styleCombined = {\n      ...style,\n      ...layoutStyles\n    };\n    const linkCount = Children.count(children);\n    return /* @__PURE__ */ jsx(\n      \"nav\",\n      {\n        \"data-anv\": \"breadcrumbs\",\n        style: styleCombined,\n        className: classes,\n        \"aria-label\": \"Breadcrumb\",\n        ...rest,\n        ref,\n        children: Children.map(children, (link, i) => {\n          if (i + 1 === linkCount) {\n            return /* @__PURE__ */ jsx(\n              Text,\n              {\n                inline: true,\n                size: \"small\",\n                style: {\n                  fontWeight: \"bold\"\n                },\n                children: link.props.children\n              }\n            );\n          } else {\n            return /* @__PURE__ */ jsxs(Fragment, { children: [\n              cloneElement(link),\n              /* @__PURE__ */ jsx(Icon, { svg: ChevronRight, \"aria-hidden\": \"true\" })\n            ] });\n          }\n        })\n      }\n    );\n  }\n);\nBreadcrumbsElement.displayName = \"Breadcrumbs\";\nconst Breadcrumbs = Object.assign(BreadcrumbsElement, {\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\nexport { Breadcrumbs as B, BreadcrumbsLink as a };\n//# sourceMappingURL=Breadcrumbs-D_jgwoN3.js.map\n","import {\n  BreadcrumbsLink as CoreBreadcrumbsLink,\n  BreadcrumbsLinkProps as CoreBreadcrumbsLinkProps,\n  BreadcrumbsProps as CoreBreadcrumbsProps,\n  Breadcrumbs as CoreBreadcrumbs,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\n/**\n * Props for the Breadcrumbs component\n * @property {ReactElement<BreadcrumbsLinkProps> | ReactElement<BreadcrumbsLinkProps>[]} children - Breadcrumb links to display. The last child will be rendered as non-clickable text.\n * @extends ComponentPropsWithoutRef<\"nav\">\n * @extends LayoutUtilProps\n */\nexport type BreadcrumbsProps = CoreBreadcrumbsProps;\nexport type BreadcrumbsLinkProps = CoreBreadcrumbsLinkProps;\n\nexport const BreadcrumbsElement = forwardRef(\n  (props: BreadcrumbsProps, ref: Ref<HTMLScriptElement>) => {\n    return <CoreBreadcrumbs ref={ref} {...props} />;\n  },\n);\nBreadcrumbsElement.displayName = CoreBreadcrumbs.displayName;\n\nexport const BreadcrumbsLink = forwardRef(\n  (props: BreadcrumbsLinkProps, ref: Ref<HTMLAnchorElement>) => {\n    return <CoreBreadcrumbsLink ref={ref} {...props} />;\n  },\n);\nBreadcrumbsLink.displayName = CoreBreadcrumbsLink.displayName;\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 * - Automatic tracking ID generation for analytics\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(BreadcrumbsElement, {\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   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <Breadcrumbs.Link href=\"/dashboard\">Dashboard</Breadcrumbs.Link>\n   */\n  Link: BreadcrumbsLink,\n});\n"],"names":["BreadcrumbsLink","BreadcrumbsElement","ChevronRight","Breadcrumbs","CoreBreadcrumbs","CoreBreadcrumbsLink"],"mappings":"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"}