@moneyforward/mfui-components 3.7.0 → 3.8.0

package/dist/styled-system/recipes/data-table-row-slot-recipe.d.ts

@@ -0,0 +1,36 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface DataTableRowSlotRecipeVariant {
+  layout: "default" | "edge-to-edge"
+highlighted: boolean
+interactive: boolean
+disabled: boolean
+}
+
+type DataTableRowSlotRecipeVariantMap = {
+  [key in keyof DataTableRowSlotRecipeVariant]: Array<DataTableRowSlotRecipeVariant[key]>
+}
+
+type DataTableRowSlotRecipeSlot = "root"
+
+export type DataTableRowSlotRecipeVariantProps = {
+  [key in keyof DataTableRowSlotRecipeVariant]?: DataTableRowSlotRecipeVariant[key] | undefined
+}
+
+export interface DataTableRowSlotRecipeRecipe {
+  __slot: DataTableRowSlotRecipeSlot
+  __type: DataTableRowSlotRecipeVariantProps
+  (props?: DataTableRowSlotRecipeVariantProps): Pretty<Record<DataTableRowSlotRecipeSlot, string>>
+  raw: (props?: DataTableRowSlotRecipeVariantProps) => DataTableRowSlotRecipeVariantProps
+  variantMap: DataTableRowSlotRecipeVariantMap
+  variantKeys: Array<keyof DataTableRowSlotRecipeVariant>
+  splitVariantProps<Props extends DataTableRowSlotRecipeVariantProps>(props: Props): [DataTableRowSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof DataTableRowSlotRecipeVariantProps>>]
+  getVariantProps: (props?: DataTableRowSlotRecipeVariantProps) => DataTableRowSlotRecipeVariantProps
+}
+
+/**
+ * Slot class created for the MFUI DataTableRow component.
+ */
+export declare const dataTableRowSlotRecipe: DataTableRowSlotRecipeRecipe

package/dist/styled-system/recipes/{data-grid-row-slot-recipe.js → data-table-row-slot-recipe.js}

@@ -1,7 +1,7 @@
 import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';
 import { createRecipe } from './create-recipe.js';
