@servicetitan/anvil2 3.7.0 → 3.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/Alert-CPe0yh6A.js.map +1 -1
  3. package/dist/Badge-BNrYBFiU.js.map +1 -1
  4. package/dist/Card-Bt0F6RTq.js.map +1 -1
  5. package/dist/Checkbox-zz9TyZWn.js.map +1 -1
  6. package/dist/{DataTable-CP9r6SAu.js → DataTable-Bvsijiqn.js} +2 -2
  7. package/dist/{DataTable-CP9r6SAu.js.map → DataTable-Bvsijiqn.js.map} +1 -1
  8. package/dist/{DateFieldYearless-DYjvqxRb.js → DateFieldYearless-BDSbVQx0.js} +2 -2
  9. package/dist/{DateFieldYearless-DYjvqxRb.js.map → DateFieldYearless-BDSbVQx0.js.map} +1 -1
  10. package/dist/DateFieldYearless.js +1 -1
  11. package/dist/{DateFieldYearlessRange-lQdJGOaS.js → DateFieldYearlessRange-Dk7HVYTA.js} +2 -2
  12. package/dist/{DateFieldYearlessRange-lQdJGOaS.js.map → DateFieldYearlessRange-Dk7HVYTA.js.map} +1 -1
  13. package/dist/DateFieldYearlessRange.js +1 -1
  14. package/dist/{Drawer-_spmOgwH.js → Drawer-DzvM9MRB.js} +57 -30
  15. package/dist/Drawer-DzvM9MRB.js.map +1 -0
  16. package/dist/Drawer.css +34 -28
  17. package/dist/Drawer.js +1 -1
  18. package/dist/{FilterBar-D82QyNFD.js → FilterBar-DBVW3LL3.js} +3 -3
  19. package/dist/{FilterBar-D82QyNFD.js.map → FilterBar-DBVW3LL3.js.map} +1 -1
  20. package/dist/FilterBar.js +1 -1
  21. package/dist/Grid-ho1pGJ5L.js.map +1 -1
  22. package/dist/Listbox-Cdwaofd2.js.map +1 -1
  23. package/dist/Menu-DmEXQLXt.js.map +1 -1
  24. package/dist/MultiSelectField.js +1 -1
  25. package/dist/{MultiSelectFieldSync-qQzpnvfP.js → MultiSelectFieldSync-B1tkEtft.js} +46 -18
  26. package/dist/MultiSelectFieldSync-B1tkEtft.js.map +1 -0
  27. package/dist/MultiSelectMenu.js +1 -1
  28. package/dist/{MultiSelectMenuSync-BSJSDRtE.js → MultiSelectMenuSync-Deki_z-0.js} +42 -20
  29. package/dist/MultiSelectMenuSync-Deki_z-0.js.map +1 -0
  30. package/dist/Pagination-CmqAut6y.js.map +1 -1
  31. package/dist/Radio-D9w_-JYw.js.map +1 -1
  32. package/dist/{SavedFiltersButton-9xR4ZtBZ.js → SavedFiltersButton-BHgS4akL.js} +3 -3
  33. package/dist/{SavedFiltersButton-9xR4ZtBZ.js.map → SavedFiltersButton-BHgS4akL.js.map} +1 -1
  34. package/dist/SavedFiltersButton.js +1 -1
  35. package/dist/SearchField-B7fIOJf-.js.map +1 -1
  36. package/dist/SegmentedControl-Be6jCglV.js.map +1 -1
  37. package/dist/SelectField.js +1 -1
  38. package/dist/{SelectFieldSync-CGCf0sRf.js → SelectFieldSync-VShqP5J0.js} +7 -2
  39. package/dist/{SelectFieldSync-CGCf0sRf.js.map → SelectFieldSync-VShqP5J0.js.map} +1 -1
  40. package/dist/Tab-Cy4G562A.js.map +1 -1
  41. package/dist/Table.js +1 -1
  42. package/dist/Textarea-CW3KGuB9.js.map +1 -1
  43. package/dist/{YearlessDateInputWithPicker-Bd8JnTaZ.js → YearlessDateInputWithPicker-DLtMQhDw.js} +6 -3
  44. package/dist/YearlessDateInputWithPicker-DLtMQhDw.js.map +1 -0
  45. package/dist/beta.js +6 -6
  46. package/dist/{bulkActionTypes-2Ha09bCS.js → bulkActionTypes-CTKwMpO7.js} +6 -2
  47. package/dist/{bulkActionTypes-2Ha09bCS.js.map → bulkActionTypes-CTKwMpO7.js.map} +1 -1
  48. package/dist/{filter-state-CMUjEn8U.js → filter-state-DKXF5MeW.js} +12 -16
  49. package/dist/filter-state-DKXF5MeW.js.map +1 -0
  50. package/dist/index.js +6 -6
  51. package/dist/src/components/Alert/Alert.d.ts +1 -1
  52. package/dist/src/components/Badge/Badge.d.ts +1 -1
  53. package/dist/src/components/Card/Card.d.ts +1 -1
  54. package/dist/src/components/Checkbox/Checkbox.d.ts +1 -1
  55. package/dist/src/components/Drawer/Drawer.d.ts +3 -1
  56. package/dist/src/components/Drawer/DrawerHeader.d.ts +35 -3
  57. package/dist/src/components/Drawer/index.d.ts +1 -1
  58. package/dist/src/components/DrillDown/DrillDown.d.ts +1 -1
  59. package/dist/src/components/Grid/Grid.d.ts +1 -1
  60. package/dist/src/components/Listbox/Listbox.d.ts +1 -1
  61. package/dist/src/components/Menu/Menu.d.ts +1 -1
  62. package/dist/src/components/MultiSelectField/MultiSelectField.d.ts +1 -1
  63. package/dist/src/components/Pagination/Pagination.d.ts +1 -1
  64. package/dist/src/components/Radio/Radio.d.ts +1 -1
  65. package/dist/src/components/SearchField/SearchField.d.ts +1 -1
  66. package/dist/src/components/SegmentedControl/SegmentedControl.d.ts +1 -1
  67. package/dist/src/components/Tab/Tab.d.ts +1 -1
  68. package/dist/src/components/Textarea/Textarea.d.ts +1 -1
  69. package/dist/src/internal/types/bulkActionTypes.d.ts +12 -2
  70. package/dist/useDrilldown-PmrZ4BXn.js.map +1 -1
  71. package/package.json +3 -1
  72. package/dist/Drawer-_spmOgwH.js.map +0 -1
  73. package/dist/MultiSelectFieldSync-qQzpnvfP.js.map +0 -1
  74. package/dist/MultiSelectMenuSync-BSJSDRtE.js.map +0 -1
  75. package/dist/YearlessDateInputWithPicker-Bd8JnTaZ.js.map +0 -1
  76. package/dist/filter-state-CMUjEn8U.js.map +0 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @servicetitan/anvil2
