@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.
- package/CHANGELOG.md +19 -0
- package/dist/{Alert-BcjnX40X-DdR5a1fS.js → Alert-BcjnX40X-DK8meb2Z.js} +2 -3
- package/dist/{Alert-BcjnX40X-DdR5a1fS.js.map → Alert-BcjnX40X-DK8meb2Z.js.map} +1 -1
- package/dist/{Alert-S-riTJp2.js → Alert-D4O5XFXo.js} +2 -2
- package/dist/{Alert-S-riTJp2.js.map → Alert-D4O5XFXo.js.map} +1 -1
- package/dist/Alert.js +1 -1
- package/dist/{Announcement-BUNvjkVo.js → Announcement-D30SgkZg.js} +2 -3
- package/dist/{Announcement-BUNvjkVo.js.map → Announcement-D30SgkZg.js.map} +1 -1
- package/dist/Announcement.js +1 -1
- package/dist/{Checkbox-DdIDGlbE.js → Checkbox-C4JF-LvE.js} +2 -2
- package/dist/{Checkbox-DdIDGlbE.js.map → Checkbox-C4JF-LvE.js.map} +1 -1
- package/dist/{Checkbox-B1OkhWY6-BXBzUXK4.js → Checkbox-ZLz_xJx9-CxqouREp.js} +44 -10
- package/dist/Checkbox-ZLz_xJx9-CxqouREp.js.map +1 -0
- package/dist/Checkbox.css +69 -72
- package/dist/Checkbox.js +1 -1
- package/dist/{Checkbox.module-DMrZNVpb-DOdjd86H.js → Checkbox.module-B6diiZe0-DDAy-YPr.js} +19 -18
- package/dist/Checkbox.module-B6diiZe0-DDAy-YPr.js.map +1 -0
- package/dist/{Combobox-DZp6NgeF.js → Combobox-VCa5Qplb.js} +5 -6
- package/dist/Combobox-VCa5Qplb.js.map +1 -0
- package/dist/Combobox.js +1 -1
- package/dist/{DateField-BuCxeZbi.js → DateField-Ex0bquMB.js} +5 -5
- package/dist/{DateField-BuCxeZbi.js.map → DateField-Ex0bquMB.js.map} +1 -1
- package/dist/DateField.js +1 -1
- package/dist/{DaysOfTheWeek-BL27GHpA.js → DaysOfTheWeek-CQqCFF2f.js} +3 -4
- package/dist/DaysOfTheWeek-CQqCFF2f.js.map +1 -0
- package/dist/DaysOfTheWeek.js +1 -1
- package/dist/Dialog-QtgPY3ji.js +333 -0
- package/dist/Dialog-QtgPY3ji.js.map +1 -0
- package/dist/Dialog.css +146 -0
- package/dist/Dialog.js +1 -1
- package/dist/{DndSort-8xmZRn1w.js → DndSort-BVcdqJLB.js} +2 -2
- package/dist/{DndSort-8xmZRn1w.js.map → DndSort-BVcdqJLB.js.map} +1 -1
- package/dist/DndSort.js +1 -1
- package/dist/{Drawer-R27M51bR.js → Drawer-18QCWW4F.js} +2 -2
- package/dist/{Drawer-R27M51bR.js.map → Drawer-18QCWW4F.js.map} +1 -1
- package/dist/Drawer.js +1 -1
- package/dist/{Flex-DlNiHX1G-CBMDzqYU.js → Flex-CLu2TnzF-aW2OhBYv.js} +9 -4
- package/dist/Flex-CLu2TnzF-aW2OhBYv.js.map +1 -0
- package/dist/{Flex-DlNiHX1G.css → Flex-CLu2TnzF.css} +14 -1
- package/dist/{Flex-CqNlL2mR.js → Flex-Dvn6ix9U.js} +2 -2
- package/dist/{Flex-CqNlL2mR.js.map → Flex-Dvn6ix9U.js.map} +1 -1
- package/dist/Flex.js +1 -1
- package/dist/{InputMask-C8Yx-RsH-PbALaG2H.js → InputMask-CAaKh5xX-n62jt7dp.js} +2 -2
- package/dist/{InputMask-C8Yx-RsH-PbALaG2H.js.map → InputMask-CAaKh5xX-n62jt7dp.js.map} +1 -1
- package/dist/{InputMask-Dfdl3HR_.js → InputMask-txxn_qIf.js} +2 -2
- package/dist/{InputMask-Dfdl3HR_.js.map → InputMask-txxn_qIf.js.map} +1 -1
- package/dist/InputMask.js +1 -1
- package/dist/{ListView-D3u27ODE.js → ListView-DNwkCrxf.js} +3 -3
- package/dist/ListView-DNwkCrxf.js.map +1 -0
- package/dist/ListView.js +1 -1
- package/dist/{Listbox-CthJSHQ3-BnNf4vnZ.js → Listbox-DlKyRbri-Dc3ny9gH.js} +2 -2
- package/dist/{Listbox-CthJSHQ3-BnNf4vnZ.js.map → Listbox-DlKyRbri-Dc3ny9gH.js.map} +1 -1
- package/dist/{Listbox-Oz_LxoiF.js → Listbox-eNhS0Wmx.js} +2 -2
- package/dist/{Listbox-Oz_LxoiF.js.map → Listbox-eNhS0Wmx.js.map} +1 -1
- package/dist/Listbox.js +1 -1
- package/dist/{Menu-DY1JLQrj.js → Menu-DvVci7Qr.js} +225 -110
- package/dist/Menu-DvVci7Qr.js.map +1 -0
- package/dist/Menu.css +35 -26
- package/dist/Menu.js +1 -1
- package/dist/{Overflow-DXWJ1gWT-6WRtRAc3.js → Overflow-D6S5X1N4-C7YfnaOv.js} +3 -3
- package/dist/{Overflow-DXWJ1gWT-6WRtRAc3.js.map → Overflow-D6S5X1N4-C7YfnaOv.js.map} +1 -1
- package/dist/{Overflow-STQ_RpAD.js → Overflow-DDsq_uUA.js} +2 -2
- package/dist/{Overflow-STQ_RpAD.js.map → Overflow-DDsq_uUA.js.map} +1 -1
- package/dist/Overflow.js +1 -1
- package/dist/{Page-DWih1Hby.js → Page-BFVfMExj.js} +6 -6
- package/dist/{Page-DWih1Hby.js.map → Page-BFVfMExj.js.map} +1 -1
- package/dist/Page.js +1 -1
- package/dist/{Popover-CV-xrb9G.js → Popover-BbcT-mFU.js} +2 -2
- package/dist/{Popover-CV-xrb9G.js.map → Popover-BbcT-mFU.js.map} +1 -1
- package/dist/{Popover-DX4P8WCW-BgQrtbWH.js → Popover-CbeghwZg--83MWVgP.js} +3 -3
- package/dist/{Popover-DX4P8WCW-BgQrtbWH.js.map → Popover-CbeghwZg--83MWVgP.js.map} +1 -1
- package/dist/Popover.js +1 -1
- package/dist/{ProgressBar-CgpalFK8-DxfzF8hg.js → ProgressBar-DojG9LHF-nlymvlXw.js} +311 -535
- package/dist/ProgressBar-DojG9LHF-nlymvlXw.js.map +1 -0
- package/dist/{ProgressBar-CgpalFK8.css → ProgressBar-DojG9LHF.css} +167 -276
- package/dist/{ProgressBar-BBEzuQ2S.js → ProgressBar-OtKoZ_jO.js} +2 -2
- package/dist/{ProgressBar-BBEzuQ2S.js.map → ProgressBar-OtKoZ_jO.js.map} +1 -1
- package/dist/ProgressBar.js +1 -1
- package/dist/{Radio-zEofJnTU.js → Radio-BWK27b7p.js} +2 -2
- package/dist/{Radio-zEofJnTU.js.map → Radio-BWK27b7p.js.map} +1 -1
- package/dist/{Radio-DE79qJFW-BRf9rOOV.js → Radio-BbohS64t-Ch6NvYfF.js} +54 -24
- package/dist/Radio-BbohS64t-Ch6NvYfF.js.map +1 -0
- package/dist/{Radio-DE79qJFW.css → Radio-BbohS64t.css} +50 -54
- package/dist/Radio.js +1 -1
- package/dist/SelectCard.js +1 -1
- package/dist/{SelectCardGroup-B_CVDaUI.js → SelectCardGroup-4MngIOom.js} +3 -3
- package/dist/{SelectCardGroup-B_CVDaUI.js.map → SelectCardGroup-4MngIOom.js.map} +1 -1
- package/dist/{Stepper-CeH1RiN9.js → Stepper-CuQn-jSf.js} +2 -2
- package/dist/{Stepper-CeH1RiN9.js.map → Stepper-CuQn-jSf.js.map} +1 -1
- package/dist/Stepper.js +1 -1
- package/dist/{TextField-CgkazfKE.js → TextField-Djr02a3D.js} +2 -2
- package/dist/{TextField-CgkazfKE.js.map → TextField-Djr02a3D.js.map} +1 -1
- package/dist/{TextField-69svqHPM-Box5JvkC.js → TextField-DtlCGV8B-BPoNBGYn.js} +2 -3
- package/dist/TextField-DtlCGV8B-BPoNBGYn.js.map +1 -0
- package/dist/TextField.js +1 -1
- package/dist/{Textarea-Dv67XBNL.js → Textarea-DjqGI_N0.js} +2 -3
- package/dist/Textarea-DjqGI_N0.js.map +1 -0
- package/dist/Textarea.js +1 -1
- package/dist/Toast.js +1 -1
- package/dist/{Toolbar-gsDzLpRl.js → Toolbar-DiUrfZ4O.js} +5 -5
- package/dist/{Toolbar-gsDzLpRl.js.map → Toolbar-DiUrfZ4O.js.map} +1 -1
- package/dist/Toolbar.js +1 -1
- package/dist/{Tooltip-B8v6z3nj.js → Tooltip-DE8tqyR3.js} +2 -2
- package/dist/{Tooltip-B8v6z3nj.js.map → Tooltip-DE8tqyR3.js.map} +1 -1
- package/dist/Tooltip.js +1 -1
- package/dist/{check_circle-BGfigqq-.js → check_circle-DJhuiYqa.js} +4 -2
- package/dist/check_circle-DJhuiYqa.js.map +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +2 -2
- package/dist/components/Flex/Flex.d.ts +12 -6
- package/dist/components/Radio/Radio.d.ts +2 -2
- package/dist/index.js +26 -26
- package/dist/internal/utils/generateChromaticStickersheetProps.d.ts +16 -0
- package/dist/{toast-C-F09cHz.js → toast-BRfZ2rPu.js} +2 -2
- package/dist/{toast-C-F09cHz.js.map → toast-BRfZ2rPu.js.map} +1 -1
- package/package.json +4 -4
- package/dist/Checkbox-B1OkhWY6-BXBzUXK4.js.map +0 -1
- package/dist/Checkbox.module-DMrZNVpb-DOdjd86H.js.map +0 -1
- package/dist/Combobox-DZp6NgeF.js.map +0 -1
- package/dist/DaysOfTheWeek-BL27GHpA.js.map +0 -1
- package/dist/Dialog-CWhCRYT8.js +0 -66
- package/dist/Dialog-CWhCRYT8.js.map +0 -1
- package/dist/Flex-DlNiHX1G-CBMDzqYU.js.map +0 -1
- package/dist/Helper-DBmwQvEP-BB75un4q.js +0 -55
- package/dist/Helper-DBmwQvEP-BB75un4q.js.map +0 -1
- package/dist/Helper-DBmwQvEP.css +0 -25
- package/dist/ListView-D3u27ODE.js.map +0 -1
- package/dist/Menu-DY1JLQrj.js.map +0 -1
- package/dist/ProgressBar-CgpalFK8-DxfzF8hg.js.map +0 -1
- package/dist/Radio-DE79qJFW-BRf9rOOV.js.map +0 -1
- package/dist/TextField-69svqHPM-Box5JvkC.js.map +0 -1
- package/dist/Textarea-Dv67XBNL.js.map +0 -1
- package/dist/check_circle-BGfigqq-.js.map +0 -1
- package/dist/getActiveElements-CqR6e_P--CqR6e_P-.js +0 -16
- package/dist/getActiveElements-CqR6e_P--CqR6e_P-.js.map +0 -1
- package/dist/warning-c4Wj1rI4.js +0 -6
- package/dist/warning-c4Wj1rI4.js.map +0 -1
- /package/dist/{Overflow-DXWJ1gWT.css → Overflow-D6S5X1N4.css} +0 -0
- /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
|
|
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-
|
|
97
|
+
//# sourceMappingURL=Alert-BcjnX40X-DK8meb2Z.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert-BcjnX40X-
|
|
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-
|
|
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-
|
|
22
|
+
//# sourceMappingURL=Alert-D4O5XFXo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert-
|
|
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-
|
|
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
|
|
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-
|
|
111
|
+
//# sourceMappingURL=Announcement-D30SgkZg.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Announcement-
|
|
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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"}
|
package/dist/Announcement.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { A as Announcement, A as default } from './Announcement-
|
|
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-
|
|
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-
|
|
33
|
+
//# sourceMappingURL=Checkbox-C4JF-LvE.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox-
|
|
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-
|
|
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 {
|
|
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-
|
|
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
|
-
.
|
|
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
|
-
.
|
|
20
|
+
._wrapper_1mrvd_18 {
|
|
21
21
|
display: inline-flex;
|
|
22
22
|
flex-direction: column;
|
|
23
23
|
gap: 0.25rem;
|
|
24
24
|
}
|
|
25
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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-
|
|
79
|
+
._helper-wrapper_1mrvd_75 {
|
|
80
80
|
margin-inline-start: 2rem;
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
83
|
@layer state {
|
|
84
|
-
.
|
|
85
|
-
.
|
|
86
|
-
.
|
|
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
|
-
.
|
|
90
|
-
.
|
|
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
|
-
.
|
|
95
|
-
.
|
|
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
|
-
.
|
|
99
|
-
.
|
|
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
|
-
.
|
|
102
|
+
._checkbox_1mrvd_3._error_1mrvd_98 ._icon-wrapper_1mrvd_42 {
|
|
103
103
|
outline-color: var(--focus-ring-color-danger, #e13212);
|
|
104
104
|
}
|
|
105
|
-
.
|
|
106
|
-
.
|
|
107
|
-
.
|
|
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
|
-
.
|
|
111
|
-
.
|
|
112
|
-
.
|
|
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
|
-
.
|
|
116
|
-
.
|
|
117
|
-
.
|
|
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
|
-
.
|
|
121
|
-
.
|
|
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
|
-
.
|
|
124
|
+
._checkbox_1mrvd_3:hover {
|
|
125
125
|
cursor: pointer;
|
|
126
126
|
}
|
|
127
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
140
|
-
.
|
|
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
|
-
.
|
|
143
|
+
._checkbox_1mrvd_3._error_1mrvd_98:hover {
|
|
144
144
|
cursor: pointer;
|
|
145
145
|
}
|
|
146
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
159
|
-
.
|
|
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
|
-
.
|
|
163
|
-
.
|
|
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
|
-
.
|
|
167
|
-
.
|
|
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
|
-
.
|
|
170
|
+
._checkbox_1mrvd_3 input:checked ~ ._icon-wrapper_1mrvd_42 ._icon-unchecked_1mrvd_81 {
|
|
171
171
|
display: none;
|
|
172
172
|
}
|
|
173
|
-
.
|
|
173
|
+
._checkbox_1mrvd_3 input:checked ~ ._icon-wrapper_1mrvd_42 ._icon-checked_1mrvd_82 {
|
|
174
174
|
display: inline-flex;
|
|
175
175
|
}
|
|
176
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
182
|
+
._checkbox_1mrvd_3 input[aria-checked=mixed] ~ ._icon-wrapper_1mrvd_42 ._icon-indeterminate_1mrvd_80 {
|
|
183
183
|
display: inline-flex;
|
|
184
184
|
}
|
|
185
|
-
.
|
|
185
|
+
._checkbox_1mrvd_3:has(input[disabled]) {
|
|
186
186
|
opacity: 0.6;
|
|
187
187
|
filter: grayscale(1);
|
|
188
188
|
}
|
|
189
|
-
.
|
|
190
|
-
.
|
|
191
|
-
.
|
|
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
|
-
.
|
|
194
|
+
._checkbox_1mrvd_3:has(input[disabled]):hover {
|
|
195
195
|
cursor: not-allowed;
|
|
196
196
|
}
|
|
197
|
-
.
|
|
197
|
+
._checkbox_1mrvd_3:has(input[disabled]):hover ._icon-wrapper_1mrvd_42 {
|
|
198
198
|
box-shadow: none;
|
|
199
199
|
}
|
|
200
|
-
._sr-
|
|
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
|
-
.
|
|
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-
|
|
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-
|
|
241
|
+
._checkbox-group_1mrvd_210 {
|
|
238
242
|
display: inline-flex;
|
|
239
243
|
gap: 0.5rem;
|
|
240
244
|
flex-direction: column;
|
|
241
245
|
}
|
|
242
|
-
._checkbox-
|
|
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-
|
|
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-
|
|
1
|
+
export { C as Checkbox, a as CheckboxGroup, C as default } from './Checkbox-C4JF-LvE.js';
|
|
2
2
|
//# sourceMappingURL=Checkbox.js.map
|