@hotosm/ui 0.3.2-b3 → 0.3.2-b5

package/dist/chunks/{chunk.UTSKEKTV.js → chunk.W65BP3JY.js}

@@ -1,4 +1,4 @@
-import{b as e}from"./chunk.U4P7XQR4.js";var t=e`
+import{b as e}from"./chunk.TNLBUOUK.js";var t=e`
   .logo {
     line-height: 0;
     height: var(--hot-spacing-3x-large)

package/dist/chunks/chunk.WX25LIXR.js

@@ -0,0 +1,96 @@
+import{b as f}from"./chunk.TNLBUOUK.js";import{a as c,c as g}from"./chunk.NI7UJOOZ.js";function b(t){var r,e,a="";if(typeof t=="string"||typeof t=="number")a+=t;else if(typeof t=="object")if(Array.isArray(t)){var n=t.length;for(r=0;r<n;r++)t[r]&&(e=b(t[r]))&&(a&&(a+=" "),a+=e)}else for(e in t)t[e]&&(a&&(a+=" "),a+=e);return a}function y(){for(var t,r,e=0,a="",n=arguments.length;e<n;e++)(t=arguments[e])&&(r=b(t))&&(a&&(a+=" "),a+=r);return a}var x=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,p=y,z=(t,r)=>e=>{var a;if((r==null?void 0:r.variants)==null)return p(t,e==null?void 0:e.class,e==null?void 0:e.className);let{variants:n,defaultVariants:s}=r,w=Object.keys(n).map(o=>{let i=e==null?void 0:e[o],d=s==null?void 0:s[o];if(i===null)return null;let l=x(i)||x(d);return n[o][l]}),m=e&&Object.entries(e).reduce((o,i)=>{let[d,l]=i;return l===void 0||(o[d]=l),o},{}),j=r==null||(a=r.compoundVariants)===null||a===void 0?void 0:a.reduce((o,i)=>{let u=i,{class:d,className:l}=u,V=g(u,["class","className"]);return Object.entries(V).every(k=>{let[v,h]=k;return Array.isArray(h)?h.includes(c(c({},s),m)[v]):c(c({},s),m)[v]===h})?[...o,d,l]:o},[]);return p(t,w,j,e==null?void 0:e.class,e==null?void 0:e.className)};var _=z(`
+      header
+  `,{variants:{size:{small:"header--size-small",medium:"header--size-medium",large:"header--size-large"},borderBottom:{true:"border-bottom"}}}),B=f`
+  .header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 var(--hot-spacing-small);
+  }
+
+  .header.border-bottom {
+    border-bottom: var(--hot-spacing-3x-small) solid var(--hot-color-neutral-50);
+  }
+
+  .header--size-small {
+    height: var(--hot-spacing-4x-large);
+  }
+
+  .header--size-medium {
+    height: calc(var(--hot-spacing-4x-large) * 2);
+  }
+
+  .header--size-large {
+    height: calc(var(--hot-spacing-4x-large) * 4);
+  }
+
+  .header--link {
+    text-decoration: none;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--hot-spacing-small);
+  }
+
+  .header--title {
+    color: var(--hot-color-neutral-950);
+    font-family: var(--hot-font-sans);
+    font-size: var(--hot-font-size-x-large);
+  }
+
+  .header--tab::part(base) {
+    font-size: var(--hot-font-size-medium);
+    font-weight: var(--hot-font-weight-normal);
+    color: var(--hot-color-neutral-950);
+    padding: var(--hot-spacing-small) var(--hot-spacing-small);
+  }
+
+  .header--tab-group::part(base) {
+    --track-color: transparent;
+    --indicator-color: none;
+  }
+
+  .header--nav {
+    justify-content: space-between;
+    justify-items: center;
+    gap: var(--hot-spacing-medium);
+    font-weight: var(--hot-font-weight-semibold);
+  }
+
+  .header--nav-mobile {
+  }
+
+  .header--person-circle {
+    font-size: var(--hot-font-size-x-large);
+  }
+
+  .header--drawer {
+    font-size: var(--hot-font-size-x-large)
+  }
+
+  .header--right-section {
+    display: flex;
+    align-items: center;
+    gap: var(--hot-spacing-small);
+  }
+
+
+
+  .header--logo-img {
+  }
+
+  .header--tab {
+    border-bottom: 2px solid;
+    border-color: transparent;
+  }
+  .header--tab-active {
+    border-color: var(--hot-color-neutral-1000);
+  }
+
+  /* Login Modal Styles */
+  .login-modal {
+    --width: 35rem;
+    --border-radius: 8px;
+    --background-color: white;
+  }
+`;export{_ as a,B as b};

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

@@ -23,6 +23,6 @@ export declare class Button extends LitElement {
     accessor type: 'button' | 'submit' | 'reset';
     /** The HOT color variant to use. */
     accessor hotColor: 'red' | 'yellow' | 'blue' | 'cyan' | 'rose' | 'gray' | '';
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
 }
 export default Button;

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

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.HDZFWGNV.js";import"../../chunks/chunk.U4GEH6YR.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.UNSJMT66.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Button,b as default};
+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};

