@hotosm/ui 0.3.4-b3 → 0.5.0

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

@@ -1,7 +1,7 @@
 /**
  * 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
+ *
+ * This utility is kept for potential future use with other shadow DOM components.
  */
 export interface CSSInjectionOptions {
     /** The CSS string to inject */
@@ -14,21 +14,7 @@ export interface CSSInjectionOptions {
     styleId?: string;
 }
 /**
- * Injects CSS into the shadow DOM of WebAwesome components
+ * Injects CSS into the shadow DOM of elements
  * @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;
-/**
- * Injects CSS into all WebAwesome components that need HOT theme styling
- */
-export declare function injectHOTThemeIntoAllComponents(): void;
-/**
- * Sets up a mutation observer to automatically inject CSS into new WebAwesome elements
- * This ensures that dynamically added components also get the HOT theme
- */
-export declare function setupAutoInjection(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hotosm/ui",
-  "version": "0.3.4-b3",
+  "version": "0.5.0",
   "description": "Shared UI components with HOT theming.",
   "homepage": "https://github.com/hotosm/ui#readme",
   "author": {
@@ -13,16 +13,20 @@
       "url": "https://github.com/joltcode"
     },
     {
-      "name": "Emilio Mariscal",
+      "name": "Emilio",
       "url": "https://github.com/emi420"
     },
     {
-      "name": "Deepak Pradhan",
+      "name": "Deepak",
       "url": "https://github.com/varun2948"
     },
     {
-      "name": "Sam Woodcock",
+      "name": "Sam",
       "url": "https://github.com/spwoodcock"
+    },
+    {
+      "name": "Tyler",
+      "url": "https://github.com/tbssnch"
     }
   ],
   "license": "AGPL-3.0-only",
@@ -52,23 +56,34 @@
     "@awesome.me/webawesome": "3.0.0"
   },
   "devDependencies": {
+    "@awesome.me/webawesome": "3.0.0-beta.1",
     "@storybook/addon-docs": "^9.0.18",
     "@storybook/addon-links": "^9.0.18",
     "@storybook/web-components-vite": "^9.0.18",
     "@teamhanko/hanko-elements": "^2.1.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.4.2",
+    "@vitest/browser": "^4.0.10",
+    "@vitest/browser-playwright": "^4.0.10",
     "@whitespace/storybook-addon-html": "^7.0.0",
     "class-variance-authority": "^0.7.1",
     "del": "^8.0.0",
     "esbuild": "^0.25.8",
     "globby": "^14.1.0",
+    "jsdom": "^24.0.0",
     "lit": "^3.3.1",
+    "playwright": "^1.56.1",
     "storybook": "^9.0.18",
     "typescript": "^5.8.3",
-    "user-agent-data-types": "^0.4.2"
+    "user-agent-data-types": "^0.4.2",
+    "vitest": "^4.0.10"
   },
   "scripts": {
     "dev": "storybook dev -p 3001 --no-open",
     "build:docs": "storybook build --output-dir docs",
-    "build": "node scripts/build.js"
+    "build": "node scripts/build.js",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "coverage": "vitest run --coverage"
   }
 }