Skip to Main Content

24.2

Theme Updates

  • New Font APEX 2.4 - includes 254 Country Flag icons.
  • New Utility Classes for Typography, Shadows, Flex Order, and Padding/Margin.
  • Support for Grouping in Content Row. supports a title & Icon.
  • New Password Visibility toggle on Password Items.
  • Supports the ability to display multiple Avatars with the Avatar Template Component.
  • Better support for mobile browsers with dynamic toolbars.
  • Misc updates to Redwood Light & adjusted page padding to be consistent with Vita.

Bug Fixes

  • Fixed issue with the Comments Template Component where the avatar was unable to receive classes.
  • Fixed issue with the navigation menu placeholder icon would flicker when loading a user defined icon.
  • Fixed issue with pagination button size for interactive grids.
  • Fixed layout issue with the timeline template component when selection was not enabled.
  • Fixed issue with the timeline template component regarding badge style and shape attributes.
  • Fixed layout and styling issue regarding the hours and minutes for the inline date picker.
  • Fixed layout issue when the navigation menu was open while the viewport is smaller than 420px.
  • Fixed issue with interactive grid filter chip styles.

24.1

Theme Updates

  • Font APEX: added 70 new icons, including icons for AI, business use, and additional calendar and web application icons.
  • Added Selection support to Content Row, Comments, Media List and Timeline template components.
  • Added support for new Select One and Select Many items
  • Added Workflow Diagram support.
  • Reduced font size on small buttons.
  • Added support for indentation for tree items of level 3 and lower.
  • Updated breakpoints for responsive visibility utility classes, and added new XXL support.
  • Refreshed Redwood Light
    • Updated Avatar default background color, font-size, border-radius, height and width.
    • Updated File Drop background color and removed icon for inline, inline-dropzone, and dropzone views.
    • Updated Wizards marker and track styles, increased font size and weight.
    • Updated focus styles for inputs.
    • Updated Badge border radius, padding, font-weight, subtle background-color palette.
    • Updated Chip styles for Interactive Report, Interactive Grid, and Combobox.

Accessibility Updates

  • Improved accessibility of success and notification messages in page templates.
  • Improved read only item support.

Bug Fixes

  • Fixed pagination alignment of buttons and icons.
  • Fixed issue where border-radius was not applied on comments.
  • Fixed missing focus styles on Select Lists in Firefox.
  • Fixed issues where Tree labels were not visible in Redwood Light.

23.2

Theme Updates

  • Refreshed Redwood Light
    • Updated textures and background images
    • Updated Tree navigation style
    • Updated Badge font weight
    • Updated Avatar Initials to display as uppercase
    • Updated Breadcrumb style
    • Updated default main content box shadow size for floating layout
    • Updated body title background color
    • Miscellaneous updates to font sizes

Template Component Updates

  • Content Row
    • Support for Template Directives in Overline, Title, Description and Miscellaneous
    • Added Compact Style
    • Added the ability to Remove Borders and Padding
    • Added Badge alignment and position
    • Added the ability to add a link to Badges
  • Badge
    • Added the ability to add a link
  • Avatar
    • Added support for No Shape for icons
    • Support for accessible title and description text for all modes
  • Comments
    • Added ability to pass a class name for individual comments

CSS Changes

  • Added support for new Combobox and File Upload items
  • Miscellaneous font sizing and style changes
  • Updates to padding and alignment

Bug Fixes

  • Fixed Datepicker day of the week abbreviation for Arabic language
  • Fixed line height for percent graph
  • Fixed floating label for Switch Select List

23.1

Template Changes

  • Added new Template Component regions: Comments, Content Row, Media List, Timeline
  • Added new Template Component partials: Avatar, Badge
  • Added new Up position in the Hero and Title Bar region templates
  • Added None Icon Shape option for Cards, Classic Report, and List templates.
  • Added support for new Color Picker

Template Options

  • Added Order By alignment Template Option for Standard and Report regions

CSS Changes

  • Added u-inline-flex utility class
  • Regions will no longer resize on smaller mobile when height is set

Bug Fixes

  • Fixed missing indent on nested Link Lists
  • Fixed image item not displaying properly when using Floating Fields
  • Fixed issue where label could overlap contents in Floating Fields
  • Fixed incorrect variable used to control dialog/drawer animation duration
  • Fixed issue where .fa- size modifiers did not work on buttons
  • Fixed issue where facets in faceted search would be forced into columns on mobile
  • Fixed issue where Compact breadcrumbs did not work on smaller breakpoints
  • Fixed issue where Mega Menus would scroll with page
  • Removed Side Navigation's transitions when Reduced Motion enabled

22.1

Template Changes

  • New Image region template
  • Added support for Region Images in Login Region and Hero Region
  • Added support for custom Background Image using Image Region on Login Page

Template Options

  • Added new modifiers for Image regions
  • Added Legacy "Deferred Rendering" to Pages

CSS Changes

  • Updated Menu Bars render during page load to reduce page flickering
  • Updated Side Navigation to render during page load to reduce page flickering
  • Updated Semi-bold weight to 600 from 500, allowing for thicker type in certain areas
  • Cleaned up Faceted Search spacing and support for new actions menu
  • Minor Redwood Light enhancements

