Skip to content

Instantly share code, notes, and snippets.

@romgrk

romgrk/gist:2c7f97363b1f5d580857bd560c7c1dfc

Created September 19, 2024 22:42
Show Gist options
  • Save romgrk/2c7f97363b1f5d580857bd560c7c1dfc to your computer and use it in GitHub Desktop.
Save romgrk/2c7f97363b1f5d580857bd560c7c1dfc to your computer and use it in GitHub Desktop.
Download ZIP
rg 'theme\.' $(fd . packages/x-data-grid*)
Raw
gistfile1.txt
packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx: (theme.direction === 'rtl'
packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx: (theme.direction === 'rtl'
packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx: [apiRef, logger, theme.direction],
packages/x-data-grid-pro/src/components/GridColumnMenuPinningItem.tsx: if (theme.direction === 'rtl') {
packages/x-data-grid-premium/src/components/GridGroupingColumnFooterCell.tsx: `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(props.rowNode.depth)})`;
packages/x-data-grid-pro/src/components/GridDetailPanel.tsx: backgroundColor: (theme.vars || theme).palette.background.default,
packages/x-data-grid-premium/src/components/GridAggregationHeader.tsx: fontSize: theme.typography.caption.fontSize,
packages/x-data-grid-premium/src/components/GridAggregationHeader.tsx: lineHeight: theme.typography.caption.fontSize,
packages/x-data-grid-premium/src/components/GridAggregationHeader.tsx: fontWeight: theme.typography.fontWeightMedium,
packages/x-data-grid-premium/src/components/GridAggregationHeader.tsx: color: (theme.vars || theme).palette.primary.dark,
packages/x-data-grid-pro/src/components/GridColumnMenuPinningItem.tsx: if (theme.direction === 'rtl') {
packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx: (theme.direction === 'rtl'
packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx: (theme.direction === 'rtl'
packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx: [apiRef, logger, theme.direction],
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: color: (theme.vars || theme).palette.info.dark,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: border: `1px solid ${(theme.vars || theme).palette.info.main}`,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: color: (theme.vars || theme).palette.success.dark,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: border: `1px solid ${(theme.vars || theme).palette.success.main}`,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: color: (theme.vars || theme).palette.warning.dark,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: border: `1px solid ${(theme.vars || theme).palette.warning.main}`,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: color: (theme.vars || theme).palette.error.dark,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: border: `1px solid ${(theme.vars || theme).palette.error.main}`,
packages/x-data-grid-generator/src/renderer/renderEditCountry.tsx: ...theme.typography.body2,
packages/x-data-grid-premium/src/components/GridFooterCell.tsx: fontWeight: theme.typography.fontWeightMedium,
packages/x-data-grid-premium/src/components/GridFooterCell.tsx: color: (theme.vars || theme).palette.primary.dark,
packages/x-data-grid-generator/src/renderer/renderPnl.tsx: theme.palette.mode === 'light' ? theme.palette.success.dark : theme.palette.success.light,
packages/x-data-grid-generator/src/renderer/renderPnl.tsx: color: theme.palette.mode === 'light' ? theme.palette.error.dark : theme.palette.error.light,
packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx: (theme.direction === 'rtl'
packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx: (theme.direction === 'rtl'
packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx: [apiRef, logger, theme.direction],
packages/x-data-grid-generator/src/renderer/renderProgress.tsx: border: `1px solid ${(theme.vars || theme).palette.divider}`,
packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx: (theme.direction === 'rtl'
packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx: (theme.direction === 'rtl'
packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx: [apiRef, logger, theme.direction],
packages/x-data-grid-generator/src/renderer/renderTotalPrice.tsx: backgroundColor: theme.vars
packages/x-data-grid-generator/src/renderer/renderTotalPrice.tsx: ? `rgba(${theme.vars.palette.success.mainChannel} / 0.3)`
packages/x-data-grid-generator/src/renderer/renderTotalPrice.tsx: : alpha(theme.palette.success.main, 0.3),
packages/x-data-grid-generator/src/renderer/renderTotalPrice.tsx: backgroundColor: theme.vars
packages/x-data-grid-generator/src/renderer/renderTotalPrice.tsx: ? `rgba(${theme.vars.palette.error.mainChannel} / 0.3)`
packages/x-data-grid-generator/src/renderer/renderTotalPrice.tsx: : alpha(theme.palette.error.main, 0.3),
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: color: (theme.vars || theme).palette.info.dark,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: border: `1px solid ${(theme.vars || theme).palette.info.main}`,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: color: (theme.vars || theme).palette.success.dark,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: border: `1px solid ${(theme.vars || theme).palette.success.main}`,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: color: (theme.vars || theme).palette.warning.dark,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: border: `1px solid ${(theme.vars || theme).palette.warning.main}`,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: color: (theme.vars || theme).palette.error.dark,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: border: `1px solid ${(theme.vars || theme).palette.error.main}`,
packages/x-data-grid-generator/src/renderer/renderEditProgress.tsx: transition: theme.transitions.create('background-color', {
packages/x-data-grid-generator/src/renderer/renderEditProgress.tsx: duration: theme.transitions.duration.shorter,
packages/x-data-grid/src/components/panel/filterPanel/GridFilterForm.tsx: padding: theme.spacing(1),
packages/x-data-grid/src/components/panel/filterPanel/GridFilterForm.tsx: marginRight: theme.spacing(0.5),
packages/x-data-grid/src/components/panel/filterPanel/GridFilterForm.tsx: marginBottom: theme.spacing(0.2),
packages/x-data-grid-generator/src/renderer/renderProgress.tsx: border: `1px solid ${(theme.vars || theme).palette.divider}`,
packages/x-data-grid-generator/src/renderer/renderPnl.tsx: theme.palette.mode === 'light' ? theme.palette.success.dark : theme.palette.success.light,
packages/x-data-grid-generator/src/renderer/renderPnl.tsx: color: theme.palette.mode === 'light' ? theme.palette.error.dark : theme.palette.error.light,
packages/x-data-grid-generator/src/renderer/renderEditCountry.tsx: ...theme.typography.body2,
packages/x-data-grid-premium/src/components/GridAggregationHeader.tsx: fontSize: theme.typography.caption.fontSize,
packages/x-data-grid-premium/src/components/GridAggregationHeader.tsx: lineHeight: theme.typography.caption.fontSize,
packages/x-data-grid-premium/src/components/GridAggregationHeader.tsx: fontWeight: theme.typography.fontWeightMedium,
packages/x-data-grid-premium/src/components/GridAggregationHeader.tsx: color: (theme.vars || theme).palette.primary.dark,
packages/x-data-grid-premium/src/components/GridGroupingCriteriaCell.tsx: `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(rowNode.depth)})`,
packages/x-data-grid-premium/src/components/GridGroupingColumnLeafCell.tsx: `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(rowNode.depth)})`,
packages/x-data-grid-premium/src/components/GridFooterCell.tsx: fontWeight: theme.typography.fontWeightMedium,
packages/x-data-grid-premium/src/components/GridFooterCell.tsx: color: (theme.vars || theme).palette.primary.dark,
packages/x-data-grid-generator/src/renderer/renderEditCurrency.tsx: ...theme.typography.body2,
packages/x-data-grid-premium/src/components/GridGroupingColumnFooterCell.tsx: `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(props.rowNode.depth)})`;
packages/x-data-grid/src/components/containers/GridToolbarContainer.tsx: gap: theme.spacing(1),
packages/x-data-grid/src/components/containers/GridToolbarContainer.tsx: padding: theme.spacing(0.5, 0.5, 0),
packages/x-data-grid-generator/src/renderer/renderTotalPrice.tsx: backgroundColor: theme.vars
packages/x-data-grid-generator/src/renderer/renderTotalPrice.tsx: ? `rgba(${theme.vars.palette.success.mainChannel} / 0.3)`
packages/x-data-grid-generator/src/renderer/renderTotalPrice.tsx: : alpha(theme.palette.success.main, 0.3),
packages/x-data-grid-generator/src/renderer/renderTotalPrice.tsx: backgroundColor: theme.vars
packages/x-data-grid-generator/src/renderer/renderTotalPrice.tsx: ? `rgba(${theme.vars.palette.error.mainChannel} / 0.3)`
packages/x-data-grid-generator/src/renderer/renderTotalPrice.tsx: : alpha(theme.palette.error.main, 0.3),
packages/x-data-grid-generator/src/renderer/renderEditCurrency.tsx: ...theme.typography.body2,
packages/x-data-grid/src/components/containers/GridRootStyles.ts: if (theme.vars) {
packages/x-data-grid/src/components/containers/GridRootStyles.ts: return theme.vars.palette.TableCell.border;
packages/x-data-grid/src/components/containers/GridRootStyles.ts: if (theme.palette.mode === 'light') {
packages/x-data-grid/src/components/containers/GridRootStyles.ts: return lighten(alpha(theme.palette.divider, 1), 0.88);
packages/x-data-grid/src/components/containers/GridRootStyles.ts: return darken(alpha(theme.palette.divider, 1), 0.68);
packages/x-data-grid-pro/src/components/GridDetailPanel.tsx: backgroundColor: (theme.vars || theme).palette.background.default,
packages/x-data-grid/src/components/cell/GridEditInputCell.tsx: ...theme.typography.body2,
packages/x-data-grid-pro/src/components/GridDetailPanel.tsx: backgroundColor: (theme.vars || theme).palette.background.default,
packages/x-data-grid-pro/src/components/GridColumnMenuPinningItem.tsx: if (theme.direction === 'rtl') {
packages/x-data-grid/src/hooks/features/columnHeaders/useGridColumnHeaders.tsx: theme.direction,
packages/x-data-grid-premium/src/components/GridGroupingColumnLeafCell.tsx: `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(rowNode.depth)})`,
packages/x-data-grid-premium/src/components/GridGroupingCriteriaCell.tsx: `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(rowNode.depth)})`,
packages/x-data-grid/src/hooks/features/columnResize/useGridColumnResize.tsx: resizeDirection.current = getResizeDirection(separator, theme.direction);
packages/x-data-grid/src/hooks/features/columnHeaders/useGridColumnHeaders.tsx: theme.direction,
packages/x-data-grid/src/components/toolbar/GridToolbarQuickFilter.tsx: paddingBottom: theme.spacing(0.5),
packages/x-data-grid/src/components/toolbar/GridToolbarQuickFilter.tsx: marginLeft: theme.spacing(0.5),
packages/x-data-grid/src/components/toolbar/GridToolbarQuickFilter.tsx: borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`,
packages/x-data-grid/src/components/toolbar/GridToolbarFilterButton.tsx: margin: theme.spacing(1, 1, 0.5),
packages/x-data-grid/src/components/toolbar/GridToolbarFilterButton.tsx: padding: theme.spacing(0, 1),
packages/x-data-grid/src/components/GridSelectedRowCount.tsx: margin: theme.spacing(0, 2),
packages/x-data-grid/src/components/GridSelectedRowCount.tsx: [theme.breakpoints.up('sm')]: {
packages/x-data-grid-generator/src/renderer/renderTotalPrice.tsx: backgroundColor: theme.vars
packages/x-data-grid-generator/src/renderer/renderTotalPrice.tsx: ? `rgba(${theme.vars.palette.success.mainChannel} / 0.3)`
packages/x-data-grid-generator/src/renderer/renderTotalPrice.tsx: : alpha(theme.palette.success.main, 0.3),
packages/x-data-grid-generator/src/renderer/renderTotalPrice.tsx: backgroundColor: theme.vars
packages/x-data-grid-generator/src/renderer/renderTotalPrice.tsx: ? `rgba(${theme.vars.palette.error.mainChannel} / 0.3)`
packages/x-data-grid-generator/src/renderer/renderTotalPrice.tsx: : alpha(theme.palette.error.main, 0.3),
packages/x-data-grid/src/hooks/features/columnResize/useGridColumnResize.tsx: resizeDirection.current = getResizeDirection(separator, theme.direction);
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: color: (theme.vars || theme).palette.info.dark,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: border: `1px solid ${(theme.vars || theme).palette.info.main}`,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: color: (theme.vars || theme).palette.success.dark,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: border: `1px solid ${(theme.vars || theme).palette.success.main}`,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: color: (theme.vars || theme).palette.warning.dark,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: border: `1px solid ${(theme.vars || theme).palette.warning.main}`,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: color: (theme.vars || theme).palette.error.dark,
packages/x-data-grid-generator/src/renderer/renderStatus.tsx: border: `1px solid ${(theme.vars || theme).palette.error.main}`,
packages/x-data-grid-generator/src/renderer/renderEditProgress.tsx: transition: theme.transitions.create('background-color', {
packages/x-data-grid-generator/src/renderer/renderEditProgress.tsx: duration: theme.transitions.duration.shorter,
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: theme.direction,
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: theme.direction,
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: if (theme.direction === 'ltr') {
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: if (theme.direction === 'rtl') {
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: theme.direction,
packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx: (theme.direction === 'rtl'
packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx: (theme.direction === 'rtl'
packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx: [apiRef, logger, theme.direction],
packages/x-data-grid-generator/src/renderer/renderProgress.tsx: border: `1px solid ${(theme.vars || theme).palette.divider}`,
packages/x-data-grid/src/components/panel/GridPanelHeader.tsx: padding: theme.spacing(1),
packages/x-data-grid-generator/src/renderer/renderPnl.tsx: theme.palette.mode === 'light' ? theme.palette.success.dark : theme.palette.success.light,
packages/x-data-grid-generator/src/renderer/renderPnl.tsx: color: theme.palette.mode === 'light' ? theme.palette.error.dark : theme.palette.error.light,
packages/x-data-grid-generator/src/renderer/renderEditCountry.tsx: ...theme.typography.body2,
packages/x-data-grid/src/components/menu/GridMenu.tsx: zIndex: theme.zIndex.modal,
packages/x-data-grid-premium/src/components/GridAggregationHeader.tsx: fontSize: theme.typography.caption.fontSize,
packages/x-data-grid-premium/src/components/GridAggregationHeader.tsx: lineHeight: theme.typography.caption.fontSize,
packages/x-data-grid-premium/src/components/GridAggregationHeader.tsx: fontWeight: theme.typography.fontWeightMedium,
packages/x-data-grid-premium/src/components/GridAggregationHeader.tsx: color: (theme.vars || theme).palette.primary.dark,
packages/x-data-grid/src/components/panel/filterPanel/GridFilterForm.tsx: padding: theme.spacing(1),
packages/x-data-grid/src/components/panel/filterPanel/GridFilterForm.tsx: marginRight: theme.spacing(0.5),
packages/x-data-grid/src/components/panel/filterPanel/GridFilterForm.tsx: marginBottom: theme.spacing(0.2),
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: padding: theme.spacing(0, 3, 1.5),
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: padding: theme.spacing(1.5, 3),
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: padding: theme.spacing(0.5, 1, 0.5, 3),
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: borderTop: `1px solid ${theme.palette.divider}`,
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: padding: theme.spacing(0.5, 0),
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: color: theme.palette.grey[500],
packages/x-data-grid-generator/src/renderer/renderEditCurrency.tsx: ...theme.typography.body2,
packages/x-data-grid-premium/src/components/GridGroupingCriteriaCell.tsx: `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(rowNode.depth)})`,
packages/x-data-grid/src/components/panel/filterPanel/GridFilterForm.tsx: padding: theme.spacing(1),
packages/x-data-grid/src/components/panel/filterPanel/GridFilterForm.tsx: marginRight: theme.spacing(0.5),
packages/x-data-grid/src/components/panel/filterPanel/GridFilterForm.tsx: marginBottom: theme.spacing(0.2),
packages/x-data-grid-premium/src/components/GridGroupingColumnLeafCell.tsx: `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(rowNode.depth)})`,
packages/x-data-grid/src/hooks/features/columns/gridColumnsSelector.ts: theme.direction === 'rtl',
packages/x-data-grid-premium/src/components/GridFooterCell.tsx: fontWeight: theme.typography.fontWeightMedium,
packages/x-data-grid-premium/src/components/GridFooterCell.tsx: color: (theme.vars || theme).palette.primary.dark,
packages/x-data-grid-premium/src/components/GridGroupingColumnFooterCell.tsx: `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(props.rowNode.depth)})`;
packages/x-data-grid/src/components/panel/GridPanel.tsx: zIndex: theme.zIndex.modal,
packages/x-data-grid/src/components/panel/GridPanel.tsx: backgroundColor: (theme.vars || theme).palette.background.paper,
packages/x-data-grid/src/components/panel/GridPanel.tsx: maxWidth: `calc(100vw - ${theme.spacing(0.5)})`,
packages/x-data-grid/src/components/panel/GridPanelFooter.tsx: padding: theme.spacing(0.5),
packages/x-data-grid/src/components/panel/GridPanel.tsx: zIndex: theme.zIndex.modal,
packages/x-data-grid/src/components/panel/GridPanel.tsx: backgroundColor: (theme.vars || theme).palette.background.paper,
packages/x-data-grid/src/components/panel/GridPanel.tsx: maxWidth: `calc(100vw - ${theme.spacing(0.5)})`,
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: theme.direction,
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: theme.direction,
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: if (theme.direction === 'ltr') {
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: if (theme.direction === 'rtl') {
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: theme.direction,
packages/x-data-grid-generator/src/renderer/renderEditProgress.tsx: transition: theme.transitions.create('background-color', {
packages/x-data-grid-generator/src/renderer/renderEditProgress.tsx: duration: theme.transitions.duration.shorter,
packages/x-data-grid/src/hooks/features/scroll/useGridScroll.ts: const direction = theme.direction === 'rtl' ? -1 : 1;
packages/x-data-grid/src/hooks/features/scroll/useGridScroll.ts: [virtualScrollerRef, theme.direction, colRef, logger],
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: const direction = theme.direction;
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: theme.direction,
packages/x-data-grid/src/components/containers/GridToolbarContainer.tsx: gap: theme.spacing(1),
packages/x-data-grid/src/components/containers/GridToolbarContainer.tsx: padding: theme.spacing(0.5, 0.5, 0),
packages/x-data-grid/src/hooks/features/columns/gridColumnsSelector.ts: theme.direction === 'rtl',
packages/x-data-grid/src/components/cell/GridEditInputCell.tsx: ...theme.typography.body2,
packages/x-data-grid/src/hooks/features/scroll/useGridScroll.ts: const direction = theme.direction === 'rtl' ? -1 : 1;
packages/x-data-grid/src/hooks/features/scroll/useGridScroll.ts: [virtualScrollerRef, theme.direction, colRef, logger],
packages/x-data-grid/src/components/cell/GridActionsCell.tsx: const rtlMod = theme.direction === 'rtl' ? -1 : 1;
packages/x-data-grid/src/components/containers/GridRootStyles.ts: if (theme.vars) {
packages/x-data-grid/src/components/containers/GridRootStyles.ts: return theme.vars.palette.TableCell.border;
packages/x-data-grid/src/components/containers/GridRootStyles.ts: if (theme.palette.mode === 'light') {
packages/x-data-grid/src/components/containers/GridRootStyles.ts: return lighten(alpha(theme.palette.divider, 1), 0.88);
packages/x-data-grid/src/components/containers/GridRootStyles.ts: return darken(alpha(theme.palette.divider, 1), 0.68);
packages/x-data-grid/src/components/cell/GridActionsCell.tsx: const rtlMod = theme.direction === 'rtl' ? -1 : 1;
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: const direction = theme.direction;
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: theme.direction,
packages/x-data-grid/src/components/GridSelectedRowCount.tsx: margin: theme.spacing(0, 2),
packages/x-data-grid/src/components/GridSelectedRowCount.tsx: [theme.breakpoints.up('sm')]: {
packages/x-data-grid/src/components/GridPagination.tsx: [theme.breakpoints.up('sm')]: {
packages/x-data-grid/src/components/GridPagination.tsx: [theme.breakpoints.up('sm')]: {
packages/x-data-grid/src/components/toolbar/GridToolbarQuickFilter.tsx: paddingBottom: theme.spacing(0.5),
packages/x-data-grid/src/components/toolbar/GridToolbarQuickFilter.tsx: marginLeft: theme.spacing(0.5),
packages/x-data-grid/src/components/toolbar/GridToolbarQuickFilter.tsx: borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`,
packages/x-data-grid/src/components/toolbar/GridToolbarFilterButton.tsx: margin: theme.spacing(1, 1, 0.5),
packages/x-data-grid/src/components/toolbar/GridToolbarFilterButton.tsx: padding: theme.spacing(0, 1),
packages/x-data-grid/src/components/toolbar/GridToolbarFilterButton.tsx: margin: theme.spacing(1, 1, 0.5),
packages/x-data-grid/src/components/toolbar/GridToolbarFilterButton.tsx: padding: theme.spacing(0, 1),
packages/x-data-grid/src/components/panel/GridPanelFooter.tsx: padding: theme.spacing(0.5),
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: const direction = theme.direction;
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: theme.direction,
packages/x-data-grid/src/components/GridRowCount.tsx: margin: theme.spacing(0, 2),
packages/x-data-grid/src/components/toolbar/GridToolbarQuickFilter.tsx: paddingBottom: theme.spacing(0.5),
packages/x-data-grid/src/components/toolbar/GridToolbarQuickFilter.tsx: marginLeft: theme.spacing(0.5),
packages/x-data-grid/src/components/toolbar/GridToolbarQuickFilter.tsx: borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`,
packages/x-data-grid/src/components/menu/GridMenu.tsx: zIndex: theme.zIndex.modal,
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: padding: theme.spacing(0, 3, 1.5),
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: padding: theme.spacing(1.5, 3),
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: padding: theme.spacing(0.5, 1, 0.5, 3),
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: borderTop: `1px solid ${theme.palette.divider}`,
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: padding: theme.spacing(0.5, 0),
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: color: theme.palette.grey[500],
packages/x-data-grid/src/components/panel/GridPanelHeader.tsx: padding: theme.spacing(1),
packages/x-data-grid/src/components/containers/GridToolbarContainer.tsx: gap: theme.spacing(1),
packages/x-data-grid/src/components/containers/GridToolbarContainer.tsx: padding: theme.spacing(0.5, 0.5, 0),
packages/x-data-grid/src/components/containers/GridRootStyles.ts: if (theme.vars) {
packages/x-data-grid/src/components/containers/GridRootStyles.ts: return theme.vars.palette.TableCell.border;
packages/x-data-grid/src/components/containers/GridRootStyles.ts: if (theme.palette.mode === 'light') {
packages/x-data-grid/src/components/containers/GridRootStyles.ts: return lighten(alpha(theme.palette.divider, 1), 0.88);
packages/x-data-grid/src/components/containers/GridRootStyles.ts: return darken(alpha(theme.palette.divider, 1), 0.68);
packages/x-data-grid/src/components/menu/GridMenu.tsx: zIndex: theme.zIndex.modal,
packages/x-data-grid/src/hooks/features/columns/gridColumnsSelector.ts: theme.direction === 'rtl',
packages/x-data-grid/src/components/cell/GridActionsCell.tsx: const rtlMod = theme.direction === 'rtl' ? -1 : 1;
packages/x-data-grid/src/components/panel/GridPanelHeader.tsx: padding: theme.spacing(1),
packages/x-data-grid/src/components/cell/GridEditInputCell.tsx: ...theme.typography.body2,
packages/x-data-grid/src/components/panel/GridPanel.tsx: zIndex: theme.zIndex.modal,
packages/x-data-grid/src/components/panel/GridPanel.tsx: backgroundColor: (theme.vars || theme).palette.background.paper,
packages/x-data-grid/src/components/panel/GridPanel.tsx: maxWidth: `calc(100vw - ${theme.spacing(0.5)})`,
packages/x-data-grid/src/components/GridRowCount.tsx: margin: theme.spacing(0, 2),
packages/x-data-grid/src/components/GridSelectedRowCount.tsx: margin: theme.spacing(0, 2),
packages/x-data-grid/src/components/GridSelectedRowCount.tsx: [theme.breakpoints.up('sm')]: {
packages/x-data-grid/src/components/GridPagination.tsx: [theme.breakpoints.up('sm')]: {
packages/x-data-grid/src/components/GridPagination.tsx: [theme.breakpoints.up('sm')]: {
packages/x-data-grid/src/components/panel/GridPanelFooter.tsx: padding: theme.spacing(0.5),
packages/x-data-grid/src/components/containers/GridToolbarContainer.tsx: gap: theme.spacing(1),
packages/x-data-grid/src/components/containers/GridToolbarContainer.tsx: padding: theme.spacing(0.5, 0.5, 0),
packages/x-data-grid/src/components/panel/filterPanel/GridFilterForm.tsx: padding: theme.spacing(1),
packages/x-data-grid/src/components/panel/filterPanel/GridFilterForm.tsx: marginRight: theme.spacing(0.5),
packages/x-data-grid/src/components/panel/filterPanel/GridFilterForm.tsx: marginBottom: theme.spacing(0.2),
packages/x-data-grid/src/components/containers/GridRootStyles.ts: if (theme.vars) {
packages/x-data-grid/src/components/containers/GridRootStyles.ts: return theme.vars.palette.TableCell.border;
packages/x-data-grid/src/components/containers/GridRootStyles.ts: if (theme.palette.mode === 'light') {
packages/x-data-grid/src/components/containers/GridRootStyles.ts: return lighten(alpha(theme.palette.divider, 1), 0.88);
packages/x-data-grid/src/components/containers/GridRootStyles.ts: return darken(alpha(theme.palette.divider, 1), 0.68);
packages/x-data-grid/src/hooks/features/scroll/useGridScroll.ts: const direction = theme.direction === 'rtl' ? -1 : 1;
packages/x-data-grid/src/hooks/features/scroll/useGridScroll.ts: [virtualScrollerRef, theme.direction, colRef, logger],
packages/x-data-grid/src/components/toolbar/GridToolbarQuickFilter.tsx: paddingBottom: theme.spacing(0.5),
packages/x-data-grid/src/components/toolbar/GridToolbarQuickFilter.tsx: marginLeft: theme.spacing(0.5),
packages/x-data-grid/src/components/toolbar/GridToolbarQuickFilter.tsx: borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`,
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: padding: theme.spacing(0, 3, 1.5),
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: padding: theme.spacing(1.5, 3),
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: padding: theme.spacing(0.5, 1, 0.5, 3),
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: borderTop: `1px solid ${theme.palette.divider}`,
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: padding: theme.spacing(0.5, 0),
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: color: theme.palette.grey[500],
packages/x-data-grid/src/components/toolbar/GridToolbarFilterButton.tsx: margin: theme.spacing(1, 1, 0.5),
packages/x-data-grid/src/components/toolbar/GridToolbarFilterButton.tsx: padding: theme.spacing(0, 1),
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: theme.direction,
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: theme.direction,
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: if (theme.direction === 'ltr') {
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: if (theme.direction === 'rtl') {
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: theme.direction,
packages/x-data-grid/src/hooks/features/scroll/useGridScroll.ts: const direction = theme.direction === 'rtl' ? -1 : 1;
packages/x-data-grid/src/hooks/features/scroll/useGridScroll.ts: [virtualScrollerRef, theme.direction, colRef, logger],
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: const direction = theme.direction;
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: theme.direction,
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: theme.direction,
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: theme.direction,
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: if (theme.direction === 'ltr') {
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: if (theme.direction === 'rtl') {
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: theme.direction,
packages/x-data-grid/src/hooks/features/columnResize/useGridColumnResize.tsx: resizeDirection.current = getResizeDirection(separator, theme.direction);
packages/x-data-grid/src/hooks/features/columnResize/useGridColumnResize.tsx: resizeDirection.current = getResizeDirection(separator, theme.direction);
packages/x-data-grid/src/hooks/features/columns/gridColumnsSelector.ts: theme.direction === 'rtl',
packages/x-data-grid/src/hooks/features/columnHeaders/useGridColumnHeaders.tsx: theme.direction,
packages/x-data-grid/src/hooks/features/columnHeaders/useGridColumnHeaders.tsx: theme.direction,
packages/x-data-grid/src/components/GridPagination.tsx: [theme.breakpoints.up('sm')]: {
packages/x-data-grid/src/components/GridPagination.tsx: [theme.breakpoints.up('sm')]: {
packages/x-data-grid/src/components/panel/GridPanelHeader.tsx: padding: theme.spacing(1),
packages/x-data-grid/src/components/cell/GridEditInputCell.tsx: ...theme.typography.body2,
packages/x-data-grid/src/hooks/features/scroll/useGridScroll.ts: const direction = theme.direction === 'rtl' ? -1 : 1;
packages/x-data-grid/src/hooks/features/scroll/useGridScroll.ts: [virtualScrollerRef, theme.direction, colRef, logger],
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: padding: theme.spacing(0, 3, 1.5),
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: padding: theme.spacing(1.5, 3),
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: padding: theme.spacing(0.5, 1, 0.5, 3),
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: borderTop: `1px solid ${theme.palette.divider}`,
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: padding: theme.spacing(0.5, 0),
packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx: color: theme.palette.grey[500],
packages/x-data-grid/src/components/GridRowCount.tsx: margin: theme.spacing(0, 2),
packages/x-data-grid/src/components/menu/GridMenu.tsx: zIndex: theme.zIndex.modal,
packages/x-data-grid/src/components/cell/GridActionsCell.tsx: const rtlMod = theme.direction === 'rtl' ? -1 : 1;
packages/x-data-grid/src/components/panel/GridPanelFooter.tsx: padding: theme.spacing(0.5),
packages/x-data-grid/src/components/panel/GridPanel.tsx: zIndex: theme.zIndex.modal,
packages/x-data-grid/src/components/panel/GridPanel.tsx: backgroundColor: (theme.vars || theme).palette.background.paper,
packages/x-data-grid/src/components/panel/GridPanel.tsx: maxWidth: `calc(100vw - ${theme.spacing(0.5)})`,
packages/x-data-grid/src/components/panel/filterPanel/GridFilterForm.tsx: padding: theme.spacing(1),
packages/x-data-grid/src/components/panel/filterPanel/GridFilterForm.tsx: marginRight: theme.spacing(0.5),
packages/x-data-grid/src/components/panel/filterPanel/GridFilterForm.tsx: marginBottom: theme.spacing(0.2),
packages/x-data-grid/src/hooks/features/columns/gridColumnsSelector.ts: theme.direction === 'rtl',
packages/x-data-grid/src/hooks/features/columnHeaders/useGridColumnHeaders.tsx: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: direction: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: theme.direction,
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: const direction = theme.direction;
packages/x-data-grid/src/hooks/features/keyboardNavigation/useGridKeyboardNavigation.ts: theme.direction,
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: theme.direction,
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: theme.direction,
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: if (theme.direction === 'ltr') {
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: if (theme.direction === 'rtl') {
packages/x-data-grid/src/hooks/features/virtualization/useGridVirtualScroller.tsx: theme.direction,
packages/x-data-grid/src/hooks/features/columnResize/useGridColumnResize.tsx: resizeDirection.current = getResizeDirection(separator, theme.direction);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment