-
-
Notifications
You must be signed in to change notification settings - Fork 21
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add a new @studiocms/ui
package
#296
Conversation
- Adjust button, divider, input styles - Added "Center" component, UI playground - Moved all CSS files into a global CSS file with imports - Added the font to the playground & UI library
🦋 Changeset detectedLatest commit: bc1f4bf The changes in this PR will be included in the next version bump. This PR includes changesets to release 12 packages
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 |
- Added the utils folder to the package's exports - Format the TODO's in the README - Buttons can now be disabled - Added a textarea component - Added a checkbox component - Added a function to generate random names & IDs if not provided - Added a default gap size to the row component - Added an icon component to easily grab icons in a type-safe manner - Added new components to playground
- Added a new Card component. - Added a radio group component. - Added a toggle component. - Added a Toaster component and a toast function to create toasts. - Added a new "warning" colorway to all components that support colored variants.
- Added a Modal component. - Added a new, "flat" button variant. - All color variables now come in hsl format and need to be wrapped in hsl(). This allows for easier opacity management - Some fixes in regards to textarea sizing on small devices
Windows decided now would be a good idea to change 190 files on it's own so yeah
- Added a new select component. - Some changes to input & textarea transitions - Modals now show overflow to allow for selects to be used - Fixed radio inputs not actually being disabled
- Added a dropdown component. - Added a user component. - Moved all colorways into a shared type. - Removed the transparent backgrounds from select elements for better visibility. - Adjusted the shadows for select dropdowns & toasts.
- Added new sidebar & double sidebar components. - Added a new RootLayout component.
- Added right click (and both mouse buttons) triggers to dropdowns - Added option to register buttons for opening and closing single sidebar individually
- Fixed the modal backdrop animation taking a whole second to complete
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is going to be insane!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
So far it looks good to me, we can start iterating from this point, I'm just wondering if we should add as part of the head component the astro-capo
integration
This comment was marked as resolved.
This comment was marked as resolved.
Co-authored-by: Adam Matthiesen <amatthiesen@outlook.com>
Seriously this is a UI lib why did I think putting this here would benefit the UI lib.
This reverts commit 308d332.
Thank you for submitting your Pull Request, the following links will become available for preview shortly:
|
Thank you for submitting your Pull Request, the following links will become available for preview shortly:
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Honestly, this is looking awesome! Great work team! A lot of improvements over the initial version!
You make me proud 💜 !
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Description
After discussing a potential dashboard redesign in #294, it was (largely) agreed upon that a new dashboard redesign would be desired. This PR aims to establish a UI library containing not only the components needed to build the new dashboard, but also add layouts to help with fonts, colors, sizes & spacings for a uniform design & better DX across the entire StudioCMS ecosystem.