@hotosm/ui 0.10.1 → 1.0.0

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 (24) hide show
  1. package/LICENSE.md +521 -587
  2. package/README.md +69 -99
  3. package/dist/chunks/{chunk.AD6PBOLJ.js → chunk.IASKXF74.js} +1 -1
  4. package/dist/chunks/chunk.M2F6Z3GI.js +36 -0
  5. package/dist/chunks/chunk.SOBALH23.js +23 -0
  6. package/dist/chunks/{chunk.V7C4W6GD.js → chunk.THIZOVTW.js} +1 -1
  7. package/dist/chunks/chunk.WENKDNDZ.js +91 -0
  8. package/dist/components/announcement/announcement.component.d.ts +7 -1
  9. package/dist/components/announcement/announcement.component.js +1 -1
  10. package/dist/components/announcement/announcement.js +1 -1
  11. package/dist/components/tool-menu/tool-menu.component.d.ts +0 -2
  12. package/dist/components/tool-menu/tool-menu.component.js +1 -1
  13. package/dist/components/tool-menu/tool-menu.js +1 -1
  14. package/dist/components/tool-menu/tool-menu.styles.js +1 -1
  15. package/dist/hotosm-ui.js +1 -1
  16. package/dist/style-core.css +1 -1
  17. package/dist/style.css +1 -1
  18. package/dist/themes/hot-wa.css +2 -2
  19. package/dist/webawesome-all.d.ts +1 -0
  20. package/dist/webawesome-all.js +70 -0
  21. package/package.json +8 -4
  22. package/dist/chunks/chunk.24HG5LKA.js +0 -32
  23. package/dist/chunks/chunk.DCR6GEE6.js +0 -58
  24. package/dist/chunks/chunk.NZ24D6VL.js +0 -89
