diff --git a/packages/demo/src/content/components/empty-table-state.mdx b/packages/demo/src/content/components/empty-table-state.mdx index 2241e126..c562003e 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` (the example below sets `elevation="raised"` to demonstrate overriding the default). #### 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,