New pattern:

• InlineSVG - use this pattern to render custom SVG markup in you screens. This way it's possible to change the fill and stroke properties, or to animate the SVG paths.
  
  

Fixes:

• Fixed issue on Pagination pattern relative with list virtualization of each element rendered.
• The padding-none class now works when used on CardBackground's ExtendedClass parameter.
• Fixed the Animated Label's behavior when its value is empty
• Fixed the value of aria-hidden of AccordionItem when the content is open/closed.
• Fixed the Accordion Item arrow's animation axis.
• Fixed the scroll position when navigating between screens using the browser's back button.
• Fixed an issue that prevented users from using the optional parameter URL to preview images with the LightboxImage pattern.

Improvements:

• The carousel now sets 3 new CSS Variables on the body of the page to allow custom CSS animations:
  • .var(--{carousel.id}-width)
  • . var(--{carousel.id}-position)
  • . var(--{carousel.id}-items)
  • The name is dynamic, using the caruosel.id, to allow multiple carousel animations on the same screen.
  • You can see an example on how to use this, in the new Onboarding With Animation Screen Template.
• Now it's possible to set full-width on the Sidebar pattern using the full-width utility class on the ExtendedClass parameter.
• New CSS utility classes available:
  • position-relative: apply relative position to elements.
  • position-absolute: apply absolute position to elements.
  • absolute-[top,top-right,top-left, bottom, bottom-right, bottom-left, center, center-top, center-right, center-bottom,center-left]: set the element position in all sides. The CSS classes were added independently for each position. 
  • border-[top, bottom, left, right]: add border lines to elements or using into columns, the border will apply only to each column item. The CSS classes was added independently for each side. 
  • border-radius-[top, bottom, left, right]-soft: modify the border-radius of an element. The CSS classes was added independently for each corner and for each side. 
  • flex-direction-column-reverse: reverse the order of elements.
  • align-items-initial: useful to reset the flex alignment of patterns, using flexbox. 
  • align-items-flex-end: align content with text,using flexbox.
  • align-items-baseline: align content with element's bottom, using flexbox.
  • remove-card-gradient: remove the card background gradient, using the ExtendedClass parameter.
  • scale-up: animation style to scale up elements.
  • break-word: break text inside elements.