@moneyforward/mfui-components 3.6.0 → 3.7.0

package/dist/styles.css

@@ -491,12 +491,7 @@
   color: var(--mfui-colors-mfui\.color\.neutral\.content\.pressed);
 }
 
-.mfui-iTZtNc:is(:focus-visible, [data-focus-visible]) {
-  color: var(--mfui-colors-mfui\.color\.neutral\.content\.hovered);
-  background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
-}
-
-.mfui-iTZtNc:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-iTZtNc:is(:focus-visible, [data-focus-visible]),.mfui-iTZtNc:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   color: var(--mfui-colors-mfui\.color\.neutral\.content\.hovered);
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
 }
@@ -548,11 +543,7 @@
   color: var(--mfui-colors-mfui\.color\.link\.content\.none);
 }
 
-.mfui-fNikSU:is(:focus-visible, [data-focus-visible]) {
-  color: var(--mfui-colors-mfui\.color\.link\.content\.hovered);
-}
-
-.mfui-fNikSU:is(:hover, [data-hover]) {
+.mfui-fNikSU:is(:focus-visible, [data-focus-visible]),.mfui-fNikSU:is(:hover, [data-hover]) {
   color: var(--mfui-colors-mfui\.color\.link\.content\.hovered);
 }
 
@@ -797,12 +788,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
 }
 
-.mfui-dHwbKW:has(input[type="checkbox"]:disabled) [data-mfui-content="checkbox-icon"] {
-  cursor: not-allowed;
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
-}
-
-.mfui-dHwbKW:has(input[type="checkbox"]:disabled) [data-mfui-content="checkbox-label"] {
+.mfui-dHwbKW:has(input[type="checkbox"]:disabled) [data-mfui-content="checkbox-icon"],.mfui-dHwbKW:has(input[type="checkbox"]:disabled) [data-mfui-content="checkbox-label"] {
   cursor: not-allowed;
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
@@ -1028,12 +1014,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
 }
 
-.mfui-kOrvAm:has(input[type="radio"]:disabled) [data-mfui-content="radio-button-icon"] {
-  cursor: not-allowed;
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
-}
-
-.mfui-kOrvAm:has(input[type="radio"]:disabled) [data-mfui-content="radio-button-label"] {
+.mfui-kOrvAm:has(input[type="radio"]:disabled) [data-mfui-content="radio-button-icon"],.mfui-kOrvAm:has(input[type="radio"]:disabled) [data-mfui-content="radio-button-label"] {
   cursor: not-allowed;
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
@@ -1308,11 +1289,7 @@
   background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
 }
 
-.mfui-eaWFxK:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])[data-placeholder="true"] > [data-mfui-content="select-box-trigger-display-value"] {
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
-}
-
-.mfui-eaWFxK:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) > svg {
+.mfui-eaWFxK:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])[data-placeholder="true"] > [data-mfui-content="select-box-trigger-display-value"],.mfui-eaWFxK:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) > svg {
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
 
@@ -1320,11 +1297,7 @@
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.none);
 }
 
-.mfui-eaWFxK[aria-invalid="true"]:is(:focus-visible, [data-focus-visible]) {
-  border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
-}
-
-.mfui-eaWFxK[aria-invalid="true"]:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-eaWFxK[aria-invalid="true"]:is(:focus-visible, [data-focus-visible]),.mfui-eaWFxK[aria-invalid="true"]:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
 }
 
@@ -1623,12 +1596,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.pressed);
 }
 
-.mfui-iQsAuC:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.primary\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
-}
-
-.mfui-iQsAuC:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-iQsAuC:is(:focus-visible, [data-focus-visible]),.mfui-iQsAuC:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   background-color: var(--mfui-colors-mfui\.color\.primary\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
 }
@@ -1687,12 +1655,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.none);
 }
 
-.mfui-kMNTIh[data-mfui-current="page"]:is(:hover, [data-hover]) {
-  background-color: var(--mfui-colors-mfui\.color\.selected\.content\.hovered);
-  color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
-}
-
-.mfui-kMNTIh[data-mfui-current="page"]:is(:focus-visible, [data-focus-visible]) {
+.mfui-kMNTIh[data-mfui-current="page"]:is(:hover, [data-hover]),.mfui-kMNTIh[data-mfui-current="page"]:is(:focus-visible, [data-focus-visible]) {
   background-color: var(--mfui-colors-mfui\.color\.selected\.content\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
 }
@@ -1784,12 +1747,10 @@
 }
 
 .mfui-blZBQj:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.dark-accent\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.dark-accent\.content\.hovered);
   z-index: 1;
 }
 
-.mfui-blZBQj:is(:hover, [data-hover]) {
+.mfui-blZBQj:is(:focus-visible, [data-focus-visible]),.mfui-blZBQj:is(:hover, [data-hover]) {
   background-color: var(--mfui-colors-mfui\.color\.dark-accent\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.dark-accent\.content\.hovered);
 }
@@ -1907,12 +1868,7 @@
   height: 24px;
 }
 
