diff --git a/packages/eui/changelogs/upcoming/8646.md b/packages/eui/changelogs/upcoming/8646.md new file mode 100644 index 00000000000..761d8f58ffe --- /dev/null +++ b/packages/eui/changelogs/upcoming/8646.md @@ -0,0 +1 @@ +- Update `EuiDataGrid` to use `expand` glyph diff --git a/packages/eui/src/components/datagrid/body/cell/data_grid_cell_actions.styles.ts b/packages/eui/src/components/datagrid/body/cell/data_grid_cell_actions.styles.ts index 6378acc53e1..8947d322cf2 100644 --- a/packages/eui/src/components/datagrid/body/cell/data_grid_cell_actions.styles.ts +++ b/packages/eui/src/components/datagrid/body/cell/data_grid_cell_actions.styles.ts @@ -122,12 +122,6 @@ export const euiDataGridCellActionsStyles = (euiThemeContext: UseEuiTheme) => { } /* stylelint-enable declaration-no-important */ - /* Manually increase the size of the expand cell icon - it's a bit small by default */ - &.euiDataGridRowCell__expandCell .euiIcon { - ${logicalCSS('width', '120%')} - ${logicalCSS('height', '100%')} - } - /* Remove button borders in high contrast mode */ ${highContrastModeStyles(euiThemeContext, { preferred: 'border: none;', diff --git a/packages/eui/src/components/datagrid/body/cell/data_grid_cell_actions.test.tsx b/packages/eui/src/components/datagrid/body/cell/data_grid_cell_actions.test.tsx index d41797821f1..8b226a248b1 100644 --- a/packages/eui/src/components/datagrid/body/cell/data_grid_cell_actions.test.tsx +++ b/packages/eui/src/components/datagrid/body/cell/data_grid_cell_actions.test.tsx @@ -47,7 +47,7 @@ describe('EuiDataGridCellActions', () => { aria-hidden="true" class="euiButtonIcon__icon" color="inherit" - data-euiicon-type="expandMini" + data-euiicon-type="expand" /> `); diff --git a/packages/eui/src/components/datagrid/body/cell/data_grid_cell_actions.tsx b/packages/eui/src/components/datagrid/body/cell/data_grid_cell_actions.tsx index 6317d672c88..784451fe949 100644 --- a/packages/eui/src/components/datagrid/body/cell/data_grid_cell_actions.tsx +++ b/packages/eui/src/components/datagrid/body/cell/data_grid_cell_actions.tsx @@ -58,8 +58,8 @@ export const EuiDataGridCellActions = ({ data-test-subj="euiDataGridCellExpandButton" display="fill" color="primary" - iconSize="m" - iconType="expandMini" + iconSize="s" + iconType="expand" aria-hidden onClick={onExpandClick} title={expandButtonTitle} diff --git a/packages/website/docs/components/tabular-content/data-grid/cells-and-popovers.mdx b/packages/website/docs/components/tabular-content/data-grid/cells-and-popovers.mdx index c18c349f2a6..b266721a879 100644 --- a/packages/website/docs/components/tabular-content/data-grid/cells-and-popovers.mdx +++ b/packages/website/docs/components/tabular-content/data-grid/cells-and-popovers.mdx @@ -787,7 +787,8 @@ export default () => { { {