-const dataGridRowSlotRecipeDefaultVariants = {};
-const dataGridRowSlotRecipeCompoundVariants = [
+const dataTableRowSlotRecipeDefaultVariants = {};
+const dataTableRowSlotRecipeCompoundVariants = [
     {
         "highlighted": true,
         "interactive": true,
@@ -29,29 +29,29 @@ const dataGridRowSlotRecipeCompoundVariants = [
         }
     }
 ];
-const dataGridRowSlotRecipeSlotNames = [
+const dataTableRowSlotRecipeSlotNames = [
     [
         "root",
-        "DataGridRow__root"
+        "DataTableRow__root"
     ]
 ];
-const dataGridRowSlotRecipeSlotFns = /* @__PURE__ */ dataGridRowSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dataGridRowSlotRecipeDefaultVariants, getSlotCompoundVariant(dataGridRowSlotRecipeCompoundVariants, slotName))]);
-const dataGridRowSlotRecipeFn = memo((props = {}) => {
-    return Object.fromEntries(dataGridRowSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
+const dataTableRowSlotRecipeSlotFns = /* @__PURE__ */ dataTableRowSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dataTableRowSlotRecipeDefaultVariants, getSlotCompoundVariant(dataTableRowSlotRecipeCompoundVariants, slotName))]);
+const dataTableRowSlotRecipeFn = memo((props = {}) => {
+    return Object.fromEntries(dataTableRowSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
-const dataGridRowSlotRecipeVariantKeys = [
+const dataTableRowSlotRecipeVariantKeys = [
     "layout",
     "highlighted",
     "interactive",
     "disabled"
 ];
-const getVariantProps = (variants) => ({ ...dataGridRowSlotRecipeDefaultVariants, ...compact(variants) });
-export const dataGridRowSlotRecipe = /* @__PURE__ */ Object.assign(dataGridRowSlotRecipeFn, {
+const getVariantProps = (variants) => ({ ...dataTableRowSlotRecipeDefaultVariants, ...compact(variants) });
+export const dataTableRowSlotRecipe = /* @__PURE__ */ Object.assign(dataTableRowSlotRecipeFn, {
     __recipe__: false,
-    __name__: 'dataGridRowSlotRecipe',
+    __name__: 'dataTableRowSlotRecipe',
     raw: (props) => props,
     classNameMap: {},
-    variantKeys: dataGridRowSlotRecipeVariantKeys,
+    variantKeys: dataTableRowSlotRecipeVariantKeys,
     variantMap: {
         "layout": [
             "default",
@@ -71,7 +71,7 @@ export const dataGridRowSlotRecipe = /* @__PURE__ */ Object.assign(dataGridRowSl
         ]
     },
     splitVariantProps(props) {
-        return splitProps(props, dataGridRowSlotRecipeVariantKeys);
+        return splitProps(props, dataTableRowSlotRecipeVariantKeys);
     },
     getVariantProps
 });

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

@@ -0,0 +1,36 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface DataTableSlotRecipeVariant {
+  /**
+ * @default "default"
+ */
+layout: "default" | "edge-to-edge"
+}
+
+type DataTableSlotRecipeVariantMap = {
+  [key in keyof DataTableSlotRecipeVariant]: Array<DataTableSlotRecipeVariant[key]>
+}
+
+type DataTableSlotRecipeSlot = "wrapper" | "table" | "emptyState"
+
+export type DataTableSlotRecipeVariantProps = {
+  [key in keyof DataTableSlotRecipeVariant]?: ConditionalValue<DataTableSlotRecipeVariant[key]> | undefined
+}
+
+export interface DataTableSlotRecipeRecipe {
+  __slot: DataTableSlotRecipeSlot
+  __type: DataTableSlotRecipeVariantProps
+  (props?: DataTableSlotRecipeVariantProps): Pretty<Record<DataTableSlotRecipeSlot, string>>
+  raw: (props?: DataTableSlotRecipeVariantProps) => DataTableSlotRecipeVariantProps
+  variantMap: DataTableSlotRecipeVariantMap
+  variantKeys: Array<keyof DataTableSlotRecipeVariant>
+  splitVariantProps<Props extends DataTableSlotRecipeVariantProps>(props: Props): [DataTableSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof DataTableSlotRecipeVariantProps>>]
+  getVariantProps: (props?: DataTableSlotRecipeVariantProps) => DataTableSlotRecipeVariantProps
+}
+
+/**
+ * Slot class created for the MFUI DataTable component.
+ */
+export declare const dataTableSlotRecipe: DataTableSlotRecipeRecipe

package/dist/styled-system/recipes/data-table-slot-recipe.js

@@ -0,0 +1,45 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';
+import { createRecipe } from './create-recipe.js';
+const dataTableSlotRecipeDefaultVariants = {
+    "layout": "default"
+};
+const dataTableSlotRecipeCompoundVariants = [];
+const dataTableSlotRecipeSlotNames = [
+    [
+        "wrapper",
+        "DataTable__wrapper"
+    ],
+    [
+        "table",
+        "DataTable__table"
+    ],
+    [
+        "emptyState",
+        "DataTable__emptyState"
+    ]
+];
+const dataTableSlotRecipeSlotFns = /* @__PURE__ */ dataTableSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dataTableSlotRecipeDefaultVariants, getSlotCompoundVariant(dataTableSlotRecipeCompoundVariants, slotName))]);
+const dataTableSlotRecipeFn = memo((props = {}) => {
+    return Object.fromEntries(dataTableSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
+});
+const dataTableSlotRecipeVariantKeys = [
+    "layout"
+];
+const getVariantProps = (variants) => ({ ...dataTableSlotRecipeDefaultVariants, ...compact(variants) });
+export const dataTableSlotRecipe = /* @__PURE__ */ Object.assign(dataTableSlotRecipeFn, {
+    __recipe__: false,
+    __name__: 'dataTableSlotRecipe',
+    raw: (props) => props,
+    classNameMap: {},
+    variantKeys: dataTableSlotRecipeVariantKeys,
+    variantMap: {
+        "layout": [
+            "default",
+            "edge-to-edge"
+        ]
+    },
+    splitVariantProps(props) {
+        return splitProps(props, dataTableSlotRecipeVariantKeys);
+    },
+    getVariantProps
+});

package/dist/styled-system/recipes/index.d.ts

@@ -43,13 +43,13 @@ export * from './items-count-slot-recipe';
 export * from './page-picker-slot-recipe';
 export * from './items-per-page-slot-recipe';
 export * from './tag-slot-recipe';
-export * from './data-grid-body-slot-recipe';
-export * from './data-grid-cell-slot-recipe';
-export * from './data-grid-slot-recipe';
-export * from './data-grid-header-cell-slot-recipe';
-export * from './data-grid-header-row-slot-recipe';
-export * from './data-grid-header-slot-recipe';
-export * from './data-grid-row-slot-recipe';
+export * from './data-table-body-slot-recipe';
+export * from './data-table-cell-slot-recipe';
+export * from './data-table-slot-recipe';
+export * from './data-table-header-cell-slot-recipe';
+export * from './data-table-header-row-slot-recipe';
+export * from './data-table-header-slot-recipe';
+export * from './data-table-row-slot-recipe';
 export * from './sub-navigation-slot-recipe';
 export * from './progress-indicator-slot-recipe';
 export * from './stack-slot-recipe';

package/dist/styled-system/recipes/index.js

@@ -42,13 +42,13 @@ export * from './items-count-slot-recipe.js';
 export * from './page-picker-slot-recipe.js';
 export * from './items-per-page-slot-recipe.js';
 export * from './tag-slot-recipe.js';
-export * from './data-grid-body-slot-recipe.js';
-export * from './data-grid-cell-slot-recipe.js';
-export * from './data-grid-slot-recipe.js';
-export * from './data-grid-header-cell-slot-recipe.js';
-export * from './data-grid-header-row-slot-recipe.js';
-export * from './data-grid-header-slot-recipe.js';
-export * from './data-grid-row-slot-recipe.js';
+export * from './data-table-body-slot-recipe.js';
+export * from './data-table-cell-slot-recipe.js';
+export * from './data-table-slot-recipe.js';
+export * from './data-table-header-cell-slot-recipe.js';
+export * from './data-table-header-row-slot-recipe.js';
+export * from './data-table-header-slot-recipe.js';
+export * from './data-table-row-slot-recipe.js';
 export * from './sub-navigation-slot-recipe.js';
 export * from './progress-indicator-slot-recipe.js';
 export * from './stack-slot-recipe.js';

package/dist/styled-system/recipes/narrow-viewport-main-navigation-slot-recipe.d.ts

@@ -10,7 +10,7 @@ type NarrowViewportMainNavigationSlotRecipeVariantMap = {
   [key in keyof NarrowViewportMainNavigationSlotRecipeVariant]: Array<NarrowViewportMainNavigationSlotRecipeVariant[key]>
 }
 
-type NarrowViewportMainNavigationSlotRecipeSlot = "root" | "backdrop" | "container" | "nav" | "list" | "featureShortcut" | "featureShortcutAnchor" | "labelGroup" | "iconAndLabel" | "lockIcon" | "listItem" | "listItemAnchor" | "listItemAnchorIcon" | "parentDetails" | "parentSummary" | "parentSummaryIcon" | "childrenList" | "childrenListItem" | "childrenListItemAnchor" | "footer" | "toggleButton" | "toggleButtonIcon"
+type NarrowViewportMainNavigationSlotRecipeSlot = "root" | "backdrop" | "container" | "nav" | "list" | "featureShortcut" | "featureShortcutAnchor" | "labelGroup" | "iconAndLabel" | "lockIcon" | "listItem" | "listItemAnchor" | "listItemAnchorIcon" | "parentDetails" | "parentSummary" | "parentSummaryIcon" | "groupLabelSection" | "groupLabel" | "groupLabelText" | "childrenList" | "childrenListItem" | "childrenListItemAnchor" | "footer" | "toggleButton" | "toggleButtonIcon"
 
 export type NarrowViewportMainNavigationSlotRecipeVariantProps = {
   [key in keyof NarrowViewportMainNavigationSlotRecipeVariant]?: ConditionalValue<NarrowViewportMainNavigationSlotRecipeVariant[key]> | undefined

package/dist/styled-system/recipes/narrow-viewport-main-navigation-slot-recipe.js

@@ -67,6 +67,18 @@ const narrowViewportMainNavigationSlotRecipeSlotNames = [
         "parentSummaryIcon",
         "NarrowViewportMainNavigation__parentSummaryIcon"
     ],
+    [
+        "groupLabelSection",
+        "NarrowViewportMainNavigation__groupLabelSection"
+    ],
+    [
+        "groupLabel",
+        "NarrowViewportMainNavigation__groupLabel"
+    ],
+    [
+        "groupLabelText",
+        "NarrowViewportMainNavigation__groupLabelText"
+    ],
     [
         "childrenList",
         "NarrowViewportMainNavigation__childrenList"

package/dist/styled-system/tokens/index.js

@@ -6611,29 +6611,29 @@ const tokens = {
         "value": "72px",
         "variable": "var(--mfui-sizes-mfui\\.size\\.dimension\\.header\\.height\\.impact)"
     },
-    "sizes.mfui.size.dimension.data-grid-cell.height.comfort": {
+    "sizes.mfui.size.dimension.data-table-cell.height.comfort": {
         "value": "48px",
-        "variable": "var(--mfui-sizes-mfui\\.size\\.dimension\\.data-grid-cell\\.height\\.comfort)"
+        "variable": "var(--mfui-sizes-mfui\\.size\\.dimension\\.data-table-cell\\.height\\.comfort)"
     },
-    "sizes.mfui.size.dimension.data-grid-cell.height.condensed": {
+    "sizes.mfui.size.dimension.data-table-cell.height.condensed": {
         "value": "32px",
-        "variable": "var(--mfui-sizes-mfui\\.size\\.dimension\\.data-grid-cell\\.height\\.condensed)"
+        "variable": "var(--mfui-sizes-mfui\\.size\\.dimension\\.data-table-cell\\.height\\.condensed)"
     },
-    "sizes.mfui.size.dimension.data-grid-cell.height.impact": {
+    "sizes.mfui.size.dimension.data-table-cell.height.impact": {
         "value": "48px",
-        "variable": "var(--mfui-sizes-mfui\\.size\\.dimension\\.data-grid-cell\\.height\\.impact)"
+        "variable": "var(--mfui-sizes-mfui\\.size\\.dimension\\.data-table-cell\\.height\\.impact)"
     },
-    "sizes.mfui.size.dimension.data-grid-disclosure-inidicator.width.comfort": {
+    "sizes.mfui.size.dimension.data-table-disclosure-inidicator.width.comfort": {
         "value": "21px",
-        "variable": "var(--mfui-sizes-mfui\\.size\\.dimension\\.data-grid-disclosure-inidicator\\.width\\.comfort)"
+        "variable": "var(--mfui-sizes-mfui\\.size\\.dimension\\.data-table-disclosure-inidicator\\.width\\.comfort)"
     },
-    "sizes.mfui.size.dimension.data-grid-disclosure-inidicator.width.condensed": {
+    "sizes.mfui.size.dimension.data-table-disclosure-inidicator.width.condensed": {
         "value": "21px",
-        "variable": "var(--mfui-sizes-mfui\\.size\\.dimension\\.data-grid-disclosure-inidicator\\.width\\.condensed)"
+        "variable": "var(--mfui-sizes-mfui\\.size\\.dimension\\.data-table-disclosure-inidicator\\.width\\.condensed)"
     },
-    "sizes.mfui.size.dimension.data-grid-disclosure-inidicator.width.impact": {
+    "sizes.mfui.size.dimension.data-table-disclosure-inidicator.width.impact": {
         "value": "21px",
-        "variable": "var(--mfui-sizes-mfui\\.size\\.dimension\\.data-grid-disclosure-inidicator\\.width\\.impact)"
+        "variable": "var(--mfui-sizes-mfui\\.size\\.dimension\\.data-table-disclosure-inidicator\\.width\\.impact)"
     },
     "sizes.mfui.size.dimension.display-table-cell.height.comfort": {
         "value": "32px",
@@ -7175,89 +7175,89 @@ const tokens = {
         "value": "0px",
         "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.concentrated-main-content\\.bottom\\.impact)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.horizontal.comfort": {
+    "spacing.mfui.size.padding.data-table-cell.horizontal.comfort": {
         "value": "7px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal\\.comfort)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal\\.comfort)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.horizontal.condensed": {
+    "spacing.mfui.size.padding.data-table-cell.horizontal.condensed": {
         "value": "7px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal\\.condensed)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal\\.condensed)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.horizontal.impact": {
+    "spacing.mfui.size.padding.data-table-cell.horizontal.impact": {
         "value": "7px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal\\.impact)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal\\.impact)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.horizontal-indent-1.comfort": {
+    "spacing.mfui.size.padding.data-table-cell.horizontal-indent-1.comfort": {
         "value": "28px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-1\\.comfort)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-1\\.comfort)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.horizontal-indent-1.condensed": {
+    "spacing.mfui.size.padding.data-table-cell.horizontal-indent-1.condensed": {
         "value": "21px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-1\\.condensed)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-1\\.condensed)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.horizontal-indent-1.impact": {
+    "spacing.mfui.size.padding.data-table-cell.horizontal-indent-1.impact": {
         "value": "21px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-1\\.impact)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-1\\.impact)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.horizontal-indent-2.comfort": {
+    "spacing.mfui.size.padding.data-table-cell.horizontal-indent-2.comfort": {
         "value": "49px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-2\\.comfort)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-2\\.comfort)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.horizontal-indent-2.condensed": {
+    "spacing.mfui.size.padding.data-table-cell.horizontal-indent-2.condensed": {
         "value": "35px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-2\\.condensed)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-2\\.condensed)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.horizontal-indent-2.impact": {
+    "spacing.mfui.size.padding.data-table-cell.horizontal-indent-2.impact": {
         "value": "35px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-2\\.impact)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-2\\.impact)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.horizontal-indent-3.comfort": {
+    "spacing.mfui.size.padding.data-table-cell.horizontal-indent-3.comfort": {
         "value": "70px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-3\\.comfort)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-3\\.comfort)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.horizontal-indent-3.condensed": {
+    "spacing.mfui.size.padding.data-table-cell.horizontal-indent-3.condensed": {
         "value": "49px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-3\\.condensed)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-3\\.condensed)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.horizontal-indent-3.impact": {
+    "spacing.mfui.size.padding.data-table-cell.horizontal-indent-3.impact": {
         "value": "49px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-3\\.impact)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-3\\.impact)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.horizontal-indent-4.comfort": {
+    "spacing.mfui.size.padding.data-table-cell.horizontal-indent-4.comfort": {
         "value": "91px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-4\\.comfort)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-4\\.comfort)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.horizontal-indent-4.condensed": {
+    "spacing.mfui.size.padding.data-table-cell.horizontal-indent-4.condensed": {
         "value": "63px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-4\\.condensed)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-4\\.condensed)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.horizontal-indent-4.impact": {
+    "spacing.mfui.size.padding.data-table-cell.horizontal-indent-4.impact": {
         "value": "63px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-4\\.impact)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-4\\.impact)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.horizontal-indent-5.comfort": {
+    "spacing.mfui.size.padding.data-table-cell.horizontal-indent-5.comfort": {
         "value": "112px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-5\\.comfort)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-5\\.comfort)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.horizontal-indent-5.condensed": {
+    "spacing.mfui.size.padding.data-table-cell.horizontal-indent-5.condensed": {
         "value": "77px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-5\\.condensed)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-5\\.condensed)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.horizontal-indent-5.impact": {
+    "spacing.mfui.size.padding.data-table-cell.horizontal-indent-5.impact": {
         "value": "77px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-5\\.impact)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-5\\.impact)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.vertical.comfort": {
+    "spacing.mfui.size.padding.data-table-cell.vertical.comfort": {
         "value": "12px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.vertical\\.comfort)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.vertical\\.comfort)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.vertical.condensed": {
+    "spacing.mfui.size.padding.data-table-cell.vertical.condensed": {
         "value": "4px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.vertical\\.condensed)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.vertical\\.condensed)"
     },
-    "spacing.mfui.size.padding.data-grid-cell.vertical.impact": {
+    "spacing.mfui.size.padding.data-table-cell.vertical.impact": {
         "value": "12px",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.vertical\\.impact)"
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.vertical\\.impact)"
     },
     "spacing.mfui.size.padding.display-table-cell.horizontal.comfort": {
         "value": "14px",
@@ -8851,89 +8851,89 @@ const tokens = {
         "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.concentrated-main-content\\.bottom\\.impact) * -1)",
         "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.concentrated-main-content\\.bottom\\.impact)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.horizontal.comfort": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal\\.comfort) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal\\.comfort)"
+    "spacing.-mfui.size.padding.data-table-cell.horizontal.comfort": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal\\.comfort) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal\\.comfort)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.horizontal.condensed": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal\\.condensed) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal\\.condensed)"
+    "spacing.-mfui.size.padding.data-table-cell.horizontal.condensed": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal\\.condensed) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal\\.condensed)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.horizontal.impact": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal\\.impact) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal\\.impact)"
+    "spacing.-mfui.size.padding.data-table-cell.horizontal.impact": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal\\.impact) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal\\.impact)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.horizontal-indent-1.comfort": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-1\\.comfort) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-1\\.comfort)"
+    "spacing.-mfui.size.padding.data-table-cell.horizontal-indent-1.comfort": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-1\\.comfort) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-1\\.comfort)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.horizontal-indent-1.condensed": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-1\\.condensed) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-1\\.condensed)"
+    "spacing.-mfui.size.padding.data-table-cell.horizontal-indent-1.condensed": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-1\\.condensed) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-1\\.condensed)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.horizontal-indent-1.impact": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-1\\.impact) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-1\\.impact)"
+    "spacing.-mfui.size.padding.data-table-cell.horizontal-indent-1.impact": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-1\\.impact) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-1\\.impact)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.horizontal-indent-2.comfort": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-2\\.comfort) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-2\\.comfort)"
+    "spacing.-mfui.size.padding.data-table-cell.horizontal-indent-2.comfort": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-2\\.comfort) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-2\\.comfort)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.horizontal-indent-2.condensed": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-2\\.condensed) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-2\\.condensed)"
+    "spacing.-mfui.size.padding.data-table-cell.horizontal-indent-2.condensed": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-2\\.condensed) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-2\\.condensed)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.horizontal-indent-2.impact": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-2\\.impact) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-2\\.impact)"
+    "spacing.-mfui.size.padding.data-table-cell.horizontal-indent-2.impact": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-2\\.impact) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-2\\.impact)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.horizontal-indent-3.comfort": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-3\\.comfort) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-3\\.comfort)"
+    "spacing.-mfui.size.padding.data-table-cell.horizontal-indent-3.comfort": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-3\\.comfort) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-3\\.comfort)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.horizontal-indent-3.condensed": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-3\\.condensed) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-3\\.condensed)"
+    "spacing.-mfui.size.padding.data-table-cell.horizontal-indent-3.condensed": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-3\\.condensed) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-3\\.condensed)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.horizontal-indent-3.impact": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-3\\.impact) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-3\\.impact)"
+    "spacing.-mfui.size.padding.data-table-cell.horizontal-indent-3.impact": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-3\\.impact) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-3\\.impact)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.horizontal-indent-4.comfort": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-4\\.comfort) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-4\\.comfort)"
+    "spacing.-mfui.size.padding.data-table-cell.horizontal-indent-4.comfort": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-4\\.comfort) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-4\\.comfort)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.horizontal-indent-4.condensed": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-4\\.condensed) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-4\\.condensed)"
+    "spacing.-mfui.size.padding.data-table-cell.horizontal-indent-4.condensed": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-4\\.condensed) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-4\\.condensed)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.horizontal-indent-4.impact": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-4\\.impact) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-4\\.impact)"
+    "spacing.-mfui.size.padding.data-table-cell.horizontal-indent-4.impact": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-4\\.impact) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-4\\.impact)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.horizontal-indent-5.comfort": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-5\\.comfort) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-5\\.comfort)"
+    "spacing.-mfui.size.padding.data-table-cell.horizontal-indent-5.comfort": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-5\\.comfort) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-5\\.comfort)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.horizontal-indent-5.condensed": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-5\\.condensed) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-5\\.condensed)"
+    "spacing.-mfui.size.padding.data-table-cell.horizontal-indent-5.condensed": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-5\\.condensed) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-5\\.condensed)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.horizontal-indent-5.impact": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-5\\.impact) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.horizontal-indent-5\\.impact)"
+    "spacing.-mfui.size.padding.data-table-cell.horizontal-indent-5.impact": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-5\\.impact) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.horizontal-indent-5\\.impact)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.vertical.comfort": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.vertical\\.comfort) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.vertical\\.comfort)"
+    "spacing.-mfui.size.padding.data-table-cell.vertical.comfort": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.vertical\\.comfort) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.vertical\\.comfort)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.vertical.condensed": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.vertical\\.condensed) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.vertical\\.condensed)"
+    "spacing.-mfui.size.padding.data-table-cell.vertical.condensed": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.vertical\\.condensed) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.vertical\\.condensed)"
     },
-    "spacing.-mfui.size.padding.data-grid-cell.vertical.impact": {
-        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.vertical\\.impact) * -1)",
-        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-grid-cell\\.vertical\\.impact)"
+    "spacing.-mfui.size.padding.data-table-cell.vertical.impact": {
+        "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.vertical\\.impact) * -1)",
+        "variable": "var(--mfui-spacing-mfui\\.size\\.padding\\.data-table-cell\\.vertical\\.impact)"
     },
     "spacing.-mfui.size.padding.display-table-cell.horizontal.comfort": {
         "value": "calc(var(--mfui-spacing-mfui\\.size\\.padding\\.display-table-cell\\.horizontal\\.comfort) * -1)",