fix: components remove all not 0 spacings (#9841)

Author: deleonio

docs/CVE_OVERVIEW.md

@@ -14,7 +14,6 @@
 		display: grid;
 		height: 100%;
 		overflow: visible;
-		gap: to-rem(8);
 
 		grid-template-areas:
 			'header  close'

packages/components/src/components/@shared/_card.mixin.scss

@@ -44,7 +44,6 @@
 
 		&__icon {
 			display: inline-flex;
-			margin-left: to-rem(8);
 		}
 	}
 }

packages/components/src/components/@shared/_link.mixin.scss

@@ -8,7 +8,6 @@
 
 	.kol-pagination {
 		display: flex;
-		gap: to-rem(16);
 		flex-wrap: wrap;
 		align-items: center;
 		justify-content: center;
@@ -18,7 +17,6 @@
 			display: inline-flex;
 			margin: 0;
 			padding: 0;
-			gap: 0.5em; /* @deprecated: do not use gap, margin, padding and so on in basis styling */
 			flex-wrap: wrap;
 			align-items: center;
 			list-style: none;

packages/components/src/components/@shared/_pagination.mixin.scss

@@ -19,13 +19,11 @@
 
 		&__columns-container {
 			max-height: to-rem(200);
-			margin-top: to-rem(16);
 			overflow: auto;
 		}
 
 		&__columns {
 			display: grid;
-			gap: to-rem(8);
 			align-items: center;
 			grid-auto-rows: min-content;
 			grid-template-columns: min-content minmax(max-content, 1fr) to-rem(140) auto auto;

packages/components/src/components/@shared/_table-settings.mixin.scss

@@ -36,7 +36,6 @@
 
 		&__caption {
 			min-height: var(--a11y-min-size); // align with configuration button
-			padding-right: var(--a11y-min-size);
 			text-align: start;
 		}
 
@@ -48,7 +47,6 @@
 
 		&__sort {
 			display: inline-flex;
-			gap: 0.25rem;
 			align-items: center;
 		}
 

packages/components/src/components/@shared/_table-stateless.mixin.scss

@@ -11,7 +11,6 @@
 			display: flex;
 			margin: 0;
 			padding: 0;
-			gap: 0.5em; /* @deprecated: do not use gap, margin, padding and so on in basis styling */
 			flex-wrap: wrap;
 			place-items: center;
 			list-style: none;

packages/components/src/components/breadcrumb/style.scss

@@ -24,10 +24,6 @@
 	.kol-combobox {
 		&__delete {
 			@include kol-button-styles('kol-button');
-			.kol-button {
-				margin-top: -2px;
-				margin-bottom: -2px;
-			}
 		}
 	}
 

packages/components/src/components/combobox/style.scss

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

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

@@ -19,7 +19,6 @@
 		inset: 0;
 		width: 100%;
 		height: 100%;
-		padding: calc((var(--a11y-min-size) - to-rem(16)) / 10) 0.5em;
 		cursor: pointer;
 
 		&::-webkit-file-upload-button,