@servicetitan/anvil2 1.16.3 → 1.16.5

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 (50) hide show
  1. package/dist/Badge.css +5 -5
  2. package/dist/Badge2.js +2 -2
  3. package/dist/Badge2.js.map +1 -1
  4. package/dist/Button2.css +45 -45
  5. package/dist/Button22.js +20 -20
  6. package/dist/Button22.js.map +1 -1
  7. package/dist/Checkbox.css +51 -51
  8. package/dist/Checkbox.module.js +13 -13
  9. package/dist/Checkbox.module.js.map +1 -1
  10. package/dist/Combobox.css +62 -59
  11. package/dist/Combobox2.js +94 -66
  12. package/dist/Combobox2.js.map +1 -1
  13. package/dist/Grid.css +3 -3
  14. package/dist/Grid2.js +2 -2
  15. package/dist/Grid2.js.map +1 -1
  16. package/dist/Label.css +9 -9
  17. package/dist/Label.js +6 -6
  18. package/dist/Label.js.map +1 -1
  19. package/dist/Menu.css +25 -25
  20. package/dist/Menu2.js +8 -8
  21. package/dist/Menu2.js.map +1 -1
  22. package/dist/Popover.css +7 -7
  23. package/dist/Popover3.js +4 -4
  24. package/dist/Popover3.js.map +1 -1
  25. package/dist/Radio.css +41 -41
  26. package/dist/Radio2.js +12 -12
  27. package/dist/Radio2.js.map +1 -1
  28. package/dist/SideNav.css +53 -53
  29. package/dist/SideNav2.js +21 -21
  30. package/dist/SideNav2.js.map +1 -1
  31. package/dist/Spinner.css +7 -7
  32. package/dist/Spinner3.js +4 -4
  33. package/dist/Spinner3.js.map +1 -1
  34. package/dist/Tab.css +38 -38
  35. package/dist/Tab2.js +12 -12
  36. package/dist/Tab2.js.map +1 -1
  37. package/dist/Text.css +21 -21
  38. package/dist/Text3.js +11 -10
  39. package/dist/Text3.js.map +1 -1
  40. package/dist/Tooltip.css +5 -5
  41. package/dist/Tooltip3.js +3 -3
  42. package/dist/Tooltip3.js.map +1 -1
  43. package/dist/assets/icons/st/gnav_dial_pad_filled.svg +3 -0
  44. package/dist/assets/icons/st/gnav_dial_pad_inactive_filled.svg +3 -0
  45. package/dist/assets/icons/st/gnav_dial_pad_inactive_outline.svg +3 -0
  46. package/dist/assets/icons/st/gnav_dial_pad_outline.svg +3 -0
  47. package/dist/assets/icons/st/gnav_legacy_search_filled.svg +6 -0
  48. package/dist/assets/icons/st/gnav_legacy_search_outline.svg +6 -0
  49. package/dist/assets/icons/st.ts +6 -0
  50. package/package.json +2 -6
package/dist/Badge.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400;1,6..12,600;1,6..12,700&display=swap");
2
2
  @layer starter, reset, base, state, application;
