@moneyforward/mfui-components 3.34.0 → 3.36.0

package/dist/styled-system/recipes/text-box-slot-recipe.js

@@ -3,7 +3,8 @@ import { createRecipe } from './create-recipe.js';
 const textBoxSlotRecipeDefaultVariants = {
     "size": "medium",
     "disabled": false,
-    "invalid": false
+    "invalid": false,
+    "caution": false
 };
 const textBoxSlotRecipeCompoundVariants = [];
 const textBoxSlotRecipeSlotNames = [
@@ -35,7 +36,8 @@ const textBoxSlotRecipeFn = memo((props = {}) => {
 const textBoxSlotRecipeVariantKeys = [
     "size",
     "disabled",
-    "invalid"
+    "invalid",
+    "caution"
 ];
 const getVariantProps = (variants) => ({ ...textBoxSlotRecipeDefaultVariants, ...compact(variants) });
 export const textBoxSlotRecipe = /* @__PURE__ */ Object.assign(textBoxSlotRecipeFn, {
@@ -57,6 +59,10 @@ export const textBoxSlotRecipe = /* @__PURE__ */ Object.assign(textBoxSlotRecipe
         "invalid": [
             "true",
             "false"
+        ],
+        "caution": [
+            "true",
+            "false"
         ]
     },
     splitVariantProps(props) {

package/dist/styled-system/recipes/textarea-slot-recipe.d.ts

@@ -15,6 +15,10 @@ disabled: boolean
  * @default false
  */
 invalid: boolean
+/**
+ * @default false
+ */
+caution: boolean
 /**
  * @default false
  */

package/dist/styled-system/recipes/textarea-slot-recipe.js

@@ -4,6 +4,7 @@ const textareaSlotRecipeDefaultVariants = {
     "size": "medium",
     "disabled": false,
     "invalid": false,
+    "caution": false,
     "enableAutoResize": false,
     "resize": "both"
 };
@@ -22,6 +23,7 @@ const textareaSlotRecipeVariantKeys = [
     "size",
     "disabled",
     "invalid",
+    "caution",
     "enableAutoResize",
     "resize"
 ];
@@ -46,6 +48,10 @@ export const textareaSlotRecipe = /* @__PURE__ */ Object.assign(textareaSlotReci
             "true",
             "false"
         ],
+        "caution": [
+            "true",
+            "false"
+        ],
         "enableAutoResize": [
             "true",
             "false"

package/dist/styled-system/recipes/time-picker-slot-recipe.d.ts

@@ -15,6 +15,10 @@ disabled: boolean
  * @default false
  */
 invalid: boolean
+/**
+ * @default false
+ */
+caution: boolean
 }
 
 type TimePickerSlotRecipeVariantMap = {

package/dist/styled-system/recipes/time-picker-slot-recipe.js

@@ -3,7 +3,8 @@ import { createRecipe } from './create-recipe.js';
 const timePickerSlotRecipeDefaultVariants = {
     "size": "medium",
     "disabled": false,
-    "invalid": false
+    "invalid": false,
+    "caution": false
 };
 const timePickerSlotRecipeCompoundVariants = [];
 const timePickerSlotRecipeSlotNames = [
@@ -31,7 +32,8 @@ const timePickerSlotRecipeFn = memo((props = {}) => {
 const timePickerSlotRecipeVariantKeys = [
     "size",
     "disabled",
-    "invalid"
+    "invalid",
+    "caution"
 ];
 const getVariantProps = (variants) => ({ ...timePickerSlotRecipeDefaultVariants, ...compact(variants) });
 export const timePickerSlotRecipe = /* @__PURE__ */ Object.assign(timePickerSlotRecipeFn, {
@@ -53,6 +55,10 @@ export const timePickerSlotRecipe = /* @__PURE__ */ Object.assign(timePickerSlot
         "invalid": [
             "true",
             "false"
+        ],
+        "caution": [
+            "true",
+            "false"
         ]
     },
     splitVariantProps(props) {

package/dist/styles.css

@@ -248,7 +248,10 @@
   --mfui-colors-mfui\.color\.signal-red\.sub-background\.none: #ffd3ccff;
       --mfui-colors-mfui\.color\.signal-red\.text-on-sub-background\.none: #ba1828ff;
       --mfui-colors-mfui\.color\.signal-yellow\.content\.none: #8b7200ff;
-                  --mfui-colors-mfui\.color\.signal-yellow\.sub-background\.none: #f7da90ff;
+      --mfui-colors-mfui\.color\.signal-yellow\.border\.none: #8b7200ff;
+  --mfui-colors-mfui\.color\.signal-yellow\.border\.hovered: #735500ff;
+  --mfui-colors-mfui\.color\.signal-yellow\.border\.pressed: #5b3c00ff;
+        --mfui-colors-mfui\.color\.signal-yellow\.sub-background\.none: #f7da90ff;
       --mfui-colors-mfui\.color\.signal-yellow\.text-on-sub-background\.none: #775a01ff;
       --mfui-shadows-mfui\.elevation\.plus-1\.shadow-1: 0px 1px 1px 1px #00000033;
   --mfui-shadows-mfui\.elevation\.plus-1\.shadow-2: 0px 2px 2px 1px #0000001a;
@@ -264,7 +267,8 @@
   --mfui-sizes-mfui\.layout\.grid\.scale\.horizontal\.0-1of2: 7px;
                   --mfui-sizes-mfui\.layout\.grid\.scale\.vertical\.1: 24px;
     --mfui-sizes-mfui\.layout\.grid\.scale\.vertical\.3: 72px;
-        --mfui-sizes-mfui\.layout\.grid\.scale\.vertical\.0-1of3: 8px;
+      --mfui-sizes-mfui\.layout\.grid\.scale\.vertical\.0-1of4: 6px;
+  --mfui-sizes-mfui\.layout\.grid\.scale\.vertical\.0-1of3: 8px;
   --mfui-sizes-mfui\.layout\.grid\.scale\.vertical\.0-1of2: 12px;
             --mfui-sizes-mfui\.layout\.grid\.scale\.vertical\.1-1of4: 30px;
           --mfui-sizes-mfui\.layout\.safe-area\.edge\.horizontal: 49px;
@@ -296,9 +300,11 @@
   --mfui-sizes-mfui\.size\.target\.button\.condensed: 42px;
   --mfui-sizes-mfui\.size\.target\.button\.impact: 56px;
                   --mfui-spacing-mfui\.layout\.grid\.scale\.horizontal\.1: 14px;
-                                          --mfui-spacing-mfui\.layout\.grid\.scale\.vertical\.2: 48px;
+                    --mfui-spacing-mfui\.layout\.grid\.scale\.horizontal\.0-1of4: 3.5px;
+                      --mfui-spacing-mfui\.layout\.grid\.scale\.vertical\.2: 48px;
       --mfui-spacing-mfui\.layout\.grid\.scale\.vertical\.0-1of6: 4px;
-    --mfui-spacing-mfui\.layout\.grid\.scale\.vertical\.0-1of3: 8px;
+  --mfui-spacing-mfui\.layout\.grid\.scale\.vertical\.0-1of4: 6px;
+  --mfui-spacing-mfui\.layout\.grid\.scale\.vertical\.0-1of3: 8px;
   --mfui-spacing-mfui\.layout\.grid\.scale\.vertical\.0-1of2: 12px;
                                                                             --mfui-spacing-mfui\.size\.dimension\.icon\.square\.comfort: 18px;
                                                                               --mfui-spacing-mfui\.size\.padding\.icon-inline\.horizontal\.comfort: 1.75px;
@@ -1438,6 +1444,18 @@
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.pressed);
 }
 
+.mfui-eaWFxK[data-mfui-caution="true"] {
+  border-color: var(--mfui-colors-mfui\.color\.signal-yellow\.border\.none);
+}
+
+.mfui-eaWFxK[data-mfui-caution="true"]:is(:focus-visible, [data-focus-visible]),.mfui-eaWFxK[data-mfui-caution="true"]:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+  border-color: var(--mfui-colors-mfui\.color\.signal-yellow\.border\.hovered);
+}
+
+.mfui-eaWFxK[data-mfui-caution="true"]:is(:active, [data-active]):not(:disabled, [disabled], [data-disabled]) {
+  border-color: var(--mfui-colors-mfui\.color\.signal-yellow\.border\.pressed);
+}
+
 .mfui-eaWFxK > svg {
   color: inherit;
 }
@@ -3056,6 +3074,37 @@
   width: 100%;
 }
 
+.mfui-bpCUrH {
+  gap: var(--mfui-sizes-mfui\.layout\.grid\.scale\.horizontal\.0-1of4);
+  display: flex;
+  align-items: stretch;
+  width: 100%;
+  height: 100%;
+}
+
+.mfui-hvIFoq {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.mfui-dJfUuL {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.mfui-bgzEjg {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
 .mfui-jQQUJR {
   border-color: var(--mfui-colors-mfui\.color\.neutral\.thin-border\.none);
   outline: 2px solid transparent;
@@ -3259,6 +3308,45 @@
   height: var(--mfui-sizes-mfui\.size\.dimension\.icon\.square\.comfort);
 }
 
+.mfui-hOyXsp {
+  display: flex;
+  width: 100%;
+}
+
+.mfui-jCJXwv {
+  flex: 1 0 0;
+  display: flex;
+  align-items: flex-start;
+  min-width: 0;
+  height: var(--mfui-sizes-mfui\.layout\.grid\.scale\.vertical\.0-1of4);
+}
+
+.mfui-SvJmU {
+  border-radius: var(--mfui-radii-mfui\.size\.radius\.indicator-component\.comfort);
+  overflow: hidden;
+  background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.none);
+  width: 100%;
+  height: var(--mfui-sizes-mfui\.layout\.grid\.scale\.vertical\.0-1of4);
+}
+
+.mfui-cbMRTi {
+  background-color: var(--mfui-colors-mfui\.color\.primary\.background\.none);
+  height: 100%;
+}
+
+.mfui-cxiMF {
+  gap: var(--mfui-spacing-mfui\.layout\.grid\.scale\.horizontal\.0-1of4);
+  display: flex;
+  align-items: baseline;
+  justify-content: flex-end;
+  color: var(--mfui-colors-mfui\.color\.base\.content\.none);
+}
+
+.mfui-dAfoTM {
+  text-align: right;
+  min-width: 3ch;
+}
+
 .mfui-fYIfnz {
   display: flex;
 }
@@ -3606,6 +3694,10 @@
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.none);
 }
 
+.mfui-frSlYl:has([role="combobox"][data-mfui-caution="true"]) {
+  border-color: var(--mfui-colors-mfui\.color\.signal-yellow\.border\.none);
+}
+
 .mfui-frSlYl:has([role="combobox"]:disabled) {
   border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
   cursor: not-allowed;
@@ -3625,6 +3717,10 @@
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
 }
 
+.mfui-frSlYl:has([role="combobox"][data-mfui-caution="true"]:focus) {
+  border-color: var(--mfui-colors-mfui\.color\.signal-yellow\.border\.hovered);
+}
+
 .mfui-frSlYl:has([role="combobox"]:focus) {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
@@ -3638,6 +3734,10 @@
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
 }
 
+.mfui-frSlYl:has([role="combobox"][data-mfui-caution="true"]:hover:not(:disabled)) {
+  border-color: var(--mfui-colors-mfui\.color\.signal-yellow\.border\.hovered);
+}
+
 .mfui-frSlYl:has([role="combobox"]:hover:not(:disabled)) {
   color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
@@ -3651,6 +3751,10 @@
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.pressed);
 }
 
+.mfui-frSlYl:has([role="combobox"][data-mfui-caution="true"]:active:not(:disabled)) {
+  border-color: var(--mfui-colors-mfui\.color\.signal-yellow\.border\.pressed);
+}
+
 .mfui-frSlYl:has([role="combobox"]:active:not(:disabled)) {
   color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
   background-color: var(--mfui-colors-mfui\.color\.base\.background\.pressed);
@@ -6466,6 +6570,26 @@ li:last-child > .mfui-cXGJls {
   border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.hovered);
 }
 
+.mfui-cpUpeB {
+  color: var(--mfui-colors-mfui\.color\.signal-red\.content\.none);
+}
+
+.mfui-cpUpeB:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) {
+  color: var(--mfui-colors-mfui\.color\.signal-red\.content\.pressed);
+}
+
+.mfui-cpUpeB:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  color: var(--mfui-colors-mfui\.color\.disabled\.content);
+}
+
+.mfui-cpUpeB:is(:focus-visible, [data-focus-visible]),.mfui-cpUpeB:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+  color: var(--mfui-colors-mfui\.color\.signal-red\.content\.hovered);
+}
+
+.mfui-cpUpeB:is(:active, [data-active]):not(:disabled, [disabled], [data-disabled]) {
+  color: var(--mfui-colors-mfui\.color\.signal-red\.content\.pressed);
+}
+
 .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;
 }
@@ -6847,6 +6971,18 @@ li:last-child > .mfui-cXGJls {
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.pressed);
 }
 
+.mfui-bHAXcZ {
+  border-color: var(--mfui-colors-mfui\.color\.signal-yellow\.border\.none);
+}
+
+.mfui-bHAXcZ:is(:focus-visible, [data-focus-visible]),.mfui-bHAXcZ:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]):not(:focus-visible, [data-focus-visible]) {
+  border-color: var(--mfui-colors-mfui\.color\.signal-yellow\.border\.hovered);
+}
+
+.mfui-bHAXcZ:is(:active, [data-active]):not(:disabled, [disabled], [data-disabled]):not(:focus-visible, [data-focus-visible]) {
+  border-color: var(--mfui-colors-mfui\.color\.signal-yellow\.border\.pressed);
+}
+
 .mfui-gqNQjO {
   overflow: hidden;
   resize: none;
@@ -7042,6 +7178,18 @@ li:last-child > .mfui-cXGJls {
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.pressed);
 }
 
+.mfui-kHvNlD {
+  border-color: var(--mfui-colors-mfui\.color\.signal-yellow\.border\.none);
+}
+
+.mfui-kHvNlD:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]),.mfui-kHvNlD: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-yellow\.border\.hovered);
+}
+
+.mfui-kHvNlD:is(:active, [data-active]):not(:has(input:disabled, input[disabled], input[data-disabled], input:focus-visible, input[data-focus-visible])):not(:has(button:is(:active, [data-active]))) {
+  border-color: var(--mfui-colors-mfui\.color\.signal-yellow\.border\.pressed);
+}
+
 .mfui-cdglkp {
   height: var(--mfui-sizes-mfui\.size\.dimension\.control-component\.height\.comfort);
   min-width: var(--mfui-sizes-mfui\.size\.target\.button\.comfort);
@@ -7489,10 +7637,7 @@ li:last-child > .mfui-cXGJls {
 }
 
 .mfui-beBMeE,.mfui-fAMdSB {
-  padding-block: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.vertical\.condensed);
-  padding-inline: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.horizontal\.condensed);
   gap: var(--mfui-spacing-mfui\.size\.spacing\.icon-and-text\.horizontal\.condensed);
