@hotosm/ui 0.3.4-b2 → 0.4.0

package/dist/chunks/chunk.NXHCSWIR.js

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

package/dist/chunks/chunk.OHYOXYF2.js

@@ -1,25 +0,0 @@
-import{c as d,d as m}from"./chunk.C6I42VVF.js";import{a as l,b as p}from"./chunk.N2W26RCT.js";var y={attribute:!0,type:String,converter:d,reflect:!1,hasChanged:m},g=(e=y,o,t)=>{let{kind:a,metadata:c}=t,i=globalThis.litPropertyMetadata.get(c);if(i===void 0&&globalThis.litPropertyMetadata.set(c,i=new Map),a==="setter"&&((e=Object.create(e)).wrapped=!0),i.set(t.name,e),a==="accessor"){let{name:n}=t;return{set(s){let r=o.get.call(this);o.set.call(this,s),this.requestUpdate(n,r,e)},init(s){return s!==void 0&&this.C(n,void 0,e,s),s}}}if(a==="setter"){let{name:n}=t;return function(s){let r=this[n];o.call(this,s),this.requestUpdate(n,r,e)}}throw Error("Unsupported decorator location: "+a)};function f(e){return(o,t)=>typeof t=="object"?g(e,o,t):((a,c,i)=>{let n=c.hasOwnProperty(i);return c.constructor.createProperty(i,a),n?Object.getOwnPropertyDescriptor(c,i):void 0})(e,o,t)}function v(e){return f(p(l({},e),{state:!0,attribute:!1}))}var O=e=>(o,t)=>{t!==void 0?t.addInitializer(()=>{customElements.define(e,o)}):customElements.define(e,o)};var u=(e,o,t)=>(t.configurable=!0,t.enumerable=!0,Reflect.decorate&&typeof o!="object"&&Object.defineProperty(e,o,t),t);function A(e,o){return(t,a,c)=>{let i=n=>{var s,r;return(r=(s=n.renderRoot)==null?void 0:s.querySelector(e))!=null?r:null};if(o){let{get:n,set:s}=typeof a=="object"?t:c!=null?c:(()=>{let r=Symbol();return{get(){return this[r]},set(h){this[r]=h}}})();return u(t,a,{get(){let r=n.call(this);return r===void 0&&(r=i(this),(r!==null||this.hasUpdated)&&s.call(this,r)),r}})}return u(t,a,{get(){return i(this)}})}}export{O as a,f as b,v as c,A as d};
-/*! Bundled license information:
-
-@lit/reactive-element/decorators/property.js:
-@lit/reactive-element/decorators/state.js:
-@lit/reactive-element/decorators/custom-element.js:
-@lit/reactive-element/decorators/event-options.js:
-@lit/reactive-element/decorators/base.js:
-@lit/reactive-element/decorators/query.js:
-@lit/reactive-element/decorators/query-all.js:
-@lit/reactive-element/decorators/query-async.js:
-@lit/reactive-element/decorators/query-assigned-nodes.js:
-  (**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-
-@lit/reactive-element/decorators/query-assigned-elements.js:
-  (**
-   * @license
-   * Copyright 2021 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/

package/dist/chunks/chunk.PSMDEZL4.js

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

package/dist/chunks/chunk.U4WXIJS7.js

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

package/dist/themes/hot-button-override.css

@@ -1,246 +0,0 @@
-/* HOT Button Component Override using CSS Parts */
-/* This file specifically targets wa-button components to ensure hot-red-color is used as primary */
-
-/* Import the HOT theme variables */
-@import 'hot.css';
-
-/* CSS Parts override for wa-button component */
-wa-button {
-  /* Ensure the component uses HOT theme variables */
-  --wa-color-brand-95: var(--hot-color-red-50);
-  --wa-color-brand-90: var(--hot-color-red-100);
-  --wa-color-brand-80: var(--hot-color-red-200);
-  --wa-color-brand-70: var(--hot-color-red-300);
-  --wa-color-brand-60: var(--hot-color-red-400);
-  --wa-color-brand-50: var(--hot-color-red-500);
-  --wa-color-brand-40: var(--hot-color-red-600);
-  --wa-color-brand-30: var(--hot-color-red-700);
-  --wa-color-brand-20: var(--hot-color-red-800);
-  --wa-color-brand-10: var(--hot-color-red-900);
-  --wa-color-brand-05: var(--hot-color-red-950);
-  --wa-color-brand: var(--hot-color-red-500);
-  --wa-color-brand-key: 50;
-}
-
-/* Primary button variant using CSS parts */
-wa-button[variant="primary"]::part(base) {
-  background: linear-gradient(135deg, var(--hot-color-red-500), var(--hot-color-red-600));
-  border: 1px solid var(--hot-color-red-600);
-  color: white;
-  box-shadow: 0 2px 4px rgba(211, 63, 63, 0.3);
-  transition: all 0.2s ease;
-}
-
-wa-button[variant="primary"]::part(base):hover {
-  background: linear-gradient(135deg, var(--hot-color-red-600), var(--hot-color-red-700));
-  border-color: var(--hot-color-red-700);
-  box-shadow: 0 4px 8px rgba(211, 63, 63, 0.4);
-  transform: translateY(-1px);
-}
-
-wa-button[variant="primary"]::part(base):active {
-  background: linear-gradient(135deg, var(--hot-color-red-700), var(--hot-color-red-800));
-  border-color: var(--hot-color-red-800);
-  box-shadow: 0 1px 3px rgba(211, 63, 63, 0.3);
-  transform: translateY(0);
-}
-
-wa-button[variant="primary"]::part(base):focus-visible {
-  outline: 2px solid var(--hot-color-red-400);
-  outline-offset: 2px;
-}
-
-/* Brand variant (alternative to primary) */
-wa-button[variant="brand"]::part(base) {
-  background: linear-gradient(135deg, var(--hot-color-red-500), var(--hot-color-red-600));
-  border: 1px solid var(--hot-color-red-600);
-  color: white;
-  box-shadow: 0 2px 4px rgba(211, 63, 63, 0.3);
-  transition: all 0.2s ease;
-}
-
-wa-button[variant="brand"]::part(base):hover {
-  background: linear-gradient(135deg, var(--hot-color-red-600), var(--hot-color-red-700));
-  border-color: var(--hot-color-red-700);
-  box-shadow: 0 4px 8px rgba(211, 63, 63, 0.4);
-  transform: translateY(-1px);
-}
-
-wa-button[variant="brand"]::part(base):active {
-  background: linear-gradient(135deg, var(--hot-color-red-700), var(--hot-color-red-800));
-  border-color: var(--hot-color-red-800);
-  box-shadow: 0 1px 3px rgba(211, 63, 63, 0.3);
-  transform: translateY(0);
-}
-
-/* Outline variant with hot-red-color */
-wa-button[variant="outline"]::part(base) {
-  background: transparent;
-  border: 2px solid var(--hot-color-red-500);
-  color: var(--hot-color-red-500);
-  transition: all 0.2s ease;
-}
-
-wa-button[variant="outline"]::part(base):hover {
-  background: var(--hot-color-red-50);
-  border-color: var(--hot-color-red-600);
-  color: var(--hot-color-red-600);
-  box-shadow: 0 2px 4px rgba(211, 63, 63, 0.2);
-}
-
-wa-button[variant="outline"]::part(base):active {
-  background: var(--hot-color-red-100);
-  border-color: var(--hot-color-red-700);
-  color: var(--hot-color-red-700);
-}
-
-/* Text variant with hot-red-color */
-wa-button[variant="text"]::part(base) {
-  background: transparent;
-  border: none;
-  color: var(--hot-color-red-500);
-  transition: all 0.2s ease;
-}
-
-wa-button[variant="text"]::part(base):hover {
-  background: var(--hot-color-red-50);
-  color: var(--hot-color-red-600);
-}
-
-wa-button[variant="text"]::part(base):active {
-  background: var(--hot-color-red-100);
-  color: var(--hot-color-red-700);
-}
-
-/* Custom HOT red button class */
-wa-button.hot-red::part(base) {
-  background: linear-gradient(135deg, var(--hot-color-red-500), var(--hot-color-red-600));
-  border: 1px solid var(--hot-color-red-600);
-  color: white;
-  font-weight: 600;
-  box-shadow: 0 2px 4px rgba(211, 63, 63, 0.3);
-  transition: all 0.2s ease;
-}
-
-wa-button.hot-red::part(base):hover {
-  background: linear-gradient(135deg, var(--hot-color-red-600), var(--hot-color-red-700));
-  border-color: var(--hot-color-red-700);
-  box-shadow: 0 4px 12px rgba(211, 63, 63, 0.4);
-  transform: translateY(-2px);
-}
-
-wa-button.hot-red::part(base):active {
-  background: linear-gradient(135deg, var(--hot-color-red-700), var(--hot-color-red-800));
-  border-color: var(--hot-color-red-800);
-  box-shadow: 0 1px 3px rgba(211, 63, 63, 0.3);
-  transform: translateY(0);
-}
-
-/* Enhanced button label styling */
-wa-button::part(label) {
-  font-family: var(--hot-font-sans);
-  font-weight: 500;
-  letter-spacing: 0.025em;
-}
-
-/* Button states */
-wa-button:state(disabled)::part(base) {
-  opacity: 0.5;
-  cursor: not-allowed;
-  transform: none;
-  box-shadow: none;
-  background: var(--hot-color-gray-200);
-  border-color: var(--hot-color-gray-300);
-  color: var(--hot-color-gray-500);
-}
-
-wa-button:state(loading)::part(base) {
-  cursor: wait;
-  position: relative;
-}
-
-/* Size variants with hot-red-color */
-wa-button[size="small"]::part(base) {
-  padding: 0.5rem 1rem;
-  font-size: 0.875rem;
-  border-radius: 0.25rem;
-}
-
-wa-button[size="large"]::part(base) {
-  padding: 0.875rem 1.75rem;
-  font-size: 1.125rem;
-  border-radius: 0.5rem;
-}
-
-/* Icon button with hot-red-color */
-wa-button[appearance="icon"]::part(base) {
-  border-radius: 50%;
-  padding: 0.75rem;
-  min-width: 2.5rem;
-  min-height: 2.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-wa-button[appearance="icon"][variant="primary"]::part(base) {
-  background: var(--hot-color-red-500);
-  border-color: var(--hot-color-red-600);
-  color: white;
-}
-
-wa-button[appearance="icon"][variant="primary"]::part(base):hover {
-  background: var(--hot-color-red-600);
-  border-color: var(--hot-color-red-700);
-}
-
-/* Focus styles for accessibility */
-wa-button::part(base):focus-visible {
-  outline: 2px solid var(--hot-color-red-400);
-  outline-offset: 2px;
-}
-
-/* Custom animation for hot-red buttons */
-@keyframes hot-red-pulse {
-  0% {
-    box-shadow: 0 2px 4px rgba(211, 63, 63, 0.3);
-  }
-  50% {
-    box-shadow: 0 4px 8px rgba(211, 63, 63, 0.5);
-  }
-  100% {
-    box-shadow: 0 2px 4px rgba(211, 63, 63, 0.3);
-  }
-}
-
-wa-button.hot-red-pulse::part(base) {
-  animation: hot-red-pulse 2s infinite;
-}
-
-/* High contrast mode support */
-@media (prefers-contrast: high) {
-  wa-button[variant="primary"]::part(base) {
-    border: 2px solid var(--hot-color-red-900);
-    background: var(--hot-color-red-700);
-  }
-  
-  wa-button[variant="outline"]::part(base) {
-    border: 2px solid var(--hot-color-red-700);
-    color: var(--hot-color-red-700);
-  }
-}
-
-/* Reduced motion support */
-@media (prefers-reduced-motion: reduce) {
-  wa-button::part(base) {
-    transition: none;
-  }
-  
-  wa-button::part(base):hover {
-    transform: none;
-  }
-  
-  wa-button.hot-red-pulse::part(base) {
-    animation: none;
-  }
-}