3
3
  @layer reset {
4
- ._badge_14fjr_4 {
4
+ ._badge_1epcy_4 {
5
5
  all: unset;
6
6
  font-family: "Nunito Sans", sans-serif;
7
7
  font-size: 100%;
@@ -12,11 +12,11 @@
12
12
  border-width: 0;
13
13
  border-color: transparent;
14
14
  box-sizing: border-box;
15
- display: initial;
15
+ display: revert-layer;
16
16
  }
17
17
  }
18
18
  @layer base {
19
- ._badge_14fjr_4 {
19
+ ._badge_1epcy_4 {
20
20
  background-color: var(--background-color-danger, var(--background-color-danger, #e13212));
21
21
  color: var(--foreground-color-on-danger, var(--foreground-color-on-danger, #ffffff));
22
22
  border-radius: 500px;
@@ -38,11 +38,11 @@
38
38
  }
39
39
  }
40
40
  @layer state {
41
- [dir=rtl] ._badge_14fjr_4 {
41
+ [dir=rtl] ._badge_1epcy_4 {
42
42
  transform-origin: top left;
43
43
  transform: translateY(calc(-50% + var(--offsetY) - 0.0625rem)) translateX(calc(-50% - (var(--offsetX) - 0.0625rem)));
44
44
  }
45
- ._badge_14fjr_4._empty_14fjr_45 {
45
+ ._badge_1epcy_4._empty_1epcy_45 {
46
46
  min-height: 0.75rem;
47
47
  min-width: 0.75rem;
48
48
  height: 0.75rem;
package/dist/Badge2.js CHANGED
@@ -4,8 +4,8 @@ import { cx } from './index.js';
4
4
  import { SrOnly } from './SrOnly3.js';
5
5
  import { useLayoutPropsUtil } from './useLayoutPropsUtil.js';
6
6
 
7
- import './Badge.css';const badge = "_badge_14fjr_4";
8
- const empty = "_empty_14fjr_45";
7
+ import './Badge.css';const badge = "_badge_1epcy_4";
8
+ const empty = "_empty_1epcy_45";
9
9
  const styles = {
10
10
  badge: badge,
11
11
  empty: empty
@@ -1 +1 @@
1
- {"version":3,"file":"Badge2.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Badge.js","../src/components/Badge/Badge.tsx"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { SrOnly } from './SrOnly.js';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\n\nimport './index4.css';const badge = \"_badge_14fjr_4\";\nconst empty = \"_empty_14fjr_45\";\nconst styles = {\n\tbadge: badge,\n\tempty: empty\n};\n\nconst Badge = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n offset,\n children,\n style,\n className,\n \"aria-label\": ariaLabel,\n ...rest\n } = componentProps;\n const classNames = cx(styles[\"badge\"], className, {\n [styles.empty]: !children\n });\n const offsetX = offset?.x ?? `0px`;\n const offsetY = offset?.y ?? `0px`;\n const iStyle = {\n ...style,\n ...layoutStyles,\n \"--offsetY\": offsetY,\n \"--offsetX\": offsetX\n };\n return /* @__PURE__ */ jsxs(\n \"sup\",\n {\n className: classNames,\n style: iStyle,\n \"data-anv\": \"badge\",\n ...rest,\n ref,\n children: [\n /* @__PURE__ */ jsx(SrOnly, { children: ariaLabel }),\n children\n ]\n }\n );\n});\nBadge.displayName = \"Badge\";\n\nexport { Badge };\n//# sourceMappingURL=Badge.js.map\n","import {\n BadgeProps as CoreBadgeProps,\n Badge as CoreBadge,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type BadgeProps = CoreBadgeProps;\n\nexport const Badge = forwardRef(\n (props: BadgeProps, ref: Ref<HTMLScriptElement>) => {\n return <CoreBadge ref={ref} {...props} />;\n }\n);\n"],"names":["Badge","CoreBadge"],"mappings":";;;;;;AAMsB,MAAM,KAAK,GAAG,gBAAgB,CAAC;AACrD,MAAM,KAAK,GAAG,iBAAiB,CAAC;AAChC,MAAM,MAAM,GAAG;AACf,CAAC,KAAK,EAAE,KAAK;AACb,CAAC,KAAK,EAAE,KAAK;AACb,CAAC,CAAC;AACF;AACA,MAAMA,OAAK,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACzC,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;AACrE,EAAE,MAAM;AACR,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,IAAI,SAAS;AACb,IAAI,YAAY,EAAE,SAAS;AAC3B,IAAI,GAAG,IAAI;AACX,GAAG,GAAG,cAAc,CAAC;AACrB,EAAE,MAAM,UAAU,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE;AACpD,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,QAAQ;AAC7B,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACrC,EAAE,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACrC,EAAE,MAAM,MAAM,GAAG;AACjB,IAAI,GAAG,KAAK;AACZ,IAAI,GAAG,YAAY;AACnB,IAAI,WAAW,EAAE,OAAO;AACxB,IAAI,WAAW,EAAE,OAAO;AACxB,GAAG,CAAC;AACJ,EAAE,uBAAuB,IAAI;AAC7B,IAAI,KAAK;AACT,IAAI;AACJ,MAAM,SAAS,EAAE,UAAU;AAC3B,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,UAAU,EAAE,OAAO;AACzB,MAAM,GAAG,IAAI;AACb,MAAM,GAAG;AACT,MAAM,QAAQ,EAAE;AAChB,wBAAwB,GAAG,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAC5D,QAAQ,QAAQ;AAChB,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC,CAAC;AACHA,OAAK,CAAC,WAAW,GAAG,OAAO;;ACzCpB,MAAM,KAAQ,GAAA,UAAA;AAAA,EACnB,CAAC,OAAmB,GAAgC,KAAA;AAClD,IAAA,uBAAQ,GAAA,CAAAC,OAAA,EAAA,EAAU,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA,CAAA;AAAA,GACzC;AACF;;;;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"Badge2.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Badge.js","../src/components/Badge/Badge.tsx"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { SrOnly } from './SrOnly.js';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\n\nimport './index4.css';const badge = \"_badge_1epcy_4\";\nconst empty = \"_empty_1epcy_45\";\nconst styles = {\n\tbadge: badge,\n\tempty: empty\n};\n\nconst Badge = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n offset,\n children,\n style,\n className,\n \"aria-label\": ariaLabel,\n ...rest\n } = componentProps;\n const classNames = cx(styles[\"badge\"], className, {\n [styles.empty]: !children\n });\n const offsetX = offset?.x ?? `0px`;\n const offsetY = offset?.y ?? `0px`;\n const iStyle = {\n ...style,\n ...layoutStyles,\n \"--offsetY\": offsetY,\n \"--offsetX\": offsetX\n };\n return /* @__PURE__ */ jsxs(\n \"sup\",\n {\n className: classNames,\n style: iStyle,\n \"data-anv\": \"badge\",\n ...rest,\n ref,\n children: [\n /* @__PURE__ */ jsx(SrOnly, { children: ariaLabel }),\n children\n ]\n }\n );\n});\nBadge.displayName = \"Badge\";\n\nexport { Badge };\n//# sourceMappingURL=Badge.js.map\n","import {\n BadgeProps as CoreBadgeProps,\n Badge as CoreBadge,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type BadgeProps = CoreBadgeProps;\n\nexport const Badge = forwardRef(\n (props: BadgeProps, ref: Ref<HTMLScriptElement>) => {\n return <CoreBadge ref={ref} {...props} />;\n }\n);\n"],"names":["Badge","CoreBadge"],"mappings":";;;;;;AAMsB,MAAM,KAAK,GAAG,gBAAgB,CAAC;AACrD,MAAM,KAAK,GAAG,iBAAiB,CAAC;AAChC,MAAM,MAAM,GAAG;AACf,CAAC,KAAK,EAAE,KAAK;AACb,CAAC,KAAK,EAAE,KAAK;AACb,CAAC,CAAC;AACF;AACA,MAAMA,OAAK,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACzC,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;AACrE,EAAE,MAAM;AACR,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,IAAI,SAAS;AACb,IAAI,YAAY,EAAE,SAAS;AAC3B,IAAI,GAAG,IAAI;AACX,GAAG,GAAG,cAAc,CAAC;AACrB,EAAE,MAAM,UAAU,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE;AACpD,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,QAAQ;AAC7B,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACrC,EAAE,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACrC,EAAE,MAAM,MAAM,GAAG;AACjB,IAAI,GAAG,KAAK;AACZ,IAAI,GAAG,YAAY;AACnB,IAAI,WAAW,EAAE,OAAO;AACxB,IAAI,WAAW,EAAE,OAAO;AACxB,GAAG,CAAC;AACJ,EAAE,uBAAuB,IAAI;AAC7B,IAAI,KAAK;AACT,IAAI;AACJ,MAAM,SAAS,EAAE,UAAU;AAC3B,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,UAAU,EAAE,OAAO;AACzB,MAAM,GAAG,IAAI;AACb,MAAM,GAAG;AACT,MAAM,QAAQ,EAAE;AAChB,wBAAwB,GAAG,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAC5D,QAAQ,QAAQ;AAChB,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC,CAAC;AACHA,OAAK,CAAC,WAAW,GAAG,OAAO;;ACzCpB,MAAM,KAAQ,GAAA,UAAA;AAAA,EACnB,CAAC,OAAmB,GAAgC,KAAA;AAClD,IAAA,uBAAQ,GAAA,CAAAC,OAAA,EAAA,EAAU,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA,CAAA;AAAA,GACzC;AACF;;;;","x_google_ignoreList":[0]}
package/dist/Button2.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400;1,6..12,600;1,6..12,700&display=swap");
2
2
  @layer starter, reset, base, state, application;
3
3
  @layer reset {
4
- ._button_8w09k_4, ._button_8w09k_4._type-icon_8w09k_4 {
4
+ ._button_u00oc_4, ._button_u00oc_4._type-icon_u00oc_4 {
5
5
  all: unset;
6
6
  font-family: "Nunito Sans", sans-serif;
7
7
  font-size: 100%;
@@ -12,11 +12,11 @@
12
12
  border-width: 0;
13
13
  border-color: transparent;
14
14
  box-sizing: border-box;
15
- display: initial;
15
+ display: revert-layer;
16
16
  }
17
17
  }
18
18
  @layer base {
19
- ._button_8w09k_4, ._button_8w09k_4._type-icon_8w09k_4 {
19
+ ._button_u00oc_4, ._button_u00oc_4._type-icon_u00oc_4 {
20
20
  width: fit-content;
21
21
  min-width: 5rem;
22
22
  height: fit-content;
@@ -42,7 +42,7 @@
42
42
  outline-style: solid;
43
43
  outline-width: 0;
44
44
  }
45
- ._button_8w09k_4::before, ._button_8w09k_4._type-icon_8w09k_4::before {
45
+ ._button_u00oc_4::before, ._button_u00oc_4._type-icon_u00oc_4::before {
46
46
  position: absolute;
47
47
  width: 100%;
48
48
  height: 100%;
@@ -56,87 +56,87 @@
56
56
  pointer-events: none;
57
57
  border-radius: 0.3125rem;
58
58
  }
59
- ._button_8w09k_4 ._icon_8w09k_59 {
59
+ ._button_u00oc_4 ._icon_u00oc_59 {
60
60
  display: inline-flex;
61
61
  }
62
62
  }
63
63
  @layer state {
64
- ._button_8w09k_4:not(:disabled, ._disabled_8w09k_64, [aria-disabled=true])[data-interactive=focus-visible], ._button_8w09k_4:not(:disabled, ._disabled_8w09k_64, [aria-disabled=true]):focus-visible {
64
+ ._button_u00oc_4:not(:disabled, ._disabled_u00oc_64, [aria-disabled=true])[data-interactive=focus-visible], ._button_u00oc_4:not(:disabled, ._disabled_u00oc_64, [aria-disabled=true]):focus-visible {
65
65
  outline-width: 0.125rem;
66
66
  }
67
- ._button_8w09k_4:not(:disabled, ._disabled_8w09k_64, [aria-disabled=true])[data-interactive=hover]::before, ._button_8w09k_4:not(:disabled, ._disabled_8w09k_64, [aria-disabled=true]):hover::before {
67
+ ._button_u00oc_4:not(:disabled, ._disabled_u00oc_64, [aria-disabled=true])[data-interactive=hover]::before, ._button_u00oc_4:not(:disabled, ._disabled_u00oc_64, [aria-disabled=true]):hover::before {
68
68
  content: "";
69
69
  }
70
- ._button_8w09k_4:not(:disabled, ._disabled_8w09k_64, [aria-disabled=true])[data-interactive=active]::before, ._button_8w09k_4:not(:disabled, ._disabled_8w09k_64, [aria-disabled=true]):active::before {
70
+ ._button_u00oc_4:not(:disabled, ._disabled_u00oc_64, [aria-disabled=true])[data-interactive=active]::before, ._button_u00oc_4:not(:disabled, ._disabled_u00oc_64, [aria-disabled=true]):active::before {
71
71
  content: "";
72
72
  }
73
- ._button_8w09k_4._loading_8w09k_73 {
73
+ ._button_u00oc_4._loading_u00oc_73 {
74
74
  cursor: progress;
75
75
  }
76
- ._button_8w09k_4 ._loading-spinner_8w09k_76 {
76
+ ._button_u00oc_4 ._loading-spinner_u00oc_76 {
77
77
  height: 1rem;
78
78
  }
79
- ._button_8w09k_4._appearance-primary_8w09k_79 {
79
+ ._button_u00oc_4._appearance-primary_u00oc_79 {
80
80
  color: var(--foreground-color-on-primary, #ffffff);
81
81
  background-color: var(--background-color-primary, #0265dc);
82
82
  border: 0.0625rem solid transparent;
83
83
  outline-color: var(--focus-ring-color, #0265dc);
84
84
  }
85
- ._button_8w09k_4._appearance-primary_8w09k_79[data-interactive=hover]::before, ._button_8w09k_4._appearance-primary_8w09k_79:hover::before {
85
+ ._button_u00oc_4._appearance-primary_u00oc_79[data-interactive=hover]::before, ._button_u00oc_4._appearance-primary_u00oc_79:hover::before {
86
86
  background-color: var(--overlay-color-hover-on-primary, rgba(255, 255, 255, 0.1607843137));
87
87
  }
88
- ._button_8w09k_4._appearance-primary_8w09k_79[data-interactive=active]::before, ._button_8w09k_4._appearance-primary_8w09k_79:active::before {
88
+ ._button_u00oc_4._appearance-primary_u00oc_79[data-interactive=active]::before, ._button_u00oc_4._appearance-primary_u00oc_79:active::before {
89
89
  background-color: var(--overlay-color-active-on-primary, rgba(20, 20, 20, 0.1607843137));
90
90
  }
91
- ._button_8w09k_4._appearance-secondary_8w09k_91 {
91
+ ._button_u00oc_4._appearance-secondary_u00oc_91 {
92
92
  color: var(--foreground-color, #141414);
93
93
  background-color: var(--background-color, #ffffff);
94
94
  border: 0.0625rem solid var(--border-color, #949596);
95
95
  outline-color: var(--focus-ring-color, #0265dc);
96
96
  }
97
- ._button_8w09k_4._appearance-secondary_8w09k_91[data-interactive=hover]::before, ._button_8w09k_4._appearance-secondary_8w09k_91:hover::before {
97
+ ._button_u00oc_4._appearance-secondary_u00oc_91[data-interactive=hover]::before, ._button_u00oc_4._appearance-secondary_u00oc_91:hover::before {
98
98
  background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
99
99
  }
100
- ._button_8w09k_4._appearance-secondary_8w09k_91[data-interactive=active]::before, ._button_8w09k_4._appearance-secondary_8w09k_91:active::before {
100
+ ._button_u00oc_4._appearance-secondary_u00oc_91[data-interactive=active]::before, ._button_u00oc_4._appearance-secondary_u00oc_91:active::before {
101
101
  background-color: var(--overlay-color-active, rgba(20, 20, 20, 0.1607843137));
102
102
  }
103
- ._button_8w09k_4._appearance-ghost_8w09k_103 {
103
+ ._button_u00oc_4._appearance-ghost_u00oc_103 {
104
104
  color: var(--foreground-color, #141414);
105
105
  background-color: transparent;
106
106
  border: 0.0625rem solid transparent;
107
107
  outline-color: var(--focus-ring-color, #0265dc);
108
108
  }
109
- ._button_8w09k_4._appearance-ghost_8w09k_103[data-interactive=hover]::before, ._button_8w09k_4._appearance-ghost_8w09k_103:hover::before {
109
+ ._button_u00oc_4._appearance-ghost_u00oc_103[data-interactive=hover]::before, ._button_u00oc_4._appearance-ghost_u00oc_103:hover::before {
110
110
  background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
111
111
  }
112
- ._button_8w09k_4._appearance-ghost_8w09k_103[data-interactive=active]::before, ._button_8w09k_4._appearance-ghost_8w09k_103:active::before {
112
+ ._button_u00oc_4._appearance-ghost_u00oc_103[data-interactive=active]::before, ._button_u00oc_4._appearance-ghost_u00oc_103:active::before {
113
113
  background-color: var(--overlay-color-active, rgba(20, 20, 20, 0.1607843137));
114
114
  }
115
- ._button_8w09k_4._danger-primary_8w09k_115 {
115
+ ._button_u00oc_4._danger-primary_u00oc_115 {
116
116
  color: var(--foreground-color-on-danger, #ffffff);
117
117
  background-color: var(--background-color-danger, #e13212);
118
118
  border: 0.0625rem solid transparent;
119
119
  outline-color: var(--focus-ring-color-danger, #e13212);
120
120
  }
121
- ._button_8w09k_4._danger-primary_8w09k_115[data-interactive=hover]::before, ._button_8w09k_4._danger-primary_8w09k_115:hover::before {
121
+ ._button_u00oc_4._danger-primary_u00oc_115[data-interactive=hover]::before, ._button_u00oc_4._danger-primary_u00oc_115:hover::before {
122
122
  background-color: var(--overlay-color-hover-on-danger, var(--overlay-color-hover-on-danger, rgba(255, 255, 255, 0.1607843137)));
123
123
  }
124
- ._button_8w09k_4._danger-primary_8w09k_115[data-interactive=active]::before, ._button_8w09k_4._danger-primary_8w09k_115:active::before {
124
+ ._button_u00oc_4._danger-primary_u00oc_115[data-interactive=active]::before, ._button_u00oc_4._danger-primary_u00oc_115:active::before {
125
125
  background-color: var(--overlay-color-active-on-danger, rgba(20, 20, 20, 0.1607843137));
126
126
  }
127
- ._button_8w09k_4._danger-secondary_8w09k_127 {
127
+ ._button_u00oc_4._danger-secondary_u00oc_127 {
128
128
  color: var(--foreground-color-danger, var(--foreground-color-danger, #e13212));
129
129
  background-color: var(--background-color, var(--background-color, #ffffff));
130
130
  border: 0.0625rem solid var(--border-color, var(--border-color, #949596));
131
131
  outline-color: var(--focus-ring-color-danger, #e13212);
132
132
  }
133
- ._button_8w09k_4._danger-secondary_8w09k_127[data-interactive=hover]::before, ._button_8w09k_4._danger-secondary_8w09k_127:hover::before {
133
+ ._button_u00oc_4._danger-secondary_u00oc_127[data-interactive=hover]::before, ._button_u00oc_4._danger-secondary_u00oc_127:hover::before {
134
134
  background-color: var(--overlay-color-hover-danger, rgba(225, 50, 18, 0.1019607843));
135
135
  }
136
- ._button_8w09k_4._danger-secondary_8w09k_127[data-interactive=active]::before, ._button_8w09k_4._danger-secondary_8w09k_127:active::before {
136
+ ._button_u00oc_4._danger-secondary_u00oc_127[data-interactive=active]::before, ._button_u00oc_4._danger-secondary_u00oc_127:active::before {
137
137
  background-color: var(--overlay-color-active-danger, rgba(225, 50, 18, 0.3019607843));
138
138
  }
139
- ._button_8w09k_4._size-small_8w09k_139 {
139
+ ._button_u00oc_4._size-small_u00oc_139 {
140
140
  font-size: 0.875rem;
141
141
  border-radius: 0.375rem;
142
142
  padding-block-start: 0.4375rem;
@@ -145,7 +145,7 @@
145
145
  padding-inline-start: 0.75rem;
146
146
  line-height: 1rem;
147
147
  }
148
- ._button_8w09k_4._size-medium_8w09k_148 {
148
+ ._button_u00oc_4._size-medium_u00oc_148 {
149
149
  font-size: 1rem;
150
150
  border-radius: 0.375rem;
151
151
  padding-block-start: 0.6875rem;
@@ -153,7 +153,7 @@
153
153
  padding-inline-end: 1rem;
154
154
  padding-inline-start: 1rem;
155
155
  }
156
- ._button_8w09k_4._size-large_8w09k_156 {
156
+ ._button_u00oc_4._size-large_u00oc_156 {
157
157
  font-size: 1rem;
158
158
  border-radius: 0.375rem;
159
159
  padding-block-start: 0.9375rem;
@@ -161,7 +161,7 @@
161
161
  padding-inline-end: 1.5rem;
162
162
  padding-inline-start: 1.5rem;
163
163
  }
164
- ._button_8w09k_4._type-icon_8w09k_4 {
164
+ ._button_u00oc_4._type-icon_u00oc_4 {
165
165
  display: inline-flex;
166
166
  min-width: auto;
167
167
  padding-block-start: 0.4375rem;
@@ -169,25 +169,25 @@
169
169
  padding-inline-end: 0.4375rem;
170
170
  padding-inline-start: 0.4375rem;
171
171
  }
172
- ._button_8w09k_4._type-icon_8w09k_4._size-small_8w09k_139 {
172
+ ._button_u00oc_4._type-icon_u00oc_4._size-small_u00oc_139 {
173
173
  padding-block-start: 0.4375rem;
174
174
  padding-block-end: 0.4375rem;
175
175
  padding-inline-end: 0.4375rem;
176
176
  padding-inline-start: 0.4375rem;
177
177
  }
178
- ._button_8w09k_4._type-icon_8w09k_4._size-medium_8w09k_148 {
178
+ ._button_u00oc_4._type-icon_u00oc_4._size-medium_u00oc_148 {
179
179
  padding-block-start: 0.4375rem;
180
180
  padding-block-end: 0.4375rem;
181
181
  padding-inline-end: 0.4375rem;
182
182
  padding-inline-start: 0.4375rem;
183
183
  }
184
- ._button_8w09k_4._type-icon_8w09k_4._size-large_8w09k_156 {
184
+ ._button_u00oc_4._type-icon_u00oc_4._size-large_u00oc_156 {
185
185
  padding-block-start: 0.6875rem;
186
186
  padding-block-end: 0.6875rem;
187
187
  padding-inline-end: 0.6875rem;
188
188
  padding-inline-start: 0.6875rem;
189
189
  }
190
- ._button_8w09k_4:disabled, ._button_8w09k_4._disabled_8w09k_64, ._button_8w09k_4[aria-disabled=true] {
190
+ ._button_u00oc_4:disabled, ._button_u00oc_4._disabled_u00oc_64, ._button_u00oc_4[aria-disabled=true] {
191
191
  cursor: not-allowed;
192
192
  opacity: 0.6;
193
193
  color: var(--foreground-color-subdued, #737475);
@@ -195,7 +195,7 @@
195
195
  border-color: transparent;
196
196
  }
197
197
  }
198
- @keyframes _indeterminate-before_8w09k_1 {
198
+ @keyframes _indeterminate-before_u00oc_1 {
199
199
  0% {
200
200
  inset-inline-start: -35%;
201
201
  inset-inline-end: 100%;
@@ -218,7 +218,7 @@
218
218
  }
219
219
  }
220
220
  @layer base {
221
- ._button-compound_8w09k_221 {
221
+ ._button-compound_u00oc_221 {
222
222
  background-color: transparent;
223
223
  padding-block: 0;
224
224
  padding-inline: 0;
@@ -227,45 +227,45 @@
227
227
  min-width: auto;
228
228
  outline-color: var(--focus-ring-color, #0265dc);
229
229
  }
230
- ._button-compound_8w09k_221::before {
230
+ ._button-compound_u00oc_221::before {
231
231
  border-radius: inherit;
232
232
  }
233
233
  }
234
234
  @layer state {
235
- ._button-compound_8w09k_221[data-interactive=hover]::before, ._button-compound_8w09k_221:hover::before {
235
+ ._button-compound_u00oc_221[data-interactive=hover]::before, ._button-compound_u00oc_221:hover::before {
236
236
  background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
237
237
  z-index: 1;
238
238
  }
239
- ._button-compound_8w09k_221[data-interactive=active]::before, ._button-compound_8w09k_221:active::before {
239
+ ._button-compound_u00oc_221[data-interactive=active]::before, ._button-compound_u00oc_221:active::before {
240
240
  background-color: var(--overlay-color-active, rgba(20, 20, 20, 0.1607843137));
241
241
  z-index: 1;
242
242
  }
243
- ._button-compound_8w09k_221._shape-rounded_8w09k_243 {
243
+ ._button-compound_u00oc_221._shape-rounded_u00oc_243 {
244
244
  border-radius: 0.375rem;
245
245
  }
246
- ._button-compound_8w09k_221._shape-pill_8w09k_246 {
246
+ ._button-compound_u00oc_221._shape-pill_u00oc_246 {
247
247
  border-radius: 500px;
248
248
  }
249
- ._button-compound_8w09k_221._shape-circular_8w09k_249 {
249
+ ._button-compound_u00oc_221._shape-circular_u00oc_249 {
250
250
  border-radius: 100%;
251
251
  }
252
252
  }
253
253
  @layer state {
254
- ._button-toggle_8w09k_254[aria-pressed=true]:not(:disabled, ._disabled_8w09k_64, [aria-disabled=true]) {
254
+ ._button-toggle_u00oc_254[aria-pressed=true]:not(:disabled, ._disabled_u00oc_64, [aria-disabled=true]) {
255
255
  color: var(--foreground-color-primary, #0265dc);
256
256
  border-color: var(--border-color-primary, #0265dc);
257
257
  }
258
- ._button-toggle_8w09k_254[aria-pressed=true]:not(:disabled, ._disabled_8w09k_64, [aria-disabled=true]):hover::before {
258
+ ._button-toggle_u00oc_254[aria-pressed=true]:not(:disabled, ._disabled_u00oc_64, [aria-disabled=true]):hover::before {
259
259
  content: "";
260
260
  background-color: var(--overlay-color-hover-primary, rgba(2, 101, 220, 0.1019607843));
261
261
  z-index: 1;
262
262
  }
263
- ._button-toggle_8w09k_254[aria-pressed=true]:not(:disabled, ._disabled_8w09k_64, [aria-disabled=true]):active::before {
263
+ ._button-toggle_u00oc_254[aria-pressed=true]:not(:disabled, ._disabled_u00oc_64, [aria-disabled=true]):active::before {
264
264
  content: "";
265
265
  background-color: var(--overlay-color-active-primary, rgba(2, 101, 220, 0.3019607843));
266
266
  z-index: 1;
267
267
  }
268
- ._button-toggle_8w09k_254[aria-pressed=true]:not(:disabled, ._disabled_8w09k_64, [aria-disabled=true])::after {
268
+ ._button-toggle_u00oc_254[aria-pressed=true]:not(:disabled, ._disabled_u00oc_64, [aria-disabled=true])::after {
269
269
  content: "";
270
270
  position: absolute;
271
271
  width: 100%;
package/dist/Button22.js CHANGED
@@ -5,31 +5,31 @@ import { Icon } from './Icon3.js';
5
5
  import { Spinner } from './Spinner3.js';
6
6
  import { useLayoutPropsUtil } from './useLayoutPropsUtil.js';
7
7
 
8
- import './Button2.css';const button = "_button_8w09k_4";
9
- const icon = "_icon_8w09k_59";
10
- const disabled = "_disabled_8w09k_64";
11
- const loading = "_loading_8w09k_73";
8
+ import './Button2.css';const button = "_button_u00oc_4";
9
+ const icon = "_icon_u00oc_59";
10
+ const disabled = "_disabled_u00oc_64";
11
+ const loading = "_loading_u00oc_73";
12
12
  const styles = {
13
13
  button: button,
14
- "type-icon": "_type-icon_8w09k_4",
14
+ "type-icon": "_type-icon_u00oc_4",
15
15
  icon: icon,
16
16
  disabled: disabled,
17
17
  loading: loading,
18
- "loading-spinner": "_loading-spinner_8w09k_76",
19
- "appearance-primary": "_appearance-primary_8w09k_79",
20
- "appearance-secondary": "_appearance-secondary_8w09k_91",
21
- "appearance-ghost": "_appearance-ghost_8w09k_103",
22
- "danger-primary": "_danger-primary_8w09k_115",
23
- "danger-secondary": "_danger-secondary_8w09k_127",
24
- "size-small": "_size-small_8w09k_139",
25
- "size-medium": "_size-medium_8w09k_148",
26
- "size-large": "_size-large_8w09k_156",
27
- "button-compound": "_button-compound_8w09k_221",
28
- "shape-rounded": "_shape-rounded_8w09k_243",
29
- "shape-pill": "_shape-pill_8w09k_246",
30
- "shape-circular": "_shape-circular_8w09k_249",
31
- "button-toggle": "_button-toggle_8w09k_254",
32
- "indeterminate-before": "_indeterminate-before_8w09k_1"
18
+ "loading-spinner": "_loading-spinner_u00oc_76",
19
+ "appearance-primary": "_appearance-primary_u00oc_79",
20
+ "appearance-secondary": "_appearance-secondary_u00oc_91",
21
+ "appearance-ghost": "_appearance-ghost_u00oc_103",
22
+ "danger-primary": "_danger-primary_u00oc_115",
23
+ "danger-secondary": "_danger-secondary_u00oc_127",
24
+ "size-small": "_size-small_u00oc_139",
25
+ "size-medium": "_size-medium_u00oc_148",
26
+ "size-large": "_size-large_u00oc_156",
27
+ "button-compound": "_button-compound_u00oc_221",
28
+ "shape-rounded": "_shape-rounded_u00oc_243",
29
+ "shape-pill": "_shape-pill_u00oc_246",
30
+ "shape-circular": "_shape-circular_u00oc_249",
31
+ "button-toggle": "_button-toggle_u00oc_254",
32
+ "indeterminate-before": "_indeterminate-before_u00oc_1"
33
33
  };
34
34
 
35
35
  const Button = forwardRef(
@@ -1 +1 @@
1
- {"version":3,"file":"Button22.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Button2.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { Icon } from './Icon.js';\nimport { Spinner } from './Spinner.js';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\n\nimport './Button.css';const button = \"_button_8w09k_4\";\nconst icon = \"_icon_8w09k_59\";\nconst disabled = \"_disabled_8w09k_64\";\nconst loading = \"_loading_8w09k_73\";\nconst styles = {\n\tbutton: button,\n\t\"type-icon\": \"_type-icon_8w09k_4\",\n\ticon: icon,\n\tdisabled: disabled,\n\tloading: loading,\n\t\"loading-spinner\": \"_loading-spinner_8w09k_76\",\n\t\"appearance-primary\": \"_appearance-primary_8w09k_79\",\n\t\"appearance-secondary\": \"_appearance-secondary_8w09k_91\",\n\t\"appearance-ghost\": \"_appearance-ghost_8w09k_103\",\n\t\"danger-primary\": \"_danger-primary_8w09k_115\",\n\t\"danger-secondary\": \"_danger-secondary_8w09k_127\",\n\t\"size-small\": \"_size-small_8w09k_139\",\n\t\"size-medium\": \"_size-medium_8w09k_148\",\n\t\"size-large\": \"_size-large_8w09k_156\",\n\t\"button-compound\": \"_button-compound_8w09k_221\",\n\t\"shape-rounded\": \"_shape-rounded_8w09k_243\",\n\t\"shape-pill\": \"_shape-pill_8w09k_246\",\n\t\"shape-circular\": \"_shape-circular_8w09k_249\",\n\t\"button-toggle\": \"_button-toggle_8w09k_254\",\n\t\"indeterminate-before\": \"_indeterminate-before_8w09k_1\"\n};\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, styles };\n//# sourceMappingURL=Button2.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"Button22.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Button2.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { Icon } from './Icon.js';\nimport { Spinner } from './Spinner.js';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\n\nimport './Button.css';const button = \"_button_u00oc_4\";\nconst icon = \"_icon_u00oc_59\";\nconst disabled = \"_disabled_u00oc_64\";\nconst loading = \"_loading_u00oc_73\";\nconst styles = {\n\tbutton: button,\n\t\"type-icon\": \"_type-icon_u00oc_4\",\n\ticon: icon,\n\tdisabled: disabled,\n\tloading: loading,\n\t\"loading-spinner\": \"_loading-spinner_u00oc_76\",\n\t\"appearance-primary\": \"_appearance-primary_u00oc_79\",\n\t\"appearance-secondary\": \"_appearance-secondary_u00oc_91\",\n\t\"appearance-ghost\": \"_appearance-ghost_u00oc_103\",\n\t\"danger-primary\": \"_danger-primary_u00oc_115\",\n\t\"danger-secondary\": \"_danger-secondary_u00oc_127\",\n\t\"size-small\": \"_size-small_u00oc_139\",\n\t\"size-medium\": \"_size-medium_u00oc_148\",\n\t\"size-large\": \"_size-large_u00oc_156\",\n\t\"button-compound\": \"_button-compound_u00oc_221\",\n\t\"shape-rounded\": \"_shape-rounded_u00oc_243\",\n\t\"shape-pill\": \"_shape-pill_u00oc_246\",\n\t\"shape-circular\": \"_shape-circular_u00oc_249\",\n\t\"button-toggle\": \"_button-toggle_u00oc_254\",\n\t\"indeterminate-before\": \"_indeterminate-before_u00oc_1\"\n};\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, styles };\n//# sourceMappingURL=Button2.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}