v1.26

What's Changed

• Add additional documentation for MenuItem and sideNavItems by @bryancunningham-okta in #2392
• feat: adds the ability to render an encapsulated Unified UI Shell by @KevinGhadyani-Okta in #2373
• Translations for odyssey by @oktapp-bacon-worker-okta in #2394
• Update on hover CSS for AppTile component by @stephanieyoshimoto-okta in #2370
• Add new Picker components by @bryancunningham-okta in #2375
• Contrast mode updates by @benlister-okta in #2387
• Truncate chips when rendered inside multi-selects by @bryancunningham-okta in #2395
• Add height style to OdysseyThemeProvider div by @benlister-okta in #2397
• Add loading state to AppTile by @jordankoschei-okta in #2384
• Compact variant for DataView cards by @jordankoschei-okta in #2396
• Remove excess padding in spacer column by @jordankoschei-okta in #2393
• Enable removal of certain pagination elements by @jordankoschei-okta in #2386
• Small Tag variant by @benlister-okta in #2398
• feat: adds side-nav collapse handle by @ganeshsomasundaram-okta in #2385
• Updates roadmap page data with latest by @benlister-okta in #2401
• fix: enforce AppTile image heighgt by @jordankoschei-okta in #2400
• Refactors UI Shell and adds accessibility to TopNav by @KevinGhadyani-Okta in #2399
• Smarter column expansion in DataView by @jordankoschei-okta in #2404
• SideNav updates by @jordankoschei-okta in #2402

Full Changelog: v1.25.0...v1.26.0

v1.25.0

What's Changed

• feat(odyssey-react-mui): Add haitian creole to suported languages in #2382
• fix(odyssey-react-mui): wrap long menu items. Add sane max-height in #2381
• build: adds code coverage to Odyssey in #2361
• Disabled tag style updates for icon in #2380
• Revert usage of contrast mode in #2388
• chore(odyssey-storybook): add ht to langs and add newer keys in #2390

Full Changelog: v1.24.1...v1.25.0

v1.24.0

What's Changed

• Add BackgroundContext for gray background component theme changes #2364
• Add meta text to DataView #2348
• Ensure storybook demo of row reordering reorders rows #2366
• Fix hint link styling #2353
• Add overline typography variant #2349
• Misc Odyssey updates #2326

Full Changelog: v1.23.0...v1.24.0

v1.23.0

What's Changed

• fix: Update Test Selector types and improve functionality #2333
• chore: Move fileupload and switch to core #2343
• Tag Color update / accent palette #2341
• fix: Add missing props to Storybook #2313
• More SideNav, shadowDom improvements #2351
• Fix useScrollIndication expansion issue #2346
• Update caniuse-lite and react testing package #2356
• fix: updates axios, body-parser libraries in #2357
• feat: adds Aeonik and Inter to Odyssey Storybook #2355
• fix: DataView bugfixes #2347
• fix: fixes translations not working with TypeScript #2354
• fix(odyssey-design-tokens): using correct weights in SB #2363
• Add onPaginationChange hook to DataView #2365

Full Changelog: v1.22.0...v1.23.0

v1.22.0

What's Changed

• Fix DataView regressions #2316
• Read-only support for Checkbox, Radio, Switch #2305
• Update Callout, Banner, Toast colors #2306
• Add min-heights to keep correct heights in empty Autocomplete options #2324
• Fix virtual autocomplete height #2321
• Renaming the DataView stack portions #2318
• Fix DataTable scroll hook #2331
• Fix select multioption not rendering text when you use an options object #2323
• Automatically scroll to the first isSelected SideNavItem #2325
• Translations for odyssey #2337
• Add additional action button and menu slot to table #2334
• Add a new card-like component called AppTile for End-User #2335
• Adds new Shadow DOM export with better naming #2338

New Contributors

• @zhengchen-okta made their first contribution in #2323

Full Changelog: v1.21.1...v1.22.0

v1.21.2

What's Changed

• Adds timezone support to DatePicker #2293
• Generic top nav component #2296
• Odyssey Roadmap update #2297

Fixes

• Remove invalid pseudo-element from theme overrides #2310
• Applitools wasn't consistently running VRTs #2314
• Fix column growth issue in Data tables #2309
• Additional refactoring for DataView #2280
• Adjust the Data table last column #2307
• Fix Data table column resizing regressions #2316

Full Changelog: 1.20...1.21

v1.20.0

What's Changed

• Add Slack information for Odyssey #2274
• English leak for "Close" in Autocomplete #2291
• PageTemplate and Layout component #2219

New Contributors

• @stephanieyoshimoto-okta made their first contribution in #2274

Full Changelog: v1.19.0...v1.20.0

v1.19.0

What's Changed

• Update glob to v9 #2275
• Remove vestigial lamp from status pills #2270
• Data view, stack, and table #2267
• Adds new side navigation component for unified nav design #2269
• Only apply height rules to virtualized autocomplete #2281
• Fix DataTable callback dep warnings #2284

Full Changelog: odyssey-1.18.0...odyssey-1.19.0

v.1.18.0

Thanks for supporting Odyssey! 🥳 Here is a few highlights from this release:

• New blue 'info' variant for Status
• Allow multi-select in DataFilter
• Adds a 'lamp' version of Status
• Rename "Tile" to "Card"
• Various bug fixes

What's Changed

• Fix autocomplete dropdown height #2234
• Add info variant to Status #2235
• Allow multi-select. pass value to filter #2231
• Storybook Roadmap page update #2246
• Dialog action button missing keys #2249
• Fix filter autocomplete value #2251
• Add status lamp #2250
• Rename "Tile" to "Card" #2253
• Allow noOptionsText and translate clear text #2254
• translations for odyssey-react-mui.properties #2255
• Update changelog.md to include odyssey-1.16.0 #2258
• add initial search prop #2265
• add backwards compatible empty state export #2266
• Pass testId to Accordion #2264
• updated vulnerable packages per Snyk #2268
• Update Switch design #2252

Full Changelog: odyssey-1.16.0...odyssey-1.18.0

v1.16.0

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.

CHANGELOG

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 to Status [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 to dev 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 enable Menu 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]