@servicetitan/anvil2 1.37.1 → 1.37.2
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 +15 -0
- package/dist/{Alert-DwdMxzH0.js → Alert-BsFFiu7g.js} +2 -2
- package/dist/{Alert-DwdMxzH0.js.map → Alert-BsFFiu7g.js.map} +1 -1
- package/dist/{Alert-BNbD8EQd-D2ZerUYD.js → Alert-DMk5bG5T-kR7Uzp64.js} +3 -3
- package/dist/{Alert-BNbD8EQd-D2ZerUYD.js.map → Alert-DMk5bG5T-kR7Uzp64.js.map} +1 -1
- package/dist/Alert.js +1 -1
- package/dist/{Announcement-CiHTmcmB.js → Announcement-BawOyXV3.js} +2 -2
- package/dist/{Announcement-CiHTmcmB.js.map → Announcement-BawOyXV3.js.map} +1 -1
- package/dist/Announcement.js +1 -1
- package/dist/{Button-DX3kc-St-Bi0Fl0-E.js → Button-C-QpfgfF-CRBE7KiD.js} +2 -2
- package/dist/{Button-DX3kc-St-Bi0Fl0-E.js.map → Button-C-QpfgfF-CRBE7KiD.js.map} +1 -1
- package/dist/{Button-CPyDYPAg.js → Button-NTFmgcbr.js} +3 -3
- package/dist/Button-NTFmgcbr.js.map +1 -0
- package/dist/Button.css +45 -49
- package/dist/Button.js +1 -1
- package/dist/Button.module-BqTaW8HK-BqTaW8HK.js +25 -0
- package/dist/Button.module-BqTaW8HK-BqTaW8HK.js.map +1 -0
- package/dist/Button2.css +8 -0
- package/dist/{ButtonCompound-CZn9FsxS.js → ButtonCompound-DlgIyoB9.js} +2 -2
- package/dist/{ButtonCompound-CZn9FsxS.js.map → ButtonCompound-DlgIyoB9.js.map} +1 -1
- package/dist/{ButtonCompound-CYU1LNHq-Bc1kbNSB.js → ButtonCompound-Dp5J4W81-BkZ68L4-.js} +2 -2
- package/dist/{ButtonCompound-CYU1LNHq-Bc1kbNSB.js.map → ButtonCompound-Dp5J4W81-BkZ68L4-.js.map} +1 -1
- package/dist/ButtonCompound.js +1 -1
- package/dist/{ButtonLink-T1aDDrwY.js → ButtonLink-B_uUWBLY.js} +3 -3
- package/dist/ButtonLink-B_uUWBLY.js.map +1 -0
- package/dist/{ButtonLink-B_tyWgz5-fw-d4WQs.js → ButtonLink-CSaxjhI2-KLVGwWjE.js} +2 -2
- package/dist/{ButtonLink-B_tyWgz5-fw-d4WQs.js.map → ButtonLink-CSaxjhI2-KLVGwWjE.js.map} +1 -1
- package/dist/ButtonLink.css +10 -0
- package/dist/ButtonLink.js +1 -1
- package/dist/{ButtonToggle-6n5-CX2P-DBxJwDzw.js → ButtonToggle-CvXIngRd-BiWpOOWr.js} +3 -3
- package/dist/{ButtonToggle-6n5-CX2P-DBxJwDzw.js.map → ButtonToggle-CvXIngRd-BiWpOOWr.js.map} +1 -1
- package/dist/{ButtonToggle-5RNkPmop.js → ButtonToggle-D3tcTRq9.js} +2 -2
- package/dist/{ButtonToggle-5RNkPmop.js.map → ButtonToggle-D3tcTRq9.js.map} +1 -1
- package/dist/ButtonToggle.js +1 -1
- package/dist/{Calendar-CdlkJi-V.js → Calendar-B4MO-Uhv.js} +2 -2
- package/dist/{Calendar-CdlkJi-V.js.map → Calendar-B4MO-Uhv.js.map} +1 -1
- package/dist/{Calendar-ccK3_s_h-85O26aWv.js → Calendar-Bn00Dnc--DcCNi1xz.js} +4 -4
- package/dist/{Calendar-ccK3_s_h-85O26aWv.js.map → Calendar-Bn00Dnc--DcCNi1xz.js.map} +1 -1
- package/dist/Calendar.js +1 -1
- package/dist/{Checkbox-eAxcQnNg.js → Checkbox-BIlp8xmW.js} +2 -2
- package/dist/{Checkbox-eAxcQnNg.js.map → Checkbox-BIlp8xmW.js.map} +1 -1
- package/dist/{Checkbox-DEAra-BQ-bF-q1M2I.js → Checkbox-CRurfeRE-BR_NXfh6.js} +2 -2
- package/dist/{Checkbox-DEAra-BQ-bF-q1M2I.js.map → Checkbox-CRurfeRE-BR_NXfh6.js.map} +1 -1
- package/dist/Checkbox.js +1 -1
- package/dist/{Combobox-CKmh6XXv.js → Combobox-Dde7-7tv.js} +4 -4
- package/dist/{Combobox-CKmh6XXv.js.map → Combobox-Dde7-7tv.js.map} +1 -1
- package/dist/Combobox.js +1 -1
- package/dist/{DateField-CPJzhs_q.js → DateField-D-eVP6xh.js} +6 -6
- package/dist/{DateField-CPJzhs_q.js.map → DateField-D-eVP6xh.js.map} +1 -1
- package/dist/DateField.js +1 -1
- package/dist/{DaysOfTheWeek-2z-ObNCZ.js → DaysOfTheWeek-Dz-aZ-LW.js} +3 -3
- package/dist/{DaysOfTheWeek-2z-ObNCZ.js.map → DaysOfTheWeek-Dz-aZ-LW.js.map} +1 -1
- package/dist/DaysOfTheWeek.js +1 -1
- package/dist/{Dialog-DzHVBIH3.js → Dialog-DJhN8QWP.js} +3 -3
- package/dist/{Dialog-DzHVBIH3.js.map → Dialog-DJhN8QWP.js.map} +1 -1
- package/dist/Dialog.js +1 -1
- package/dist/Dnd.js +1 -1
- package/dist/{DndSort-D6o8LHzn.js → DndSort-Dy_D1EnT.js} +3 -3
- package/dist/{DndSort-D6o8LHzn.js.map → DndSort-Dy_D1EnT.js.map} +1 -1
- package/dist/DndSort.js +1 -1
- package/dist/{Drawer-ohNSRGI4.js → Drawer-BFfakO8h.js} +2 -2
- package/dist/{Drawer-ohNSRGI4.js.map → Drawer-BFfakO8h.js.map} +1 -1
- package/dist/Drawer.js +1 -1
- package/dist/{EditCard-Cz1Cn4A2.js → EditCard-BNwoKJ_6.js} +2 -2
- package/dist/{EditCard-Cz1Cn4A2.js.map → EditCard-BNwoKJ_6.js.map} +1 -1
- package/dist/EditCard.js +1 -1
- package/dist/{InputMask-vaQYg_Vf.js → InputMask-CeqX68uX.js} +2 -2
- package/dist/{InputMask-vaQYg_Vf.js.map → InputMask-CeqX68uX.js.map} +1 -1
- package/dist/{InputMask-B2_O_tIf-BMv7gEby.js → InputMask-DfpkWGmY-D8QEut94.js} +2 -2
- package/dist/{InputMask-B2_O_tIf-BMv7gEby.js.map → InputMask-DfpkWGmY-D8QEut94.js.map} +1 -1
- package/dist/InputMask.js +1 -1
- package/dist/{ListView-BBLIz8d_.js → ListView-zlg5FlKW.js} +3 -3
- package/dist/{ListView-BBLIz8d_.js.map → ListView-zlg5FlKW.js.map} +1 -1
- package/dist/ListView.js +1 -1
- package/dist/{Menu-DDBvbj8J.js → Menu-BjzTwENs.js} +3 -3
- package/dist/{Menu-DDBvbj8J.js.map → Menu-BjzTwENs.js.map} +1 -1
- package/dist/Menu.js +1 -1
- package/dist/{Page-BY98czM-.js → Page-CSM-a2UE.js} +41 -41
- package/dist/{Page-BY98czM-.js.map → Page-CSM-a2UE.js.map} +1 -1
- package/dist/Page.css +72 -72
- package/dist/Page.js +1 -1
- package/dist/{Popover-C31e7pyQ-BKY8Cu9r.js → Popover-CpyYXmal-I-E-B4u8.js} +4 -4
- package/dist/{Popover-C31e7pyQ-BKY8Cu9r.js.map → Popover-CpyYXmal-I-E-B4u8.js.map} +1 -1
- package/dist/{Popover-D9YlXxdx.js → Popover-a81z9wSj.js} +2 -2
- package/dist/{Popover-D9YlXxdx.js.map → Popover-a81z9wSj.js.map} +1 -1
- package/dist/Popover.js +1 -1
- package/dist/{ProgressBar-D1zZ2s7L.js → ProgressBar-B25Wxpaf.js} +2 -2
- package/dist/{ProgressBar-D1zZ2s7L.js.map → ProgressBar-B25Wxpaf.js.map} +1 -1
- package/dist/{ProgressBar-dl-MpiLN-CxX2edlK.js → ProgressBar-CeClhdcf-Dcft7ZjO.js} +43 -28
- package/dist/ProgressBar-CeClhdcf-Dcft7ZjO.js.map +1 -0
- package/dist/{ProgressBar-dl-MpiLN.css → ProgressBar-CeClhdcf.css} +54 -53
- package/dist/ProgressBar.js +1 -1
- package/dist/{Radio-DiKeatJz-CJv-wiPU.js → Radio-BlMDLvPw-DUeywcYR.js} +3 -3
- package/dist/{Radio-DiKeatJz-CJv-wiPU.js.map → Radio-BlMDLvPw-DUeywcYR.js.map} +1 -1
- package/dist/{Radio-DmKsVmvI.js → Radio-D3CqAXiM.js} +2 -2
- package/dist/{Radio-DmKsVmvI.js.map → Radio-D3CqAXiM.js.map} +1 -1
- package/dist/Radio.js +1 -1
- package/dist/{SelectCard-DvQKJBNF-BtUX2vxS.js → SelectCard-D26y01WZ-BWN9G09J.js} +4 -4
- package/dist/{SelectCard-DvQKJBNF-BtUX2vxS.js.map → SelectCard-D26y01WZ-BWN9G09J.js.map} +1 -1
- package/dist/SelectCard.js +1 -1
- package/dist/{SelectCardGroup-BMtIW3Er.js → SelectCardGroup-DxA6P-Q7.js} +2 -2
- package/dist/{SelectCardGroup-BMtIW3Er.js.map → SelectCardGroup-DxA6P-Q7.js.map} +1 -1
- package/dist/{Stepper-M8VmWN_m.js → Stepper-Bp0w8eRW.js} +2 -2
- package/dist/{Stepper-M8VmWN_m.js.map → Stepper-Bp0w8eRW.js.map} +1 -1
- package/dist/Stepper.js +1 -1
- package/dist/{TextField-D4HFeTaC-DBJfcnz7.js → TextField-Bp1q4hMI-2jGZG2k2.js} +2 -2
- package/dist/{TextField-D4HFeTaC-DBJfcnz7.js.map → TextField-Bp1q4hMI-2jGZG2k2.js.map} +1 -1
- package/dist/{TextField-BgHGtMb-.js → TextField-Ds9EKvSs.js} +2 -2
- package/dist/{TextField-BgHGtMb-.js.map → TextField-Ds9EKvSs.js.map} +1 -1
- package/dist/TextField.js +1 -1
- package/dist/{Textarea-R3cktsYz.js → Textarea-CMELRfU8.js} +2 -2
- package/dist/{Textarea-R3cktsYz.js.map → Textarea-CMELRfU8.js.map} +1 -1
- package/dist/Textarea.js +1 -1
- package/dist/Toast.js +1 -1
- package/dist/{Toolbar-BePAKdaW.js → Toolbar-CYwR6GQG.js} +14 -14
- package/dist/Toolbar-CYwR6GQG.js.map +1 -0
- package/dist/Toolbar.css +29 -29
- package/dist/Toolbar.js +1 -1
- package/dist/{Tooltip-CFKD9Xsq.js → Tooltip-C-UNrFz3.js} +2 -2
- package/dist/{Tooltip-CFKD9Xsq.js.map → Tooltip-C-UNrFz3.js.map} +1 -1
- package/dist/Tooltip.js +1 -1
- package/dist/assets/icons/st/column_editor.svg +1 -1
- package/dist/{index-CyGNSK4Y-Dv0IKCva.js → index-CdSSO4ct-elKOdXPf.js} +3 -3
- package/dist/{index-CyGNSK4Y-Dv0IKCva.js.map → index-CdSSO4ct-elKOdXPf.js.map} +1 -1
- package/dist/index.js +30 -30
- package/dist/{toast-BUVHNidk.js → toast-C-6NdR43.js} +2 -2
- package/dist/{toast-BUVHNidk.js.map → toast-C-6NdR43.js.map} +1 -1
- package/package.json +2 -2
- package/dist/Button-CPyDYPAg.js.map +0 -1
- package/dist/Button.module-D8SjARtW-D8SjARtW.js +0 -25
- package/dist/Button.module-D8SjARtW-D8SjARtW.js.map +0 -1
- package/dist/ButtonLink-T1aDDrwY.js.map +0 -1
- package/dist/ProgressBar-dl-MpiLN-CxX2edlK.js.map +0 -1
- package/dist/Toolbar-BePAKdaW.js.map +0 -1
- /package/dist/{Alert-BNbD8EQd.css → Alert-DMk5bG5T.css} +0 -0
- /package/dist/{Calendar-ccK3_s_h.css → Calendar-Bn00Dnc-.css} +0 -0
- /package/dist/{Popover-C31e7pyQ.css → Popover-CpyYXmal.css} +0 -0
- /package/dist/{Radio-DiKeatJz.css → Radio-BlMDLvPw.css} +0 -0
- /package/dist/{SelectCard-DvQKJBNF.css → SelectCard-D26y01WZ.css} +0 -0
- /package/dist/{index-CyGNSK4Y.css → index-CdSSO4ct.css} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @servicetitan/anvil2
|
|
2
2
|
|
|
3
|
+
## 1.37.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#1317](https://github.com/servicetitan/hammer/pull/1317) [`c3c8561`](https://github.com/servicetitan/hammer/commit/c3c8561f8c00b5caaff5f613acd2c6c58b238685) Thanks [@tounsoo](https://github.com/tounsoo)! - [Tooltip] Fix Tooltip.Content `id` being overwritten
|
|
8
|
+
|
|
9
|
+
- [#1310](https://github.com/servicetitan/hammer/pull/1310) [`9ce3f62`](https://github.com/servicetitan/hammer/commit/9ce3f62f0561d2a186ce8e83ac3b78001f4bfc3e) Thanks [@AdamLantz](https://github.com/AdamLantz)! - [Toast] Fix clicking on items overlapped by transparent toast stack element
|
|
10
|
+
|
|
11
|
+
- [#1311](https://github.com/servicetitan/hammer/pull/1311) [`01db305`](https://github.com/servicetitan/hammer/commit/01db3058acd835419b0497ab455338de58cd72f9) Thanks [@ericag1985](https://github.com/ericag1985)! - [Page] Fix order of page elements on mobile
|
|
12
|
+
|
|
13
|
+
- [#1321](https://github.com/servicetitan/hammer/pull/1321) [`8734469`](https://github.com/servicetitan/hammer/commit/8734469bb8a140a37bf96d8f6df75cf94d97ba6a) Thanks [@ericag1985](https://github.com/ericag1985)! - [Tooltip] Add themeprovider around complex content
|
|
14
|
+
|
|
15
|
+
- Updated dependencies [[`c3c8561`](https://github.com/servicetitan/hammer/commit/c3c8561f8c00b5caaff5f613acd2c6c58b238685), [`9ce3f62`](https://github.com/servicetitan/hammer/commit/9ce3f62f0561d2a186ce8e83ac3b78001f4bfc3e), [`8734469`](https://github.com/servicetitan/hammer/commit/8734469bb8a140a37bf96d8f6df75cf94d97ba6a)]:
|
|
16
|
+
- @servicetitan/hammer-react@1.37.2
|
|
17
|
+
|
|
3
18
|
## 1.37.1
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
|
@@ -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-
|
|
4
|
+
import { A as Alert$1 } from './Alert-DMk5bG5T-kR7Uzp64.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-BsFFiu7g.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert-
|
|
1
|
+
{"version":3,"file":"Alert-BsFFiu7g.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,14 +1,14 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { c as cx } from './index-tZvMCc77.js';
|
|
4
|
-
import { B as Button } from './Button-
|
|
4
|
+
import { B as Button } from './Button-C-QpfgfF-CRBE7KiD.js';
|
|
5
5
|
import { S as SvgClose } from './close-DZj38AEh.js';
|
|
6
6
|
import { S as SvgError, a as SvgCheckCircle, b as SvgInfo } from './check_circle-BGfigqq-.js';
|
|
7
7
|
import { S as SvgWarning } from './warning-c4Wj1rI4.js';
|
|
8
8
|
import { I as Icon } from './Icon-BrdmZw1i-CG-LzgEz.js';
|
|
9
9
|
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-GT5myWCm-Clw_nEze.js';
|
|
10
10
|
|
|
11
|
-
import './Alert-
|
|
11
|
+
import './Alert-DMk5bG5T.css';const alert = "_alert_16him_2";
|
|
12
12
|
const content = "_content_16him_34";
|
|
13
13
|
const top = "_top_16him_42";
|
|
14
14
|
const success = "_success_16him_60";
|
|
@@ -95,4 +95,4 @@ const Alert = forwardRef((props, ref) => {
|
|
|
95
95
|
Alert.displayName = "Alert";
|
|
96
96
|
|
|
97
97
|
export { Alert as A };
|
|
98
|
-
//# sourceMappingURL=Alert-
|
|
98
|
+
//# sourceMappingURL=Alert-DMk5bG5T-kR7Uzp64.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert-
|
|
1
|
+
{"version":3,"file":"Alert-DMk5bG5T-kR7Uzp64.js","sources":["../../hammer-react/dist/Alert-DMk5bG5T.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { B as Button } from './Button-C-QpfgfF.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-BrdmZw1i.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-GT5myWCm.js';\n\nimport './Alert.css';const alert = \"_alert_16him_2\";\nconst content = \"_content_16him_34\";\nconst top = \"_top_16him_42\";\nconst success = \"_success_16him_60\";\nconst warning = \"_warning_16him_66\";\nconst danger = \"_danger_16him_72\";\nconst styles = {\n\talert: alert,\n\t\"close-container\": \"_close-container_16him_27\",\n\tcontent: content,\n\ttop: top,\n\t\"title-container\": \"_title-container_16him_48\",\n\t\"status-icon\": \"_status-icon_16him_56\",\n\tsuccess: success,\n\twarning: warning,\n\tdanger: danger,\n\t\"close-button\": \"_close-button_16him_80\"\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-DMk5bG5T.js.map\n"],"names":["Info","Success","Warning","Danger","Close"],"mappings":"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"}
|
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-BsFFiu7g.js';
|
|
2
2
|
//# sourceMappingURL=Alert.js.map
|
|
@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { useTrackingId } from './useTrackingId.js';
|
|
4
4
|
import { c as cx } from './index-tZvMCc77.js';
|
|
5
|
-
import { B as Button } from './Button-
|
|
5
|
+
import { B as Button } from './Button-C-QpfgfF-CRBE7KiD.js';
|
|
6
6
|
import { S as SvgClose } from './close-DZj38AEh.js';
|
|
7
7
|
import { S as SvgError, a as SvgCheckCircle, b as SvgInfo } from './check_circle-BGfigqq-.js';
|
|
8
8
|
import { S as SvgWarning } from './warning-c4Wj1rI4.js';
|
|
@@ -109,4 +109,4 @@ const Announcement = forwardRef(
|
|
|
109
109
|
);
|
|
110
110
|
|
|
111
111
|
export { Announcement as A };
|
|
112
|
-
//# sourceMappingURL=Announcement-
|
|
112
|
+
//# sourceMappingURL=Announcement-BawOyXV3.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Announcement-
|
|
1
|
+
{"version":3,"file":"Announcement-BawOyXV3.js","sources":["../../hammer-react/dist/Announcement-BQ3Gw9_m.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-C-QpfgfF.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-BrdmZw1i.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-GT5myWCm.js';\n\nimport './Announcement.css';const announcement = \"_announcement_26ioj_2\";\nconst title = \"_title_26ioj_44\";\nconst success = \"_success_26ioj_61\";\nconst warning = \"_warning_26ioj_68\";\nconst danger = \"_danger_26ioj_75\";\nconst styles = {\n\tannouncement: announcement,\n\t\"close-container\": \"_close-container_26ioj_35\",\n\t\"title-container\": \"_title-container_26ioj_44\",\n\ttitle: title,\n\t\"status-icon\": \"_status-icon_26ioj_58\",\n\tsuccess: success,\n\twarning: warning,\n\tdanger: danger,\n\t\"close-button\": \"_close-button_26ioj_84\"\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-BQ3Gw9_m.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":";;;;;;;;;;;AAY4B,MAAM,YAAY,GAAG,uBAAuB;AACxE,MAAM,KAAK,GAAG,iBAAiB;AAC/B,MAAM,OAAO,GAAG,mBAAmB;AACnC,MAAM,OAAO,GAAG,mBAAmB;AACnC,MAAM,MAAM,GAAG,kBAAkB;AACjC,MAAM,MAAM,GAAG;AACf,CAAC,YAAY,EAAE,YAAY;AAC3B,CAAC,iBAAiB,EAAE,2BAA2B;AAC/C,CAAC,iBAAiB,EAAE,2BAA2B;AAC/C,CAAC,KAAK,EAAE,KAAK;AACb,CAAC,aAAa,EAAE,uBAAuB;AACvC,CAAC,OAAO,EAAE,OAAO;AACjB,CAAC,OAAO,EAAE,OAAO;AACjB,CAAC,MAAM,EAAE,MAAM;AACf,CAAC,cAAc,EAAE;AACjB,CAAC;;AAED,MAAM,aAAa,GAAG;AACtB,EAAE,IAAI,EAAEA,OAAI;AACZ,EAAE,OAAO,EAAEC,cAAO;AAClB,EAAE,OAAO,EAAEC,UAAO;AAClB,EAAE,MAAM,EAAEC;AACV,CAAC;AACD,MAAMC,cAAY,GAAG,UAAU;AAC/B,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK;AAClB,IAAI,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC;AACtE,IAAI,MAAM;AACV,MAAM,SAAS;AACf,MAAM,KAAK;AACX,MAAM,MAAM,GAAG,MAAM;AACrB,MAAM,QAAQ;AACd,MAAM,KAAK;AACX,MAAM,OAAO;AACb,MAAM,GAAG;AACT,KAAK,GAAG,cAAc;AACtB,IAAI,MAAM,aAAa,GAAG;AAC1B,MAAM,GAAG,KAAK;AACd,MAAM,GAAG;AACT,KAAK;AACL,IAAI,MAAM,cAAc,GAAG,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,SAAS,EAAE;AACjE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,MAAM,KAAK,SAAS;AAC/C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,MAAM,KAAK,SAAS;AAC/C,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,MAAM,KAAK;AACrC,KAAK,CAAC;AACN,IAAI,uBAAuB,IAAI;AAC/B,MAAM,KAAK;AACX,MAAM;AACN,QAAQ,IAAI,EAAE,QAAQ;AACtB,QAAQ,SAAS,EAAE,cAAc;AACjC,QAAQ,UAAU,EAAE,cAAc;AAClC,QAAQ,KAAK,EAAE,aAAa;AAC5B,QAAQ,GAAG,IAAI;AACf,QAAQ,GAAG;AACX,QAAQ,QAAQ,EAAE;AAClB,0BAA0B,IAAI,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE;AACzF,4BAA4B,GAAG;AAC/B,cAAc,IAAI;AAClB,cAAc;AACd,gBAAgB,IAAI,EAAE,OAAO;AAC7B,gBAAgB,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC;AAChD,gBAAgB,GAAG,EAAE,aAAa,CAAC,MAAM;AACzC;AACA,aAAa;AACb,4BAA4B,GAAG,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;AACvF,WAAW,EAAE,CAAC;AACd,UAAU,QAAQ;AAClB,UAAU,OAAO,mBAAmB,GAAG,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAE,QAAQ,kBAAkB,GAAG;AACrH,YAAY,MAAM;AAClB,YAAY;AACZ,cAAc,IAAI,EAAEC,QAAK;AACzB,cAAc,IAAI,EAAE,OAAO;AAC3B,cAAc,UAAU,EAAE,OAAO;AACjC,cAAc,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC;AAC/C,cAAc,OAAO,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC;AACxC,cAAc,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,aAAa;AAC3D;AACA,WAAW,EAAE,CAAC,GAAG;AACjB;AACA;AACA,KAAK;AACL;AACA,CAAC;AACDD,cAAY,CAAC,WAAW,GAAG,cAAc;;ACpFlC,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAA6B,KAAA;AACtD,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,cAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BACGE,cAAiB,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAG3E;;;;"}
|
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-BawOyXV3.js';
|
|
2
2
|
//# sourceMappingURL=Announcement.js.map
|
|
@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { c as cx } from './index-tZvMCc77.js';
|
|
4
4
|
import { I as Icon } from './Icon-BrdmZw1i-CG-LzgEz.js';
|
|
5
|
-
import { s as styles } from './Button.module-
|
|
5
|
+
import { s as styles } from './Button.module-BqTaW8HK-BqTaW8HK.js';
|
|
6
6
|
import { S as Spinner } from './Spinner-DliJVzdW-BQlZEj4V.js';
|
|
7
7
|
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-GT5myWCm-Clw_nEze.js';
|
|
8
8
|
|
|
@@ -94,4 +94,4 @@ const Button = forwardRef(
|
|
|
94
94
|
Button.displayName = "Button";
|
|
95
95
|
|
|
96
96
|
export { Button as B };
|
|
97
|
-
//# sourceMappingURL=Button-
|
|
97
|
+
//# sourceMappingURL=Button-C-QpfgfF-CRBE7KiD.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button-
|
|
1
|
+
{"version":3,"file":"Button-C-QpfgfF-CRBE7KiD.js","sources":["../../hammer-react/dist/Button-C-QpfgfF.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { I as Icon } from './Icon-BrdmZw1i.js';\nimport { s as styles } from './Button.module-BqTaW8HK.js';\nimport { S as Spinner } from './Spinner-DliJVzdW.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-GT5myWCm.js';\n\nconst Button = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n children,\n className,\n appearance = \"secondary\",\n size = \"medium\",\n icon,\n loading = false,\n disabled,\n style,\n type = \"button\",\n ...rest\n } = componentProps;\n const buttonClassNames = cx(className, styles[\"button\"], {\n [styles[\"appearance-primary\"]]: appearance === \"primary\",\n [styles[\"appearance-secondary\"]]: appearance === \"secondary\",\n [styles[\"appearance-ghost\"]]: appearance === \"ghost\",\n [styles[\"danger-secondary\"]]: appearance === \"danger-secondary\",\n [styles[\"danger-primary\"]]: appearance === \"danger\",\n [styles[\"size-small\"]]: size === \"small\",\n [styles[\"size-medium\"]]: size === \"medium\",\n [styles[\"size-large\"]]: size === \"large\",\n [styles[\"type-icon\"]]: !children,\n [styles[\"loading\"]]: loading\n });\n const iconBefore = (icon2) => {\n if (typeof icon2 === \"object\" && \"before\" in icon2) {\n return /* @__PURE__ */ jsx(\n Icon,\n {\n className: styles[\"icon\"],\n inherit: true,\n \"aria-hidden\": true,\n svg: icon2.before\n }\n );\n }\n if (icon2 && typeof icon2 !== \"object\") {\n return /* @__PURE__ */ jsx(\n Icon,\n {\n className: styles[\"icon\"],\n inherit: true,\n \"aria-hidden\": true,\n svg: icon2,\n size: !children && size !== \"small\" ? \"large\" : \"medium\"\n }\n );\n }\n return;\n };\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"button\",\n {\n className: buttonClassNames,\n type,\n disabled: disabled || loading,\n \"aria-busy\": loading ? true : void 0,\n \"data-anv\": \"button\",\n style: styleCombined,\n ref,\n ...rest,\n children: [\n loading ? /* @__PURE__ */ jsx(Spinner, { inherit: true, className: styles[\"loading-spinner\"] }) : icon ? iconBefore(icon) : null,\n children,\n typeof icon === \"object\" && \"after\" in icon ? /* @__PURE__ */ jsx(\n Icon,\n {\n className: styles[\"icon\"],\n inherit: true,\n \"aria-hidden\": true,\n svg: icon.after\n }\n ) : null\n ]\n }\n );\n }\n);\nButton.displayName = \"Button\";\n\nexport { Button as B };\n//# sourceMappingURL=Button-C-QpfgfF.js.map\n"],"names":[],"mappings":"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"}
|
|
@@ -2,9 +2,9 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { useTrackingId } from './useTrackingId.js';
|
|
4
4
|
import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
|
|
5
|
-
import { B as Button$1 } from './Button-
|
|
5
|
+
import { B as Button$1 } from './Button-C-QpfgfF-CRBE7KiD.js';
|
|
6
6
|
|
|
7
|
-
const Button = forwardRef(
|
|
7
|
+
import './Button2.css';const Button = forwardRef(
|
|
8
8
|
(props, ref) => {
|
|
9
9
|
const data = {
|
|
10
10
|
children: childrenToString(props.children),
|
|
@@ -23,4 +23,4 @@ const Button = forwardRef(
|
|
|
23
23
|
);
|
|
24
24
|
|
|
25
25
|
export { Button as B };
|
|
26
|
-
//# sourceMappingURL=Button-
|
|
26
|
+
//# sourceMappingURL=Button-NTFmgcbr.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button-NTFmgcbr.js","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import {\n ButtonProps as CoreButtonProps,\n Button as CoreButton,\n childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nimport \"./Button.scss\";\n\nexport type ButtonProps = CoreButtonProps & DataTrackingId;\n\nexport const Button = forwardRef(\n (props: ButtonProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n appearance: props.appearance,\n icon: props.icon,\n size: props.size,\n type: props.type,\n };\n\n const trackingId = useTrackingId({\n name: \"Button\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreButton ref={ref} data-tracking-id={trackingId} {...props} />;\n },\n);\n"],"names":["CoreButton"],"mappings":";;;;;;AAaO,MAAM,MAAS,GAAA,UAAA;AAAA,EACpB,CAAC,OAAoB,GAAgC,KAAA;AACnD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,YAAY,KAAM,CAAA,UAAA;AAAA,MAClB,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,MAAM,KAAM,CAAA;AAAA,KACd;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,QAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BAAQA,QAAW,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAE1E;;;;"}
|
package/dist/Button.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@layer starter, reset, base, state, application;
|
|
2
2
|
@layer starter, reset, base, state, application;
|
|
3
3
|
@layer reset {
|
|
4
|
-
.
|
|
4
|
+
._button_19i4i_2, ._button_19i4i_2._type-icon_19i4i_2 {
|
|
5
5
|
all: unset;
|
|
6
6
|
font-family: var(--font-family-base, "Nunito Sans", sans-serif);
|
|
7
7
|
font-size: 100%;
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
@layer base {
|
|
19
|
-
.
|
|
19
|
+
._button_19i4i_2, ._button_19i4i_2._type-icon_19i4i_2 {
|
|
20
20
|
width: -moz-fit-content;
|
|
21
21
|
width: fit-content;
|
|
22
22
|
min-width: 5rem;
|
|
@@ -49,21 +49,21 @@
|
|
|
49
49
|
background-color: var(--button-background-color);
|
|
50
50
|
outline-color: var(--button-focus-ring-color);
|
|
51
51
|
}
|
|
52
|
-
.
|
|
52
|
+
._button_19i4i_2 ._icon_19i4i_48 {
|
|
53
53
|
display: inline-flex;
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
56
|
@layer state {
|
|
57
|
-
.
|
|
57
|
+
._button_19i4i_2:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true])[data-interactive=focus-visible], ._button_19i4i_2:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true]):focus-visible {
|
|
58
58
|
outline-width: 0.125rem;
|
|
59
59
|
}
|
|
60
|
-
.
|
|
60
|
+
._button_19i4i_2._loading_19i4i_56 {
|
|
61
61
|
cursor: progress;
|
|
62
62
|
}
|
|
63
|
-
.
|
|
63
|
+
._button_19i4i_2 ._loading-spinner_19i4i_59 {
|
|
64
64
|
height: 1rem;
|
|
65
65
|
}
|
|
66
|
-
.
|
|
66
|
+
._button_19i4i_2._size-small_19i4i_62 {
|
|
67
67
|
--button-font-size: 0.875rem;
|
|
68
68
|
--button-border-radius: 0.375rem;
|
|
69
69
|
--button-padding-block-start: 0.4375rem;
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
--button-padding-inline-start: 0.75rem;
|
|
73
73
|
--button-line-height: 1rem;
|
|
74
74
|
}
|
|
75
|
-
.
|
|
75
|
+
._button_19i4i_2._size-medium_19i4i_71 {
|
|
76
76
|
--button-font-size: 1rem;
|
|
77
77
|
--button-border-radius: 0.375rem;
|
|
78
78
|
--button-padding-block-start: 0.6875rem;
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
--button-padding-inline-end: 1rem;
|
|
81
81
|
--button-padding-inline-start: 1rem;
|
|
82
82
|
}
|
|
83
|
-
.
|
|
83
|
+
._button_19i4i_2._size-large_19i4i_79 {
|
|
84
84
|
--button-font-size: 1rem;
|
|
85
85
|
--button-border-radius: 0.375rem;
|
|
86
86
|
--button-padding-block-start: 0.9375rem;
|
|
@@ -88,82 +88,82 @@
|
|
|
88
88
|
--button-padding-inline-end: 1.5rem;
|
|
89
89
|
--button-padding-inline-start: 1.5rem;
|
|
90
90
|
}
|
|
91
|
-
.
|
|
91
|
+
._button_19i4i_2._appearance-primary_19i4i_87 {
|
|
92
92
|
--button-foreground-color: var(--button-primary-foreground-color, #ffffff);
|
|
93
93
|
--button-border-color: var(--button-primary-border-color, transparent);
|
|
94
94
|
--button-border-radius: 0.375rem;
|
|
95
95
|
--button-background-color: var(--button-primary-background-color, #0265DC);
|
|
96
96
|
--button-focus-ring-color: var(--button-primary-focus-ring-color, #0265DC);
|
|
97
97
|
}
|
|
98
|
-
.
|
|
98
|
+
._button_19i4i_2._appearance-primary_19i4i_87[data-interactive=hover], ._button_19i4i_2._appearance-primary_19i4i_87:hover {
|
|
99
99
|
--button-foreground-color: var(--button-primary-foreground-color-hover, #ffffff);
|
|
100
100
|
--button-background-color: var(--button-primary-background-color-hover, #0655b4);
|
|
101
101
|
}
|
|
102
|
-
.
|
|
102
|
+
._button_19i4i_2._appearance-primary_19i4i_87[data-interactive=active], ._button_19i4i_2._appearance-primary_19i4i_87:active {
|
|
103
103
|
--button-foreground-color: var(--button-primary-foreground-color-active, #ffffff);
|
|
104
104
|
--button-background-color: var(--button-primary-background-color-active, #09458c);
|
|
105
105
|
}
|
|
106
|
-
.
|
|
106
|
+
._button_19i4i_2._appearance-secondary_19i4i_102 {
|
|
107
107
|
--button-foreground-color: var(--button-secondary-foreground-color, #141414);
|
|
108
108
|
--button-border-color: var(--button-secondary-border-color, transparent);
|
|
109
109
|
--button-border-radius: 0.375rem;
|
|
110
110
|
--button-background-color: var(--button-secondary-background-color, rgba(4, 4, 4, 0.0588235294));
|
|
111
111
|
--button-focus-ring-color: var(--button-secondary-focus-ring-color, #0265DC);
|
|
112
112
|
}
|
|
113
|
-
.
|
|
113
|
+
._button_19i4i_2._appearance-secondary_19i4i_102[data-interactive=hover], ._button_19i4i_2._appearance-secondary_19i4i_102:hover {
|
|
114
114
|
--button-foreground-color: var(--button-secondary-foreground-color-hover, #141414);
|
|
115
115
|
--button-background-color: var(--button-secondary-background-color-hover, rgba(5, 5, 5, 0.1333333333));
|
|
116
116
|
}
|
|
117
|
-
.
|
|
117
|
+
._button_19i4i_2._appearance-secondary_19i4i_102[data-interactive=active], ._button_19i4i_2._appearance-secondary_19i4i_102:active {
|
|
118
118
|
--button-foreground-color: var(--button-secondary-foreground-color-active, #141414);
|
|
119
119
|
--button-background-color: var(--button-secondary-background-color-active, rgba(7, 7, 7, 0.2078431373));
|
|
120
120
|
}
|
|
121
|
-
.
|
|
121
|
+
._button_19i4i_2._appearance-ghost_19i4i_117 {
|
|
122
122
|
--button-foreground-color: var(--button-ghost-foreground-color, #141414);
|
|
123
123
|
--button-border-color: var(--button-ghost-border-color, transparent);
|
|
124
124
|
--button-border-radius: 0.375rem;
|
|
125
125
|
--button-background-color: var(--button-ghost-background-color, transparent);
|
|
126
126
|
--button-focus-ring-color: var(--button-ghost-focus-ring-color, #0265DC);
|
|
127
127
|
}
|
|
128
|
-
.
|
|
128
|
+
._button_19i4i_2._appearance-ghost_19i4i_117[data-interactive=hover], ._button_19i4i_2._appearance-ghost_19i4i_117:hover {
|
|
129
129
|
--button-foreground-color: var(--button-ghost-foreground-color-hover, #141414);
|
|
130
130
|
--button-background-color: var(--button-ghost-background-color-hover, rgba(20, 20, 20, 0.0784313725));
|
|
131
131
|
}
|
|
132
|
-
.
|
|
132
|
+
._button_19i4i_2._appearance-ghost_19i4i_117[data-interactive=active], ._button_19i4i_2._appearance-ghost_19i4i_117:active {
|
|
133
133
|
--button-foreground-color: var(--button-ghost-foreground-color-active, #141414);
|
|
134
134
|
--button-background-color: var(--button-ghost-background-color-active, rgba(20, 20, 20, 0.1607843137));
|
|
135
135
|
}
|
|
136
|
-
.
|
|
136
|
+
._button_19i4i_2._danger-primary_19i4i_132 {
|
|
137
137
|
--button-foreground-color: var(--button-danger-primary-foreground-color, #ffffff);
|
|
138
138
|
--button-border-color: var(--button-danger-primary-border-color, transparent);
|
|
139
139
|
--button-border-radius: 0.375rem;
|
|
140
140
|
--button-background-color: var(--button-danger-primary-background-color, #e13212);
|
|
141
141
|
--button-focus-ring-color: var(--button-danger-primary-focus-ring-color, #e13212);
|
|
142
142
|
}
|
|
143
|
-
.
|
|
143
|
+
._button_19i4i_2._danger-primary_19i4i_132[data-interactive=hover], ._button_19i4i_2._danger-primary_19i4i_132:hover {
|
|
144
144
|
--button-foreground-color: var(--button-danger-primary-foreground-color-hover, #ffffff);
|
|
145
145
|
--button-background-color: var(--button-danger-primary-background-color-hover, #b82c12);
|
|
146
146
|
}
|
|
147
|
-
.
|
|
147
|
+
._button_19i4i_2._danger-primary_19i4i_132[data-interactive=active], ._button_19i4i_2._danger-primary_19i4i_132:active {
|
|
148
148
|
--button-foreground-color: var(--button-danger-primary-foreground-color-active, #ffffff);
|
|
149
149
|
--button-background-color: var(--button-danger-primary-background-color-active, #8f2613);
|
|
150
150
|
}
|
|
151
|
-
.
|
|
151
|
+
._button_19i4i_2._danger-secondary_19i4i_147 {
|
|
152
152
|
--button-foreground-color: var(--button-danger-secondary-foreground-color, #bf2a00);
|
|
153
153
|
--button-border-color: var(--button-danger-secondary-border-color, transparent);
|
|
154
154
|
--button-border-radius: 0.375rem;
|
|
155
155
|
--button-background-color: var(--button-danger-secondary-background-color, #ffece9);
|
|
156
156
|
--button-focus-ring-color: var(--button-danger-secondary-focus-ring-color, #e13212);
|
|
157
157
|
}
|
|
158
|
-
.
|
|
158
|
+
._button_19i4i_2._danger-secondary_19i4i_147[data-interactive=hover], ._button_19i4i_2._danger-secondary_19i4i_147:hover {
|
|
159
159
|
--button-foreground-color: var(--button-danger-secondary-foreground-color-hover, #bf2a00);
|
|
160
160
|
--button-background-color: var(--button-danger-secondary-background-color-hover, #fcd9d4);
|
|
161
161
|
}
|
|
162
|
-
.
|
|
162
|
+
._button_19i4i_2._danger-secondary_19i4i_147[data-interactive=active], ._button_19i4i_2._danger-secondary_19i4i_147:active {
|
|
163
163
|
--button-foreground-color: var(--button-danger-secondary-foreground-color-active, #bf2a00);
|
|
164
164
|
--button-background-color: var(--button-danger-secondary-background-color-active, #f6b4a9);
|
|
165
165
|
}
|
|
166
|
-
.
|
|
166
|
+
._button_19i4i_2._type-icon_19i4i_2 {
|
|
167
167
|
display: inline-flex;
|
|
168
168
|
min-width: auto;
|
|
169
169
|
--button-padding-block-start: 0.4375rem;
|
|
@@ -171,26 +171,26 @@
|
|
|
171
171
|
--button-padding-inline-end: 0.4375rem;
|
|
172
172
|
--button-padding-inline-start: 0.4375rem;
|
|
173
173
|
}
|
|
174
|
-
.
|
|
174
|
+
._button_19i4i_2._type-icon_19i4i_2._size-small_19i4i_62 {
|
|
175
175
|
--button-padding-block-start: 0.4375rem;
|
|
176
176
|
--button-padding-block-end: 0.4375rem;
|
|
177
177
|
--button-padding-inline-end: 0.4375rem;
|
|
178
178
|
--button-padding-inline-start: 0.4375rem;
|
|
179
179
|
}
|
|
180
|
-
.
|
|
180
|
+
._button_19i4i_2._type-icon_19i4i_2._size-medium_19i4i_71 {
|
|
181
181
|
--button-padding-block-start: 0.4375rem;
|
|
182
182
|
--button-padding-block-end: 0.4375rem;
|
|
183
183
|
--button-padding-inline-end: 0.4375rem;
|
|
184
184
|
--button-padding-inline-start: 0.4375rem;
|
|
185
185
|
}
|
|
186
|
-
.
|
|
186
|
+
._button_19i4i_2._type-icon_19i4i_2._size-large_19i4i_79 {
|
|
187
187
|
--button-padding-block-start: 0.6875rem;
|
|
188
188
|
--button-padding-block-end: 0.6875rem;
|
|
189
189
|
--button-padding-inline-end: 0.6875rem;
|
|
190
190
|
--button-padding-inline-start: 0.6875rem;
|
|
191
191
|
}
|
|
192
192
|
}
|
|
193
|
-
@keyframes _indeterminate-
|
|
193
|
+
@keyframes _indeterminate-before_19i4i_1 {
|
|
194
194
|
0% {
|
|
195
195
|
inset-inline-start: -35%;
|
|
196
196
|
inset-inline-end: 100%;
|
|
@@ -213,7 +213,7 @@
|
|
|
213
213
|
}
|
|
214
214
|
}
|
|
215
215
|
@layer base {
|
|
216
|
-
._button-
|
|
216
|
+
._button-compound_19i4i_212 {
|
|
217
217
|
background-color: transparent;
|
|
218
218
|
padding-block: 0;
|
|
219
219
|
padding-inline: 0;
|
|
@@ -226,60 +226,60 @@
|
|
|
226
226
|
}
|
|
227
227
|
}
|
|
228
228
|
@layer state {
|
|
229
|
-
._button-
|
|
229
|
+
._button-compound_19i4i_212[data-interactive=hover], ._button-compound_19i4i_212:hover {
|
|
230
230
|
--button-background-color: var(--button-secondary-background-color-hover, rgba(5, 5, 5, 0.1333333333));
|
|
231
231
|
z-index: 1;
|
|
232
232
|
}
|
|
233
|
-
._button-
|
|
233
|
+
._button-compound_19i4i_212[data-interactive=active], ._button-compound_19i4i_212:active {
|
|
234
234
|
--button-background-color: var(--button-secondary-background-color-active, rgba(7, 7, 7, 0.2078431373));
|
|
235
235
|
z-index: 1;
|
|
236
236
|
}
|
|
237
|
-
._button-
|
|
237
|
+
._button-compound_19i4i_212._shape-rounded_19i4i_233 {
|
|
238
238
|
--button-border-radius: 0.75rem;
|
|
239
239
|
}
|
|
240
|
-
._button-
|
|
240
|
+
._button-compound_19i4i_212._shape-pill_19i4i_236 {
|
|
241
241
|
--button-border-radius: 1.5rem;
|
|
242
242
|
}
|
|
243
|
-
._button-
|
|
243
|
+
._button-compound_19i4i_212._shape-circular_19i4i_239 {
|
|
244
244
|
--button-border-radius: 100%;
|
|
245
245
|
}
|
|
246
246
|
}
|
|
247
247
|
@layer state {
|
|
248
|
-
._button-
|
|
248
|
+
._button-toggle_19i4i_244 {
|
|
249
249
|
border-color: var(--border-color, #949596);
|
|
250
250
|
}
|
|
251
|
-
._button-
|
|
251
|
+
._button-toggle_19i4i_244[aria-pressed=false]:not([data-interactive=hover],
|
|
252
252
|
:hover,
|
|
253
253
|
[data-interactive=active],
|
|
254
254
|
:active) {
|
|
255
255
|
background-color: var(--button-primary-foreground-color, #ffffff);
|
|
256
256
|
}
|
|
257
|
-
._button-
|
|
257
|
+
._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true]) {
|
|
258
258
|
color: var(--foreground-color-primary, #0265DC);
|
|
259
259
|
border-color: currentColor;
|
|
260
260
|
}
|
|
261
|
-
._button-
|
|
261
|
+
._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true])[data-interactive=hover], ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true]):hover {
|
|
262
262
|
color: var(--foreground-color-hover-primary, #004491);
|
|
263
263
|
}
|
|
264
|
-
._button-
|
|
264
|
+
._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true])[data-interactive=hover]::before, ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true]):hover::before {
|
|
265
265
|
content: "";
|
|
266
266
|
background-color: var(--overlay-color-hover-primary, rgba(2, 101, 220, 0.1019607843));
|
|
267
267
|
position: absolute;
|
|
268
268
|
inset: 0;
|
|
269
269
|
z-index: 1;
|
|
270
270
|
}
|
|
271
|
-
._button-
|
|
271
|
+
._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true])[data-interactive=active], ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true]):active {
|
|
272
272
|
color: var(--foreground-color-active-primary, #004491);
|
|
273
273
|
border-color: currentColor;
|
|
274
274
|
}
|
|
275
|
-
._button-
|
|
275
|
+
._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true])[data-interactive=active]::before, ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true]):active::before {
|
|
276
276
|
content: "";
|
|
277
277
|
background-color: var(--overlay-color-active-primary, rgba(2, 101, 220, 0.3019607843));
|
|
278
278
|
position: absolute;
|
|
279
279
|
inset: 0;
|
|
280
280
|
z-index: 1;
|
|
281
281
|
}
|
|
282
|
-
._button-
|
|
282
|
+
._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true])::after {
|
|
283
283
|
content: "";
|
|
284
284
|
position: absolute;
|
|
285
285
|
width: 100%;
|
|
@@ -295,19 +295,15 @@
|
|
|
295
295
|
}
|
|
296
296
|
}
|
|
297
297
|
@layer application {
|
|
298
|
-
._button-
|
|
298
|
+
._button-toggle_19i4i_244:disabled, ._button-toggle_19i4i_244._disabled_19i4i_53, ._button-toggle_19i4i_244[aria-disabled=true] {
|
|
299
299
|
color: var(--foreground-color-subdued, #737475);
|
|
300
300
|
border-color: transparent;
|
|
301
301
|
}
|
|
302
|
-
.
|
|
302
|
+
._button_19i4i_2:disabled, ._button_19i4i_2._disabled_19i4i_53, ._button_19i4i_2[aria-disabled=true] {
|
|
303
303
|
cursor: not-allowed;
|
|
304
304
|
opacity: 0.6;
|
|
305
305
|
--button-foreground-color: var(--foreground-color-subdued, #737475);
|
|
306
306
|
--button-background-color: var(--background-color-strong, #f7f7f7);
|
|
307
307
|
--button-border-color: transparent;
|
|
308
308
|
}
|
|
309
|
-
}
|
|
310
|
-
a._button_i90l0_2:hover,
|
|
311
|
-
a._button_i90l0_2:active {
|
|
312
|
-
color: revert-layer;
|
|
313
309
|
}
|
package/dist/Button.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { B as Button, B as default } from './Button-
|
|
1
|
+
export { B as Button, B as default } from './Button-NTFmgcbr.js';
|
|
2
2
|
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import './Button.css';const button = "_button_19i4i_2";
|
|
2
|
+
const icon = "_icon_19i4i_48";
|
|
3
|
+
const loading = "_loading_19i4i_56";
|
|
4
|
+
const styles = {
|
|
5
|
+
button: button,
|
|
6
|
+
"type-icon": "_type-icon_19i4i_2",
|
|
7
|
+
icon: icon,
|
|
8
|
+
loading: loading,
|
|
9
|
+
"loading-spinner": "_loading-spinner_19i4i_59",
|
|
10
|
+
"size-small": "_size-small_19i4i_62",
|
|
11
|
+
"size-medium": "_size-medium_19i4i_71",
|
|
12
|
+
"size-large": "_size-large_19i4i_79",
|
|
13
|
+
"appearance-primary": "_appearance-primary_19i4i_87",
|
|
14
|
+
"appearance-secondary": "_appearance-secondary_19i4i_102",
|
|
15
|
+
"appearance-ghost": "_appearance-ghost_19i4i_117",
|
|
16
|
+
"danger-primary": "_danger-primary_19i4i_132",
|
|
17
|
+
"danger-secondary": "_danger-secondary_19i4i_147",
|
|
18
|
+
"button-compound": "_button-compound_19i4i_212",
|
|
19
|
+
"shape-rounded": "_shape-rounded_19i4i_233",
|
|
20
|
+
"shape-pill": "_shape-pill_19i4i_236",
|
|
21
|
+
"shape-circular": "_shape-circular_19i4i_239",
|
|
22
|
+
"button-toggle": "_button-toggle_19i4i_244"};
|
|
23
|
+
|
|
24
|
+
export { styles as s };
|
|
25
|
+
//# sourceMappingURL=Button.module-BqTaW8HK-BqTaW8HK.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.module-BqTaW8HK-BqTaW8HK.js","sources":["../../hammer-react/dist/Button.module-BqTaW8HK.js"],"sourcesContent":["import './Button.css';const button = \"_button_19i4i_2\";\nconst icon = \"_icon_19i4i_48\";\nconst loading = \"_loading_19i4i_56\";\nconst styles = {\n\tbutton: button,\n\t\"type-icon\": \"_type-icon_19i4i_2\",\n\ticon: icon,\n\tloading: loading,\n\t\"loading-spinner\": \"_loading-spinner_19i4i_59\",\n\t\"size-small\": \"_size-small_19i4i_62\",\n\t\"size-medium\": \"_size-medium_19i4i_71\",\n\t\"size-large\": \"_size-large_19i4i_79\",\n\t\"appearance-primary\": \"_appearance-primary_19i4i_87\",\n\t\"appearance-secondary\": \"_appearance-secondary_19i4i_102\",\n\t\"appearance-ghost\": \"_appearance-ghost_19i4i_117\",\n\t\"danger-primary\": \"_danger-primary_19i4i_132\",\n\t\"danger-secondary\": \"_danger-secondary_19i4i_147\",\n\t\"button-compound\": \"_button-compound_19i4i_212\",\n\t\"shape-rounded\": \"_shape-rounded_19i4i_233\",\n\t\"shape-pill\": \"_shape-pill_19i4i_236\",\n\t\"shape-circular\": \"_shape-circular_19i4i_239\",\n\t\"button-toggle\": \"_button-toggle_19i4i_244\"};\n\nexport { styles as s };\n//# sourceMappingURL=Button.module-BqTaW8HK.js.map\n"],"names":[],"mappings":"AAAsB,MAAM,MAAM,GAAG,iBAAiB;AACtD,MAAM,IAAI,GAAG,gBAAgB;AAC7B,MAAM,OAAO,GAAG,mBAAmB;AAC9B,MAAC,MAAM,GAAG;AACf,CAAC,MAAM,EAAE,MAAM;AACf,CAAC,WAAW,EAAE,oBAAoB;AAClC,CAAC,IAAI,EAAE,IAAI;AACX,CAAC,OAAO,EAAE,OAAO;AACjB,CAAC,iBAAiB,EAAE,2BAA2B;AAC/C,CAAC,YAAY,EAAE,sBAAsB;AACrC,CAAC,aAAa,EAAE,uBAAuB;AACvC,CAAC,YAAY,EAAE,sBAAsB;AACrC,CAAC,oBAAoB,EAAE,8BAA8B;AACrD,CAAC,sBAAsB,EAAE,iCAAiC;AAC1D,CAAC,kBAAkB,EAAE,6BAA6B;AAClD,CAAC,gBAAgB,EAAE,2BAA2B;AAC9C,CAAC,kBAAkB,EAAE,6BAA6B;AAClD,CAAC,iBAAiB,EAAE,4BAA4B;AAChD,CAAC,eAAe,EAAE,0BAA0B;AAC5C,CAAC,YAAY,EAAE,uBAAuB;AACtC,CAAC,gBAAgB,EAAE,2BAA2B;AAC9C,CAAC,eAAe,EAAE,0BAA0B;;;;"}
|
package/dist/Button2.css
ADDED
|
@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { useTrackingId } from './useTrackingId.js';
|
|
4
4
|
import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
|
|
5
|
-
import { B as ButtonCompound$1 } from './ButtonCompound-
|
|
5
|
+
import { B as ButtonCompound$1 } from './ButtonCompound-Dp5J4W81-BkZ68L4-.js';
|
|
6
6
|
|
|
7
7
|
const ButtonCompound = forwardRef(
|
|
8
8
|
(props, ref) => {
|
|
@@ -21,4 +21,4 @@ const ButtonCompound = forwardRef(
|
|
|
21
21
|
);
|
|
22
22
|
|
|
23
23
|
export { ButtonCompound as B };
|
|
24
|
-
//# sourceMappingURL=ButtonCompound-
|
|
24
|
+
//# sourceMappingURL=ButtonCompound-DlgIyoB9.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonCompound-
|
|
1
|
+
{"version":3,"file":"ButtonCompound-DlgIyoB9.js","sources":["../src/components/ButtonCompound/ButtonCompound.tsx"],"sourcesContent":["import {\n ButtonCompoundProps as CoreButtonCompoundProps,\n ButtonCompound as CoreButtonCompound,\n childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type ButtonCompoundProps = CoreButtonCompoundProps & DataTrackingId;\n\nexport const ButtonCompound = forwardRef(\n (props: ButtonCompoundProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n shape: props.shape,\n type: props.type,\n };\n\n const trackingId = useTrackingId({\n name: \"ButtonCompound\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreButtonCompound ref={ref} data-tracking-id={trackingId} {...props} />\n );\n },\n);\n"],"names":["CoreButtonCompound"],"mappings":";;;;;;AAWO,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,CAAC,OAA4B,GAAgC,KAAA;AAC3D,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,MAAM,KAAM,CAAA;AAAA,KACd;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,gBAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BACGA,gBAAmB,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAG7E;;;;"}
|