From 837bf30ab9f8ba23394d9d8af8f8410b116f5907 Mon Sep 17 00:00:00 2001 From: Tucker McCoy Date: Tue, 30 Jun 2026 09:51:02 -0400 Subject: [PATCH 1/2] feat: default EmptyTableState elevation to overlay --- .../content/components/empty-table-state.mdx | 22 +++++++++---------- packages/ui/package.json | 2 +- .../empty-table-state/empty-table-state.tsx | 2 +- 3 files changed, 13 insertions(+), 13 deletions(-) diff --git a/packages/demo/src/content/components/empty-table-state.mdx b/packages/demo/src/content/components/empty-table-state.mdx index 2241e126..eb1edcfa 100644 --- a/packages/demo/src/content/components/empty-table-state.mdx +++ b/packages/demo/src/content/components/empty-table-state.mdx @@ -75,13 +75,13 @@ When an empty result is the consequence of active filters, set `showClearButton` ### Elevation -Use the `elevation` prop to control the elevation of the icon's background so it sits correctly against the surface it's placed on. It accepts the same elevation values as the rest of the design system and defaults to `raised`. +Use the `elevation` prop to control the elevation of the icon's background so it sits correctly against the surface it's placed on. It accepts the same elevation values as the rest of the design system and defaults to `overlay`. #### Usage @@ -92,7 +92,7 @@ import { ELEVATION } from "@eqtylab/equality"; ; ``` @@ -100,11 +100,11 @@ import { ELEVATION } from "@eqtylab/equality"; --- -| Name | Description | Type | Default | Required | -| ----------------- | --------------------------------------------------------- | ------------------------------------- | -------- | -------- | -| `icon` | Lucide icon name or a React element shown above the title | `string`, `React.ReactElement` | — | ✅ | -| `title` | Heading text describing the empty state | `string` | — | ✅ | -| `description` | Supporting text shown below the title | `string` | — | ❌ | -| `elevation` | Elevation applied to the icon's background | `sunken`, `base`, `raised`, `overlay` | `raised` | ❌ | -| `showClearButton` | Shows the "Clear Filters" button (requires `onClear`) | `boolean` | `false` | ❌ | -| `onClear` | Callback fired when the "Clear Filters" button is clicked | `() => void` | — | ❌ | +| Name | Description | Type | Default | Required | +| ----------------- | --------------------------------------------------------- | ------------------------------------- | --------- | -------- | +| `icon` | Lucide icon name or a React element shown above the title | `string`, `React.ReactElement` | — | ✅ | +| `title` | Heading text describing the empty state | `string` | — | ✅ | +| `description` | Supporting text shown below the title | `string` | — | ❌ | +| `elevation` | Elevation applied to the icon's background | `sunken`, `base`, `raised`, `overlay` | `overlay` | ❌ | +| `showClearButton` | Shows the "Clear Filters" button (requires `onClear`) | `boolean` | `false` | ❌ | +| `onClear` | Callback fired when the "Clear Filters" button is clicked | `() => void` | — | ❌ | diff --git a/packages/ui/package.json b/packages/ui/package.json index 7599d585..54930916 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -2,7 +2,7 @@ "name": "@eqtylab/equality", "description": "EQTYLab's component and token-based design system", "homepage": "https://equality.eqtylab.io/", - "version": "2.1.4", + "version": "2.1.5", "license": "Apache-2.0", "keywords": [ "component library", diff --git a/packages/ui/src/components/empty-table-state/empty-table-state.tsx b/packages/ui/src/components/empty-table-state/empty-table-state.tsx index eb6c553c..849ac93a 100644 --- a/packages/ui/src/components/empty-table-state/empty-table-state.tsx +++ b/packages/ui/src/components/empty-table-state/empty-table-state.tsx @@ -18,7 +18,7 @@ const EmptyTableState = ({ icon, title, description, - elevation = ELEVATION.RAISED, + elevation = ELEVATION.OVERLAY, showClearButton = false, onClear, className, From c749af2b5ea2fefdb523f9017be2f0286e138e38 Mon Sep 17 00:00:00 2001 From: Tucker McCoy Date: Tue, 30 Jun 2026 09:56:30 -0400 Subject: [PATCH 2/2] docs: clarify EmptyTableState elevation example overrides default --- packages/demo/src/content/components/empty-table-state.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/demo/src/content/components/empty-table-state.mdx b/packages/demo/src/content/components/empty-table-state.mdx index eb1edcfa..c562003e 100644 --- a/packages/demo/src/content/components/empty-table-state.mdx +++ b/packages/demo/src/content/components/empty-table-state.mdx @@ -75,7 +75,7 @@ When an empty result is the consequence of active filters, set `showClearButton` ### Elevation -Use the `elevation` prop to control the elevation of the icon's background so it sits correctly against the surface it's placed on. It accepts the same elevation values as the rest of the design system and defaults to `overlay`. +Use the `elevation` prop to control the elevation of the icon's background so it sits correctly against the surface it's placed on. It accepts the same elevation values as the rest of the design system and defaults to `overlay` (the example below sets `elevation="raised"` to demonstrate overriding the default).