@lumx/core 3.18.1 → 3.18.2-alpha.1

package/lumx.css

@@ -3246,10 +3246,8 @@ table {
   outline: 2px solid var(--lumx-color-dark-N);
 }
 .lumx-button--color-blue.lumx-button--emphasis-high.lumx-button--theme-light:disabled, .lumx-button--color-blue.lumx-button--emphasis-high.lumx-button--theme-light[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-blue.lumx-button--emphasis-high.lumx-button--theme-dark {
   color: var(--lumx-color-blue-N);
@@ -3273,10 +3271,8 @@ table {
   outline: 2px solid var(--lumx-color-light-N);
 }
 .lumx-button--color-blue.lumx-button--emphasis-high.lumx-button--theme-dark:disabled, .lumx-button--color-blue.lumx-button--emphasis-high.lumx-button--theme-dark[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-green.lumx-button--emphasis-high.lumx-button--theme-light {
@@ -3301,10 +3297,8 @@ table {
   outline: 2px solid var(--lumx-color-dark-N);
 }
 .lumx-button--color-green.lumx-button--emphasis-high.lumx-button--theme-light:disabled, .lumx-button--color-green.lumx-button--emphasis-high.lumx-button--theme-light[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-green.lumx-button--emphasis-high.lumx-button--theme-dark {
   color: var(--lumx-color-green-N);
@@ -3328,10 +3322,8 @@ table {
   outline: 2px solid var(--lumx-color-light-N);
 }
 .lumx-button--color-green.lumx-button--emphasis-high.lumx-button--theme-dark:disabled, .lumx-button--color-green.lumx-button--emphasis-high.lumx-button--theme-dark[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-yellow.lumx-button--emphasis-high.lumx-button--theme-light {
@@ -3356,10 +3348,8 @@ table {
   outline: 2px solid var(--lumx-color-dark-N);
 }
 .lumx-button--color-yellow.lumx-button--emphasis-high.lumx-button--theme-light:disabled, .lumx-button--color-yellow.lumx-button--emphasis-high.lumx-button--theme-light[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-yellow.lumx-button--emphasis-high.lumx-button--theme-dark {
   color: var(--lumx-color-yellow-N);
@@ -3383,10 +3373,8 @@ table {
   outline: 2px solid var(--lumx-color-light-N);
 }
 .lumx-button--color-yellow.lumx-button--emphasis-high.lumx-button--theme-dark:disabled, .lumx-button--color-yellow.lumx-button--emphasis-high.lumx-button--theme-dark[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-red.lumx-button--emphasis-high.lumx-button--theme-light {
@@ -3411,10 +3399,8 @@ table {
   outline: 2px solid var(--lumx-color-dark-N);
 }
 .lumx-button--color-red.lumx-button--emphasis-high.lumx-button--theme-light:disabled, .lumx-button--color-red.lumx-button--emphasis-high.lumx-button--theme-light[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-red.lumx-button--emphasis-high.lumx-button--theme-dark {
   color: var(--lumx-color-red-N);
@@ -3438,10 +3424,8 @@ table {
   outline: 2px solid var(--lumx-color-light-N);
 }
 .lumx-button--color-red.lumx-button--emphasis-high.lumx-button--theme-dark:disabled, .lumx-button--color-red.lumx-button--emphasis-high.lumx-button--theme-dark[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-grey.lumx-button--emphasis-high.lumx-button--theme-light {
@@ -3466,10 +3450,8 @@ table {
   outline: 2px solid var(--lumx-color-dark-N);
 }
 .lumx-button--color-grey.lumx-button--emphasis-high.lumx-button--theme-light:disabled, .lumx-button--color-grey.lumx-button--emphasis-high.lumx-button--theme-light[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-grey.lumx-button--emphasis-high.lumx-button--theme-dark {
   color: var(--lumx-color-grey-N);
@@ -3493,10 +3475,8 @@ table {
   outline: 2px solid var(--lumx-color-light-N);
 }
 .lumx-button--color-grey.lumx-button--emphasis-high.lumx-button--theme-dark:disabled, .lumx-button--color-grey.lumx-button--emphasis-high.lumx-button--theme-dark[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-primary.lumx-button--emphasis-high.lumx-button--theme-light {
@@ -3534,10 +3514,8 @@ table {
   outline: 2px solid var(--lumx-color-dark-N);
 }
 .lumx-button--color-primary.lumx-button--emphasis-high.lumx-button--theme-light:disabled, .lumx-button--color-primary.lumx-button--emphasis-high.lumx-button--theme-light[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-primary.lumx-button--emphasis-high.lumx-button--theme-dark {
   color: var(--lumx-button-emphasis-high-state-default-theme-dark-color);
@@ -3574,10 +3552,8 @@ table {
   outline: 2px solid var(--lumx-color-light-N);
 }
 .lumx-button--color-primary.lumx-button--emphasis-high.lumx-button--theme-dark:disabled, .lumx-button--color-primary.lumx-button--emphasis-high.lumx-button--theme-dark[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-secondary.lumx-button--emphasis-high.lumx-button--theme-light {
@@ -3602,10 +3578,8 @@ table {
   outline: 2px solid var(--lumx-color-dark-N);
 }
 .lumx-button--color-secondary.lumx-button--emphasis-high.lumx-button--theme-light:disabled, .lumx-button--color-secondary.lumx-button--emphasis-high.lumx-button--theme-light[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-secondary.lumx-button--emphasis-high.lumx-button--theme-dark {
   color: var(--lumx-color-secondary-N);
@@ -3629,10 +3603,8 @@ table {
   outline: 2px solid var(--lumx-color-light-N);
 }
 .lumx-button--color-secondary.lumx-button--emphasis-high.lumx-button--theme-dark:disabled, .lumx-button--color-secondary.lumx-button--emphasis-high.lumx-button--theme-dark[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-accent.lumx-button--emphasis-high.lumx-button--theme-light {
@@ -3657,10 +3629,8 @@ table {
   outline: 2px solid var(--lumx-color-dark-N);
 }
 .lumx-button--color-accent.lumx-button--emphasis-high.lumx-button--theme-light:disabled, .lumx-button--color-accent.lumx-button--emphasis-high.lumx-button--theme-light[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-accent.lumx-button--emphasis-high.lumx-button--theme-dark {
   color: var(--lumx-color-accent-N);
@@ -3684,10 +3654,8 @@ table {
   outline: 2px solid var(--lumx-color-light-N);
 }
 .lumx-button--color-accent.lumx-button--emphasis-high.lumx-button--theme-dark:disabled, .lumx-button--color-accent.lumx-button--emphasis-high.lumx-button--theme-dark[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-black.lumx-button--emphasis-high.lumx-button--theme-light {
@@ -3712,10 +3680,8 @@ table {
   outline: 2px solid var(--lumx-color-dark-N);
 }
 .lumx-button--color-black.lumx-button--emphasis-high.lumx-button--theme-light:disabled, .lumx-button--color-black.lumx-button--emphasis-high.lumx-button--theme-light[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-black.lumx-button--emphasis-high.lumx-button--theme-dark {
   color: var(--lumx-color-black-N);
@@ -3739,10 +3705,8 @@ table {
   outline: 2px solid var(--lumx-color-light-N);
 }
 .lumx-button--color-black.lumx-button--emphasis-high.lumx-button--theme-dark:disabled, .lumx-button--color-black.lumx-button--emphasis-high.lumx-button--theme-dark[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-white.lumx-button--emphasis-high.lumx-button--theme-light {
@@ -3767,10 +3731,8 @@ table {
   outline: 2px solid var(--lumx-color-dark-N);
 }
 .lumx-button--color-white.lumx-button--emphasis-high.lumx-button--theme-light:disabled, .lumx-button--color-white.lumx-button--emphasis-high.lumx-button--theme-light[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-white.lumx-button--emphasis-high.lumx-button--theme-dark {
   color: var(--lumx-color-white-N);
@@ -3794,10 +3756,8 @@ table {
   outline: 2px solid var(--lumx-color-light-N);
 }
 .lumx-button--color-white.lumx-button--emphasis-high.lumx-button--theme-dark:disabled, .lumx-button--color-white.lumx-button--emphasis-high.lumx-button--theme-dark[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-orange.lumx-button--emphasis-high.lumx-button--theme-light {
@@ -3822,10 +3782,8 @@ table {
   outline: 2px solid var(--lumx-color-dark-N);
 }
 .lumx-button--color-orange.lumx-button--emphasis-high.lumx-button--theme-light:disabled, .lumx-button--color-orange.lumx-button--emphasis-high.lumx-button--theme-light[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-orange.lumx-button--emphasis-high.lumx-button--theme-dark {
   color: var(--lumx-color-orange-N);
@@ -3849,10 +3807,8 @@ table {
   outline: 2px solid var(--lumx-color-light-N);
 }
 .lumx-button--color-orange.lumx-button--emphasis-high.lumx-button--theme-dark:disabled, .lumx-button--color-orange.lumx-button--emphasis-high.lumx-button--theme-dark[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-dark.lumx-button--emphasis-medium {
@@ -3890,10 +3846,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-dark.lumx-button--emphasis-medium:disabled, .lumx-button--color-dark.lumx-button--emphasis-medium[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-dark.lumx-button--emphasis-low {
   color: var(--lumx-button-emphasis-low-state-default-theme-light-color);
@@ -3930,10 +3884,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-dark.lumx-button--emphasis-low:disabled, .lumx-button--color-dark.lumx-button--emphasis-low[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-light.lumx-button--emphasis-medium {
@@ -3971,10 +3923,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-light.lumx-button--emphasis-medium:disabled, .lumx-button--color-light.lumx-button--emphasis-medium[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-light.lumx-button--emphasis-low {
   color: var(--lumx-button-emphasis-low-state-default-theme-dark-color);
@@ -4011,10 +3961,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-light.lumx-button--emphasis-low:disabled, .lumx-button--color-light.lumx-button--emphasis-low[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-blue.lumx-button--emphasis-medium {
@@ -4039,10 +3987,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-blue.lumx-button--emphasis-medium:disabled, .lumx-button--color-blue.lumx-button--emphasis-medium[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-blue.lumx-button--emphasis-low {
   color: var(--lumx-color-blue-D2);
@@ -4066,10 +4012,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-blue.lumx-button--emphasis-low:disabled, .lumx-button--color-blue.lumx-button--emphasis-low[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-green.lumx-button--emphasis-medium {
@@ -4094,10 +4038,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-green.lumx-button--emphasis-medium:disabled, .lumx-button--color-green.lumx-button--emphasis-medium[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-green.lumx-button--emphasis-low {
   color: var(--lumx-color-green-D2);
@@ -4121,10 +4063,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-green.lumx-button--emphasis-low:disabled, .lumx-button--color-green.lumx-button--emphasis-low[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-yellow.lumx-button--emphasis-medium {
@@ -4149,10 +4089,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-yellow.lumx-button--emphasis-medium:disabled, .lumx-button--color-yellow.lumx-button--emphasis-medium[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-yellow.lumx-button--emphasis-low {
   color: var(--lumx-color-yellow-D2);
@@ -4176,10 +4114,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-yellow.lumx-button--emphasis-low:disabled, .lumx-button--color-yellow.lumx-button--emphasis-low[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-red.lumx-button--emphasis-medium {
@@ -4204,10 +4140,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-red.lumx-button--emphasis-medium:disabled, .lumx-button--color-red.lumx-button--emphasis-medium[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-red.lumx-button--emphasis-low {
   color: var(--lumx-color-red-D2);
@@ -4231,10 +4165,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-red.lumx-button--emphasis-low:disabled, .lumx-button--color-red.lumx-button--emphasis-low[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-grey.lumx-button--emphasis-medium {
@@ -4259,10 +4191,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-grey.lumx-button--emphasis-medium:disabled, .lumx-button--color-grey.lumx-button--emphasis-medium[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-grey.lumx-button--emphasis-low {
   color: var(--lumx-color-grey-N);
@@ -4286,10 +4216,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-grey.lumx-button--emphasis-low:disabled, .lumx-button--color-grey.lumx-button--emphasis-low[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-primary.lumx-button--emphasis-medium {
@@ -4314,10 +4242,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-primary.lumx-button--emphasis-medium:disabled, .lumx-button--color-primary.lumx-button--emphasis-medium[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-primary.lumx-button--emphasis-low {
   color: var(--lumx-color-primary-D2);
@@ -4341,10 +4267,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-primary.lumx-button--emphasis-low:disabled, .lumx-button--color-primary.lumx-button--emphasis-low[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-secondary.lumx-button--emphasis-medium {
@@ -4369,10 +4293,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-secondary.lumx-button--emphasis-medium:disabled, .lumx-button--color-secondary.lumx-button--emphasis-medium[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-secondary.lumx-button--emphasis-low {
   color: var(--lumx-color-secondary-D2);
@@ -4396,10 +4318,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-secondary.lumx-button--emphasis-low:disabled, .lumx-button--color-secondary.lumx-button--emphasis-low[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-accent.lumx-button--emphasis-medium {
@@ -4424,10 +4344,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-accent.lumx-button--emphasis-medium:disabled, .lumx-button--color-accent.lumx-button--emphasis-medium[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-accent.lumx-button--emphasis-low {
   color: var(--lumx-color-accent-D2);
@@ -4451,10 +4369,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-accent.lumx-button--emphasis-low:disabled, .lumx-button--color-accent.lumx-button--emphasis-low[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-black.lumx-button--emphasis-medium {
@@ -4479,10 +4395,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-black.lumx-button--emphasis-medium:disabled, .lumx-button--color-black.lumx-button--emphasis-medium[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-black.lumx-button--emphasis-low {
   color: var(--lumx-color-black-N);
@@ -4506,10 +4420,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-black.lumx-button--emphasis-low:disabled, .lumx-button--color-black.lumx-button--emphasis-low[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-white.lumx-button--emphasis-medium {
@@ -4534,10 +4446,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-white.lumx-button--emphasis-medium:disabled, .lumx-button--color-white.lumx-button--emphasis-medium[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-white.lumx-button--emphasis-low {
   color: var(--lumx-color-white-N);
@@ -4561,10 +4471,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-white.lumx-button--emphasis-low:disabled, .lumx-button--color-white.lumx-button--emphasis-low[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 .lumx-button--color-orange.lumx-button--emphasis-medium {
@@ -4589,10 +4497,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-orange.lumx-button--emphasis-medium:disabled, .lumx-button--color-orange.lumx-button--emphasis-medium[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button--color-orange.lumx-button--emphasis-low {
   color: var(--lumx-color-orange-D2);
@@ -4616,10 +4522,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-button--color-orange.lumx-button--emphasis-low:disabled, .lumx-button--color-orange.lumx-button--emphasis-low[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 /* Button selected
@@ -4693,10 +4597,8 @@ table {
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-dark.lumx-button--is-selected:disabled, .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-dark.lumx-button--is-selected[aria-disabled=true],
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-dark.lumx-button--is-selected:disabled,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-dark.lumx-button--is-selected[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-light.lumx-button--is-selected,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-light.lumx-button--is-selected {
@@ -4743,10 +4645,8 @@ table {
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-light.lumx-button--is-selected:disabled, .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-light.lumx-button--is-selected[aria-disabled=true],
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-light.lumx-button--is-selected:disabled,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-light.lumx-button--is-selected[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-blue.lumx-button--is-selected,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-blue.lumx-button--is-selected {
@@ -4778,10 +4678,8 @@ table {
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-blue.lumx-button--is-selected:disabled, .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-blue.lumx-button--is-selected[aria-disabled=true],
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-blue.lumx-button--is-selected:disabled,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-blue.lumx-button--is-selected[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-green.lumx-button--is-selected,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-green.lumx-button--is-selected {
@@ -4813,10 +4711,8 @@ table {
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-green.lumx-button--is-selected:disabled, .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-green.lumx-button--is-selected[aria-disabled=true],
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-green.lumx-button--is-selected:disabled,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-green.lumx-button--is-selected[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-yellow.lumx-button--is-selected,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-yellow.lumx-button--is-selected {
@@ -4848,10 +4744,8 @@ table {
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-yellow.lumx-button--is-selected:disabled, .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-yellow.lumx-button--is-selected[aria-disabled=true],
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-yellow.lumx-button--is-selected:disabled,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-yellow.lumx-button--is-selected[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-red.lumx-button--is-selected,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-red.lumx-button--is-selected {
@@ -4883,10 +4777,8 @@ table {
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-red.lumx-button--is-selected:disabled, .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-red.lumx-button--is-selected[aria-disabled=true],
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-red.lumx-button--is-selected:disabled,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-red.lumx-button--is-selected[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-grey.lumx-button--is-selected,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-grey.lumx-button--is-selected {
@@ -4918,10 +4810,8 @@ table {
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-grey.lumx-button--is-selected:disabled, .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-grey.lumx-button--is-selected[aria-disabled=true],
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-grey.lumx-button--is-selected:disabled,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-grey.lumx-button--is-selected[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-primary.lumx-button--is-selected,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-primary.lumx-button--is-selected {
@@ -4953,10 +4843,8 @@ table {
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-primary.lumx-button--is-selected:disabled, .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-primary.lumx-button--is-selected[aria-disabled=true],
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-primary.lumx-button--is-selected:disabled,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-primary.lumx-button--is-selected[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-secondary.lumx-button--is-selected,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-secondary.lumx-button--is-selected {
@@ -4988,10 +4876,8 @@ table {
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-secondary.lumx-button--is-selected:disabled, .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-secondary.lumx-button--is-selected[aria-disabled=true],
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-secondary.lumx-button--is-selected:disabled,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-secondary.lumx-button--is-selected[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-accent.lumx-button--is-selected,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-accent.lumx-button--is-selected {
@@ -5023,10 +4909,8 @@ table {
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-accent.lumx-button--is-selected:disabled, .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-accent.lumx-button--is-selected[aria-disabled=true],
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-accent.lumx-button--is-selected:disabled,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-accent.lumx-button--is-selected[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-black.lumx-button--is-selected,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-black.lumx-button--is-selected {
@@ -5058,10 +4942,8 @@ table {
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-black.lumx-button--is-selected:disabled, .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-black.lumx-button--is-selected[aria-disabled=true],
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-black.lumx-button--is-selected:disabled,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-black.lumx-button--is-selected[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-white.lumx-button--is-selected,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-white.lumx-button--is-selected {
@@ -5093,10 +4975,8 @@ table {
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-white.lumx-button--is-selected:disabled, .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-white.lumx-button--is-selected[aria-disabled=true],
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-white.lumx-button--is-selected:disabled,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-white.lumx-button--is-selected[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-orange.lumx-button--is-selected,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-orange.lumx-button--is-selected {
@@ -5128,10 +5008,8 @@ table {
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-orange.lumx-button--is-selected:disabled, .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-orange.lumx-button--is-selected[aria-disabled=true],
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-orange.lumx-button--is-selected:disabled,
 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-low.lumx-button--color-orange.lumx-button--is-selected[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 
 /* Button wrapper
@@ -5269,62 +5147,46 @@ table {
 
 /* Checkbox states
    ========================================================================== */
-.lumx-checkbox--is-disabled .lumx-checkbox__input-native {
-  pointer-events: none;
-}
 .lumx-checkbox--is-disabled .lumx-checkbox__input-placeholder {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
 }
 .lumx-checkbox--is-disabled.lumx-checkbox--theme-light .lumx-checkbox__label,
 .lumx-checkbox--is-disabled.lumx-checkbox--theme-light .lumx-checkbox__helper {
-  pointer-events: none;
   color: var(--lumx-color-dark-L3);
 }
 .lumx-checkbox--is-disabled.lumx-checkbox--theme-dark .lumx-checkbox__label,
 .lumx-checkbox--is-disabled.lumx-checkbox--theme-dark .lumx-checkbox__helper {
-  pointer-events: none;
   color: var(--lumx-color-light-L3);
 }
 
 @media (hover: hover) {
 
-.lumx-checkbox--theme-light.lumx-checkbox--is-unchecked .lumx-checkbox__input-native:hover + .lumx-checkbox__input-placeholder .lumx-checkbox__input-background {
+:not(.lumx-checkbox--is-disabled).lumx-checkbox--theme-light.lumx-checkbox--is-unchecked .lumx-checkbox__input-native:hover + .lumx-checkbox__input-placeholder .lumx-checkbox__input-background {
   background-color: var(--lumx-color-dark-L5);
 }}
-
 @media (hover: hover) {
-
-.lumx-checkbox--theme-dark.lumx-checkbox--is-unchecked .lumx-checkbox__input-native:hover + .lumx-checkbox__input-placeholder .lumx-checkbox__input-background {
+:not(.lumx-checkbox--is-disabled).lumx-checkbox--theme-dark.lumx-checkbox--is-unchecked .lumx-checkbox__input-native:hover + .lumx-checkbox__input-placeholder .lumx-checkbox__input-background {
   background-color: var(--lumx-color-light-L5);
 }}
-
 @media (hover: hover) {
-
-.lumx-checkbox--theme-light.lumx-checkbox--is-checked .lumx-checkbox__input-native:hover + .lumx-checkbox__input-placeholder .lumx-checkbox__input-indicator {
+:not(.lumx-checkbox--is-disabled).lumx-checkbox--theme-light.lumx-checkbox--is-checked .lumx-checkbox__input-native:hover + .lumx-checkbox__input-placeholder .lumx-checkbox__input-indicator {
   background-color: var(--lumx-color-primary-D1);
 }}
-
 @media (hover: hover) {
-
-.lumx-checkbox--theme-dark.lumx-checkbox--is-checked .lumx-checkbox__input-native:hover + .lumx-checkbox__input-placeholder .lumx-checkbox__input-indicator {
+:not(.lumx-checkbox--is-disabled).lumx-checkbox--theme-dark.lumx-checkbox--is-checked .lumx-checkbox__input-native:hover + .lumx-checkbox__input-placeholder .lumx-checkbox__input-indicator {
   background-color: var(--lumx-color-light-L1);
 }}
-
-.lumx-checkbox--theme-light.lumx-checkbox--is-unchecked .lumx-checkbox__input-native:active + .lumx-checkbox__input-placeholder .lumx-checkbox__input-background {
+:not(.lumx-checkbox--is-disabled).lumx-checkbox--theme-light.lumx-checkbox--is-unchecked .lumx-checkbox__input-native:active + .lumx-checkbox__input-placeholder .lumx-checkbox__input-background {
   background-color: var(--lumx-color-dark-L4);
 }
-
-.lumx-checkbox--theme-dark.lumx-checkbox--is-unchecked .lumx-checkbox__input-native:active + .lumx-checkbox__input-placeholder .lumx-checkbox__input-background {
+:not(.lumx-checkbox--is-disabled).lumx-checkbox--theme-dark.lumx-checkbox--is-unchecked .lumx-checkbox__input-native:active + .lumx-checkbox__input-placeholder .lumx-checkbox__input-background {
   background-color: var(--lumx-color-light-L4);
 }
-
-.lumx-checkbox--theme-light.lumx-checkbox--is-checked .lumx-checkbox__input-native:active + .lumx-checkbox__input-placeholder .lumx-checkbox__input-indicator {
+:not(.lumx-checkbox--is-disabled).lumx-checkbox--theme-light.lumx-checkbox--is-checked .lumx-checkbox__input-native:active + .lumx-checkbox__input-placeholder .lumx-checkbox__input-indicator {
   background-color: var(--lumx-color-primary-D2);
 }
-
-.lumx-checkbox--theme-dark.lumx-checkbox--is-checked .lumx-checkbox__input-native:active + .lumx-checkbox__input-placeholder .lumx-checkbox__input-indicator {
+:not(.lumx-checkbox--is-disabled).lumx-checkbox--theme-dark.lumx-checkbox--is-checked .lumx-checkbox__input-native:active + .lumx-checkbox__input-placeholder .lumx-checkbox__input-indicator {
   background-color: var(--lumx-color-light-L2);
 }
 
@@ -5425,14 +5287,14 @@ table {
   background-color: var(--lumx-color-dark-L5);
   color: var(--lumx-color-dark-N);
 }
-.lumx-chip--is-unselected.lumx-chip--color-dark.lumx-chip--is-clickable[data-lumx-hover] {
+.lumx-chip--is-unselected.lumx-chip--color-dark.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-hover] {
   background-color: var(--lumx-color-dark-L4);
 }
 @media (hover: hover) {
-.lumx-chip--is-unselected.lumx-chip--color-dark.lumx-chip--is-clickable:hover {
+.lumx-chip--is-unselected.lumx-chip--color-dark.lumx-chip--is-clickable:not([aria-disabled=true]):hover {
   background-color: var(--lumx-color-dark-L4);
 }}
-.lumx-chip--is-unselected.lumx-chip--color-dark.lumx-chip--is-clickable:active, .lumx-chip--is-unselected.lumx-chip--color-dark.lumx-chip--is-clickable[data-lumx-active] {
+.lumx-chip--is-unselected.lumx-chip--color-dark.lumx-chip--is-clickable:not([aria-disabled=true]):active, .lumx-chip--is-unselected.lumx-chip--color-dark.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-active] {
   background-color: var(--lumx-color-dark-L3);
 }
 .lumx-chip--is-unselected.lumx-chip--color-dark .lumx-chip__label {
@@ -5448,14 +5310,14 @@ table {
   background-color: var(--lumx-color-light-L5);
   color: var(--lumx-color-light-N);
 }
-.lumx-chip--is-unselected.lumx-chip--color-light.lumx-chip--is-clickable[data-lumx-hover] {
+.lumx-chip--is-unselected.lumx-chip--color-light.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-hover] {
   background-color: var(--lumx-color-light-L4);
 }
 @media (hover: hover) {
-.lumx-chip--is-unselected.lumx-chip--color-light.lumx-chip--is-clickable:hover {
+.lumx-chip--is-unselected.lumx-chip--color-light.lumx-chip--is-clickable:not([aria-disabled=true]):hover {
   background-color: var(--lumx-color-light-L4);
 }}
-.lumx-chip--is-unselected.lumx-chip--color-light.lumx-chip--is-clickable:active, .lumx-chip--is-unselected.lumx-chip--color-light.lumx-chip--is-clickable[data-lumx-active] {
+.lumx-chip--is-unselected.lumx-chip--color-light.lumx-chip--is-clickable:not([aria-disabled=true]):active, .lumx-chip--is-unselected.lumx-chip--color-light.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-active] {
   background-color: var(--lumx-color-light-L3);
 }
 
@@ -5468,14 +5330,14 @@ table {
   background-color: var(--lumx-color-blue-L5);
   color: var(--lumx-color-blue-D2);
 }
-.lumx-chip--is-unselected.lumx-chip--color-blue.lumx-chip--is-clickable[data-lumx-hover] {
+.lumx-chip--is-unselected.lumx-chip--color-blue.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-hover] {
   background-color: var(--lumx-color-blue-L4);
 }
 @media (hover: hover) {
-.lumx-chip--is-unselected.lumx-chip--color-blue.lumx-chip--is-clickable:hover {
+.lumx-chip--is-unselected.lumx-chip--color-blue.lumx-chip--is-clickable:not([aria-disabled=true]):hover {
   background-color: var(--lumx-color-blue-L4);
 }}
-.lumx-chip--is-unselected.lumx-chip--color-blue.lumx-chip--is-clickable:active, .lumx-chip--is-unselected.lumx-chip--color-blue.lumx-chip--is-clickable[data-lumx-active] {
+.lumx-chip--is-unselected.lumx-chip--color-blue.lumx-chip--is-clickable:not([aria-disabled=true]):active, .lumx-chip--is-unselected.lumx-chip--color-blue.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-active] {
   background-color: var(--lumx-color-blue-L3);
 }
 
@@ -5488,14 +5350,14 @@ table {
   background-color: var(--lumx-color-green-L5);
   color: var(--lumx-color-green-D2);
 }
-.lumx-chip--is-unselected.lumx-chip--color-green.lumx-chip--is-clickable[data-lumx-hover] {
+.lumx-chip--is-unselected.lumx-chip--color-green.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-hover] {
   background-color: var(--lumx-color-green-L4);
 }
 @media (hover: hover) {
-.lumx-chip--is-unselected.lumx-chip--color-green.lumx-chip--is-clickable:hover {
+.lumx-chip--is-unselected.lumx-chip--color-green.lumx-chip--is-clickable:not([aria-disabled=true]):hover {
   background-color: var(--lumx-color-green-L4);
 }}
-.lumx-chip--is-unselected.lumx-chip--color-green.lumx-chip--is-clickable:active, .lumx-chip--is-unselected.lumx-chip--color-green.lumx-chip--is-clickable[data-lumx-active] {
+.lumx-chip--is-unselected.lumx-chip--color-green.lumx-chip--is-clickable:not([aria-disabled=true]):active, .lumx-chip--is-unselected.lumx-chip--color-green.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-active] {
   background-color: var(--lumx-color-green-L3);
 }
 
@@ -5508,14 +5370,14 @@ table {
   background-color: var(--lumx-color-yellow-L5);
   color: var(--lumx-color-dark-L1);
 }
-.lumx-chip--is-unselected.lumx-chip--color-yellow.lumx-chip--is-clickable[data-lumx-hover] {
+.lumx-chip--is-unselected.lumx-chip--color-yellow.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-hover] {
   background-color: var(--lumx-color-yellow-L4);
 }
 @media (hover: hover) {
-.lumx-chip--is-unselected.lumx-chip--color-yellow.lumx-chip--is-clickable:hover {
+.lumx-chip--is-unselected.lumx-chip--color-yellow.lumx-chip--is-clickable:not([aria-disabled=true]):hover {
   background-color: var(--lumx-color-yellow-L4);
 }}
-.lumx-chip--is-unselected.lumx-chip--color-yellow.lumx-chip--is-clickable:active, .lumx-chip--is-unselected.lumx-chip--color-yellow.lumx-chip--is-clickable[data-lumx-active] {
+.lumx-chip--is-unselected.lumx-chip--color-yellow.lumx-chip--is-clickable:not([aria-disabled=true]):active, .lumx-chip--is-unselected.lumx-chip--color-yellow.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-active] {
   background-color: var(--lumx-color-yellow-L3);
 }
 
@@ -5528,14 +5390,14 @@ table {
   background-color: var(--lumx-color-red-L5);
   color: var(--lumx-color-red-D2);
 }
-.lumx-chip--is-unselected.lumx-chip--color-red.lumx-chip--is-clickable[data-lumx-hover] {
+.lumx-chip--is-unselected.lumx-chip--color-red.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-hover] {
   background-color: var(--lumx-color-red-L4);
 }
 @media (hover: hover) {
-.lumx-chip--is-unselected.lumx-chip--color-red.lumx-chip--is-clickable:hover {
+.lumx-chip--is-unselected.lumx-chip--color-red.lumx-chip--is-clickable:not([aria-disabled=true]):hover {
   background-color: var(--lumx-color-red-L4);
 }}
-.lumx-chip--is-unselected.lumx-chip--color-red.lumx-chip--is-clickable:active, .lumx-chip--is-unselected.lumx-chip--color-red.lumx-chip--is-clickable[data-lumx-active] {
+.lumx-chip--is-unselected.lumx-chip--color-red.lumx-chip--is-clickable:not([aria-disabled=true]):active, .lumx-chip--is-unselected.lumx-chip--color-red.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-active] {
   background-color: var(--lumx-color-red-L3);
 }
 
@@ -5548,14 +5410,14 @@ table {
   background-color: var(--lumx-color-grey-L5);
   color: var(--lumx-color-grey-N);
 }
-.lumx-chip--is-unselected.lumx-chip--color-grey.lumx-chip--is-clickable[data-lumx-hover] {
+.lumx-chip--is-unselected.lumx-chip--color-grey.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-hover] {
   background-color: var(--lumx-color-grey-L4);
 }
 @media (hover: hover) {
-.lumx-chip--is-unselected.lumx-chip--color-grey.lumx-chip--is-clickable:hover {
+.lumx-chip--is-unselected.lumx-chip--color-grey.lumx-chip--is-clickable:not([aria-disabled=true]):hover {
   background-color: var(--lumx-color-grey-L4);
 }}
-.lumx-chip--is-unselected.lumx-chip--color-grey.lumx-chip--is-clickable:active, .lumx-chip--is-unselected.lumx-chip--color-grey.lumx-chip--is-clickable[data-lumx-active] {
+.lumx-chip--is-unselected.lumx-chip--color-grey.lumx-chip--is-clickable:not([aria-disabled=true]):active, .lumx-chip--is-unselected.lumx-chip--color-grey.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-active] {
   background-color: var(--lumx-color-grey-L3);
 }
 
@@ -5568,14 +5430,14 @@ table {
   background-color: var(--lumx-color-primary-L5);
   color: var(--lumx-color-primary-D2);
 }
-.lumx-chip--is-unselected.lumx-chip--color-primary.lumx-chip--is-clickable[data-lumx-hover] {
+.lumx-chip--is-unselected.lumx-chip--color-primary.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-hover] {
   background-color: var(--lumx-color-primary-L4);
 }
 @media (hover: hover) {
-.lumx-chip--is-unselected.lumx-chip--color-primary.lumx-chip--is-clickable:hover {
+.lumx-chip--is-unselected.lumx-chip--color-primary.lumx-chip--is-clickable:not([aria-disabled=true]):hover {
   background-color: var(--lumx-color-primary-L4);
 }}
-.lumx-chip--is-unselected.lumx-chip--color-primary.lumx-chip--is-clickable:active, .lumx-chip--is-unselected.lumx-chip--color-primary.lumx-chip--is-clickable[data-lumx-active] {
+.lumx-chip--is-unselected.lumx-chip--color-primary.lumx-chip--is-clickable:not([aria-disabled=true]):active, .lumx-chip--is-unselected.lumx-chip--color-primary.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-active] {
   background-color: var(--lumx-color-primary-L3);
 }
 
@@ -5588,14 +5450,14 @@ table {
   background-color: var(--lumx-color-secondary-L5);
   color: var(--lumx-color-secondary-D2);
 }
-.lumx-chip--is-unselected.lumx-chip--color-secondary.lumx-chip--is-clickable[data-lumx-hover] {
+.lumx-chip--is-unselected.lumx-chip--color-secondary.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-hover] {
   background-color: var(--lumx-color-secondary-L4);
 }
 @media (hover: hover) {
-.lumx-chip--is-unselected.lumx-chip--color-secondary.lumx-chip--is-clickable:hover {
+.lumx-chip--is-unselected.lumx-chip--color-secondary.lumx-chip--is-clickable:not([aria-disabled=true]):hover {
   background-color: var(--lumx-color-secondary-L4);
 }}
-.lumx-chip--is-unselected.lumx-chip--color-secondary.lumx-chip--is-clickable:active, .lumx-chip--is-unselected.lumx-chip--color-secondary.lumx-chip--is-clickable[data-lumx-active] {
+.lumx-chip--is-unselected.lumx-chip--color-secondary.lumx-chip--is-clickable:not([aria-disabled=true]):active, .lumx-chip--is-unselected.lumx-chip--color-secondary.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-active] {
   background-color: var(--lumx-color-secondary-L3);
 }
 
@@ -5608,14 +5470,14 @@ table {
   background-color: var(--lumx-color-accent-L5);
   color: var(--lumx-color-accent-D2);
 }
-.lumx-chip--is-unselected.lumx-chip--color-accent.lumx-chip--is-clickable[data-lumx-hover] {
+.lumx-chip--is-unselected.lumx-chip--color-accent.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-hover] {
   background-color: var(--lumx-color-accent-L4);
 }
 @media (hover: hover) {
-.lumx-chip--is-unselected.lumx-chip--color-accent.lumx-chip--is-clickable:hover {
+.lumx-chip--is-unselected.lumx-chip--color-accent.lumx-chip--is-clickable:not([aria-disabled=true]):hover {
   background-color: var(--lumx-color-accent-L4);
 }}
-.lumx-chip--is-unselected.lumx-chip--color-accent.lumx-chip--is-clickable:active, .lumx-chip--is-unselected.lumx-chip--color-accent.lumx-chip--is-clickable[data-lumx-active] {
+.lumx-chip--is-unselected.lumx-chip--color-accent.lumx-chip--is-clickable:not([aria-disabled=true]):active, .lumx-chip--is-unselected.lumx-chip--color-accent.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-active] {
   background-color: var(--lumx-color-accent-L3);
 }
 
@@ -5628,14 +5490,14 @@ table {
   background-color: var(--lumx-color-black-L5);
   color: var(--lumx-color-black-N);
 }
-.lumx-chip--is-unselected.lumx-chip--color-black.lumx-chip--is-clickable[data-lumx-hover] {
+.lumx-chip--is-unselected.lumx-chip--color-black.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-hover] {
   background-color: var(--lumx-color-black-L4);
 }
 @media (hover: hover) {
-.lumx-chip--is-unselected.lumx-chip--color-black.lumx-chip--is-clickable:hover {
+.lumx-chip--is-unselected.lumx-chip--color-black.lumx-chip--is-clickable:not([aria-disabled=true]):hover {
   background-color: var(--lumx-color-black-L4);
 }}
-.lumx-chip--is-unselected.lumx-chip--color-black.lumx-chip--is-clickable:active, .lumx-chip--is-unselected.lumx-chip--color-black.lumx-chip--is-clickable[data-lumx-active] {
+.lumx-chip--is-unselected.lumx-chip--color-black.lumx-chip--is-clickable:not([aria-disabled=true]):active, .lumx-chip--is-unselected.lumx-chip--color-black.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-active] {
   background-color: var(--lumx-color-black-L3);
 }
 
@@ -5648,14 +5510,14 @@ table {
   background-color: var(--lumx-color-white-L5);
   color: var(--lumx-color-white-N);
 }
-.lumx-chip--is-unselected.lumx-chip--color-white.lumx-chip--is-clickable[data-lumx-hover] {
+.lumx-chip--is-unselected.lumx-chip--color-white.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-hover] {
   background-color: var(--lumx-color-white-L4);
 }
 @media (hover: hover) {
-.lumx-chip--is-unselected.lumx-chip--color-white.lumx-chip--is-clickable:hover {
+.lumx-chip--is-unselected.lumx-chip--color-white.lumx-chip--is-clickable:not([aria-disabled=true]):hover {
   background-color: var(--lumx-color-white-L4);
 }}
-.lumx-chip--is-unselected.lumx-chip--color-white.lumx-chip--is-clickable:active, .lumx-chip--is-unselected.lumx-chip--color-white.lumx-chip--is-clickable[data-lumx-active] {
+.lumx-chip--is-unselected.lumx-chip--color-white.lumx-chip--is-clickable:not([aria-disabled=true]):active, .lumx-chip--is-unselected.lumx-chip--color-white.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-active] {
   background-color: var(--lumx-color-white-L3);
 }
 
@@ -5668,14 +5530,14 @@ table {
   background-color: var(--lumx-color-orange-L5);
   color: var(--lumx-color-orange-D2);
 }
-.lumx-chip--is-unselected.lumx-chip--color-orange.lumx-chip--is-clickable[data-lumx-hover] {
+.lumx-chip--is-unselected.lumx-chip--color-orange.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-hover] {
   background-color: var(--lumx-color-orange-L4);
 }
 @media (hover: hover) {
-.lumx-chip--is-unselected.lumx-chip--color-orange.lumx-chip--is-clickable:hover {
+.lumx-chip--is-unselected.lumx-chip--color-orange.lumx-chip--is-clickable:not([aria-disabled=true]):hover {
   background-color: var(--lumx-color-orange-L4);
 }}
-.lumx-chip--is-unselected.lumx-chip--color-orange.lumx-chip--is-clickable:active, .lumx-chip--is-unselected.lumx-chip--color-orange.lumx-chip--is-clickable[data-lumx-active] {
+.lumx-chip--is-unselected.lumx-chip--color-orange.lumx-chip--is-clickable:not([aria-disabled=true]):active, .lumx-chip--is-unselected.lumx-chip--color-orange.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-active] {
   background-color: var(--lumx-color-orange-L3);
 }
 
@@ -5689,16 +5551,16 @@ table {
   background-color: var(--lumx-chip-emphasis-selected-state-default-theme-light-background-color);
   box-shadow: inset 0 0 0 var(--lumx-chip-emphasis-selected-state-default-border-width) var(--lumx-chip-emphasis-selected-state-default-theme-light-border-color);
 }
-.lumx-chip--is-selected.lumx-chip--color-dark.lumx-chip--is-clickable[data-lumx-hover] {
+.lumx-chip--is-selected.lumx-chip--color-dark.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-hover] {
   background-color: var(--lumx-chip-emphasis-selected-state-hover-theme-light-background-color);
   box-shadow: inset 0 0 0 var(--lumx-chip-emphasis-selected-state-hover-border-width) var(--lumx-chip-emphasis-selected-state-hover-theme-light-border-color);
 }
 @media (hover: hover) {
-.lumx-chip--is-selected.lumx-chip--color-dark.lumx-chip--is-clickable:hover {
+.lumx-chip--is-selected.lumx-chip--color-dark.lumx-chip--is-clickable:not([aria-disabled=true]):hover {
   background-color: var(--lumx-chip-emphasis-selected-state-hover-theme-light-background-color);
   box-shadow: inset 0 0 0 var(--lumx-chip-emphasis-selected-state-hover-border-width) var(--lumx-chip-emphasis-selected-state-hover-theme-light-border-color);
 }}
-.lumx-chip--is-selected.lumx-chip--color-dark.lumx-chip--is-clickable:active, .lumx-chip--is-selected.lumx-chip--color-dark.lumx-chip--is-clickable[data-lumx-active] {
+.lumx-chip--is-selected.lumx-chip--color-dark.lumx-chip--is-clickable:not([aria-disabled=true]):active, .lumx-chip--is-selected.lumx-chip--color-dark.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-active] {
   background-color: var(--lumx-chip-emphasis-selected-state-active-theme-light-background-color);
   box-shadow: inset 0 0 0 var(--lumx-chip-emphasis-selected-state-active-border-width) var(--lumx-chip-emphasis-selected-state-active-theme-light-border-color);
 }
@@ -5711,16 +5573,16 @@ table {
   background-color: var(--lumx-chip-emphasis-selected-state-default-theme-dark-background-color);
   box-shadow: inset 0 0 0 var(--lumx-chip-emphasis-selected-state-default-border-width) var(--lumx-chip-emphasis-selected-state-default-theme-dark-border-color);
 }
-.lumx-chip--is-selected.lumx-chip--color-light.lumx-chip--is-clickable[data-lumx-hover] {
+.lumx-chip--is-selected.lumx-chip--color-light.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-hover] {
   background-color: var(--lumx-chip-emphasis-selected-state-hover-theme-dark-background-color);
   box-shadow: inset 0 0 0 var(--lumx-chip-emphasis-selected-state-hover-border-width) var(--lumx-chip-emphasis-selected-state-hover-theme-dark-border-color);
 }
 @media (hover: hover) {
-.lumx-chip--is-selected.lumx-chip--color-light.lumx-chip--is-clickable:hover {
+.lumx-chip--is-selected.lumx-chip--color-light.lumx-chip--is-clickable:not([aria-disabled=true]):hover {
   background-color: var(--lumx-chip-emphasis-selected-state-hover-theme-dark-background-color);
   box-shadow: inset 0 0 0 var(--lumx-chip-emphasis-selected-state-hover-border-width) var(--lumx-chip-emphasis-selected-state-hover-theme-dark-border-color);
 }}
-.lumx-chip--is-selected.lumx-chip--color-light.lumx-chip--is-clickable:active, .lumx-chip--is-selected.lumx-chip--color-light.lumx-chip--is-clickable[data-lumx-active] {
+.lumx-chip--is-selected.lumx-chip--color-light.lumx-chip--is-clickable:not([aria-disabled=true]):active, .lumx-chip--is-selected.lumx-chip--color-light.lumx-chip--is-clickable:not([aria-disabled=true])[data-lumx-active] {
   background-color: var(--lumx-chip-emphasis-selected-state-active-theme-dark-background-color);
   box-shadow: inset 0 0 0 var(--lumx-chip-emphasis-selected-state-active-border-width) var(--lumx-chip-emphasis-selected-state-active-theme-dark-border-color);
 }
@@ -5730,7 +5592,6 @@ table {
 }
 
 .lumx-chip--is-disabled {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
 }
@@ -5855,11 +5716,11 @@ table {
   font-weight: inherit;
   line-height: inherit;
 }
-.lumx-comment-block--theme-light > .lumx-comment-block__wrapper .lumx-comment-block__name[tabindex="0"][data-lumx-hover], .lumx-comment-block--theme-light > .lumx-comment-block__wrapper .lumx-comment-block__name[tabindex="0"][data-focus-visible-added] {
+.lumx-comment-block--theme-light > .lumx-comment-block__wrapper .lumx-comment-block__name[tabindex="0"]:not(:disabled):not([aria-disabled=true])[data-lumx-hover], .lumx-comment-block--theme-light > .lumx-comment-block__wrapper .lumx-comment-block__name[tabindex="0"]:not(:disabled):not([aria-disabled=true])[data-focus-visible-added] {
   text-decoration: underline;
 }
 @media (hover: hover) {
-.lumx-comment-block--theme-light > .lumx-comment-block__wrapper .lumx-comment-block__name[tabindex="0"]:hover {
+.lumx-comment-block--theme-light > .lumx-comment-block__wrapper .lumx-comment-block__name[tabindex="0"]:not(:disabled):not([aria-disabled=true]):hover {
   text-decoration: underline;
 }}
 .lumx-comment-block--theme-light > .lumx-comment-block__wrapper .lumx-comment-block__name[tabindex="0"][data-focus-visible-added], .lumx-comment-block--theme-light > .lumx-comment-block__wrapper .lumx-comment-block__name[tabindex="0"]:focus-visible {
@@ -5884,11 +5745,11 @@ table {
   font-weight: inherit;
   line-height: inherit;
 }
-.lumx-comment-block--theme-dark > .lumx-comment-block__wrapper .lumx-comment-block__name[tabindex="0"][data-lumx-hover], .lumx-comment-block--theme-dark > .lumx-comment-block__wrapper .lumx-comment-block__name[tabindex="0"][data-focus-visible-added] {
+.lumx-comment-block--theme-dark > .lumx-comment-block__wrapper .lumx-comment-block__name[tabindex="0"]:not(:disabled):not([aria-disabled=true])[data-lumx-hover], .lumx-comment-block--theme-dark > .lumx-comment-block__wrapper .lumx-comment-block__name[tabindex="0"]:not(:disabled):not([aria-disabled=true])[data-focus-visible-added] {
   text-decoration: underline;
 }
 @media (hover: hover) {
-.lumx-comment-block--theme-dark > .lumx-comment-block__wrapper .lumx-comment-block__name[tabindex="0"]:hover {
+.lumx-comment-block--theme-dark > .lumx-comment-block__wrapper .lumx-comment-block__name[tabindex="0"]:not(:disabled):not([aria-disabled=true]):hover {
   text-decoration: underline;
 }}
 .lumx-comment-block--theme-dark > .lumx-comment-block__wrapper .lumx-comment-block__name[tabindex="0"][data-focus-visible-added], .lumx-comment-block--theme-dark > .lumx-comment-block__wrapper .lumx-comment-block__name[tabindex="0"]:focus-visible {
@@ -6037,10 +5898,8 @@ table {
   outline-offset: 2px;
 }
 .lumx-date-picker__month-day:disabled, .lumx-date-picker__month-day[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
-  pointer-events: all;
 }
 .lumx-date-picker__month-day span {
   font-size: 14px;
@@ -8100,11 +7959,11 @@ table {
   font-weight: inherit;
   line-height: inherit;
 }
-.lumx-link[data-lumx-hover], .lumx-link[data-focus-visible-added] {
+.lumx-link:not(:disabled):not([aria-disabled=true])[data-lumx-hover], .lumx-link:not(:disabled):not([aria-disabled=true])[data-focus-visible-added] {
   text-decoration: underline;
 }
 @media (hover: hover) {
-.lumx-link:hover {
+.lumx-link:not(:disabled):not([aria-disabled=true]):hover {
   text-decoration: underline;
 }}
 .lumx-link[data-focus-visible-added], .lumx-link:focus-visible {
@@ -8112,7 +7971,6 @@ table {
   outline-offset: 2px;
 }
 .lumx-link:disabled, .lumx-link[aria-disabled=true] {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
 }
@@ -8837,14 +8695,14 @@ table {
   outline: 2px solid var(--lumx-color-dark-N);
   outline-offset: -2px;
 }
-.lumx-list-item__link[data-lumx-hover], .lumx-list-item__link[data-focus-visible-added] {
+.lumx-list-item__link:not([aria-disabled=true])[data-lumx-hover], .lumx-list-item__link:not([aria-disabled=true])[data-focus-visible-added] {
   background-color: var(--lumx-color-dark-L5);
 }
 @media (hover: hover) {
-.lumx-list-item__link:hover {
+.lumx-list-item__link:not([aria-disabled=true]):hover {
   background-color: var(--lumx-color-dark-L5);
 }}
-.lumx-list-item__link:active, .lumx-list-item__link[data-lumx-active] {
+.lumx-list-item__link:not([aria-disabled=true]):active, .lumx-list-item__link:not([aria-disabled=true])[data-lumx-active] {
   background-color: var(--lumx-color-dark-L4);
 }
 .lumx-list-item__link--is-highlighted {
@@ -8868,8 +8726,7 @@ table {
 .lumx-list-item__link--is-selected:active, .lumx-list-item__link--is-selected[data-lumx-active] {
   background-color: var(--lumx-color-primary-L3);
 }
-.lumx-list-item__link--is-disabled, .lumx-list-item__link[aria-disabled=true] {
-  pointer-events: none;
+.lumx-list-item__link--is-disabled {
   opacity: 0.5;
   cursor: default;
 }
@@ -9604,11 +9461,11 @@ table {
   font-weight: inherit;
   line-height: inherit;
 }
-.lumx-post-block--theme-light .lumx-post-block__title[data-lumx-hover], .lumx-post-block--theme-light .lumx-post-block__title[data-focus-visible-added] {
+.lumx-post-block--theme-light .lumx-post-block__title:not(:disabled):not([aria-disabled=true])[data-lumx-hover], .lumx-post-block--theme-light .lumx-post-block__title:not(:disabled):not([aria-disabled=true])[data-focus-visible-added] {
   text-decoration: underline;
 }
 @media (hover: hover) {
-.lumx-post-block--theme-light .lumx-post-block__title:hover {
+.lumx-post-block--theme-light .lumx-post-block__title:not(:disabled):not([aria-disabled=true]):hover {
   text-decoration: underline;
 }}
 .lumx-post-block--theme-light .lumx-post-block__title[data-focus-visible-added], .lumx-post-block--theme-light .lumx-post-block__title:focus-visible {
@@ -9633,11 +9490,11 @@ table {
   font-weight: inherit;
   line-height: inherit;
 }
-.lumx-post-block--theme-dark .lumx-post-block__title[data-lumx-hover], .lumx-post-block--theme-dark .lumx-post-block__title[data-focus-visible-added] {
+.lumx-post-block--theme-dark .lumx-post-block__title:not(:disabled):not([aria-disabled=true])[data-lumx-hover], .lumx-post-block--theme-dark .lumx-post-block__title:not(:disabled):not([aria-disabled=true])[data-focus-visible-added] {
   text-decoration: underline;
 }
 @media (hover: hover) {
-.lumx-post-block--theme-dark .lumx-post-block__title:hover {
+.lumx-post-block--theme-dark .lumx-post-block__title:not(:disabled):not([aria-disabled=true]):hover {
   text-decoration: underline;
 }}
 .lumx-post-block--theme-dark .lumx-post-block__title[data-focus-visible-added], .lumx-post-block--theme-dark .lumx-post-block__title:focus-visible {
@@ -10045,42 +9902,32 @@ table {
 
 /* Radio button states
    ========================================================================== */
-.lumx-radio-button--is-disabled .lumx-radio-button__input-native {
-  pointer-events: none;
-}
 .lumx-radio-button--is-disabled .lumx-radio-button__input-placeholder {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
 }
 .lumx-radio-button--is-disabled.lumx-radio-button--theme-light .lumx-radio-button__label,
 .lumx-radio-button--is-disabled.lumx-radio-button--theme-light .lumx-radio-button__helper {
-  pointer-events: none;
   color: var(--lumx-color-dark-L3);
 }
 .lumx-radio-button--is-disabled.lumx-radio-button--theme-dark .lumx-radio-button__label,
 .lumx-radio-button--is-disabled.lumx-radio-button--theme-dark .lumx-radio-button__helper {
-  pointer-events: none;
   color: var(--lumx-color-light-L3);
 }
 
 @media (hover: hover) {
 
-.lumx-radio-button--theme-light.lumx-radio-button--is-unchecked .lumx-radio-button__input-native:hover + .lumx-radio-button__input-placeholder .lumx-radio-button__input-background {
+:not(.lumx-radio-button--is-disabled).lumx-radio-button--theme-light.lumx-radio-button--is-unchecked .lumx-radio-button__input-native:hover + .lumx-radio-button__input-placeholder .lumx-radio-button__input-background {
   background-color: var(--lumx-color-dark-L5);
 }}
-
 @media (hover: hover) {
-
-.lumx-radio-button--theme-dark.lumx-radio-button--is-unchecked .lumx-radio-button__input-native:hover + .lumx-radio-button__input-placeholder .lumx-radio-button__input-background {
+:not(.lumx-radio-button--is-disabled).lumx-radio-button--theme-dark.lumx-radio-button--is-unchecked .lumx-radio-button__input-native:hover + .lumx-radio-button__input-placeholder .lumx-radio-button__input-background {
   background-color: var(--lumx-color-light-L5);
 }}
-
-.lumx-radio-button--theme-light.lumx-radio-button--is-unchecked .lumx-radio-button__input-native:active + .lumx-radio-button__input-placeholder .lumx-radio-button__input-background {
+:not(.lumx-radio-button--is-disabled).lumx-radio-button--theme-light.lumx-radio-button--is-unchecked .lumx-radio-button__input-native:active + .lumx-radio-button__input-placeholder .lumx-radio-button__input-background {
   background-color: var(--lumx-color-dark-L4);
 }
-
-.lumx-radio-button--theme-dark.lumx-radio-button--is-unchecked .lumx-radio-button__input-native:active + .lumx-radio-button__input-placeholder .lumx-radio-button__input-background {
+:not(.lumx-radio-button--is-disabled).lumx-radio-button--theme-dark.lumx-radio-button--is-unchecked .lumx-radio-button__input-native:active + .lumx-radio-button__input-placeholder .lumx-radio-button__input-background {
   background-color: var(--lumx-color-light-L4);
 }
 
@@ -10327,16 +10174,13 @@ table {
 /* Select states
    ========================================================================== */
 .lumx-select--is-disabled .lumx-select__wrapper {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
 }
 .lumx-select--is-disabled.lumx-select--theme-light .lumx-select__label {
-  pointer-events: none;
   color: var(--lumx-color-dark-L3);
 }
 .lumx-select--is-disabled.lumx-select--theme-dark .lumx-select__label {
-  pointer-events: none;
   color: var(--lumx-color-light-L3);
 }
 
@@ -10545,14 +10389,14 @@ table {
   outline: 2px solid var(--lumx-color-dark-N);
   outline-offset: -2px;
 }
-.lumx-side-navigation-item .lumx-side-navigation-item__link[data-lumx-hover], .lumx-side-navigation-item .lumx-side-navigation-item__link[data-focus-visible-added] {
+.lumx-side-navigation-item .lumx-side-navigation-item__link:not([aria-disabled=true])[data-lumx-hover], .lumx-side-navigation-item .lumx-side-navigation-item__link:not([aria-disabled=true])[data-focus-visible-added] {
   background-color: var(--lumx-color-dark-L5);
 }
 @media (hover: hover) {
-.lumx-side-navigation-item .lumx-side-navigation-item__link:hover {
+.lumx-side-navigation-item .lumx-side-navigation-item__link:not([aria-disabled=true]):hover {
   background-color: var(--lumx-color-dark-L5);
 }}
-.lumx-side-navigation-item .lumx-side-navigation-item__link:active, .lumx-side-navigation-item .lumx-side-navigation-item__link[data-lumx-active] {
+.lumx-side-navigation-item .lumx-side-navigation-item__link:not([aria-disabled=true]):active, .lumx-side-navigation-item .lumx-side-navigation-item__link:not([aria-disabled=true])[data-lumx-active] {
   background-color: var(--lumx-color-dark-L4);
 }
 
@@ -11491,62 +11335,46 @@ table {
 
 /* Switch states
    ========================================================================== */
-.lumx-switch--is-disabled .lumx-switch__input-native {
-  pointer-events: none;
-}
 .lumx-switch--is-disabled .lumx-switch__input-placeholder {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
 }
 .lumx-switch--is-disabled.lumx-switch--theme-light .lumx-switch__label,
 .lumx-switch--is-disabled.lumx-switch--theme-light .lumx-switch__helper {
-  pointer-events: none;
   color: var(--lumx-color-dark-L3);
 }
 .lumx-switch--is-disabled.lumx-switch--theme-dark .lumx-switch__label,
 .lumx-switch--is-disabled.lumx-switch--theme-dark .lumx-switch__helper {
-  pointer-events: none;
   color: var(--lumx-color-light-L3);
 }
 
 @media (hover: hover) {
 
-.lumx-switch--theme-light.lumx-switch--is-unchecked .lumx-switch__input-native:hover + .lumx-switch__input-placeholder .lumx-switch__input-background {
+:not(.lumx-switch--is-disabled).lumx-switch--theme-light.lumx-switch--is-unchecked .lumx-switch__input-native:hover + .lumx-switch__input-placeholder .lumx-switch__input-background {
   background-color: var(--lumx-color-dark-L5);
 }}
-
 @media (hover: hover) {
-
-.lumx-switch--theme-dark.lumx-switch--is-unchecked .lumx-switch__input-native:hover + .lumx-switch__input-placeholder .lumx-switch__input-background {
+:not(.lumx-switch--is-disabled).lumx-switch--theme-dark.lumx-switch--is-unchecked .lumx-switch__input-native:hover + .lumx-switch__input-placeholder .lumx-switch__input-background {
   background-color: var(--lumx-color-light-L5);
 }}
-
 @media (hover: hover) {
-
-.lumx-switch--theme-light.lumx-switch--is-checked .lumx-switch__input-native:hover + .lumx-switch__input-placeholder .lumx-switch__input-background {
+:not(.lumx-switch--is-disabled).lumx-switch--theme-light.lumx-switch--is-checked .lumx-switch__input-native:hover + .lumx-switch__input-placeholder .lumx-switch__input-background {
   background-color: var(--lumx-color-primary-D1);
 }}
-
 @media (hover: hover) {
-
-.lumx-switch--theme-dark.lumx-switch--is-checked .lumx-switch__input-native:hover + .lumx-switch__input-placeholder .lumx-switch__input-background {
+:not(.lumx-switch--is-disabled).lumx-switch--theme-dark.lumx-switch--is-checked .lumx-switch__input-native:hover + .lumx-switch__input-placeholder .lumx-switch__input-background {
   background-color: var(--lumx-color-light-L1);
 }}
-
-.lumx-switch--theme-light.lumx-switch--is-unchecked .lumx-switch__input-native:active + .lumx-switch__input-placeholder .lumx-switch__input-background {
+:not(.lumx-switch--is-disabled).lumx-switch--theme-light.lumx-switch--is-unchecked .lumx-switch__input-native:active + .lumx-switch__input-placeholder .lumx-switch__input-background {
   background-color: var(--lumx-color-dark-L4);
 }
-
-.lumx-switch--theme-dark.lumx-switch--is-unchecked .lumx-switch__input-native:active + .lumx-switch__input-placeholder .lumx-switch__input-background {
+:not(.lumx-switch--is-disabled).lumx-switch--theme-dark.lumx-switch--is-unchecked .lumx-switch__input-native:active + .lumx-switch__input-placeholder .lumx-switch__input-background {
   background-color: var(--lumx-color-light-L4);
 }
-
-.lumx-switch--theme-light.lumx-switch--is-checked .lumx-switch__input-native:active + .lumx-switch__input-placeholder .lumx-switch__input-background {
+:not(.lumx-switch--is-disabled).lumx-switch--theme-light.lumx-switch--is-checked .lumx-switch__input-native:active + .lumx-switch__input-placeholder .lumx-switch__input-background {
   background-color: var(--lumx-color-primary-D2);
 }
-
-.lumx-switch--theme-dark.lumx-switch--is-checked .lumx-switch__input-native:active + .lumx-switch__input-placeholder .lumx-switch__input-background {
+:not(.lumx-switch--is-disabled).lumx-switch--theme-dark.lumx-switch--is-checked .lumx-switch__input-native:active + .lumx-switch__input-placeholder .lumx-switch__input-background {
   background-color: var(--lumx-color-light-L2);
 }
 
@@ -12013,7 +11841,6 @@ table {
 .lumx-tabs--theme-light .lumx-tabs__link--is-disabled {
   color: var(--lumx-tabs-link-emphasis-low-state-default-theme-light-color);
   background-color: var(--lumx-tabs-link-emphasis-low-state-default-theme-light-background-color);
-  pointer-events: none;
   color: var(--lumx-color-dark-L3);
 }
 .lumx-tabs--theme-light .lumx-tabs__link--is-disabled::after {
@@ -12042,7 +11869,6 @@ table {
 .lumx-tabs--theme-dark .lumx-tabs__link--is-disabled {
   color: var(--lumx-tabs-link-emphasis-low-state-default-theme-dark-color);
   background-color: var(--lumx-tabs-link-emphasis-low-state-default-theme-dark-background-color);
-  pointer-events: none;
   color: var(--lumx-color-light-L3);
 }
 .lumx-tabs--theme-dark .lumx-tabs__link--is-disabled::after {
@@ -12302,28 +12128,25 @@ table {
 /* Text field states
    ========================================================================== */
 .lumx-text-field--is-disabled .lumx-text-field__wrapper {
-  pointer-events: none;
   opacity: 0.5;
   cursor: default;
 }
 .lumx-text-field--is-disabled.lumx-text-field--theme-light .lumx-text-field__label,
 .lumx-text-field--is-disabled.lumx-text-field--theme-light .lumx-text-field__helper {
-  pointer-events: none;
   color: var(--lumx-color-dark-L3);
 }
 .lumx-text-field--is-disabled.lumx-text-field--theme-dark .lumx-text-field__label,
 .lumx-text-field--is-disabled.lumx-text-field--theme-dark .lumx-text-field__helper {
-  pointer-events: none;
   color: var(--lumx-color-light-L3);
 }
 
 @media (hover: hover) {
 
-.lumx-text-field--theme-light .lumx-text-field__wrapper:hover {
+.lumx-text-field--theme-light:not(.lumx-text-field--is-disabled) .lumx-text-field__wrapper:hover {
   background-color: var(--lumx-text-field-state-hover-theme-light-input-background-color);
 }}
 @media (hover: hover) {
-.lumx-text-field--theme-light .lumx-text-field__wrapper:hover::before {
+.lumx-text-field--theme-light:not(.lumx-text-field--is-disabled) .lumx-text-field__wrapper:hover::before {
   border-color: var(--lumx-text-field-state-hover-theme-light-input-border-color);
   border-width: var(--lumx-text-field-state-hover-input-border-top-width) var(--lumx-text-field-state-hover-input-border-right-width) var(--lumx-text-field-state-hover-input-border-bottom-width) var(--lumx-text-field-state-hover-input-border-left-width);
 }}
@@ -12340,11 +12163,11 @@ table {
 
 @media (hover: hover) {
 
-.lumx-text-field--theme-dark .lumx-text-field__wrapper:hover {
+.lumx-text-field--theme-dark:not(.lumx-text-field--is-disabled) .lumx-text-field__wrapper:hover {
   background-color: var(--lumx-text-field-state-hover-theme-dark-input-background-color);
 }}
 @media (hover: hover) {
-.lumx-text-field--theme-dark .lumx-text-field__wrapper:hover::before {
+.lumx-text-field--theme-dark:not(.lumx-text-field--is-disabled) .lumx-text-field__wrapper:hover::before {
   border-color: var(--lumx-text-field-state-hover-theme-dark-input-border-color);
   border-width: var(--lumx-text-field-state-hover-input-border-top-width) var(--lumx-text-field-state-hover-input-border-right-width) var(--lumx-text-field-state-hover-input-border-bottom-width) var(--lumx-text-field-state-hover-input-border-left-width);
 }}
@@ -12359,7 +12182,7 @@ table {
   color: var(--lumx-text-field-state-hover-theme-dark-input-placeholder-color);
 }
 
-.lumx-text-field--theme-light.lumx-text-field--is-focus .lumx-text-field__label {
+.lumx-text-field--theme-light.lumx-text-field--is-focus:not(.lumx-text-field--is-disabled) .lumx-text-field__label {
   color: var(--lumx-text-field-state-focus-theme-light-header-label-color);
 }
 .lumx-text-field--theme-light.lumx-text-field--is-focus .lumx-text-field__wrapper {
@@ -12380,7 +12203,7 @@ table {
   color: var(--lumx-text-field-state-focus-theme-light-input-placeholder-color);
 }
 
-.lumx-text-field--theme-dark.lumx-text-field--is-focus .lumx-text-field__label {
+.lumx-text-field--theme-dark.lumx-text-field--is-focus:not(.lumx-text-field--is-disabled) .lumx-text-field__label {
   color: var(--lumx-text-field-state-focus-theme-dark-header-label-color);
 }
 .lumx-text-field--theme-dark.lumx-text-field--is-focus .lumx-text-field__wrapper {