-.mfui-cNSwbb:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.dark-accent\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.dark-accent\.content\.hovered);
-}
-
-.mfui-cNSwbb:is(:hover, [data-hover]) {
+.mfui-cNSwbb:is(:focus-visible, [data-focus-visible]),.mfui-cNSwbb:is(:hover, [data-hover]) {
   background-color: var(--mfui-colors-mfui\.color\.dark-accent\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.dark-accent\.content\.hovered);
 }
@@ -2002,12 +1958,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.pressed);
 }
 
-.mfui-dwJHDM:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.primary\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
-}
-
-.mfui-dwJHDM:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-dwJHDM:is(:focus-visible, [data-focus-visible]),.mfui-dwJHDM:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   background-color: var(--mfui-colors-mfui\.color\.primary\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
 }
@@ -2141,12 +2092,10 @@
 }
 
 .mfui-dmiPCx:is(:focus, [data-focus]) {
-  background-color: var(--mfui-colors-mfui\.color\.dark-accent\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.dark-accent\.content\.hovered);
   z-index: 1;
 }
 
-.mfui-dmiPCx:is(:hover, [data-hover]) {
+.mfui-dmiPCx:is(:focus, [data-focus]),.mfui-dmiPCx:is(:hover, [data-hover]) {
   background-color: var(--mfui-colors-mfui\.color\.dark-accent\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.dark-accent\.content\.hovered);
 }
@@ -2365,11 +2314,7 @@
   height: 28px;
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-eawtwj {
-  border-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-eawtwj {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-eawtwj,.group:is(:hover, [data-hover]) .mfui-eawtwj {
   border-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
 }
 
@@ -2381,11 +2326,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.content\.none);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-jantho {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-jantho {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-jantho,.group:is(:hover, [data-hover]) .mfui-jantho {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -2575,11 +2516,7 @@
   max-width: 100%;
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-gSmMrT {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-gSmMrT {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-gSmMrT,.group:is(:hover, [data-hover]) .mfui-gSmMrT {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -2766,13 +2703,7 @@
   cursor: pointer;
 }
 
-.mfui-cJiown:is(:focus, [data-focus]) {
-  border-color: var(--mfui-colors-mfui\.color\.neutral\.thin-border\.hovered);
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-  background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
-}
-
-.mfui-cJiown:is(:hover, [data-hover]) {
+.mfui-cJiown:is(:focus, [data-focus]),.mfui-cJiown:is(:hover, [data-hover]) {
   border-color: var(--mfui-colors-mfui\.color\.neutral\.thin-border\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
@@ -3054,11 +2985,7 @@
   margin: 0;
 }
 
-.mfui-gTISfd:is(:focus, [data-focus]) {
-  background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
-}
-
-.mfui-gTISfd:is(:hover, [data-hover]) {
+.mfui-gTISfd:is(:focus, [data-focus]),.mfui-gTISfd:is(:hover, [data-hover]) {
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
 }
 
@@ -3491,15 +3418,7 @@
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
 
-.mfui-bVtkrW:has(input[type="checkbox"]:not(:disabled):focus-visible) {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-bVtkrW:has(input[type="checkbox"]:not(:disabled):focus-visible:checked),.mfui-bVtkrW:has(input[type="checkbox"]:not(:disabled):focus-visible:indeterminate) {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-bVtkrW:is(:hover, [data-hover]):has(input[type="checkbox"]:not(:disabled)) {
+.mfui-bVtkrW:has(input[type="checkbox"]:not(:disabled):focus-visible),.mfui-bVtkrW:has(input[type="checkbox"]:not(:disabled):focus-visible:checked),.mfui-bVtkrW:has(input[type="checkbox"]:not(:disabled):focus-visible:indeterminate),.mfui-bVtkrW:is(:hover, [data-hover]):has(input[type="checkbox"]:not(:disabled)) {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -3515,11 +3434,7 @@
   color: var(--mfui-colors-mfui\.color\.selected\.sign\.hovered);
 }
 
-.mfui-bVtkrW:is(:active, [data-active]):has(input[type="checkbox"]:not(:disabled)) {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
-}
-
-.mfui-bVtkrW:is(:active, [data-active]):has(input[type="checkbox"]:not(:disabled):checked), .mfui-bVtkrW:is(:active, [data-active]):has(input[type="checkbox"]:not(:disabled):indeterminate) {
+.mfui-bVtkrW:is(:active, [data-active]):has(input[type="checkbox"]:not(:disabled)),.mfui-bVtkrW:is(:active, [data-active]):has(input[type="checkbox"]:not(:disabled):checked), .mfui-bVtkrW:is(:active, [data-active]):has(input[type="checkbox"]:not(:disabled):indeterminate) {
   color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
 }
 
@@ -3611,15 +3526,7 @@
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
 
-.mfui-kXSGhe:has(input[type="radio"]:not(:disabled):focus-visible) {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-kXSGhe:has(input[type="radio"]:not(:disabled):focus-visible:checked) {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-kXSGhe:is(:hover, [data-hover]):has(input[type="radio"]:not(:disabled)) {
+.mfui-kXSGhe:has(input[type="radio"]:not(:disabled):focus-visible),.mfui-kXSGhe:has(input[type="radio"]:not(:disabled):focus-visible:checked),.mfui-kXSGhe:is(:hover, [data-hover]):has(input[type="radio"]:not(:disabled)) {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -3635,11 +3542,7 @@
   color: var(--mfui-colors-mfui\.color\.selected\.sign\.hovered);
 }
 
-.mfui-kXSGhe:is(:active, [data-active]):has(input[type="radio"]:not(:disabled)) {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
-}
-
-.mfui-kXSGhe:is(:active, [data-active]):has(input[type="radio"]:not(:disabled):checked) {
+.mfui-kXSGhe:is(:active, [data-active]):has(input[type="radio"]:not(:disabled)),.mfui-kXSGhe:is(:active, [data-active]):has(input[type="radio"]:not(:disabled):checked) {
   color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
 }
 
@@ -3823,12 +3726,7 @@
   height: var(--mfui-sizes-mfui\.size\.dimension\.icon\.square\.comfort);
 }
 
-.mfui-iWZErE:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-iWZErE:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-iWZErE:is(:focus-visible, [data-focus-visible]),.mfui-iWZErE:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
@@ -3854,11 +3752,7 @@
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.none);
 }
 
-.mfui-bfIsQV:is(:focus-visible, [data-focus-visible]) {
-  border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.hovered);
-}
-
-.mfui-bfIsQV:is(:hover, [data-hover]) {
+.mfui-bfIsQV:is(:focus-visible, [data-focus-visible]),.mfui-bfIsQV:is(:hover, [data-hover]) {
   border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.hovered);
 }
 
@@ -4131,8 +4025,6 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  background-color: var(--mfui-colors-mfui\.color\.signal-neutral\.sub-background\.none);
-  color: var(--mfui-colors-mfui\.color\.base\.content\.none);
   width: fit-content;
 }
 
@@ -4185,11 +4077,7 @@
   height: var(--mfui-sizes-mfui\.size\.dimension\.this-month-indicator\.diameter\.comfort);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-bnEMQJ {
-  border-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-bnEMQJ {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-bnEMQJ,.group:is(:hover, [data-hover]) .mfui-bnEMQJ {
   border-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
 }
 
@@ -4201,11 +4089,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.content\.none);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-dxfEVc {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-dxfEVc {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-dxfEVc,.group:is(:hover, [data-hover]) .mfui-dxfEVc {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -4276,11 +4160,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
 }
 
-.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])):is(:hover, [data-hover]) [data-mfui-content="multiple-select-box-trigger-display-values"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])):is(:hover, [data-hover]) [data-mfui-content="multiple-select-box-clear-button"] {
+.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])):is(:hover, [data-hover]) [data-mfui-content="multiple-select-box-trigger-display-values"],.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])):is(:hover, [data-hover]) [data-mfui-content="multiple-select-box-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -4289,19 +4169,11 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
 }
 
-.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])):focus-within [data-mfui-content="multiple-select-box-trigger-display-values"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])):focus-within [data-mfui-content="multiple-select-box-clear-button"] {
+.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])):focus-within [data-mfui-content="multiple-select-box-trigger-display-values"],.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])):focus-within [data-mfui-content="multiple-select-box-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
-.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])) [data-mfui-content="multiple-select-box-trigger-display-values"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.none);
-}
-
-.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])) [data-mfui-content="multiple-select-box-clear-button"] {
+.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])) [data-mfui-content="multiple-select-box-trigger-display-values"],.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""])) [data-mfui-content="multiple-select-box-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.none);
 }
 