-  min-height: var(--mfui-sizes-mfui\.size\.dimension\.data-table-cell\.height\.condensed);
 }
 
 .mfui-gZhKjF {
@@ -7500,10 +7645,12 @@ li:last-child > .mfui-cXGJls {
 }
 
 .mfui-cqyjeS,.mfui-lcyrJn {
-  padding-block: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.vertical\.comfort);
-  padding-inline: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.horizontal\.comfort);
   gap: var(--mfui-spacing-mfui\.size\.spacing\.icon-and-text\.horizontal\.comfort);
-  min-height: var(--mfui-sizes-mfui\.size\.dimension\.data-table-cell\.height\.comfort);
+}
+
+.mfui-iyuGIn,.mfui-zjpSG {
+  flex: 1 1 0%;
+  min-width: 0;
 }
 
 .mfui-ixFpNb {
@@ -7585,6 +7732,70 @@ li:last-child > .mfui-cXGJls {
   text-align: right;
 }
 
+.mfui-bEfyEB {
+  color: var(--mfui-colors-mfui\.color\.base\.content\.none);
+}
+
+.mfui-bEfyEB:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) {
+  color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
+}
+
+.mfui-bEfyEB:is(:focus-visible, [data-focus-visible]),.mfui-bEfyEB:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
+}
+
+.mfui-bEfyEB:is(:active, [data-active]):not(:disabled, [disabled], [data-disabled]) {
+  color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
+}
+
+.mfui-obfQa {
+  color: var(--mfui-colors-mfui\.color\.base\.sub-content\.none);
+}
+
+.mfui-obfQa:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) {
+  color: var(--mfui-colors-mfui\.color\.base\.sub-content\.pressed);
+}
+
+.mfui-obfQa:is(:focus-visible, [data-focus-visible]),.mfui-obfQa:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+  color: var(--mfui-colors-mfui\.color\.base\.sub-content\.hovered);
+}
+
+.mfui-obfQa:is(:active, [data-active]):not(:disabled, [disabled], [data-disabled]) {
+  color: var(--mfui-colors-mfui\.color\.base\.sub-content\.pressed);
+}
+
+.mfui-jYkgXF {
+  color: var(--mfui-colors-mfui\.color\.base\.content\.none);
+}
+
+.mfui-jYkgXF:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) {
+  color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
+}
+
+.mfui-jYkgXF:is(:focus-visible, [data-focus-visible]),.mfui-jYkgXF:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+  color: var(--mfui-colors-mfui\.color\.base\.content\.hovered);
+}
+
+.mfui-jYkgXF:is(:active, [data-active]):not(:disabled, [disabled], [data-disabled]) {
+  color: var(--mfui-colors-mfui\.color\.base\.content\.pressed);
+}
+
+.mfui-gHuyIW {
+  color: var(--mfui-colors-mfui\.color\.base\.sub-content\.none);
+}
+
+.mfui-gHuyIW:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) {
+  color: var(--mfui-colors-mfui\.color\.base\.sub-content\.pressed);
+}
+
+.mfui-gHuyIW:is(:focus-visible, [data-focus-visible]),.mfui-gHuyIW:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled]) {
+  color: var(--mfui-colors-mfui\.color\.base\.sub-content\.hovered);
+}
+
+.mfui-gHuyIW:is(:active, [data-active]):not(:disabled, [disabled], [data-disabled]) {
+  color: var(--mfui-colors-mfui\.color\.base\.sub-content\.pressed);
+}
+
 .mfui-eUCAOY {
   position: sticky;
   z-index: 2;
@@ -7690,6 +7901,22 @@ li:last-child > .mfui-cXGJls {
   padding-left: calc(21px + var(--mfui-spacing-mfui\.size\.spacing\.icon-and-text\.horizontal\.comfort));
 }
 
+.mfui-jjyuft {
+  gap: var(--mfui-spacing-mfui\.layout\.grid\.scale\.horizontal\.0-1of4);
+  flex-direction: row;
+  align-items: center;
+}
+
+.mfui-gDDLeN {
+  flex-shrink: 0;
+}
+
+.mfui-jwaWda {
+  gap: var(--mfui-spacing-mfui\.layout\.grid\.scale\.vertical\.0-1of4);
+  flex-direction: column-reverse;
+  align-items: stretch;
+}
+
 .mfui-dXYzWg {
   overflow-wrap: anywhere;
   min-width: 0;
@@ -7959,6 +8186,18 @@ li:last-child > .mfui-cXGJls {
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.pressed);
 }
 
+.mfui-cPXOKf {
+  border-color: var(--mfui-colors-mfui\.color\.signal-yellow\.border\.none);
+}
+
+.mfui-cPXOKf:is(:focus-visible, [data-focus-visible]),.mfui-cPXOKf:is(:hover, [data-hover]) {
+  border-color: var(--mfui-colors-mfui\.color\.signal-yellow\.border\.hovered);
+}
+
+.mfui-cPXOKf:is(:active, [data-active]) {
+  border-color: var(--mfui-colors-mfui\.color\.signal-yellow\.border\.pressed);
+}
+
 .mfui-fzROcg {
   background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
   cursor: not-allowed;
@@ -8278,6 +8517,18 @@ li:last-child > .mfui-cXGJls {
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.pressed);
 }
 
+.mfui-lhKKyY {
+  border-color: var(--mfui-colors-mfui\.color\.signal-yellow\.border\.none);
+}
+
+.mfui-lhKKyY:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true]),.mfui-lhKKyY:is(:hover, [data-hover]):not(:has(input:disabled, input[disabled], input:focus-visible, input[data-focus-visible])):not(:has(:is(button, [role="button"]):is(:hover, [data-hover]))) {
+  border-color: var(--mfui-colors-mfui\.color\.signal-yellow\.border\.hovered);
+}
+
+.mfui-lhKKyY:is(:active, [data-active]):not(:has(input:disabled, input[disabled], input:focus-visible, input[data-focus-visible])):not(:has(:is(button, [role="button"]):is(:active, [data-active]))) {
+  border-color: var(--mfui-colors-mfui\.color\.signal-yellow\.border\.pressed);
+}
+
 .mfui-bjPlYK {
   border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.none);
   border-style: dashed;
