v1.16.0
KevinGhadyani-Okta
released this
07 Jun 17:28
·
126 commits
to main
since this release
This is the first major update to Odyssey since we modified our release process.
Thanks for supporting Odyssey.
We have some heavy hitters in here:
DatePicker
Drawer
EmptyState
FileUploader
Grid
Layout
Grid
and Layout
are here to help us unify the look 'n feel of our apps at Okta. It's a template that goes into our navigation's body, so you don't have to worry about adding a bunch of Box
components with padding and spacing CSS in your app.
Odyssey was lacking a Drawer
or modal-style component for quite some time, but it's here now!
EmptyState
is used in DataTable
and will be available in the upcoming DataList
component.
FileUploader
is a new addition to our form components to allow file uploads.
1.16.0 (2024-06-07)
Features
- Admin page template - [Figma] A blank canvas for designers containing the basic framework with which to create any type of UI.
- Data Table [2042] - Data table organizes and displays information so it’s easy for users to scan, sort, analyze, compare, and take action.
- Date Picker (Labs) [2200] - A date picker allows people to select a single date or time.
- Drawer 2198 - A new modal content container that’s perfect for supplemental filtering workflows and editing short lists of item.
- EmptyState component [2175]
- File uploader (Labs) 2088 - File uploader lets users upload files from a computer or device to a specific location.
- Odyssey's Roadmap page now includes a customizable table view of FY2025 timing estimates and current phases for each planned component and pattern.
- Pagination component [2166]
Enhancements
- Add clarification for textarea usage in
TextField
[2227] - Add href prop and "Floating Action" variant to
Button
[2232] - Add option to truncate or wrap
DataTable
cells [2178] - Add row expansion to
DataTable
[2162] - Add
info
variant toStatus
[2235] - Add Secondary Danger
Button
variant [2228] - Add stories for min/max date prop in
DatePicker
[2213] - Display empty values in
Select
[2205] - Generate new odyssey icons [2233]
- Improve
DataTable
density handling [2177] - Navigation icons in Figma. We’ve also updated the glyph grid, and made file organization updates, and visual optimizations.
- Move
tsx
dependency todev
and upgrade [2212] - Test selector library for Odyssey components 2209
- Universal Okta icons in Figma
- Updated disabled
Button
guidance [2214]
Fixes
- Add Applitools Yarn dependencies to cache [2187]
- Add support for lists in
Callout
[2189] - Add
tabindex
to enableMenu
KB navigation [2225] - Allow multi
Select
to pass value to filter [2231] - Change how mui tooltip ref is assigned in
Button
[2206] - Checkbox item size issue in hidden instances [Figma] [DES-5855]
- Expose "filled" variant of
SearchField
[2226] - Fix
Autocomplete
style issues [2192] - Fix
Autocomplete
dropdown height [2234] - Fix broken height on multi
Select
[2183] - Fix missing callback dependencies in
DataTable
[2188] - Remove HTML lang attr [2197]
- Re-add support for "callToAction"
Button
usage [2229] - Rename text wrapping prop in
DataTable
[2195] - Truncate long
Breadcrumbs
[2182] - Update
Callout
storybook docs [2204]