@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.
Files changed (140) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/{Alert-DwdMxzH0.js → Alert-BsFFiu7g.js} +2 -2
  3. package/dist/{Alert-DwdMxzH0.js.map → Alert-BsFFiu7g.js.map} +1 -1
  4. package/dist/{Alert-BNbD8EQd-D2ZerUYD.js → Alert-DMk5bG5T-kR7Uzp64.js} +3 -3
  5. package/dist/{Alert-BNbD8EQd-D2ZerUYD.js.map → Alert-DMk5bG5T-kR7Uzp64.js.map} +1 -1
  6. package/dist/Alert.js +1 -1
  7. package/dist/{Announcement-CiHTmcmB.js → Announcement-BawOyXV3.js} +2 -2
  8. package/dist/{Announcement-CiHTmcmB.js.map → Announcement-BawOyXV3.js.map} +1 -1
  9. package/dist/Announcement.js +1 -1
  10. package/dist/{Button-DX3kc-St-Bi0Fl0-E.js → Button-C-QpfgfF-CRBE7KiD.js} +2 -2
  11. package/dist/{Button-DX3kc-St-Bi0Fl0-E.js.map → Button-C-QpfgfF-CRBE7KiD.js.map} +1 -1
  12. package/dist/{Button-CPyDYPAg.js → Button-NTFmgcbr.js} +3 -3
  13. package/dist/Button-NTFmgcbr.js.map +1 -0
  14. package/dist/Button.css +45 -49
  15. package/dist/Button.js +1 -1
  16. package/dist/Button.module-BqTaW8HK-BqTaW8HK.js +25 -0
  17. package/dist/Button.module-BqTaW8HK-BqTaW8HK.js.map +1 -0
  18. package/dist/Button2.css +8 -0
  19. package/dist/{ButtonCompound-CZn9FsxS.js → ButtonCompound-DlgIyoB9.js} +2 -2
  20. package/dist/{ButtonCompound-CZn9FsxS.js.map → ButtonCompound-DlgIyoB9.js.map} +1 -1
  21. package/dist/{ButtonCompound-CYU1LNHq-Bc1kbNSB.js → ButtonCompound-Dp5J4W81-BkZ68L4-.js} +2 -2
  22. package/dist/{ButtonCompound-CYU1LNHq-Bc1kbNSB.js.map → ButtonCompound-Dp5J4W81-BkZ68L4-.js.map} +1 -1
  23. package/dist/ButtonCompound.js +1 -1
  24. package/dist/{ButtonLink-T1aDDrwY.js → ButtonLink-B_uUWBLY.js} +3 -3
  25. package/dist/ButtonLink-B_uUWBLY.js.map +1 -0
  26. package/dist/{ButtonLink-B_tyWgz5-fw-d4WQs.js → ButtonLink-CSaxjhI2-KLVGwWjE.js} +2 -2
  27. package/dist/{ButtonLink-B_tyWgz5-fw-d4WQs.js.map → ButtonLink-CSaxjhI2-KLVGwWjE.js.map} +1 -1
  28. package/dist/ButtonLink.css +10 -0
  29. package/dist/ButtonLink.js +1 -1
  30. package/dist/{ButtonToggle-6n5-CX2P-DBxJwDzw.js → ButtonToggle-CvXIngRd-BiWpOOWr.js} +3 -3
  31. package/dist/{ButtonToggle-6n5-CX2P-DBxJwDzw.js.map → ButtonToggle-CvXIngRd-BiWpOOWr.js.map} +1 -1
  32. package/dist/{ButtonToggle-5RNkPmop.js → ButtonToggle-D3tcTRq9.js} +2 -2
  33. package/dist/{ButtonToggle-5RNkPmop.js.map → ButtonToggle-D3tcTRq9.js.map} +1 -1
  34. package/dist/ButtonToggle.js +1 -1
  35. package/dist/{Calendar-CdlkJi-V.js → Calendar-B4MO-Uhv.js} +2 -2
  36. package/dist/{Calendar-CdlkJi-V.js.map → Calendar-B4MO-Uhv.js.map} +1 -1
  37. package/dist/{Calendar-ccK3_s_h-85O26aWv.js → Calendar-Bn00Dnc--DcCNi1xz.js} +4 -4
  38. package/dist/{Calendar-ccK3_s_h-85O26aWv.js.map → Calendar-Bn00Dnc--DcCNi1xz.js.map} +1 -1
  39. package/dist/Calendar.js +1 -1
  40. package/dist/{Checkbox-eAxcQnNg.js → Checkbox-BIlp8xmW.js} +2 -2
  41. package/dist/{Checkbox-eAxcQnNg.js.map → Checkbox-BIlp8xmW.js.map} +1 -1
  42. package/dist/{Checkbox-DEAra-BQ-bF-q1M2I.js → Checkbox-CRurfeRE-BR_NXfh6.js} +2 -2
  43. package/dist/{Checkbox-DEAra-BQ-bF-q1M2I.js.map → Checkbox-CRurfeRE-BR_NXfh6.js.map} +1 -1
  44. package/dist/Checkbox.js +1 -1
  45. package/dist/{Combobox-CKmh6XXv.js → Combobox-Dde7-7tv.js} +4 -4
  46. package/dist/{Combobox-CKmh6XXv.js.map → Combobox-Dde7-7tv.js.map} +1 -1
  47. package/dist/Combobox.js +1 -1
  48. package/dist/{DateField-CPJzhs_q.js → DateField-D-eVP6xh.js} +6 -6
  49. package/dist/{DateField-CPJzhs_q.js.map → DateField-D-eVP6xh.js.map} +1 -1
  50. package/dist/DateField.js +1 -1
  51. package/dist/{DaysOfTheWeek-2z-ObNCZ.js → DaysOfTheWeek-Dz-aZ-LW.js} +3 -3
  52. package/dist/{DaysOfTheWeek-2z-ObNCZ.js.map → DaysOfTheWeek-Dz-aZ-LW.js.map} +1 -1
  53. package/dist/DaysOfTheWeek.js +1 -1
  54. package/dist/{Dialog-DzHVBIH3.js → Dialog-DJhN8QWP.js} +3 -3
  55. package/dist/{Dialog-DzHVBIH3.js.map → Dialog-DJhN8QWP.js.map} +1 -1
  56. package/dist/Dialog.js +1 -1
  57. package/dist/Dnd.js +1 -1
  58. package/dist/{DndSort-D6o8LHzn.js → DndSort-Dy_D1EnT.js} +3 -3
  59. package/dist/{DndSort-D6o8LHzn.js.map → DndSort-Dy_D1EnT.js.map} +1 -1
  60. package/dist/DndSort.js +1 -1
  61. package/dist/{Drawer-ohNSRGI4.js → Drawer-BFfakO8h.js} +2 -2
  62. package/dist/{Drawer-ohNSRGI4.js.map → Drawer-BFfakO8h.js.map} +1 -1
  63. package/dist/Drawer.js +1 -1
  64. package/dist/{EditCard-Cz1Cn4A2.js → EditCard-BNwoKJ_6.js} +2 -2
  65. package/dist/{EditCard-Cz1Cn4A2.js.map → EditCard-BNwoKJ_6.js.map} +1 -1
  66. package/dist/EditCard.js +1 -1
  67. package/dist/{InputMask-vaQYg_Vf.js → InputMask-CeqX68uX.js} +2 -2
  68. package/dist/{InputMask-vaQYg_Vf.js.map → InputMask-CeqX68uX.js.map} +1 -1
  69. package/dist/{InputMask-B2_O_tIf-BMv7gEby.js → InputMask-DfpkWGmY-D8QEut94.js} +2 -2
  70. package/dist/{InputMask-B2_O_tIf-BMv7gEby.js.map → InputMask-DfpkWGmY-D8QEut94.js.map} +1 -1
  71. package/dist/InputMask.js +1 -1
  72. package/dist/{ListView-BBLIz8d_.js → ListView-zlg5FlKW.js} +3 -3
  73. package/dist/{ListView-BBLIz8d_.js.map → ListView-zlg5FlKW.js.map} +1 -1
  74. package/dist/ListView.js +1 -1
  75. package/dist/{Menu-DDBvbj8J.js → Menu-BjzTwENs.js} +3 -3
  76. package/dist/{Menu-DDBvbj8J.js.map → Menu-BjzTwENs.js.map} +1 -1
  77. package/dist/Menu.js +1 -1
  78. package/dist/{Page-BY98czM-.js → Page-CSM-a2UE.js} +41 -41
  79. package/dist/{Page-BY98czM-.js.map → Page-CSM-a2UE.js.map} +1 -1
  80. package/dist/Page.css +72 -72
  81. package/dist/Page.js +1 -1
  82. package/dist/{Popover-C31e7pyQ-BKY8Cu9r.js → Popover-CpyYXmal-I-E-B4u8.js} +4 -4
  83. package/dist/{Popover-C31e7pyQ-BKY8Cu9r.js.map → Popover-CpyYXmal-I-E-B4u8.js.map} +1 -1
  84. package/dist/{Popover-D9YlXxdx.js → Popover-a81z9wSj.js} +2 -2
  85. package/dist/{Popover-D9YlXxdx.js.map → Popover-a81z9wSj.js.map} +1 -1
  86. package/dist/Popover.js +1 -1
  87. package/dist/{ProgressBar-D1zZ2s7L.js → ProgressBar-B25Wxpaf.js} +2 -2
  88. package/dist/{ProgressBar-D1zZ2s7L.js.map → ProgressBar-B25Wxpaf.js.map} +1 -1
  89. package/dist/{ProgressBar-dl-MpiLN-CxX2edlK.js → ProgressBar-CeClhdcf-Dcft7ZjO.js} +43 -28
  90. package/dist/ProgressBar-CeClhdcf-Dcft7ZjO.js.map +1 -0
  91. package/dist/{ProgressBar-dl-MpiLN.css → ProgressBar-CeClhdcf.css} +54 -53
  92. package/dist/ProgressBar.js +1 -1
  93. package/dist/{Radio-DiKeatJz-CJv-wiPU.js → Radio-BlMDLvPw-DUeywcYR.js} +3 -3
  94. package/dist/{Radio-DiKeatJz-CJv-wiPU.js.map → Radio-BlMDLvPw-DUeywcYR.js.map} +1 -1
  95. package/dist/{Radio-DmKsVmvI.js → Radio-D3CqAXiM.js} +2 -2
  96. package/dist/{Radio-DmKsVmvI.js.map → Radio-D3CqAXiM.js.map} +1 -1
  97. package/dist/Radio.js +1 -1
  98. package/dist/{SelectCard-DvQKJBNF-BtUX2vxS.js → SelectCard-D26y01WZ-BWN9G09J.js} +4 -4
  99. package/dist/{SelectCard-DvQKJBNF-BtUX2vxS.js.map → SelectCard-D26y01WZ-BWN9G09J.js.map} +1 -1
  100. package/dist/SelectCard.js +1 -1
  101. package/dist/{SelectCardGroup-BMtIW3Er.js → SelectCardGroup-DxA6P-Q7.js} +2 -2
  102. package/dist/{SelectCardGroup-BMtIW3Er.js.map → SelectCardGroup-DxA6P-Q7.js.map} +1 -1
  103. package/dist/{Stepper-M8VmWN_m.js → Stepper-Bp0w8eRW.js} +2 -2
  104. package/dist/{Stepper-M8VmWN_m.js.map → Stepper-Bp0w8eRW.js.map} +1 -1
  105. package/dist/Stepper.js +1 -1
  106. package/dist/{TextField-D4HFeTaC-DBJfcnz7.js → TextField-Bp1q4hMI-2jGZG2k2.js} +2 -2
  107. package/dist/{TextField-D4HFeTaC-DBJfcnz7.js.map → TextField-Bp1q4hMI-2jGZG2k2.js.map} +1 -1
  108. package/dist/{TextField-BgHGtMb-.js → TextField-Ds9EKvSs.js} +2 -2
  109. package/dist/{TextField-BgHGtMb-.js.map → TextField-Ds9EKvSs.js.map} +1 -1
  110. package/dist/TextField.js +1 -1
  111. package/dist/{Textarea-R3cktsYz.js → Textarea-CMELRfU8.js} +2 -2
  112. package/dist/{Textarea-R3cktsYz.js.map → Textarea-CMELRfU8.js.map} +1 -1
  113. package/dist/Textarea.js +1 -1
  114. package/dist/Toast.js +1 -1
  115. package/dist/{Toolbar-BePAKdaW.js → Toolbar-CYwR6GQG.js} +14 -14
  116. package/dist/Toolbar-CYwR6GQG.js.map +1 -0
  117. package/dist/Toolbar.css +29 -29
  118. package/dist/Toolbar.js +1 -1
  119. package/dist/{Tooltip-CFKD9Xsq.js → Tooltip-C-UNrFz3.js} +2 -2
  120. package/dist/{Tooltip-CFKD9Xsq.js.map → Tooltip-C-UNrFz3.js.map} +1 -1
  121. package/dist/Tooltip.js +1 -1
  122. package/dist/assets/icons/st/column_editor.svg +1 -1
  123. package/dist/{index-CyGNSK4Y-Dv0IKCva.js → index-CdSSO4ct-elKOdXPf.js} +3 -3
  124. package/dist/{index-CyGNSK4Y-Dv0IKCva.js.map → index-CdSSO4ct-elKOdXPf.js.map} +1 -1
  125. package/dist/index.js +30 -30
  126. package/dist/{toast-BUVHNidk.js → toast-C-6NdR43.js} +2 -2
  127. package/dist/{toast-BUVHNidk.js.map → toast-C-6NdR43.js.map} +1 -1
  128. package/package.json +2 -2
  129. package/dist/Button-CPyDYPAg.js.map +0 -1
  130. package/dist/Button.module-D8SjARtW-D8SjARtW.js +0 -25
  131. package/dist/Button.module-D8SjARtW-D8SjARtW.js.map +0 -1
  132. package/dist/ButtonLink-T1aDDrwY.js.map +0 -1
  133. package/dist/ProgressBar-dl-MpiLN-CxX2edlK.js.map +0 -1
  134. package/dist/Toolbar-BePAKdaW.js.map +0 -1
  135. /package/dist/{Alert-BNbD8EQd.css → Alert-DMk5bG5T.css} +0 -0
  136. /package/dist/{Calendar-ccK3_s_h.css → Calendar-Bn00Dnc-.css} +0 -0
  137. /package/dist/{Popover-C31e7pyQ.css → Popover-CpyYXmal.css} +0 -0
  138. /package/dist/{Radio-DiKeatJz.css → Radio-BlMDLvPw.css} +0 -0
  139. /package/dist/{SelectCard-DvQKJBNF.css → SelectCard-D26y01WZ.css} +0 -0
  140. /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-BNbD8EQd-D2ZerUYD.js';
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-DwdMxzH0.js.map
22
+ //# sourceMappingURL=Alert-BsFFiu7g.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Alert-DwdMxzH0.js","sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["import { Ref, forwardRef } from \"react\";\nimport {\n AlertProps as CoreAlertProps,\n Alert as CoreAlert,\n} from \"@servicetitan/hammer-react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type AlertProps = CoreAlertProps & DataTrackingId;\n\nexport const Alert = forwardRef(\n (props: AlertProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n title: props.title,\n status: props.status,\n };\n\n const trackingId = useTrackingId({\n name: \"Alert\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n return <CoreAlert ref={ref} data-tracking-id={trackingId} {...props} />;\n },\n);\n"],"names":["CoreAlert"],"mappings":";;;;;AAUO,MAAM,KAAQ,GAAA,UAAA;AAAA,EACnB,CAAC,OAAmB,GAA6B,KAAA;AAC/C,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,QAAQ,KAAM,CAAA;AAAA,KAChB;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,OAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,2BAAQA,OAAU,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAEzE;;;;"}
1
+ {"version":3,"file":"Alert-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-DX3kc-St-Bi0Fl0-E.js';
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-BNbD8EQd.css';const alert = "_alert_16him_2";
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-BNbD8EQd-D2ZerUYD.js.map
98
+ //# sourceMappingURL=Alert-DMk5bG5T-kR7Uzp64.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Alert-BNbD8EQd-D2ZerUYD.js","sources":["../../hammer-react/dist/Alert-BNbD8EQd.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { B as Button } from './Button-DX3kc-St.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-BNbD8EQd.js.map\n"],"names":["Info","Success","Warning","Danger","Close"],"mappings":"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"}
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-DwdMxzH0.js';
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-DX3kc-St-Bi0Fl0-E.js';
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-CiHTmcmB.js.map
112
+ //# sourceMappingURL=Announcement-BawOyXV3.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Announcement-CiHTmcmB.js","sources":["../../hammer-react/dist/Announcement-B4y2NJ4H.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-DX3kc-St.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-B4y2NJ4H.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;;;;"}
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":"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"}
@@ -1,2 +1,2 @@
1
- export { A as Announcement, A as default } from './Announcement-CiHTmcmB.js';
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-D8SjARtW-D8SjARtW.js';
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-DX3kc-St-Bi0Fl0-E.js.map
97
+ //# sourceMappingURL=Button-C-QpfgfF-CRBE7KiD.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button-DX3kc-St-Bi0Fl0-E.js","sources":["../../hammer-react/dist/Button-DX3kc-St.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-D8SjARtW.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-DX3kc-St.js.map\n"],"names":[],"mappings":"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"}
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-DX3kc-St-Bi0Fl0-E.js';
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-CPyDYPAg.js.map
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
- ._button_i90l0_2, ._button_i90l0_2._type-icon_i90l0_2 {
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
- ._button_i90l0_2, ._button_i90l0_2._type-icon_i90l0_2 {
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
- ._button_i90l0_2 ._icon_i90l0_48 {
52
+ ._button_19i4i_2 ._icon_19i4i_48 {
53
53
  display: inline-flex;
54
54
  }
55
55
  }
56
56
  @layer state {
57
- ._button_i90l0_2:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true])[data-interactive=focus-visible], ._button_i90l0_2:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true]):focus-visible {
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
- ._button_i90l0_2._loading_i90l0_56 {
60
+ ._button_19i4i_2._loading_19i4i_56 {
61
61
  cursor: progress;
62
62
  }
63
- ._button_i90l0_2 ._loading-spinner_i90l0_59 {
63
+ ._button_19i4i_2 ._loading-spinner_19i4i_59 {
64
64
  height: 1rem;
65
65
  }
66
- ._button_i90l0_2._size-small_i90l0_62 {
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
- ._button_i90l0_2._size-medium_i90l0_71 {
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
- ._button_i90l0_2._size-large_i90l0_79 {
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
- ._button_i90l0_2._appearance-primary_i90l0_87 {
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
- ._button_i90l0_2._appearance-primary_i90l0_87[data-interactive=hover], ._button_i90l0_2._appearance-primary_i90l0_87:hover {
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
- ._button_i90l0_2._appearance-primary_i90l0_87[data-interactive=active], ._button_i90l0_2._appearance-primary_i90l0_87:active {
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
- ._button_i90l0_2._appearance-secondary_i90l0_102 {
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
- ._button_i90l0_2._appearance-secondary_i90l0_102[data-interactive=hover], ._button_i90l0_2._appearance-secondary_i90l0_102:hover {
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
- ._button_i90l0_2._appearance-secondary_i90l0_102[data-interactive=active], ._button_i90l0_2._appearance-secondary_i90l0_102:active {
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
- ._button_i90l0_2._appearance-ghost_i90l0_117 {
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
- ._button_i90l0_2._appearance-ghost_i90l0_117[data-interactive=hover], ._button_i90l0_2._appearance-ghost_i90l0_117:hover {
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
- ._button_i90l0_2._appearance-ghost_i90l0_117[data-interactive=active], ._button_i90l0_2._appearance-ghost_i90l0_117:active {
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
- ._button_i90l0_2._danger-primary_i90l0_132 {
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
- ._button_i90l0_2._danger-primary_i90l0_132[data-interactive=hover], ._button_i90l0_2._danger-primary_i90l0_132:hover {
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
- ._button_i90l0_2._danger-primary_i90l0_132[data-interactive=active], ._button_i90l0_2._danger-primary_i90l0_132:active {
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
- ._button_i90l0_2._danger-secondary_i90l0_147 {
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
- ._button_i90l0_2._danger-secondary_i90l0_147[data-interactive=hover], ._button_i90l0_2._danger-secondary_i90l0_147:hover {
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
- ._button_i90l0_2._danger-secondary_i90l0_147[data-interactive=active], ._button_i90l0_2._danger-secondary_i90l0_147:active {
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
- ._button_i90l0_2._type-icon_i90l0_2 {
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
- ._button_i90l0_2._type-icon_i90l0_2._size-small_i90l0_62 {
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
- ._button_i90l0_2._type-icon_i90l0_2._size-medium_i90l0_71 {
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
- ._button_i90l0_2._type-icon_i90l0_2._size-large_i90l0_79 {
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-before_i90l0_1 {
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-compound_i90l0_212 {
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-compound_i90l0_212[data-interactive=hover], ._button-compound_i90l0_212:hover {
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-compound_i90l0_212[data-interactive=active], ._button-compound_i90l0_212:active {
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-compound_i90l0_212._shape-rounded_i90l0_233 {
237
+ ._button-compound_19i4i_212._shape-rounded_19i4i_233 {
238
238
  --button-border-radius: 0.75rem;
239
239
  }
240
- ._button-compound_i90l0_212._shape-pill_i90l0_236 {
240
+ ._button-compound_19i4i_212._shape-pill_19i4i_236 {
241
241
  --button-border-radius: 1.5rem;
242
242
  }
243
- ._button-compound_i90l0_212._shape-circular_i90l0_239 {
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-toggle_i90l0_244 {
248
+ ._button-toggle_19i4i_244 {
249
249
  border-color: var(--border-color, #949596);
250
250
  }
251
- ._button-toggle_i90l0_244[aria-pressed=false]:not([data-interactive=hover],
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-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true]) {
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-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true])[data-interactive=hover], ._button-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true]):hover {
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-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true])[data-interactive=hover]::before, ._button-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true]):hover::before {
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-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true])[data-interactive=active], ._button-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true]):active {
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-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true])[data-interactive=active]::before, ._button-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true]):active::before {
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-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true])::after {
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-toggle_i90l0_244:disabled, ._button-toggle_i90l0_244._disabled_i90l0_53, ._button-toggle_i90l0_244[aria-disabled=true] {
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
- ._button_i90l0_2:disabled, ._button_i90l0_2._disabled_i90l0_53, ._button_i90l0_2[aria-disabled=true] {
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-CPyDYPAg.js';
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;;;;"}
@@ -0,0 +1,8 @@
1
+ @layer starter, reset, base, state, application;
2
+ /* REVERT LAYER BUGFIX START */
3
+ a.button:hover,
4
+ a.button:active {
5
+ color: revert-layer;
6
+ }
7
+
8
+ /* REVERT LAYER BUGFIX END */
@@ -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-CYU1LNHq-Bc1kbNSB.js';
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-CZn9FsxS.js.map
24
+ //# sourceMappingURL=ButtonCompound-DlgIyoB9.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonCompound-CZn9FsxS.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;;;;"}
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;;;;"}