kempo-ui 0.0.8 → 0.0.10

package/src/components/Tree.js

@@ -133,10 +133,10 @@ export class TreeBranch extends ShadowComponent {
 
 		return html`
 			<div>
-				<div class="branch-label" @click=${this.toggle}>
+				<button class="branch-label no-btn" @click=${this.toggle} aria-expanded="${this.opened}">
 					<k-icon name="chevron-right" class="toggle-icon ${this.opened ? 'opened' : ''}"></k-icon>
 					${label}${type}
-				</div>
+				</button>
 				${this.opened ? html`
 					<div class="pl">
 						${this.value ? (Array.isArray(this.value)
@@ -154,11 +154,19 @@ export class TreeBranch extends ShadowComponent {
 			display: block;
 		}
 		.branch-label{
+			display: block;
+			width: 100%;
 			cursor: pointer;
 		}
 		.branch-label:hover{
 			background-color: var(--c_bg__alt, #f5f5f5);
 		}
+		.branch-label:focus{
+			box-shadow: none;
+		}
+		.branch-label:focus-visible{
+			box-shadow: var(--focus_shadow);
+		}
 		.toggle-icon{
 			transition: transform var(--animation_ms, 200ms);
 		}

package/scripts/fix-docs-paths.js

@@ -1,62 +0,0 @@
-import fs from 'fs/promises';
-import path from 'path';
-import { fileURLToPath } from 'url';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-const docsComponentsDir = path.join(__dirname, '..', 'docs', 'components');
-const docsUtilsDir = path.join(__dirname, '..', 'docs', 'utils');
-
-async function fixComponentHtmlFile(filePath) {
-  let content = await fs.readFile(filePath, 'utf-8');
-  let modified = false;
-
-  // Replace the inline script block with script src to init.js
-  const scriptPattern = /<script type="module">\s*import.*?(ShadowComponent|Import|Icon).*?<\/script>/s;
-  if (scriptPattern.test(content)) {
-    content = content.replace(
-      scriptPattern,
-      '<script type="module" src="./init.js"></script>'
-    );
-    modified = true;
-  }
-
-  // Fix the backtick-n issue in stylesheets
-  if (content.includes('`n')) {
-    content = content.replace(/`n/g, '\n');
-    modified = true;
-  }
-
-  if (modified) {
-    await fs.writeFile(filePath, content, 'utf-8');
-    console.log(`Fixed: ${path.basename(filePath)}`);
-    return true;
-  }
-  return false;
-}
-
-async function fixAllFilesInDirectory(dir, dirName) {
-  const files = await fs.readdir(dir);
-  let fixedCount = 0;
-
-  for (const file of files) {
-    if (file.endsWith('.html')) {
-      const filePath = path.join(dir, file);
-      const fixed = await fixComponentHtmlFile(filePath);
-      if (fixed) fixedCount++;
-    }
-  }
-
-  console.log(`\nFixed ${fixedCount} HTML files in ${dirName}/`);
-}
-
-async function fixAllComponentFiles() {
-  console.log('Fixing components...');
-  await fixAllFilesInDirectory(docsComponentsDir, 'docs/components');
-  
-  console.log('\nFixing utils...');
-  await fixAllFilesInDirectory(docsUtilsDir, 'docs/utils');
-}
-
-fixAllComponentFiles().catch(console.error);