@mui/x-data-grid 9.8.0 → 9.10.0

package/components/quickFilter/QuickFilter.d.mts

@@ -57,7 +57,7 @@ export type QuickFilterProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'class
  *
  * - [QuickFilter API](https://mui.com/x/api/data-grid/quick-filter/)
  */
-declare function QuickFilter(props: QuickFilterProps): import("react/jsx-runtime").JSX.Element;
+declare function QuickFilter(props: QuickFilterProps): React.JSX.Element;
 declare namespace QuickFilter {
   var propTypes: any;
 }

package/components/quickFilter/QuickFilter.d.ts

@@ -57,7 +57,7 @@ export type QuickFilterProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'class
  *
  * - [QuickFilter API](https://mui.com/x/api/data-grid/quick-filter/)
  */
-declare function QuickFilter(props: QuickFilterProps): import("react/jsx-runtime").JSX.Element;
+declare function QuickFilter(props: QuickFilterProps): React.JSX.Element;
 declare namespace QuickFilter {
   var propTypes: any;
 }

package/components/toolbar/GridToolbarExport.d.mts

@@ -27,11 +27,11 @@ export interface GridToolbarExportProps {
   };
   [x: `data-${string}`]: string;
 }
-declare function GridCsvExportMenuItem(props: GridCsvExportMenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function GridCsvExportMenuItem(props: GridCsvExportMenuItemProps): React.JSX.Element;
 declare namespace GridCsvExportMenuItem {
   var propTypes: any;
 }
-declare function GridPrintExportMenuItem(props: GridPrintExportMenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function GridPrintExportMenuItem(props: GridPrintExportMenuItemProps): React.JSX.Element;
 declare namespace GridPrintExportMenuItem {
   var propTypes: any;
 }

package/components/toolbar/GridToolbarExport.d.ts

@@ -27,11 +27,11 @@ export interface GridToolbarExportProps {
   };
   [x: `data-${string}`]: string;
 }
-declare function GridCsvExportMenuItem(props: GridCsvExportMenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function GridCsvExportMenuItem(props: GridCsvExportMenuItemProps): React.JSX.Element;
 declare namespace GridCsvExportMenuItem {
   var propTypes: any;
 }
-declare function GridPrintExportMenuItem(props: GridPrintExportMenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function GridPrintExportMenuItem(props: GridPrintExportMenuItemProps): React.JSX.Element;
 declare namespace GridPrintExportMenuItem {
   var propTypes: any;
 }

package/components/toolbar/GridToolbarQuickFilter.d.mts

@@ -30,7 +30,7 @@ export type GridToolbarQuickFilterProps = {
 /**
  * @deprecated Use the {@link https://mui.com/x/react-data-grid/components/quick-filter/ Quick Filter} component instead. This component will be removed in a future major release.
  */
-declare function GridToolbarQuickFilter(props: GridToolbarQuickFilterProps): import("react/jsx-runtime").JSX.Element;
+declare function GridToolbarQuickFilter(props: GridToolbarQuickFilterProps): import("react").JSX.Element;
 declare namespace GridToolbarQuickFilter {
   var propTypes: any;
 }

package/components/toolbar/GridToolbarQuickFilter.d.ts

@@ -30,7 +30,7 @@ export type GridToolbarQuickFilterProps = {
 /**
  * @deprecated Use the {@link https://mui.com/x/react-data-grid/components/quick-filter/ Quick Filter} component instead. This component will be removed in a future major release.
  */
-declare function GridToolbarQuickFilter(props: GridToolbarQuickFilterProps): import("react/jsx-runtime").JSX.Element;
+declare function GridToolbarQuickFilter(props: GridToolbarQuickFilterProps): import("react").JSX.Element;
 declare namespace GridToolbarQuickFilter {
   var propTypes: any;
 }

package/components/toolbarV8/GridToolbar.d.mts

@@ -5,12 +5,12 @@ interface GridToolbarInternalProps {
   additionalExportMenuItems?: (onMenuItemClick: () => void) => React.ReactNode;
 }
 export type GridToolbarProps = GridSlotProps['toolbar'] & GridToolbarInternalProps;
-declare function GridToolbarDivider(props: GridSlotProps['baseDivider']): import("react/jsx-runtime").JSX.Element;
+declare function GridToolbarDivider(props: GridSlotProps['baseDivider']): React.JSX.Element;
 declare namespace GridToolbarDivider {
   var propTypes: any;
 }
-declare function GridToolbarLabel(props: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
-declare function GridToolbar(props: GridToolbarProps): import("react/jsx-runtime").JSX.Element;
+declare function GridToolbarLabel(props: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+declare function GridToolbar(props: GridToolbarProps): React.JSX.Element;
 declare namespace GridToolbar {
   var propTypes: any;
 }

package/components/toolbarV8/GridToolbar.d.ts

@@ -5,12 +5,12 @@ interface GridToolbarInternalProps {
   additionalExportMenuItems?: (onMenuItemClick: () => void) => React.ReactNode;
 }
 export type GridToolbarProps = GridSlotProps['toolbar'] & GridToolbarInternalProps;
-declare function GridToolbarDivider(props: GridSlotProps['baseDivider']): import("react/jsx-runtime").JSX.Element;
+declare function GridToolbarDivider(props: GridSlotProps['baseDivider']): React.JSX.Element;
 declare namespace GridToolbarDivider {
   var propTypes: any;
 }
-declare function GridToolbarLabel(props: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
-declare function GridToolbar(props: GridToolbarProps): import("react/jsx-runtime").JSX.Element;
+declare function GridToolbarLabel(props: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+declare function GridToolbar(props: GridToolbarProps): React.JSX.Element;
 declare namespace GridToolbar {
   var propTypes: any;
 }

package/components/toolbarV8/utils.d.mts

@@ -2,4 +2,4 @@ export declare function sortByDocumentPosition(a: {
   ref: React.RefObject<HTMLButtonElement | null>;
 }, b: {
   ref: React.RefObject<HTMLButtonElement | null>;
-}): 0 | 1 | -1;
+}): -1 | 0 | 1;

package/components/toolbarV8/utils.d.ts

@@ -2,4 +2,4 @@ export declare function sortByDocumentPosition(a: {
   ref: React.RefObject<HTMLButtonElement | null>;
 }, b: {
   ref: React.RefObject<HTMLButtonElement | null>;
-}): 0 | 1 | -1;
+}): -1 | 0 | 1;

package/components/virtualization/GridBottomContainer.d.mts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 export type GridBottomContainerProps = React.PropsWithChildren;
-export declare function GridBottomContainer(props: GridBottomContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridBottomContainer(props: GridBottomContainerProps): React.JSX.Element;

package/components/virtualization/GridBottomContainer.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 export type GridBottomContainerProps = React.PropsWithChildren;
-export declare function GridBottomContainer(props: GridBottomContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridBottomContainer(props: GridBottomContainerProps): React.JSX.Element;

package/components/virtualization/GridTopContainer.d.mts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare function GridTopContainer(props: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare function GridTopContainer(props: React.PropsWithChildren): React.JSX.Element;

package/components/virtualization/GridTopContainer.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare function GridTopContainer(props: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare function GridTopContainer(props: React.PropsWithChildren): React.JSX.Element;

package/components/virtualization/GridVirtualScroller.d.mts

@@ -2,5 +2,5 @@ import * as React from 'react';
 export interface GridVirtualScrollerProps {
   children?: React.ReactNode;
 }
-declare function GridVirtualScroller(props: GridVirtualScrollerProps): import("react/jsx-runtime").JSX.Element;
+declare function GridVirtualScroller(props: GridVirtualScrollerProps): React.JSX.Element;
 export { GridVirtualScroller };

package/components/virtualization/GridVirtualScroller.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 export interface GridVirtualScrollerProps {
   children?: React.ReactNode;
 }
-declare function GridVirtualScroller(props: GridVirtualScrollerProps): import("react/jsx-runtime").JSX.Element;
+declare function GridVirtualScroller(props: GridVirtualScrollerProps): React.JSX.Element;
 export { GridVirtualScroller };

package/components/virtualization/GridVirtualScrollerFiller.d.mts

@@ -1,9 +1,10 @@
+import * as React from 'react';
 type Props = {
   /** The number of rows */
   rowsLength: number;
 };
 declare function GridVirtualScrollerFiller({
   rowsLength
-}: Props): import("react/jsx-runtime").JSX.Element | null;
+}: Props): React.JSX.Element | null;
 declare const Memoized: typeof GridVirtualScrollerFiller;
 export { Memoized as GridVirtualScrollerFiller };

package/components/virtualization/GridVirtualScrollerFiller.d.ts

@@ -1,9 +1,10 @@
+import * as React from 'react';
 type Props = {
   /** The number of rows */
   rowsLength: number;
 };
 declare function GridVirtualScrollerFiller({
   rowsLength
-}: Props): import("react/jsx-runtime").JSX.Element | null;
+}: Props): React.JSX.Element | null;
 declare const Memoized: typeof GridVirtualScrollerFiller;
 export { Memoized as GridVirtualScrollerFiller };

package/constants/cssVariables.d.mts

@@ -1,81 +1,81 @@
 declare const keys: {
-  readonly spacingUnit: "--DataGrid-t-spacing-unit";
+  readonly spacingUnit: '--DataGrid-t-spacing-unit';
   readonly colors: {
     readonly border: {
-      readonly base: "--DataGrid-t-color-border-base";
+      readonly base: '--DataGrid-t-color-border-base';
     };
     readonly foreground: {
-      readonly base: "--DataGrid-t-color-foreground-base";
-      readonly muted: "--DataGrid-t-color-foreground-muted";
-      readonly accent: "--DataGrid-t-color-foreground-accent";
-      readonly disabled: "--DataGrid-t-color-foreground-disabled";
-      readonly error: "--DataGrid-t-color-foreground-error";
+      readonly base: '--DataGrid-t-color-foreground-base';
+      readonly muted: '--DataGrid-t-color-foreground-muted';
+      readonly accent: '--DataGrid-t-color-foreground-accent';
+      readonly disabled: '--DataGrid-t-color-foreground-disabled';
+      readonly error: '--DataGrid-t-color-foreground-error';
     };
     readonly background: {
-      readonly base: "--DataGrid-t-color-background-base";
-      readonly overlay: "--DataGrid-t-color-background-overlay";
-      readonly backdrop: "--DataGrid-t-color-background-backdrop";
+      readonly base: '--DataGrid-t-color-background-base';
+      readonly overlay: '--DataGrid-t-color-background-overlay';
+      readonly backdrop: '--DataGrid-t-color-background-backdrop';
     };
     readonly interactive: {
-      readonly hover: "--DataGrid-t-color-interactive-hover";
-      readonly hoverOpacity: "--DataGrid-t-color-interactive-hover-opacity";
-      readonly focus: "--DataGrid-t-color-interactive-focus";
-      readonly focusOpacity: "--DataGrid-t-color-interactive-focus-opacity";
-      readonly disabled: "--DataGrid-t-color-interactive-disabled";
-      readonly disabledOpacity: "--DataGrid-t-color-interactive-disabled-opacity";
-      readonly selected: "--DataGrid-t-color-interactive-selected";
-      readonly selectedOpacity: "--DataGrid-t-color-interactive-selected-opacity";
+      readonly hover: '--DataGrid-t-color-interactive-hover';
+      readonly hoverOpacity: '--DataGrid-t-color-interactive-hover-opacity';
+      readonly focus: '--DataGrid-t-color-interactive-focus';
+      readonly focusOpacity: '--DataGrid-t-color-interactive-focus-opacity';
+      readonly disabled: '--DataGrid-t-color-interactive-disabled';
+      readonly disabledOpacity: '--DataGrid-t-color-interactive-disabled-opacity';
+      readonly selected: '--DataGrid-t-color-interactive-selected';
+      readonly selectedOpacity: '--DataGrid-t-color-interactive-selected-opacity';
     };
   };
   readonly header: {
     readonly background: {
-      readonly base: "--DataGrid-t-header-background-base";
+      readonly base: '--DataGrid-t-header-background-base';
     };
   };
   readonly cell: {
     readonly background: {
-      readonly pinned: "--DataGrid-t-cell-background-pinned";
+      readonly pinned: '--DataGrid-t-cell-background-pinned';
     };
   };
   readonly radius: {
-    readonly base: "--DataGrid-t-radius-base";
+    readonly base: '--DataGrid-t-radius-base';
   };
   readonly typography: {
     readonly font: {
-      readonly body: "--DataGrid-t-typography-font-body";
-      readonly small: "--DataGrid-t-typography-font-small";
-      readonly large: "--DataGrid-t-typography-font-large";
+      readonly body: '--DataGrid-t-typography-font-body';
+      readonly small: '--DataGrid-t-typography-font-small';
+      readonly large: '--DataGrid-t-typography-font-large';
     };
     readonly fontFamily: {
-      readonly base: "--DataGrid-t-typography-font-family-base";
+      readonly base: '--DataGrid-t-typography-font-family-base';
     };
     readonly fontWeight: {
-      readonly light: "--DataGrid-t-typography-font-weight-light";
-      readonly regular: "--DataGrid-t-typography-font-weight-regular";
-      readonly medium: "--DataGrid-t-typography-font-weight-medium";
-      readonly bold: "--DataGrid-t-typography-font-weight-bold";
+      readonly light: '--DataGrid-t-typography-font-weight-light';
+      readonly regular: '--DataGrid-t-typography-font-weight-regular';
+      readonly medium: '--DataGrid-t-typography-font-weight-medium';
+      readonly bold: '--DataGrid-t-typography-font-weight-bold';
     };
   };
   readonly transitions: {
     readonly easing: {
-      readonly easeIn: "--DataGrid-t-transition-easing-ease-in";
-      readonly easeOut: "--DataGrid-t-transition-easing-ease-out";
-      readonly easeInOut: "--DataGrid-t-transition-easing-ease-in-out";
+      readonly easeIn: '--DataGrid-t-transition-easing-ease-in';
+      readonly easeOut: '--DataGrid-t-transition-easing-ease-out';
+      readonly easeInOut: '--DataGrid-t-transition-easing-ease-in-out';
     };
     readonly duration: {
-      readonly short: "--DataGrid-t-transition-duration-short";
-      readonly base: "--DataGrid-t-transition-duration-base";
-      readonly long: "--DataGrid-t-transition-duration-long";
+      readonly short: '--DataGrid-t-transition-duration-short';
+      readonly base: '--DataGrid-t-transition-duration-base';
+      readonly long: '--DataGrid-t-transition-duration-long';
     };
   };
   readonly shadows: {
-    readonly base: "--DataGrid-t-shadow-base";
-    readonly overlay: "--DataGrid-t-shadow-overlay";
+    readonly base: '--DataGrid-t-shadow-base';
+    readonly overlay: '--DataGrid-t-shadow-overlay';
   };
   readonly zIndex: {
-    readonly panel: "--DataGrid-t-z-index-panel";
-    readonly menu: "--DataGrid-t-z-index-menu";
-    readonly modal: "--DataGrid-t-z-index-modal";
+    readonly panel: '--DataGrid-t-z-index-panel';
+    readonly menu: '--DataGrid-t-z-index-menu';
+    readonly modal: '--DataGrid-t-z-index-modal';
   };
 };
 export type GridCSSVariablesInterface = { [E in CreateObjectEntries<typeof keys> as E['value']]: string | number };
@@ -93,83 +93,83 @@ type CreateObjectEntries<TValue, TValueInitial = TValue> = TValue extends object
 } : never : never : never }[keyof TValue] : EmptyEntry<TValue>;
 type OmitItself<TValue, TValueInitial> = TValue extends TValueInitial ? EmptyEntry<TValue> : CreateObjectEntries<TValue, TValueInitial>;
 export declare const vars: {
-  spacingUnit: "--DataGrid-t-spacing-unit";
+  spacingUnit: '--DataGrid-t-spacing-unit';
   colors: {
     readonly border: {
-      readonly base: "--DataGrid-t-color-border-base";
+      readonly base: '--DataGrid-t-color-border-base';
     };
     readonly foreground: {
-      readonly base: "--DataGrid-t-color-foreground-base";
-      readonly muted: "--DataGrid-t-color-foreground-muted";
-      readonly accent: "--DataGrid-t-color-foreground-accent";
-      readonly disabled: "--DataGrid-t-color-foreground-disabled";
-      readonly error: "--DataGrid-t-color-foreground-error";
+      readonly base: '--DataGrid-t-color-foreground-base';
+      readonly muted: '--DataGrid-t-color-foreground-muted';
+      readonly accent: '--DataGrid-t-color-foreground-accent';
+      readonly disabled: '--DataGrid-t-color-foreground-disabled';
+      readonly error: '--DataGrid-t-color-foreground-error';
     };
     readonly background: {
-      readonly base: "--DataGrid-t-color-background-base";
-      readonly overlay: "--DataGrid-t-color-background-overlay";
-      readonly backdrop: "--DataGrid-t-color-background-backdrop";
+      readonly base: '--DataGrid-t-color-background-base';
+      readonly overlay: '--DataGrid-t-color-background-overlay';
+      readonly backdrop: '--DataGrid-t-color-background-backdrop';
     };
     readonly interactive: {
-      readonly hover: "--DataGrid-t-color-interactive-hover";
-      readonly hoverOpacity: "--DataGrid-t-color-interactive-hover-opacity";
-      readonly focus: "--DataGrid-t-color-interactive-focus";
-      readonly focusOpacity: "--DataGrid-t-color-interactive-focus-opacity";
-      readonly disabled: "--DataGrid-t-color-interactive-disabled";
-      readonly disabledOpacity: "--DataGrid-t-color-interactive-disabled-opacity";
-      readonly selected: "--DataGrid-t-color-interactive-selected";
-      readonly selectedOpacity: "--DataGrid-t-color-interactive-selected-opacity";
+      readonly hover: '--DataGrid-t-color-interactive-hover';
+      readonly hoverOpacity: '--DataGrid-t-color-interactive-hover-opacity';
+      readonly focus: '--DataGrid-t-color-interactive-focus';
+      readonly focusOpacity: '--DataGrid-t-color-interactive-focus-opacity';
+      readonly disabled: '--DataGrid-t-color-interactive-disabled';
+      readonly disabledOpacity: '--DataGrid-t-color-interactive-disabled-opacity';
+      readonly selected: '--DataGrid-t-color-interactive-selected';
+      readonly selectedOpacity: '--DataGrid-t-color-interactive-selected-opacity';
     };
   };
   header: {
     readonly background: {
-      readonly base: "--DataGrid-t-header-background-base";
+      readonly base: '--DataGrid-t-header-background-base';
     };
   };
   cell: {
     readonly background: {
-      readonly pinned: "--DataGrid-t-cell-background-pinned";
+      readonly pinned: '--DataGrid-t-cell-background-pinned';
     };
   };
   radius: {
-    readonly base: "--DataGrid-t-radius-base";
+    readonly base: '--DataGrid-t-radius-base';
   };
   typography: {
     readonly font: {
-      readonly body: "--DataGrid-t-typography-font-body";
-      readonly small: "--DataGrid-t-typography-font-small";
-      readonly large: "--DataGrid-t-typography-font-large";
+      readonly body: '--DataGrid-t-typography-font-body';
+      readonly small: '--DataGrid-t-typography-font-small';
+      readonly large: '--DataGrid-t-typography-font-large';
     };
     readonly fontFamily: {
-      readonly base: "--DataGrid-t-typography-font-family-base";
+      readonly base: '--DataGrid-t-typography-font-family-base';
     };
     readonly fontWeight: {
-      readonly light: "--DataGrid-t-typography-font-weight-light";
-      readonly regular: "--DataGrid-t-typography-font-weight-regular";
-      readonly medium: "--DataGrid-t-typography-font-weight-medium";
-      readonly bold: "--DataGrid-t-typography-font-weight-bold";
+      readonly light: '--DataGrid-t-typography-font-weight-light';
+      readonly regular: '--DataGrid-t-typography-font-weight-regular';
+      readonly medium: '--DataGrid-t-typography-font-weight-medium';
+      readonly bold: '--DataGrid-t-typography-font-weight-bold';
     };
   };
   transitions: {
     readonly easing: {
-      readonly easeIn: "--DataGrid-t-transition-easing-ease-in";
-      readonly easeOut: "--DataGrid-t-transition-easing-ease-out";
-      readonly easeInOut: "--DataGrid-t-transition-easing-ease-in-out";
+      readonly easeIn: '--DataGrid-t-transition-easing-ease-in';
+      readonly easeOut: '--DataGrid-t-transition-easing-ease-out';
+      readonly easeInOut: '--DataGrid-t-transition-easing-ease-in-out';
     };
     readonly duration: {
-      readonly short: "--DataGrid-t-transition-duration-short";
-      readonly base: "--DataGrid-t-transition-duration-base";
-      readonly long: "--DataGrid-t-transition-duration-long";
+      readonly short: '--DataGrid-t-transition-duration-short';
+      readonly base: '--DataGrid-t-transition-duration-base';
+      readonly long: '--DataGrid-t-transition-duration-long';
     };
   };
   shadows: {
-    readonly base: "--DataGrid-t-shadow-base";
-    readonly overlay: "--DataGrid-t-shadow-overlay";
+    readonly base: '--DataGrid-t-shadow-base';
+    readonly overlay: '--DataGrid-t-shadow-overlay';
   };
   zIndex: {
-    readonly panel: "--DataGrid-t-z-index-panel";
-    readonly menu: "--DataGrid-t-z-index-menu";
-    readonly modal: "--DataGrid-t-z-index-modal";
+    readonly panel: '--DataGrid-t-z-index-panel';
+    readonly menu: '--DataGrid-t-z-index-menu';
+    readonly modal: '--DataGrid-t-z-index-modal';
   };
   breakpoints: {
     values: {
@@ -184,83 +184,83 @@ export declare const vars: {
   spacing: typeof spacing;
   transition: typeof transition;
   keys: {
-    readonly spacingUnit: "--DataGrid-t-spacing-unit";
+    readonly spacingUnit: '--DataGrid-t-spacing-unit';
     readonly colors: {
       readonly border: {
-        readonly base: "--DataGrid-t-color-border-base";
+        readonly base: '--DataGrid-t-color-border-base';
       };
       readonly foreground: {
-        readonly base: "--DataGrid-t-color-foreground-base";
-        readonly muted: "--DataGrid-t-color-foreground-muted";
-        readonly accent: "--DataGrid-t-color-foreground-accent";
-        readonly disabled: "--DataGrid-t-color-foreground-disabled";
-        readonly error: "--DataGrid-t-color-foreground-error";
+        readonly base: '--DataGrid-t-color-foreground-base';
+        readonly muted: '--DataGrid-t-color-foreground-muted';
+        readonly accent: '--DataGrid-t-color-foreground-accent';
+        readonly disabled: '--DataGrid-t-color-foreground-disabled';
+        readonly error: '--DataGrid-t-color-foreground-error';
       };
       readonly background: {
-        readonly base: "--DataGrid-t-color-background-base";
-        readonly overlay: "--DataGrid-t-color-background-overlay";
-        readonly backdrop: "--DataGrid-t-color-background-backdrop";
+        readonly base: '--DataGrid-t-color-background-base';
+        readonly overlay: '--DataGrid-t-color-background-overlay';
+        readonly backdrop: '--DataGrid-t-color-background-backdrop';
       };
       readonly interactive: {
-        readonly hover: "--DataGrid-t-color-interactive-hover";
-        readonly hoverOpacity: "--DataGrid-t-color-interactive-hover-opacity";
-        readonly focus: "--DataGrid-t-color-interactive-focus";
-        readonly focusOpacity: "--DataGrid-t-color-interactive-focus-opacity";
-        readonly disabled: "--DataGrid-t-color-interactive-disabled";
-        readonly disabledOpacity: "--DataGrid-t-color-interactive-disabled-opacity";
-        readonly selected: "--DataGrid-t-color-interactive-selected";
-        readonly selectedOpacity: "--DataGrid-t-color-interactive-selected-opacity";
+        readonly hover: '--DataGrid-t-color-interactive-hover';
+        readonly hoverOpacity: '--DataGrid-t-color-interactive-hover-opacity';
+        readonly focus: '--DataGrid-t-color-interactive-focus';
+        readonly focusOpacity: '--DataGrid-t-color-interactive-focus-opacity';
+        readonly disabled: '--DataGrid-t-color-interactive-disabled';
+        readonly disabledOpacity: '--DataGrid-t-color-interactive-disabled-opacity';
+        readonly selected: '--DataGrid-t-color-interactive-selected';
+        readonly selectedOpacity: '--DataGrid-t-color-interactive-selected-opacity';
       };
     };
     readonly header: {
       readonly background: {
-        readonly base: "--DataGrid-t-header-background-base";
+        readonly base: '--DataGrid-t-header-background-base';
       };
     };
     readonly cell: {
       readonly background: {
-        readonly pinned: "--DataGrid-t-cell-background-pinned";
+        readonly pinned: '--DataGrid-t-cell-background-pinned';
       };
     };
     readonly radius: {
-      readonly base: "--DataGrid-t-radius-base";
+      readonly base: '--DataGrid-t-radius-base';
     };
     readonly typography: {
       readonly font: {
-        readonly body: "--DataGrid-t-typography-font-body";
-        readonly small: "--DataGrid-t-typography-font-small";
-        readonly large: "--DataGrid-t-typography-font-large";
+        readonly body: '--DataGrid-t-typography-font-body';
+        readonly small: '--DataGrid-t-typography-font-small';
+        readonly large: '--DataGrid-t-typography-font-large';
       };
       readonly fontFamily: {
-        readonly base: "--DataGrid-t-typography-font-family-base";
+        readonly base: '--DataGrid-t-typography-font-family-base';
       };
       readonly fontWeight: {
-        readonly light: "--DataGrid-t-typography-font-weight-light";
-        readonly regular: "--DataGrid-t-typography-font-weight-regular";
-        readonly medium: "--DataGrid-t-typography-font-weight-medium";
-        readonly bold: "--DataGrid-t-typography-font-weight-bold";
+        readonly light: '--DataGrid-t-typography-font-weight-light';
+        readonly regular: '--DataGrid-t-typography-font-weight-regular';
+        readonly medium: '--DataGrid-t-typography-font-weight-medium';
+        readonly bold: '--DataGrid-t-typography-font-weight-bold';
       };
     };
     readonly transitions: {
       readonly easing: {
-        readonly easeIn: "--DataGrid-t-transition-easing-ease-in";
-        readonly easeOut: "--DataGrid-t-transition-easing-ease-out";
-        readonly easeInOut: "--DataGrid-t-transition-easing-ease-in-out";
+        readonly easeIn: '--DataGrid-t-transition-easing-ease-in';
+        readonly easeOut: '--DataGrid-t-transition-easing-ease-out';
+        readonly easeInOut: '--DataGrid-t-transition-easing-ease-in-out';
       };
       readonly duration: {
-        readonly short: "--DataGrid-t-transition-duration-short";
-        readonly base: "--DataGrid-t-transition-duration-base";
-        readonly long: "--DataGrid-t-transition-duration-long";
+        readonly short: '--DataGrid-t-transition-duration-short';
+        readonly base: '--DataGrid-t-transition-duration-base';
+        readonly long: '--DataGrid-t-transition-duration-long';
       };
     };
     readonly shadows: {
-      readonly base: "--DataGrid-t-shadow-base";
-      readonly overlay: "--DataGrid-t-shadow-overlay";
+      readonly base: '--DataGrid-t-shadow-base';
+      readonly overlay: '--DataGrid-t-shadow-overlay';
     };
     readonly zIndex: {
-      readonly panel: "--DataGrid-t-z-index-panel";
-      readonly menu: "--DataGrid-t-z-index-menu";
-      readonly modal: "--DataGrid-t-z-index-modal";
+      readonly panel: '--DataGrid-t-z-index-panel';
+      readonly menu: '--DataGrid-t-z-index-menu';
+      readonly modal: '--DataGrid-t-z-index-modal';
     };
   };
 };