@@ -4310,11 +4182,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.pressed);
 }
 
-.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""]):active) [data-mfui-content="multiple-select-box-trigger-display-values"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
-}
-
-.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""]):active) [data-mfui-content="multiple-select-box-clear-button"] {
+.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""]):active) [data-mfui-content="multiple-select-box-trigger-display-values"],.mfui-eGazCJ:has([role="combobox"]:not(:disabled):not([value=""]):active) [data-mfui-content="multiple-select-box-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
 }
 
@@ -4328,11 +4196,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
 }
 
-.mfui-fvaBvm[data-selected="true"]:not(:disabled):is(:hover, [data-hover]) [data-mfui-content="select-box-trigger-display-value"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-fvaBvm[data-selected="true"]:not(:disabled):is(:hover, [data-hover]) [data-mfui-content="select-box-clear-button"] {
+.mfui-fvaBvm[data-selected="true"]:not(:disabled):is(:hover, [data-hover]) [data-mfui-content="select-box-trigger-display-value"],.mfui-fvaBvm[data-selected="true"]:not(:disabled):is(:hover, [data-hover]) [data-mfui-content="select-box-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -4341,11 +4205,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
 }
 
-.mfui-fvaBvm[data-selected="true"]:not(:disabled):focus-within [data-mfui-content="select-box-trigger-display-value"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-fvaBvm[data-selected="true"]:not(:disabled):focus-within [data-mfui-content="select-box-clear-button"] {
+.mfui-fvaBvm[data-selected="true"]:not(:disabled):focus-within [data-mfui-content="select-box-trigger-display-value"],.mfui-fvaBvm[data-selected="true"]:not(:disabled):focus-within [data-mfui-content="select-box-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -4354,11 +4214,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.pressed);
 }
 
-.mfui-fvaBvm[data-selected="true"]:not(:disabled):is(:active, [data-active]) [data-mfui-content="select-box-trigger-display-value"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
-}
-
-.mfui-fvaBvm[data-selected="true"]:not(:disabled):is(:active, [data-active]) [data-mfui-content="select-box-clear-button"] {
+.mfui-fvaBvm[data-selected="true"]:not(:disabled):is(:active, [data-active]) [data-mfui-content="select-box-trigger-display-value"],.mfui-fvaBvm[data-selected="true"]:not(:disabled):is(:active, [data-active]) [data-mfui-content="select-box-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
 }
 
@@ -4396,19 +4252,7 @@
   background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
 }
 
-.mfui-dgSeYA:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ [data-mfui-content="file-drop-zone-container"] [data-mfui-content="file-drop-zone-instruction"] {
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
-}
-
-.mfui-dgSeYA:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ [data-mfui-content="file-drop-zone-container"] [data-mfui-content="file-drop-zone-file-info"] {
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
-}
-
-.mfui-dgSeYA:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ [data-mfui-content="file-drop-zone-container"] [data-mfui-content="file-drop-zone-help-message"] svg {
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
-}
-
-.mfui-dgSeYA:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ [data-mfui-content="file-drop-zone-container"] [data-mfui-content="file-drop-zone-help-message"] .mfui-HelpMessage__message {
+.mfui-dgSeYA:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ [data-mfui-content="file-drop-zone-container"] [data-mfui-content="file-drop-zone-instruction"],.mfui-dgSeYA:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ [data-mfui-content="file-drop-zone-container"] [data-mfui-content="file-drop-zone-file-info"],.mfui-dgSeYA:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ [data-mfui-content="file-drop-zone-container"] [data-mfui-content="file-drop-zone-help-message"] svg,.mfui-dgSeYA:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ [data-mfui-content="file-drop-zone-container"] [data-mfui-content="file-drop-zone-help-message"] .mfui-HelpMessage__message {
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
 
@@ -4573,11 +4417,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
 }
 
-.mfui-fKGEVz[data-selected="true"]:not(:disabled):is(:hover, [data-hover]) [data-mfui-content="filter-trigger-display-value"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-fKGEVz[data-selected="true"]:not(:disabled):is(:hover, [data-hover]) [data-mfui-content="filter-trigger-clear-button"] {
+.mfui-fKGEVz[data-selected="true"]:not(:disabled):is(:hover, [data-hover]) [data-mfui-content="filter-trigger-display-value"],.mfui-fKGEVz[data-selected="true"]:not(:disabled):is(:hover, [data-hover]) [data-mfui-content="filter-trigger-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -4586,11 +4426,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
 }
 
-.mfui-fKGEVz[data-selected="true"]:not(:disabled):focus-within [data-mfui-content="filter-trigger-display-value"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-}
-
-.mfui-fKGEVz[data-selected="true"]:not(:disabled):focus-within [data-mfui-content="filter-trigger-clear-button"] {
+.mfui-fKGEVz[data-selected="true"]:not(:disabled):focus-within [data-mfui-content="filter-trigger-display-value"],.mfui-fKGEVz[data-selected="true"]:not(:disabled):focus-within [data-mfui-content="filter-trigger-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
 
@@ -4599,11 +4435,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.pressed);
 }
 
-.mfui-fKGEVz[data-selected="true"]:not(:disabled):is(:active, [data-active]) [data-mfui-content="filter-trigger-display-value"] {
-  color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
-}
-
-.mfui-fKGEVz[data-selected="true"]:not(:disabled):is(:active, [data-active]) [data-mfui-content="filter-trigger-clear-button"] {
+.mfui-fKGEVz[data-selected="true"]:not(:disabled):is(:active, [data-active]) [data-mfui-content="filter-trigger-display-value"],.mfui-fKGEVz[data-selected="true"]:not(:disabled):is(:active, [data-active]) [data-mfui-content="filter-trigger-clear-button"] {
   color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
 }
 
@@ -4802,12 +4634,10 @@
 
 .mfui-kwhtVX:is(:focus-visible, [data-focus-visible]) {
   border: 1px white;
-  background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
   z-index: 1;
 }
 
-.mfui-kwhtVX:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-kwhtVX:is(:focus-visible, [data-focus-visible]),.mfui-kwhtVX:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
 }
@@ -5122,11 +4952,7 @@
   border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.hovered);
 }
 
-.mfui-bWjutw .mfui-FocusIndicator__root:is(:focus-visible, [data-focus-visible]) {
-  box-shadow: none;
-}
-
-.mfui-bWjutw .mfui-FocusIndicator__root:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
+.mfui-bWjutw .mfui-FocusIndicator__root:is(:focus-visible, [data-focus-visible]),.mfui-bWjutw .mfui-FocusIndicator__root:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
   box-shadow: none;
 }
 
@@ -5313,12 +5139,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.pressed);
 }
 
-.mfui-bhJlTa:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.primary\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
-}
-
-.mfui-bhJlTa:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-bhJlTa:is(:focus-visible, [data-focus-visible]),.mfui-bhJlTa:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   background-color: var(--mfui-colors-mfui\.color\.primary\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
 }
@@ -5348,13 +5169,7 @@
   color: var(--mfui-colors-mfui\.color\.neutral\.content\.pressed);
 }
 
