Ag grid theme major - support v31

[origami-z]

✅ Do not merge this before #3364 is released

Next major update to support ag grid v31

• New AG grid variables support
• Removed UITK theme
• Massively reduce bundle size from 1,600 kB to < 25 kB

To use / test

Latest snapshot:
-@salt-ds/[email protected]
-@salt-ds/[email protected]

Test bed on StackBlitz: https://stackblitz.com/edit/salt-ag-grid-theme-mgguyf?file=App.jsx

Import css

import "ag-grid-community/styles/ag-grid.css"; // Updated from ag grid
import "@salt-ds/ag-grid-theme/salt-ag-theme.css";  // Changed from `/salt.css` from early v30 snapshot

Class names on container changed, e.g.

.ag-theme-salt-light
.ag-theme-salt-compact-light

• Review site doc

Reported issues

• floating filter double lines
• side bar custom component auto width
• status bar vertical alignment
• loading overlay background
• cell range background color (gray, needing new token)
• Confirm regression of Ag grid theme no single cell focus ring when range selection is on #3290
• New icon set needed (https://ag-grid.com/javascript-data-grid/custom-icons/#provided-icons)
• Confirm regression of Ag Grid Theme Style Disappears when salt theme is not the first class name #3351

[changeset-bot]

🦋 Changeset detected

Latest commit: 8ff3ec8

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@salt-ds/theme	Minor
@salt-ds/ag-grid-theme	Major

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
saltdesignsystem	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 24, 2024 1:42pm

[origami-z]

/release-pr

[origami-z]

/release-pr

[github-actions]

🫰✨ Thanks @origami-z! Your snapshots have been published to npm.

Test the snapshots by updating your package.json with the newly published versions:

yarn add @salt-ds/[email protected]

yarn add @salt-ds/[email protected]

yarn add @salt-ds/[email protected]

yarn add @salt-ds/[email protected]

[origami-z]

/release-pr

[github-actions]

🫰✨ Thanks @origami-z! Your snapshots have been published to npm.

Test the snapshots by updating your package.json with the newly published versions:

yarn add @salt-ds/[email protected]

yarn add @salt-ds/[email protected]