@servicetitan/anvil2 1.32.1 → 1.33.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 (138) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/{Alert-BcjnX40X-DdR5a1fS.js → Alert-BcjnX40X-DK8meb2Z.js} +2 -3
  3. package/dist/{Alert-BcjnX40X-DdR5a1fS.js.map → Alert-BcjnX40X-DK8meb2Z.js.map} +1 -1
  4. package/dist/{Alert-S-riTJp2.js → Alert-D4O5XFXo.js} +2 -2
  5. package/dist/{Alert-S-riTJp2.js.map → Alert-D4O5XFXo.js.map} +1 -1
  6. package/dist/Alert.js +1 -1
  7. package/dist/{Announcement-BUNvjkVo.js → Announcement-D30SgkZg.js} +2 -3
  8. package/dist/{Announcement-BUNvjkVo.js.map → Announcement-D30SgkZg.js.map} +1 -1
  9. package/dist/Announcement.js +1 -1
  10. package/dist/{Checkbox-DdIDGlbE.js → Checkbox-C4JF-LvE.js} +2 -2
  11. package/dist/{Checkbox-DdIDGlbE.js.map → Checkbox-C4JF-LvE.js.map} +1 -1
  12. package/dist/{Checkbox-B1OkhWY6-BXBzUXK4.js → Checkbox-ZLz_xJx9-CxqouREp.js} +44 -10
  13. package/dist/Checkbox-ZLz_xJx9-CxqouREp.js.map +1 -0
  14. package/dist/Checkbox.css +69 -72
  15. package/dist/Checkbox.js +1 -1
  16. package/dist/{Checkbox.module-DMrZNVpb-DOdjd86H.js → Checkbox.module-B6diiZe0-DDAy-YPr.js} +19 -18
  17. package/dist/Checkbox.module-B6diiZe0-DDAy-YPr.js.map +1 -0
  18. package/dist/{Combobox-DZp6NgeF.js → Combobox-VCa5Qplb.js} +5 -6
  19. package/dist/Combobox-VCa5Qplb.js.map +1 -0
  20. package/dist/Combobox.js +1 -1
  21. package/dist/{DateField-BuCxeZbi.js → DateField-Ex0bquMB.js} +5 -5
  22. package/dist/{DateField-BuCxeZbi.js.map → DateField-Ex0bquMB.js.map} +1 -1
  23. package/dist/DateField.js +1 -1
  24. package/dist/{DaysOfTheWeek-BL27GHpA.js → DaysOfTheWeek-CQqCFF2f.js} +3 -4
  25. package/dist/DaysOfTheWeek-CQqCFF2f.js.map +1 -0
  26. package/dist/DaysOfTheWeek.js +1 -1
  27. package/dist/Dialog-QtgPY3ji.js +333 -0
  28. package/dist/Dialog-QtgPY3ji.js.map +1 -0
  29. package/dist/Dialog.css +146 -0
  30. package/dist/Dialog.js +1 -1
  31. package/dist/{DndSort-8xmZRn1w.js → DndSort-BVcdqJLB.js} +2 -2
  32. package/dist/{DndSort-8xmZRn1w.js.map → DndSort-BVcdqJLB.js.map} +1 -1
  33. package/dist/DndSort.js +1 -1
  34. package/dist/{Drawer-R27M51bR.js → Drawer-18QCWW4F.js} +2 -2
  35. package/dist/{Drawer-R27M51bR.js.map → Drawer-18QCWW4F.js.map} +1 -1
  36. package/dist/Drawer.js +1 -1
  37. package/dist/{Flex-DlNiHX1G-CBMDzqYU.js → Flex-CLu2TnzF-aW2OhBYv.js} +9 -4
  38. package/dist/Flex-CLu2TnzF-aW2OhBYv.js.map +1 -0
  39. package/dist/{Flex-DlNiHX1G.css → Flex-CLu2TnzF.css} +14 -1
  40. package/dist/{Flex-CqNlL2mR.js → Flex-Dvn6ix9U.js} +2 -2
  41. package/dist/{Flex-CqNlL2mR.js.map → Flex-Dvn6ix9U.js.map} +1 -1
  42. package/dist/Flex.js +1 -1
  43. package/dist/{InputMask-C8Yx-RsH-PbALaG2H.js → InputMask-CAaKh5xX-n62jt7dp.js} +2 -2
  44. package/dist/{InputMask-C8Yx-RsH-PbALaG2H.js.map → InputMask-CAaKh5xX-n62jt7dp.js.map} +1 -1
  45. package/dist/{InputMask-Dfdl3HR_.js → InputMask-txxn_qIf.js} +2 -2
  46. package/dist/{InputMask-Dfdl3HR_.js.map → InputMask-txxn_qIf.js.map} +1 -1
  47. package/dist/InputMask.js +1 -1
  48. package/dist/{ListView-D3u27ODE.js → ListView-DNwkCrxf.js} +3 -3
  49. package/dist/ListView-DNwkCrxf.js.map +1 -0
  50. package/dist/ListView.js +1 -1
  51. package/dist/{Listbox-CthJSHQ3-BnNf4vnZ.js → Listbox-DlKyRbri-Dc3ny9gH.js} +2 -2
  52. package/dist/{Listbox-CthJSHQ3-BnNf4vnZ.js.map → Listbox-DlKyRbri-Dc3ny9gH.js.map} +1 -1
  53. package/dist/{Listbox-Oz_LxoiF.js → Listbox-eNhS0Wmx.js} +2 -2
  54. package/dist/{Listbox-Oz_LxoiF.js.map → Listbox-eNhS0Wmx.js.map} +1 -1
  55. package/dist/Listbox.js +1 -1
  56. package/dist/{Menu-DY1JLQrj.js → Menu-DvVci7Qr.js} +225 -110
  57. package/dist/Menu-DvVci7Qr.js.map +1 -0
  58. package/dist/Menu.css +35 -26
  59. package/dist/Menu.js +1 -1
  60. package/dist/{Overflow-DXWJ1gWT-6WRtRAc3.js → Overflow-D6S5X1N4-C7YfnaOv.js} +3 -3
  61. package/dist/{Overflow-DXWJ1gWT-6WRtRAc3.js.map → Overflow-D6S5X1N4-C7YfnaOv.js.map} +1 -1
  62. package/dist/{Overflow-STQ_RpAD.js → Overflow-DDsq_uUA.js} +2 -2
  63. package/dist/{Overflow-STQ_RpAD.js.map → Overflow-DDsq_uUA.js.map} +1 -1
  64. package/dist/Overflow.js +1 -1
  65. package/dist/{Page-DWih1Hby.js → Page-BFVfMExj.js} +6 -6
  66. package/dist/{Page-DWih1Hby.js.map → Page-BFVfMExj.js.map} +1 -1
  67. package/dist/Page.js +1 -1
  68. package/dist/{Popover-CV-xrb9G.js → Popover-BbcT-mFU.js} +2 -2
  69. package/dist/{Popover-CV-xrb9G.js.map → Popover-BbcT-mFU.js.map} +1 -1
  70. package/dist/{Popover-DX4P8WCW-BgQrtbWH.js → Popover-CbeghwZg--83MWVgP.js} +3 -3
  71. package/dist/{Popover-DX4P8WCW-BgQrtbWH.js.map → Popover-CbeghwZg--83MWVgP.js.map} +1 -1
  72. package/dist/Popover.js +1 -1
  73. package/dist/{ProgressBar-CgpalFK8-DxfzF8hg.js → ProgressBar-DojG9LHF-nlymvlXw.js} +311 -535
  74. package/dist/ProgressBar-DojG9LHF-nlymvlXw.js.map +1 -0
  75. package/dist/{ProgressBar-CgpalFK8.css → ProgressBar-DojG9LHF.css} +167 -276
  76. package/dist/{ProgressBar-BBEzuQ2S.js → ProgressBar-OtKoZ_jO.js} +2 -2
  77. package/dist/{ProgressBar-BBEzuQ2S.js.map → ProgressBar-OtKoZ_jO.js.map} +1 -1
  78. package/dist/ProgressBar.js +1 -1
  79. package/dist/{Radio-zEofJnTU.js → Radio-BWK27b7p.js} +2 -2
  80. package/dist/{Radio-zEofJnTU.js.map → Radio-BWK27b7p.js.map} +1 -1
  81. package/dist/{Radio-DE79qJFW-BRf9rOOV.js → Radio-BbohS64t-Ch6NvYfF.js} +54 -24
  82. package/dist/Radio-BbohS64t-Ch6NvYfF.js.map +1 -0
  83. package/dist/{Radio-DE79qJFW.css → Radio-BbohS64t.css} +50 -54
  84. package/dist/Radio.js +1 -1
  85. package/dist/SelectCard.js +1 -1
  86. package/dist/{SelectCardGroup-B_CVDaUI.js → SelectCardGroup-4MngIOom.js} +3 -3
  87. package/dist/{SelectCardGroup-B_CVDaUI.js.map → SelectCardGroup-4MngIOom.js.map} +1 -1
  88. package/dist/{Stepper-CeH1RiN9.js → Stepper-CuQn-jSf.js} +2 -2
  89. package/dist/{Stepper-CeH1RiN9.js.map → Stepper-CuQn-jSf.js.map} +1 -1
  90. package/dist/Stepper.js +1 -1
  91. package/dist/{TextField-CgkazfKE.js → TextField-Djr02a3D.js} +2 -2
  92. package/dist/{TextField-CgkazfKE.js.map → TextField-Djr02a3D.js.map} +1 -1
  93. package/dist/{TextField-69svqHPM-Box5JvkC.js → TextField-DtlCGV8B-BPoNBGYn.js} +2 -3
  94. package/dist/TextField-DtlCGV8B-BPoNBGYn.js.map +1 -0
  95. package/dist/TextField.js +1 -1
  96. package/dist/{Textarea-Dv67XBNL.js → Textarea-DjqGI_N0.js} +2 -3
  97. package/dist/Textarea-DjqGI_N0.js.map +1 -0
  98. package/dist/Textarea.js +1 -1
  99. package/dist/Toast.js +1 -1
  100. package/dist/{Toolbar-gsDzLpRl.js → Toolbar-DiUrfZ4O.js} +5 -5
  101. package/dist/{Toolbar-gsDzLpRl.js.map → Toolbar-DiUrfZ4O.js.map} +1 -1
  102. package/dist/Toolbar.js +1 -1
  103. package/dist/{Tooltip-B8v6z3nj.js → Tooltip-DE8tqyR3.js} +2 -2
  104. package/dist/{Tooltip-B8v6z3nj.js.map → Tooltip-DE8tqyR3.js.map} +1 -1
  105. package/dist/Tooltip.js +1 -1
  106. package/dist/{check_circle-BGfigqq-.js → check_circle-DJhuiYqa.js} +4 -2
  107. package/dist/check_circle-DJhuiYqa.js.map +1 -0
  108. package/dist/components/Checkbox/Checkbox.d.ts +2 -2
  109. package/dist/components/Flex/Flex.d.ts +12 -6
  110. package/dist/components/Radio/Radio.d.ts +2 -2
  111. package/dist/index.js +26 -26
  112. package/dist/internal/utils/generateChromaticStickersheetProps.d.ts +16 -0
  113. package/dist/{toast-C-F09cHz.js → toast-BRfZ2rPu.js} +2 -2
  114. package/dist/{toast-C-F09cHz.js.map → toast-BRfZ2rPu.js.map} +1 -1
  115. package/package.json +4 -4
  116. package/dist/Checkbox-B1OkhWY6-BXBzUXK4.js.map +0 -1
  117. package/dist/Checkbox.module-DMrZNVpb-DOdjd86H.js.map +0 -1
  118. package/dist/Combobox-DZp6NgeF.js.map +0 -1
  119. package/dist/DaysOfTheWeek-BL27GHpA.js.map +0 -1
  120. package/dist/Dialog-CWhCRYT8.js +0 -66
  121. package/dist/Dialog-CWhCRYT8.js.map +0 -1
  122. package/dist/Flex-DlNiHX1G-CBMDzqYU.js.map +0 -1
  123. package/dist/Helper-DBmwQvEP-BB75un4q.js +0 -55
  124. package/dist/Helper-DBmwQvEP-BB75un4q.js.map +0 -1
  125. package/dist/Helper-DBmwQvEP.css +0 -25
  126. package/dist/ListView-D3u27ODE.js.map +0 -1
  127. package/dist/Menu-DY1JLQrj.js.map +0 -1
  128. package/dist/ProgressBar-CgpalFK8-DxfzF8hg.js.map +0 -1
  129. package/dist/Radio-DE79qJFW-BRf9rOOV.js.map +0 -1
  130. package/dist/TextField-69svqHPM-Box5JvkC.js.map +0 -1
  131. package/dist/Textarea-Dv67XBNL.js.map +0 -1
  132. package/dist/check_circle-BGfigqq-.js.map +0 -1
  133. package/dist/getActiveElements-CqR6e_P--CqR6e_P-.js +0 -16
  134. package/dist/getActiveElements-CqR6e_P--CqR6e_P-.js.map +0 -1
  135. package/dist/warning-c4Wj1rI4.js +0 -6
  136. package/dist/warning-c4Wj1rI4.js.map +0 -1
  137. /package/dist/{Overflow-DXWJ1gWT.css → Overflow-D6S5X1N4.css} +0 -0
  138. /package/dist/{Popover-DX4P8WCW.css → Popover-CbeghwZg.css} +0 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @servicetitan/anvil2