-.mfui-gRUJtw:is(:focus-visible, [data-focus-visible]) {
-  border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.hovered);
-  background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.neutral\.content\.hovered);
-}
-
-.mfui-gRUJtw:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-gRUJtw:is(:focus-visible, [data-focus-visible]),.mfui-gRUJtw:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.hovered);
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.neutral\.content\.hovered);
@@ -5383,12 +5198,7 @@
   color: var(--mfui-colors-mfui\.color\.neutral\.content\.pressed);
 }
 
-.mfui-jbihmS:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
-  color: var(--mfui-colors-mfui\.color\.neutral\.content\.hovered);
-}
-
-.mfui-jbihmS:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-jbihmS:is(:focus-visible, [data-focus-visible]),.mfui-jbihmS:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
   color: var(--mfui-colors-mfui\.color\.neutral\.content\.hovered);
 }
@@ -5505,10 +5315,9 @@
 .mfui-bYaenr {
   border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
   background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
 
-.mfui-bYaenr::placeholder,.mfui-bYaenr[data-placeholder] {
+.mfui-bYaenr,.mfui-bYaenr::placeholder,.mfui-bYaenr[data-placeholder] {
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
 
@@ -5516,11 +5325,7 @@
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.none);
 }
 
-.mfui-lkbyLq:is(:focus-visible, [data-focus-visible]) {
-  border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
-}
-
-.mfui-lkbyLq:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]):not(:focus-visible, [data-focus-visible]) {
+.mfui-lkbyLq:is(:focus-visible, [data-focus-visible]),.mfui-lkbyLq:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]):not(:focus-visible, [data-focus-visible]) {
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
 }
 