package/README.md CHANGED
@@ -63,14 +63,14 @@ built with [Lit](https://lit.dev) and themed for HOTOSM tools using
63
63
  - Provide a consistent HOT look-and-feel out of the box.
64
64
  - Keep the component set small and focused (header, sidebar, footer, etc.).
65
65
 
66
- **WebAwesome version:** `3.2.1`
66
+ **WebAwesome version:** `3.11.0`
67
67
 
68
68
  ---
69
69
 
70
70
  ## Installation
71
71
 
72
72
  ```bash
73
- pnpm install @hotosm/ui @awesome.me/webawesome@3.2.1
73
+ pnpm install @hotosm/ui @awesome.me/webawesome@3.11.0
74
74
  ```
75
75
 
76
76
  > [!NOTE]
@@ -82,81 +82,46 @@ pnpm install @hotosm/ui @awesome.me/webawesome@3.2.1
82
82
 
83
83
  ## Loading Styles
84
84
 
85
- Two CSS files are published. Choose the one that fits your setup.
85
+ Use the single self-contained stylesheet (WebAwesome base styles + HOT
86
+ theme inlined):
86
87
 
87
- ### Option A - Bundled (recommended for simplicity)
88
+ ```js
89
+ import "@hotosm/ui/dist/style.css";
90
+ ```
88
91
 
89
- A single self-contained file with WebAwesome base styles + HOT theme
90
- already inlined. Nothing else to load.
92
+ Or from CDN:
91
93
 
92
94
  <!-- markdownlint-disable MD013 -->
93
95
 
94
96
  ```html
95
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@hotosm/ui@0.6.1/dist/style.css" />
97
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@hotosm/ui@1.0.0/dist/style.css" />
96
98
  ```
97
99
 
98
100
  <!-- markdownlint-enable MD013 -->
99
101
 
100
- Or from a bundler:
102
+ `style-core.css` (HOT theme only, no WebAwesome) exists for pages that
103
+ load the WebAwesome base stylesheets themselves - most apps don't need it.
101
104
 
102
- ```js
103
- import "@hotosm/ui/dist/style.css";
104
- ```
105
+ ### Fonts
105
106
 
106
- ### Option B - Split / CDN-optimised (recommended for multi-tool caching)
107
-
108
- If you run several HOT tools (FMTM, Tasking Manager, etc.) and want
109
- the browser to **cache WebAwesome CSS once** across all of them, load
110
- WebAwesome from CDN separately and use the slim HOT-only stylesheet:
107
+ Fonts are **not** bundled in the CSS
108
+ ([#178](https://github.com/hotosm/ui/issues/178) - a CSS `@import` would
109
+ serialise the font download behind the stylesheet). Add them to your HTML
110
+ so they load in parallel:
111
111
 
112
112
  <!-- markdownlint-disable MD013 -->
113
113
 
114
114
  ```html
115
- <!-- WebAwesome CSS - shared across all HOT tools via browser cache -->
115
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
116
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
116
117
  <link
117
118
  rel="stylesheet"
118
- href="https://cdn.jsdelivr.net/npm/@awesome.me/webawesome@3.2.1/dist/styles/native.css"
119
+ href="https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;700&family=Barlow:wght@400;500;700&family=Barlow+Condensed:wght@400;500;700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap"
119
120
  />
120
- <link
121
- rel="stylesheet"
122
- href="https://cdn.jsdelivr.net/npm/@awesome.me/webawesome@3.2.1/dist/styles/utilities.css"
123
- />
124
- <link
125
- rel="stylesheet"
126
- href="https://cdn.jsdelivr.net/npm/@awesome.me/webawesome@3.2.1/dist/styles/themes/default.css"
127
- />
128
-
129
- <!-- HOT theme only (fonts + design tokens + WebAwesome overrides) -->
130
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@hotosm/ui@0.6.1/dist/style-core.css" />
131
121
  ```
132
122
 
133
123
  <!-- markdownlint-enable MD013 -->
134
124
 
135
- Or from a bundler:
136
-
137
- ```js
138
- // WebAwesome (resolve from node_modules)
139
- import "@awesome.me/webawesome/dist/styles/native.css";
140
- import "@awesome.me/webawesome/dist/styles/utilities.css";
141
- import "@awesome.me/webawesome/dist/styles/themes/default.css";
142
-
143
- // HOT theme only
144
- import "@hotosm/ui/dist/style-core.css";
145
- ```
146
-
147
- | File | Size | Contains |
148
- | ---------------- | ------- | ------------------------------------------- |
149
- | `style.css` | ~105 KB | WebAwesome + fonts + HOT theme (everything) |
150
- | `style-core.css` | ~21 KB | Fonts + HOT theme only (no WebAwesome) |
151
-
152
- > [!TIP]
153
- > **Which should I pick?**
154
- >
155
- > - Building a single standalone app? Use **Option A** - zero config.
156
- > - Running multiple HOT tools on the same domain or expecting users to
157
- > navigate between them? Use **Option B** - the ~84 KB of shared
158
- > WebAwesome CSS is fetched once and cached by the browser.
159
-
160
125
  ---
161
126
 
162
127
  ## HTML Setup
@@ -185,63 +150,68 @@ Add the required WebAwesome classes to your `<html>` element:
185
150
 
186
151
  ### Via Bundler (Vite, Webpack, etc.)
187
152
 
188
- Import individual components - your bundler will tree-shake the rest:
153
+ Recommended: register **all** WebAwesome elements once, up front, so every
154
+ custom element is defined before first render - this eliminates flash of
155
+ undefined custom elements (FOUCE) without maintaining per-page import
156
+ lists:
189
157
 
190
158
  ```js
191
- import "@hotosm/ui/dist/components/header/header.js";
159
+ import "@hotosm/ui/dist/style.css";
160
+ import "@hotosm/ui/dist/webawesome-all.js"; // registers every wa-* element
161
+ import "@hotosm/ui/dist/components/header/header.js"; // hot-* components you use
192
162
  ```
193
163
 
194
164
  ```html
195
165
  <hot-header title="My App"></hot-header>
196
166
  ```
197
167
 
168
+ Put WebAwesome in its own long-lived chunk so app deploys don't invalidate
169
+ the browser-cached copy:
170
+
171
+ ```js
172
+ // vite.config.ts
173
+ build: {
174
+ rollupOptions: {
175
+ output: {
176
+ manualChunks(id) {
177
+ if (id.includes("@awesome.me/webawesome")) return "webawesome";
178
+ },
179
+ },
180
+ },
181
+ },
182
+ ```
183
+
184
+ Byte-critical app? Skip `webawesome-all.js` and cherry-pick individual
185
+ WebAwesome components instead - then add the `wa-cloak` class to `<html>`
186
+ as a FOUCE backstop (pure CSS, ships in WebAwesome's `utilities.css`,
187
+ already included in `style.css`).
188
+
198
189
  ### Via CDN / Plain HTML / HTMX
199
190
 
200
- The recommended approach for HTMX and plain-HTML apps loads WebAwesome
201
- styles and components from CDN so the browser can cache them once across
202
- all HOT tools (Option B from the styles section above):
191
+ Use jsDelivr's `/+esm` endpoint, which rewrites bare-module specifiers
192
+ server-side - no import map needed. Same strategy as bundlers: register
193
+ everything before anything renders.
194
+
195
+ <!-- markdownlint-disable MD013 -->
203
196
 
204
197
  ```html
205
198
  <!DOCTYPE html>
206
- <html class="wa-theme-default wa-palette-hotosm">
199
+ <!-- wa-cloak: hides the page until all custom elements are defined (2s max) -->
200
+ <html class="wa-theme-default wa-palette-hotosm wa-cloak">
207
201
  <head>
208
- <!-- WebAwesome CSS - cached once across all HOT tools at this WA version -->
209
- <link
210
- rel="stylesheet"
211
- href="https://cdn.jsdelivr.net/npm/@awesome.me/webawesome@3.2.1/dist/styles/native.css"
212
- />
213
- <link
214
- rel="stylesheet"
215
- href="https://cdn.jsdelivr.net/npm/@awesome.me/webawesome@3.2.1/dist/styles/utilities.css"
216
- />
217
- <link
218
- rel="stylesheet"
219
- href="https://cdn.jsdelivr.net/npm/@awesome.me/webawesome@3.2.1/dist/styles/themes/default.css"
220
- />
202
+ <!-- Fonts: see "Fonts" above -->
221
203
 
222
- <!-- HOT UI theme (fonts + HOT design tokens + WebAwesome overrides,
223
- ~21 KB) -->
224
- <link
225
- rel="stylesheet"
226
- href="https://cdn.jsdelivr.net/npm/@hotosm/ui@0.6.1/dist/style-core.css"
227
- />
228
-
229
- <!-- Import map: resolves WebAwesome bare-module specifiers
230
- inside hotosm-ui.js -->
231
- <!-- WA components load lazily from CDN only when first used;
232
- no separate loader needed -->
233
- <script type="importmap">
234
- {
235
- "imports": {
236
- "@awesome.me/webawesome/dist/components/": "https://cdn.jsdelivr.net/npm/@awesome.me/webawesome@3.2.1/dist-cdn/components/"
237
- }
238
- }
239
- </script>
204
+ <!-- WebAwesome base styles + HOT theme, self-contained -->
205
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@hotosm/ui@1.0.0/dist/style.css" />
240
206
 
241
- <!-- HOT UI web components -->
207
+ <!-- Register every wa-* element, then the hot-* components -->
242
208
  <script
243
209
  type="module"
244
- src="https://cdn.jsdelivr.net/npm/@hotosm/ui@0.6.1/dist/hotosm-ui.js"
210
+ src="https://cdn.jsdelivr.net/npm/@hotosm/ui@1.0.0/dist/webawesome-all.js/+esm"
211
+ ></script>
212
+ <script
213
+ type="module"
214
+ src="https://cdn.jsdelivr.net/npm/@hotosm/ui@1.0.0/dist/hotosm-ui.js/+esm"
245
215
  ></script>
246
216
  </head>
247
217
 
@@ -258,11 +228,11 @@ all HOT tools (Option B from the styles section above):
258
228
  </html>
259
229
  ```
260
230
 
261
- > [!TIP]
262
- > If you need only a single self-contained stylesheet instead of the three
263
- > WA links above, you can use Option A (`style.css`) - but then the ~84 KB
264
- > of WebAwesome CSS is bundled into the HOT package and cannot be shared
265
- > across tools as a single cached resource.
231
+ <!-- markdownlint-enable MD013 -->
232
+
233
+ For multi-page (HTMX) apps, also inline a few critical theme tokens in
234
+ `<head>` so first paint looks right before the CDN CSS arrives - see
235
+ [Loading Strategies](https://hotosm.github.io/ui/?path=/docs/loading-strategies--docs).
266
236
 
267
237
  ### React
268
238
 
@@ -335,4 +305,4 @@ pnpm run dev # starts Storybook on localhost:3001
335
305
 
336
306
  HOT UI is free and open source software. You may use any HOT UI project
337
307
  under the terms of the
338
- [GNU Affero General Public License (AGPL) Version 3](LICENSE.md).
308
+ [GNU General Public License (GPL) Version 3](LICENSE.md).
package/dist/chunks/{chunk.AD6PBOLJ.js → chunk.IASKXF74.js} RENAMED
@@ -1 +1 @@
1
- import{b as e}from"./chunk.NZ24D6VL.js";var t=e;customElements.get("hot-announcement")||customElements.define("hot-announcement",e);export{t as a};
1
+ import{b as e}from"./chunk.WENKDNDZ.js";var t=e;customElements.get("hot-announcement")||customElements.define("hot-announcement",e);export{t as a};
package/dist/chunks/chunk.M2F6Z3GI.js ADDED
@@ -0,0 +1,36 @@
1
+ import{a as o}from"./chunk.QABMDRWR.js";var r=o`
2
+ :host {
3
+ display: inline-block;
4
+ }
5
+
6
+ wa-dropdown-item {
7
+ cursor: pointer;
8
+ }
9
+
10
+ wa-dropdown-item:hover {
11
+ background-color: var(--hot-color-neutral-50);
12
+ }
13
+
14
+ .tool-logo {
15
+ width: 20px;
16
+ height: 20px;
17
+ object-fit: contain;
18
+ display: block;
19
+ }
20
+
21
+ .tool-title {
22
+ text-align: left;
23
+ font-weight: var(--hot-font-weight-light);
24
+ font-size: var(--hot-font-size-small);
25
+ color: var(--hot-color-neutral-950);
26
+ line-height: 1.3;
27
+ }
28
+
29
+ wa-button[slot="trigger"] {
30
+ cursor: pointer;
31
+ }
32
+
33
+ .menu-icon {
34
+ color: var(--hot-color-neutral-800);
35
+ }
36
+ `;export{r as a};
package/dist/chunks/chunk.SOBALH23.js ADDED
@@ -0,0 +1,23 @@
1
+ import{a as i}from"./chunk.M2F6Z3GI.js";import{d as o,f as l}from"./chunk.QABMDRWR.js";var a='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grid-3x3-gap-fill" viewBox="0 0 16 16">%0A <path d="M1 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zM1 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zM1 12a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1z"/>%0A</svg>';var r='data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M34.879 0.168091C36.2067 0.168091 37.4504 0.685738 38.3882 1.62355C39.3227 2.56137 39.837 3.80507 39.8336 5.12944L39.8235 20.9748L39.8168 27.2504C39.8168 28.3126 39.4638 29.3647 38.8286 30.2118C38.6907 30.4 38.5361 30.5815 38.3647 30.7496L30.7378 38.3799C29.7966 39.3143 28.5529 39.8286 27.2319 39.8286H5.12435V39.832C2.39158 39.832 0.166367 37.6101 0.166367 34.8773V11.7109C0.166367 10.3866 0.680652 9.14288 1.61847 8.20506L8.2067 1.62019C9.13443 0.685738 10.3815 0.168091 11.7092 0.168091H34.879ZM26.1867 7.67555C25.9117 7.68516 25.6403 7.79974 25.4376 8.01704C25.0324 8.45162 25.0562 9.1319 25.4907 9.53712L26.9846 10.9302L24.4923 13.6029C24.0397 12.9817 23.3815 12.5559 22.6328 12.4559C21.6666 12.3267 20.6969 12.2797 19.7299 12.3134C18.763 12.3472 17.798 12.4618 16.8433 12.6581C16.1034 12.8101 15.4766 13.2818 15.0683 13.9319L12.3957 11.4396L13.7887 9.94577C14.194 9.51119 14.1702 8.83091 13.7356 8.42568C13.5194 8.22302 13.2396 8.12768 12.9657 8.13724C12.6906 8.14685 12.4192 8.26143 12.2166 8.47873L7.96257 13.0406C7.55732 13.4752 7.58107 14.1555 8.01565 14.5607C8.45023 14.9659 9.13051 14.9422 9.53573 14.5076L10.9288 13.0138L14.5314 16.3722C14.4267 18.9142 14.5161 21.4725 14.7978 24.0011L11.4393 27.6026L9.94436 26.2086C9.72707 26.0059 9.44836 25.9106 9.17332 25.9202C8.89829 25.9298 8.62689 26.0443 8.42428 26.2616C8.01903 26.6962 8.04279 27.3765 8.47736 27.7817L13.0393 32.0358C13.4738 32.441 14.1541 32.4173 14.5593 31.9827C14.9646 31.5481 14.9408 30.8678 14.5063 30.4626L13.0124 29.0696L15.5047 26.3969C15.9573 27.018 16.6155 27.4439 17.3641 27.5438C19.2955 27.8012 21.2441 27.7331 23.1537 27.3417C23.8936 27.1897 24.5204 26.7179 24.9287 26.0678L27.6013 28.5601L26.2083 30.054C25.803 30.4886 25.8268 31.1688 26.2614 31.5741C26.6959 31.9793 27.3762 31.9556 27.7814 31.521L32.0344 26.9591C32.4397 26.5245 32.4159 25.8442 31.9813 25.439C31.764 25.2364 31.4853 25.141 31.2103 25.1506C30.9352 25.1602 30.6639 25.2748 30.4612 25.4921L29.0682 26.986L25.4667 23.6275C25.5713 21.0855 25.482 18.5272 25.2003 15.9986L28.5587 12.3971L30.0526 13.7901C30.4872 14.1954 31.1675 14.1716 31.5727 13.737C31.9779 13.3025 31.9542 12.6222 31.5196 12.217L26.9577 7.96291C26.7415 7.7613 26.4628 7.66591 26.1867 7.67555ZM18.2034 16.7523C18.1252 14.5136 21.4845 14.3963 21.5627 16.635C21.6409 18.8754 18.2816 18.9927 18.2034 16.7523Z" fill="black"/>%0A</svg>%0A';var L='data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M34.879 0.168091C36.2067 0.168091 37.4504 0.685738 38.3882 1.62355C39.3227 2.56137 39.837 3.80507 39.8336 5.12944L39.8235 20.9748L39.8168 27.2504C39.8168 28.3126 39.4639 29.3647 38.8286 30.2118C38.6908 30.4 38.5361 30.5815 38.3647 30.7496L30.7378 38.3799C29.7966 39.3143 28.5529 39.8286 27.2319 39.8286H5.12437V39.832C2.39159 39.832 0.166382 37.6101 0.166382 34.8773V11.7109C0.166382 10.3866 0.680668 9.14288 1.61848 8.20506L8.20672 1.62019C9.13445 0.685738 10.3815 0.168091 11.7092 0.168091H34.879ZM18.9429 9.96026L10.0183 27.8087C9.83612 28.1744 9.89686 28.6144 10.172 28.9181C10.447 29.2214 10.8808 29.3243 11.2614 29.178L18.2598 26.4859C18.6143 26.3495 18.8585 26.0236 18.892 25.6455L19.8303 14.7581L20.7686 25.6446C20.8008 26.0226 21.0463 26.3486 21.4008 26.4849L28.3992 29.1771C28.5145 29.2217 28.6347 29.2428 28.755 29.2428C29.0289 29.2428 29.2979 29.1287 29.4888 28.9181C29.7639 28.6144 29.8247 28.1744 29.6412 27.8087L20.7166 9.96026C20.351 9.22896 19.3085 9.22896 18.9429 9.96026Z" fill="black"/>%0A</svg>%0A';var n='data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M34.879 0.168091C36.2067 0.168091 37.4504 0.685738 38.3882 1.62355C39.3227 2.56137 39.837 3.80507 39.8336 5.12943L39.8235 20.9748L39.8168 27.2504C39.8168 28.3126 39.4639 29.3647 38.8286 30.2118C38.6908 30.4 38.5361 30.5815 38.3647 30.7496L30.7378 38.3799C29.7966 39.3143 28.5529 39.8286 27.2319 39.8286H5.12437V39.832C2.39159 39.832 0.166382 37.6101 0.166382 34.8773V11.7109C0.166382 10.3866 0.680668 9.14288 1.61848 8.20506L8.20672 1.62019C9.13445 0.685738 10.3815 0.168091 11.7092 0.168091H34.879ZM30.2101 10.595C29.9076 10.2925 29.4134 10.2925 29.1109 10.595L15.8975 23.8017L11.8706 18.8135C11.6017 18.4773 11.1109 18.4269 10.7781 18.6958L9.56806 19.674C9.23193 19.9429 9.18151 20.4336 9.45042 20.7664L14.563 27.0992C15.1412 27.8185 16.2202 27.8757 16.8723 27.2236L31.3092 12.7933C31.6118 12.4908 31.6118 11.9967 31.3092 11.6941L30.2101 10.595Z" fill="black"/>%0A</svg>%0A';var s='data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M34.879 0.168091C36.2067 0.168091 37.4504 0.685738 38.3882 1.62355C39.3227 2.56137 39.837 3.80507 39.8336 5.12943L39.8235 20.9748L39.8168 27.2504C39.8168 28.3126 39.4638 29.3647 38.8286 30.2118C38.6907 30.4 38.5361 30.5815 38.3647 30.7496L30.7378 38.3799C29.7966 39.3143 28.5529 39.8286 27.2319 39.8286H5.12435V39.832C2.39158 39.832 0.166367 37.6101 0.166367 34.8773V11.7109C0.166367 10.3866 0.680652 9.14288 1.61847 8.20506L8.2067 1.62019C9.13443 0.685738 10.3815 0.168091 11.7092 0.168091H34.879ZM23.0235 8.90759C17.083 8.90759 12.2672 13.7233 12.2672 19.6639C12.2672 25.6044 17.083 30.4202 23.0235 30.4202C28.9641 30.4202 33.7798 25.6044 33.7798 19.6639C33.7798 13.7233 28.9641 8.90759 23.0235 8.90759ZM7.94673 24.759C7.28785 24.759 6.95841 24.759 6.70675 24.8872C6.31257 25.0881 6.06438 25.4931 6.06438 25.9354C6.06438 26.3778 6.31257 26.7828 6.70675 26.9837C6.95841 27.1119 7.28785 27.1119 7.94673 27.1119H11.6573C11.9347 27.1119 12.1538 27.1119 12.3332 27.1023L12.3463 27.1014C11.8866 26.3852 11.4965 25.5993 11.1884 24.7591L7.94673 24.759ZM27.2225 15.6029C27.5096 15.3157 27.9771 15.3157 28.2643 15.6029L28.8308 16.1694C29.118 16.4566 29.118 16.9241 28.8308 17.2113L21.3902 24.6484C20.9126 25.126 20.1236 25.0837 19.7008 24.5578L17.066 21.2941C16.8102 20.9775 16.8596 20.5121 17.1768 20.2584L17.8005 19.7542C18.117 19.4984 18.5824 19.5478 18.8363 19.8651L20.6769 22.1451L27.2225 15.6029ZM10.2403 18.8501H4.67004C4.01116 18.8501 3.68171 18.8501 3.43005 18.9783C3.03587 19.1792 2.78769 19.5842 2.78769 20.0266C2.78769 20.469 3.03587 20.874 3.43005 21.0748C3.68171 21.203 4.01116 21.203 4.67004 21.203H10.2403C10.3059 21.203 10.3682 21.203 10.427 21.2031C10.4015 20.8622 10.3885 20.517 10.3885 20.1681C10.3885 19.7222 10.4098 19.2824 10.4515 18.8503C10.385 18.8501 10.3148 18.8501 10.2403 18.8501ZM12.5193 12.9661C12.3098 12.9412 12.0388 12.9412 11.6573 12.9412H7.94673C7.28785 12.9412 6.95841 12.9412 6.70675 13.0694C6.31257 13.2703 6.06438 13.6753 6.06438 14.1177C6.06438 14.5601 6.31257 14.9651 6.70675 15.1659C6.95841 15.2941 7.28785 15.2941 7.94673 15.2941L11.296 15.2944C11.6268 14.4556 12.0404 13.6744 12.5238 12.9666L12.5193 12.9661Z" fill="black"/>%0A</svg>%0A';var d='data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0.166199 21.2871L5.45057 21.2874L14.9521 39.8283L5.12452 39.8286V39.832C2.39175 39.832 0.166535 37.6101 0.166535 34.8773L0.166199 21.2871ZM34.8791 0.168091C36.2069 0.168091 37.4506 0.685738 38.3884 1.62355C39.3228 2.56137 39.8371 3.80507 39.8338 5.12944L39.8237 19.1325L28.187 19.1328L26.941 21.2904L39.823 21.2901L39.817 27.2504C39.817 28.3126 39.464 29.3647 38.8287 30.2118C38.6909 30.4 38.5363 30.5815 38.3649 30.7496L30.738 38.3799C29.7968 39.3143 28.5531 39.8286 27.2321 39.8286L17.3722 39.8283L13.5716 32.4101H36.6808L38.4791 30.6118C38.5901 30.5009 38.6943 30.3799 38.785 30.2555H12.4657L7.8741 21.2908L13.8623 21.2904L12.6163 19.1328L0.166199 19.1325L0.166535 11.7109C0.166535 10.3866 0.68082 9.14288 1.61864 8.20506L8.20687 1.62019C9.1346 0.685738 10.3817 0.168091 11.7094 0.168091H34.8791ZM23.9548 5.75128C21.7598 4.48406 19.0539 4.48406 16.859 5.75128C14.664 7.01851 13.3128 9.36137 13.3128 11.8958V14.2656C13.3128 15.4017 13.585 16.5177 14.106 17.5261L19.6523 28.2387C19.9682 28.8504 20.8455 28.8504 21.1615 28.2387L26.7077 17.5261C27.2287 16.5177 27.501 15.3983 27.501 14.2656V11.8958C27.501 9.36137 26.1497 7.01851 23.9548 5.75128Z" fill="black"/>%0A</svg>%0A';var h='data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M34.879 0.168091C36.2067 0.168091 37.4504 0.685738 38.3882 1.62355C39.3227 2.56137 39.837 3.80507 39.8336 5.12944L39.8235 20.9748L39.8168 27.2504C39.8168 28.3126 39.4638 29.3647 38.8286 30.2118C38.6907 30.4 38.5361 30.5815 38.3647 30.7496L30.7378 38.3799C29.7966 39.3143 28.5529 39.8286 27.2319 39.8286H5.12435V39.832C2.39158 39.832 0.16637 37.6101 0.16637 34.8773V11.7109C0.16637 10.3866 0.680656 9.14288 1.61847 8.20506L8.20671 1.62019C9.13444 0.685738 10.3815 0.168091 11.7092 0.168091H34.879ZM19.6823 9.30759L19.679 9.30422C14.2941 9.57313 9.94452 13.9967 9.76301 19.3883C9.69242 21.4689 10.2336 23.4185 11.2151 25.0723L9.35965 30.037C9.21175 30.4336 9.5983 30.8236 9.9983 30.6757L14.9899 28.8067C16.6403 29.7614 18.5765 30.2824 20.6403 30.2017C26.0084 29.9899 30.3983 25.6437 30.6639 20.279C30.9664 14.0841 25.8807 8.99834 19.6823 9.30759Z" fill="black"/>%0A</svg>%0A';var p='data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M34.879 0.168091C36.2067 0.168091 37.4504 0.685738 38.3882 1.62355C39.3227 2.56137 39.837 3.80507 39.8336 5.12944L39.8235 20.9748L39.8168 27.2504C39.8168 28.3126 39.4638 29.3647 38.8286 30.2118C38.6907 30.4 38.5361 30.5815 38.3647 30.7496L30.7378 38.3799C29.7966 39.3143 28.5529 39.8286 27.2319 39.8286H5.12435V39.832C2.39158 39.832 0.166367 37.6101 0.166367 34.8773V11.7109C0.166367 10.3866 0.680652 9.14288 1.61847 8.20506L8.2067 1.62019C9.13443 0.685738 10.3815 0.168091 11.7092 0.168091H34.879ZM26.7109 9.01179H16.9462C16.8857 9.01179 16.8286 9.01851 16.7748 9.03532C16.4857 9.11263 16.2739 9.37481 16.2739 9.68406V11.0286C16.2739 11.3983 16.5765 11.7009 16.9462 11.7009H25.6622L9.95124 27.4118C9.69242 27.674 9.69242 28.0975 9.95124 28.3597L10.879 29.2975C11.1412 29.5597 11.5714 29.5597 11.8336 29.2975L27.5479 13.5799V22.2958C27.5479 22.6656 27.8504 22.9681 28.2201 22.9681H29.5647C29.9008 22.9681 30.1731 22.7261 30.2269 22.4067C30.2336 22.3698 30.237 22.3328 30.237 22.2958V12.5345L30.2336 12.5378C30.2336 12.4471 30.2302 12.3563 30.2235 12.2689C30.0958 10.5815 28.7882 9.23028 27.121 9.03532C26.9865 9.01851 26.8487 9.01179 26.7109 9.01179Z" fill="black"/>%0A</svg>%0A';var g='data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M35.0038 0.333313C36.3427 0.333313 37.5968 0.846646 38.5425 1.77665C39.4848 2.70665 40.0034 3.93998 40 5.25331L39.9898 20.9666L39.983 27.19C39.983 28.2433 39.6271 29.2866 38.9865 30.1266C38.8475 30.3133 38.6916 30.4933 38.5188 30.66L30.8279 38.2266C29.8788 39.1533 28.6247 39.6633 27.2926 39.6633H4.99957V39.6666C2.24388 39.6666 0 37.4633 0 34.7533V11.78C0 10.4666 0.5186 9.23331 1.46428 8.30331L8.10778 1.77331C9.0433 0.846646 10.3008 0.333313 11.6397 0.333313H35.0038ZM18.5 32.2733H13.1667V34.2733H18.5V32.2733ZM25.1667 32.2733H19.8333V34.2733H25.1667V32.2733ZM30.1667 32.2733H26.5V34.2733H30.1667V32.2733ZM29.58 7.51665C29.3333 7.26998 28.93 7.26998 28.6833 7.51665L23.9867 12.2133L23.9767 12.2266L9.42333 26.78C9.34333 26.86 9.29333 26.96 9.27333 27.0733L7.45333 32.06C7.39 32.2366 7.42333 32.41 7.51333 32.5466C7.53333 32.5733 7.55667 32.6 7.58 32.6233C7.71667 32.7633 7.93 32.83 8.14667 32.75L13.1333 30.93C13.24 30.9133 13.3433 30.86 13.42 30.78L27.9933 16.2166L28.9833 15.2233L32.69 11.5166C32.9367 11.27 32.9367 10.8666 32.69 10.62L32.6833 10.6233L29.58 7.51665Z" fill="black"/>%0A</svg>%0A';var m='data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M34.879 0.168091C36.2067 0.168091 37.4504 0.685738 38.3882 1.62355C39.3227 2.56137 39.837 3.80507 39.8336 5.12944L39.8235 20.9748L39.8168 27.2504C39.8168 28.3126 39.4639 29.3647 38.8286 30.2118C38.6908 30.4 38.5361 30.5815 38.3647 30.7496L30.7378 38.3799C29.7966 39.3143 28.5529 39.8286 27.2319 39.8286H5.12437V39.832C2.39159 39.832 0.166382 37.6101 0.166382 34.8773V11.7109C0.166382 10.3866 0.680668 9.14288 1.61848 8.20506L8.20672 1.62019C9.13445 0.685738 10.3815 0.168091 11.7092 0.168091H34.879ZM26.2852 3.52944H24.2824L13.0854 7.73885C12.7945 7.84492 12.6034 8.12685 12.6034 8.43949V16.97H21.7504L17.598 12.7857C17.4234 12.6098 17.4234 12.3195 17.598 12.1409L18.2379 11.4961C18.3875 11.3481 18.6118 11.323 18.7864 11.4235C18.8196 11.443 18.8501 11.4681 18.8778 11.4961L23.5261 16.18C23.5954 16.2442 23.6535 16.314 23.7117 16.3866C24.4126 17.277 24.3904 18.5527 23.648 19.4264C23.612 19.4683 23.5677 19.5157 23.5261 19.5576L18.8778 24.2387C18.8584 24.2555 18.8418 24.275 18.8196 24.289C18.6423 24.4146 18.3985 24.4006 18.2379 24.2387L17.598 23.5939C17.4234 23.4153 17.4234 23.1278 17.598 22.9491L21.7504 18.7704H12.6034V31.5661C12.6034 31.8816 12.7945 32.1607 13.0854 32.2724L24.2297 36.4566L26.2741 36.4706C26.8891 36.4734 27.3905 35.9737 27.3905 35.354V4.64599C27.3933 4.02909 26.8974 3.52944 26.2852 3.52944Z" fill="black"/>%0A</svg>%0A';Promise.allSettled([import("@awesome.me/webawesome/dist/components/dropdown/dropdown.js"),import("@awesome.me/webawesome/dist/components/button/button.js"),import("@awesome.me/webawesome/dist/components/icon/icon.js")]);var I=[{id:"drone",title:"Drone Tasking Manager",href:"https://drone.hotosm.org/",icon:r},{id:"oam",title:"OpenAerialMap",href:"https://openaerialmap.org/",icon:L},{id:"tasking-manager",title:"Tasking Manager",href:"https://tasks.hotosm.org/",icon:n},{id:"fair",title:"fAIr",href:"https://fair.hotosm.org/",icon:s},{id:"field",title:"Field Tasking Manager",href:"https://field.hotosm.org/",icon:d},{id:"chat-map",title:"ChatMap",href:"https://chatmap.hotosm.org/",icon:h},{id:"export-tool",title:"Export Tool",href:"https://export.hotosm.org/",icon:p},{id:"umap",title:"uMap",href:"https://umap.hotosm.org/",icon:g},{id:"portal",title:"Portal",href:"https://portal.hotosm.org/",icon:m}],C=class extends l{constructor(){super(...arguments);this.tools=I}handleSelect(t){let v=t.detail.item.value,e=this.tools.find(w=>w.id===v);e&&(this.dispatchEvent(new CustomEvent("tool-selected",{detail:{tool:e},bubbles:!0,composed:!0})),window.open(e.href,"_blank","noopener,noreferrer"))}render(){return o`
2
+ <wa-dropdown placement="bottom-end" @wa-select=${this.handleSelect}>
3
+ <wa-button
4
+ slot="trigger"
5
+ appearance="plain"
6
+ aria-label="Open tools menu"
7
+ >
8
+ <wa-icon src="${a}" class="menu-icon"></wa-icon>
9
+ </wa-button>
10
+
11
+ ${this.tools.map(t=>o`
12
+ <wa-dropdown-item value="${t.id}">
13
+ <img
14
+ slot="icon"
15
+ class="tool-logo"
16
+ src="${t.icon}"
17
+ alt=""
18
+ />
19
+ <div class="tool-title">${t.title}</div>
20
+ </wa-dropdown-item>
21
+ `)}
22
+ </wa-dropdown>
23
+ `}};C.styles=i;var Y=C;export{C as a,Y as b};
package/dist/chunks/{chunk.V7C4W6GD.js → chunk.THIZOVTW.js} RENAMED
@@ -1 +1 @@
1
- import{b as o}from"./chunk.24HG5LKA.js";var t=o;customElements.get("hotosm-tool-menu")||customElements.define("hotosm-tool-menu",o);export{t as a};
1
+ import{b as o}from"./chunk.SOBALH23.js";var t=o;customElements.get("hotosm-tool-menu")||customElements.define("hotosm-tool-menu",o);export{t as a};
package/dist/chunks/chunk.WENKDNDZ.js ADDED
@@ -0,0 +1,91 @@
1
+ import{a as l,b as g}from"./chunk.ZETV7TDG.js";import{a as f,d as u,f as v}from"./chunk.QABMDRWR.js";import{d as s,e as r,f as a,g as o}from"./chunk.N2W26RCT.js";Promise.allSettled([import("@awesome.me/webawesome/dist/components/callout/callout.js"),import("@awesome.me/webawesome/dist/components/icon/icon.js"),import("@awesome.me/webawesome/dist/components/button/button.js")]);var $=["brand","success","neutral","warning"],N=new RegExp(`\\[([^\\]]+)\\]\\((https?:\\/\\/[^\\s)]+)\\)|(?<=^|[\\s(])(https?:\\/\\/[^\\s<"]+[^\\s<".,:;')\\]])`,"g");function y(h){if(typeof h!="string"||h.length===0)return null;let m=new Date(h);return Number.isNaN(m.getTime())?null:m}var w,x,A,k,C,S,V,e=class extends v{constructor(){super(...arguments);this.name="hot-announcement";a(this,w,"");a(this,x,"");a(this,A,"");a(this,k,"brand");a(this,C,"Dismiss");a(this,S,"hot-announcement");a(this,V,"");this.visible=!1;this.startsAt=null;this.endsAt=null;this.fetchAbort=null}get version(){return r(this,w)}set version(t){o(this,w,t)}get title(){return r(this,x)}set title(t){o(this,x,t)}get message(){return r(this,A)}set message(t){o(this,A,t)}get variant(){return r(this,k)}set variant(t){o(this,k,t)}get dismissLabel(){return r(this,C)}set dismissLabel(t){o(this,C,t)}get storageKey(){return r(this,S)}set storageKey(t){o(this,S,t)}get src(){return r(this,V)}set src(t){o(this,V,t)}storageFullKey(){return`${this.storageKey}-${this.version}-dismissed`}dismiss(){this.version.length>0&&localStorage.setItem(this.storageFullKey(),"true"),this.visible=!1,this.dispatchEvent(new CustomEvent("dismiss",{detail:{version:this.version},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this._evaluateVisibility()}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.fetchAbort)==null||t.abort(),this.fetchAbort=null}willUpdate(t){if(t.has("src")&&this.src.length>0){this._loadRemoteConfig();return}(t.has("version")||t.has("storageKey"))&&this._evaluateVisibility()}async _loadRemoteConfig(){var i;(i=this.fetchAbort)==null||i.abort();let t=new AbortController;this.fetchAbort=t,this.visible=!1;try{let n=await fetch(this.src,{signal:t.signal});if(!n.ok)return;let d=await n.text();if(d.trim().length===0)return;let c=JSON.parse(d);this._applyRemoteConfig(c)}catch(n){if(n.name==="AbortError")return}finally{this.fetchAbort===t&&(this.fetchAbort=null)}}_applyRemoteConfig(t){typeof t.version=="string"&&(this.version=t.version),typeof t.title=="string"&&(this.title=t.title),typeof t.message=="string"&&(this.message=t.message),typeof t.variant=="string"&&$.includes(t.variant)&&(this.variant=t.variant),this.startsAt=y(t.startsAt),this.endsAt=y(t.endsAt),this._evaluateVisibility()}_evaluateVisibility(){if(this.version.length===0){this.src.length===0&&console.warn("[hot-announcement] `version` is required so dismissal can be keyed per release. Banner hidden."),this.visible=!1;return}let t=Date.now();if(this.startsAt&&t<this.startsAt.getTime()){this.visible=!1;return}if(this.endsAt&&t>this.endsAt.getTime()){this.visible=!1;return}let i=localStorage.getItem(this.storageFullKey())==="true";this.visible=!i}renderMessage(){let t=[],i=0;for(let n of this.message.matchAll(N)){let[d,c,p,b]=n,R=p!=null?p:b;t.push(this.message.slice(i,n.index)),t.push(u`<a href="${R}" target="_blank" rel="noopener noreferrer"
2
+ >${c!=null?c:b}</a
3
+ >`),i=n.index+d.length}return t.length===0?this.message:(t.push(this.message.slice(i)),t)}render(){return this.visible?u`
4
+ <div class="announcement-banner" role="status">
5
+ <wa-callout variant="${this.variant}" appearance="outlined filled" size="medium">
6
+ <wa-icon slot="icon" family="classic" variant="solid" name="circle-info"></wa-icon>
7
+ <div class="announcement-content">
8
+ <div class="announcement-body">
9
+ ${this.title.length>0?u`<strong>${this.title}</strong>`:null}
10
+ <slot>${this.renderMessage()}</slot>
11
+ </div>
12
+ <button
13
+ type="button"
14
+ class="announcement-dismiss"
15
+ aria-label="${this.dismissLabel}"
16
+ @click=${()=>this.dismiss()}
17
+ >
18
+ <wa-icon name="xmark"></wa-icon>
19
+ </button>
20
+ </div>
21
+ </wa-callout>
22
+ </div>
23
+ `:null}};w=new WeakMap,x=new WeakMap,A=new WeakMap,k=new WeakMap,C=new WeakMap,S=new WeakMap,V=new WeakMap,e.styles=f`
24
+ :host {
25
+ display: block;
26
+ font-family: var(--hot-font-sans);
27
+ }
28
+
29
+ .announcement-banner {
30
+ position: sticky;
31
+ top: 0;
32
+ z-index: 1000;
33
+ width: 100%;
34
+ }
35
+
36
+ wa-callout {
37
+ border-radius: 0;
38
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
39
+ }
40
+
41
+ .announcement-content {
42
+ display: flex;
43
+ align-items: center;
44
+ gap: var(--hot-spacing-small);
45
+ width: 100%;
46
+ }
47
+
48
+ .announcement-body {
49
+ padding: 0 var(--hot-spacing-x-small);
50
+ flex: 1;
51
+ min-width: 0;
52
+ }
53
+
54
+ .announcement-body strong {
55
+ display: block;
56
+ margin-bottom: var(--hot-spacing-3x-small);
57
+ font-weight: var(--hot-font-weight-semibold);
58
+ }
59
+
60
+ .announcement-body ::slotted(a),
61
+ .announcement-body a {
62
+ color: var(--hot-color-primary-600);
63
+ text-decoration: underline;
64
+ }
65
+
66
+ .announcement-dismiss {
67
+ flex-shrink: 0;
68
+ display: inline-flex;
69
+ align-items: center;
70
+ justify-content: center;
71
+ width: 1.75rem;
72
+ height: 1.75rem;
73
+ padding: 0;
74
+ border: none;
75
+ border-radius: var(--hot-border-radius-medium);
76
+ background: transparent;
77
+ color: inherit;
78
+ cursor: pointer;
79
+ font-size: 1rem;
80
+ line-height: 1;
81
+ }
82
+
83
+ .announcement-dismiss:hover {
84
+ background: rgba(0, 0, 0, 0.06);
85
+ }
86
+
87
+ .announcement-dismiss:focus-visible {
88
+ outline: 2px solid var(--hot-color-primary-500);
89
+ outline-offset: 2px;
90
+ }
91
+ `,s([l({type:String})],e.prototype,"version",1),s([l({type:String})],e.prototype,"title",1),s([l({type:String})],e.prototype,"message",1),s([l({type:String})],e.prototype,"variant",1),s([l({type:String,attribute:"dismiss-label"})],e.prototype,"dismissLabel",1),s([l({type:String,attribute:"storage-key"})],e.prototype,"storageKey",1),s([l({type:String})],e.prototype,"src",1),s([g()],e.prototype,"visible",2),s([g()],e.prototype,"startsAt",2),s([g()],e.prototype,"endsAt",2);var T=e;export{e as a,T as b};
package/dist/components/announcement/announcement.component.d.ts CHANGED
@@ -8,7 +8,11 @@ export declare class Announcement extends LitElement {
8
8
  accessor version: string;
9
9
  /** Optional bold headline shown before the body content. */
10
10
  accessor title: string;
11
- /** Plain-text body shown when no slotted content is provided. */
11
+ /**
12
+ * Body shown when no slotted content is provided. Links may be written as
13
+ * markdown `[label](url)` or as a bare URL; all other markup is shown as
14
+ * literal text, since a remote `src` config is not a trusted HTML source.
15
+ */
12
16
  accessor message: string;
13
17
  /** Visual variant mapped onto wa-callout. */
14
18
  accessor variant: AnnouncementVariant;
@@ -42,6 +46,8 @@ export declare class Announcement extends LitElement {
42
46
  private _loadRemoteConfig;
43
47
  private _applyRemoteConfig;
44
48
  private _evaluateVisibility;
49
+ /** Render `message` as text, turning any links it contains into anchors. */
50
+ private renderMessage;
45
51
  protected render(): import("lit").TemplateResult<1> | null;
46
52
  }
47
53
  export default Announcement;
package/dist/components/announcement/announcement.component.js CHANGED
@@ -1 +1 @@
1
- import{a,b}from"../../chunks/chunk.NZ24D6VL.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as Announcement,b as default};
1
+ import{a,b}from"../../chunks/chunk.WENKDNDZ.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as Announcement,b as default};
package/dist/components/announcement/announcement.js CHANGED
@@ -1 +1 @@
1
- import{a}from"../../chunks/chunk.AD6PBOLJ.js";import"../../chunks/chunk.NZ24D6VL.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
1
+ import{a}from"../../chunks/chunk.IASKXF74.js";import"../../chunks/chunk.WENKDNDZ.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
package/dist/components/tool-menu/tool-menu.component.d.ts CHANGED
@@ -1,9 +1,7 @@
1
1
  import { LitElement } from "lit";
2
2
  export declare class HotToolMenu extends LitElement {
3
3
  static styles: import("lit").CSSResult;
4
- showLogos: boolean;
5
4
  private tools;
6
- private getToolsBySection;
7
5
  private handleSelect;
8
6
  render(): import("lit").TemplateResult<1>;
9
7
  }
package/dist/components/tool-menu/tool-menu.component.js CHANGED
@@ -1 +1 @@
1
- import{a,b}from"../../chunks/chunk.24HG5LKA.js";import"../../chunks/chunk.DCR6GEE6.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as HotToolMenu,b as default};
1
+ import{a,b}from"../../chunks/chunk.SOBALH23.js";import"../../chunks/chunk.M2F6Z3GI.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as HotToolMenu,b as default};
package/dist/components/tool-menu/tool-menu.js CHANGED
@@ -1 +1 @@
1
- import{a}from"../../chunks/chunk.V7C4W6GD.js";import"../../chunks/chunk.24HG5LKA.js";import"../../chunks/chunk.DCR6GEE6.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
1
+ import{a}from"../../chunks/chunk.THIZOVTW.js";import"../../chunks/chunk.SOBALH23.js";import"../../chunks/chunk.M2F6Z3GI.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
package/dist/components/tool-menu/tool-menu.styles.js CHANGED
@@ -1 +1 @@
1
- import{a}from"../../chunks/chunk.DCR6GEE6.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as styles};
1
+ import{a}from"../../chunks/chunk.M2F6Z3GI.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as styles};
package/dist/hotosm-ui.js CHANGED
@@ -1 +1 @@
1
- import{a as p}from"./chunks/chunk.ZG2J5SU5.js";import"./chunks/chunk.34AG3B2Y.js";import"./chunks/chunk.ZKUACKKG.js";import{a as y}from"./chunks/chunk.V7C4W6GD.js";import"./chunks/chunk.24HG5LKA.js";import"./chunks/chunk.DCR6GEE6.js";import{a as u}from"./chunks/chunk.V5BQICX2.js";import"./chunks/chunk.DNXHV7I7.js";import{a as S}from"./chunks/chunk.NZMGMJCM.js";import{a as m}from"./chunks/chunk.L2GREEZE.js";import"./chunks/chunk.LLGJXBVH.js";import"./chunks/chunk.UB7NXUCE.js";import{a as f}from"./chunks/chunk.AD6PBOLJ.js";import"./chunks/chunk.NZ24D6VL.js";import{a as d}from"./chunks/chunk.N7SRHM5F.js";import"./chunks/chunk.ZZ7X3H3S.js";import"./chunks/chunk.KO4EOD3I.js";import"./chunks/chunk.TUEFHEUN.js";import"./chunks/chunk.IKKWEPSE.js";import"./chunks/chunk.L7KUSNV7.js";import{a as h}from"./chunks/chunk.MKQTK2RW.js";import"./chunks/chunk.NCBKWO6J.js";import"./chunks/chunk.UVBWHOA2.js";import"./chunks/chunk.ZETV7TDG.js";import"./chunks/chunk.QABMDRWR.js";import"./chunks/chunk.N2W26RCT.js";function a(t,e=document){let o=[],r=e.querySelectorAll(t);return o.push(...Array.from(r)),e.querySelectorAll("*").forEach(i=>{i.shadowRoot&&o.push(...a(t,i.shadowRoot))}),o}function g(t){let{css:e,selector:o="wa-button",all:r=!0,styleId:s="hot-theme-injection"}=t;(r?a(o):[a(o)[0]].filter(Boolean)).forEach(n=>{if(!n)return;let c=()=>{if(!n.shadowRoot){setTimeout(c,10);return}if(n.shadowRoot.getElementById(s))return;let l=document.createElement("style");l.id=s,l.textContent=e,n.shadowRoot.appendChild(l)};c()})}export{f as Announcement,d as Consent,S as FileInputDropzone,m as Header,h as ListCard,p as Logo,y as ToolMenu,u as Tracking,g as injectCSSIntoShadowDOM};
1
+ import{a as p}from"./chunks/chunk.ZG2J5SU5.js";import"./chunks/chunk.34AG3B2Y.js";import"./chunks/chunk.ZKUACKKG.js";import{a as y}from"./chunks/chunk.THIZOVTW.js";import"./chunks/chunk.SOBALH23.js";import"./chunks/chunk.M2F6Z3GI.js";import{a as u}from"./chunks/chunk.V5BQICX2.js";import"./chunks/chunk.DNXHV7I7.js";import{a as S}from"./chunks/chunk.NZMGMJCM.js";import{a as m}from"./chunks/chunk.L2GREEZE.js";import"./chunks/chunk.LLGJXBVH.js";import"./chunks/chunk.UB7NXUCE.js";import{a as f}from"./chunks/chunk.IASKXF74.js";import"./chunks/chunk.WENKDNDZ.js";import{a as d}from"./chunks/chunk.N7SRHM5F.js";import"./chunks/chunk.ZZ7X3H3S.js";import"./chunks/chunk.KO4EOD3I.js";import"./chunks/chunk.TUEFHEUN.js";import"./chunks/chunk.IKKWEPSE.js";import"./chunks/chunk.L7KUSNV7.js";import{a as h}from"./chunks/chunk.MKQTK2RW.js";import"./chunks/chunk.NCBKWO6J.js";import"./chunks/chunk.UVBWHOA2.js";import"./chunks/chunk.ZETV7TDG.js";import"./chunks/chunk.QABMDRWR.js";import"./chunks/chunk.N2W26RCT.js";function a(t,e=document){let o=[],r=e.querySelectorAll(t);return o.push(...Array.from(r)),e.querySelectorAll("*").forEach(i=>{i.shadowRoot&&o.push(...a(t,i.shadowRoot))}),o}function g(t){let{css:e,selector:o="wa-button",all:r=!0,styleId:s="hot-theme-injection"}=t;(r?a(o):[a(o)[0]].filter(Boolean)).forEach(n=>{if(!n)return;let c=()=>{if(!n.shadowRoot){setTimeout(c,10);return}if(n.shadowRoot.getElementById(s))return;let l=document.createElement("style");l.id=s,l.textContent=e,n.shadowRoot.appendChild(l)};c()})}export{f as Announcement,d as Consent,S as FileInputDropzone,m as Header,h as ListCard,p as Logo,y as ToolMenu,u as Tracking,g as injectCSSIntoShadowDOM};
package/dist/style-core.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;700&family=Barlow:wght@400;500;700&family=Barlow+Condensed:wght@400;500;700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root,:host,.hot-theme-light{--hot-color-red-950: #a52a28;--hot-color-red-900: #b9302d;--hot-color-red-800: #b83032;--hot-color-red-700: #c53639;--hot-color-red-600: #d73f3f;--hot-color-red-500: #d43f3f;--hot-color-red-400: #ed5c5e;--hot-color-red-300: #e27a7d;--hot-color-red-200: #ec9ea1;--hot-color-red-100: #fed1d7;--hot-color-red-50: #feecef;--hot-color-rose-950: #3e030b;--hot-color-rose-900: #4b040e;--hot-color-rose-800: #5c1517;--hot-color-rose-700: #6b231d;--hot-color-rose-600: #7c2e26;--hot-color-rose-500: #7d463f;--hot-color-rose-400: #9e6960;--hot-color-rose-300: #b3837b;--hot-color-rose-200: #cfa59e;--hot-color-rose-100: #eac7c0;--hot-color-rose-50: #ffe6de;--hot-color-yellow-950: #cc6508;--hot-color-yellow-900: #e8750c;--hot-color-yellow-800: #f77d0f;--hot-color-yellow-700: #faa71e;--hot-color-yellow-600: #fcbf26;--hot-color-yellow-500: #fed82e;--hot-color-yellow-400: #fae62e;--hot-color-yellow-300: #fdeb51;--hot-color-yellow-200: #fff072;--hot-color-yellow-100: #ffebcf;--hot-color-yellow-50: #fff9c3;--hot-color-blue-950: #111c31;--hot-color-blue-900: #182642;--hot-color-blue-800: #20365b;--hot-color-blue-700: #263f68;--hot-color-blue-600: #2e4873;--hot-color-blue-500: #344f7b;--hot-color-blue-400: #53688b;--hot-color-blue-300: #71829e;--hot-color-blue-200: #97a5ba;--hot-color-blue-100: #bfc8d6;--hot-color-blue-50: #e6e9ee;--hot-color-cyan-950: #2b514f;--hot-color-cyan-900: #366361;--hot-color-cyan-800: #408789;--hot-color-cyan-700: #459ba0;--hot-color-cyan-600: #4bb1b9;--hot-color-cyan-500: #50c1cb;--hot-color-cyan-400: #58cbd1;--hot-color-cyan-300: #6ad4d9;--hot-color-cyan-200: #8fe1e3;--hot-color-cyan-100: #b9eded;--hot-color-cyan-50: #e3f8f8;--hot-color-gray-950: #2c3038;--hot-color-gray-900: #404248;--hot-color-gray-800: #515057;--hot-color-gray-700: #615f66;--hot-color-gray-600: #716f73;--hot-color-gray-500: #828085;--hot-color-gray-400: #9a969b;--hot-color-gray-300: #b3b0b3;--hot-color-gray-200: #c4c3c5;--hot-color-gray-100: #e1e0e1;--hot-color-gray-50: #f3f3f3;--hot-color-primary-950: var(--hot-color-red-950);--hot-color-primary-900: var(--hot-color-red-900);--hot-color-primary-800: var(--hot-color-red-800);--hot-color-primary-700: var(--hot-color-red-700);--hot-color-primary-600: var(--hot-color-red-600);--hot-color-primary-500: var(--hot-color-red-500);--hot-color-primary-400: var(--hot-color-red-400);--hot-color-primary-300: var(--hot-color-red-300);--hot-color-primary-200: var(--hot-color-red-200);--hot-color-primary-100: var(--hot-color-red-100);--hot-color-primary-50: var(--hot-color-red-50);--hot-color-danger-950: var(--hot-color-red-950);--hot-color-danger-900: var(--hot-color-red-900);--hot-color-danger-800: var(--hot-color-red-800);--hot-color-danger-700: var(--hot-color-red-700);--hot-color-danger-600: var(--hot-color-red-600);--hot-color-danger-500: var(--hot-color-red-500);--hot-color-danger-400: var(--hot-color-red-400);--hot-color-danger-300: var(--hot-color-red-300);--hot-color-danger-200: var(--hot-color-red-200);--hot-color-danger-100: var(--hot-color-red-100);--hot-color-danger-50: var(--hot-color-red-50);--hot-color-warning-950: var(--hot-color-yellow-950);--hot-color-warning-900: var(--hot-color-yellow-900);--hot-color-warning-800: var(--hot-color-yellow-800);--hot-color-warning-700: var(--hot-color-yellow-700);--hot-color-warning-600: var(--hot-color-yellow-600);--hot-color-warning-500: var(--hot-color-yellow-500);--hot-color-warning-400: var(--hot-color-yellow-400);--hot-color-warning-300: var(--hot-color-yellow-300);--hot-color-warning-200: var(--hot-color-yellow-200);--hot-color-warning-100: var(--hot-color-yellow-100);--hot-color-warning-50: var(--hot-color-yellow-50);--hot-color-success-950: #2b514f;--hot-color-success-900: #366361;--hot-color-success-800: #408789;--hot-color-success-700: #459ba0;--hot-color-success-600: #4bb1b9;--hot-color-success-500: #50c1cb;--hot-color-success-400: #58cbd1;--hot-color-success-300: #6ad4d9;--hot-color-success-200: #8fe1e3;--hot-color-success-100: #b9eded;--hot-color-success-50: #e3f8f8;--hot-color-neutral-1000: #ffffff;--hot-color-neutral-950: var(--hot-color-gray-950);--hot-color-neutral-900: var(--hot-color-gray-900);--hot-color-neutral-800: var(--hot-color-gray-800);--hot-color-neutral-700: var(--hot-color-gray-700);--hot-color-neutral-600: var(--hot-color-gray-600);--hot-color-neutral-500: var(--hot-color-gray-500);--hot-color-neutral-400: var(--hot-color-gray-400);--hot-color-neutral-300: var(--hot-color-gray-300);--hot-color-neutral-200: var(--hot-color-gray-200);--hot-color-neutral-100: var(--hot-color-gray-100);--hot-color-neutral-50: var(--hot-color-gray-50);--hot-color-neutral-0: #000000;--hot-font-sans: Archivo, -apple-system, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--hot-font-sans-variant: "Barlow";--hot-font-sans-variant-condensed: "Barlow Condensed";--hot-font-serif: Georgia, "Times New Roman", serif;--hot-font-mono: Menlo, Monaco, Consolas, "Courier New", monospace, Consolas, "Liberation Mono", Menlo, monospace;--hot-font-size-2x-small: .625rem;--hot-font-size-x-small: .75rem;--hot-font-size-small: .875rem;--hot-font-size-medium: 1rem;--hot-font-size-large: 1.25rem;--hot-font-size-x-large: 1.5rem;--hot-font-size-2x-large: 2.25rem;--hot-font-size-3x-large: 3rem;--hot-font-size-4x-large: 4.5rem;--hot-font-weight-light: 300;--hot-font-weight-normal: 400;--hot-font-weight-semibold: 500;--hot-font-weight-bold: 700;--hot-letter-spacing-denser: -.03em;--hot-letter-spacing-dense: -.015em;--hot-letter-spacing-normal: normal;--hot-letter-spacing-loose: .075em;--hot-letter-spacing-looser: .15em;--hot-line-height-denser: 1;--hot-line-height-dense: 1.4;--hot-line-height-normal: 1.8;--hot-line-height-loose: 2.2;--hot-line-height-looser: 2.6;--hot-spacing-3x-small: .125rem;--hot-spacing-2x-small: .25rem;--hot-spacing-x-small: .5rem;--hot-spacing-small: .75rem;--hot-spacing-medium: 1rem;--hot-spacing-large: 1.25rem;--hot-spacing-x-large: 1.75rem;--hot-spacing-2x-large: 2.25rem;--hot-spacing-3x-large: 3rem;--hot-spacing-4x-large: 4.5rem;--hot-border-radius-small: .1875rem;--hot-border-radius-medium: .25rem;--hot-border-radius-large: .5rem;--hot-border-radius-x-large: 1rem;--hot-border-radius-circle: 50%;--hot-border-radius-pill: 9999px}.gradient-button::part(base){background:linear-gradient(217deg,var(--wa-color-indigo-50),var(--wa-color-purple-50),var(--wa-color-red-50));border:solid 1px var(--wa-color-purple-50);transition:transform .1s,box-shadow .1s}.gradient-button::part(base):hover{box-shadow:var(--wa-shadow-m);transform:translateY(-3px)}.gradient-button::part(base):active{box-shadow:inset var(--wa-shadow-s);transform:translateY(0)}.gradient-button::part(label){color:#fff;text-shadow:rgb(0 0 0 / .3) 0 -1px}@layer wa-color-palette{:where(:root),.wa-palette-hotosm{--wa-color-red-95: var(--hot-color-red-50);--wa-color-red-90: var(--hot-color-red-100);--wa-color-red-80: var(--hot-color-red-200);--wa-color-red-70: var(--hot-color-red-300);--wa-color-red-60: var(--hot-color-red-400);--wa-color-red-50: var(--hot-color-red-500);--wa-color-red-40: var(--hot-color-red-600);--wa-color-red-30: var(--hot-color-red-700);--wa-color-red-20: var(--hot-color-red-800);--wa-color-red-10: var(--hot-color-red-900);--wa-color-red-05: var(--hot-color-red-950);--wa-color-red: var(--wa-color-red-50);--wa-color-red-key: 50;--wa-color-orange-95: var(--hot-color-rose-50);--wa-color-orange-90: var(--hot-color-rose-100);--wa-color-orange-80: var(--hot-color-rose-200);--wa-color-orange-70: var(--hot-color-rose-300);--wa-color-orange-60: var(--hot-color-rose-400);--wa-color-orange-50: var(--hot-color-rose-500);--wa-color-orange-40: var(--hot-color-rose-600);--wa-color-orange-30: var(--hot-color-rose-700);--wa-color-orange-20: var(--hot-color-rose-800);--wa-color-orange-10: var(--hot-color-rose-900);--wa-color-orange-05: var(--hot-color-rose-950);--wa-color-orange: var(--wa-color-orange-60);--wa-color-orange-key: 60;--wa-color-yellow-95: var(--hot-color-yellow-50);--wa-color-yellow-90: var(--hot-color-yellow-100);--wa-color-yellow-80: var(--hot-color-yellow-200);--wa-color-yellow-70: var(--hot-color-yellow-300);--wa-color-yellow-60: var(--hot-color-yellow-400);--wa-color-yellow-50: var(--hot-color-yellow-500);--wa-color-yellow-40: var(--hot-color-yellow-600);--wa-color-yellow-30: var(--hot-color-yellow-700);--wa-color-yellow-20: var(--hot-color-yellow-800);--wa-color-yellow-10: var(--hot-color-yellow-900);--wa-color-yellow-05: var(--hot-color-yellow-950);--wa-color-yellow: var(--wa-color-yellow-80);--wa-color-yellow-key: 80;--wa-color-cyan-95: var(--hot-color-cyan-50);--wa-color-cyan-90: var(--hot-color-cyan-100);--wa-color-cyan-80: var(--hot-color-cyan-200);--wa-color-cyan-70: var(--hot-color-cyan-300);--wa-color-cyan-60: var(--hot-color-cyan-400);--wa-color-cyan-50: var(--hot-color-cyan-500);--wa-color-cyan-40: var(--hot-color-cyan-600);--wa-color-cyan-30: var(--hot-color-cyan-700);--wa-color-cyan-20: var(--hot-color-cyan-800);--wa-color-cyan-10: var(--hot-color-cyan-900);--wa-color-cyan-05: var(--hot-color-cyan-950);--wa-color-cyan: var(--wa-color-cyan-70);--wa-color-cyan-key: 70;--wa-color-blue-95: var(--hot-color-blue-50);--wa-color-blue-90: var(--hot-color-blue-100);--wa-color-blue-80: var(--hot-color-blue-200);--wa-color-blue-70: var(--hot-color-blue-300);--wa-color-blue-60: var(--hot-color-blue-400);--wa-color-blue-50: var(--hot-color-blue-500);--wa-color-blue-40: var(--hot-color-blue-600);--wa-color-blue-30: var(--hot-color-blue-700);--wa-color-blue-20: var(--hot-color-blue-800);--wa-color-blue-10: var(--hot-color-blue-900);--wa-color-blue-05: var(--hot-color-blue-950);--wa-color-blue: var(--wa-color-blue-50);--wa-color-blue-key: 50;--wa-color-gray-95: var(--hot-color-gray-50);--wa-color-gray-90: var(--hot-color-gray-100);--wa-color-gray-80: var(--hot-color-gray-200);--wa-color-gray-70: var(--hot-color-gray-300);--wa-color-gray-60: var(--hot-color-gray-400);--wa-color-gray-50: var(--hot-color-gray-500);--wa-color-gray-40: var(--hot-color-gray-600);--wa-color-gray-30: var(--hot-color-gray-700);--wa-color-gray-20: var(--hot-color-gray-800);--wa-color-gray-10: var(--hot-color-gray-900);--wa-color-gray-05: var(--hot-color-gray-950);--wa-color-gray: var(--wa-color-gray-40);--wa-color-gray-key: 40;--wa-color-brand-95: var(--hot-color-primary-50);--wa-color-brand-90: var(--hot-color-primary-100);--wa-color-brand-80: var(--hot-color-primary-200);--wa-color-brand-70: var(--hot-color-primary-300);--wa-color-brand-60: var(--hot-color-primary-400);--wa-color-brand-50: var(--hot-color-primary-500);--wa-color-brand-40: var(--hot-color-primary-600);--wa-color-brand-30: var(--hot-color-primary-700);--wa-color-brand-20: var(--hot-color-primary-800);--wa-color-brand-10: var(--hot-color-primary-900);--wa-color-brand-05: var(--hot-color-primary-950);--wa-color-brand: var(--wa-color-brand-50);--wa-color-brand-key: 50;--wa-color-neutral-95: var(--hot-color-neutral-50);--wa-color-neutral-90: var(--hot-color-neutral-100);--wa-color-neutral-80: var(--hot-color-neutral-200);--wa-color-neutral-70: var(--hot-color-neutral-300);--wa-color-neutral-60: var(--hot-color-neutral-400);--wa-color-neutral-50: var(--hot-color-neutral-500);--wa-color-neutral-40: var(--hot-color-neutral-600);--wa-color-neutral-30: var(--hot-color-neutral-700);--wa-color-neutral-20: var(--hot-color-neutral-800);--wa-color-neutral-10: var(--hot-color-neutral-900);--wa-color-neutral-05: var(--hot-color-neutral-950);--wa-color-neutral: var(--wa-color-neutral-40);--wa-color-neutral-key: 40;--wa-color-success-95: var(--hot-color-success-50);--wa-color-success-90: var(--hot-color-success-100);--wa-color-success-80: var(--hot-color-success-200);--wa-color-success-70: var(--hot-color-success-300);--wa-color-success-60: var(--hot-color-success-400);--wa-color-success-50: var(--hot-color-success-500);--wa-color-success-40: var(--hot-color-success-600);--wa-color-success-30: var(--hot-color-success-700);--wa-color-success-20: var(--hot-color-success-800);--wa-color-success-10: var(--hot-color-success-900);--wa-color-success-05: var(--hot-color-success-950);--wa-color-success: var(--wa-color-success-60);--wa-color-success-key: 60;--wa-color-warning-95: var(--hot-color-warning-50);--wa-color-warning-90: var(--hot-color-warning-100);--wa-color-warning-80: var(--hot-color-warning-200);--wa-color-warning-70: var(--hot-color-warning-300);--wa-color-warning-60: var(--hot-color-warning-400);--wa-color-warning-50: var(--hot-color-warning-500);--wa-color-warning-40: var(--hot-color-warning-600);--wa-color-warning-30: var(--hot-color-warning-700);--wa-color-warning-20: var(--hot-color-warning-800);--wa-color-warning-10: var(--hot-color-warning-900);--wa-color-warning-05: var(--hot-color-warning-950);--wa-color-warning: var(--wa-color-warning-80);--wa-color-warning-key: 80;--wa-color-danger-95: var(--hot-color-danger-50);--wa-color-danger-90: var(--hot-color-danger-100);--wa-color-danger-80: var(--hot-color-danger-200);--wa-color-danger-70: var(--hot-color-danger-300);--wa-color-danger-60: var(--hot-color-danger-400);--wa-color-danger-50: var(--hot-color-danger-500);--wa-color-danger-40: var(--hot-color-danger-600);--wa-color-danger-30: var(--hot-color-danger-700);--wa-color-danger-20: var(--hot-color-danger-800);--wa-color-danger-10: var(--hot-color-danger-900);--wa-color-danger-05: var(--hot-color-danger-950);--wa-color-danger: var(--wa-color-danger-50);--wa-color-danger-key: 50;--wa-color-green-95: #e3f9e3 ;--wa-color-green-90: #c2f2c1 ;--wa-color-green-80: #93da98 ;--wa-color-green-70: #5dc36f ;--wa-color-green-60: #00ac49 ;--wa-color-green-50: #00883c ;--wa-color-green-40: #036730 ;--wa-color-green-30: #0a5027 ;--wa-color-green-20: #0a3a1d ;--wa-color-green-10: #052310 ;--wa-color-green-05: #031608 ;--wa-color-green: var(--wa-color-green-60);--wa-color-green-key: 60;--wa-color-indigo-95: #f0f2ff ;--wa-color-indigo-90: #dfe5ff ;--wa-color-indigo-80: #bcc7ff ;--wa-color-indigo-70: #9da9ff ;--wa-color-indigo-60: #808aff ;--wa-color-indigo-50: #6163f2 ;--wa-color-indigo-40: #4945cb ;--wa-color-indigo-30: #3933a7 ;--wa-color-indigo-20: #292381 ;--wa-color-indigo-10: #181255 ;--wa-color-indigo-05: #0d0a3a ;--wa-color-indigo: var(--wa-color-indigo-50);--wa-color-indigo-key: 50;--wa-color-purple-95: #f7f0ff ;--wa-color-purple-90: #eedfff ;--wa-color-purple-80: #ddbdff ;--wa-color-purple-70: #ca99ff ;--wa-color-purple-60: #b678f5 ;--wa-color-purple-50: #9951db ;--wa-color-purple-40: #7936b3 ;--wa-color-purple-30: #612692 ;--wa-color-purple-20: #491870 ;--wa-color-purple-10: #2d0b48 ;--wa-color-purple-05: #1e0532 ;--wa-color-purple: var(--wa-color-purple-50);--wa-color-purple-key: 50;--wa-color-pink-95: #feeff9 ;--wa-color-pink-90: #feddf0 ;--wa-color-pink-80: #fcb5d8 ;--wa-color-pink-70: #f78dbf ;--wa-color-pink-60: #e66ba3 ;--wa-color-pink-50: #c84382 ;--wa-color-pink-40: #9e2a6c ;--wa-color-pink-30: #7d1e58 ;--wa-color-pink-20: #5e1342 ;--wa-color-pink-10: #3c0828 ;--wa-color-pink-05: #28041a ;--wa-color-pink: var(--wa-color-pink-50);--wa-color-pink-key: 50}}@layer wa-theme{:where(:root),.wa-theme-default,.wa-light,.wa-dark .wa-invert,.wa-light .wa-theme-default,.wa-dark .wa-theme-default.wa-invert,.wa-dark .wa-theme-default .wa-invert{color-scheme:light;color:var(--wa-color-text-normal);--wa-color-surface-raised: white;--wa-color-surface-default: white;--wa-color-surface-lowered: var(--hot-color-neutral-50);--wa-color-surface-border: var(--hot-color-neutral-100);--wa-color-text-normal: var(--hot-color-neutral-900);--wa-color-text-quiet: var(--hot-color-neutral-600);--wa-color-text-link: var(--hot-color-primary-600);--wa-color-overlay-modal: color-mix(in oklab, var(--hot-color-neutral-950) 50%, transparent);--wa-color-overlay-inline: color-mix(in oklab, var(--hot-color-neutral-200) 25%, transparent);--wa-color-shadow: color-mix( in oklab, var(--hot-color-neutral-950) calc(var(--wa-shadow-blur-scale) * 4% + 8%), transparent );--wa-color-focus: var(--hot-color-primary-400);--wa-color-mix-hover: black 10%;--wa-color-mix-active: black 20%;--wa-color-brand-fill-quiet: var(--wa-color-brand-95);--wa-color-brand-fill-normal: var(--wa-color-brand-90);--wa-color-brand-fill-loud: var(--wa-color-brand-50);--wa-color-brand-border-quiet: var(--wa-color-brand-90);--wa-color-brand-border-normal: var(--wa-color-brand-80);--wa-color-brand-border-loud: var(--wa-color-brand-60);--wa-color-brand-on-quiet: var(--wa-color-brand-40);--wa-color-brand-on-normal: var(--wa-color-brand-30);--wa-color-brand-on-loud: white;--wa-color-success-fill-quiet: var(--wa-color-success-95);--wa-color-success-fill-normal: var(--wa-color-success-90);--wa-color-success-fill-loud: var(--wa-color-success-50);--wa-color-success-border-quiet: var(--wa-color-success-90);--wa-color-success-border-normal: var(--wa-color-success-80);--wa-color-success-border-loud: var(--wa-color-success-60);--wa-color-success-on-quiet: var( --wa-color-success-20 );--wa-color-success-on-normal: var(--wa-color-success-20);--wa-color-success-on-loud: white;--wa-color-warning-fill-quiet: var(--wa-color-warning-95);--wa-color-warning-fill-normal: var(--wa-color-warning-90);--wa-color-warning-fill-loud: var(--wa-color-warning-50);--wa-color-warning-border-quiet: var(--wa-color-warning-90);--wa-color-warning-border-normal: var(--wa-color-warning-80);--wa-color-warning-border-loud: var(--wa-color-warning-40);--wa-color-warning-on-quiet: var( --wa-color-warning-05 );--wa-color-warning-on-normal: var(--wa-color-warning-05);--wa-color-warning-on-loud: var( --wa-color-warning-05 );--wa-color-danger-fill-quiet: var(--wa-color-danger-95);--wa-color-danger-fill-normal: var(--wa-color-danger-90);--wa-color-danger-fill-loud: var(--wa-color-danger-50);--wa-color-danger-border-quiet: var(--wa-color-danger-90);--wa-color-danger-border-normal: var(--wa-color-danger-80);--wa-color-danger-border-loud: var(--wa-color-danger-60);--wa-color-danger-on-quiet: var(--wa-color-danger-05);--wa-color-danger-on-normal: var(--wa-color-danger-05);--wa-color-danger-on-loud: white;--wa-color-neutral-fill-quiet: var(--wa-color-neutral-95);--wa-color-neutral-fill-normal: var(--wa-color-neutral-90);--wa-color-neutral-fill-loud: var(--wa-color-neutral-80);--wa-color-neutral-border-quiet: var(--wa-color-neutral-90);--wa-color-neutral-border-normal: var(--wa-color-neutral-80);--wa-color-neutral-border-loud: var(--wa-color-neutral-60);--wa-color-neutral-on-quiet: var(--wa-color-neutral-05);--wa-color-neutral-on-normal: var(--wa-color-neutral-05);--wa-color-neutral-on-loud: var( --wa-color-neutral-05 )}:where(:root),.wa-theme-default,.wa-light,.wa-dark,.wa-invert{--wa-font-family-body: var(--hot-font-sans);--wa-font-family-heading: var(--hot-font-sans-variant-condensed);--wa-font-family-code: var(--hot-font-mono);--wa-font-family-longform: var(--hot-font-serif);--wa-font-size-2xs: var(--hot-font-size-2x-small);--wa-font-size-xs: var(--hot-font-size-x-small);--wa-font-size-s: var(--hot-font-size-small);--wa-font-size-m: var(--hot-font-size-medium);--wa-font-size-l: var(--hot-font-size-large);--wa-font-size-xl: var(--hot-font-size-x-large);--wa-font-size-2xl: var(--hot-font-size-2x-large);--wa-font-size-3xl: var(--hot-font-size-3x-large);--wa-font-size-4xl: var(--hot-font-size-4x-large);--wa-font-weight-light: var(--hot-font-weight-light);--wa-font-weight-normal: var(--hot-font-weight-normal);--wa-font-weight-semibold: var(--hot-font-weight-semibold);--wa-font-weight-bold: var(--hot-font-weight-bold);--wa-font-weight-body: var(--wa-font-weight-normal);--wa-font-weight-heading: var(--wa-font-weight-bold);--wa-font-weight-code: var(--wa-font-weight-normal);--wa-font-weight-longform: var(--wa-font-weight-normal);--wa-font-weight-action: var(--wa-font-weight-semibold);--wa-line-height-condensed: var(--hot-line-height-dense);--wa-line-height-normal: var(--hot-line-height-normal);--wa-line-height-expanded: var(--hot-line-height-loose);--wa-space-3xs: var(--hot-spacing-3x-small);--wa-space-2xs: var(--hot-spacing-2x-small);--wa-space-xs: var(--hot-spacing-x-small);--wa-space-s: var(--hot-spacing-small);--wa-space-m: var(--hot-spacing-medium);--wa-space-l: var(--hot-spacing-large);--wa-space-xl: var(--hot-spacing-x-large);--wa-space-2xl: var(--hot-spacing-2x-large);--wa-space-3xl: var(--hot-spacing-3x-large);--wa-space-4xl: var(--hot-spacing-4x-large);--wa-border-radius-s: var(--hot-border-radius-small);--wa-border-radius-m: var(--hot-border-radius-medium);--wa-border-radius-l: var(--hot-border-radius-large);--wa-border-radius-pill: var(--hot-border-radius-pill);--wa-border-radius-circle: var(--hot-border-radius-circle)}}
1
+ :root,:host,.hot-theme-light{--hot-color-red-950: #a52a28;--hot-color-red-900: #b9302d;--hot-color-red-800: #b83032;--hot-color-red-700: #c53639;--hot-color-red-600: #d73f3f;--hot-color-red-500: #d43f3f;--hot-color-red-400: #ed5c5e;--hot-color-red-300: #e27a7d;--hot-color-red-200: #ec9ea1;--hot-color-red-100: #fed1d7;--hot-color-red-50: #feecef;--hot-color-rose-950: #3e030b;--hot-color-rose-900: #4b040e;--hot-color-rose-800: #5c1517;--hot-color-rose-700: #6b231d;--hot-color-rose-600: #7c2e26;--hot-color-rose-500: #7d463f;--hot-color-rose-400: #9e6960;--hot-color-rose-300: #b3837b;--hot-color-rose-200: #cfa59e;--hot-color-rose-100: #eac7c0;--hot-color-rose-50: #ffe6de;--hot-color-yellow-950: #cc6508;--hot-color-yellow-900: #e8750c;--hot-color-yellow-800: #f77d0f;--hot-color-yellow-700: #faa71e;--hot-color-yellow-600: #fcbf26;--hot-color-yellow-500: #fed82e;--hot-color-yellow-400: #fae62e;--hot-color-yellow-300: #fdeb51;--hot-color-yellow-200: #fff072;--hot-color-yellow-100: #ffebcf;--hot-color-yellow-50: #fff9c3;--hot-color-blue-950: #111c31;--hot-color-blue-900: #182642;--hot-color-blue-800: #20365b;--hot-color-blue-700: #263f68;--hot-color-blue-600: #2e4873;--hot-color-blue-500: #344f7b;--hot-color-blue-400: #53688b;--hot-color-blue-300: #71829e;--hot-color-blue-200: #97a5ba;--hot-color-blue-100: #bfc8d6;--hot-color-blue-50: #e6e9ee;--hot-color-cyan-950: #2b514f;--hot-color-cyan-900: #366361;--hot-color-cyan-800: #408789;--hot-color-cyan-700: #459ba0;--hot-color-cyan-600: #4bb1b9;--hot-color-cyan-500: #50c1cb;--hot-color-cyan-400: #58cbd1;--hot-color-cyan-300: #6ad4d9;--hot-color-cyan-200: #8fe1e3;--hot-color-cyan-100: #b9eded;--hot-color-cyan-50: #e3f8f8;--hot-color-gray-950: #2c3038;--hot-color-gray-900: #404248;--hot-color-gray-800: #515057;--hot-color-gray-700: #615f66;--hot-color-gray-600: #716f73;--hot-color-gray-500: #828085;--hot-color-gray-400: #9a969b;--hot-color-gray-300: #b3b0b3;--hot-color-gray-200: #c4c3c5;--hot-color-gray-100: #e1e0e1;--hot-color-gray-50: #f3f3f3;--hot-color-primary-950: var(--hot-color-red-950);--hot-color-primary-900: var(--hot-color-red-900);--hot-color-primary-800: var(--hot-color-red-800);--hot-color-primary-700: var(--hot-color-red-700);--hot-color-primary-600: var(--hot-color-red-600);--hot-color-primary-500: var(--hot-color-red-500);--hot-color-primary-400: var(--hot-color-red-400);--hot-color-primary-300: var(--hot-color-red-300);--hot-color-primary-200: var(--hot-color-red-200);--hot-color-primary-100: var(--hot-color-red-100);--hot-color-primary-50: var(--hot-color-red-50);--hot-color-danger-950: var(--hot-color-red-950);--hot-color-danger-900: var(--hot-color-red-900);--hot-color-danger-800: var(--hot-color-red-800);--hot-color-danger-700: var(--hot-color-red-700);--hot-color-danger-600: var(--hot-color-red-600);--hot-color-danger-500: var(--hot-color-red-500);--hot-color-danger-400: var(--hot-color-red-400);--hot-color-danger-300: var(--hot-color-red-300);--hot-color-danger-200: var(--hot-color-red-200);--hot-color-danger-100: var(--hot-color-red-100);--hot-color-danger-50: var(--hot-color-red-50);--hot-color-warning-950: var(--hot-color-yellow-950);--hot-color-warning-900: var(--hot-color-yellow-900);--hot-color-warning-800: var(--hot-color-yellow-800);--hot-color-warning-700: var(--hot-color-yellow-700);--hot-color-warning-600: var(--hot-color-yellow-600);--hot-color-warning-500: var(--hot-color-yellow-500);--hot-color-warning-400: var(--hot-color-yellow-400);--hot-color-warning-300: var(--hot-color-yellow-300);--hot-color-warning-200: var(--hot-color-yellow-200);--hot-color-warning-100: var(--hot-color-yellow-100);--hot-color-warning-50: var(--hot-color-yellow-50);--hot-color-success-950: #2b514f;--hot-color-success-900: #366361;--hot-color-success-800: #408789;--hot-color-success-700: #459ba0;--hot-color-success-600: #4bb1b9;--hot-color-success-500: #50c1cb;--hot-color-success-400: #58cbd1;--hot-color-success-300: #6ad4d9;--hot-color-success-200: #8fe1e3;--hot-color-success-100: #b9eded;--hot-color-success-50: #e3f8f8;--hot-color-neutral-1000: #ffffff;--hot-color-neutral-950: var(--hot-color-gray-950);--hot-color-neutral-900: var(--hot-color-gray-900);--hot-color-neutral-800: var(--hot-color-gray-800);--hot-color-neutral-700: var(--hot-color-gray-700);--hot-color-neutral-600: var(--hot-color-gray-600);--hot-color-neutral-500: var(--hot-color-gray-500);--hot-color-neutral-400: var(--hot-color-gray-400);--hot-color-neutral-300: var(--hot-color-gray-300);--hot-color-neutral-200: var(--hot-color-gray-200);--hot-color-neutral-100: var(--hot-color-gray-100);--hot-color-neutral-50: var(--hot-color-gray-50);--hot-color-neutral-0: #000000;--hot-font-sans: Archivo, -apple-system, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--hot-font-sans-variant: "Barlow";--hot-font-sans-variant-condensed: "Barlow Condensed";--hot-font-serif: Georgia, "Times New Roman", serif;--hot-font-mono: Menlo, Monaco, Consolas, "Courier New", monospace, Consolas, "Liberation Mono", Menlo, monospace;--hot-font-size-2x-small: .625rem;--hot-font-size-x-small: .75rem;--hot-font-size-small: .875rem;--hot-font-size-medium: 1rem;--hot-font-size-large: 1.25rem;--hot-font-size-x-large: 1.5rem;--hot-font-size-2x-large: 2.25rem;--hot-font-size-3x-large: 3rem;--hot-font-size-4x-large: 4.5rem;--hot-font-weight-light: 300;--hot-font-weight-normal: 400;--hot-font-weight-semibold: 500;--hot-font-weight-bold: 700;--hot-letter-spacing-denser: -.03em;--hot-letter-spacing-dense: -.015em;--hot-letter-spacing-normal: normal;--hot-letter-spacing-loose: .075em;--hot-letter-spacing-looser: .15em;--hot-line-height-denser: 1;--hot-line-height-dense: 1.4;--hot-line-height-normal: 1.8;--hot-line-height-loose: 2.2;--hot-line-height-looser: 2.6;--hot-spacing-3x-small: .125rem;--hot-spacing-2x-small: .25rem;--hot-spacing-x-small: .5rem;--hot-spacing-small: .75rem;--hot-spacing-medium: 1rem;--hot-spacing-large: 1.25rem;--hot-spacing-x-large: 1.75rem;--hot-spacing-2x-large: 2.25rem;--hot-spacing-3x-large: 3rem;--hot-spacing-4x-large: 4.5rem;--hot-border-radius-small: .1875rem;--hot-border-radius-medium: .25rem;--hot-border-radius-large: .5rem;--hot-border-radius-x-large: 1rem;--hot-border-radius-circle: 50%;--hot-border-radius-pill: 9999px}.gradient-button::part(base){background:linear-gradient(217deg,var(--wa-color-indigo-50),var(--wa-color-purple-50),var(--wa-color-red-50));border:solid 1px var(--wa-color-purple-50);transition:transform .1s,box-shadow .1s}.gradient-button::part(base):hover{box-shadow:var(--wa-shadow-m);transform:translateY(-3px)}.gradient-button::part(base):active{box-shadow:inset var(--wa-shadow-s);transform:translateY(0)}.gradient-button::part(label){color:#fff;text-shadow:rgb(0 0 0 / .3) 0 -1px}@layer wa-color-palette{:where(:root),.wa-palette-hotosm{--wa-color-red-95: var(--hot-color-red-50);--wa-color-red-90: var(--hot-color-red-100);--wa-color-red-80: var(--hot-color-red-200);--wa-color-red-70: var(--hot-color-red-300);--wa-color-red-60: var(--hot-color-red-400);--wa-color-red-50: var(--hot-color-red-500);--wa-color-red-40: var(--hot-color-red-600);--wa-color-red-30: var(--hot-color-red-700);--wa-color-red-20: var(--hot-color-red-800);--wa-color-red-10: var(--hot-color-red-900);--wa-color-red-05: var(--hot-color-red-950);--wa-color-red: var(--wa-color-red-50);--wa-color-red-key: 50;--wa-color-orange-95: var(--hot-color-rose-50);--wa-color-orange-90: var(--hot-color-rose-100);--wa-color-orange-80: var(--hot-color-rose-200);--wa-color-orange-70: var(--hot-color-rose-300);--wa-color-orange-60: var(--hot-color-rose-400);--wa-color-orange-50: var(--hot-color-rose-500);--wa-color-orange-40: var(--hot-color-rose-600);--wa-color-orange-30: var(--hot-color-rose-700);--wa-color-orange-20: var(--hot-color-rose-800);--wa-color-orange-10: var(--hot-color-rose-900);--wa-color-orange-05: var(--hot-color-rose-950);--wa-color-orange: var(--wa-color-orange-60);--wa-color-orange-key: 60;--wa-color-yellow-95: var(--hot-color-yellow-50);--wa-color-yellow-90: var(--hot-color-yellow-100);--wa-color-yellow-80: var(--hot-color-yellow-200);--wa-color-yellow-70: var(--hot-color-yellow-300);--wa-color-yellow-60: var(--hot-color-yellow-400);--wa-color-yellow-50: var(--hot-color-yellow-500);--wa-color-yellow-40: var(--hot-color-yellow-600);--wa-color-yellow-30: var(--hot-color-yellow-700);--wa-color-yellow-20: var(--hot-color-yellow-800);--wa-color-yellow-10: var(--hot-color-yellow-900);--wa-color-yellow-05: var(--hot-color-yellow-950);--wa-color-yellow: var(--wa-color-yellow-80);--wa-color-yellow-key: 80;--wa-color-cyan-95: var(--hot-color-cyan-50);--wa-color-cyan-90: var(--hot-color-cyan-100);--wa-color-cyan-80: var(--hot-color-cyan-200);--wa-color-cyan-70: var(--hot-color-cyan-300);--wa-color-cyan-60: var(--hot-color-cyan-400);--wa-color-cyan-50: var(--hot-color-cyan-500);--wa-color-cyan-40: var(--hot-color-cyan-600);--wa-color-cyan-30: var(--hot-color-cyan-700);--wa-color-cyan-20: var(--hot-color-cyan-800);--wa-color-cyan-10: var(--hot-color-cyan-900);--wa-color-cyan-05: var(--hot-color-cyan-950);--wa-color-cyan: var(--wa-color-cyan-70);--wa-color-cyan-key: 70;--wa-color-blue-95: var(--hot-color-blue-50);--wa-color-blue-90: var(--hot-color-blue-100);--wa-color-blue-80: var(--hot-color-blue-200);--wa-color-blue-70: var(--hot-color-blue-300);--wa-color-blue-60: var(--hot-color-blue-400);--wa-color-blue-50: var(--hot-color-blue-500);--wa-color-blue-40: var(--hot-color-blue-600);--wa-color-blue-30: var(--hot-color-blue-700);--wa-color-blue-20: var(--hot-color-blue-800);--wa-color-blue-10: var(--hot-color-blue-900);--wa-color-blue-05: var(--hot-color-blue-950);--wa-color-blue: var(--wa-color-blue-50);--wa-color-blue-key: 50;--wa-color-gray-95: var(--hot-color-gray-50);--wa-color-gray-90: var(--hot-color-gray-100);--wa-color-gray-80: var(--hot-color-gray-200);--wa-color-gray-70: var(--hot-color-gray-300);--wa-color-gray-60: var(--hot-color-gray-400);--wa-color-gray-50: var(--hot-color-gray-500);--wa-color-gray-40: var(--hot-color-gray-600);--wa-color-gray-30: var(--hot-color-gray-700);--wa-color-gray-20: var(--hot-color-gray-800);--wa-color-gray-10: var(--hot-color-gray-900);--wa-color-gray-05: var(--hot-color-gray-950);--wa-color-gray: var(--wa-color-gray-40);--wa-color-gray-key: 40;--wa-color-brand-95: var(--hot-color-primary-50);--wa-color-brand-90: var(--hot-color-primary-100);--wa-color-brand-80: var(--hot-color-primary-200);--wa-color-brand-70: var(--hot-color-primary-300);--wa-color-brand-60: var(--hot-color-primary-400);--wa-color-brand-50: var(--hot-color-primary-500);--wa-color-brand-40: var(--hot-color-primary-600);--wa-color-brand-30: var(--hot-color-primary-700);--wa-color-brand-20: var(--hot-color-primary-800);--wa-color-brand-10: var(--hot-color-primary-900);--wa-color-brand-05: var(--hot-color-primary-950);--wa-color-brand: var(--wa-color-brand-50);--wa-color-brand-key: 50;--wa-color-neutral-95: var(--hot-color-neutral-50);--wa-color-neutral-90: var(--hot-color-neutral-100);--wa-color-neutral-80: var(--hot-color-neutral-200);--wa-color-neutral-70: var(--hot-color-neutral-300);--wa-color-neutral-60: var(--hot-color-neutral-400);--wa-color-neutral-50: var(--hot-color-neutral-500);--wa-color-neutral-40: var(--hot-color-neutral-600);--wa-color-neutral-30: var(--hot-color-neutral-700);--wa-color-neutral-20: var(--hot-color-neutral-800);--wa-color-neutral-10: var(--hot-color-neutral-900);--wa-color-neutral-05: var(--hot-color-neutral-950);--wa-color-neutral: var(--wa-color-neutral-40);--wa-color-neutral-key: 40;--wa-color-success-95: var(--hot-color-success-50);--wa-color-success-90: var(--hot-color-success-100);--wa-color-success-80: var(--hot-color-success-200);--wa-color-success-70: var(--hot-color-success-300);--wa-color-success-60: var(--hot-color-success-400);--wa-color-success-50: var(--hot-color-success-500);--wa-color-success-40: var(--hot-color-success-600);--wa-color-success-30: var(--hot-color-success-700);--wa-color-success-20: var(--hot-color-success-800);--wa-color-success-10: var(--hot-color-success-900);--wa-color-success-05: var(--hot-color-success-950);--wa-color-success: var(--wa-color-success-60);--wa-color-success-key: 60;--wa-color-warning-95: var(--hot-color-warning-50);--wa-color-warning-90: var(--hot-color-warning-100);--wa-color-warning-80: var(--hot-color-warning-200);--wa-color-warning-70: var(--hot-color-warning-300);--wa-color-warning-60: var(--hot-color-warning-400);--wa-color-warning-50: var(--hot-color-warning-500);--wa-color-warning-40: var(--hot-color-warning-600);--wa-color-warning-30: var(--hot-color-warning-700);--wa-color-warning-20: var(--hot-color-warning-800);--wa-color-warning-10: var(--hot-color-warning-900);--wa-color-warning-05: var(--hot-color-warning-950);--wa-color-warning: var(--wa-color-warning-80);--wa-color-warning-key: 80;--wa-color-danger-95: var(--hot-color-danger-50);--wa-color-danger-90: var(--hot-color-danger-100);--wa-color-danger-80: var(--hot-color-danger-200);--wa-color-danger-70: var(--hot-color-danger-300);--wa-color-danger-60: var(--hot-color-danger-400);--wa-color-danger-50: var(--hot-color-danger-500);--wa-color-danger-40: var(--hot-color-danger-600);--wa-color-danger-30: var(--hot-color-danger-700);--wa-color-danger-20: var(--hot-color-danger-800);--wa-color-danger-10: var(--hot-color-danger-900);--wa-color-danger-05: var(--hot-color-danger-950);--wa-color-danger: var(--wa-color-danger-50);--wa-color-danger-key: 50;--wa-color-green-95: #e3f9e3 ;--wa-color-green-90: #c2f2c1 ;--wa-color-green-80: #93da98 ;--wa-color-green-70: #5dc36f ;--wa-color-green-60: #00ac49 ;--wa-color-green-50: #00883c ;--wa-color-green-40: #036730 ;--wa-color-green-30: #0a5027 ;--wa-color-green-20: #0a3a1d ;--wa-color-green-10: #052310 ;--wa-color-green-05: #031608 ;--wa-color-green: var(--wa-color-green-60);--wa-color-green-key: 60;--wa-color-indigo-95: #f0f2ff ;--wa-color-indigo-90: #dfe5ff ;--wa-color-indigo-80: #bcc7ff ;--wa-color-indigo-70: #9da9ff ;--wa-color-indigo-60: #808aff ;--wa-color-indigo-50: #6163f2 ;--wa-color-indigo-40: #4945cb ;--wa-color-indigo-30: #3933a7 ;--wa-color-indigo-20: #292381 ;--wa-color-indigo-10: #181255 ;--wa-color-indigo-05: #0d0a3a ;--wa-color-indigo: var(--wa-color-indigo-50);--wa-color-indigo-key: 50;--wa-color-purple-95: #f7f0ff ;--wa-color-purple-90: #eedfff ;--wa-color-purple-80: #ddbdff ;--wa-color-purple-70: #ca99ff ;--wa-color-purple-60: #b678f5 ;--wa-color-purple-50: #9951db ;--wa-color-purple-40: #7936b3 ;--wa-color-purple-30: #612692 ;--wa-color-purple-20: #491870 ;--wa-color-purple-10: #2d0b48 ;--wa-color-purple-05: #1e0532 ;--wa-color-purple: var(--wa-color-purple-50);--wa-color-purple-key: 50;--wa-color-pink-95: #feeff9 ;--wa-color-pink-90: #feddf0 ;--wa-color-pink-80: #fcb5d8 ;--wa-color-pink-70: #f78dbf ;--wa-color-pink-60: #e66ba3 ;--wa-color-pink-50: #c84382 ;--wa-color-pink-40: #9e2a6c ;--wa-color-pink-30: #7d1e58 ;--wa-color-pink-20: #5e1342 ;--wa-color-pink-10: #3c0828 ;--wa-color-pink-05: #28041a ;--wa-color-pink: var(--wa-color-pink-50);--wa-color-pink-key: 50}}@layer wa-theme{:where(:root),.wa-theme-default,.wa-light,.wa-dark .wa-invert,.wa-light .wa-theme-default,.wa-dark .wa-theme-default.wa-invert,.wa-dark .wa-theme-default .wa-invert{color-scheme:light;color:var(--wa-color-text-normal);--wa-color-surface-raised: white;--wa-color-surface-default: white;--wa-color-surface-lowered: var(--hot-color-neutral-50);--wa-color-surface-border: var(--hot-color-neutral-100);--wa-color-text-normal: var(--hot-color-neutral-900);--wa-color-text-quiet: var(--hot-color-neutral-600);--wa-color-text-link: var(--hot-color-primary-600);--wa-color-overlay-modal: color-mix(in oklab, var(--hot-color-neutral-950) 50%, transparent);--wa-color-overlay-inline: color-mix(in oklab, var(--hot-color-neutral-200) 25%, transparent);--wa-color-shadow: color-mix( in oklab, var(--hot-color-neutral-950) calc(var(--wa-shadow-blur-scale) * 4% + 8%), transparent );--wa-color-focus: var(--hot-color-primary-400);--wa-color-mix-hover: black 10%;--wa-color-mix-active: black 20%;--wa-color-brand-fill-quiet: var(--wa-color-brand-95);--wa-color-brand-fill-normal: var(--wa-color-brand-90);--wa-color-brand-fill-loud: var(--wa-color-brand-50);--wa-color-brand-border-quiet: var(--wa-color-brand-90);--wa-color-brand-border-normal: var(--wa-color-brand-80);--wa-color-brand-border-loud: var(--wa-color-brand-60);--wa-color-brand-on-quiet: var(--wa-color-brand-40);--wa-color-brand-on-normal: var(--wa-color-brand-30);--wa-color-brand-on-loud: white;--wa-color-success-fill-quiet: var(--wa-color-success-95);--wa-color-success-fill-normal: var(--wa-color-success-90);--wa-color-success-fill-loud: var(--wa-color-success-50);--wa-color-success-border-quiet: var(--wa-color-success-90);--wa-color-success-border-normal: var(--wa-color-success-80);--wa-color-success-border-loud: var(--wa-color-success-60);--wa-color-success-on-quiet: var( --wa-color-success-20 );--wa-color-success-on-normal: var(--wa-color-success-20);--wa-color-success-on-loud: white;--wa-color-warning-fill-quiet: var(--wa-color-warning-95);--wa-color-warning-fill-normal: var(--wa-color-warning-90);--wa-color-warning-fill-loud: var(--wa-color-warning-50);--wa-color-warning-border-quiet: var(--wa-color-warning-90);--wa-color-warning-border-normal: var(--wa-color-warning-80);--wa-color-warning-border-loud: var(--wa-color-warning-40);--wa-color-warning-on-quiet: var( --wa-color-warning-05 );--wa-color-warning-on-normal: var(--wa-color-warning-05);--wa-color-warning-on-loud: var( --wa-color-warning-05 );--wa-color-danger-fill-quiet: var(--wa-color-danger-95);--wa-color-danger-fill-normal: var(--wa-color-danger-90);--wa-color-danger-fill-loud: var(--wa-color-danger-50);--wa-color-danger-border-quiet: var(--wa-color-danger-90);--wa-color-danger-border-normal: var(--wa-color-danger-80);--wa-color-danger-border-loud: var(--wa-color-danger-60);--wa-color-danger-on-quiet: var(--wa-color-danger-05);--wa-color-danger-on-normal: var(--wa-color-danger-05);--wa-color-danger-on-loud: white;--wa-color-neutral-fill-quiet: var(--wa-color-neutral-95);--wa-color-neutral-fill-normal: var(--wa-color-neutral-90);--wa-color-neutral-fill-loud: var(--wa-color-neutral-80);--wa-color-neutral-border-quiet: var(--wa-color-neutral-90);--wa-color-neutral-border-normal: var(--wa-color-neutral-80);--wa-color-neutral-border-loud: var(--wa-color-neutral-60);--wa-color-neutral-on-quiet: var(--wa-color-neutral-05);--wa-color-neutral-on-normal: var(--wa-color-neutral-05);--wa-color-neutral-on-loud: var( --wa-color-neutral-05 )}:where(:root),.wa-theme-default,.wa-light,.wa-dark,.wa-invert{--wa-font-family-body: var(--hot-font-sans);--wa-font-family-heading: var(--hot-font-sans-variant-condensed);--wa-font-family-code: var(--hot-font-mono);--wa-font-family-longform: var(--hot-font-serif);--wa-font-size-2xs: var(--hot-font-size-2x-small);--wa-font-size-xs: var(--hot-font-size-x-small);--wa-font-size-s: var(--hot-font-size-small);--wa-font-size-m: var(--hot-font-size-medium);--wa-font-size-l: var(--hot-font-size-large);--wa-font-size-xl: var(--hot-font-size-x-large);--wa-font-size-2xl: var(--hot-font-size-2x-large);--wa-font-size-3xl: var(--hot-font-size-3x-large);--wa-font-size-4xl: var(--hot-font-size-4x-large);--wa-font-weight-light: var(--hot-font-weight-light);--wa-font-weight-normal: var(--hot-font-weight-normal);--wa-font-weight-semibold: var(--hot-font-weight-semibold);--wa-font-weight-bold: var(--hot-font-weight-bold);--wa-font-weight-body: var(--wa-font-weight-normal);--wa-font-weight-heading: var(--wa-font-weight-bold);--wa-font-weight-code: var(--wa-font-weight-normal);--wa-font-weight-longform: var(--wa-font-weight-normal);--wa-font-weight-action: var(--wa-font-weight-semibold);--wa-line-height-condensed: var(--hot-line-height-dense);--wa-line-height-normal: var(--hot-line-height-normal);--wa-line-height-expanded: var(--hot-line-height-loose);--wa-space-3xs: var(--hot-spacing-3x-small);--wa-space-2xs: var(--hot-spacing-2x-small);--wa-space-xs: var(--hot-spacing-x-small);--wa-space-s: var(--hot-spacing-small);--wa-space-m: var(--hot-spacing-medium);--wa-space-l: var(--hot-spacing-large);--wa-space-xl: var(--hot-spacing-x-large);--wa-space-2xl: var(--hot-spacing-2x-large);--wa-space-3xl: var(--hot-spacing-3x-large);--wa-space-4xl: var(--hot-spacing-4x-large);--wa-border-radius-s: var(--hot-border-radius-small);--wa-border-radius-m: var(--hot-border-radius-medium);--wa-border-radius-l: var(--hot-border-radius-large);--wa-border-radius-pill: var(--hot-border-radius-pill);--wa-border-radius-circle: var(--hot-border-radius-circle)}}