Merge remote-tracking branch 'origin/develop' into 7036-bem-refactor-…

…form
public-ui · Dec 9, 2024 · f13023e · f13023e
2 parents c5f2433 + e90c9b0
commit f13023e
Show file tree

Hide file tree

Showing 61 changed files with 466 additions and 453 deletions.
diff --git a/packages/components/src/components/@shared/_kol-link-mixin.scss b/packages/components/src/components/@shared/_kol-link-mixin.scss
@@ -19,7 +19,7 @@
 			text-decoration-line: none;
 
 			&__text {
-				.span-label {
+				.kol-span__label {
 					text-decoration-line: underline;
 
 					@at-root #{$root}:is(:focus, :hover):not([aria-disabled], [disabled]) & {

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
@@ -4,7 +4,7 @@ exports[`kol-accordion should render with _label="Überschrift" _level=1 _open=f
 <kol-accordion>
   <template shadowrootmode="open">
     <div class="collapsible kol-accordion" id="nonce">
-      <h1 class="collapsible__heading headline headline-h1 kol-accordion__heading kol-heading-wc">
+      <h1 class="collapsible__heading kol-accordion__heading kol-headline kol-headline--h1 kol-headline--single">
         <kol-button-wc _ariacontrols="nonce-control" _icons="codicon codicon-add" _label="Überschrift" class="collapsible__heading-button kol-accordion__heading-button" slot="expert"></kol-button-wc>
       </h1>
       <div class="collapsible__wrapper kol-accordion__wrapper">
@@ -23,7 +23,7 @@ exports[`kol-accordion should render with _label="Überschrift" _level=1 _open=f
 <kol-accordion>
   <template shadowrootmode="open">
     <div class="collapsible disabled kol-accordion" id="nonce">
-      <h1 class="collapsible__heading headline headline-h1 kol-accordion__heading kol-heading-wc">
+      <h1 class="collapsible__heading kol-accordion__heading kol-headline kol-headline--h1 kol-headline--single">
         <kol-button-wc _ariacontrols="nonce-control" _disabled="" _icons="codicon codicon-add" _label="Überschrift" class="collapsible__heading-button kol-accordion__heading-button" slot="expert"></kol-button-wc>
       </h1>
       <div class="collapsible__wrapper kol-accordion__wrapper">
@@ -42,7 +42,7 @@ exports[`kol-accordion should render with _label="Überschrift" _level=1 _open=t
 <kol-accordion _open="">
   <template shadowrootmode="open">
     <div class="collapsible kol-accordion open" id="nonce">
-      <h1 class="collapsible__heading headline headline-h1 kol-accordion__heading kol-heading-wc">
+      <h1 class="collapsible__heading kol-accordion__heading kol-headline kol-headline--h1 kol-headline--single">
         <kol-button-wc _ariacontrols="nonce-control" _ariaexpanded="" _icons="codicon codicon-remove" _label="Überschrift" class="collapsible__heading-button kol-accordion__heading-button" slot="expert"></kol-button-wc>
       </h1>
       <div class="collapsible__wrapper kol-accordion__wrapper">
@@ -61,7 +61,7 @@ exports[`kol-accordion should render with _label="Überschrift" _level=1 _open=t
 <kol-accordion _open="">
   <template shadowrootmode="open">
     <div class="collapsible disabled kol-accordion open" id="nonce">
-      <h1 class="collapsible__heading headline headline-h1 kol-accordion__heading kol-heading-wc">
+      <h1 class="collapsible__heading kol-accordion__heading kol-headline kol-headline--h1 kol-headline--single">
         <kol-button-wc _ariacontrols="nonce-control" _ariaexpanded="" _disabled="" _icons="codicon codicon-remove" _label="Überschrift" class="collapsible__heading-button kol-accordion__heading-button" slot="expert"></kol-button-wc>
       </h1>
       <div class="collapsible__wrapper kol-accordion__wrapper">
@@ -80,7 +80,7 @@ exports[`kol-accordion should render with _label="Überschrift" _level=1 1`] = `
 <kol-accordion>
   <template shadowrootmode="open">
     <div class="collapsible kol-accordion" id="nonce">
-      <h1 class="collapsible__heading headline headline-h1 kol-accordion__heading kol-heading-wc">
+      <h1 class="collapsible__heading kol-accordion__heading kol-headline kol-headline--h1 kol-headline--single">
         <kol-button-wc _ariacontrols="nonce-control" _icons="codicon codicon-add" _label="Überschrift" class="collapsible__heading-button kol-accordion__heading-button" slot="expert"></kol-button-wc>
       </h1>
       <div class="collapsible__wrapper kol-accordion__wrapper">
@@ -99,7 +99,7 @@ exports[`kol-accordion should render with _label="Überschrift" _level=2 1`] = `
 <kol-accordion>
   <template shadowrootmode="open">
     <div class="collapsible kol-accordion" id="nonce">
-      <h2 class="collapsible__heading headline headline-h2 kol-accordion__heading kol-heading-wc">
+      <h2 class="collapsible__heading kol-accordion__heading kol-headline kol-headline--h2 kol-headline--single">
         <kol-button-wc _ariacontrols="nonce-control" _icons="codicon codicon-add" _label="Überschrift" class="collapsible__heading-button kol-accordion__heading-button" slot="expert"></kol-button-wc>
       </h2>
       <div class="collapsible__wrapper kol-accordion__wrapper">
@@ -118,7 +118,7 @@ exports[`kol-accordion should render with _label="Überschrift" _level=3 1`] = `
 <kol-accordion>
   <template shadowrootmode="open">
     <div class="collapsible kol-accordion" id="nonce">
-      <h3 class="collapsible__heading headline headline-h3 kol-accordion__heading kol-heading-wc">
+      <h3 class="collapsible__heading kol-accordion__heading kol-headline kol-headline--h3 kol-headline--single">
         <kol-button-wc _ariacontrols="nonce-control" _icons="codicon codicon-add" _label="Überschrift" class="collapsible__heading-button kol-accordion__heading-button" slot="expert"></kol-button-wc>
       </h3>
       <div class="collapsible__wrapper kol-accordion__wrapper">
@@ -137,7 +137,7 @@ exports[`kol-accordion should render with _label="Überschrift" _level=4 1`] = `
 <kol-accordion>
   <template shadowrootmode="open">
     <div class="collapsible kol-accordion" id="nonce">
-      <h4 class="collapsible__heading headline headline-h4 kol-accordion__heading kol-heading-wc">
+      <h4 class="collapsible__heading kol-accordion__heading kol-headline kol-headline--h4 kol-headline--single">
         <kol-button-wc _ariacontrols="nonce-control" _icons="codicon codicon-add" _label="Überschrift" class="collapsible__heading-button kol-accordion__heading-button" slot="expert"></kol-button-wc>
       </h4>
       <div class="collapsible__wrapper kol-accordion__wrapper">
@@ -156,7 +156,7 @@ exports[`kol-accordion should render with _label="Überschrift" _level=5 1`] = `
 <kol-accordion>
   <template shadowrootmode="open">
     <div class="collapsible kol-accordion" id="nonce">
-      <h5 class="collapsible__heading headline headline-h5 kol-accordion__heading kol-heading-wc">
+      <h5 class="collapsible__heading kol-accordion__heading kol-headline kol-headline--h5 kol-headline--single">
         <kol-button-wc _ariacontrols="nonce-control" _icons="codicon codicon-add" _label="Überschrift" class="collapsible__heading-button kol-accordion__heading-button" slot="expert"></kol-button-wc>
       </h5>
       <div class="collapsible__wrapper kol-accordion__wrapper">
@@ -175,7 +175,7 @@ exports[`kol-accordion should render with _label="Überschrift" _level=6 1`] = `
 <kol-accordion>
   <template shadowrootmode="open">
     <div class="collapsible kol-accordion" id="nonce">
-      <h6 class="collapsible__heading headline headline-h6 kol-accordion__heading kol-heading-wc">
+      <h6 class="collapsible__heading kol-accordion__heading kol-headline kol-headline--h6 kol-headline--single">
         <kol-button-wc _ariacontrols="nonce-control" _icons="codicon codicon-add" _label="Überschrift" class="collapsible__heading-button kol-accordion__heading-button" slot="expert"></kol-button-wc>
       </h6>
       <div class="collapsible__wrapper kol-accordion__wrapper">
@@ -194,7 +194,7 @@ exports[`kol-accordion should render with _label="Überschrift" 1`] = `
 <kol-accordion>
   <template shadowrootmode="open">
     <div class="collapsible kol-accordion" id="nonce">
-      <h1 class="collapsible__heading headline headline-h1 kol-accordion__heading kol-heading-wc">
+      <h1 class="collapsible__heading kol-accordion__heading kol-headline kol-headline--h1 kol-headline--single">
         <kol-button-wc _ariacontrols="nonce-control" _icons="codicon codicon-add" _label="Überschrift" class="collapsible__heading-button kol-accordion__heading-button" slot="expert"></kol-button-wc>
       </h1>
       <div class="collapsible__wrapper kol-accordion__wrapper">