@@ -5699,11 +5504,7 @@
   background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
 }
 
-.mfui-fDYmrE input::placeholder {
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
-}
-
-.mfui-dlZIhy,.mfui-kJyqjo {
+.mfui-fDYmrE input::placeholder,.mfui-dlZIhy,.mfui-kJyqjo {
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
 
@@ -5711,11 +5512,7 @@
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.none);
 }
 
-.mfui-bNnEnp:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
-  border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
-}
-
-.mfui-bNnEnp:is(:hover, [data-hover]):not(:has(input:disabled, input[disabled], input[data-disabled], input:focus-visible, input[data-focus-visible])):not(:has(button:is(:hover, [data-hover]))) {
+.mfui-bNnEnp:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]),.mfui-bNnEnp:is(:hover, [data-hover]):not(:has(input:disabled, input[disabled], input[data-disabled], input:focus-visible, input[data-focus-visible])):not(:has(button:is(:hover, [data-hover]))) {
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
 }
 
@@ -5828,11 +5625,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected-range-edge\.background\.none);
 }
 
-.mfui-bAdqNL:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.selected-range-edge\.background\.hovered);
-}
-
-.mfui-bAdqNL:is(:hover, [data-hover]) {
+.mfui-bAdqNL:is(:focus-visible, [data-focus-visible]),.mfui-bAdqNL:is(:hover, [data-hover]) {
   background-color: var(--mfui-colors-mfui\.color\.selected-range-edge\.background\.hovered);
 }
 
@@ -5844,11 +5637,7 @@
   border-color: var(--mfui-colors-mfui\.color\.base\.inverted-border\.none);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-jeOSCH {
-  border-color: var(--mfui-colors-mfui\.color\.base\.inverted-border\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-jeOSCH {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-jeOSCH,.group:is(:hover, [data-hover]) .mfui-jeOSCH {
   border-color: var(--mfui-colors-mfui\.color\.base\.inverted-border\.hovered);
 }
 
@@ -5860,11 +5649,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.none);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-dcRcfM {
-  color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-dcRcfM {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-dcRcfM,.group:is(:hover, [data-hover]) .mfui-dcRcfM {
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
 }
 
@@ -5876,11 +5661,7 @@
   border-width: var(--mfui-border-widths-mfui\.size\.border\.indicator\.width\.comfort);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-ynJrB {
-  border-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-ynJrB {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-ynJrB,.group:is(:hover, [data-hover]) .mfui-ynJrB {
   border-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
 }
 
@@ -5892,11 +5673,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected-range-middle\.background\.none);
 }
 
-.mfui-eJykJe:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.selected-range-middle\.background\.hovered);
-}
-
-.mfui-eJykJe:is(:hover, [data-hover]) {
+.mfui-eJykJe:is(:focus-visible, [data-focus-visible]),.mfui-eJykJe:is(:hover, [data-hover]) {
   background-color: var(--mfui-colors-mfui\.color\.selected-range-middle\.background\.hovered);
 }
 
@@ -5910,19 +5687,7 @@
   cursor: not-allowed;
 }
 
-.mfui-jreTzK {
-  border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
-}
-
-.group:is(:focus-visible, [data-focus-visible]) .mfui-jreTzK {
-  border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
-}
-
-.group:is(:hover, [data-hover]) .mfui-jreTzK {
-  border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
-}
-
-.group:is(:active, [data-active]) .mfui-jreTzK {
+.mfui-jreTzK,.group:is(:focus-visible, [data-focus-visible]) .mfui-jreTzK,.group:is(:hover, [data-hover]) .mfui-jreTzK,.group:is(:active, [data-active]) .mfui-jreTzK {
   border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
 }
 
@@ -5981,11 +5746,7 @@
   border-bottom-width: 0px;
 }
 
-.mfui-bDDRVv:is(:focus-visible, [data-focus-visible]) {
-  background: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
-}
-
-.mfui-bDDRVv:is(:hover, [data-hover]) {
+.mfui-bDDRVv:is(:focus-visible, [data-focus-visible]),.mfui-bDDRVv:is(:hover, [data-hover]) {
   background: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
 }
 
@@ -5997,11 +5758,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected\.border\.none);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-iKSXFt {
-  background-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-iKSXFt {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-iKSXFt,.group:is(:hover, [data-hover]) .mfui-iKSXFt {
   background-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
 }
 
@@ -6062,13 +5819,7 @@
   background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
 }
 
-.mfui-dQBsjS:is(:focus-visible, [data-focus-visible]):not(:disabled, [disabled], [data-disabled]) {
-  border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.hovered);
-  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
-  background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.hovered);
-}
-
-.mfui-dQBsjS:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-dQBsjS:is(:focus-visible, [data-focus-visible]):not(:disabled, [disabled], [data-disabled]),.mfui-dQBsjS:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.hovered);
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
   background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.hovered);
