@hotosm/ui 0.3.1-b7 → 0.3.1-b9

package/dist/chunks/chunk.456NATDG.js

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

package/dist/chunks/chunk.CNARC7G7.js

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

package/dist/chunks/{chunk.SVJY4SS3.js → chunk.HCXPZJU6.js}

@@ -1,4 +1,4 @@
-import{a as q,b as z}from"./chunk.IG27I42A.js";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{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 {
+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 {
   --indicator-color: var(--wa-color-brand-fill-loud);
   --track-color: var(--wa-color-neutral-fill-normal);
   --track-width: 0.125rem;

package/dist/chunks/{chunk.IG27I42A.js → chunk.HTYJKOJL.js}

@@ -1,4 +1,4 @@
-import{b as v}from"./chunk.U4P7XQR4.js";import{a as c,c as u}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,w=(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,z=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=u(g,["class","className"]);return Object.entries(k).every(V=>{let[f,m]=V;return Array.isArray(m)?m.includes(c(c({},s),h)[f]):c(c({},s),h)[f]===m})?[...a,d,l]:a},[]);return y(t,z,j,e==null?void 0:e.class,e==null?void 0:e.className)};var _=w(`
+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(`
       header
   `,{variants:{size:{small:"header--size-small",medium:"header--size-medium",large:"header--size-large"},borderBottom:{true:"border-bottom"}}}),B=v`
   .header {
@@ -75,8 +75,8 @@ import{b as v}from"./chunk.U4P7XQR4.js";import{a as c,c as u}from"./chunk.NI7UJO
   }
 
   .header--login-button {
-    --wa-color-brand-600: var(--hot-color-red-500);
-    --wa-color-brand-700: var(--hot-color-red-600);
+    color: var(--hot-color-red-500);
+    background-color: var(--hot-color-red-600);
   }
 
   .header--logo-img {

package/dist/chunks/{chunk.CS56NBTQ.js → chunk.MIYFUINI.js}

@@ -1,4 +1,4 @@
-import{b as o}from"./chunk.6ZDEZIWM.js";import{a as l}from"./chunk.KO4EOD3I.js";import{a as d}from"./chunk.T4GALJJA.js";import{e as r,k as c}from"./chunk.U4P7XQR4.js";import{d as s,e as a,f as n,g as i}from"./chunk.NI7UJOOZ.js";l();var u,g,p,b,h,m,v,e=class extends c{constructor(){super(...arguments);this.name="hot-consent";n(this,u,"");n(this,g,!1);n(this,p,!0);n(this,b,"About the information we collect");n(this,h,"We use cookies and similar technologies to recognize and analyze your visits, and measure traffic usage and activity.");n(this,m,"I Agree");n(this,v,"I Do Not Agree")}get consentId(){return a(this,u)}set consentId(t){i(this,u,t)}get force(){return a(this,g)}set force(t){i(this,g,t)}get isOpen(){return a(this,p)}set isOpen(t){i(this,p,t)}get title(){return a(this,b)}set title(t){i(this,b,t)}get message(){return a(this,h)}set message(t){i(this,h,t)}get agreeLabel(){return a(this,m)}set agreeLabel(t){i(this,m,t)}get notAgreeLabel(){return a(this,v)}set notAgreeLabel(t){i(this,v,t)}render(){return this.isOpen?r`
+import{a as d}from"./chunk.T4GALJJA.js";import{b as o}from"./chunk.6ZDEZIWM.js";import{a as l}from"./chunk.KO4EOD3I.js";import{e as r,k as c}from"./chunk.U4P7XQR4.js";import{d as s,e as a,f as n,g as i}from"./chunk.NI7UJOOZ.js";l();var u,g,p,b,h,m,v,e=class extends c{constructor(){super(...arguments);this.name="hot-consent";n(this,u,"");n(this,g,!1);n(this,p,!0);n(this,b,"About the information we collect");n(this,h,"We use cookies and similar technologies to recognize and analyze your visits, and measure traffic usage and activity.");n(this,m,"I Agree");n(this,v,"I Do Not Agree")}get consentId(){return a(this,u)}set consentId(t){i(this,u,t)}get force(){return a(this,g)}set force(t){i(this,g,t)}get isOpen(){return a(this,p)}set isOpen(t){i(this,p,t)}get title(){return a(this,b)}set title(t){i(this,b,t)}get message(){return a(this,h)}set message(t){i(this,h,t)}get agreeLabel(){return a(this,m)}set agreeLabel(t){i(this,m,t)}get notAgreeLabel(){return a(this,v)}set notAgreeLabel(t){i(this,v,t)}render(){return this.isOpen?r`
       <div class="consent-overlay">
         <div class="consent-container">
           <wa-callout variant="brand" appearance="outlined filled" size="large" class="consent-callout">

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

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

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

@@ -1,7 +1,17 @@
 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.LPSHZWUY.js";import"../../chunks/chunk.D2BMH7HD.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.456NATDG.js";import"../../chunks/chunk.MIYFUINI.js";import"../../chunks/chunk.LPSHZWUY.js";import"../../chunks/chunk.T4GALJJA.js";import"../../chunks/chunk.D2BMH7HD.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};

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

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.SVJY4SS3.js";import"../../chunks/chunk.IG27I42A.js";import"../../chunks/chunk.D2BMH7HD.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.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};

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

@@ -1,7 +1,17 @@
 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.EPRR7SLL.js";import"../../chunks/chunk.SVJY4SS3.js";import"../../chunks/chunk.IG27I42A.js";import"../../chunks/chunk.D2BMH7HD.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.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};

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

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

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

@@ -1,7 +1,17 @@
 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/tracking/tracking.d.ts

@@ -1,7 +1,17 @@
 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/hotosm-ui.js

@@ -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 as o}from"./chunks/chunk.EPRR7SLL.js";import"./chunks/chunk.SVJY4SS3.js";import"./chunks/chunk.IG27I42A.js";import{a}from"./chunks/chunk.UYOJKKGV.js";import"./chunks/chunk.CS56NBTQ.js";import"./chunks/chunk.LPSHZWUY.js";import"./chunks/chunk.D2BMH7HD.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,o as Header,r as Logo,t as Tracking};
+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};

package/dist/themes/hot.css

@@ -94,6 +94,79 @@
    --hot-color-gray-100: #E1E0E1;
    --hot-color-gray-50: #F3F3F3;
 
+      /*
+   * Semantic Colors
+   * These map primitive colors to semantic meanings
+   */
+
+   /* Primary colors (HOT brand color - red) */
+   --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);
+
+   /* Danger colors (red) */
+   --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);
+
+   /* Warning colors (yellow) */
+   --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);
+
+   /* Success colors (green - using WebAwesome green values) */
+   --hot-color-success-950: #031608;
+   --hot-color-success-900: #052310;
+   --hot-color-success-800: #0a3a1d;
+   --hot-color-success-700: #0a5027;
+   --hot-color-success-600: #036730;
+   --hot-color-success-500: #00883c;
+   --hot-color-success-400: #00ac49;
+   --hot-color-success-300: #5dc36f;
+   --hot-color-success-200: #93da98;
+   --hot-color-success-100: #c2f2c1;
+   --hot-color-success-50: #e3f9e3;
+
+   /* Neutral colors (gray) */
+   --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;
+
+
    /*
    * Typography
    */

package/package.json

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

package/dist/chunks/chunk.EPRR7SLL.js

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

package/dist/chunks/chunk.UYOJKKGV.js

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