package/dist/components/button/button.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.H5ZQREL2.js";import"../../chunks/chunk.HDZFWGNV.js";import"../../chunks/chunk.U4GEH6YR.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.UNSJMT66.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
+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};

package/dist/components/button/button.styles.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.U4GEH6YR.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
+import{a}from"../../chunks/chunk.O6I2TNK3.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};

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

@@ -15,7 +15,7 @@ export declare class Consent extends LitElement {
     accessor message: string;
     accessor agreeLabel: string;
     accessor notAgreeLabel: string;
-    protected render(): import("lit").TemplateResult<1> | null;
+    protected render(): import("lit-html").TemplateResult<1> | null;
     private _setAgree;
     private _setDisagree;
     connectedCallback(): void;

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

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.CS56NBTQ.js";import"../../chunks/chunk.6YSBNYKD.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.UNSJMT66.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.T4GALJJA.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Consent,b as default};
+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};

package/dist/components/consent/consent.d.ts

@@ -1,17 +1,7 @@
 import Consent from './consent.component.js';
 export default Consent;
-
 declare global {
     interface HTMLElementTagNameMap {
         'hot-consent': Consent;
     }
 }
-
-// React 19
-declare module "react" {
-    namespace JSX {
-      interface IntrinsicElements {
-        'hot-consent': Consent;
-      }
-    }
-}

package/dist/components/consent/consent.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.UYOJKKGV.js";import"../../chunks/chunk.CS56NBTQ.js";import"../../chunks/chunk.6YSBNYKD.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.UNSJMT66.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.T4GALJJA.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
+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};

package/dist/components/consent/consent.styles.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.T4GALJJA.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
+import{a}from"../../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

@@ -2,23 +2,12 @@ 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 { LitElement } from "lit";
-import { type sizes } from './header.styles.js';
 import type { CSSResultGroup } from 'lit';
+import { type sizes } from './header.styles.js';
 interface MenuItem {
     label: string;
     clickEvent: () => void;
 }
-interface LoginProvider {
-    icon?: string;
-    loginUrl: string;
-    redirectUrl: string;
-    clientId?: string;
-    name?: string;
-    scope?: string;
-}
-interface LoginProviders {
-    [key: string]: LoginProvider;
-}
 export declare class Header extends LitElement {
     static styles: CSSResultGroup;
     name: string;
@@ -40,20 +29,11 @@ export declare class Header extends LitElement {
     accessor showLogin: boolean;
     /** Control the login modal state. */
     accessor loginModalOpen: boolean;
-    /** Configuration object for login providers. */
-    accessor loginProviders: LoginProviders;
     /** Default fallback icon for providers without custom icons. */
     accessor defaultLoginIcon: string;
-    accessor osmOauthUrl: string;
-    accessor OsmOauthClientId: string;
-    accessor OsmOauthRedirectUri: string;
-    private get loginOptions();
-    private formatProviderName;
+    connectedCallback(): Promise<void>;
     selectTab(index: number): void;
-    private performLogin;
-    private legacyOsmLoginRedirect;
-    private handleSignIn;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
     private _tabClick;
     private _handleLogin;
     private _handleModalClose;

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

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.O6Q54UVK.js";import"../../chunks/chunk.VOBHDN5R.js";import"../../chunks/chunk.UNSJMT66.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Header,b as default};
+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};

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