@@ -6110,11 +5861,7 @@
   cursor: pointer;
 }
 
-.mfui-hSCsOG:not(:disabled, [disabled], [data-disabled]):not(:has(input:disabled)):is(:hover, [data-hover]) {
-  background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
-}
-
-.mfui-hSCsOG:not(:disabled, [disabled], [data-disabled]):not(:has(input:disabled)):is(:focus-visible, [data-focus-visible]) {
+.mfui-hSCsOG:not(:disabled, [disabled], [data-disabled]):not(:has(input:disabled)):is(:hover, [data-hover]),.mfui-hSCsOG:not(:disabled, [disabled], [data-disabled]):not(:has(input:disabled)):is(:focus-visible, [data-focus-visible]) {
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
 }
 
@@ -6132,11 +5879,7 @@
   box-shadow: none;
 }
 
-.mfui-gvJfWh:is(:focus, [data-focus]) {
-  background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
-}
-
-.mfui-gvJfWh:is(:hover, [data-hover]) {
+.mfui-gvJfWh:is(:focus, [data-focus]),.mfui-gvJfWh:is(:hover, [data-hover]) {
   background-color: var(--mfui-colors-mfui\.color\.selected\.background\.hovered);
 }
 
@@ -6254,11 +5997,7 @@
   cursor: pointer;
 }
 
-.mfui-bONdKl:not(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
-  background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.hovered);
-}
-
-.mfui-bONdKl:not(:disabled, [disabled], [data-disabled]):is(:focus-visible, [data-focus-visible]) {
+.mfui-bONdKl:not(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]),.mfui-bONdKl:not(:disabled, [disabled], [data-disabled]):is(:focus-visible, [data-focus-visible]) {
   background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.hovered);
 }
 
@@ -6360,12 +6099,10 @@
 }
 
 .mfui-hcULZS:is(:hover, [data-hover]) {
-  background-color: var(--mfui-colors-mfui\.color\.readonly\.background);
-  color: var(--mfui-colors-mfui\.color\.readonly\.content);
   cursor: not-allowed;
 }
 
-.mfui-hcULZS:is(:active, [data-active]) {
+.mfui-hcULZS:is(:hover, [data-hover]),.mfui-hcULZS:is(:active, [data-active]) {
   background-color: var(--mfui-colors-mfui\.color\.readonly\.background);
   color: var(--mfui-colors-mfui\.color\.readonly\.content);
 }
@@ -6583,11 +6320,7 @@
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.none);
 }
 
-.mfui-bPaDVZ:is(:focus-visible, [data-focus-visible]) {
-  border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
-}
-
-.mfui-bPaDVZ:is(:hover, [data-hover]) {
+.mfui-bPaDVZ:is(:focus-visible, [data-focus-visible]),.mfui-bPaDVZ:is(:hover, [data-hover]) {
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
 }
 
@@ -6596,35 +6329,24 @@
 }
 
 .mfui-fzROcg {
-  border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
   background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
   cursor: not-allowed;
 }
 
