@servicetitan/anvil2 1.13.2 → 1.14.1

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 (9) hide show
  1. package/dist/Combobox.css +44 -39
  2. package/dist/Combobox2.js +684 -529
  3. package/dist/Combobox2.js.map +1 -1
  4. package/dist/Popover3.js +7 -2
  5. package/dist/Popover3.js.map +1 -1
  6. package/dist/SideNav.css +51 -48
  7. package/dist/SideNav2.js +73 -30
  8. package/dist/SideNav2.js.map +1 -1
  9. package/package.json +17 -17
package/dist/Combobox.css CHANGED
@@ -1,8 +1,8 @@
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
- ._combobox_b17kz_2 {
2
+ ._combobox_1yie1_2 {
3
3
  position: relative;
4
4
  }
5
- ._search-field_b17kz_6 {
5
+ ._search-field_1yie1_6 {
6
6
  all: unset;
7
7
  font-family: "Nunito Sans", sans-serif;
8
8
  font-size: 100%;
@@ -18,7 +18,7 @@
18
18
  gap: 0.5rem;
19
19
  font-size: 1rem;
20
20
  }
21
- ._popover-content_b17kz_22 ._search-field_b17kz_6 {
21
+ ._popover-content_1yie1_22 ._search-field_1yie1_6 {
22
22
  margin-block-end: 1rem;
23
23
  border-block-end: 0.0625rem solid var(--border-color, #949596);
24
24
  padding-block-start: 0.5rem;
@@ -26,7 +26,7 @@
26
26
  padding-inline-start: 0.5rem;
27
27
  padding-inline-end: 0.5rem;
28
28
  }
29
- ._input-wrapper_b17kz_31 {
29
+ ._input-wrapper_1yie1_31 {
30
30
  all: unset;
31
31
  font-family: "Nunito Sans", sans-serif;
32
32
  font-size: 100%;
@@ -46,24 +46,25 @@
46
46
  outline-offset: 0.125rem;
47
47
  padding-inline-start: 0.75rem;
48
48
  padding-inline-end: 4.5rem;
49
+ background-color: var(--background-color, #ffffff);
49
50
  }
50
- ._input-wrapper_b17kz_31:has(._input_b17kz_31:disabled) {
51
+ ._input-wrapper_1yie1_31:has(._input_1yie1_31:disabled) {
51
52
  opacity: 0.4;
52
53
  }
53
- ._input-wrapper_b17kz_31:has(._input_b17kz_31:read-only) {
54
+ ._input-wrapper_1yie1_31:has(._input_1yie1_31:read-only) {
54
55
  background-color: var(--background-color-strong, #f7f7f7);
55
56
  }
56
- ._input-wrapper_b17kz_31:has(._input_b17kz_31:focus-visible) {
57
+ ._input-wrapper_1yie1_31:has(._input_1yie1_31:focus-visible) {
57
58
  outline-width: 0.125rem;
58
59
  }
59
- ._input-wrapper_b17kz_31:has(._input_b17kz_31._error_b17kz_61) {
60
+ ._input-wrapper_1yie1_31:has(._input_1yie1_31._error_1yie1_62) {
60
61
  border-color: var(--border-color-danger, #e13212);
61
62
  }
62
- ._input-wrapper_b17kz_31:has(._input_b17kz_31._error_b17kz_61:focus-visible) {
63
+ ._input-wrapper_1yie1_31:has(._input_1yie1_31._error_1yie1_62:focus-visible) {
63
64
  outline-color: var(--focus-ring-color-danger, #e13212);
64
65
  outline-width: 0.125rem;
65
66
  }
66
- ._buttons-wrapper_b17kz_69 {
67
+ ._buttons-wrapper_1yie1_70 {
67
68
  all: unset;
68
69
  font-family: "Nunito Sans", sans-serif;
69
70
  font-size: 100%;
@@ -80,13 +81,13 @@
80
81
  inset-inline-end: 0;
81
82
  height: 2.375rem;
82
83
  }
83
- ._small_b17kz_86 ._buttons-wrapper_b17kz_69 {
84
+ ._small_1yie1_87 ._buttons-wrapper_1yie1_70 {
84
85
  height: 1.875rem;
85
86
  }
86
- ._large_b17kz_89 ._buttons-wrapper_b17kz_69 {
87
+ ._large_1yie1_90 ._buttons-wrapper_1yie1_70 {
87
88
  height: 2.875rem;
88
89
  }
89
- ._close-button-wrapper_b17kz_93 {
90
+ ._close-button-wrapper_1yie1_94 {
90
91
  all: unset;
91
92
  font-family: "Nunito Sans", sans-serif;
92
93
  font-size: 100%;
@@ -102,13 +103,13 @@
102
103
  align-items: center;
103
104
  cursor: pointer;
104
105
  }
105
- ._close-button_b17kz_93 {
106
+ ._close-button_1yie1_94 {
106
107
  color: var(--foreground-color, #141414);
107
108
  }
108
- ._close-button_b17kz_93[data-interactive=hover]::before, ._close-button_b17kz_93:hover::before, ._close-button_b17kz_93:disabled:not(._loading-infinite_b17kz_113, ._loading-progress_b17kz_113), ._close-button_b17kz_93._disabled_b17kz_113:not(._loading-infinite_b17kz_113, ._loading-progress_b17kz_113), ._close-button_b17kz_93[aria-disabled=true]:not(._loading-infinite_b17kz_113, ._loading-progress_b17kz_113) {
109
+ ._close-button_1yie1_94[data-interactive=hover]::before, ._close-button_1yie1_94:hover::before, ._close-button_1yie1_94:disabled:not(._loading-infinite_1yie1_114, ._loading-progress_1yie1_114), ._close-button_1yie1_94._disabled_1yie1_114:not(._loading-infinite_1yie1_114, ._loading-progress_1yie1_114), ._close-button_1yie1_94[aria-disabled=true]:not(._loading-infinite_1yie1_114, ._loading-progress_1yie1_114) {
109
110
  background-color: inherit;
110
111
  }
111
- ._toggle-button-wrapper_b17kz_117 {
112
+ ._toggle-button-wrapper_1yie1_118 {
112
113
  all: unset;
113
114
  font-family: "Nunito Sans", sans-serif;
114
115
  font-size: 100%;
@@ -124,23 +125,23 @@
124
125
  align-items: center;
125
126
  cursor: pointer;
126
127
  }
127
- ._toggle-button_b17kz_117 {
128
+ ._toggle-button_1yie1_118 {
128
129
  color: var(--foreground-color, #141414);
129
130
  transform: rotate(90deg);
130
131
  transition: transform 200ms cubic-bezier(0, 0, 0.4, 1);
131
132
  }
132
- ._toggle-button_b17kz_117[aria-expanded=true] {
133
+ ._toggle-button_1yie1_118[aria-expanded=true] {
133
134
  transform: rotate(270deg);
134
135
  }
135
136
  @media (prefers-reduced-motion: reduce) {
136
- ._toggle-button_b17kz_117 {
137
+ ._toggle-button_1yie1_118 {
137
138
  transition-duration: 0.01ms !important;
138
139
  }
139
140
  }
140
- ._toggle-button_b17kz_117[data-interactive=hover]::before, ._toggle-button_b17kz_117:hover::before, ._toggle-button_b17kz_117:disabled:not(._loading-infinite_b17kz_113, ._loading-progress_b17kz_113), ._toggle-button_b17kz_117._disabled_b17kz_113:not(._loading-infinite_b17kz_113, ._loading-progress_b17kz_113), ._toggle-button_b17kz_117[aria-disabled=true]:not(._loading-infinite_b17kz_113, ._loading-progress_b17kz_113) {
141
+ ._toggle-button_1yie1_118[data-interactive=hover]::before, ._toggle-button_1yie1_118:hover::before, ._toggle-button_1yie1_118:disabled:not(._loading-infinite_1yie1_114, ._loading-progress_1yie1_114), ._toggle-button_1yie1_118._disabled_1yie1_114:not(._loading-infinite_1yie1_114, ._loading-progress_1yie1_114), ._toggle-button_1yie1_118[aria-disabled=true]:not(._loading-infinite_1yie1_114, ._loading-progress_1yie1_114) {
141
142
  background-color: inherit;
142
143
  }
143
- ._rows-wrapper_b17kz_151 {
144
+ ._rows-wrapper_1yie1_152 {
144
145
  display: flex;
145
146
  flex-direction: row;
146
147
  flex-wrap: wrap;
@@ -150,23 +151,23 @@
150
151
  width: 100%;
151
152
  max-width: 100%;
152
153
  }
153
- ._chip-wrapper_b17kz_162 {
154
+ ._chip-wrapper_1yie1_163 {
154
155
  display: flex;
155
156
  justify-content: center;
156
157
  align-items: center;
157
158
  max-width: 100%;
158
159
  height: 2.375rem;
159
160
  }
160
- ._small_b17kz_86 ._chip-wrapper_b17kz_162 {
161
+ ._small_1yie1_87 ._chip-wrapper_1yie1_163 {
161
162
  height: 1.875rem;
162
163
  }
163
- ._large_b17kz_89 ._chip-wrapper_b17kz_162 {
164
+ ._large_1yie1_90 ._chip-wrapper_1yie1_163 {
164
165
  height: 2.875rem;
165
166
  }
166
- ._chip_b17kz_162 {
167
+ ._chip_1yie1_163 {
167
168
  max-width: 100%;
168
169
  }
169
- ._input_b17kz_31 {
170
+ ._input_1yie1_31 {
170
171
  all: unset;
171
172
  font-family: "Nunito Sans", sans-serif;
172
173
  font-size: 100%;
@@ -187,23 +188,23 @@
187
188
  background-color: var(--background-color, #ffffff);
188
189
  transition: outline 200ms cubic-bezier(0, 0, 0.4, 1);
189
190
  }
190
- ._small_b17kz_86 ._input_b17kz_31 {
191
+ ._small_1yie1_87 ._input_1yie1_31 {
191
192
  height: 1.875rem;
192
193
  }
193
- ._large_b17kz_89 ._input_b17kz_31 {
194
+ ._large_1yie1_90 ._input_1yie1_31 {
194
195
  height: 2.875rem;
195
196
  }
196
- ._input_b17kz_31:read-only {
197
+ ._input_1yie1_31:read-only {
197
198
  background-color: var(--background-color-strong, #f7f7f7);
198
199
  }
199
200
  @media (prefers-reduced-motion: reduce) {
200
- ._input_b17kz_31 {
201
+ ._input_1yie1_31 {
201
202
  transition-duration: 0.01ms !important;
202
203
  transition-property: outline;
203
204
  }
204
205
  }
205
- ._prefix_b17kz_217,
206
- ._suffix_b17kz_218 {
206
+ ._prefix_1yie1_218,
207
+ ._suffix_1yie1_219 {
207
208
  all: unset;
208
209
  font-family: "Nunito Sans", sans-serif;
209
210
  font-size: 100%;
@@ -221,30 +222,34 @@
221
222
  font-weight: 600;
222
223
  min-width: 2rem;
223
224
  }
224
- ._prefix_b17kz_217 {
225
+ ._prefix_1yie1_218 {
225
226
  padding-inline-end: 0.5rem;
226
227
  }
227
- ._suffix_b17kz_218 {
228
+ ._suffix_1yie1_219 {
228
229
  padding-inline-start: 0.5rem;
229
230
  padding-inline-end: 0.5rem;
230
231
  }
231
- ._popover-content_b17kz_22 {
232
+ ._popover-content_1yie1_22 {
232
233
  display: flex;
233
234
  flex-direction: column;
234
235
  overflow: hidden;
235
236
  }
236
- ._listview_b17kz_252 {
237
+ ._listview_1yie1_253 {
237
238
  padding-block: 0.5rem;
238
239
  padding-inline: 0.5rem;
239
240
  }
240
- ._listview-option_b17kz_257:not([aria-disabled=true]) {
241
+ ._listview-option_1yie1_258:not([aria-disabled=true]) {
241
242
  cursor: pointer;
242
243
  }
243
- ._listview-option_b17kz_257[aria-selected=true]:not([aria-disabled=true])::before {
244
+ ._listview-option_1yie1_258[aria-selected=true]:not([aria-disabled=true])::before {
244
245
  content: "";
245
246
  background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
246
247
  }
247
- ._empty_b17kz_266 {
248
+ ._loading-spinner_1yie1_267 {
249
+ width: 1.5rem;
250
+ height: 1.5rem;
251
+ }
252
+ ._empty_1yie1_272 {
248
253
  padding-block-start: 0.75rem;
249
254
  padding-block-end: 1rem;
250
255
  padding-inline-start: 1.5rem;