@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.
- package/dist/Badge.css +5 -5
- package/dist/Badge2.js +2 -2
- package/dist/Badge2.js.map +1 -1
- package/dist/Button2.css +45 -45
- package/dist/Button22.js +20 -20
- package/dist/Button22.js.map +1 -1
- package/dist/Checkbox.css +51 -51
- package/dist/Checkbox.module.js +13 -13
- package/dist/Checkbox.module.js.map +1 -1
- package/dist/Combobox.css +62 -59
- package/dist/Combobox2.js +94 -66
- package/dist/Combobox2.js.map +1 -1
- package/dist/Grid.css +3 -3
- package/dist/Grid2.js +2 -2
- package/dist/Grid2.js.map +1 -1
- package/dist/Label.css +9 -9
- package/dist/Label.js +6 -6
- package/dist/Label.js.map +1 -1
- package/dist/Menu.css +25 -25
- package/dist/Menu2.js +8 -8
- package/dist/Menu2.js.map +1 -1
- package/dist/Popover.css +7 -7
- package/dist/Popover3.js +4 -4
- package/dist/Popover3.js.map +1 -1
- package/dist/Radio.css +41 -41
- package/dist/Radio2.js +12 -12
- package/dist/Radio2.js.map +1 -1
- package/dist/SideNav.css +53 -53
- package/dist/SideNav2.js +21 -21
- package/dist/SideNav2.js.map +1 -1
- package/dist/Spinner.css +7 -7
- package/dist/Spinner3.js +4 -4
- package/dist/Spinner3.js.map +1 -1
- package/dist/Tab.css +38 -38
- package/dist/Tab2.js +12 -12
- package/dist/Tab2.js.map +1 -1
- package/dist/Text.css +21 -21
- package/dist/Text3.js +11 -10
- package/dist/Text3.js.map +1 -1
- package/dist/Tooltip.css +5 -5
- package/dist/Tooltip3.js +3 -3
- package/dist/Tooltip3.js.map +1 -1
- package/dist/assets/icons/st/gnav_dial_pad_filled.svg +3 -0
- package/dist/assets/icons/st/gnav_dial_pad_inactive_filled.svg +3 -0
- package/dist/assets/icons/st/gnav_dial_pad_inactive_outline.svg +3 -0
- package/dist/assets/icons/st/gnav_dial_pad_outline.svg +3 -0
- package/dist/assets/icons/st/gnav_legacy_search_filled.svg +6 -0
- package/dist/assets/icons/st/gnav_legacy_search_outline.svg +6 -0
- package/dist/assets/icons/st.ts +6 -0
- 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
|
-
.
|
|
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:
|
|
15
|
+
display: revert-layer;
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
@layer base {
|
|
19
|
-
.
|
|
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] .
|
|
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
|
-
.
|
|
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 = "
|
|
8
|
-
const empty = "
|
|
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
|
package/dist/Badge2.js.map
CHANGED
|
@@ -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 = \"
|
|
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
|
-
.
|
|
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:
|
|
15
|
+
display: revert-layer;
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
@layer base {
|
|
19
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
59
|
+
._button_u00oc_4 ._icon_u00oc_59 {
|
|
60
60
|
display: inline-flex;
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
@layer state {
|
|
64
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
73
|
+
._button_u00oc_4._loading_u00oc_73 {
|
|
74
74
|
cursor: progress;
|
|
75
75
|
}
|
|
76
|
-
.
|
|
76
|
+
._button_u00oc_4 ._loading-spinner_u00oc_76 {
|
|
77
77
|
height: 1rem;
|
|
78
78
|
}
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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-
|
|
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-
|
|
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-
|
|
230
|
+
._button-compound_u00oc_221::before {
|
|
231
231
|
border-radius: inherit;
|
|
232
232
|
}
|
|
233
233
|
}
|
|
234
234
|
@layer state {
|
|
235
|
-
._button-
|
|
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-
|
|
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-
|
|
243
|
+
._button-compound_u00oc_221._shape-rounded_u00oc_243 {
|
|
244
244
|
border-radius: 0.375rem;
|
|
245
245
|
}
|
|
246
|
-
._button-
|
|
246
|
+
._button-compound_u00oc_221._shape-pill_u00oc_246 {
|
|
247
247
|
border-radius: 500px;
|
|
248
248
|
}
|
|
249
|
-
._button-
|
|
249
|
+
._button-compound_u00oc_221._shape-circular_u00oc_249 {
|
|
250
250
|
border-radius: 100%;
|
|
251
251
|
}
|
|
252
252
|
}
|
|
253
253
|
@layer state {
|
|
254
|
-
._button-
|
|
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-
|
|
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-
|
|
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-
|
|
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 = "
|
|
9
|
-
const icon = "
|
|
10
|
-
const disabled = "
|
|
11
|
-
const loading = "
|
|
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-
|
|
14
|
+
"type-icon": "_type-icon_u00oc_4",
|
|
15
15
|
icon: icon,
|
|
16
16
|
disabled: disabled,
|
|
17
17
|
loading: loading,
|
|
18
|
-
"loading-spinner": "_loading-
|
|
19
|
-
"appearance-primary": "_appearance-
|
|
20
|
-
"appearance-secondary": "_appearance-
|
|
21
|
-
"appearance-ghost": "_appearance-
|
|
22
|
-
"danger-primary": "_danger-
|
|
23
|
-
"danger-secondary": "_danger-
|
|
24
|
-
"size-small": "_size-
|
|
25
|
-
"size-medium": "_size-
|
|
26
|
-
"size-large": "_size-
|
|
27
|
-
"button-compound": "_button-
|
|
28
|
-
"shape-rounded": "_shape-
|
|
29
|
-
"shape-pill": "_shape-
|
|
30
|
-
"shape-circular": "_shape-
|
|
31
|
-
"button-toggle": "_button-
|
|
32
|
-
"indeterminate-before": "_indeterminate-
|
|
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(
|
package/dist/Button22.js.map
CHANGED
|
@@ -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 = \"
|
|
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]}
|