@@ -8663,6 +8914,22 @@ li:last-child > .mfui-cXGJls {
   border-color: var(--mfui-colors-mfui\.color\.base\.inverted-border\.none);
 }
 
+.mfui-cvVdlV {
+  padding-block: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.vertical\.condensed);
+}
+
+.mfui-hLlkVQ {
+  padding-inline: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.horizontal\.condensed);
+}
+
+.mfui-kNLmOk {
+  padding-block: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.vertical\.comfort);
+}
+
+.mfui-joYKOh {
+  padding-inline: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.horizontal\.comfort);
+}
+
 .mfui-itpgNa {
   grid-row: 1;
 }
@@ -8691,6 +8958,14 @@ li:last-child > .mfui-cXGJls {
   cursor: pointer;
 }
 
+.mfui-fgfsiX {
+  min-height: var(--mfui-sizes-mfui\.size\.dimension\.data-table-cell\.height\.condensed);
+}
+
+.mfui-dzoIBe {
+  min-height: var(--mfui-sizes-mfui\.size\.dimension\.data-table-cell\.height\.comfort);
+}
+
 .mfui-dXBFYG {
   margin-left: var(--mfui-spacing-mfui\.size\.spacing\.paragraph\.horizontal\.comfort);
 }
@@ -8711,6 +8986,10 @@ li:last-child > .mfui-cXGJls {
   border: none;
 }
 
+.mfui-gpYLkO:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
+}
+
 .mfui-kGMVVf:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
   background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
 }
@@ -8727,14 +9006,14 @@ tr:last-child > .mfui-gtOHny::before {
   height: 100%;
 }
 
-.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);
-}
-
 .mfui-iHQAZp:is(:focus-visible, [data-focus-visible]) {
   border-color: var(--mfui-colors-mfui\.color\.signal-red\.border\.hovered);
 }
 
+.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);
+}
+
 .group:is(:focus-visible, [data-focus-visible]) .mfui-iYLcWF {
   border-color: var(--mfui-colors-mfui\.color\.base\.inverted-border\.hovered);
 }