public-ui · deleonio · Apr 24, 2026 · Apr 13, 2026 · Apr 13, 2026 · Apr 13, 2026
diff --git a/packages/components/src/components/@shared/_field-control.mixin.scss b/packages/components/src/components/@shared/_field-control.mixin.scss
@@ -65,7 +65,6 @@
 
 		&--disabled & {
 			&__label {
-				opacity: 0.5;
 				cursor: not-allowed;
 			}
 		}

diff --git a/packages/components/src/components/@shared/_form-field.mixin.scss b/packages/components/src/components/@shared/_form-field.mixin.scss
@@ -16,10 +16,6 @@
 				align-items: flex-start;
 				justify-content: flex-start;
 			}
-
-			#{$root}--disabled & {
-				opacity: 0.5;
-			}
 		}
 
 		&--required {
@@ -28,11 +24,5 @@
 				content: '*' / '';
 			}
 		}
-
-		&__hint {
-			#{$root}--disabled & {
-				opacity: 0.5;
-			}
-		}
 	}
 }
diff --git a/packages/components/src/components/@shared/_global.scss b/packages/components/src/components/@shared/_global.scss
@@ -60,7 +60,6 @@
 	[aria-disabled='true']:focus,
 	[disabled],
 	[disabled]:focus {
-		opacity: 0.5;
 		outline: none;
 		cursor: not-allowed;
 	}

diff --git a/packages/components/src/components/input-radio/style.scss b/packages/components/src/components/input-radio/style.scss
@@ -84,7 +84,6 @@
 			}
 
 			&:disabled {
-				opacity: 0.5;
 				cursor: not-allowed;
 			}
 		}

diff --git a/packages/components/src/components/single-select/style.scss b/packages/components/src/components/single-select/style.scss
@@ -45,9 +45,5 @@
 		&:not(&--disabled) {
 			cursor: pointer;
 		}
-
-		&--disabled {
-			opacity: 0.5;
-		}
 	}
 }
diff --git a/packages/themes/bwst/src/components/input-file.scss b/packages/themes/bwst/src/components/input-file.scss
@@ -35,7 +35,6 @@
 	}
 
 	.kol-input {
-		background-color: transparent;
-		padding-top: calc(0.5em + to-rem(2));
+		opacity: 0;
 	}
 }
diff --git a/packages/themes/bwst/src/components/input-radio.scss b/packages/themes/bwst/src/components/input-radio.scss
@@ -76,6 +76,7 @@
 			}
 
 			&:disabled {
+				opacity: 0.5;
 				background-color: var(--color-mute-variant);
 			}
 		}

diff --git a/packages/themes/bwst/src/global.scss b/packages/themes/bwst/src/global.scss
@@ -108,4 +108,13 @@
 			transform: rotate(360deg);
 		}
 	}
+
+	.disabled label,
+	.disabled:focus-within label,
+	[aria-disabled='true'],
+	[aria-disabled='true']:focus,
+	[disabled],
+	[disabled]:focus {
+		opacity: 0.5;
+	}
 }
diff --git a/packages/themes/bwst/src/mixins/custom-suggestions-toggle.scss b/packages/themes/bwst/src/mixins/custom-suggestions-toggle.scss
@@ -12,5 +12,9 @@
 		&:focus {
 			outline: 0;
 		}
+
+		&--disabled {
+			opacity: 0.5;
+		}
 	}
 }
diff --git a/packages/themes/bwst/src/mixins/field-control.scss b/packages/themes/bwst/src/mixins/field-control.scss
@@ -20,6 +20,12 @@
 
 			font-weight: normal;
 		}
