BEM Refactor Kol-Accordion

Refs: #7036
public-ui · Nov 13, 2024 · 3dba735 · 3dba735
1 parent 1bfa4bd
commit 3dba735
Show file tree

Hide file tree

Showing 7 changed files with 87 additions and 89 deletions.
diff --git a/packages/components/src/components/accordion/shadow.tsx b/packages/components/src/components/accordion/shadow.tsx
@@ -1,5 +1,5 @@
 // https://codepen.io/mbxtr/pen/OJPOYg?html-preprocessor=haml
-import { Component, h, Host, Method, Prop, State, Watch } from '@stencil/core';
+import { Component, h, Method, Prop, State, Watch } from '@stencil/core';
 import type { JSX } from '@stencil/core';
 import type {
 	AccordionAPI,
@@ -71,7 +71,7 @@ export class KolAccordion implements AccordionAPI, FocusableElement {
 
 	public render(): JSX.Element {
 		const { _open, _label, _disabled, _level } = this.state;
-		const rootClass = 'accordion';
+		const rootClass = 'kol-accordion';
 
 		const props: CollapsibleProps = {
 			id: this.nonce,
@@ -94,11 +94,9 @@ export class KolAccordion implements AccordionAPI, FocusableElement {
 		};
 
 		return (
-			<Host class="kol-accordion">
-				<KolCollapsibleFc {...props}>
-					<slot />
-				</KolCollapsibleFc>
-			</Host>
+			<KolCollapsibleFc {...props}>
+				<slot />
+			</KolCollapsibleFc>
 		);
 	}
 

diff --git a/packages/components/src/components/accordion/test/__snapshots__/snapshot.spec.tsx.snap b/packages/components/src/components/accordion/test/__snapshots__/snapshot.spec.tsx.snap
diff --git a/packages/themes/bmf/src/components/accordion.scss b/packages/themes/bmf/src/components/accordion.scss
@@ -8,7 +8,7 @@
 		font-size: rem(16);
 	}
 
-	.accordion {
+	.kol-accordion {
 		width: 100%;
 		height: 100%;
 		display: grid;

diff --git a/packages/themes/default/src/components/accordion.scss b/packages/themes/default/src/components/accordion.scss
@@ -8,7 +8,7 @@
 		font-family: var(--font-family);
 	}
 
-	.accordion {
+	.kol-accordion {
 		width: 100%;
 		height: 100%;
 		display: grid;

diff --git a/packages/themes/ecl/src/ecl-ec/components/accordion.scss b/packages/themes/ecl/src/ecl-ec/components/accordion.scss
@@ -6,7 +6,7 @@
 		font-size: rem(16);
 	}
 
-	.accordion {
+	.kol-accordion {
 		background-color: var(--color-grey-5);
 		border-color: var(--color-grey-25);
 		border-style: solid;

diff --git a/packages/themes/ecl/src/ecl-eu/components/accordion.scss b/packages/themes/ecl/src/ecl-eu/components/accordion.scss
@@ -6,7 +6,7 @@
 		font-size: rem(16);
 	}
 
-	.accordion {
+	.kol-accordion {
 		border-radius: rem(8);
 		box-shadow:
 			0 rem(2) rem(4) rgb(9 49 142 / 8%),

diff --git a/packages/themes/itzbund/src/components/accordion.scss b/packages/themes/itzbund/src/components/accordion.scss
@@ -7,7 +7,7 @@
 		font-size: rem(16);
 	}
 
-	.accordion {
+	.kol-accordion {
 		box-sizing: border-box;
 		width: 100%;
 		height: 100%;