-.mfui-fzROcg:is(:focus-visible, [data-focus-visible]) {
-  border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
-}
-
-.mfui-fzROcg:is(:hover, [data-hover]) {
+.mfui-fzROcg,.mfui-fzROcg:is(:focus-visible, [data-focus-visible]),.mfui-fzROcg:is(:hover, [data-hover]) {
   border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
 }
 
 .mfui-lbdPJY {
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
   background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
   cursor: not-allowed;
 }
 
-.mfui-lbdPJY::placeholder,.mfui-lbdPJY[data-placeholder] {
+.mfui-lbdPJY,.mfui-lbdPJY::placeholder,.mfui-lbdPJY[data-placeholder] {
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
 }
 
-.mfui-lbdPJY:is(:focus-visible, [data-focus-visible]) {
-  color: var(--mfui-colors-mfui\.color\.disabled\.content);
-  background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
-}
-
-.mfui-lbdPJY:is(:hover, [data-hover]) {
+.mfui-lbdPJY:is(:focus-visible, [data-focus-visible]),.mfui-lbdPJY:is(:hover, [data-hover]) {
   color: var(--mfui-colors-mfui\.color\.disabled\.content);
   background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
 }
@@ -6684,11 +6406,7 @@
   color: var(--mfui-colors-mfui\.color\.neutral\.content\.none);
 }
 
-.mfui-dNlIsW:is(:focus-visible, [data-focus-visible]):not(:disabled, [disabled], [data-disabled]) ~ [data-mfui-content="filebox-container"] [data-mfui-content="filebox-button"] {
-  border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
-}
-
-.mfui-dNlIsW:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) ~ [data-mfui-content="filebox-container"] [data-mfui-content="filebox-button"] {
+.mfui-dNlIsW:is(:focus-visible, [data-focus-visible]):not(:disabled, [disabled], [data-disabled]) ~ [data-mfui-content="filebox-container"] [data-mfui-content="filebox-button"],.mfui-dNlIsW:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) ~ [data-mfui-content="filebox-container"] [data-mfui-content="filebox-button"] {
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
 }
 
@@ -6706,11 +6424,7 @@
   color: var(--mfui-colors-mfui\.color\.neutral\.content\.pressed);
 }
 
-.mfui-bYRhi:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) ~ [data-mfui-content="filebox-input-background"] {
-  background-color: var(--mfui-colors-mfui\.color\.base\.background\.pressed);
-}
-
-.mfui-gioRss,.mfui-GTGqK {
+.mfui-bYRhi:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) ~ [data-mfui-content="filebox-input-background"],.mfui-gioRss,.mfui-GTGqK {
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.pressed);
 }
 
@@ -6730,6 +6444,26 @@
   height: var(--mfui-sizes-mfui\.size\.dimension\.icon\.square\.comfort);
 }
 
+.mfui-OUDAx {
+  background-color: var(--mfui-colors-mfui\.color\.signal-neutral\.sub-background\.none);
+  color: var(--mfui-colors-mfui\.color\.base\.content\.none);
+}
+
+.mfui-cNbYAX {
+  background-color: var(--mfui-colors-mfui\.color\.signal-green\.sub-background\.none);
+  color: var(--mfui-colors-mfui\.color\.signal-green\.content\.none);
+}
+
+.mfui-bAfwQA {
+  background-color: var(--mfui-colors-mfui\.color\.signal-red\.sub-background\.none);
+  color: var(--mfui-colors-mfui\.color\.signal-red\.content\.none);
+}
+
+.mfui-dZGLHT {
+  background-color: var(--mfui-colors-mfui\.color\.signal-yellow\.sub-background\.none);
+  color: var(--mfui-colors-mfui\.color\.signal-yellow\.content\.none);
+}
+
 .mfui-bqPyQm {
   padding-inline: var(--mfui-spacing-mfui\.size\.padding\.status-label\.horizontal\.condensed);
   gap: var(--mfui-spacing-mfui\.size\.spacing\.icon-and-text\.horizontal\.condensed);
@@ -6745,11 +6479,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected-range-edge\.background\.none);
 }
 
