@hotosm/ui 0.3.2-b9 → 0.3.3-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.4IHZBYNQ.js +1 -0
- package/dist/chunks/{chunk.NA5VYRZH.js → chunk.BPPYCS7U.js} +1 -1
- package/dist/chunks/chunk.IGQ7CODZ.js +1 -0
- package/dist/chunks/chunk.M3ZIZPKF.js +1 -0
- package/dist/chunks/{chunk.2ULJ7GOD.js → chunk.SMJLJ4AN.js} +1 -1
- package/dist/chunks/chunk.UUHEHDRS.js +1 -0
- package/dist/chunks/{chunk.PDA7Y3OG.js → chunk.XJWPNRXI.js} +94 -23
- package/dist/components/button/button.component.js +1 -1
- package/dist/components/button/button.js +1 -1
- package/dist/components/consent/consent.component.js +1 -1
- package/dist/components/consent/consent.js +1 -1
- package/dist/components/header/header.component.d.ts +2 -0
- package/dist/components/header/header.component.js +1 -1
- package/dist/components/header/header.js +1 -1
- package/dist/components/icons.js +1 -1
- package/dist/hotosm-ui.js +1 -1
- package/dist/themes/hot-wa-override.css +75 -0
- package/dist/utils/shadow-dom-css.d.ts +6 -2
- package/package.json +1 -1
- package/dist/assets/logo/hamburger.svg +0 -1
- package/dist/chunks/chunk.JWXDWX4U.js +0 -1
- package/dist/chunks/chunk.TTXUWWW4.js +0 -1
- package/dist/chunks/chunk.UOUAH7BX.js +0 -1
- package/dist/chunks/chunk.XV3ZU53D.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"../../chunks/chunk.
|
|
1
|
+
import{a,b}from"../../chunks/chunk.BPPYCS7U.js";import"../../chunks/chunk.O6I2TNK3.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Button,b as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.4IHZBYNQ.js";import"../../chunks/chunk.BPPYCS7U.js";import"../../chunks/chunk.O6I2TNK3.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.TNLBUOUK.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.SMJLJ4AN.js";import"../../chunks/chunk.34D2LPI2.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.GTNRNZDH.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Consent,b as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.IGQ7CODZ.js";import"../../chunks/chunk.SMJLJ4AN.js";import"../../chunks/chunk.34D2LPI2.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.GTNRNZDH.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
|
|
@@ -38,6 +38,8 @@ export declare class Header extends LitElement {
|
|
|
38
38
|
/** Default fallback icon for providers without custom icons. */
|
|
39
39
|
accessor defaultLoginIcon: string;
|
|
40
40
|
connectedCallback(): Promise<void>;
|
|
41
|
+
protected firstUpdated(): void;
|
|
42
|
+
protected updated(): void;
|
|
41
43
|
selectTab(index: number): void;
|
|
42
44
|
protected render(): import("lit-html").TemplateResult<1>;
|
|
43
45
|
private _tabClick;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as a,e as b}from"../../chunks/chunk.
|
|
1
|
+
import{d as a,e as b}from"../../chunks/chunk.XJWPNRXI.js";import"../../chunks/chunk.D4UQX7IV.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Header,b as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.UUHEHDRS.js";import"../../chunks/chunk.XJWPNRXI.js";import"../../chunks/chunk.D4UQX7IV.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
|
package/dist/components/icons.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../chunks/chunk.
|
|
1
|
+
import{a}from"../chunks/chunk.M3ZIZPKF.js";import"../chunks/chunk.NI7UJOOZ.js";export{a as default};
|
package/dist/hotosm-ui.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as n}from"./chunks/chunk.
|
|
1
|
+
import{a as n}from"./chunks/chunk.UUHEHDRS.js";import{a as o,b as t,c as r}from"./chunks/chunk.XJWPNRXI.js";import"./chunks/chunk.D4UQX7IV.js";import{a as e}from"./chunks/chunk.MCLA4YSC.js";import"./chunks/chunk.CFJBM2JT.js";import"./chunks/chunk.W65BP3JY.js";import{a as m}from"./chunks/chunk.3P72BRDN.js";import"./chunks/chunk.2E5B6OR3.js";import{a as i}from"./chunks/chunk.4IHZBYNQ.js";import"./chunks/chunk.BPPYCS7U.js";import"./chunks/chunk.O6I2TNK3.js";import{a}from"./chunks/chunk.IGQ7CODZ.js";import"./chunks/chunk.SMJLJ4AN.js";import"./chunks/chunk.34D2LPI2.js";import"./chunks/chunk.O2GMJYSL.js";import"./chunks/chunk.2FEIL35F.js";import"./chunks/chunk.6Y3X2E2V.js";import"./chunks/chunk.M3ZIZPKF.js";import"./chunks/chunk.GTNRNZDH.js";import"./chunks/chunk.TNLBUOUK.js";import"./chunks/chunk.NI7UJOOZ.js";export{i as Button,a as Consent,n as Header,e as Logo,m as Tracking,o as injectCSSIntoShadowDOM,t as injectHOTThemeIntoButtons,r as setupAutoInjection};
|
|
@@ -92,6 +92,81 @@
|
|
|
92
92
|
--wa-color-gray: var(--wa-color-gray-40);
|
|
93
93
|
--wa-color-gray-key: 40;
|
|
94
94
|
|
|
95
|
+
/* Brand colors - Map to HOT primary colors (red) */
|
|
96
|
+
--wa-color-brand-95: var(--hot-color-primary-50);
|
|
97
|
+
--wa-color-brand-90: var(--hot-color-primary-100);
|
|
98
|
+
--wa-color-brand-80: var(--hot-color-primary-200);
|
|
99
|
+
--wa-color-brand-70: var(--hot-color-primary-300);
|
|
100
|
+
--wa-color-brand-60: var(--hot-color-primary-400);
|
|
101
|
+
--wa-color-brand-50: var(--hot-color-primary-500);
|
|
102
|
+
--wa-color-brand-40: var(--hot-color-primary-600);
|
|
103
|
+
--wa-color-brand-30: var(--hot-color-primary-700);
|
|
104
|
+
--wa-color-brand-20: var(--hot-color-primary-800);
|
|
105
|
+
--wa-color-brand-10: var(--hot-color-primary-900);
|
|
106
|
+
--wa-color-brand-05: var(--hot-color-primary-950);
|
|
107
|
+
--wa-color-brand: var(--wa-color-brand-50);
|
|
108
|
+
--wa-color-brand-key: 50;
|
|
109
|
+
|
|
110
|
+
/* Neutral colors - Map to HOT neutral colors (gray) */
|
|
111
|
+
--wa-color-neutral-95: var(--hot-color-neutral-50);
|
|
112
|
+
--wa-color-neutral-90: var(--hot-color-neutral-100);
|
|
113
|
+
--wa-color-neutral-80: var(--hot-color-neutral-200);
|
|
114
|
+
--wa-color-neutral-70: var(--hot-color-neutral-300);
|
|
115
|
+
--wa-color-neutral-60: var(--hot-color-neutral-400);
|
|
116
|
+
--wa-color-neutral-50: var(--hot-color-neutral-500);
|
|
117
|
+
--wa-color-neutral-40: var(--hot-color-neutral-600);
|
|
118
|
+
--wa-color-neutral-30: var(--hot-color-neutral-700);
|
|
119
|
+
--wa-color-neutral-20: var(--hot-color-neutral-800);
|
|
120
|
+
--wa-color-neutral-10: var(--hot-color-neutral-900);
|
|
121
|
+
--wa-color-neutral-05: var(--hot-color-neutral-950);
|
|
122
|
+
--wa-color-neutral: var(--wa-color-neutral-40);
|
|
123
|
+
--wa-color-neutral-key: 40;
|
|
124
|
+
|
|
125
|
+
/* Success colors - Map to HOT success colors */
|
|
126
|
+
--wa-color-success-95: var(--hot-color-success-50);
|
|
127
|
+
--wa-color-success-90: var(--hot-color-success-100);
|
|
128
|
+
--wa-color-success-80: var(--hot-color-success-200);
|
|
129
|
+
--wa-color-success-70: var(--hot-color-success-300);
|
|
130
|
+
--wa-color-success-60: var(--hot-color-success-400);
|
|
131
|
+
--wa-color-success-50: var(--hot-color-success-500);
|
|
132
|
+
--wa-color-success-40: var(--hot-color-success-600);
|
|
133
|
+
--wa-color-success-30: var(--hot-color-success-700);
|
|
134
|
+
--wa-color-success-20: var(--hot-color-success-800);
|
|
135
|
+
--wa-color-success-10: var(--hot-color-success-900);
|
|
136
|
+
--wa-color-success-05: var(--hot-color-success-950);
|
|
137
|
+
--wa-color-success: var(--wa-color-success-60);
|
|
138
|
+
--wa-color-success-key: 60;
|
|
139
|
+
|
|
140
|
+
/* Warning colors - Map to HOT warning colors */
|
|
141
|
+
--wa-color-warning-95: var(--hot-color-warning-50);
|
|
142
|
+
--wa-color-warning-90: var(--hot-color-warning-100);
|
|
143
|
+
--wa-color-warning-80: var(--hot-color-warning-200);
|
|
144
|
+
--wa-color-warning-70: var(--hot-color-warning-300);
|
|
145
|
+
--wa-color-warning-60: var(--hot-color-warning-400);
|
|
146
|
+
--wa-color-warning-50: var(--hot-color-warning-500);
|
|
147
|
+
--wa-color-warning-40: var(--hot-color-warning-600);
|
|
148
|
+
--wa-color-warning-30: var(--hot-color-warning-700);
|
|
149
|
+
--wa-color-warning-20: var(--hot-color-warning-800);
|
|
150
|
+
--wa-color-warning-10: var(--hot-color-warning-900);
|
|
151
|
+
--wa-color-warning-05: var(--hot-color-warning-950);
|
|
152
|
+
--wa-color-warning: var(--wa-color-warning-80);
|
|
153
|
+
--wa-color-warning-key: 80;
|
|
154
|
+
|
|
155
|
+
/* Danger colors - Map to HOT danger colors */
|
|
156
|
+
--wa-color-danger-95: var(--hot-color-danger-50);
|
|
157
|
+
--wa-color-danger-90: var(--hot-color-danger-100);
|
|
158
|
+
--wa-color-danger-80: var(--hot-color-danger-200);
|
|
159
|
+
--wa-color-danger-70: var(--hot-color-danger-300);
|
|
160
|
+
--wa-color-danger-60: var(--hot-color-danger-400);
|
|
161
|
+
--wa-color-danger-50: var(--hot-color-danger-500);
|
|
162
|
+
--wa-color-danger-40: var(--hot-color-danger-600);
|
|
163
|
+
--wa-color-danger-30: var(--hot-color-danger-700);
|
|
164
|
+
--wa-color-danger-20: var(--hot-color-danger-800);
|
|
165
|
+
--wa-color-danger-10: var(--hot-color-danger-900);
|
|
166
|
+
--wa-color-danger-05: var(--hot-color-danger-950);
|
|
167
|
+
--wa-color-danger: var(--wa-color-danger-50);
|
|
168
|
+
--wa-color-danger-key: 50;
|
|
169
|
+
|
|
95
170
|
/* Check the defaults at https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/color/palettes/default.css */
|
|
96
171
|
/* No change made to: purple, indigo, pink, green */
|
|
97
172
|
|
|
@@ -24,7 +24,11 @@ export declare function injectCSSIntoShadowDOM(options: CSSInjectionOptions): vo
|
|
|
24
24
|
*/
|
|
25
25
|
export declare function injectHOTThemeIntoButtons(): void;
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
28
|
-
|
|
27
|
+
* Injects CSS into all WebAwesome components that need HOT theme styling
|
|
28
|
+
*/
|
|
29
|
+
export declare function injectHOTThemeIntoAllComponents(): void;
|
|
30
|
+
/**
|
|
31
|
+
* Sets up a mutation observer to automatically inject CSS into new WebAwesome elements
|
|
32
|
+
* This ensures that dynamically added components also get the HOT theme
|
|
29
33
|
*/
|
|
30
34
|
export declare function setupAutoInjection(): void;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{e}from"./chunk.PDA7Y3OG.js";var r=e;customElements.define("hot-header",e);export{r as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{b as e}from"./chunk.2ULJ7GOD.js";var n=e;customElements.define("hot-consent",e);export{n as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{b as t}from"./chunk.NA5VYRZH.js";var o=t;customElements.define("hot-button",t);export{o as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var o='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>%20';function n(){let e=()=>{window.WebAwesome&&window.WebAwesome.iconRegistry?window.WebAwesome.iconRegistry.addIcon("hot-icons","list",o):setTimeout(e,100)};e()}var s=n;export{s as a};
|