fix: kern theme (#9469)

Author: deleonio

packages/components/src/components/input-color/style.scss

@@ -23,7 +23,7 @@
 
 		&__inputs-wrapper {
 			display: flex;
-			gap: to-rem(6) !important;
+			gap: to-rem(6);
 			flex-direction: row;
 			align-items: center;
 		}

packages/components/src/components/toolbar/shadow.tsx

@@ -38,14 +38,15 @@ export class KolToolbar implements ToolbarAPI {
 			key: index,
 			class: 'button normal kol-toolbar__item',
 			_tabIndex: tabIndex,
+			_variant: 'normal',
 		};
 		const catchRef = (el?: HTMLKolLinkWcElement | HTMLKolButtonWcElement) => {
 			if (el) this.indexToElement.set(index, el);
 		};
 		return element.type === 'link' ? (
-			<KolLinkWcTag {...element} {...props} ref={catchRef}></KolLinkWcTag>
+			<KolLinkWcTag {...props} {...element} ref={catchRef}></KolLinkWcTag>
 		) : (
-			<KolButtonWcTag {...element} {...props} ref={catchRef}></KolButtonWcTag>
+			<KolButtonWcTag {...props} {...element} ref={catchRef}></KolButtonWcTag>
 		);
 	};
 

packages/components/src/components/toolbar/test/__snapshots__/snapshot.spec.tsx.snap

@@ -4,8 +4,8 @@ exports[`kol-toolbar should render with _label="Label horizontal" _items=[{"type
 <kol-toolbar>
   <template shadowrootmode="open">
     <div aria-label="Label horizontal" class="kol-toolbar kol-toolbar--orientation-horizontal" role="toolbar">
-      <kol-button-wc _label="Button" _tabindex="0" class="button kol-toolbar__item normal" type="button"></kol-button-wc>
-      <kol-link-wc _href="#" _label="Link" _tabindex="-1" class="button kol-toolbar__item normal" type="link"></kol-link-wc>
+      <kol-button-wc _label="Button" _tabindex="0" _variant="normal" class="button kol-toolbar__item normal" type="button"></kol-button-wc>
+      <kol-link-wc _href="#" _label="Link" _tabindex="-1" _variant="normal" class="button kol-toolbar__item normal" type="link"></kol-link-wc>
     </div>
   </template>
 </kol-toolbar>
@@ -15,8 +15,8 @@ exports[`kol-toolbar should render with _label="Label vertical" _items=[{"type":
 <kol-toolbar>
   <template shadowrootmode="open">
     <div aria-label="Label vertical" class="kol-toolbar kol-toolbar--orientation-vertical" role="toolbar">
-      <kol-button-wc _label="Button" _tabindex="0" class="button kol-toolbar__item normal" type="button"></kol-button-wc>
-      <kol-link-wc _href="#" _label="Link" _tabindex="-1" class="button kol-toolbar__item normal" type="link"></kol-link-wc>
+      <kol-button-wc _label="Button" _tabindex="0" _variant="normal" class="button kol-toolbar__item normal" type="button"></kol-button-wc>
+      <kol-link-wc _href="#" _label="Link" _tabindex="-1" _variant="normal" class="button kol-toolbar__item normal" type="link"></kol-link-wc>
     </div>
   </template>
 </kol-toolbar>

packages/components/src/styles/_kol-input-container-mixin.scss

@@ -10,15 +10,8 @@
 		align-items: center;
 		grid-template-columns: 1fr;
 
-		&:has(> #{$root}__adornment--start:not(:empty)) {
-			grid-template-columns: auto 1fr;
-		}
-
-		&:has(> #{$root}__adornment--end:not(:empty)) {
-			grid-template-columns: 1fr auto;
-		}
-
-		&:has(> #{$root}__adornment--start:not(:empty)):has(> #{$root}__adornment--end:not(:empty)) {
+		&:has(> &__adornment--start) {
+			// soblad ein adornment gesetzt ist, sind beide im dom
 			grid-template-columns: auto 1fr auto;
 		}
 

packages/icons/svg-template/base-square.svg

@@ -19,7 +19,7 @@ export const InputFileCases = forwardRef<HTMLKolInputFileElement, Components.Kol
 					_label="Upload file (Black background test)"
 					_icons={{
 						left: {
-							icon: 'kolicon-check',
+							icon: 'kolicon-up',
 						},
 					}}
 					_touched
@@ -34,7 +34,7 @@ export const InputFileCases = forwardRef<HTMLKolInputFileElement, Components.Kol
 				_label="Upload file (Error State)"
 				_icons={{
 					left: {
-						icon: 'kolicon-check',
+						icon: 'kolicon-up',
 					},
 				}}
 				_touched