Bug Fixes

  • Fixed checkboxes that would render with different color
  • Fixed layout issue with Cards set to render as Row
  • Fixed where Tabs would display all content during page load
  • Fixed FontAPEX scale modifier classes to work with CSS variables
  • Fixed Standard Region title to wrap text when too long
  • Fixed button colors in Interactive Report and Interactive Grid

22.2

Template Changes

  • New Search Region template
  • New Item Container region template
  • Added support for new Date Picker item
  • Added support for new Autocomplete item
  • Added support for Declarative Landmarks

Template Options

  • Added the ability to hide the header of Content Block regions
  • Added option to change the style of Display Only on items

Template Positions

  • Enabled Item support in NEXT button position on Hero region
  • Enabled Item support in NEXT button position on Title Bar region
  • Enabled Item support in EDIT, PREVIOUS, NEXT on Content Block region
  • Enabled Item support in CREATE, EDIT, NEXT, PREVIOUS in Standard region
  • Enabled Item support in CREATE, EDIT, NEXT, PREVIOUS in Collapsible region
  • Enabled item support in PREVIOUS, NEXT, CHANGE in Button Container region
  • Enabled item support in PREVIOUS, NEXT in Inline Dialog region
  • Enabled item support in PREVIOUS, NEXT in Inline Drawer region
  • Enabled item support in PREVIOUS, NEXT in Inline Popup region
  • Enabled item support in NEXT in Alert region

CSS Changes

  • Added .u-opacity utility classes to change opacity of elements
  • Updated Tabs & Region Display Selector to render during page load to reduce page flickering
  • Updated Floating Fields labels to render during page load to reduce item flickering
  • Updated Floating Fields to set label to display on top if Region Template Option "Show Form Labels Above" is set.

Bug Fixes

  • Fixed incorrect font-size for display only fields (now 14px by default vs 16px)
  • Fixed incorrect font-size for floating labels, changed from 12px to 14px
  • Fixed extra spacing & border on Button Containers used within Drawers
  • Fixed Callout's from missing border on caret/arrow
  • Fixed issue where Region Images would overlap Login page's content
  • Fixed transitions so they do not appear if Reduced Motion is enabled
  • Fixed shadow on buttons not being applied correctly

21.2

Template Changes

  • New Inline Drawer region template
  • New Drawer page template
  • Misc Accessibility changes
  • Added aria-current to list templates where needed
  • Collapsible region now uses a button wrapping the region title, faux button to keep current behavior/styles
  • Title Bar region updated to use <nav>
  • Button container removed region title from <h1> this is now used with aria-label
  • Button template options that hide label more accessible to screen readers
  • Main navigation now correctly sets the side navigation to hidden when collapsed
  • Added aria-hidden="true" to icons in regions
  • Hamburger menu label changed from "Expand / Collapse Navigation" to "Main Navigation"

Template Options

  • Button modifier for hide icon on desktop added
  • Button icon position now defaults to left instead of right
  • Added Dialog Size: None to Inline Dialog (now consistent with Modal Dialog)
  • Added inline scripts to help prevent layout shift on page load
  • Added Smart Filter custom position to Title Bar
  • Added Smart Filter custom position to Hero

Page Template Changes

  • New Position for After Logo
  • New Position for Before Navigation Bar
  • New Position for After Navigation Bar
  • Renamed Content Body to Body
  • Renamed Page Header to Banner
  • Renamed Page Navigation to Top Navigation
  • Renamed Before Content Body to Full Width Content
  • Renamed Inline Dialogs to Dialogs, Drawers and Popups
  • Enabled Items and Buttons in Footer

CSS Changes

  • Header Accent Changed to Primary Accent
  • Header Bottom Border (better support for white header)
  • Header Small Shadow
  • Header buttons removed border and active inner shadow
  • Button Border color changed from rgba(0,0,0,.15) to rgba(0,0,0,.075);
  • Button Box shadow added for normal state
  • Button icon spacing changed from 4px to 6px
  • Region Border radius changed from 2px to 4px
  • Region header buttons right padding changed from 8px to 12px (now consistent with other sides)
  • Region header buttons now have padding on top and bottom so they do not touch large button variations
  • Region Shadow added
  • Alert Shadow added
  • Alert font weight changed from normal to semibold
  • Tabs & RDS active tab font weight changed from normal to semibold
  • Content Block (Light/Shaded) Shadow added
  • Primary color changed to #056AC8
  • Warning color changed to #FFC628
  • Success color changed to #278701
  • Danger color changed to #CB1100
  • Info changed to new primary color
  • Title Bar/Hero font weight changed from normal to semibold
  • Removed DevToolbar button color overrides
  • Added support for reduced motion on dialogs/login split
  • Added spacing between radio/checkbox items
  • Increased spacing between radio/checkbox and label
  • Added custom scrollbar back to Side Navigation
  • Updated focus shadow on TreeNav to be inset
  • Added the ability to enlarge the input-font-size on mobile.
  • Added new variables for breadcrumb links controlled by theme roller
  • Added placeholder styles for Top Navigation Menu (faster loading)

Bug Fixes

  • Hammer.js scoped so native touch gestures will now work across the app. Enabling gestures such as zooming in and out.
  • Hero Body now has grid support
  • Carousel swipe gesture reversed
  • Sidebar Navigation overflow/scroll/focus fixed (Moved overflow back to t-Body-nav from t-TreeNav)
  • Fixed incorrect icon color on fields
  • Fixed breadcrumb region title not displaying inline when shrunk