@@ -1,17 +1,7 @@
 import Header from './header.component.js';
 export default Header;
-
 declare global {
     interface HTMLElementTagNameMap {
         'hot-header': Header;
     }
 }
-
-// React 19
-declare module "react" {
-    namespace JSX {
-      interface IntrinsicElements {
-        'hot-header': Header;
-      }
-    }
-}

package/dist/components/header/header.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.IU7P7RMD.js";import"../../chunks/chunk.O6Q54UVK.js";import"../../chunks/chunk.VOBHDN5R.js";import"../../chunks/chunk.UNSJMT66.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
+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};

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

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.VOBHDN5R.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as headerVariants,b as styles};
+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};

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

@@ -5,6 +5,6 @@ export declare class Logo extends LitElement {
     name: string;
     accessor iconOnly: boolean;
     accessor textOnly: boolean;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
 }
 export default Logo;

package/dist/components/logo/logo.component.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.7RJ72M75.js";import"../../chunks/chunk.UTSKEKTV.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Logo,b as default};
+import{a,b}from"../../chunks/chunk.CFJBM2JT.js";import"../../chunks/chunk.W65BP3JY.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Logo,b as default};

package/dist/components/logo/logo.d.ts

@@ -1,17 +1,7 @@
 import Logo from './logo.component.js';
 export default Logo;
-
 declare global {
     interface HTMLElementTagNameMap {
         'hot-logo': Logo;
     }
 }
-
-// React 19
-declare module "react" {
-    namespace JSX {
-      interface IntrinsicElements {
-        'hot-logo': Logo;
-      }
-    }
-}

package/dist/components/logo/logo.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.SZ46YTWY.js";import"../../chunks/chunk.7RJ72M75.js";import"../../chunks/chunk.UTSKEKTV.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
+import{a}from"../../chunks/chunk.MCLA4YSC.js";import"../../chunks/chunk.CFJBM2JT.js";import"../../chunks/chunk.W65BP3JY.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};

package/dist/components/logo/logo.styles.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.UTSKEKTV.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
+import{a}from"../../chunks/chunk.W65BP3JY.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};

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

@@ -34,7 +34,7 @@ export declare class MatomoTracking extends LitElement {
     private showErrorCallout;
     private showSuccessCallout;
     private showInfoCallout;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
 }
 export default MatomoTracking;

package/dist/components/tracking/tracking.component.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.PDLGEB7T.js";import"../../chunks/chunk.6YSBNYKD.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.UNSJMT66.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as MatomoTracking,b as default};
+import{a,b}from"../../chunks/chunk.2E5B6OR3.js";import"../../chunks/chunk.34D2LPI2.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as MatomoTracking,b as default};

package/dist/components/tracking/tracking.d.ts

@@ -1,17 +1,7 @@
 import MatomoTracking from './tracking.component.js';
 export default MatomoTracking;
-
 declare global {
     interface HTMLElementTagNameMap {
         'hot-tracking': MatomoTracking;
     }
 }
-
-// React 19
-declare module "react" {
-    namespace JSX {
-      interface IntrinsicElements {
-        'hot-tracking': MatomoTracking;
-      }
-    }
-}

package/dist/components/tracking/tracking.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.YYEOK7MA.js";import"../../chunks/chunk.PDLGEB7T.js";import"../../chunks/chunk.6YSBNYKD.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.UNSJMT66.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
+import{a}from"../../chunks/chunk.3P72BRDN.js";import"../../chunks/chunk.2E5B6OR3.js";import"../../chunks/chunk.34D2LPI2.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};

package/dist/hotosm-ui.js

