kern kolicons gefixt

BF150 · BF150 · commit bd0ae6b6dcc5 · 2026-03-18T09:07:03.000+01:00
diff --git a/packages/themes/kern/src/global/icons.scss b/packages/themes/kern/src/global/icons.scss
@@ -1,121 +1,141 @@
 @use '../../assets/material-symbols-subset/variables' as *;
 
 [class*=' kolicon-'] {
-	font-family: material-symbols-subset;
-
 	/* Icon mappings */
 	&.kolicon-plus {
+		font-family: material-symbols-subset;
 		&::before {
 			content: '\e926';
 		}
 	}
 	&.kolicon-minus {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-remove;
 		}
 	}
 	&.kolicon-chevron-down {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-arrow-down;
 		}
 	}
 	&.kolicon-chevron-left {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-chevron-left;
 		}
 	}
 	&.kolicon-chevron-right {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-chevron-right;
 		}
 	}
 	&.kolicon-chevron-up {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-arrow-up;
 		}
 	}
 
 	&.kolicon-eye-closed {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-visibility-off;
 		}
 	}
 	&.kolicon-eye {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-visibility;
 		}
 	}
 	&.kolicon-house {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-home;
 		}
 	}
 	&.kolicon-link-external {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-open-in-new;
 		}
 	}
 	&.kolicon-version {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-view-timeline;
 		}
 	}
 
 	&.kolicon-alert-warning {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-warning;
 		}
 	}
 	&.kolicon-alert-error {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-danger;
 		}
 	}
 	&.kolicon-alert-success {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-success;
 		}
 	}
 	&.kolicon-alert-info {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-info;
 		}
 	}
 
 	&.kolicon-check {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-check;
 		}
 	}
 
 	&.kolicon-cross {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-close;
 		}
 	}
 	&.kolicon-chevron-double-left {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-keyboard-double-arrow-left;
 		}
 	}
 	&.kolicon-chevron-double-right {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-keyboard-double-arrow-right;
 		}
 	}
 
 	&.kolicon-cogwheel {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-settings;
 		}
 	}
 	&.kolicon-settings {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-settings;
 		}
 	}
 
 	&.kolicon-up {
+		font-family: material-symbols-subset;
 		&::before {
 			content: $icon-drive-folder-upload;
 		}
diff --git a/packages/tools/visual-tests/tests/sample-app.routes.js b/packages/tools/visual-tests/tests/sample-app.routes.js
@@ -1143,7 +1143,7 @@ ROUTES.set('version/context', {
 ROUTES.set('scenarios/accordion-components', {
 	snapshot: {
 		zoom: {
-			skip: true,
+			skip: false,
 		},
 	},
 });

Original file line number	Diff line number	Diff line change
`@@ -1,121 +1,141 @@`
`1`	`1`	`@use '../../assets/material-symbols-subset/variables' as *;`
`2`	`2`
`3`	`3`	`[class*=' kolicon-'] {`
`4`		`- font-family: material-symbols-subset;`
`5`		`-`
`6`	`4`	`/* Icon mappings */`
`7`	`5`	`&.kolicon-plus {`
	`6`	`+ font-family: material-symbols-subset;`
`8`	`7`	`&::before {`
`9`	`8`	`content: '\e926';`
`10`	`9`	`}`
`11`	`10`	`}`
`12`	`11`	`&.kolicon-minus {`
	`12`	`+ font-family: material-symbols-subset;`
`13`	`13`	`&::before {`
`14`	`14`	`content: $icon-remove;`
`15`	`15`	`}`
`16`	`16`	`}`
`17`	`17`	`&.kolicon-chevron-down {`
	`18`	`+ font-family: material-symbols-subset;`
`18`	`19`	`&::before {`
`19`	`20`	`content: $icon-arrow-down;`
`20`	`21`	`}`
`21`	`22`	`}`
`22`	`23`	`&.kolicon-chevron-left {`
	`24`	`+ font-family: material-symbols-subset;`
`23`	`25`	`&::before {`
`24`	`26`	`content: $icon-chevron-left;`
`25`	`27`	`}`
`26`	`28`	`}`
`27`	`29`	`&.kolicon-chevron-right {`
	`30`	`+ font-family: material-symbols-subset;`
`28`	`31`	`&::before {`
`29`	`32`	`content: $icon-chevron-right;`
`30`	`33`	`}`
`31`	`34`	`}`
`32`	`35`	`&.kolicon-chevron-up {`
	`36`	`+ font-family: material-symbols-subset;`
`33`	`37`	`&::before {`
`34`	`38`	`content: $icon-arrow-up;`
`35`	`39`	`}`
`36`	`40`	`}`
`37`	`41`
`38`	`42`	`&.kolicon-eye-closed {`
	`43`	`+ font-family: material-symbols-subset;`
`39`	`44`	`&::before {`
`40`	`45`	`content: $icon-visibility-off;`
`41`	`46`	`}`
`42`	`47`	`}`
`43`	`48`	`&.kolicon-eye {`
	`49`	`+ font-family: material-symbols-subset;`
`44`	`50`	`&::before {`
`45`	`51`	`content: $icon-visibility;`
`46`	`52`	`}`
`47`	`53`	`}`
`48`	`54`	`&.kolicon-house {`
	`55`	`+ font-family: material-symbols-subset;`
`49`	`56`	`&::before {`
`50`	`57`	`content: $icon-home;`
`51`	`58`	`}`
`52`	`59`	`}`
`53`	`60`	`&.kolicon-link-external {`
	`61`	`+ font-family: material-symbols-subset;`
`54`	`62`	`&::before {`
`55`	`63`	`content: $icon-open-in-new;`
`56`	`64`	`}`
`57`	`65`	`}`
`58`	`66`	`&.kolicon-version {`
	`67`	`+ font-family: material-symbols-subset;`
`59`	`68`	`&::before {`
`60`	`69`	`content: $icon-view-timeline;`
`61`	`70`	`}`
`62`	`71`	`}`
`63`	`72`
`64`	`73`	`&.kolicon-alert-warning {`
	`74`	`+ font-family: material-symbols-subset;`
`65`	`75`	`&::before {`
`66`	`76`	`content: $icon-warning;`
`67`	`77`	`}`
`68`	`78`	`}`
`69`	`79`	`&.kolicon-alert-error {`
	`80`	`+ font-family: material-symbols-subset;`
`70`	`81`	`&::before {`
`71`	`82`	`content: $icon-danger;`
`72`	`83`	`}`
`73`	`84`	`}`
`74`	`85`	`&.kolicon-alert-success {`
	`86`	`+ font-family: material-symbols-subset;`
`75`	`87`	`&::before {`
`76`	`88`	`content: $icon-success;`
`77`	`89`	`}`
`78`	`90`	`}`
`79`	`91`	`&.kolicon-alert-info {`
	`92`	`+ font-family: material-symbols-subset;`
`80`	`93`	`&::before {`
`81`	`94`	`content: $icon-info;`
`82`	`95`	`}`
`83`	`96`	`}`
`84`	`97`
`85`	`98`	`&.kolicon-check {`
	`99`	`+ font-family: material-symbols-subset;`
`86`	`100`	`&::before {`
`87`	`101`	`content: $icon-check;`
`88`	`102`	`}`
`89`	`103`	`}`
`90`	`104`
`91`	`105`	`&.kolicon-cross {`
	`106`	`+ font-family: material-symbols-subset;`
`92`	`107`	`&::before {`
`93`	`108`	`content: $icon-close;`
`94`	`109`	`}`
`95`	`110`	`}`
`96`	`111`	`&.kolicon-chevron-double-left {`
	`112`	`+ font-family: material-symbols-subset;`
`97`	`113`	`&::before {`
`98`	`114`	`content: $icon-keyboard-double-arrow-left;`
`99`	`115`	`}`
`100`	`116`	`}`
`101`	`117`	`&.kolicon-chevron-double-right {`
	`118`	`+ font-family: material-symbols-subset;`
`102`	`119`	`&::before {`
`103`	`120`	`content: $icon-keyboard-double-arrow-right;`
`104`	`121`	`}`
`105`	`122`	`}`
`106`	`123`
`107`	`124`	`&.kolicon-cogwheel {`
	`125`	`+ font-family: material-symbols-subset;`
`108`	`126`	`&::before {`
`109`	`127`	`content: $icon-settings;`
`110`	`128`	`}`
`111`	`129`	`}`
`112`	`130`	`&.kolicon-settings {`
	`131`	`+ font-family: material-symbols-subset;`
`113`	`132`	`&::before {`
`114`	`133`	`content: $icon-settings;`
`115`	`134`	`}`
`116`	`135`	`}`
`117`	`136`
`118`	`137`	`&.kolicon-up {`
	`138`	`+ font-family: material-symbols-subset;`
`119`	`139`	`&::before {`
`120`	`140`	`content: $icon-drive-folder-upload;`
`121`	`141`	`}`