@servicetitan/anvil2 2.9.1 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,76 @@
 # @servicetitan/anvil2
 
+## 3.0.0
+
+### Major Changes
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - 3.0 Pre-release.
+
+### Patch Changes
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [AiMark] Migrate CSS to 3.0 patterns (remove `@layer` wrapping and adopt `.anvil2` specificity scoping).
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [FieldLabel][Switch] Position AI Mark on the far right of the container in label-row headings (CheckboxGroup, RadioGroup, SelectCardGroup via FieldLabel) and Switch.
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [Alert] Fix content padding.
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [Alert] Fix status icon size and vertical alignment with title.
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [Breadcrumbs, Button, ButtonCompound, ButtonToggle, ThemeProvider] Update styles to use new design tokens
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [EditCard, FieldLabel, FieldMessage, Icon, Link, ListView, Listbox, Menu, Overflow, Page, Pagination, Popover, ProgressBar, Radio, SearchField, SegmentedControl, SelectCard, SideNav, Skeleton, Spinner, Stepper, Switch, Tab, Text, TextField, Textarea, Toast, Toolbar, Tooltip]: Apply component tokens to SCSS files.
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [Tokens] Add Avatar component design tokens and migrate SCSS to use token variables.
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [Checkbox] Restore indeterminate icon precedence so the indeterminate state renders its icon regardless of the `checked` value.
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [Combobox, MultiSelectField] Fix group layout regression in option lists.
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [Tokens] Add Announcement component design tokens, missing foreground tokens for success, and migrate SCSS to use token variables.
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - **BETA** [InteractiveCard] Migrate to 3.0 patterns (unwrap `@layer` blocks) and expose a new `--a2-mod-interactive-card-action-background-color` custom property for background overrides.
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [Tokens][Menu] Add `menu.item` hover and active state tokens (`foreground.color-hover`, `foreground.color-active`, `background.color-active`) and wire them through Menu styles.
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [Tokens] Add Badge component design tokens and migrate SCSS to use token variables.
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [SelectCard, YearSelector, Calendar, Page] Restore focus-ring and layout regressions dropped during rc-3.0.0 merges: SelectCard inner Checkbox/Radio className wiring, YearSelector focus ring via SelectCard's `focus-label` mechanism, Calendar `.cell:focus-visible` ring on `tabindex=-1` cells, and Page `content-wrapper { grid-area: content; }` so PageContent's virtual-scroll ResizeObserver does not inflate the grid row
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - **BETA** [Select] Fix option text color.
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [SelectMenu] Repair popover styling regressions (border, shadow, and highlighted row background).
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [Tokens][SideNav] Restructure SideNav tokens and update SideNav styles to match. Consumers referencing the prior SideNav token names must migrate to the new shape
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [Details, Dialog, Divider, Dnd, Drawer, DrillDown] Update styles to use new component tokens
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [Tokens][Switch] Restructure Switch tokens (new hierarchy and shadow token scoping) and update Switch styles to match. Consumers referencing the prior Switch token names must migrate to the new shape
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [Tokens] Consolidate TextField, Textarea, and SearchField tokens into a single `text-field` token set. `search-field.tokens.json` and `textarea.tokens.json` are removed; their tokens are merged into `text-field.tokens.json` with a flattened hierarchy and renames (e.g. `background-color-strong` → `background-color-disabled`). Consumers of the prior per-component token names must migrate
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [Text] Remove `letter-spacing` from the `headline` variant (all sizes).
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [Toast] Rename `--a2-local-toaster-stack-padding` CSS custom property to `--a2-mod-toaster-stack-padding` to align with the `--a2-mod-*` convention for component-local overrides.
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [Button] Apply disabled opacity via design token.
+
+  [Calendar] Refactor styles to use design tokens and `--a2-mod-*` custom properties.
+
+  [Card] Update styles to use design tokens.
+
+  [Checkbox] Update styles to use design tokens.
+
+  [Chip] Update styles to use design tokens.
+
+  [Combobox] Update styles to use design tokens.
+
+  [Icon] Rename custom properties from `--a2-local-icon-*` to `--a2-mod-icon-*`.
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - [Tokens] Add Alert component design tokens and migrate SCSS to use token variables.
+
+- Updated dependencies [[`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5)]:
+  - @servicetitan/hammer-token@3.0.0
+
 ## 2.9.1
 
 ### Patch Changes

package/dist/{AiMark-DR-w6Nbm.js → AiMark-B1-M3ZgP.js}

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import { forwardRef, useLayoutEffect, useEffect, useRef, createContext, useContext, useCallback, useId as useId$1, useImperativeHandle, useMemo, useState } from 'react';
-import { I as Icon } from './Icon-DuIlne4x.js';
+import { I as Icon } from './Icon-BMMbp40n.js';
 import { c as cx } from './index-De1g9FRV.js';
-import { L as Link } from './Link-jTvzyXca.js';
-import { T as Tooltip } from './Tooltip-C1PBRnJv.js';
-import { B as Button, A as AiMarkIconAnimated } from './Button-BdrrhBTI.js';
+import { L as Link } from './Link-BUgivkGS.js';
+import { T as Tooltip } from './Tooltip-BlStOXN3.js';
+import { B as Button, A as AiMarkIconAnimated } from './Button-Bnt8XUI7.js';
 import { i as isShadowRoot, h as isHTMLElement, u as useFloating$1, j as isElement, k as getWindow, m as getOverflowAncestors, n as isWebKit, p as isLastTraversableNode, q as getParentNode, r as getComputedStyle, t as getNodeName, s as safeShowPopover, b as safeHidePopover, a as autoUpdate, o as offset, g as size, v as autoPlacement, f as flip, d as shift, e as arrow$1, l as limitShift } from './floating-ui.react-dom-CHrYz13o.js';
 import { t as tabbable, i as isTabbable, a as usePopoverTransitionStates } from './usePopoverTransitionStates-CDXCdyKa.js';
 import 'react-dom';
@@ -20,9 +20,10 @@ import './AiMark.css';const SvgAiMark = (props) => /* @__PURE__ */ React.createE
 const SvgAiMarkGradient = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { fill: "url(#a)", d: "m10.5 4.5 2.387 6.614 6.613 2.385-6.613 2.387-2.388 6.614-2.386-6.613L1.5 13.499l6.613-2.386z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#b)", d: "m18 1.5 1.193 3.307L22.5 6l-3.307 1.193L18 10.5l-1.193-3.307L13.5 6l3.307-1.193z" }), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "a", x1: 19.5, x2: 3.604, y1: 14.583, y2: 20.367, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "light-dark(#026EE4, #77C5EA)" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "light-dark(#27AEEE, #D0D8E1)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "b", x1: 22.5, x2: 14.552, y1: 6.542, y2: 9.433, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "light-dark(#026EE4, #77C5EA)" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "light-dark(#27AEEE, #D0D8E1)" }))));
 
 const fieldLabelButtonStyles = {
-	"field-label-button": "_field-label-button_l6rj1_2",
-	"field-label-button__inner": "_field-label-button__inner_l6rj1_36",
-	"field-label-button-scaled": "_field-label-button-scaled_l6rj1_51"};
+	"field-label-button": "_field-label-button_3o0jn_1",
+	"field-label-button__inner": "_field-label-button__inner_3o0jn_66",
+	"field-label-button-scaled": "_field-label-button-scaled_3o0jn_78"
+};
 
 const FieldLabelButton = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   "button",
@@ -2473,14 +2474,14 @@ const PopoverButton = forwardRef(
 );
 PopoverButton.displayName = "PopoverButton";
 
-const content = "_content_yo27y_2";
-const scroller = "_scroller_yo27y_29";
-const arrow = "_arrow_yo27y_37";
+const content = "_content_4yxbk_1";
+const scroller = "_scroller_4yxbk_77";
+const arrow = "_arrow_4yxbk_91";
 const styles$1 = {
 	content: content,
 	scroller: scroller,
-	arrow: arrow,
-	"no-padding": "_no-padding_yo27y_62"
+	"no-padding": "_no-padding_4yxbk_86",
+	arrow: arrow
 };
 
 const PopoverContent = forwardRef(
@@ -2920,18 +2921,18 @@ const Popover = Object.assign(
 );
 Popover.displayName = "Popover";
 
-const container = "_container_1h61l_2";
-const small = "_small_1h61l_53";
-const medium = "_medium_1h61l_60";
-const large = "_large_1h61l_67";
-const xlarge = "_xlarge_1h61l_74";
+const container = "_container_ybaru_5";
+const small = "_small_ybaru_63";
+const medium = "_medium_ybaru_69";
+const large = "_large_ybaru_75";
+const xlarge = "_xlarge_ybaru_81";
 const styles = {
+	"tooltip-trigger": "_tooltip-trigger_ybaru_1",
 	container: container,
-	"tooltip-trigger": "_tooltip-trigger_1h61l_17",
-	"button-wrapper": "_button-wrapper_1h61l_27",
-	"collapse-block": "_collapse-block_1h61l_34",
-	"with-padding": "_with-padding_1h61l_34",
-	"collapse-inline": "_collapse-inline_1h61l_37",
+	"button-wrapper": "_button-wrapper_ybaru_29",
+	"collapse-block": "_collapse-block_ybaru_41",
+	"with-padding": "_with-padding_ybaru_41",
+	"collapse-inline": "_collapse-inline_ybaru_45",
 	small: small,
 	medium: medium,
 	large: large,
@@ -2970,8 +2971,8 @@ function fieldLabelButtonDimensionsForIcon(iconPx) {
 }
 function fieldLabelButtonScaleStyle(outerPx, innerPx) {
   return {
-    "--field-label-button-outer": `${outerPx}px`,
-    "--field-label-button-inner": `${innerPx}px`
+    "--a2-inline-field-label-button-inner": `${innerPx}px`,
+    "--a2-inline-field-label-button-outer": `${outerPx}px`
   };
 }
 const AiMarkInteractive = ({
@@ -3133,4 +3134,4 @@ const AiMark = (props) => {
 };
 
 export { AiMark as A, FieldLabelButton as F, Popover as P, usePopoverContext as a, useMergeRefs as u };
-//# sourceMappingURL=AiMark-DR-w6Nbm.js.map
+//# sourceMappingURL=AiMark-B1-M3ZgP.js.map