@hotosm/ui 0.3.2-b5 → 0.3.2-b8

package/dist/chunks/chunk.TTXUWWW4.js

@@ -0,0 +1 @@
+import{b as e}from"./chunk.2ULJ7GOD.js";var n=e;customElements.define("hot-consent",e);export{n as a};

package/dist/chunks/chunk.UOUAH7BX.js

@@ -0,0 +1 @@
+import{b as t}from"./chunk.NA5VYRZH.js";var o=t;customElements.define("hot-button",t);export{o as a};

package/dist/chunks/chunk.XV3ZU53D.js

@@ -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};

package/dist/components/button/button.component.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.NQSLFHXC.js";import"../../chunks/chunk.O6I2TNK3.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Button,b as default};
+import{a,b}from"../../chunks/chunk.NA5VYRZH.js";import"../../chunks/chunk.O6I2TNK3.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.XV3ZU53D.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Button,b as default};

package/dist/components/button/button.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.KWRSAL43.js";import"../../chunks/chunk.NQSLFHXC.js";import"../../chunks/chunk.O6I2TNK3.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
+import{a}from"../../chunks/chunk.UOUAH7BX.js";import"../../chunks/chunk.NA5VYRZH.js";import"../../chunks/chunk.O6I2TNK3.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.XV3ZU53D.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};

package/dist/components/consent/consent.component.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.OSUPNFJP.js";import"../../chunks/chunk.34D2LPI2.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.GTNRNZDH.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Consent,b as default};
+import{a,b}from"../../chunks/chunk.2ULJ7GOD.js";import"../../chunks/chunk.34D2LPI2.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.XV3ZU53D.js";import"../../chunks/chunk.GTNRNZDH.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Consent,b as default};

package/dist/components/consent/consent.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.SMFWK2VT.js";import"../../chunks/chunk.OSUPNFJP.js";import"../../chunks/chunk.34D2LPI2.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.GTNRNZDH.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
+import{a}from"../../chunks/chunk.TTXUWWW4.js";import"../../chunks/chunk.2ULJ7GOD.js";import"../../chunks/chunk.34D2LPI2.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.XV3ZU53D.js";import"../../chunks/chunk.GTNRNZDH.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};

package/dist/components/header/header.component.d.ts

@@ -1,6 +1,7 @@
 import '@awesome.me/webawesome/dist/components/tab-group/tab-group.js';
 import '@awesome.me/webawesome/dist/components/dialog/dialog.js';
 import '@awesome.me/webawesome/dist/components/icon/icon.js';
+import '@awesome.me/webawesome/dist/components/drawer/drawer.js';
 import { LitElement } from "lit";
 import type { CSSResultGroup } from 'lit';
 import { type sizes } from './header.styles.js';
@@ -19,6 +20,11 @@ export declare class Header extends LitElement {
     accessor drawer: boolean;
     /** Array of menu items to include as navigation tabs. */
     accessor tabs: MenuItem[];
+    /** Array of links to include in the drawer. */
+    accessor drawerLinks: Array<{
+        label: string;
+        href: string;
+    }>;
     /** Size of toolbar vertically. */
     accessor size: sizes;
     /** Border bottom. */
@@ -35,7 +41,9 @@ export declare class Header extends LitElement {
     selectTab(index: number): void;
     protected render(): import("lit-html").TemplateResult<1>;
     private _tabClick;
+    private _handleTabShow;
     private _handleLogin;
     private _handleModalClose;
+    private _handleDrawerOpen;
 }
 export default Header;

package/dist/components/header/header.component.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.UMBUH2EC.js";import"../../chunks/chunk.WX25LIXR.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Header,b as default};
+import{d as a,e as b}from"../../chunks/chunk.PDA7Y3OG.js";import"../../chunks/chunk.D4UQX7IV.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.XV3ZU53D.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Header,b as default};

package/dist/components/header/header.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.RQCFXHIG.js";import"../../chunks/chunk.UMBUH2EC.js";import"../../chunks/chunk.WX25LIXR.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
+import{a}from"../../chunks/chunk.JWXDWX4U.js";import"../../chunks/chunk.PDA7Y3OG.js";import"../../chunks/chunk.D4UQX7IV.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.XV3ZU53D.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};

package/dist/components/header/header.styles.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.WX25LIXR.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as headerVariants,b as styles};
+import{a,b}from"../../chunks/chunk.D4UQX7IV.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as headerVariants,b as styles};

package/dist/components/icons.d.ts

@@ -1,2 +1,11 @@
+declare global {
+    interface Window {
+        WebAwesome?: {
+            iconRegistry?: {
+                addIcon: (library: string, name: string, svg: string) => void;
+            };
+        };
+    }
+}
 declare function registerBundledIcons(): void;
 export default registerBundledIcons;

package/dist/components/icons.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.KO4EOD3I.js";import"../chunks/chunk.NI7UJOOZ.js";export{a as default};
+import{a}from"../chunks/chunk.XV3ZU53D.js";import"../chunks/chunk.NI7UJOOZ.js";export{a as default};

package/dist/hotosm-ui.d.ts

@@ -3,4 +3,5 @@ import HotLogo from './components/logo/logo.js';
 import HotTracking from './components/tracking/tracking.js';
 import HotConsent from './components/consent/consent.js';
 import HotButton from './components/button/button.js';
