wip feat(Sidenav): new design

[SevenOutman]

Design

https://www.figma.com/file/uEq9QBplcKUYZrcWWA3RK2/NXT-UI?type=design&node-id=5357-18617&mode=design&t=zooDEM8DZ6kVjYAp-4

Easier theme customization (WIP)

No longer require Less for customize theme color for Sidenav.

import { createPalette } from 'rsuite';

const greenishPalette = createPalette('#1b9451')

return (
  <Sidenav
    style={greenishPalette.cssProperties}
  />
);

TODO

• Remove Sidenav-related deprecated Less variables since v5
• Remove selected-within class name from Sidenav dropdown elements in favor of :has() selector
• Use special class names to style Sidenav dropdowns instead of .rs-sidenav .rs-dropdown

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
rsuite-nextjs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 22, 2023 9:34am

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
rsuite-v4	⬜️ Ignored (Inspect)	Visit Preview		Aug 22, 2023 9:34am

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 4b0f191:

Sandbox	Source
rsuite-tp-ci	Configuration