2
2
 
3
+ ## 1.33.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#1212](https://github.com/servicetitan/hammer/pull/1212) [`1b63032`](https://github.com/servicetitan/hammer/commit/1b6303229bafadaba49eca50259c782de2c5562e) Thanks [@rgdelato](https://github.com/rgdelato)! - [Flex] Add `inline` prop to `Flex` component
8
+
9
+ - [#1213](https://github.com/servicetitan/hammer/pull/1213) [`5aa9071`](https://github.com/servicetitan/hammer/commit/5aa9071087467182e4cc28612880709f1121f7f7) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - [CheckboxGroup, RadioGroup] Add `moreInfo` prop to add icon and tooltip to label
10
+
11
+ ### Patch Changes
12
+
13
+ - [#1213](https://github.com/servicetitan/hammer/pull/1213) [`5aa9071`](https://github.com/servicetitan/hammer/commit/5aa9071087467182e4cc28612880709f1121f7f7) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - [CheckboxGroup, RadioGroup] Fix label font-size to match other form field labels
14
+
15
+ - [#1227](https://github.com/servicetitan/hammer/pull/1227) [`76b5a25`](https://github.com/servicetitan/hammer/commit/76b5a25320844dd42ceb01691c88af048fe7bd20) Thanks [@AdamLantz](https://github.com/AdamLantz)! - [Dialog, Drawer] Fix issue with scroll blocking on body and nested dialogs
16
+
17
+ - [#1233](https://github.com/servicetitan/hammer/pull/1233) [`5f14d4e`](https://github.com/servicetitan/hammer/commit/5f14d4ea5d93795779e4eab60022afb1921532a0) Thanks [@ericag1985](https://github.com/ericag1985)! - [Menu] Fix nested menus throwing resize observor loop if taller than base menu
18
+
19
+ - Updated dependencies [[`5aa9071`](https://github.com/servicetitan/hammer/commit/5aa9071087467182e4cc28612880709f1121f7f7), [`1b63032`](https://github.com/servicetitan/hammer/commit/1b6303229bafadaba49eca50259c782de2c5562e), [`76b5a25`](https://github.com/servicetitan/hammer/commit/76b5a25320844dd42ceb01691c88af048fe7bd20), [`5f14d4e`](https://github.com/servicetitan/hammer/commit/5f14d4ea5d93795779e4eab60022afb1921532a0), [`5aa9071`](https://github.com/servicetitan/hammer/commit/5aa9071087467182e4cc28612880709f1121f7f7)]:
20
+ - @servicetitan/hammer-react@1.34.0
21
+
3
22
  ## 1.32.1
4
23
 
5
24
  ### Patch Changes
@@ -3,8 +3,7 @@ import { forwardRef } from 'react';
3
3
  import { c as cx } from './index-tZvMCc77.js';
4
4
  import { B as Button } from './Button-CEDmdZ-2-DJVJnigb.js';
5
5
  import { S as SvgClose } from './close-DZj38AEh.js';
6
- import { S as SvgError, a as SvgCheckCircle, b as SvgInfo } from './check_circle-BGfigqq-.js';
7
- import { S as SvgWarning } from './warning-c4Wj1rI4.js';
6
+ import { S as SvgError, a as SvgWarning, b as SvgCheckCircle, c as SvgInfo } from './check_circle-DJhuiYqa.js';
8
7
  import { I as Icon } from './Icon-DuwR7O2z-C_rTZRSc.js';
9
8
  import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr-5ZanZ8Ew.js';
10
9
 
@@ -95,4 +94,4 @@ const Alert = forwardRef((props, ref) => {
95
94
  Alert.displayName = "Alert";
96
95
 
97
96
  export { Alert as A };
98
- //# sourceMappingURL=Alert-BcjnX40X-DdR5a1fS.js.map
97
+ //# sourceMappingURL=Alert-BcjnX40X-DK8meb2Z.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Alert-BcjnX40X-DdR5a1fS.js","sources":["../../hammer-react/dist/Alert-BcjnX40X.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { B as Button } from './Button-CEDmdZ-2.js';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport Info from '@servicetitan/hammer-icon/mdi/round/info.svg';\nimport Warning from '@servicetitan/hammer-icon/mdi/round/warning.svg';\nimport Danger from '@servicetitan/hammer-icon/mdi/round/error.svg';\nimport Success from '@servicetitan/hammer-icon/mdi/round/check_circle.svg';\nimport { I as Icon } from './Icon-DuwR7O2z.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr.js';\n\nimport './Alert.css';const alert = \"_alert_1i66z_3\";\nconst content = \"_content_1i66z_35\";\nconst top = \"_top_1i66z_43\";\nconst success = \"_success_1i66z_61\";\nconst warning = \"_warning_1i66z_67\";\nconst danger = \"_danger_1i66z_73\";\nconst styles = {\n\talert: alert,\n\t\"close-container\": \"_close-container_1i66z_28\",\n\tcontent: content,\n\ttop: top,\n\t\"title-container\": \"_title-container_1i66z_49\",\n\t\"status-icon\": \"_status-icon_1i66z_57\",\n\tsuccess: success,\n\twarning: warning,\n\tdanger: danger,\n\t\"close-button\": \"_close-button_1i66z_81\"\n};\n\nconst statusIconMap = {\n info: Info,\n success: Success,\n warning: Warning,\n danger: Danger\n};\nconst Alert = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n children,\n className,\n title,\n status = \"info\",\n style,\n onClose,\n ...rest\n } = componentProps;\n const alertCx = cx(styles[\"alert\"], className, {\n [styles[\"success\"]]: status === \"success\",\n [styles[\"warning\"]]: status === \"warning\",\n [styles[\"danger\"]]: status === \"danger\"\n });\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n \"data-anv\": \"alert\",\n role: \"status\",\n className: alertCx,\n style: styleCombined,\n ...rest,\n ref,\n children: [\n /* @__PURE__ */ jsxs(\"div\", { className: styles[\"top\"], children: [\n /* @__PURE__ */ jsxs(\"span\", { className: styles[\"title-container\"], children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n className: styles[\"status-icon\"],\n svg: statusIconMap[status ?? \"info\"]\n }\n ),\n title\n ] }),\n !!onClose && /* @__PURE__ */ jsx(\"span\", { className: styles[\"close-container\"], children: /* @__PURE__ */ jsx(\n Button,\n {\n icon: Close,\n size: \"small\",\n appearance: \"ghost\",\n className: styles[\"close-button\"],\n onClick: (e) => onClose(e),\n \"aria-label\": `Dismiss ${status} alert`\n }\n ) })\n ] }),\n children && /* @__PURE__ */ jsx(\"div\", { className: styles[\"content\"], children })\n ]\n }\n );\n});\nAlert.displayName = \"Alert\";\n\nexport { Alert as A };\n//# sourceMappingURL=Alert-BcjnX40X.js.map\n"],"names":["Info","Success","Warning","Danger","Close"],"mappings":"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"}
1
+ {"version":3,"file":"Alert-BcjnX40X-DK8meb2Z.js","sources":["../../hammer-react/dist/Alert-BcjnX40X.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { B as Button } from './Button-CEDmdZ-2.js';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport Info from '@servicetitan/hammer-icon/mdi/round/info.svg';\nimport Warning from '@servicetitan/hammer-icon/mdi/round/warning.svg';\nimport Danger from '@servicetitan/hammer-icon/mdi/round/error.svg';\nimport Success from '@servicetitan/hammer-icon/mdi/round/check_circle.svg';\nimport { I as Icon } from './Icon-DuwR7O2z.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr.js';\n\nimport './Alert.css';const alert = \"_alert_1i66z_3\";\nconst content = \"_content_1i66z_35\";\nconst top = \"_top_1i66z_43\";\nconst success = \"_success_1i66z_61\";\nconst warning = \"_warning_1i66z_67\";\nconst danger = \"_danger_1i66z_73\";\nconst styles = {\n\talert: alert,\n\t\"close-container\": \"_close-container_1i66z_28\",\n\tcontent: content,\n\ttop: top,\n\t\"title-container\": \"_title-container_1i66z_49\",\n\t\"status-icon\": \"_status-icon_1i66z_57\",\n\tsuccess: success,\n\twarning: warning,\n\tdanger: danger,\n\t\"close-button\": \"_close-button_1i66z_81\"\n};\n\nconst statusIconMap = {\n info: Info,\n success: Success,\n warning: Warning,\n danger: Danger\n};\nconst Alert = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n children,\n className,\n title,\n status = \"info\",\n style,\n onClose,\n ...rest\n } = componentProps;\n const alertCx = cx(styles[\"alert\"], className, {\n [styles[\"success\"]]: status === \"success\",\n [styles[\"warning\"]]: status === \"warning\",\n [styles[\"danger\"]]: status === \"danger\"\n });\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n \"data-anv\": \"alert\",\n role: \"status\",\n className: alertCx,\n style: styleCombined,\n ...rest,\n ref,\n children: [\n /* @__PURE__ */ jsxs(\"div\", { className: styles[\"top\"], children: [\n /* @__PURE__ */ jsxs(\"span\", { className: styles[\"title-container\"], children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n className: styles[\"status-icon\"],\n svg: statusIconMap[status ?? \"info\"]\n }\n ),\n title\n ] }),\n !!onClose && /* @__PURE__ */ jsx(\"span\", { className: styles[\"close-container\"], children: /* @__PURE__ */ jsx(\n Button,\n {\n icon: Close,\n size: \"small\",\n appearance: \"ghost\",\n className: styles[\"close-button\"],\n onClick: (e) => onClose(e),\n \"aria-label\": `Dismiss ${status} alert`\n }\n ) })\n ] }),\n children && /* @__PURE__ */ jsx(\"div\", { className: styles[\"content\"], children })\n ]\n }\n );\n});\nAlert.displayName = \"Alert\";\n\nexport { Alert as A };\n//# sourceMappingURL=Alert-BcjnX40X.js.map\n"],"names":["Info","Success","Warning","Danger","Close"],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
3
  import { useTrackingId } from './useTrackingId.js';
4
- import { A as Alert$1 } from './Alert-BcjnX40X-DdR5a1fS.js';
4
+ import { A as Alert$1 } from './Alert-BcjnX40X-DK8meb2Z.js';
5
5
 
6
6
  const Alert = forwardRef(
7
7
  (props, ref) => {
@@ -19,4 +19,4 @@ const Alert = forwardRef(
19
19
  );
20
20
 
21
21
  export { Alert as A };
22
- //# sourceMappingURL=Alert-S-riTJp2.js.map
22
+ //# sourceMappingURL=Alert-D4O5XFXo.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Alert-S-riTJp2.js","sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["import { Ref, forwardRef } from \"react\";\nimport {\n AlertProps as CoreAlertProps,\n Alert as CoreAlert,\n} from \"@servicetitan/hammer-react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type AlertProps = CoreAlertProps & DataTrackingId;\n\nexport const Alert = forwardRef(\n (props: AlertProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n title: props.title,\n status: props.status,\n };\n\n const trackingId = useTrackingId({\n name: \"Alert\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n return <CoreAlert ref={ref} data-tracking-id={trackingId} {...props} />;\n },\n);\n"],"names":["CoreAlert"],"mappings":";;;;;AAUO,MAAM,KAAQ,GAAA,UAAA;AAAA,EACnB,CAAC,OAAmB,GAA6B,KAAA;AAC/C,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,QAAQ,KAAM,CAAA;AAAA,KAChB;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,OAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,2BAAQA,OAAU,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAEzE;;;;"}
1
+ {"version":3,"file":"Alert-D4O5XFXo.js","sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["import { Ref, forwardRef } from \"react\";\nimport {\n AlertProps as CoreAlertProps,\n Alert as CoreAlert,\n} from \"@servicetitan/hammer-react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type AlertProps = CoreAlertProps & DataTrackingId;\n\nexport const Alert = forwardRef(\n (props: AlertProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n title: props.title,\n status: props.status,\n };\n\n const trackingId = useTrackingId({\n name: \"Alert\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n return <CoreAlert ref={ref} data-tracking-id={trackingId} {...props} />;\n },\n);\n"],"names":["CoreAlert"],"mappings":";;;;;AAUO,MAAM,KAAQ,GAAA,UAAA;AAAA,EACnB,CAAC,OAAmB,GAA6B,KAAA;AAC/C,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,QAAQ,KAAM,CAAA;AAAA,KAChB;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,OAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,2BAAQA,OAAU,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAEzE;;;;"}
package/dist/Alert.js CHANGED
@@ -1,2 +1,2 @@
1
- export { A as Alert, A as default } from './Alert-S-riTJp2.js';
1
+ export { A as Alert, A as default } from './Alert-D4O5XFXo.js';
2
2
  //# sourceMappingURL=Alert.js.map
@@ -4,8 +4,7 @@ import { useTrackingId } from './useTrackingId.js';
4
4
  import { c as cx } from './index-tZvMCc77.js';
5
5
  import { B as Button } from './Button-CEDmdZ-2-DJVJnigb.js';
6
6
  import { S as SvgClose } from './close-DZj38AEh.js';
7
- import { S as SvgError, a as SvgCheckCircle, b as SvgInfo } from './check_circle-BGfigqq-.js';
8
- import { S as SvgWarning } from './warning-c4Wj1rI4.js';
7
+ import { S as SvgError, a as SvgWarning, b as SvgCheckCircle, c as SvgInfo } from './check_circle-DJhuiYqa.js';
9
8
  import { I as Icon } from './Icon-DuwR7O2z-C_rTZRSc.js';
10
9
  import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr-5ZanZ8Ew.js';
11
10
 
@@ -109,4 +108,4 @@ const Announcement = forwardRef(
109
108
  );
110
109
 
111
110
  export { Announcement as A };
112
- //# sourceMappingURL=Announcement-BUNvjkVo.js.map
111
+ //# sourceMappingURL=Announcement-D30SgkZg.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Announcement-BUNvjkVo.js","sources":["../../hammer-react/dist/Announcement-CvzLJ8mE.js","../src/components/Announcement/Announcement.tsx"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { B as Button } from './Button-CEDmdZ-2.js';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport Info from '@servicetitan/hammer-icon/mdi/round/info.svg';\nimport Warning from '@servicetitan/hammer-icon/mdi/round/warning.svg';\nimport Danger from '@servicetitan/hammer-icon/mdi/round/error.svg';\nimport Success from '@servicetitan/hammer-icon/mdi/round/check_circle.svg';\nimport { I as Icon } from './Icon-DuwR7O2z.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr.js';\n\nimport './Announcement.css';const announcement = \"_announcement_861xq_3\";\nconst title = \"_title_861xq_45\";\nconst success = \"_success_861xq_62\";\nconst warning = \"_warning_861xq_69\";\nconst danger = \"_danger_861xq_76\";\nconst styles = {\n\tannouncement: announcement,\n\t\"close-container\": \"_close-container_861xq_36\",\n\t\"title-container\": \"_title-container_861xq_45\",\n\ttitle: title,\n\t\"status-icon\": \"_status-icon_861xq_59\",\n\tsuccess: success,\n\twarning: warning,\n\tdanger: danger,\n\t\"close-button\": \"_close-button_861xq_85\"\n};\n\nconst statusIconMap = {\n info: Info,\n success: Success,\n warning: Warning,\n danger: Danger\n};\nconst Announcement = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n title,\n status = \"info\",\n children,\n style,\n onClose,\n ...rest\n } = componentProps;\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n const AnnouncementCx = cx(styles[\"announcement\"], className, {\n [styles[\"success\"]]: status === \"success\",\n [styles[\"warning\"]]: status === \"warning\",\n [styles[\"danger\"]]: status === \"danger\"\n });\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n role: \"status\",\n className: AnnouncementCx,\n \"data-anv\": \"announcement\",\n style: styleCombined,\n ...rest,\n ref,\n children: [\n /* @__PURE__ */ jsxs(\"span\", { className: styles[\"title-container\"], children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n className: styles[\"status-icon\"],\n svg: statusIconMap[status]\n }\n ),\n /* @__PURE__ */ jsx(\"span\", { className: styles[\"title\"], children: title })\n ] }),\n children,\n onClose ? /* @__PURE__ */ jsx(\"span\", { className: styles[\"close-container\"], children: /* @__PURE__ */ jsx(\n Button,\n {\n icon: Close,\n size: \"small\",\n appearance: \"ghost\",\n className: styles[\"close-button\"],\n onClick: (e) => onClose(e),\n \"aria-label\": `Dismiss ${status} announcement`\n }\n ) }) : null\n ]\n }\n );\n }\n);\nAnnouncement.displayName = \"Announcement\";\n\nexport { Announcement as A };\n//# sourceMappingURL=Announcement-CvzLJ8mE.js.map\n","import {\n AnnouncementProps as CoreAnnouncementProps,\n Announcement as CoreAnnouncement,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type AnnouncementProps = CoreAnnouncementProps & DataTrackingId;\n\nexport const Announcement = forwardRef(\n (props: AnnouncementProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n title: props.title,\n status: props.status,\n };\n\n const trackingId = useTrackingId({\n name: \"Announcement\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreAnnouncement ref={ref} data-tracking-id={trackingId} {...props} />\n );\n },\n);\n"],"names":["Info","Success","Warning","Danger","Announcement","Close","CoreAnnouncement"],"mappings":"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"}
1
+ {"version":3,"file":"Announcement-D30SgkZg.js","sources":["../../hammer-react/dist/Announcement-CvzLJ8mE.js","../src/components/Announcement/Announcement.tsx"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { B as Button } from './Button-CEDmdZ-2.js';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport Info from '@servicetitan/hammer-icon/mdi/round/info.svg';\nimport Warning from '@servicetitan/hammer-icon/mdi/round/warning.svg';\nimport Danger from '@servicetitan/hammer-icon/mdi/round/error.svg';\nimport Success from '@servicetitan/hammer-icon/mdi/round/check_circle.svg';\nimport { I as Icon } from './Icon-DuwR7O2z.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr.js';\n\nimport './Announcement.css';const announcement = \"_announcement_861xq_3\";\nconst title = \"_title_861xq_45\";\nconst success = \"_success_861xq_62\";\nconst warning = \"_warning_861xq_69\";\nconst danger = \"_danger_861xq_76\";\nconst styles = {\n\tannouncement: announcement,\n\t\"close-container\": \"_close-container_861xq_36\",\n\t\"title-container\": \"_title-container_861xq_45\",\n\ttitle: title,\n\t\"status-icon\": \"_status-icon_861xq_59\",\n\tsuccess: success,\n\twarning: warning,\n\tdanger: danger,\n\t\"close-button\": \"_close-button_861xq_85\"\n};\n\nconst statusIconMap = {\n info: Info,\n success: Success,\n warning: Warning,\n danger: Danger\n};\nconst Announcement = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n title,\n status = \"info\",\n children,\n style,\n onClose,\n ...rest\n } = componentProps;\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n const AnnouncementCx = cx(styles[\"announcement\"], className, {\n [styles[\"success\"]]: status === \"success\",\n [styles[\"warning\"]]: status === \"warning\",\n [styles[\"danger\"]]: status === \"danger\"\n });\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n role: \"status\",\n className: AnnouncementCx,\n \"data-anv\": \"announcement\",\n style: styleCombined,\n ...rest,\n ref,\n children: [\n /* @__PURE__ */ jsxs(\"span\", { className: styles[\"title-container\"], children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n className: styles[\"status-icon\"],\n svg: statusIconMap[status]\n }\n ),\n /* @__PURE__ */ jsx(\"span\", { className: styles[\"title\"], children: title })\n ] }),\n children,\n onClose ? /* @__PURE__ */ jsx(\"span\", { className: styles[\"close-container\"], children: /* @__PURE__ */ jsx(\n Button,\n {\n icon: Close,\n size: \"small\",\n appearance: \"ghost\",\n className: styles[\"close-button\"],\n onClick: (e) => onClose(e),\n \"aria-label\": `Dismiss ${status} announcement`\n }\n ) }) : null\n ]\n }\n );\n }\n);\nAnnouncement.displayName = \"Announcement\";\n\nexport { Announcement as A };\n//# sourceMappingURL=Announcement-CvzLJ8mE.js.map\n","import {\n AnnouncementProps as CoreAnnouncementProps,\n Announcement as CoreAnnouncement,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type AnnouncementProps = CoreAnnouncementProps & DataTrackingId;\n\nexport const Announcement = forwardRef(\n (props: AnnouncementProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n title: props.title,\n status: props.status,\n };\n\n const trackingId = useTrackingId({\n name: \"Announcement\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreAnnouncement ref={ref} data-tracking-id={trackingId} {...props} />\n );\n },\n);\n"],"names":["Info","Success","Warning","Danger","Announcement","Close","CoreAnnouncement"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- export { A as Announcement, A as default } from './Announcement-BUNvjkVo.js';
1
+ export { A as Announcement, A as default } from './Announcement-D30SgkZg.js';
2
2
  //# sourceMappingURL=Announcement.js.map
@@ -1,7 +1,7 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
3
  import { useTrackingId } from './useTrackingId.js';
4
- import { C as CheckboxGroup$1, a as Checkbox$1 } from './Checkbox-B1OkhWY6-BXBzUXK4.js';
4
+ import { C as CheckboxGroup$1, a as Checkbox$1 } from './Checkbox-ZLz_xJx9-CxqouREp.js';
5
5
  import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
6
6
 
7
7
  const CheckboxElement = forwardRef(
@@ -30,4 +30,4 @@ const Checkbox = Object.assign(CheckboxElement, {
30
30
  });
31
31
 
32
32
  export { Checkbox as C, CheckboxGroup as a };
33
- //# sourceMappingURL=Checkbox-DdIDGlbE.js.map
33
+ //# sourceMappingURL=Checkbox-C4JF-LvE.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox-DdIDGlbE.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n CheckboxProps as CoreCheckboxProps,\n Checkbox as CoreCheckbox,\n CheckboxGroup as CoreCheckboxGroup,\n CheckboxGroupProps as CoreCheckboxGroupProps,\n childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { forwardRef, Ref } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type CheckboxProps = Omit<CoreCheckboxProps, \"hideCheckbox\"> &\n DataTrackingId;\n\nexport type CheckboxGroupProps = CoreCheckboxGroupProps;\n\nconst CheckboxElement = forwardRef(\n (props: CheckboxProps, ref: Ref<HTMLInputElement>) => {\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 <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />;\n },\n);\n\nexport const CheckboxGroup = forwardRef(\n (props: CheckboxGroupProps, ref: Ref<HTMLFieldSetElement>) => {\n return <CoreCheckboxGroup ref={ref} {...props} />;\n },\n);\n\nexport const Checkbox = Object.assign(CheckboxElement, {\n Group: CheckboxGroup,\n});\n"],"names":["CoreCheckbox","CoreCheckboxGroup"],"mappings":";;;;;;AAgBA,MAAM,eAAkB,GAAA,UAAA;AAAA,EACtB,CAAC,OAAsB,GAA+B,KAAA;AACpD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,KAAA,EAAO,gBAAiB,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MACnC,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,MAC7B,cAAA,EAAgB,MAAM,iBAAiB,CAAA;AAAA,MACvC,OAAO,KAAM,CAAA;AAAA,KACf;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,UAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BAAQA,UAAa,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAE5E,CAAA;AAEO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CAAC,OAA2B,GAAkC,KAAA;AAC5D,IAAA,uBAAQ,GAAA,CAAAC,eAAA,EAAA,EAAkB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAEnD;AAEa,MAAA,QAAA,GAAW,MAAO,CAAA,MAAA,CAAO,eAAiB,EAAA;AAAA,EACrD,KAAO,EAAA;AACT,CAAC;;;;"}
1
+ {"version":3,"file":"Checkbox-C4JF-LvE.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n CheckboxProps as CoreCheckboxProps,\n Checkbox as CoreCheckbox,\n CheckboxGroup as CoreCheckboxGroup,\n CheckboxGroupProps as CoreCheckboxGroupProps,\n childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { forwardRef, Ref } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type CheckboxProps = Omit<CoreCheckboxProps, \"hideCheckbox\"> &\n DataTrackingId;\n\nexport type CheckboxGroupProps = CoreCheckboxGroupProps;\n\nconst CheckboxElement = forwardRef(\n (props: CheckboxProps, ref: Ref<HTMLInputElement>) => {\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 <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />;\n },\n);\n\nexport const CheckboxGroup = forwardRef(\n (props: CheckboxGroupProps, ref: Ref<HTMLFieldSetElement>) => {\n return <CoreCheckboxGroup ref={ref} {...props} />;\n },\n);\n\nexport const Checkbox = Object.assign(CheckboxElement, {\n Group: CheckboxGroup,\n});\n"],"names":["CoreCheckbox","CoreCheckboxGroup"],"mappings":";;;;;;AAgBA,MAAM,eAAkB,GAAA,UAAA;AAAA,EACtB,CAAC,OAAsB,GAA+B,KAAA;AACpD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,KAAA,EAAO,gBAAiB,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MACnC,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,MAC7B,cAAA,EAAgB,MAAM,iBAAiB,CAAA;AAAA,MACvC,OAAO,KAAM,CAAA;AAAA,KACf;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,UAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BAAQA,UAAa,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAE5E,CAAA;AAEO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CAAC,OAA2B,GAAkC,KAAA;AAC5D,IAAA,uBAAQ,GAAA,CAAAC,eAAA,EAAA,EAAkB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAEnD;AAEa,MAAA,QAAA,GAAW,MAAO,CAAA,MAAA,CAAO,eAAiB,EAAA;AAAA,EACrD,KAAO,EAAA;AACT,CAAC;;;;"}
@@ -2,18 +2,42 @@ import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef, useState, useEffect, useId } from 'react';
3
3
  import { c as cx } from './index-tZvMCc77.js';
4
4
  import { I as Icon } from './Icon-DuwR7O2z-C_rTZRSc.js';
5
- import { c as checkboxStyles, S as SvgIndeterminateCheckBox, a as SvgCheckBox, b as SvgCheckBoxOutlineBlank } from './Checkbox.module-DMrZNVpb-DOdjd86H.js';
5
+ import { c as checkboxStyles, S as SvgIndeterminateCheckBox, a as SvgCheckBox, b as SvgCheckBoxOutlineBlank } from './Checkbox.module-B6diiZe0-DDAy-YPr.js';
6
+ import { L as Label, H as Helper } from './ProgressBar-DojG9LHF-nlymvlXw.js';
7
+ import { S as SrOnly } from './SrOnly-BXm1DGl3-BJVodjQp.js';
6
8
  import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr-5ZanZ8Ew.js';
7
- import { H as Helper } from './Helper-DBmwQvEP-BB75un4q.js';
8
9
 
9
10
  const CheckboxGroup = forwardRef((props, ref) => {
10
11
  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
11
- const { className, children, legend, required, style, ...rest } = componentProps;
12
+ const {
13
+ className,
14
+ children,
15
+ legend,
16
+ moreInfo,
17
+ onBlur,
18
+ onFocus,
19
+ required,
20
+ style,
21
+ ...rest
22
+ } = componentProps;
12
23
  const checkboxGroupClassNames = cx(checkboxStyles["checkbox-group"], className);
24
+ const [openInfo, setOpenInfo] = useState(false);
13
25
  const styleCombined = {
14
26
  ...style,
15
- ...layoutStyles
27
+ ...layoutStyles,
28
+ alignItems: layoutStyles?.alignItems ?? (layoutStyles?.flexDirection === "row" ? "flex-start" : void 0)
16
29
  };
30
+ const focusHandler = (e) => {
31
+ onFocus?.(e);
32
+ setOpenInfo(true);
33
+ };
34
+ const blurHandler = (e) => {
35
+ onBlur?.(e);
36
+ setOpenInfo(false);
37
+ };
38
+ const labelClassNames = cx(checkboxStyles["label"], {
39
+ [checkboxStyles["direction-row"]]: layoutStyles?.flexDirection === "row"
40
+ });
17
41
  return /* @__PURE__ */ jsxs(
18
42
  "fieldset",
19
43
  {
@@ -22,16 +46,26 @@ const CheckboxGroup = forwardRef((props, ref) => {
22
46
  className: checkboxGroupClassNames,
23
47
  ref,
24
48
  style: styleCombined,
49
+ onFocus: focusHandler,
50
+ onBlur: blurHandler,
25
51
  ...rest,
26
52
  children: [
27
53
  /* @__PURE__ */ jsxs("legend", { className: checkboxStyles["legend"], children: [
28
54
  legend,
29
- required && ", required"
30
- ] }),
31
- /* @__PURE__ */ jsxs("label", { className: checkboxStyles["label"], "aria-hidden": true, children: [
32
- legend,
33
- required && /* @__PURE__ */ jsx("span", { className: checkboxStyles["required-asterisk"], children: "*" })
55
+ required && ", required",
56
+ moreInfo && /* @__PURE__ */ jsx(SrOnly, { children: moreInfo })
34
57
  ] }),
58
+ /* @__PURE__ */ jsx(
59
+ Label,
60
+ {
61
+ "aria-hidden": true,
62
+ moreInfo,
63
+ required,
64
+ openMoreInfo: openInfo,
65
+ className: labelClassNames,
66
+ children: legend
67
+ }
68
+ ),
35
69
  /* @__PURE__ */ jsx(
36
70
  "div",
37
71
  {
@@ -186,4 +220,4 @@ const Checkbox = Object.assign(CheckboxElement, {
186
220
  });
187
221
 
188
222
  export { CheckboxGroup as C, Checkbox as a };
189
- //# sourceMappingURL=Checkbox-B1OkhWY6-BXBzUXK4.js.map
223
+ //# sourceMappingURL=Checkbox-ZLz_xJx9-CxqouREp.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox-ZLz_xJx9-CxqouREp.js","sources":["../../hammer-react/dist/Checkbox-ZLz_xJx9.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useState, useEffect, useId } from 'react';\nimport cx from 'classnames';\nimport { I as Icon } from './Icon-DuwR7O2z.js';\nimport CheckboxOutline from '@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg';\nimport CheckboxChecked from '@servicetitan/hammer-icon/mdi/round/check_box.svg';\nimport CheckboxIndeterminate from '@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg';\nimport { c as checkboxStyles } from './Checkbox.module-B6diiZe0.js';\nimport { L as Label, H as Helper } from './ProgressBar-DojG9LHF.js';\nimport { S as SrOnly } from './SrOnly-BXm1DGl3.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr.js';\n\nconst CheckboxGroup = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n children,\n legend,\n moreInfo,\n onBlur,\n onFocus,\n required,\n style,\n ...rest\n } = componentProps;\n const checkboxGroupClassNames = cx(checkboxStyles[\"checkbox-group\"], className);\n const [openInfo, setOpenInfo] = useState(false);\n const styleCombined = {\n ...style,\n ...layoutStyles,\n alignItems: layoutStyles?.alignItems ?? (layoutStyles?.flexDirection === \"row\" ? \"flex-start\" : void 0)\n };\n const focusHandler = (e) => {\n onFocus?.(e);\n setOpenInfo(true);\n };\n const blurHandler = (e) => {\n onBlur?.(e);\n setOpenInfo(false);\n };\n const labelClassNames = cx(checkboxStyles[\"label\"], {\n [checkboxStyles[\"direction-row\"]]: layoutStyles?.flexDirection === \"row\"\n });\n return /* @__PURE__ */ jsxs(\n \"fieldset\",\n {\n role: \"group\",\n \"data-anv\": \"checkbox-group\",\n className: checkboxGroupClassNames,\n ref,\n style: styleCombined,\n onFocus: focusHandler,\n onBlur: blurHandler,\n ...rest,\n children: [\n /* @__PURE__ */ jsxs(\"legend\", { className: checkboxStyles[\"legend\"], children: [\n legend,\n required && \", required\",\n moreInfo && /* @__PURE__ */ jsx(SrOnly, { children: moreInfo })\n ] }),\n /* @__PURE__ */ jsx(\n Label,\n {\n \"aria-hidden\": true,\n moreInfo,\n required,\n openMoreInfo: openInfo,\n className: labelClassNames,\n children: legend\n }\n ),\n /* @__PURE__ */ jsx(\n \"div\",\n {\n className: checkboxStyles[\"children\"],\n style: {\n flexDirection: layoutStyles?.flexDirection,\n gap: layoutStyles?.gap\n },\n children\n }\n )\n ]\n }\n );\n});\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nconst CheckboxElement = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n indeterminate,\n onChange,\n onClick,\n value,\n className,\n disabled,\n error,\n icons,\n checked: checkedProp,\n defaultChecked,\n label,\n style,\n required,\n description,\n hideCheckbox = false,\n ...rest\n } = componentProps;\n const {\n checked: checkedIcon = CheckboxChecked,\n indeterminate: indeterminateIcon = CheckboxIndeterminate,\n unchecked: uncheckedIcon = CheckboxOutline\n } = { ...icons };\n const isControlled = typeof checkedProp !== \"undefined\";\n const [checked, setChecked] = useState(\n isControlled ? checkedProp : defaultChecked\n );\n useEffect(() => {\n if (!isControlled) return;\n setChecked(checkedProp);\n }, [checkedProp]);\n const onChangeHandler = (e) => {\n setChecked((prev) => {\n onChange?.(e, { value, checked: checkedProp ?? e.target.checked });\n if (!isControlled) return e.target.checked;\n return checkedProp;\n });\n };\n const onClickHandler = (e) => {\n onClick?.(e, {\n value,\n checked: checkedProp ?? e.target.checked\n });\n };\n const helperUid = useId();\n const wrapperClassNames = cx(\n checkboxStyles[\"wrapper\"],\n { [checkboxStyles[\"focus\"]]: hideCheckbox },\n className\n );\n const checkboxClassNames = cx(checkboxStyles[\"checkbox\"], {\n [checkboxStyles[\"error\"]]: error\n });\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n className: wrapperClassNames,\n style: styleCombined,\n \"data-anv\": \"checkbox\",\n children: [\n /* @__PURE__ */ jsxs(\"label\", { className: checkboxClassNames, children: [\n /* @__PURE__ */ jsx(\n \"input\",\n {\n type: \"checkbox\",\n disabled,\n value,\n onChange: onChangeHandler,\n onClick: onClickHandler,\n \"aria-checked\": indeterminate ? \"mixed\" : checked ?? defaultChecked,\n checked: isControlled ? checked : void 0,\n defaultChecked,\n \"aria-invalid\": error,\n \"aria-describedby\": helperUid,\n ref,\n ...rest\n }\n ),\n /* @__PURE__ */ jsxs(\n \"span\",\n {\n className: cx(checkboxStyles[\"icon-wrapper\"], {\n [checkboxStyles[\"sr-only\"]]: hideCheckbox\n }),\n \"aria-hidden\": true,\n children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: indeterminateIcon,\n className: checkboxStyles[\"icon-indeterminate\"]\n }\n ),\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: checkedIcon,\n className: checkboxStyles[\"icon-checked\"]\n }\n ),\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: uncheckedIcon,\n className: checkboxStyles[\"icon-unchecked\"]\n }\n )\n ]\n }\n ),\n /* @__PURE__ */ jsxs(\"span\", { className: cx({ [checkboxStyles[\"focus-label\"]]: hideCheckbox }), children: [\n label,\n required && /* @__PURE__ */ jsx(\"span\", { \"aria-hidden\": true, className: checkboxStyles[\"required-asterisk\"], children: \"*\" })\n ] })\n ] }),\n description ? /* @__PURE__ */ jsx(\"div\", { className: checkboxStyles[\"helper-wrapper\"], children: /* @__PURE__ */ jsx(Helper, { id: helperUid, description }) }) : null\n ]\n }\n );\n }\n);\nCheckboxElement.displayName = \"Checkbox\";\nconst Checkbox = Object.assign(CheckboxElement, {\n Group: CheckboxGroup\n});\n\nexport { Checkbox as C, CheckboxGroup as a };\n//# sourceMappingURL=Checkbox-ZLz_xJx9.js.map\n"],"names":["CheckboxChecked","CheckboxIndeterminate","CheckboxOutline"],"mappings":"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"}
package/dist/Checkbox.css CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  @layer starter, reset, base, state, application;
4
4
  @layer reset {
5
- ._checkbox_1kz2f_3 {
5
+ ._checkbox_1mrvd_3 {
6
6
  all: unset;
7
7
  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
8
8
  font-size: 100%;
@@ -17,12 +17,12 @@
17
17
  }
18
18
  }
19
19
  @layer base {
20
- ._wrapper_1kz2f_18 {
20
+ ._wrapper_1mrvd_18 {
21
21
  display: inline-flex;
22
22
  flex-direction: column;
23
23
  gap: 0.25rem;
24
24
  }
25
- ._checkbox_1kz2f_3 {
25
+ ._checkbox_1mrvd_3 {
26
26
  display: inline-flex;
27
27
  align-items: flex-start;
28
28
  gap: 0.5rem;
@@ -31,17 +31,17 @@
31
31
  font-size: 1rem;
32
32
  line-height: 1.5;
33
33
  }
34
- ._checkbox_1kz2f_3 ._required-asterisk_1kz2f_32 {
34
+ ._checkbox_1mrvd_3 ._required-asterisk_1mrvd_32 {
35
35
  margin-inline-start: 0.25rem;
36
36
  color: var(--foreground-color-danger, #e13212);
37
37
  }
38
- ._checkbox_1kz2f_3 ._focus-label_1kz2f_36 {
38
+ ._checkbox_1mrvd_3 ._focus-label_1mrvd_36 {
39
39
  border-radius: 0.75rem;
40
40
  outline: 0 solid var(--focus-ring-color, #0265DC);
41
41
  outline-offset: 2px;
42
42
  transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1), outline 200ms cubic-bezier(0, 0, 0.4, 1);
43
43
  }
44
- ._checkbox_1kz2f_3 ._icon-wrapper_1kz2f_42 {
44
+ ._checkbox_1mrvd_3 ._icon-wrapper_1mrvd_42 {
45
45
  display: inline-flex;
46
46
  border-radius: 0.3125rem;
47
47
  background-color: transparent;
@@ -49,7 +49,7 @@
49
49
  position: relative;
50
50
  outline: 0 solid var(--focus-ring-color, #0265DC);
51
51
  }
52
- ._checkbox_1kz2f_3 ._icon-wrapper_1kz2f_42::before {
52
+ ._checkbox_1mrvd_3 ._icon-wrapper_1mrvd_42::before {
53
53
  position: absolute;
54
54
  width: 100%;
55
55
  height: 100%;
@@ -64,7 +64,7 @@
64
64
  pointer-events: none;
65
65
  border-radius: inherit;
66
66
  }
67
- ._checkbox_1kz2f_3 input {
67
+ ._checkbox_1mrvd_3 input {
68
68
  border: 0;
69
69
  clip: rect(0, 0, 0, 0);
70
70
  height: 1px;
@@ -76,128 +76,128 @@
76
76
  white-space: nowrap;
77
77
  width: 1px;
78
78
  }
79
- ._helper-wrapper_1kz2f_75 {
79
+ ._helper-wrapper_1mrvd_75 {
80
80
  margin-inline-start: 2rem;
81
81
  }
82
82
  }
83
83
  @layer state {
84
- ._checkbox_1kz2f_3 ._icon-indeterminate_1kz2f_80,
85
- ._checkbox_1kz2f_3 ._icon-unchecked_1kz2f_81,
86
- ._checkbox_1kz2f_3 ._icon-checked_1kz2f_82 {
84
+ ._checkbox_1mrvd_3 ._icon-indeterminate_1mrvd_80,
85
+ ._checkbox_1mrvd_3 ._icon-unchecked_1mrvd_81,
86
+ ._checkbox_1mrvd_3 ._icon-checked_1mrvd_82 {
87
87
  border-radius: 0.1875rem;
88
88
  }
89
- ._checkbox_1kz2f_3 ._icon-checked_1kz2f_82,
90
- ._checkbox_1kz2f_3 ._icon-indeterminate_1kz2f_80 {
89
+ ._checkbox_1mrvd_3 ._icon-checked_1mrvd_82,
90
+ ._checkbox_1mrvd_3 ._icon-indeterminate_1mrvd_80 {
91
91
  color: var(--checkbox-checked-fill-color-default, #0265DC);
92
92
  display: none;
93
93
  }
94
- ._checkbox_1kz2f_3 ._icon-checked_1kz2f_82:hover,
95
- ._checkbox_1kz2f_3 ._icon-indeterminate_1kz2f_80:hover {
94
+ ._checkbox_1mrvd_3 ._icon-checked_1mrvd_82:hover,
95
+ ._checkbox_1mrvd_3 ._icon-indeterminate_1mrvd_80:hover {
96
96
  color: var(--checkbox-checked-fill-color-hover, rgba(0, 75, 160, 0.8196078431));
97
97
  }
98
- ._checkbox_1kz2f_3 ._icon-checked_1kz2f_82:active,
99
- ._checkbox_1kz2f_3 ._icon-indeterminate_1kz2f_80:active {
98
+ ._checkbox_1mrvd_3 ._icon-checked_1mrvd_82:active,
99
+ ._checkbox_1mrvd_3 ._icon-indeterminate_1mrvd_80:active {
100
100
  color: var(--checkbox-checked-fill-color-active, rgba(1, 81, 175, 0.7215686275));
101
101
  }
102
- ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-wrapper_1kz2f_42 {
102
+ ._checkbox_1mrvd_3._error_1mrvd_98 ._icon-wrapper_1mrvd_42 {
103
103
  outline-color: var(--focus-ring-color-danger, #e13212);
104
104
  }
105
- ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-indeterminate_1kz2f_80,
106
- ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-unchecked_1kz2f_81,
107
- ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-checked_1kz2f_82 {
105
+ ._checkbox_1mrvd_3._error_1mrvd_98 ._icon-indeterminate_1mrvd_80,
106
+ ._checkbox_1mrvd_3._error_1mrvd_98 ._icon-unchecked_1mrvd_81,
107
+ ._checkbox_1mrvd_3._error_1mrvd_98 ._icon-checked_1mrvd_82 {
108
108
  color: var(--checkbox-checked-error-fill-color-default, #e13212);
109
109
  }
110
- ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-indeterminate_1kz2f_80:hover,
111
- ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-unchecked_1kz2f_81:hover,
112
- ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-checked_1kz2f_82:hover {
110
+ ._checkbox_1mrvd_3._error_1mrvd_98 ._icon-indeterminate_1mrvd_80:hover,
111
+ ._checkbox_1mrvd_3._error_1mrvd_98 ._icon-unchecked_1mrvd_81:hover,
112
+ ._checkbox_1mrvd_3._error_1mrvd_98 ._icon-checked_1mrvd_82:hover {
113
113
  color: var(--checkbox-checked-error-fill-color-hover, #bf2a00);
114
114
  }
115
- ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-indeterminate_1kz2f_80:active,
116
- ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-unchecked_1kz2f_81:active,
117
- ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-checked_1kz2f_82:active {
115
+ ._checkbox_1mrvd_3._error_1mrvd_98 ._icon-indeterminate_1mrvd_80:active,
116
+ ._checkbox_1mrvd_3._error_1mrvd_98 ._icon-unchecked_1mrvd_81:active,
117
+ ._checkbox_1mrvd_3._error_1mrvd_98 ._icon-checked_1mrvd_82:active {
118
118
  color: var(--checkbox-checked-error-fill-color-active, #bf2a00);
119
119
  }
120
- ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-checked_1kz2f_82,
121
- ._checkbox_1kz2f_3._error_1kz2f_98 ._icon-indeterminate_1kz2f_80 {
120
+ ._checkbox_1mrvd_3._error_1mrvd_98 ._icon-checked_1mrvd_82,
121
+ ._checkbox_1mrvd_3._error_1mrvd_98 ._icon-indeterminate_1mrvd_80 {
122
122
  display: none;
123
123
  }
124
- ._checkbox_1kz2f_3:hover {
124
+ ._checkbox_1mrvd_3:hover {
125
125
  cursor: pointer;
126
126
  }
127
- ._checkbox_1kz2f_3:hover:has(input:not(:disabled)) ._icon-wrapper_1kz2f_42 {
127
+ ._checkbox_1mrvd_3:hover:has(input:not(:disabled)) ._icon-wrapper_1mrvd_42 {
128
128
  background-color: var(--checkbox-unchecked-background-color-hover, rgba(20, 20, 20, 0.0784313725));
129
129
  }
130
- ._checkbox_1kz2f_3:hover:has(input:not(:disabled):checked) ._icon-wrapper_1kz2f_42 {
130
+ ._checkbox_1mrvd_3:hover:has(input:not(:disabled):checked) ._icon-wrapper_1mrvd_42 {
131
131
  background-color: var(--checkbox-checked-background-color-hover, rgba(2, 101, 220, 0.0784313725));
132
132
  }
133
- ._checkbox_1kz2f_3 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_1kz2f_42 {
133
+ ._checkbox_1mrvd_3 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_1mrvd_42 {
134
134
  background-color: var(--checkbox-unchecked-background-color-hover, rgba(20, 20, 20, 0.0784313725));
135
135
  }
136
- ._checkbox_1kz2f_3 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1kz2f_42 {
136
+ ._checkbox_1mrvd_3 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1mrvd_42 {
137
137
  background-color: var(--checkbox-checked-background-color-hover, rgba(2, 101, 220, 0.0784313725));
138
138
  }
139
- ._checkbox_1kz2f_3 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1kz2f_42 ._icon-checked_1kz2f_82,
140
- ._checkbox_1kz2f_3 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1kz2f_42 ._icon-indeterminate_1kz2f_80 {
139
+ ._checkbox_1mrvd_3 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1mrvd_42 ._icon-checked_1mrvd_82,
140
+ ._checkbox_1mrvd_3 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1mrvd_42 ._icon-indeterminate_1mrvd_80 {
141
141
  color: var(--checkbox-checked-fill-color-hover, rgba(0, 75, 160, 0.8196078431));
142
142
  }
143
- ._checkbox_1kz2f_3._error_1kz2f_98:hover {
143
+ ._checkbox_1mrvd_3._error_1mrvd_98:hover {
144
144
  cursor: pointer;
145
145
  }
146
- ._checkbox_1kz2f_3._error_1kz2f_98:hover:has(input:not(:disabled)) ._icon-wrapper_1kz2f_42 {
146
+ ._checkbox_1mrvd_3._error_1mrvd_98:hover:has(input:not(:disabled)) ._icon-wrapper_1mrvd_42 {
147
147
  background-color: var(--checkbox-unchecked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
148
148
  }
149
- ._checkbox_1kz2f_3._error_1kz2f_98:hover:has(input:not(:disabled):checked) ._icon-wrapper_1kz2f_42 {
149
+ ._checkbox_1mrvd_3._error_1mrvd_98:hover:has(input:not(:disabled):checked) ._icon-wrapper_1mrvd_42 {
150
150
  background-color: var(--checkbox-checked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
151
151
  }
152
- ._checkbox_1kz2f_3._error_1kz2f_98 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_1kz2f_42 {
152
+ ._checkbox_1mrvd_3._error_1mrvd_98 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_1mrvd_42 {
153
153
  background-color: var(--checkbox-unchecked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
154
154
  }
155
- ._checkbox_1kz2f_3._error_1kz2f_98 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1kz2f_42 {
155
+ ._checkbox_1mrvd_3._error_1mrvd_98 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1mrvd_42 {
156
156
  background-color: var(--checkbox-checked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
157
157
  }
158
- ._checkbox_1kz2f_3._error_1kz2f_98 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1kz2f_42 ._icon-checked_1kz2f_82,
159
- ._checkbox_1kz2f_3._error_1kz2f_98 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1kz2f_42 ._icon-indeterminate_1kz2f_80 {
158
+ ._checkbox_1mrvd_3._error_1mrvd_98 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1mrvd_42 ._icon-checked_1mrvd_82,
159
+ ._checkbox_1mrvd_3._error_1mrvd_98 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1mrvd_42 ._icon-indeterminate_1mrvd_80 {
160
160
  color: var(--checkbox-checked-error-fill-color-hover, #bf2a00);
161
161
  }
162
- ._checkbox_1kz2f_3 input:focus-visible ~ ._icon-wrapper_1kz2f_42,
163
- ._checkbox_1kz2f_3 input:focus-visible ~ ._focus-label_1kz2f_36 {
162
+ ._checkbox_1mrvd_3 input:focus-visible ~ ._icon-wrapper_1mrvd_42,
163
+ ._checkbox_1mrvd_3 input:focus-visible ~ ._focus-label_1mrvd_36 {
164
164
  outline-width: 0.125rem;
165
165
  }
166
- ._checkbox_1kz2f_3 input[data-interactive=focus-visible]:not(:disabled) ~ ._icon-wrapper_1kz2f_42,
167
- ._checkbox_1kz2f_3 input[data-interactive=focus-visible]:not(:disabled) ~ ._focus-label_1kz2f_36 {
166
+ ._checkbox_1mrvd_3 input[data-interactive=focus-visible]:not(:disabled) ~ ._icon-wrapper_1mrvd_42,
167
+ ._checkbox_1mrvd_3 input[data-interactive=focus-visible]:not(:disabled) ~ ._focus-label_1mrvd_36 {
168
168
  outline-width: 0.125rem;
169
169
  }
170
- ._checkbox_1kz2f_3 input:checked ~ ._icon-wrapper_1kz2f_42 ._icon-unchecked_1kz2f_81 {
170
+ ._checkbox_1mrvd_3 input:checked ~ ._icon-wrapper_1mrvd_42 ._icon-unchecked_1mrvd_81 {
171
171
  display: none;
172
172
  }
173
- ._checkbox_1kz2f_3 input:checked ~ ._icon-wrapper_1kz2f_42 ._icon-checked_1kz2f_82 {
173
+ ._checkbox_1mrvd_3 input:checked ~ ._icon-wrapper_1mrvd_42 ._icon-checked_1mrvd_82 {
174
174
  display: inline-flex;
175
175
  }
176
- ._checkbox_1kz2f_3 input:checked:focus-visible ~ ._icon-wrapper_1kz2f_42, ._checkbox_1kz2f_3 input:checked:focus-visible ~ ._focus-label_1kz2f_36 {
176
+ ._checkbox_1mrvd_3 input:checked:focus-visible ~ ._icon-wrapper_1mrvd_42, ._checkbox_1mrvd_3 input:checked:focus-visible ~ ._focus-label_1mrvd_36 {
177
177
  outline-width: 0.125rem;
178
178
  }
179
- ._checkbox_1kz2f_3 input[aria-checked=mixed] ~ ._icon-wrapper_1kz2f_42 ._icon-checked_1kz2f_82, ._checkbox_1kz2f_3 input[aria-checked=mixed] ~ ._icon-wrapper_1kz2f_42 ._icon-unchecked_1kz2f_81 {
179
+ ._checkbox_1mrvd_3 input[aria-checked=mixed] ~ ._icon-wrapper_1mrvd_42 ._icon-checked_1mrvd_82, ._checkbox_1mrvd_3 input[aria-checked=mixed] ~ ._icon-wrapper_1mrvd_42 ._icon-unchecked_1mrvd_81 {
180
180
  display: none;
181
181
  }
182
- ._checkbox_1kz2f_3 input[aria-checked=mixed] ~ ._icon-wrapper_1kz2f_42 ._icon-indeterminate_1kz2f_80 {
182
+ ._checkbox_1mrvd_3 input[aria-checked=mixed] ~ ._icon-wrapper_1mrvd_42 ._icon-indeterminate_1mrvd_80 {
183
183
  display: inline-flex;
184
184
  }
185
- ._checkbox_1kz2f_3:has(input[disabled]) {
185
+ ._checkbox_1mrvd_3:has(input[disabled]) {
186
186
  opacity: 0.6;
187
187
  filter: grayscale(1);
188
188
  }
189
- ._checkbox_1kz2f_3:has(input[disabled]) ._icon-indeterminate_1kz2f_80,
190
- ._checkbox_1kz2f_3:has(input[disabled]) ._icon-unchecked_1kz2f_81,
191
- ._checkbox_1kz2f_3:has(input[disabled]) ._icon-checked_1kz2f_82 {
189
+ ._checkbox_1mrvd_3:has(input[disabled]) ._icon-indeterminate_1mrvd_80,
190
+ ._checkbox_1mrvd_3:has(input[disabled]) ._icon-unchecked_1mrvd_81,
191
+ ._checkbox_1mrvd_3:has(input[disabled]) ._icon-checked_1mrvd_82 {
192
192
  color: var(--foreground-color-subdued, #737475);
193
193
  }
194
- ._checkbox_1kz2f_3:has(input[disabled]):hover {
194
+ ._checkbox_1mrvd_3:has(input[disabled]):hover {
195
195
  cursor: not-allowed;
196
196
  }
197
- ._checkbox_1kz2f_3:has(input[disabled]):hover ._icon-wrapper_1kz2f_42 {
197
+ ._checkbox_1mrvd_3:has(input[disabled]):hover ._icon-wrapper_1mrvd_42 {
198
198
  box-shadow: none;
199
199
  }
200
- ._sr-only_1kz2f_196 {
200
+ ._sr-only_1mrvd_196 {
201
201
  border: 0;
202
202
  clip: rect(0, 0, 0, 0);
203
203
  height: 1px;
@@ -211,15 +211,19 @@
211
211
  }
212
212
  }
213
213
  @layer application {
214
+ ._checkbox-group_1mrvd_210 ._label_1mrvd_210._direction-row_1mrvd_210 {
215
+ min-height: 1.5rem;
216
+ justify-content: center;
217
+ }
214
218
  @media (prefers-reduced-motion: reduce) {
215
- ._checkbox_1kz2f_3 ._icon-wrapper_1kz2f_42 {
219
+ ._checkbox_1mrvd_3 ._icon-wrapper_1mrvd_42 {
216
220
  transition-duration: 0.01ms !important;
217
221
  transition-property: outline;
218
222
  }
219
223
  }
220
224
  }
221
225
  @layer reset {
222
- ._checkbox-group_1kz2f_218 {
226
+ ._checkbox-group_1mrvd_210 {
223
227
  all: unset;
224
228
  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
225
229
  font-size: 100%;
@@ -234,12 +238,12 @@
234
238
  }
235
239
  }
236
240
  @layer base {
237
- ._checkbox-group_1kz2f_218 {
241
+ ._checkbox-group_1mrvd_210 {
238
242
  display: inline-flex;
239
243
  gap: 0.5rem;
240
244
  flex-direction: column;
241
245
  }
242
- ._checkbox-group_1kz2f_218 ._legend_1kz2f_238 {
246
+ ._checkbox-group_1mrvd_210 ._legend_1mrvd_242 {
243
247
  border: 0;
244
248
  clip: rect(0, 0, 0, 0);
245
249
  height: 1px;
@@ -251,17 +255,10 @@
251
255
  white-space: nowrap;
252
256
  width: 1px;
253
257
  }
254
- ._checkbox-group_1kz2f_218 ._children_1kz2f_250 {
258
+ ._checkbox-group_1mrvd_210 ._children_1mrvd_254 {
255
259
  display: inline-flex;
256
260
  gap: 0.5rem;
257
261
  flex-direction: column;
258
262
  flex-wrap: wrap;
259
263
  }
260
- ._checkbox-group_1kz2f_218 ._label_1kz2f_256 {
261
- font-weight: 600;
262
- }
263
- ._checkbox-group_1kz2f_218 ._label_1kz2f_256 ._required-asterisk_1kz2f_32 {
264
- margin-inline-start: 0.25rem;
265
- color: var(--foreground-color-danger, #e13212);
266
- }
267
264
  }
package/dist/Checkbox.js CHANGED
@@ -1,2 +1,2 @@
1
- export { C as Checkbox, a as CheckboxGroup, C as default } from './Checkbox-DdIDGlbE.js';
1
+ export { C as Checkbox, a as CheckboxGroup, C as default } from './Checkbox-C4JF-LvE.js';
2
2
  //# sourceMappingURL=Checkbox.js.map