+export { setupAutoInjection, injectHOTThemeIntoButtons, injectCSSIntoShadowDOM } from './utils/shadow-dom-css.js';
 export { HotHeader as Header, HotLogo as Logo, HotConsent as Consent, HotTracking as Tracking, HotButton as Button, };

package/dist/hotosm-ui.js

@@ -1 +1 @@
-import{a as o}from"./chunks/chunk.RQCFXHIG.js";import"./chunks/chunk.UMBUH2EC.js";import"./chunks/chunk.WX25LIXR.js";import{a as t}from"./chunks/chunk.MCLA4YSC.js";import"./chunks/chunk.CFJBM2JT.js";import"./chunks/chunk.W65BP3JY.js";import{a as r}from"./chunks/chunk.3P72BRDN.js";import"./chunks/chunk.2E5B6OR3.js";import{a}from"./chunks/chunk.KWRSAL43.js";import"./chunks/chunk.NQSLFHXC.js";import"./chunks/chunk.O6I2TNK3.js";import{a as m}from"./chunks/chunk.SMFWK2VT.js";import"./chunks/chunk.OSUPNFJP.js";import"./chunks/chunk.34D2LPI2.js";import"./chunks/chunk.O2GMJYSL.js";import"./chunks/chunk.2FEIL35F.js";import"./chunks/chunk.6Y3X2E2V.js";import"./chunks/chunk.KO4EOD3I.js";import"./chunks/chunk.GTNRNZDH.js";import"./chunks/chunk.TNLBUOUK.js";import"./chunks/chunk.NI7UJOOZ.js";export{a as Button,m as Consent,o as Header,t as Logo,r as Tracking};
+import{a as n}from"./chunks/chunk.JWXDWX4U.js";import{a as o,b as t,c as r}from"./chunks/chunk.PDA7Y3OG.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.UOUAH7BX.js";import"./chunks/chunk.NA5VYRZH.js";import"./chunks/chunk.O6I2TNK3.js";import{a}from"./chunks/chunk.TTXUWWW4.js";import"./chunks/chunk.2ULJ7GOD.js";import"./chunks/chunk.34D2LPI2.js";import"./chunks/chunk.O2GMJYSL.js";import"./chunks/chunk.2FEIL35F.js";import"./chunks/chunk.6Y3X2E2V.js";import"./chunks/chunk.XV3ZU53D.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};

package/dist/themes/hot.css

@@ -1,4 +1,5 @@
 /* HOT theme */
+
 /* :root makes them available globally */
 :root,
 /* :host is for Web Components and shadow DOM scopes */
@@ -16,7 +17,7 @@
    --hot-color-red-800: #B83032;
    --hot-color-red-700: #C53639;
    --hot-color-red-600: #D73F3F;
-   --hot-color-red-500: green;
+   --hot-color-red-500: #F34D47;
    --hot-color-red-400: #ED5C5E;
    --hot-color-red-300: #E27A7D;
    --hot-color-red-200: #EC9EA1;
@@ -280,10 +281,3 @@
  }
 
 
- wa-button.login-button {
-   background-color: #1a73e8;
-   color: white;
-   font-weight: 600;
-   padding: 0.6rem 1.2rem;
-   border-radius: 8px;
- }

package/dist/utils/shadow-dom-css.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Utility to inject CSS into shadow DOM elements
+ * This is needed because WebAwesome components use shadow DOM and CSS variables
+ * from the global scope are not accessible within the shadow DOM
+ */
+export interface CSSInjectionOptions {
+    /** The CSS string to inject */
+    css: string;
+    /** CSS selector to find elements to inject into */
+    selector?: string;
+    /** Whether to inject into all matching elements or just the first */
+    all?: boolean;
+    /** Custom style ID to avoid duplicate injections */
+    styleId?: string;
+}
+/**
+ * Injects CSS into the shadow DOM of WebAwesome components
+ * @param options Configuration options for CSS injection
+ */
+export declare function injectCSSIntoShadowDOM(options: CSSInjectionOptions): void;
+/**
+ * Injects HOT theme CSS variables into wa-button shadow DOM
+ * This makes the HOT theme variables available within the shadow DOM
+ */
+export declare function injectHOTThemeIntoButtons(): void;
+/**
+ * Sets up a mutation observer to automatically inject CSS into new wa-button elements
+ * This ensures that dynamically added buttons also get the HOT theme
+ */
+export declare function setupAutoInjection(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hotosm/ui",
-  "version": "0.3.2-b5",
+  "version": "0.3.2-b8",
   "description": "Shared UI components with HOT theming.",
   "homepage": "https://github.com/hotosm/ui#readme",
   "author": {

package/dist/chunks/chunk.KO4EOD3I.js

@@ -1 +0,0 @@
-function e(){}var n=e;export{n as a};

package/dist/chunks/chunk.KWRSAL43.js

@@ -1 +0,0 @@
-import{b as t}from"./chunk.NQSLFHXC.js";var o=t;customElements.define("hot-button",t);export{o as a};

package/dist/chunks/chunk.RQCFXHIG.js

@@ -1 +0,0 @@
-import{b as e}from"./chunk.UMBUH2EC.js";var r=e;customElements.define("hot-header",e);export{r as a};

package/dist/chunks/chunk.SMFWK2VT.js

@@ -1 +0,0 @@
-import{b as e}from"./chunk.OSUPNFJP.js";var n=e;customElements.define("hot-consent",e);export{n as a};