@@ -1 +1 @@
-import{a as o}from"./chunks/chunk.IU7P7RMD.js";import"./chunks/chunk.O6Q54UVK.js";import"./chunks/chunk.VOBHDN5R.js";import{a as t}from"./chunks/chunk.SZ46YTWY.js";import"./chunks/chunk.7RJ72M75.js";import"./chunks/chunk.UTSKEKTV.js";import{a as r}from"./chunks/chunk.YYEOK7MA.js";import"./chunks/chunk.PDLGEB7T.js";import{a}from"./chunks/chunk.H5ZQREL2.js";import"./chunks/chunk.HDZFWGNV.js";import"./chunks/chunk.U4GEH6YR.js";import{a as m}from"./chunks/chunk.UYOJKKGV.js";import"./chunks/chunk.CS56NBTQ.js";import"./chunks/chunk.6YSBNYKD.js";import"./chunks/chunk.O2GMJYSL.js";import"./chunks/chunk.UNSJMT66.js";import"./chunks/chunk.6ZDEZIWM.js";import"./chunks/chunk.KO4EOD3I.js";import"./chunks/chunk.T4GALJJA.js";import"./chunks/chunk.U4P7XQR4.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 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};

package/dist/style.css

@@ -1,8 +1,8 @@
 /* The default WebAwesome CSS */
-@import url('https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/webawesome.css');
 /* The WebAwesome theme we use (options: awesome, brutalist, glossy, etc) */
 @import url('https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/themes/default.css');
 /* Import our custom HOTOSM CSS variables - should be imported first */
 @import 'themes/hot.css';
 /* Import our WebAwesome palette / colour & font override */
 @import 'themes/hot-wa-override.css';
+@import url('https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/webawesome.css');

package/dist/themes/hot.css

@@ -1,5 +1,4 @@
 /* HOT theme */
-
 /* :root makes them available globally */
 :root,
 /* :host is for Web Components and shadow DOM scopes */
@@ -17,7 +16,7 @@
    --hot-color-red-800: #B83032;
    --hot-color-red-700: #C53639;
    --hot-color-red-600: #D73F3F;
-   --hot-color-red-500: #F34D47;
+   --hot-color-red-500: green;
    --hot-color-red-400: #ED5C5E;
    --hot-color-red-300: #E27A7D;
    --hot-color-red-200: #EC9EA1;
@@ -258,3 +257,33 @@
    --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 100ms, box-shadow 100ms;
+ }
+
+ .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: white;
+   text-shadow: rgb(0 0 0 / 0.3) 0 -1px;
+ }
+
+
+ wa-button.login-button {
+   background-color: #1a73e8;
+   color: white;
+   font-weight: 600;
+   padding: 0.6rem 1.2rem;
+   border-radius: 8px;
+ }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hotosm/ui",
-  "version": "0.3.2-b3",
+  "version": "0.3.2-b5",
   "description": "Shared UI components with HOT theming.",
   "homepage": "https://github.com/hotosm/ui#readme",
   "author": {
@@ -48,20 +48,19 @@
   "engines": {
     "node": ">=14.17.0"
   },
-  "dependencies": {
-    "@awesome.me/webawesome": "3.0.0-beta.1",
-    "class-variance-authority": "^0.7.0",
-    "lit": "^3.0.0"
-  },
   "devDependencies": {
+    "@awesome.me/webawesome": "3.0.0-beta.1",
     "@storybook/addon-essentials": "^8.3.5",
     "@storybook/addon-links": "^8.3.5",
     "@storybook/blocks": "^8.3.5",
     "@storybook/web-components": "^8.2.9",
     "@storybook/web-components-vite": "^8.2.9",
+    "@teamhanko/hanko-elements": "^2.1.0",
+    "class-variance-authority": "^0.7.0",
     "del": "^7.1.0",
     "esbuild": "^0.19.4",
     "globby": "^14.0.2",
+    "lit": "^3.0.0",
     "storybook": "^8.2.9",
     "typescript": "^5.2.2",
     "user-agent-data-types": "^0.3.1"

package/dist/chunks/chunk.H5ZQREL2.js

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

package/dist/chunks/chunk.IU7P7RMD.js

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