@hotosm/ui 0.3.1-b8 → 0.3.2-b1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/chunk.CNARC7G7.js +1 -0
- package/dist/chunks/{chunk.AUBRGELY.js → chunk.HCXPZJU6.js} +1 -1
- package/dist/chunks/{chunk.IG27I42A.js → chunk.HTYJKOJL.js} +3 -3
- package/dist/components/consent/consent.d.ts +10 -0
- package/dist/components/header/header.component.js +1 -1
- package/dist/components/header/header.d.ts +10 -0
- package/dist/components/header/header.js +1 -1
- package/dist/components/header/header.styles.js +1 -1
- package/dist/components/logo/logo.d.ts +10 -0
- package/dist/components/tracking/tracking.d.ts +10 -0
- package/dist/hotosm-ui.js +1 -1
- package/dist/themes/hot-wa-override.css +70 -0
- package/package.json +1 -1
- package/dist/chunks/chunk.AP2LRWVP.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as e}from"./chunk.HCXPZJU6.js";var r=e;customElements.define("hot-header",e);export{r as a};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as O,b as g,c as i,d as k,e as C,f as W}from"./chunk.D2BMH7HD.js";import{a as y,b as s,c as D,d as x}from"./chunk.6ZDEZIWM.js";import{a as M}from"./chunk.KO4EOD3I.js";import{a as q,b as z}from"./chunk.
|
|
1
|
+
import{a as O,b as g,c as i,d as k,e as C,f as W}from"./chunk.D2BMH7HD.js";import{a as y,b as s,c as D,d as x}from"./chunk.6ZDEZIWM.js";import{a as M}from"./chunk.KO4EOD3I.js";import{a as q,b as z}from"./chunk.HTYJKOJL.js";import{e as r,k as B}from"./chunk.U4P7XQR4.js";import{a as A,d as h,e as p,f as u,g as b}from"./chunk.NI7UJOOZ.js";function rt(t,n){return{top:Math.round(t.getBoundingClientRect().top-n.getBoundingClientRect().top),left:Math.round(t.getBoundingClientRect().left-n.getBoundingClientRect().left)}}var T=new Set;function lt(){let t=document.documentElement.clientWidth;return Math.abs(window.innerWidth-t)}function ct(){let t=Number(getComputedStyle(document.body).paddingRight.replace(/px/,""));return isNaN(t)||!t?0:t}function $(t){if(T.add(t),!document.documentElement.classList.contains("wa-scroll-lock")){let n=lt()+ct(),e=getComputedStyle(document.documentElement).scrollbarGutter;(!e||e==="auto")&&(e="stable"),n<2&&(e=""),document.documentElement.style.setProperty("--wa-scroll-lock-gutter",e),document.documentElement.classList.add("wa-scroll-lock"),document.documentElement.style.setProperty("--wa-scroll-lock-size",`${n}px`)}}function P(t){T.delete(t),T.size===0&&(document.documentElement.classList.remove("wa-scroll-lock"),document.documentElement.style.removeProperty("--wa-scroll-lock-size"))}function I(t,n,e="vertical",o="smooth"){let a=rt(t,n),l=a.top+n.scrollTop,c=a.left+n.scrollLeft,f=n.scrollLeft,E=n.scrollLeft+n.offsetWidth,it=n.scrollTop,st=n.scrollTop+n.offsetHeight;(e==="horizontal"||e==="both")&&(c<f?n.scrollTo({left:c,behavior:o}):c+t.clientWidth>E&&n.scrollTo({left:c-n.offsetWidth+t.clientWidth,behavior:o})),(e==="vertical"||e==="both")&&(l<it?n.scrollTo({top:l,behavior:o}):l+t.clientHeight>st&&n.scrollTo({top:l-n.offsetHeight+t.clientHeight,behavior:o}))}var dt=class extends Event{constructor(t){super("wa-tab-hide",{bubbles:!0,cancelable:!1,composed:!0}),this.detail=t}},ht=class extends Event{constructor(t){super("wa-tab-show",{bubbles:!0,cancelable:!1,composed:!0}),this.detail=t}},pt=`:host {
|
|
2
2
|
--indicator-color: var(--wa-color-brand-fill-loud);
|
|
3
3
|
--track-color: var(--wa-color-neutral-fill-normal);
|
|
4
4
|
--track-width: 0.125rem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{b as v}from"./chunk.U4P7XQR4.js";import{a as c,c as
|
|
1
|
+
import{b as v}from"./chunk.U4P7XQR4.js";import{a as c,c as f}from"./chunk.NI7UJOOZ.js";function p(t){var o,e,r="";if(typeof t=="string"||typeof t=="number")r+=t;else if(typeof t=="object")if(Array.isArray(t)){var i=t.length;for(o=0;o<i;o++)t[o]&&(e=p(t[o]))&&(r&&(r+=" "),r+=e)}else for(e in t)t[e]&&(r&&(r+=" "),r+=e);return r}function b(){for(var t,o,e=0,r="",i=arguments.length;e<i;e++)(t=arguments[e])&&(o=p(t))&&(r&&(r+=" "),r+=o);return r}var x=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,y=b,z=(t,o)=>e=>{var r;if((o==null?void 0:o.variants)==null)return y(t,e==null?void 0:e.class,e==null?void 0:e.className);let{variants:i,defaultVariants:s}=o,w=Object.keys(i).map(a=>{let n=e==null?void 0:e[a],d=s==null?void 0:s[a];if(n===null)return null;let l=x(n)||x(d);return i[a][l]}),h=e&&Object.entries(e).reduce((a,n)=>{let[d,l]=n;return l===void 0||(a[d]=l),a},{}),j=o==null||(r=o.compoundVariants)===null||r===void 0?void 0:r.reduce((a,n)=>{let g=n,{class:d,className:l}=g,k=f(g,["class","className"]);return Object.entries(k).every(V=>{let[u,m]=V;return Array.isArray(m)?m.includes(c(c({},s),h)[u]):c(c({},s),h)[u]===m})?[...a,d,l]:a},[]);return y(t,w,j,e==null?void 0:e.class,e==null?void 0:e.className)};var _=z(`
|
|
2
2
|
header
|
|
3
3
|
`,{variants:{size:{small:"header--size-small",medium:"header--size-medium",large:"header--size-large"},borderBottom:{true:"border-bottom"}}}),B=v`
|
|
4
4
|
.header {
|
|
@@ -75,8 +75,8 @@ import{b as v}from"./chunk.U4P7XQR4.js";import{a as c,c as u}from"./chunk.NI7UJO
|
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
.header--login-button {
|
|
78
|
-
|
|
79
|
-
|
|
78
|
+
color: var(--hot-color-red-500);
|
|
79
|
+
background-color: var(--hot-color-red-600);
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
.header--logo-img {
|
|
@@ -1,7 +1,17 @@
|
|
|
1
1
|
import Consent from './consent.component.js';
|
|
2
2
|
export default Consent;
|
|
3
|
+
|
|
3
4
|
declare global {
|
|
4
5
|
interface HTMLElementTagNameMap {
|
|
5
6
|
'hot-consent': Consent;
|
|
6
7
|
}
|
|
7
8
|
}
|
|
9
|
+
|
|
10
|
+
// React 19
|
|
11
|
+
declare module "react" {
|
|
12
|
+
namespace JSX {
|
|
13
|
+
interface IntrinsicElements {
|
|
14
|
+
'hot-consent': Consent;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"../../chunks/chunk.
|
|
1
|
+
import{a,b}from"../../chunks/chunk.HCXPZJU6.js";import"../../chunks/chunk.D2BMH7HD.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.HTYJKOJL.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Header,b as default};
|
|
@@ -1,7 +1,17 @@
|
|
|
1
1
|
import Header from './header.component.js';
|
|
2
2
|
export default Header;
|
|
3
|
+
|
|
3
4
|
declare global {
|
|
4
5
|
interface HTMLElementTagNameMap {
|
|
5
6
|
'hot-header': Header;
|
|
6
7
|
}
|
|
7
8
|
}
|
|
9
|
+
|
|
10
|
+
// React 19
|
|
11
|
+
declare module "react" {
|
|
12
|
+
namespace JSX {
|
|
13
|
+
interface IntrinsicElements {
|
|
14
|
+
'hot-header': Header;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.CNARC7G7.js";import"../../chunks/chunk.HCXPZJU6.js";import"../../chunks/chunk.D2BMH7HD.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.HTYJKOJL.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"../../chunks/chunk.
|
|
1
|
+
import{a,b}from"../../chunks/chunk.HTYJKOJL.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as headerVariants,b as styles};
|
|
@@ -1,7 +1,17 @@
|
|
|
1
1
|
import Logo from './logo.component.js';
|
|
2
2
|
export default Logo;
|
|
3
|
+
|
|
3
4
|
declare global {
|
|
4
5
|
interface HTMLElementTagNameMap {
|
|
5
6
|
'hot-logo': Logo;
|
|
6
7
|
}
|
|
7
8
|
}
|
|
9
|
+
|
|
10
|
+
// React 19
|
|
11
|
+
declare module "react" {
|
|
12
|
+
namespace JSX {
|
|
13
|
+
interface IntrinsicElements {
|
|
14
|
+
'hot-logo': Logo;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -1,7 +1,17 @@
|
|
|
1
1
|
import MatomoTracking from './tracking.component.js';
|
|
2
2
|
export default MatomoTracking;
|
|
3
|
+
|
|
3
4
|
declare global {
|
|
4
5
|
interface HTMLElementTagNameMap {
|
|
5
6
|
'hot-tracking': MatomoTracking;
|
|
6
7
|
}
|
|
7
8
|
}
|
|
9
|
+
|
|
10
|
+
// React 19
|
|
11
|
+
declare module "react" {
|
|
12
|
+
namespace JSX {
|
|
13
|
+
interface IntrinsicElements {
|
|
14
|
+
'hot-tracking': MatomoTracking;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
package/dist/hotosm-ui.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as r}from"./chunks/chunk.SZ46YTWY.js";import"./chunks/chunk.7RJ72M75.js";import"./chunks/chunk.UTSKEKTV.js";import{a as t}from"./chunks/chunk.YYEOK7MA.js";import"./chunks/chunk.PDLGEB7T.js";import{a}from"./chunks/chunk.456NATDG.js";import"./chunks/chunk.MIYFUINI.js";import"./chunks/chunk.LPSHZWUY.js";import"./chunks/chunk.T4GALJJA.js";import{a as o}from"./chunks/chunk.
|
|
1
|
+
import{a as r}from"./chunks/chunk.SZ46YTWY.js";import"./chunks/chunk.7RJ72M75.js";import"./chunks/chunk.UTSKEKTV.js";import{a as t}from"./chunks/chunk.YYEOK7MA.js";import"./chunks/chunk.PDLGEB7T.js";import{a}from"./chunks/chunk.456NATDG.js";import"./chunks/chunk.MIYFUINI.js";import"./chunks/chunk.LPSHZWUY.js";import"./chunks/chunk.T4GALJJA.js";import{a as o}from"./chunks/chunk.CNARC7G7.js";import"./chunks/chunk.HCXPZJU6.js";import"./chunks/chunk.D2BMH7HD.js";import"./chunks/chunk.6ZDEZIWM.js";import"./chunks/chunk.KO4EOD3I.js";import"./chunks/chunk.HTYJKOJL.js";import"./chunks/chunk.U4P7XQR4.js";import"./chunks/chunk.NI7UJOOZ.js";export{a as Consent,o as Header,r as Logo,t as Tracking};
|
|
@@ -151,6 +151,76 @@
|
|
|
151
151
|
--wa-color-pink: var(--wa-color-pink-50);
|
|
152
152
|
--wa-color-pink-key: 50;
|
|
153
153
|
|
|
154
|
+
/*
|
|
155
|
+
* WebAwesome Theme Override
|
|
156
|
+
* This defines all the semantic color variants used by WebAwesome components
|
|
157
|
+
*/
|
|
158
|
+
: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 {
|
|
159
|
+
color-scheme: light;
|
|
160
|
+
color: var(--wa-color-text-normal);
|
|
161
|
+
--wa-color-surface-raised: white;
|
|
162
|
+
--wa-color-surface-default: white;
|
|
163
|
+
--wa-color-surface-lowered: var(--wa-color-neutral-95);
|
|
164
|
+
--wa-color-surface-border: var(--wa-color-neutral-90);
|
|
165
|
+
--wa-color-text-normal: var(--wa-color-neutral-10);
|
|
166
|
+
--wa-color-text-quiet: var(--wa-color-neutral-40);
|
|
167
|
+
--wa-color-text-link: var(--wa-color-brand-40);
|
|
168
|
+
--wa-color-overlay-modal:
|
|
169
|
+
color-mix(in oklab, var(--wa-color-neutral-05) 50%, transparent);
|
|
170
|
+
--wa-color-overlay-inline:
|
|
171
|
+
color-mix(in oklab, var(--wa-color-neutral-80) 25%, transparent);
|
|
172
|
+
--wa-color-shadow:
|
|
173
|
+
color-mix(in oklab, var(--wa-color-neutral-05) calc(var(--wa-shadow-blur-scale) * 4% + 8%), transparent);
|
|
174
|
+
--wa-color-focus: var(--wa-color-brand-60);
|
|
175
|
+
--wa-color-mix-hover: black 10%;
|
|
176
|
+
--wa-color-mix-active: black 20%;
|
|
177
|
+
--wa-color-brand-fill-quiet: var(--wa-color-brand-95);
|
|
178
|
+
--wa-color-brand-fill-normal: var(--wa-color-brand-90);
|
|
179
|
+
--wa-color-brand-fill-loud: var(--wa-color-brand-50);
|
|
180
|
+
--wa-color-brand-border-quiet: var(--wa-color-brand-90);
|
|
181
|
+
--wa-color-brand-border-normal: var(--wa-color-brand-80);
|
|
182
|
+
--wa-color-brand-border-loud: var(--wa-color-brand-60);
|
|
183
|
+
--wa-color-brand-on-quiet: var(--wa-color-brand-40);
|
|
184
|
+
--wa-color-brand-on-normal: var(--wa-color-brand-30);
|
|
185
|
+
--wa-color-brand-on-loud: white;
|
|
186
|
+
--wa-color-success-fill-quiet: var(--wa-color-success-95);
|
|
187
|
+
--wa-color-success-fill-normal: var(--wa-color-success-90);
|
|
188
|
+
--wa-color-success-fill-loud: var(--wa-color-success-50);
|
|
189
|
+
--wa-color-success-border-quiet: var(--wa-color-success-90);
|
|
190
|
+
--wa-color-success-border-normal: var(--wa-color-success-80);
|
|
191
|
+
--wa-color-success-border-loud: var(--wa-color-success-60);
|
|
192
|
+
--wa-color-success-on-quiet: var(--wa-color-success-40);
|
|
193
|
+
--wa-color-success-on-normal: var(--wa-color-success-30);
|
|
194
|
+
--wa-color-success-on-loud: white;
|
|
195
|
+
--wa-color-warning-fill-quiet: var(--wa-color-warning-95);
|
|
196
|
+
--wa-color-warning-fill-normal: var(--wa-color-warning-90);
|
|
197
|
+
--wa-color-warning-fill-loud: var(--wa-color-warning-50);
|
|
198
|
+
--wa-color-warning-border-quiet: var(--wa-color-warning-90);
|
|
199
|
+
--wa-color-warning-border-normal: var(--wa-color-warning-80);
|
|
200
|
+
--wa-color-warning-border-loud: var(--wa-color-warning-60);
|
|
201
|
+
--wa-color-warning-on-quiet: var(--wa-color-warning-40);
|
|
202
|
+
--wa-color-warning-on-normal: var(--wa-color-warning-30);
|
|
203
|
+
--wa-color-warning-on-loud: white;
|
|
204
|
+
--wa-color-danger-fill-quiet: var(--wa-color-danger-95);
|
|
205
|
+
--wa-color-danger-fill-normal: var(--wa-color-danger-90);
|
|
206
|
+
--wa-color-danger-fill-loud: var(--wa-color-danger-50);
|
|
207
|
+
--wa-color-danger-border-quiet: var(--wa-color-danger-90);
|
|
208
|
+
--wa-color-danger-border-normal: var(--wa-color-danger-80);
|
|
209
|
+
--wa-color-danger-border-loud: var(--wa-color-danger-60);
|
|
210
|
+
--wa-color-danger-on-quiet: var(--wa-color-danger-40);
|
|
211
|
+
--wa-color-danger-on-normal: var(--wa-color-danger-30);
|
|
212
|
+
--wa-color-danger-on-loud: white;
|
|
213
|
+
--wa-color-neutral-fill-quiet: var(--wa-color-neutral-95);
|
|
214
|
+
--wa-color-neutral-fill-normal: var(--wa-color-neutral-90);
|
|
215
|
+
--wa-color-neutral-fill-loud: var(--wa-color-neutral-20);
|
|
216
|
+
--wa-color-neutral-border-quiet: var(--wa-color-neutral-90);
|
|
217
|
+
--wa-color-neutral-border-normal: var(--wa-color-neutral-80);
|
|
218
|
+
--wa-color-neutral-border-loud: var(--wa-color-neutral-60);
|
|
219
|
+
--wa-color-neutral-on-quiet: var(--wa-color-neutral-40);
|
|
220
|
+
--wa-color-neutral-on-normal: var(--wa-color-neutral-30);
|
|
221
|
+
--wa-color-neutral-on-loud: white;
|
|
222
|
+
}
|
|
223
|
+
|
|
154
224
|
/*
|
|
155
225
|
* Typography
|
|
156
226
|
*
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{b as e}from"./chunk.AUBRGELY.js";var r=e;customElements.define("hot-header",e);export{r as a};
|