-.mfui-evxBXr:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.selected-range-edge\.background\.hovered);
-}
-
-.mfui-evxBXr:is(:hover, [data-hover]) {
+.mfui-evxBXr:is(:focus-visible, [data-focus-visible]),.mfui-evxBXr:is(:hover, [data-hover]) {
   background-color: var(--mfui-colors-mfui\.color\.selected-range-edge\.background\.hovered);
 }
 
@@ -6761,11 +6491,7 @@
   border-color: var(--mfui-colors-mfui\.color\.base\.inverted-border\.none);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-kaLPCR {
-  border-color: var(--mfui-colors-mfui\.color\.base\.inverted-border\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-kaLPCR {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-kaLPCR,.group:is(:hover, [data-hover]) .mfui-kaLPCR {
   border-color: var(--mfui-colors-mfui\.color\.base\.inverted-border\.hovered);
 }
 
@@ -6777,11 +6503,7 @@
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.none);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-kvxhxY {
-  color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-kvxhxY {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-kvxhxY,.group:is(:hover, [data-hover]) .mfui-kvxhxY {
   color: var(--mfui-colors-mfui\.color\.base\.inverted-content\.hovered);
 }
 
@@ -6793,11 +6515,7 @@
   border-width: var(--mfui-border-widths-mfui\.size\.border\.indicator\.width\.comfort);
 }
 
-.group:is(:focus-visible, [data-focus-visible]) .mfui-eavWbN {
-  border-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
-}
-
-.group:is(:hover, [data-hover]) .mfui-eavWbN {
+.group:is(:focus-visible, [data-focus-visible]) .mfui-eavWbN,.group:is(:hover, [data-hover]) .mfui-eavWbN {
   border-color: var(--mfui-colors-mfui\.color\.selected\.border\.hovered);
 }
 
@@ -6809,11 +6527,7 @@
   background-color: var(--mfui-colors-mfui\.color\.selected-range-middle\.background\.none);
 }
 
-.mfui-hJZYie:is(:focus-visible, [data-focus-visible]) {
-  background-color: var(--mfui-colors-mfui\.color\.selected-range-middle\.background\.hovered);
-}
-
-.mfui-hJZYie:is(:hover, [data-hover]) {
+.mfui-hJZYie:is(:focus-visible, [data-focus-visible]),.mfui-hJZYie:is(:hover, [data-hover]) {
   background-color: var(--mfui-colors-mfui\.color\.selected-range-middle\.background\.hovered);
 }
 
@@ -6827,19 +6541,7 @@
   cursor: not-allowed;
 }
 
-.mfui-hekzZg {
-  border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
-}
-
-.group:is(:focus-visible, [data-focus-visible]) .mfui-hekzZg {
-  border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
-}
-
-.group:is(:hover, [data-hover]) .mfui-hekzZg {
-  border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
-}
-
-.group:is(:active, [data-active]) .mfui-hekzZg {
+.mfui-hekzZg,.group:is(:focus-visible, [data-focus-visible]) .mfui-hekzZg,.group:is(:hover, [data-hover]) .mfui-hekzZg,.group:is(:active, [data-active]) .mfui-hekzZg {
   border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
 }
 
@@ -6896,11 +6598,7 @@
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.none);
 }
 
-.mfui-hAgIuQ:is(:focus-visible, [data-focus-visible]):not(:disabled, [disabled], [data-disabled]) {
-  border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
-}
-
-.mfui-hAgIuQ:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+.mfui-hAgIuQ:is(:focus-visible, [data-focus-visible]):not(:disabled, [disabled], [data-disabled]),.mfui-hAgIuQ:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
 }
 
@@ -7291,11 +6989,7 @@
   cursor: not-allowed;
 }
 
-.mfui-kSeSQV:is(:focus-visible, [data-focus-visible]) {
-  outline: 2px solid var(--mfui-colors-mfui\.color\.primary\.border\.none);
-}
-
-.mfui-dqyxbp:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
+.mfui-kSeSQV:is(:focus-visible, [data-focus-visible]),.mfui-dqyxbp:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
   outline: 2px solid var(--mfui-colors-mfui\.color\.primary\.border\.none);
 }
 
@@ -7311,35 +7005,19 @@
   border-color: var(--mfui-colors-mfui\.color\.base\.inverted-border\.none);
 }
 
-.mfui-eFnNfo:is(:focus-visible, [data-focus-visible]) {
+.mfui-eFnNfo:is(:focus-visible, [data-focus-visible]),.mfui-cdbzuM:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
   box-shadow: 0px 0px 0px 1px var(--mfui-colors-mfui\.color\.base\.background\.none), 0px 0px 0px 3px var(--mfui-colors-mfui\.color\.primary\.border\.none);
 }
 
-.mfui-cdbzuM:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
-  box-shadow: 0px 0px 0px 1px var(--mfui-colors-mfui\.color\.base\.background\.none), 0px 0px 0px 3px var(--mfui-colors-mfui\.color\.primary\.border\.none);
-}
-
-.mfui-eSYAiH:is(:focus-visible, [data-focus-visible]) {
+.mfui-eSYAiH:is(:focus-visible, [data-focus-visible]),.mfui-dbJQT:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
   box-shadow: 0px 0px 0px 2px var(--mfui-colors-mfui\.color\.primary\.border\.none) inset, 0px 0px 0px 3px var(--mfui-colors-mfui\.color\.base\.background\.none) inset;
 }
 
-.mfui-dbJQT:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
-  box-shadow: 0px 0px 0px 2px var(--mfui-colors-mfui\.color\.primary\.border\.none) inset, 0px 0px 0px 3px var(--mfui-colors-mfui\.color\.base\.background\.none) inset;
-}
-
-.mfui-cemknP:is(:focus-visible, [data-focus-visible]) {
-  outline-offset: 1px;
-}
-
-.mfui-cppoGj:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
+.mfui-cemknP:is(:focus-visible, [data-focus-visible]),.mfui-cppoGj:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
   outline-offset: 1px;
 }
 
-.mfui-jAQDfV:is(:focus-visible, [data-focus-visible]) {
-  outline-offset: -2px;
-}
-
-.mfui-jrvSGh:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
+.mfui-jAQDfV:is(:focus-visible, [data-focus-visible]),.mfui-jrvSGh:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]) {
   outline-offset: -2px;
 }