2
2
 
3
+ ## 3.8.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#2543](https://github.com/servicetitan/hammer/pull/2543) [`8c976e5`](https://github.com/servicetitan/hammer/commit/8c976e54918b55ccefbf62c1c1ac6d3ec3735c3b) Thanks [@tnathanjames](https://github.com/tnathanjames)! - [Drawer] Add optional `actions` prop to `Drawer.Header`
8
+
9
+ ### Patch Changes
10
+
11
+ - [#2535](https://github.com/servicetitan/hammer/pull/2535) [`b3a79db`](https://github.com/servicetitan/hammer/commit/b3a79db8dd1c026e98a03ac51e5ad2d05acbf153) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - [DateFieldYearless, DateFieldYearlessRange] Fix month dropdown labels shifting by one month in timezones east of UTC
12
+
13
+ - [#2555](https://github.com/servicetitan/hammer/pull/2555) [`6377024`](https://github.com/servicetitan/hammer/commit/63770245d2fc59103f0c46579f1d04cf890428f5) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - [SelectField] Fix clear button vertical alignment for `disableSearch` across sizes
14
+
15
+ ## 3.7.1
16
+
17
+ ### Patch Changes
18
+
19
+ - [#2516](https://github.com/servicetitan/hammer/pull/2516) [`7dc385a`](https://github.com/servicetitan/hammer/commit/7dc385aea9adaf2bf213991e20f99c7a3e1b320f) Thanks [@AdamLantz](https://github.com/AdamLantz)! - **BETA** [MultiSelectField, MultiSelectMenu] Fix Select All checkbox not updating in confirmation mode
20
+
3
21
  ## 3.7.0
4
22
 
5
23
  ### Minor Changes
@@ -1 +1 @@
1
- {"version":3,"file":"Alert-CPe0yh6A.js","sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, MouseEvent, Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport {\n DataTrackingId,\n LayoutUtilProps,\n OnCloseProps,\n Status,\n} from \"../../types\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport Button from \"../Button\";\nimport { Text } from \"../Text\";\nimport { AiMarkWithTooltipOrPopoverConfig } from \"../../types/ai-marks\";\n\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"./Alert.module.scss\";\nimport {\n StatusIcon,\n StatusIconVariant,\n} from \"../../internal/components/StatusIcon/StatusIcon\";\n\n/**\n * Props for the Alert component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n * @extends OnCloseProps\n */\nexport type AlertProps = ComponentPropsWithoutRef<\"div\"> &\n LayoutUtilProps &\n OnCloseProps & {\n /**\n * The visual style of an alert.\n * @default info\n */\n status?: Status;\n /**\n * The title text displayed in the alert.\n */\n title: string;\n /**\n * When set, displays the AI mark inline after the title.\n * Use `true` for the sparkle only, or pass tooltip/popover configuration.\n */\n aiMark?: boolean | AiMarkWithTooltipOrPopoverConfig;\n } &\n /**\n * Data tracking id\n */\n DataTrackingId;\n\n/**\n * Alert component for displaying important messages to users.\n *\n * Features:\n * - Supports different visual styles (info, success, warning, danger)\n * - Optional close button for dismissible alerts\n * - Optional AI mark inline after the title\n * - Customizable title and content\n * - Accessible with proper ARIA roles\n * - Includes status-specific icons\n * - Supports layout utilities for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Alert\n * title=\"System Update\"\n * onClose={() => console.log('Alert closed')}\n * >\n * The system will be updated tonight.\n * </Alert>\n *\n * @example\n * <Alert\n * status=\"success\"\n * title=\"Operation Complete\"\n * >\n * Your changes have been saved successfully.\n * </Alert>\n */\nexport const Alert = forwardRef(\n (props: AlertProps, ref: Ref<HTMLDivElement>) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n children,\n className,\n title,\n status = \"info\",\n style,\n onClose,\n aiMark,\n ...rest\n } = componentProps;\n\n const data = {\n title,\n status,\n };\n\n const trackingId = useTrackingId({\n name: \"Alert\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n const alertCx = cx(styles[\"alert\"], className, {\n [styles[\"success\"]]: status === \"success\",\n [styles[\"warning\"]]: status === \"warning\",\n [styles[\"danger\"]]: status === \"danger\",\n });\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n };\n\n return (\n <div\n data-tracking-id={trackingId}\n data-anv=\"alert\"\n role=\"status\"\n className={alertCx}\n style={styleCombined}\n {...rest}\n ref={ref}\n >\n <div className={styles[\"top\"]}>\n <span className={styles[\"title-container\"]}>\n <StatusIcon\n className={styles[\"status-icon\"]}\n size=\"small\"\n variant={\n status === \"danger\" ? \"error\" : (status as StatusIconVariant)\n }\n />\n <Text\n variant=\"headline\"\n el=\"h6\"\n size=\"small\"\n className={styles[\"title\"]}\n aiMark={aiMark || undefined}\n >\n {title}\n </Text>\n </span>\n {!!onClose && (\n <span className={styles[\"close-container\"]}>\n <Button\n icon={Close}\n size=\"small\"\n appearance=\"ghost\"\n className={styles[\"close-button\"]}\n onClick={(e: MouseEvent<HTMLButtonElement>) => onClose(e)}\n aria-label={`Dismiss ${status} alert`}\n />\n </span>\n )}\n </div>\n {children && <div className={styles[\"content\"]}>{children}</div>}\n </div>\n );\n },\n);\n\nAlert.displayName = \"Alert\";\n"],"names":["Close"],"mappings":"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"}
1
+ {"version":3,"file":"Alert-CPe0yh6A.js","sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, MouseEvent, Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport {\n DataTrackingId,\n LayoutUtilProps,\n OnCloseProps,\n Status,\n} from \"../../types\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport Button from \"../Button\";\nimport { Text } from \"../Text\";\nimport { AiMarkWithTooltipOrPopoverConfig } from \"../../types/ai-marks\";\n\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"./Alert.module.scss\";\nimport {\n StatusIcon,\n StatusIconVariant,\n} from \"../../internal/components/StatusIcon/StatusIcon\";\n\n/**\n * Props for the Alert component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n * @extends OnCloseProps\n */\nexport type AlertProps = ComponentPropsWithoutRef<\"div\"> &\n LayoutUtilProps &\n OnCloseProps & {\n /**\n * The visual style of an alert.\n * @default info\n */\n status?: Status;\n /**\n * The title text displayed in the alert.\n */\n title: string;\n /**\n * When set, displays the AI mark inline after the title.\n * Use `true` for the sparkle only, or pass tooltip/popover configuration.\n */\n aiMark?: boolean | AiMarkWithTooltipOrPopoverConfig;\n } &\n /**\n * Data tracking id\n */\n DataTrackingId;\n\n/**\n * Alert component for displaying an inline banner message that communicates status to users — errors, warnings, success, or important information within page content.\n *\n * Features:\n * - Supports different visual styles (info, success, warning, danger)\n * - Optional close button for dismissible alerts\n * - Optional AI mark inline after the title\n * - Customizable title and content\n * - Accessible with proper ARIA roles\n * - Includes status-specific icons\n * - Supports layout utilities for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Alert\n * title=\"System Update\"\n * onClose={() => console.log('Alert closed')}\n * >\n * The system will be updated tonight.\n * </Alert>\n *\n * @example\n * <Alert\n * status=\"success\"\n * title=\"Operation Complete\"\n * >\n * Your changes have been saved successfully.\n * </Alert>\n */\nexport const Alert = forwardRef(\n (props: AlertProps, ref: Ref<HTMLDivElement>) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n children,\n className,\n title,\n status = \"info\",\n style,\n onClose,\n aiMark,\n ...rest\n } = componentProps;\n\n const data = {\n title,\n status,\n };\n\n const trackingId = useTrackingId({\n name: \"Alert\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n const alertCx = cx(styles[\"alert\"], className, {\n [styles[\"success\"]]: status === \"success\",\n [styles[\"warning\"]]: status === \"warning\",\n [styles[\"danger\"]]: status === \"danger\",\n });\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n };\n\n return (\n <div\n data-tracking-id={trackingId}\n data-anv=\"alert\"\n role=\"status\"\n className={alertCx}\n style={styleCombined}\n {...rest}\n ref={ref}\n >\n <div className={styles[\"top\"]}>\n <span className={styles[\"title-container\"]}>\n <StatusIcon\n className={styles[\"status-icon\"]}\n size=\"small\"\n variant={\n status === \"danger\" ? \"error\" : (status as StatusIconVariant)\n }\n />\n <Text\n variant=\"headline\"\n el=\"h6\"\n size=\"small\"\n className={styles[\"title\"]}\n aiMark={aiMark || undefined}\n >\n {title}\n </Text>\n </span>\n {!!onClose && (\n <span className={styles[\"close-container\"]}>\n <Button\n icon={Close}\n size=\"small\"\n appearance=\"ghost\"\n className={styles[\"close-button\"]}\n onClick={(e: MouseEvent<HTMLButtonElement>) => onClose(e)}\n aria-label={`Dismiss ${status} alert`}\n />\n </span>\n )}\n </div>\n {children && <div className={styles[\"content\"]}>{children}</div>}\n </div>\n );\n },\n);\n\nAlert.displayName = \"Alert\";\n"],"names":["Close"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Badge-BNrYBFiU.js","sources":["../src/components/Badge/Badge.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Badge.module.scss\";\nimport { SrOnly } from \"../SrOnly\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { LayoutUtilProps } from \"../../types\";\n\n/**\n * Props for the Badge component\n * @extends ComponentPropsWithoutRef<\"sup\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n */\nexport type BadgeProps = ComponentPropsWithoutRef<\"sup\"> &\n Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n /**\n * Optional offset configuration for badge positioning\n */\n offset?: {\n /**\n * Horizontal offset from the default position\n * @default \"0px\"\n */\n x?: string;\n /**\n * Vertical offset from the default position\n * @default \"0px\"\n */\n y?: string;\n };\n };\n\n/**\n * Badge component for displaying small status indicators or counts.\n *\n * Features:\n * - Positioned as a superscript element\n * - Customizable offset positioning\n * - Screen reader support with aria-label\n * - Empty state styling when no content\n * - Supports layout utilities for positioning\n * - Accessible with proper ARIA roles\n *\n * @example\n * <Button>\n * Notifications\n * <Badge aria-label=\"3 new messages\">3</Badge>\n * </Button>\n */\nexport const Badge = forwardRef<HTMLScriptElement, BadgeProps>((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n offset,\n children,\n style,\n className,\n \"aria-label\": ariaLabel,\n ...rest\n } = componentProps;\n const classNames = cx(styles[\"badge\"], className, {\n [styles.empty]: !children,\n });\n const offsetX = offset?.x ?? `0px`;\n const offsetY = offset?.y ?? `0px`;\n const iStyle = {\n ...style,\n ...layoutStyles,\n \"--a2-inline-badge-offset-y\": offsetY,\n \"--a2-inline-badge-offset-x\": offsetX,\n };\n\n return (\n <sup\n className={classNames}\n style={iStyle}\n data-anv=\"badge\"\n {...rest}\n ref={ref}\n >\n <SrOnly>{ariaLabel}</SrOnly>\n {children}\n </sup>\n );\n});\nBadge.displayName = \"Badge\";\n"],"names":[],"mappings":";;;;;;;;;;;;;AAgDO,MAAM,KAAA,GAAQ,UAAA,CAA0C,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC7E,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,EAAA,MAAM;AAAA,IACJ,MAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA,EAAc,SAAA;AAAA,IACd,GAAG;AAAA,GACL,GAAI,cAAA;AACJ,EAAA,MAAM,UAAA,GAAa,EAAA,CAAG,MAAA,CAAO,OAAO,GAAG,SAAA,EAAW;AAAA,IAChD,CAAC,MAAA,CAAO,KAAK,GAAG,CAAC;AAAA,GAClB,CAAA;AACD,EAAA,MAAM,OAAA,GAAU,QAAQ,CAAA,IAAK,CAAA,GAAA,CAAA;AAC7B,EAAA,MAAM,OAAA,GAAU,QAAQ,CAAA,IAAK,CAAA,GAAA,CAAA;AAC7B,EAAA,MAAM,MAAA,GAAS;AAAA,IACb,GAAG,KAAA;AAAA,IACH,GAAG,YAAA;AAAA,IACH,4BAAA,EAA8B,OAAA;AAAA,IAC9B,4BAAA,EAA8B;AAAA,GAChC;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,UAAA;AAAA,MACX,KAAA,EAAO,MAAA;AAAA,MACP,UAAA,EAAS,OAAA;AAAA,MACR,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAQ,QAAA,EAAA,SAAA,EAAU,CAAA;AAAA,QAClB;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC;AACD,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}
1
+ {"version":3,"file":"Badge-BNrYBFiU.js","sources":["../src/components/Badge/Badge.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Badge.module.scss\";\nimport { SrOnly } from \"../SrOnly\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { LayoutUtilProps } from \"../../types\";\n\n/**\n * Props for the Badge component\n * @extends ComponentPropsWithoutRef<\"sup\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n */\nexport type BadgeProps = ComponentPropsWithoutRef<\"sup\"> &\n Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n /**\n * Optional offset configuration for badge positioning\n */\n offset?: {\n /**\n * Horizontal offset from the default position\n * @default \"0px\"\n */\n x?: string;\n /**\n * Vertical offset from the default position\n * @default \"0px\"\n */\n y?: string;\n };\n };\n\n/**\n * Badge component: a small count or status indicator — a numeric bubble, dot, or pill shown on an icon or element to convey unread counts, notifications, or status.\n *\n * Features:\n * - Positioned as a superscript element\n * - Customizable offset positioning\n * - Screen reader support with aria-label\n * - Empty state styling when no content\n * - Supports layout utilities for positioning\n * - Accessible with proper ARIA roles\n *\n * @example\n * <Button>\n * Notifications\n * <Badge aria-label=\"3 new messages\">3</Badge>\n * </Button>\n */\nexport const Badge = forwardRef<HTMLScriptElement, BadgeProps>((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n offset,\n children,\n style,\n className,\n \"aria-label\": ariaLabel,\n ...rest\n } = componentProps;\n const classNames = cx(styles[\"badge\"], className, {\n [styles.empty]: !children,\n });\n const offsetX = offset?.x ?? `0px`;\n const offsetY = offset?.y ?? `0px`;\n const iStyle = {\n ...style,\n ...layoutStyles,\n \"--a2-inline-badge-offset-y\": offsetY,\n \"--a2-inline-badge-offset-x\": offsetX,\n };\n\n return (\n <sup\n className={classNames}\n style={iStyle}\n data-anv=\"badge\"\n {...rest}\n ref={ref}\n >\n <SrOnly>{ariaLabel}</SrOnly>\n {children}\n </sup>\n );\n});\nBadge.displayName = \"Badge\";\n"],"names":[],"mappings":";;;;;;;;;;;;;AAgDO,MAAM,KAAA,GAAQ,UAAA,CAA0C,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC7E,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,EAAA,MAAM;AAAA,IACJ,MAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA,EAAc,SAAA;AAAA,IACd,GAAG;AAAA,GACL,GAAI,cAAA;AACJ,EAAA,MAAM,UAAA,GAAa,EAAA,CAAG,MAAA,CAAO,OAAO,GAAG,SAAA,EAAW;AAAA,IAChD,CAAC,MAAA,CAAO,KAAK,GAAG,CAAC;AAAA,GAClB,CAAA;AACD,EAAA,MAAM,OAAA,GAAU,QAAQ,CAAA,IAAK,CAAA,GAAA,CAAA;AAC7B,EAAA,MAAM,OAAA,GAAU,QAAQ,CAAA,IAAK,CAAA,GAAA,CAAA;AAC7B,EAAA,MAAM,MAAA,GAAS;AAAA,IACb,GAAG,KAAA;AAAA,IACH,GAAG,YAAA;AAAA,IACH,4BAAA,EAA8B,OAAA;AAAA,IAC9B,4BAAA,EAA8B;AAAA,GAChC;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,UAAA;AAAA,MACX,KAAA,EAAO,MAAA;AAAA,MACP,UAAA,EAAS,OAAA;AAAA,MACR,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAQ,QAAA,EAAA,SAAA,EAAU,CAAA;AAAA,QAClB;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC;AACD,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Card-Bt0F6RTq.js","sources":["../src/components/Card/Card.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { LayoutUtilProps, Size } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport cx from \"classnames\";\nimport styles from \"./Card.module.scss\";\n\n/**\n * Props for the Card component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type CardProps = ComponentPropsWithoutRef<\"div\"> &\n LayoutUtilProps & {\n /**\n * The background variant of the card.\n * @default undefined\n */\n background?: \"strong\" | \"stronger\";\n /**\n * The padding size of the card.\n * @default \"medium\"\n */\n padding?: Extract<Size, \"0\" | \"xsmall\" | \"small\" | \"medium\" | \"large\">;\n };\n\n/**\n * Card component for displaying content in a contained, elevated container.\n *\n * Features:\n * - Optional background variants (strong, stronger)\n * - Configurable padding sizes\n * - Supports layout utilities for positioning and spacing\n *\n * @example\n * <Card padding=\"large\" background=\"strong\">\n * <Text variant=\"headline\" el=\"h2\">Card Title</Text>\n * <p>Card content goes here</p>\n * </Card>\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n children,\n className,\n padding = \"medium\",\n background,\n style,\n ...rest\n } = componentProps;\n\n const cardClassNames = cx(\n [styles[\"card\"]],\n [styles[`padding-${padding}`]],\n className,\n {\n [styles[`bg-${background}`]]: !!background,\n },\n );\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n };\n\n return (\n <div\n className={cardClassNames}\n data-anv=\"card\"\n style={styleCombined}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n );\n});\n\nCard.displayName = \"Card\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuCO,MAAM,IAAA,GAAO,UAAA,CAAsC,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxE,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA,GAAU,QAAA;AAAA,IACV,UAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,cAAA;AAEJ,EAAA,MAAM,cAAA,GAAiB,EAAA;AAAA,IACrB,CAAC,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA,IACf,CAAC,MAAA,CAAO,CAAA,QAAA,EAAW,OAAO,EAAE,CAAC,CAAA;AAAA,IAC7B,SAAA;AAAA,IACA;AAAA,MACE,CAAC,OAAO,CAAA,GAAA,EAAM,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC;AAAA;AAClC,GACF;AAEA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,KAAA;AAAA,IACH,GAAG;AAAA,GACL;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,cAAA;AAAA,MACX,UAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO,aAAA;AAAA,MACP,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}
1
+ {"version":3,"file":"Card-Bt0F6RTq.js","sources":["../src/components/Card/Card.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { LayoutUtilProps, Size } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport cx from \"classnames\";\nimport styles from \"./Card.module.scss\";\n\n/**\n * Props for the Card component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type CardProps = ComponentPropsWithoutRef<\"div\"> &\n LayoutUtilProps & {\n /**\n * The background variant of the card.\n * @default undefined\n */\n background?: \"strong\" | \"stronger\";\n /**\n * The padding size of the card.\n * @default \"medium\"\n */\n padding?: Extract<Size, \"0\" | \"xsmall\" | \"small\" | \"medium\" | \"large\">;\n };\n\n/**\n * Card component for displaying content in a self-contained, bordered and elevated container — a rounded surface, panel, or tile that groups related information such as a summary.\n *\n * Features:\n * - Optional background variants (strong, stronger)\n * - Configurable padding sizes\n * - Supports layout utilities for positioning and spacing\n *\n * @example\n * <Card padding=\"large\" background=\"strong\">\n * <Text variant=\"headline\" el=\"h2\">Card Title</Text>\n * <p>Card content goes here</p>\n * </Card>\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n children,\n className,\n padding = \"medium\",\n background,\n style,\n ...rest\n } = componentProps;\n\n const cardClassNames = cx(\n [styles[\"card\"]],\n [styles[`padding-${padding}`]],\n className,\n {\n [styles[`bg-${background}`]]: !!background,\n },\n );\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n };\n\n return (\n <div\n className={cardClassNames}\n data-anv=\"card\"\n style={styleCombined}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n );\n});\n\nCard.displayName = \"Card\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuCO,MAAM,IAAA,GAAO,UAAA,CAAsC,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxE,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA,GAAU,QAAA;AAAA,IACV,UAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,cAAA;AAEJ,EAAA,MAAM,cAAA,GAAiB,EAAA;AAAA,IACrB,CAAC,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA,IACf,CAAC,MAAA,CAAO,CAAA,QAAA,EAAW,OAAO,EAAE,CAAC,CAAA;AAAA,IAC7B,SAAA;AAAA,IACA;AAAA,MACE,CAAC,OAAO,CAAA,GAAA,EAAM,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC;AAAA;AAClC,GACF;AAEA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,KAAA;AAAA,IACH,GAAG;AAAA,GACL;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,cAAA;AAAA,MACX,UAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO,aAAA;AAAA,MACP,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox-zz9TyZWn.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n CheckboxProps as CoreCheckboxProps,\n Checkbox as CoreCheckbox,\n} from \"./internal/Checkbox\";\nimport { CheckboxGroup } from \"./CheckboxGroup\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\n\n/**\n * Props for the Checkbox component\n * @property {boolean} [checked] - Controlled state\n * @property {boolean} [defaultChecked] - Uncontrolled state\n * @property {boolean} [indeterminate] - Indeterminate state of the checkbox\n * @property {boolean} [error] - Error state for the checkbox\n * @property {string | ReactElement} [label] - Label for checkbox\n * @property {string} [description] - Helper text description\n * @property {Object} [icons] - Icon overrides for different states\n * @property {(e?: ChangeEvent<HTMLInputElement>, state?: CheckboxState) => void} [onChange] - Change callback\n * @property {(e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void} [onClick] - Click callback\n * @extends Omit<CoreCheckboxProps, \"hideCheckbox\">\n * @extends DataTrackingId\n */\nexport type CheckboxProps = Omit<CoreCheckboxProps, \"hideCheckbox\"> &\n DataTrackingId;\n\n/**\n * Checkbox component for selecting one or more options from a list.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Checkbox\n * label=\"Accept terms and conditions\"\n * onChange={(e, state) => console.log('Checked:', state.checked)}\n * required\n * />\n */\nexport const Checkbox = Object.assign(\n forwardRef<HTMLInputElement, CheckboxProps>(\n function CheckboxInner(props, ref) {\n const data = {\n label: childrenToString(props.label),\n ariaLabel: props[\"aria-label\"],\n ariaLabelledBy: props[\"aria-labelledby\"],\n value: props.value,\n };\n\n const trackingId = useTrackingId({\n name: \"Checkbox\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />\n );\n },\n ),\n {\n /**\n * CheckboxGroup component for grouping related checkboxes together.\n *\n * Features:\n * - Groups multiple checkboxes with a common legend\n * - Supports required field indication\n * - Optional helper text and descriptions\n * - Full accessibility support with fieldset/legend\n * - Focus management for keyboard navigation\n * - Layout utility props for positioning and spacing\n * - Flexible layout direction (row/column)\n * - Screen reader support with hidden labels\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <CheckboxGroup legend=\"Select your interests\" required>\n * <Checkbox label=\"Technology\" />\n * <Checkbox label=\"Sports\" />\n * <Checkbox label=\"Music\" />\n * </CheckboxGroup>\n */\n Group: CheckboxGroup,\n },\n);\nCheckbox.displayName = CoreCheckbox.displayName;\n"],"names":["CoreCheckbox"],"mappings":";;;;;;AAgDO,MAAM,WAAW,MAAA,CAAO,MAAA;AAAA,EAC7B,UAAA;AAAA,IACE,SAAS,aAAA,CAAc,KAAA,EAAO,GAAA,EAAK;AACjC,MAAA,MAAM,IAAA,GAAO;AAAA,QACX,KAAA,EAAO,gBAAA,CAAiB,KAAA,CAAM,KAAK,CAAA;AAAA,QACnC,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,QAC7B,cAAA,EAAgB,MAAM,iBAAiB,CAAA;AAAA,QACvC,OAAO,KAAA,CAAM;AAAA,OACf;AAEA,MAAA,MAAM,aAAa,aAAA,CAAc;AAAA,QAC/B,IAAA,EAAM,UAAA;AAAA,QACN,IAAA;AAAA,QACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,OACxC,CAAA;AACD,MAAA,2BACGA,UAAA,EAAA,EAAa,GAAA,EAAU,kBAAA,EAAkB,UAAA,EAAa,GAAG,KAAA,EAAO,CAAA;AAAA,IAErE;AAAA,GACF;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAsBE,KAAA,EAAO;AAAA;AAEX;AACA,QAAA,CAAS,cAAcA,UAAA,CAAa,WAAA;;;;"}
1
+ {"version":3,"file":"Checkbox-zz9TyZWn.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n CheckboxProps as CoreCheckboxProps,\n Checkbox as CoreCheckbox,\n} from \"./internal/Checkbox\";\nimport { CheckboxGroup } from \"./CheckboxGroup\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\n\n/**\n * Props for the Checkbox component\n * @property {boolean} [checked] - Controlled state\n * @property {boolean} [defaultChecked] - Uncontrolled state\n * @property {boolean} [indeterminate] - Indeterminate state of the checkbox\n * @property {boolean} [error] - Error state for the checkbox\n * @property {string | ReactElement} [label] - Label for checkbox\n * @property {string} [description] - Helper text description\n * @property {Object} [icons] - Icon overrides for different states\n * @property {(e?: ChangeEvent<HTMLInputElement>, state?: CheckboxState) => void} [onChange] - Change callback\n * @property {(e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void} [onClick] - Click callback\n * @extends Omit<CoreCheckboxProps, \"hideCheckbox\">\n * @extends DataTrackingId\n */\nexport type CheckboxProps = Omit<CoreCheckboxProps, \"hideCheckbox\"> &\n DataTrackingId;\n\n/**\n * Checkbox component: a checkbox input the user ticks on or off to select an option or agree to something; supports checked, unchecked, and indeterminate states.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Checkbox\n * label=\"Accept terms and conditions\"\n * onChange={(e, state) => console.log('Checked:', state.checked)}\n * required\n * />\n */\nexport const Checkbox = Object.assign(\n forwardRef<HTMLInputElement, CheckboxProps>(\n function CheckboxInner(props, ref) {\n const data = {\n label: childrenToString(props.label),\n ariaLabel: props[\"aria-label\"],\n ariaLabelledBy: props[\"aria-labelledby\"],\n value: props.value,\n };\n\n const trackingId = useTrackingId({\n name: \"Checkbox\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />\n );\n },\n ),\n {\n /**\n * CheckboxGroup component for grouping related checkboxes together.\n *\n * Features:\n * - Groups multiple checkboxes with a common legend\n * - Supports required field indication\n * - Optional helper text and descriptions\n * - Full accessibility support with fieldset/legend\n * - Focus management for keyboard navigation\n * - Layout utility props for positioning and spacing\n * - Flexible layout direction (row/column)\n * - Screen reader support with hidden labels\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <CheckboxGroup legend=\"Select your interests\" required>\n * <Checkbox label=\"Technology\" />\n * <Checkbox label=\"Sports\" />\n * <Checkbox label=\"Music\" />\n * </CheckboxGroup>\n */\n Group: CheckboxGroup,\n },\n);\nCheckbox.displayName = CoreCheckbox.displayName;\n"],"names":["CoreCheckbox"],"mappings":";;;;;;AAgDO,MAAM,WAAW,MAAA,CAAO,MAAA;AAAA,EAC7B,UAAA;AAAA,IACE,SAAS,aAAA,CAAc,KAAA,EAAO,GAAA,EAAK;AACjC,MAAA,MAAM,IAAA,GAAO;AAAA,QACX,KAAA,EAAO,gBAAA,CAAiB,KAAA,CAAM,KAAK,CAAA;AAAA,QACnC,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,QAC7B,cAAA,EAAgB,MAAM,iBAAiB,CAAA;AAAA,QACvC,OAAO,KAAA,CAAM;AAAA,OACf;AAEA,MAAA,MAAM,aAAa,aAAA,CAAc;AAAA,QAC/B,IAAA,EAAM,UAAA;AAAA,QACN,IAAA;AAAA,QACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,OACxC,CAAA;AACD,MAAA,2BACGA,UAAA,EAAA,EAAa,GAAA,EAAU,kBAAA,EAAkB,UAAA,EAAa,GAAG,KAAA,EAAO,CAAA;AAAA,IAErE;AAAA,GACF;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAsBE,KAAA,EAAO;AAAA;AAEX;AACA,QAAA,CAAS,cAAcA,UAAA,CAAa,WAAA;;;;"}
@@ -15,7 +15,7 @@ import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
15
15
  import { u as useNumberField } from './useNumberField-D_ic9i2q.js';
16
16
  import { u as useMergeRefs, m as mergeRefs } from './useMergeRefs-Dfmtq9cI.js';
17
17
  import { a as SelectMenuSync, S as SelectMenu } from './SelectMenuSync-BDx1yhZT.js';
18
- import { a as MultiSelectMenuSync, M as MultiSelectMenu } from './MultiSelectMenuSync-BSJSDRtE.js';
18
+ import { a as MultiSelectMenuSync, M as MultiSelectMenu } from './MultiSelectMenuSync-Deki_z-0.js';
19
19
  import { S as SvgClose } from './close-DZj38AEh.js';
20
20
  import { S as SvgDragIndicator } from './drag_indicator-BRHAPLSJ.js';
21
21
  import { p as portalScopeClassNames } from './portalScopeClassNames-BTyv0FY8.js';
@@ -10075,4 +10075,4 @@ function DataTableInner(props, ref) {
10075
10075
  const DataTable = forwardRef(DataTableInner);
10076
10076
 
10077
10077
  export { COLUMN_TYPE_DEFAULTS as C, DataTable as D, chipsFormatter as a, booleanFormatter as b, createColumnHelper$1 as c, currencyFormatter as d, dateFormatter as e, dateTimeFormatter as f, getColumnTypeDefaults as g, htmlFormatter as h, dateFormatPresets as i, timeFormatter as j, markdownFormatter as m, numberFormatter as n, percentFormatter as p, resolveColumnTypeConfig as r, timeFormatPresets as t, yearlessDateFormatter as y };
10078
- //# sourceMappingURL=DataTable-CP9r6SAu.js.map
10078
+ //# sourceMappingURL=DataTable-Bvsijiqn.js.map