+
+		&--disabled & {
+			&__label {
+				opacity: 0.5;
+			}
+		}
 	}
 
 	/**{

diff --git a/packages/themes/bwst/src/mixins/form-field.scss b/packages/themes/bwst/src/mixins/form-field.scss
@@ -36,6 +36,13 @@
 			}
 		}
 
+		&--disabled & {
+			&__label,
+			&__hint {
+				opacity: 0.5;
+			}
+		}
+
 		&__hint {
 			@include kol-typography-hint;
 		}

diff --git a/packages/themes/default/src/components/input-file.scss b/packages/themes/default/src/components/input-file.scss
@@ -35,7 +35,6 @@
 	}
 
 	.kol-input {
-		background-color: transparent;
-		padding-top: calc(0.5em + to-rem(2));
+		opacity: 0;
 	}
 }
diff --git a/packages/themes/default/src/components/input-radio.scss b/packages/themes/default/src/components/input-radio.scss
@@ -76,6 +76,7 @@
 			}
 
 			&:disabled {
+				opacity: 0.5;
 				background-color: var(--color-mute-variant);
 			}
 		}

diff --git a/packages/themes/default/src/global.scss b/packages/themes/default/src/global.scss
@@ -95,4 +95,13 @@
 			transform: rotate(360deg);
 		}
 	}
+
+	.disabled label,
+	.disabled:focus-within label,
+	[aria-disabled='true'],
+	[aria-disabled='true']:focus,
+	[disabled],
+	[disabled]:focus {
+		opacity: 0.5;
+	}
 }
diff --git a/packages/themes/default/src/mixins/custom-suggestions-toggle.scss b/packages/themes/default/src/mixins/custom-suggestions-toggle.scss
@@ -12,5 +12,9 @@
 		&:focus {
 			outline: 0;
 		}
+
+		&--disabled {
+			opacity: 0.5;
+		}
 	}
 }
diff --git a/packages/themes/default/src/mixins/field-control.scss b/packages/themes/default/src/mixins/field-control.scss
@@ -15,5 +15,11 @@
 				}
 			}
 		}
+
+		&--disabled & {
+			&__label {
+				opacity: 0.5;
+			}
+		}
 	}
 }
diff --git a/packages/themes/default/src/mixins/form-field.scss b/packages/themes/default/src/mixins/form-field.scss
@@ -41,6 +41,13 @@
 			}
 		}
 
+		&--disabled & {
+			&__label,
+			&__hint {
+				opacity: 0.5;
+			}
+		}
+
 		&__hint {
 			@include kol-typography-hint;
 		}

diff --git a/...mes/kern/snapshots/theme-kern_v2/snapshot-for-accordion-basic-firefox-linux.png b/...mes/kern/snapshots/theme-kern_v2/snapshot-for-accordion-basic-firefox-linux.png
diff --git a/...hots/theme-kern_v2/snapshot-for-combobox-basic-noColumns-zoom-firefox-linux.png b/...hots/theme-kern_v2/snapshot-for-combobox-basic-noColumns-zoom-firefox-linux.png
diff --git a/...hemes/kern/snapshots/theme-kern_v2/snapshot-for-details-basic-firefox-linux.png b/...hemes/kern/snapshots/theme-kern_v2/snapshot-for-details-basic-firefox-linux.png
diff --git a/...ots/theme-kern_v2/snapshot-for-input-checkbox-basic-noColumns-firefox-linux.png b/...ots/theme-kern_v2/snapshot-for-input-checkbox-basic-noColumns-firefox-linux.png
diff --git a/...ts/theme-kern_v2/snapshot-for-input-checkbox-button-noColumns-firefox-linux.png b/...ts/theme-kern_v2/snapshot-for-input-checkbox-button-noColumns-firefox-linux.png
diff --git a/...ts/theme-kern_v2/snapshot-for-input-checkbox-switch-noColumns-firefox-linux.png b/...ts/theme-kern_v2/snapshot-for-input-checkbox-switch-noColumns-firefox-linux.png
diff --git a/...pshots/theme-kern_v2/snapshot-for-input-color-basic-noColumns-firefox-linux.png b/...pshots/theme-kern_v2/snapshot-for-input-color-basic-noColumns-firefox-linux.png
diff --git a/...apshots/theme-kern_v2/snapshot-for-input-date-basic-noColumns-firefox-linux.png b/...apshots/theme-kern_v2/snapshot-for-input-date-basic-noColumns-firefox-linux.png
diff --git a/...pshots/theme-kern_v2/snapshot-for-input-email-basic-noColumns-firefox-linux.png b/...pshots/theme-kern_v2/snapshot-for-input-email-basic-noColumns-firefox-linux.png
diff --git a/...apshots/theme-kern_v2/snapshot-for-input-file-basic-noColumns-firefox-linux.png b/...apshots/theme-kern_v2/snapshot-for-input-file-basic-noColumns-firefox-linux.png
diff --git a/...shots/theme-kern_v2/snapshot-for-input-number-basic-noColumns-firefox-linux.png b/...shots/theme-kern_v2/snapshot-for-input-number-basic-noColumns-firefox-linux.png
diff --git a/...ots/theme-kern_v2/snapshot-for-input-password-basic-noColumns-firefox-linux.png b/...ots/theme-kern_v2/snapshot-for-input-password-basic-noColumns-firefox-linux.png
diff --git a/...e-kern_v2/snapshot-for-input-password-show-password-noColumns-firefox-linux.png b/...e-kern_v2/snapshot-for-input-password-show-password-noColumns-firefox-linux.png
diff --git a/...pshots/theme-kern_v2/snapshot-for-input-radio-basic-noColumns-firefox-linux.png b/...pshots/theme-kern_v2/snapshot-for-input-radio-basic-noColumns-firefox-linux.png
diff --git a/...pshots/theme-kern_v2/snapshot-for-input-range-basic-noColumns-firefox-linux.png b/...pshots/theme-kern_v2/snapshot-for-input-range-basic-noColumns-firefox-linux.png
diff --git a/...hots/theme-kern_v2/snapshot-for-input-text-disabled-noColumns-firefox-linux.png b/...hots/theme-kern_v2/snapshot-for-input-text-disabled-noColumns-firefox-linux.png
diff --git a/.../theme-kern_v2/snapshot-for-input-text-smart-button-noColumns-firefox-linux.png b/.../theme-kern_v2/snapshot-for-input-text-smart-button-noColumns-firefox-linux.png
diff --git a/...s/themes/kern/snapshots/theme-kern_v2/snapshot-for-link-basic-firefox-linux.png b/...s/themes/kern/snapshots/theme-kern_v2/snapshot-for-link-basic-firefox-linux.png
diff --git a/...es/kern/snapshots/theme-kern_v2/snapshot-for-pagination-basic-firefox-linux.png b/...es/kern/snapshots/theme-kern_v2/snapshot-for-pagination-basic-firefox-linux.png
diff --git a/...n/snapshots/theme-kern_v2/snapshot-for-select-basic-noColumns-firefox-linux.png b/...n/snapshots/theme-kern_v2/snapshot-for-select-basic-noColumns-firefox-linux.png
diff --git a/...hots/theme-kern_v2/snapshot-for-single-select-basic-noColumns-firefox-linux.png b/...hots/theme-kern_v2/snapshot-for-single-select-basic-noColumns-firefox-linux.png
diff --git a/...apshots/theme-kern_v2/snapshot-for-table-horizontal-scrollbar-firefox-linux.png b/...apshots/theme-kern_v2/snapshot-for-table-horizontal-scrollbar-firefox-linux.png
diff --git a/...me-kern_v2/snapshot-for-table-stateless-with-single-selection-firefox-linux.png b/...me-kern_v2/snapshot-for-table-stateless-with-single-selection-firefox-linux.png
diff --git a/...rn/snapshots/theme-kern_v2/snapshot-for-table-with-pagination-firefox-linux.png b/...rn/snapshots/theme-kern_v2/snapshot-for-table-with-pagination-firefox-linux.png
diff --git a/...snapshots/theme-kern_v2/snapshot-for-textarea-basic-noColumns-firefox-linux.png b/...snapshots/theme-kern_v2/snapshot-for-textarea-basic-noColumns-firefox-linux.png
diff --git a/...es/kern/snapshots/theme-kern_v2/snapshot-for-toolbar-disabled-firefox-linux.png b/...es/kern/snapshots/theme-kern_v2/snapshot-for-toolbar-disabled-firefox-linux.png
diff --git a/packages/themes/kern/src/components/input-file.scss b/packages/themes/kern/src/components/input-file.scss
@@ -4,7 +4,7 @@
 @layer kol-theme-component {
 	@include input-core;
 	.kol-input {
-		opacity: 0 !important;
+		opacity: 0;
 	}
 
 	.kol-input-container {

diff --git a/packages/themes/kern/src/global.scss b/packages/themes/kern/src/global.scss
@@ -46,4 +46,13 @@
 	blockquote {
 		margin: var(--kern-metric-space-small) var(--kern-metric-space-large);
 	}
+
+	.disabled label,
+	.disabled:focus-within label,
+	[aria-disabled='true'],
+	[aria-disabled='true']:focus,
+	[disabled],
+	[disabled]:focus {
+		opacity: var(--action-state-opacity-disabled, 0.4);
+	}
 }
diff --git a/packages/themes/kern/src/mixins/_field-control.mixin.scss b/packages/themes/kern/src/mixins/_field-control.mixin.scss
@@ -31,5 +31,11 @@
 				}
 			}
 		}
+
+		&--disabled & {
+			&__label {
+				opacity: var(--action-state-opacity-disabled, 0.4);
+			}
+		}
 	}
 }
diff --git a/packages/themes/kern/src/mixins/_form-field.mixin.scss b/packages/themes/kern/src/mixins/_form-field.mixin.scss
@@ -10,12 +10,6 @@
 
 		font-family: var(--kern-typography-font-family-default);
 
-		&--read-only &__label,
-		&--disabled &__label {
-			opacity: 1;
-			cursor: not-allowed;
-		}
-
 		&__label {
 			color: var(--kern-color-layout-text-default);
 
@@ -81,6 +75,12 @@
 			}
 		}
 
+		&--disabled & {
+			&__label {
+				opacity: var(--action-state-opacity-disabled, 0.4);
+			}
+		}
+
 		&--error {
 			padding-left: var(--kern-metric-space-default);
 			border-left: var(--kern-metric-border-width-bold) solid var(--kern-color-feedback-danger);

diff --git a/packages/themes/kern/src/mixins/_input-core.mixin.scss b/packages/themes/kern/src/mixins/_input-core.mixin.scss
@@ -26,7 +26,6 @@
 		}
 
 		&:disabled {
-			opacity: 1;
 			color: var(--color-black-60);
 
 			&::placeholder {

diff --git a/packages/themes/kern/src/mixins/_pagination.mixin.scss b/packages/themes/kern/src/mixins/_pagination.mixin.scss
@@ -19,8 +19,6 @@
 			--button-text-border-color: var(--kern-color-action-default);
 			--button-text-color: var(--kern-color-action-on-default);
 			--button-badge-color: var(--button-text-background-color);
-
-			opacity: 1;
 		}
 
 		&__separator {
-Original file line number
+Diff line change
@@ Expand Up / @@ -84,7 +84,6 @@ @@
     			}
     			&:disabled {
-    				opacity: 0.5;
     				cursor: not-allowed;
     			}
     		}
@@ Expand Down @@