uikit/CHANGELOG.md

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.

# Changelog

## 3.21.0 (May 17, 2024)

### Added

- Add new search navbar modifier to Search component

### Changed

- IMPORTANT: Rename `uk-search-navbar` class to `uk-search-medium`
- IMPORTANT: Rename `@search-navbar-*` variables to `@search-medium-*`
- IMPORTANT: Rename `@inverse-search-navbar-*` variables to `@inverse-search-medium-*`
- Rename old search navbar modifier to search medium in Search component

### Fixed

- Fix clickable search icon not being in natural ordering for sequential focus navigation

## 3.20.11 (May 17, 2024)

### Fixed

- Fix regression in Sortable component

## 3.20.10 (May 13, 2024)

### Removed

- Remove `removeClasses()` util function

### Fixed

- Fix slide transition in Slider component in Safari

## 3.20.9 (May 8, 2024)

### Added

- Add color mode `--uk-inverse` property in all components

### Fixed

- Fix race condition in Slider/Slideshow component
- Fix prompts with double quotes in Modal component
- Fix infinite loop in Slider component

## 3.20.8 (April 26, 2024)

### Fixed

- Fix check for `Elemenent.prototype.checkVisibility` function
- Fix filter animations in Safari

## 3.20.7 (April 24, 2024)

### Fixed

- fix: revert adding esm build for now (breaks resolving logic)

## 3.20.6 (April 24, 2024)

### Fixed

- Fix missing esm dist files in package

## 3.20.5 (April 24, 2024)

### Fixed

- Fix missing esm export for icons

## 3.20.4 (April 24, 2024)

### Fixed

- Fix missing esm export

## 3.20.3 (April 24, 2024)

### Fixed

- Fix regression in none browser environment

## 3.20.2 (April 24, 2024)

### Changed

- Make gutter overridable through grid classes in Iconnav and Thumbnav components

### Fixed

- Fix Switcher component may show multiple items if toggled while previous animation in progress
- Fix regression in selector engine

## 3.20.1 (April 23, 2024)

### Fixed

- Fix regression in Inverse component

## 3.20.0 (April 23, 2024)

### Changed

- Improve query selector performance 🏎
- Queue updates on microtask instead of animation frame to ensure more immediate updates

### Removed

- Remove deprecated `closest()` and `within()` functions

### Fixed

- Fix lazy loading on target in Toggle component

## 3.19.4 (April 9, 2024)

### Added

- Add `hover` mode to `autoplay` option in Video component

## 3.19.2 (March 12, 2024)

### Added

- Add center vertical and horizontal classes to Position component

### Fixed

- Fix `scrollIntoView()` when target is covered by another element

## 3.19.1 (March 1, 2024)

### Added

- Add Bluesky icon

### Fixed

- Fix Video component handles fullscreen mode correctly

## 3.19.0 (February 29, 2024)

### Added

- Add breakpoint classes for flex direction, dimension and alignment
- Add `active` option to Slider component

### Changed

- Remove obsolete fix for rounding issues in Width component in IE11/Edge

### Fixed

- Fix width expand classes mixed with other width classes of higher breakpoints in Width component
- Fix combination of width auto and expand breakpoint classes
- Fix logo inverse selector to work with different types of images
- Fix Tooltips not showing in iOS
- Fix parallax scrolling for Slideshow/Slider component with finite mode
- Fix Slider component disables infinite scrolling prematurely
- Fix Sass sources by renaming spin() (LESS) to adjust-hue() (Sass)
- Fix Height Match component recalculates its heights, when a font has loaded

## 3.18.3 (February 13, 2024)

### Fixed

- Fix dropbar offset in Navbar component
- Fix autoplay option in Lightbox component
- Fix height in Height Placeholder component
- Fix Height Match component to use viewport dimensions as base again

## 3.18.2 (February 9, 2024)

### Fixed

- Fix wrong dropbar offset in Navbar component
- Fix conflict if multiple Dropnav components share the same container

## 3.18.1 (February 7, 2024)

### Changed

- Close modal if contained video leaves fullscreen mode

### Fixed

- Fix Video component does not pause video if it enters fullscreen mode
- Fix page scrolls while sorting in Sortable component
- Fix horizontally overflowing elements are not scrollable in Modal component
- Fix Height Match component applied to SVG elements

### Removed

- Remove Pagekit CMS icon

## 3.18.0 (January 30, 2024)

### Added

- Add parallax options to Slider and Slideshow components
- Add Inverse component to color content with no background depending on intersecting elements beneath
- Add color mode for default and muted style modifiers in Section, Tile, Card and Overlay components
- Add Height Placeholder component
- Add size modifier to Nav component
- Add link external and arrow up right icons
- Add X, Mastodon, Telegram, Threads, Signal and YOOtheme icons

### Changed

- Replace `none` with `dark` as default for navbar, dropdown and dropbar color modes
- Twitter icon will show X icon
- Responsive component uses `aspect-ratio` if available

### Fixed

- Fix icons task on Windows
- Fix Height Match component uses offsetHeight as base

## 3.17.11 (November 21, 2023)

### Fixed

- Fix Tooltip component not hiding when used with delay

## 3.17.10 (November 17, 2023)

### Fixed

- Fix Tooltip component initialized programmatically
- Fix Tooltip component not hiding on blur

## 3.17.9 (November 16, 2023)

### Changed

- Improve Tooltip performance

### Deprecated

- Deprecate `closest()` and `within()` functions

### Fixed

- Fix `scrollIntoView()` function scrolls to wrong position
- Fix Drop and Modal based components remain open when anchor click targets element within

## 3.17.8 (November 2, 2023)

### Fixed

- Fix build

## 3.17.7

### Added

- Add `uk-transition-disable` utility class to Transition component

### Fixed

- Fix disabling transition during Sticky component size recalculation

## 3.17.6 (October 25, 2023)

### Fixed

- Fix regression in Video component causing videos to autoplay with `autoplay` set to `false`

## 3.17.5 (October 24, 2023)

### Deprecated

- Deprecate `isInView()` and `intersectRect()` functions
- Deprecate `target-offset` option in Sticky component

### Changed

- Video component uses IntersectionObserver only

### Fixed

- Fix Scroll component not detecting covering element correctly

## 3.17.4 (October 18, 2023)

### Fixed

- Fix filter animation fade

## 3.17.3 (October 17, 2023)

### Fixed

- Fix Grid component applies `uk-grid-stack` class wrongly

## 3.17.2 (October 16, 2023)

### Fixed

- Fix `scrollIntoView()` function uses offset left to detect elements that would cover target
- Fix Height Match component recalculates its heights, when a font has loaded

## 3.17.1 (October 5, 2023)

### Fixed

- Fix icon alignment in Pagination component
- Fix Sticky component overflow scrolling position on resize
- Fix Cover component no longer uses inline style

## 3.17.0 (September 28, 2023)

### Added

- Add modes `pack` (default) and `next` to Grid component's `masonry` option
- Add `parallax-start`, `parallax-end`, `parallax-justify` option to Grid component
- Add `close-on-scroll` option to Drop and Dropdown component
- Add transparent Navbar gets its color modifier from underlying section 
- Add support for `<td>` and `<tr>` elements to `fragment()` function
- Add 3XL size modifier to Heading component
- Add support for a CSS Selector in `offsetTop` option in Height Viewport component

### Change

- Scroll component scrolls beneath elements covering its target 
- The `closest()` function no longer accepts an array of elements
- Reset fieldset min-width

## 3.16.27 (September 28, 2023)

### Fixed

- Fix Height Viewport component not observing viewport changes with `expand: true`
- Fix passing a `vh` unit to option `scale` relates to element's height in Parallax component 

## 3.16.26 (August 28, 2023)

### Fixed

- Fix minified build to use template-strings too

## 3.16.25 (August 28, 2023)

### Added

- Add `-source` argument to `prefix` command

### Fixed

- Fix Toggle in hover mode does not trigger when scrolling in FireFox
- Fix Parallax component stop parsing

## 3.16.24 (August 1, 2023)

### Fixed

- Fix delayed show in Drop component shows drop, although toggle is no longer hovered
- Fix regression in Slider component
- Fix disconnecting Sticky component

## 3.16.23 (July 26, 2023)

### Fixed

- Fix potential rounding issues in `offset()` function, when used as setter
- Fix to ensure Slider items have `max-width: 100%`
- Fix Dropdowns in Dropnav and Navbar components are initialized too late causing CLS

## 3.16.22 (June 22, 2023)

### Fixed

- Fix existing notification container has to be visible before appending notification 

## 3.16.21 (June 13, 2023)

### Fixed

- Fix release changelog

## 3.16.20 (June 13, 2023)

### Fixed

- Fix Toggle component with `cls` option in hover mode
- Fix `aria-roledescription` attribute in Slider nav component

## 3.16.19 (May 24, 2023)

### Fixed

- Fix Parallax component responsiveness on resize of scroll container

## 3.16.18 (May 22, 2023)

### Changed

- Modal prompt dialog selects text in input
- Sticky component sets position context with `!important` modifier

### Fixed

- Fix keyboard navigation in Navbar component

## 3.16.17 (May 9, 2023)

### Added

- Add i18n labels for Search Icons

### Fixed

- Fix Toggle component uses anchor element's hash as target fallback

## 3.16.16 (May 8, 2023)

### Removed

- Remove `Deferred` util class

### Fixed

- Fix auto pausing videos in Video component
- Fix Tooltips are not removed from Dom if showing is prevented
- Fix Switcher component not initializing properly
- Fix Tooltip generates duplicate id
- Fix calculating sets in Slider component with `center` option enabled
- Fix JavaScript error in Parallax component

## 3.16.15 (April 14, 2023)

### Fixed

- Fix Drop component height if `inset: true` and `stretch: true`
- Fix Drop component `maxWidth` property with fractional viewport view
- Fix Sticky component listens for resize of itself as long as no transition is in Progress

## 3.16.14 (April 6, 2023)

### Changed

- Make Navbar/Dropnav items tabbable again

### Fixed

- Fix using `rgb` and `rgba` values in color stops in Parallax component
- Fix setting `will-change` css property in Parallax component for camelCased props
- Fix Slider removes `tabindex` from focusable elements in slides
- Fix class `uk-svg` gets added to `<svg>` element only in Svg component 

## 3.16.13 (March 28, 2023)

### Fixed

- Fix Sass sources
- Fix Scrollspy Nav component updates state once shown

## 3.16.12 (March 27, 2023)

### Fixed

- Fix push history state in Scroll component if href differs from current url only

## 3.16.11 (March 24, 2023)

### Changed

- Remove roles `menubar` and `menuitem` from Navbar component
- Add `watch` to component options API

## 3.16.10 (March 20, 2023)

### Fixed

- Fix including UIkit scripts at the end of `body` element

## 3.16.9 (March 18, 2023)

### Fixed

- Fix reactivity in Toggle component
- Fix regression in Scrollspy component

## 3.16.8 (March 17, 2023)

### Fixed

- Fix focus style for dropdowns when used with Inverse component
- Fix regression in Lightbox component

## 3.16.7 (March 16, 2023)

### Added

- Add hidden visually class for assistive technologies to Visibility component
- Make toggle classes to display elements on hover or focus accessible to screen readers in Visibility component

### Changed

- Change boot behavior: if script is loaded synchronous, UIkit boots as soon as body element is available

### Fixed

- Fix component distributions
- Fix Slider/Slideshow component autoplay in Firefox
- Fix using input of type range in Modal component on touch devices
- Fix accessibility in Slideshow/Slider and Nav component
- Fix prevent initial transition in Sticky component
- Fix keyboard navigation in Navbar component
- Fix importing UIkit in Next.js

## 3.16.6 (March 10, 2023)

### Fixed

- Fix Sass sources
- Fix `createComponent` call without `element` parameter

## 3.16.5 (March 10, 2023)

### Fixed

- Fix functional component initialization
- Fix `pause-on-hover` option in Slider/Slideshow component

## 3.16.4 (March 8, 2023)

### Added

- Add `observe` to component options API

### Fixed

- Fix default i18n option for Modal dialogs
- Fix Slideshow initially shows last slide first
- Fix Height Match component does not change height while updating
- Fix Slider reactivity when a slide is hidden/shown
- Fix Scroll component correctly changes history state

## 3.16.3 (February 27, 2023)

### Fixed

- Fix object type coercion

## 3.16.2 (February 27, 2023)

### Fixed

- Fix event delegation did not delete `current` property causing parent event handler to trigger
- Fix focusable elements within none visible slides are no longer focusable in Slider component
- Fix opened Drop component prevents smooth scrolling of document on iOS

## 3.16.1 (February 23, 2023)

### Fixed

- Fix missing dropnav.scss file from dist

## 3.16.0 (February 23, 2023)

### Added

- Add WAI-ARIA roles, states and properties to interactive JavaScript components
- Add WAI-ARIA keyboard interaction pattern to interactive JavaScript components
- Add language internationalization (i18n) for interactive JavaScript components
- Add `i18n` option to corresponding JavaScript components
- Add Dropnav component
- Add parent icon to Drop component
- Add support for YouTube Shorts URLs in Lightbox component
- Add Android, Android Robot, Apple and Microsoft icons
- Add `uikit:init` event triggered on document before components initialize
- Add `countdownstart`, `countdownstop` and `countdownend` events to Countdown component

### Changed

- IMPORTANT: Remove `.uk-dropdown-close` from Dropdown component. Use `uk-drop-close` instead
- IMPORTANT: Remove `.uk-dropdown-grid` from Dropdown component. Use `uk-drop-grid` instead
- IMPORTANT: Remove `.uk-navbar-dropdown-close` from Navbar component. Use `uk-drop-close` instead
- IMPORTANT: Remove `.uk-navbar-dropdown-grid` from Navbar component. Use `uk-drop-grid` instead
- IMPORTANT: Remove error message options in Upload component, use `i18n` option
- IMPORTANT: Rename `labels` default property and option on `UIkit.modal` to `i18n`
- Move functional CSS from Dropdown, Dropbar and Navbar component to Drop component

### Removed

- Remove `ajax()` util function, use native `fetch` instead
- Remove `getImage()` util function

## 3.15.25 (February 23, 2023)

### Fixed

- Fix Dropbar partially closing before opening when switching between Navbar items
- Fix Parallax component updating too late during slide animation in Filter component

## 3.15.24 (February 9, 2023)

### Fixed

- Fix Tooltip component appends to `container` option, prevents margins in scroll container
- Fix regression in `scrollParents` function

## 3.15.23 (February 1, 2023)

### Fixed

- Fix prevent background scrolling in Safari

## 3.15.22 (January 19, 2023)

### Added

- Add Eye and Eye Slash icons

### Changed

- Update Lifesaver, Paint Bucket and Video Camera icons to fit outline style

### Fixed

- Fix Scroll component scrolls to elements by name
- Fix Tooltip appends itself to the closest scroll container if within element referenced by `container` option

## 3.15.21 (January 12, 2023)

### Added

- Add larger gap on larger viewports to Navbar component in UIkit theme
- Add gradient for text background to Text component in UIkit theme
- Add gradient for thumbnav item to Thumbnav component in UIkit theme

## 3.15.20 (January 5, 2023)

### Changed

- Improve close icon not overlaying content in Modal component in UIkit theme

### Fixed

- Fix nav in Dropdown component not overriding properties of Nav component
- Fix disable native position sticky in Sticky component if parents `overflow` is not set to visible
- Fix Drop positioning

## 3.15.19 (December 20, 2022)

### Changed

- `removeAttr` no longer accepts a space separated list of attribute names

### Fixed

- Fix stacking context if using `position: sticky` in Sticky component
- Fix height calculation for `box-sizing: border-box` on Accordion content
- Fix error in console if image can't be loaded in Svg component with `stroke-animation: true`
- Fix `scrollIntoView()` no longer considers elements with `position: clip` as scrollable parents
- Fix Slider shows not centered initially with `center: true`

## 3.15.18 (December 13, 2022)

### Fixed

- Fix positioning of Tooltip and Drop components if target is inline element
- Fix Sticky component resizing on `clsBelow` class causes stutter
- Fix Sticky component correctly resets on becoming inactive
- Fix detection of finite mode in Slider component with `center` option enabled

## 3.15.17 (December 6, 2022)

### Fixed

- Fix detecting unit in Parallax component stops

## 3.15.16 (December 5, 2022)

### Changed

- Add `will-change` css property to Parallax elements 

### Fixed

- Fix for elements with `position: sticky` to keep their position when Offcanvas is opened
- Fix regression in clicking hash links in Modal component that match `sel-close` option
- Fix jump after animation if Accordion content has `padding-bottom`
- Fix Sticky listens for resize of itself while not positioned `fixed`
- Fix Sticky positioning on mobile devices

## 3.15.15 (December 1, 2022)

### Changed

- Remove `offsetTop` and `offsetLeft` options from Image and Scrollspy component. Use `margin` instead.
- Sticky component uses native `position: sticky` if possible

### Fixed

- Fix Scroll and Scrollspy Nav components handle same site links only
- Fix Drop positioning within not scrollable viewport
- Fix overscroll behavior in Dropbar
- Fix conversion of viewport height units with `toPx()` on mobile devices 

## 3.15.14 (November 21, 2022)

### Fixed

- Fix error thrown when keyboard navigating Navbar component

## 3.15.13 (November 17, 2022)

### Fixed

- Fix Sticky component does not reset width on resize

## 3.15.12 (November 4, 2022)

### Added

- Add `uikit:init` event triggered on document before components initialize

### Fixed

- Fix placeholder has no width if Sticky element's width depends on its content
- Fix Slider/Slideshow Parallax respect `media` option
- Fix Video component with `autoplay: true` no longer resumes autoplay on scroll after being paused
- Fix width/height passed through `attrs` to video item in Lightbox component
- Fix regression in Sortable component (elements are hidden after sorting)

## 3.15.11 (October 25, 2022)

### Added

- Add Crosshairs icon

### Removed

- Remove `focusable` option from Icon and SVG component

### Fixed

- Fix content not focusable with keyboard in Scrollspy component
- Fix removing Lightbox causes JavaScript error
- Fix cases where Switcher component wouldn't correctly initialize in Chrome
- Fix Drop component positioning if target and element are not within same scroll parent

## 3.15.10 (September 21, 2022)

### Fixed

- Fix regression in Filter component animation
- Fix case where UIkit breaks if a form with an input named `attributes` exits

## 3.15.9 (September 19, 2022)

### Fixed

- Fix WAI-ARIA rules for Tooltip component
- Fix slide animation in Sortable component
- Fix input fields reverting to previous value while sorting in Sortable component

## 3.15.8 (September 14, 2022)

### Fixed

- Fix column break within the list item in List component
- Fix Toggle component when using mouse and keyboard simultaneously
- Fix register passive event handler in Slider component

## 3.15.7 (September 13, 2022)

### Changed

- Improve Accordion component keeps toggle in view when toggling

### Fixed

- Fix Slider drag stops on scroll now

## 3.15.6 (August 31, 2022)

### Changed

- Modal closes on click on hash links

### Fixed

- Fix check for selectable Text in Slider drag
- Fix reactivity in Switcher component


## 3.15.5 (August 24, 2022)

### Fixed

- Fix accordion items wrap themselves during transition
- Fix regression in Video component (no autoplay if within a Scrollspy)

## 3.15.4 (August 23, 2022)

### Fixed

- Fix detecting unit in Parallax component stops
- Fix regression in transition animations in Drop component
- Fix regression in Filter component

## 3.15.3 (August 12, 2022)

### Changed

- Remove divider from nav header for divider modifier in Nav component

### Fixed

- Fix Slideshow no longer completely resets upon adding slides

## 3.15.2 (August 8, 2022)

### Added

- Add `boundary-x` and `boundary-y` options to Drop component

### Fixed

- Remove click event listener in Scroll component correctly

## 3.15.1 (July 15, 2022)

### Changed

- Video component will set `allow="autoplay"` on iframe elements
- Allow additional props to be set on Navbar component to initialize its Drops with

### Fixed

- Fix Navbar component resize does not trigger reposition of dropbar
- Fix register scroll listener as passive

## 3.15.0 (July 11, 2022)

### Added

- Add Dropbar component
- Add `target`, `target-x`, `target-y` and `inset` options to Drop component
- Add `stretch` and `bg-scroll` options to Drop component
- Add `shift` option to Drop component
- Add `slide` and `reveal` animations to Drop component
- Add `animate-out` option to Drop component
- Add open and close animation to toggle icon in Navbar component
- Add dropdown large modifier to Dropdown and Navbar component
- Add gap variables to navbar items in Navbar component
- Add color mode variables for dropdowns in Dropdown and Navbar component
- Add navbar parent icon to Navbar component
- Add secondary style modifier to Nav component
- Add font size variables to nav and sublist in Nav component
- Add padding variables for small breakpoint to Modal component
- Add zero z-index utility class to Position component
- Add support for `picture` element to logo in Utility component
- Add box sizing classes to Utility component
- Support scroll parent as viewport in Height Viewport component
- Add ARIA `role="alert"` to Notification component

### Changed

- IMPORTANT: Remove `.uk-nav-parent-icon` from Nav component. Use `uk-nav-parent-icon` attribute on items instead
- IMPORTANT: Remove `*-justify` in `pos` option from Drop and Dropdown components. Use new `stretch` option instead
- IMPORTANT: Remove `boundary-align` option from Drop and Dropdown components. Use new `target` option instead
- IMPORTANT: Change `flip` option values in Drop and Dropdown components. Use new `shift` option too
- IMPORTANT: Remove `display` option in Drop and Dropdown components. Use new `auto-update` option instead.
- IMPORTANT: Rename `@offcanvas-bar-width-m` to `@offcanvas-bar-width-s`
- IMPORTANT: Rename `@offcanvas-bar-padding-vertical-m` to `@offcanvas-bar-padding-vertical-s`
- IMPORTANT: Rename `@offcanvas-bar-padding-horizontal-m` to `@offcanvas-bar-padding-horizontal-s`
- IMPORTANT: Rename `@nav-primary-item-font-size` to `@nav-primary-font-size`
- IMPORTANT: Rename `@nav-primary-item-line-height` to `@nav-primary-line-height`
- IMPORTANT: Rename `@navbar-dropdown-dropbar-margin-top` to `@navbar-dropdown-dropbar-padding-top`
- IMPORTANT: Rename `@navbar-dropdown-dropbar-margin-bottom` to `@navbar-dropdown-dropbar-padding-bottom`
- IMPORTANT: Remove style from `.uk-navbar-dropbar`. Now uses `uk-dropbar`

### Removed

- Remove `getCssVar()` utility function

### Fixed

- Fix body is no longer scrollable in Modal component with overlay
- Fix `offsetPosition()` adds `border-top` of offsetParents
- Fix dragging in Slider component on iOS
- Fix Drop component no longer flips, if it does not fit into scroll area
- Fix Drop component alignment within Dropbar
- Fix ensure write updates aren't called if component is already disconnected
- Fix Offcanvas component no longer overflows document if isn't wide enough
- Remove margin from the last-child within dropdowns in Dropdown and Navbar components

## 3.14.3 (May 27, 2022)

### Fixed

- Fix compatibility with iOS < 14
- Fix regression in Parallax component

## 3.14.2 (May 27, 2022)

### Fixed

- Fix logo image not working with text align in Utility component
- Fix Scroll component on iOS 12
- Fix offset calculation in Drop component
- Fix `-justify` positioning in Drop component
- Fix Dropbar handles resizing Drop components
- Fix Toggle component in `mode:media` default prevents click event
- Fix Toggle component not default preventing touch click on anchor with closed target
- Fix Parallax component background image positioning
- Make content clickable for sticky cover and reveal effects
- Revert: Height Viewport component sets `uk-height-viewport` class to reduce initial layout shifts

## 3.14.1 (May 3, 2022)

### Added

- Add `box-shadow` to `toggleHeight()` hide properties
- Add adaptive velocity to Alert and Accordion components

### Changed

- Set `transition` option to `ease` by default in Togglable mixin

### Fixed

- Fix toggling accordion item while transition is in progress
- Fix Drop positioning with `boundaryAlign: true`
- Fix Scrollspy component not triggering in some cases
- Fix Slider component showing wrong initial index

## 3.14.0 (April 27, 2022)

### Added

- Add position shifting to Drop and Dropdown components
- Add axis flipping if overflowing on both sides to Drop and Dropdown components
- Add `max-width` to prevent overflowing the viewport to Drop and Dropdown components
- Add `display` option to Drop and Dropdown components
- Add support for negative `start` value in Sticky component
- Add `overflow-flip` option to Sticky component
- Add navbar justify to Navbar component
- Add subtitle classes to Nav, Dropdown and Navbar components
- Add support for `vw`,`vh`,`%` and `px` units to scale property in Parallax component
- Add resize horizontal class to Utility component

### Changed

- Rename `top` and `bottom` options to `start` and `end` in Sticky component
- Allow text to wrap into the next line for navs in Dropdown component

### Removed

- Remove `position: auto` option in Sticky component, use `overflow-flip` option instead
- Remove `overflow-x: hidden` on html element, while horizontal animation is active

### Fixed

- Fix dropbar dropdown alignment if boundary-align is true
- Fix viewport helper functions take border into account
- Fix Sticky component responsiveness on window resize
- Fix Cover component correctly applies ratio if only one of width/height is provided
- Fix responsiveness in Grid, Margin and Height Match component

## 3.13.10 (April 20, 2022)

### Fixed

- Revert: Fix reposition Drop on scroll
- Fix Toggle component does not `defaultPrevent()` click on anchor with touch gesture
- Fix Sticky component uses wrong offsetParent while it's positioned fixed

## 3.13.9 (April 20, 2022)

### Fixed

- Fix release

## 3.13.8 (April 20, 2022)

### Changed

- Scrollspy component uses IntersectionObserver instead of scroll/resize events

### Fixed

- Fix Drop/Dropdowns component does not close on clicked `.uk-(drop|dropdown)-close` selector
- Fix Accordion initially not closed
- Fix Height Match component not matching correctly
- Fix Margin component does not correctly listen for resize
- Fix regression in Sticky component affecting height of placeholder
- Fix Toggle not toggling after re-entering button with mouse before drop has closed itself
- Fix reposition Drop on scroll

## 3.13.7 (April 1, 2022)

### Fixed

- Fix regression in Drop component not updating its width if alignment is set to `justify`
- Fix regression in Height Match component not updating its height when resized

## 3.13.6 (April 1, 2022)

### Removed

- Image component no longer sets a `background-size` for elements with `background-size` set to `auto`

### Fixed

- Fix Position component
- Fix regression in Upload component with `multiple` option disabled
- Fix regression in Height Viewport component with `expand` option enabled
- Fix regression in Slider/Slideshow Parallax

## 3.13.5 (March 28, 2022)

### Fixed

- Fix regression in Drop component's `offset` option
- Fix initial values for `@navbar-dropdown-margin` and `@navbar-dropdown-dropbar-margin-top`

## 3.13.4 (March 25, 2022)

### Fixed

- Fix Tooltip margin

## 3.13.3 (March 25, 2022)

### Fixed

- Fix importing UIkit in Next.js

## 3.13.2 (March 25, 2022)

### Changed

- Use custom property for direction offset in components based on Position mixin
- Add max-width to drops in Drop, Dropdown and Navbar components

### Removed

- Remove dropbar push mode from Navbar component

### Fixed

- Fix dropbar dropdown alignment
- Fix dropbar dropdown top margin flickering
- Fix Switcher component with disabled toggles
- Fix responsiveness in Responsive component
- Fix video autoplay
- Fix importing UIkit in Next.js

## 3.13.1 (March 18, 2022)

### Fixed

- Fix Switcher component with disabled toggles
- Fix regression in Cover component

## 3.13.0 (March 18, 2022)

### Added

- Add support for `<img>` element to icon image class in Icon component

### Changed

- Improve performance for large sites
- Custom components have to listen for `resize` and `scroll` updates manually

### Removed

- Remove Edge Legacy (EdgeHTML) support
- Remove Safari fallback for `focus-visible`
- Remove deprecated Gif component
- Remove option `width-element` in Sticky component

### Fixed

- Fix list bullet regression in List component
- Fix regression in Modal component with `uk-modal-dialog` class
- Fix Sticky component notices change in its offset parent's position
- Fix Scrollspy component does not apply animation classes on hide

## 3.12.2 (March 14, 2022)

### Fixed

- Fix regression in Slider/Slideshow touch gestures

## 3.12.1 (March 14, 2022)

### Fixed

- Fix List component used with flex utility classes

## 3.12.0 (March 14, 2022)

### Added

- Add support for `<picture>` element to Image component
- Add `sources` option to emulate `<picture>` element for background images to Image component
- Add `loading` option to avoid lazy loading background images in first visible viewport to Image component
- Add support for `loading="lazy"` attribute to SVG component
- Add `position` option with `top`, `bottom` and `auto` values to Sticky component
- Add support for basic math operands in `offset` option of Sticky component
- Add animation stop positions to Parallax component
- Add object fit and position classes to Utility component
- Add height viewport classes to Height component

### Changed

- Image elements need `width` and `height` attributes to prevent layout shifts
- Image component no longer relies on session storage to check for cached images to immediately show an image
- Slider and Switcher remove native `loading="lazy"` attribute from adjacent slides
- Accordion, Drop, Switcher and Toggle remove native `loading="lazy"` attribute from their children when entering the viewport
- Improve sticky behavior if sticky content is larger than the viewport
- Sticky component's `bottom` option checks for bottom padding if sticky element is within referenced element
- Height Viewport component sets `uk-height-viewport` class to reduce initial layout shifts

### Deprecated

- Deprecate `uk-img` for `<img>` element: Use native `loading="lazy"` attribute instead

### Removed

- Remove IE11 support
- Remove `data-width` and `data-height` for `<img>` element from Image component. Use native attributes instead.

### Fixed

- Fix infinite sliding in Slider component with equally sized slides
- Fix Slider component sets calculation
- Fix dropdowns not closing in Navbar component when hovering dropbar and navigation with keyboard
- Fix dropdown no longer closes if pointer is still moving towards it
- Fix `fadein` not transformed correctly to `fade-in` in scss build
- Fix Sticky component setting wrong margin for placeholder
- Fix Sticky placeholder sets height with fraction
- Fix Sticky component does not animate in if scroll position equals top offset
- Fix Sticky component prevents transition on `selTarget` if forced to hide for recalculation
- Fix Parallax component initial jump in background image

## 3.11.1 (February 7, 2022)

### Fixed

- Fix scoping css to exclude `:root` selector
- Fix `toPx()` correctly uses offsetHeight/Width

## 3.11.0 (February 7, 2022)

### Added

- Add `start` and `end` options to Parallax component
- Add negative z-index utility class to Position component
- Add Sticky Parallax test

### Deprecated

- Deprecate `viewport` option in Parallax component: Use `end` option instead

### Fixed

- Use same position context when uk-sticky sticks or not
- Fix interdependent computed properties being evaluated too often
- Fix `getIndex()` returns `-1` instead of `NaN` if called with empty elements parameter
- Fix Scrollspy component no longer sets class `false`
- Fix Parallax component no longer rounds values to two digits after comma
- Fix Parallax component running backwards with 'viewport' option set to a value < 1
- Fix Parallax component easing option for values < -1 || > 1

## 3.10.1 (January 19, 2022)

### Fixed

- Fix vertical divider width in Divider component
- Fix usage of `data-` prefix for Cover and Responsive component
- Fix pointer events for iframes in Cover component
- Fix Slideshow component no longer throws if items list does not exist
- Fix space key no longer triggers Toggle on `<input>` element

## 3.10.0 (January 12, 2022)

### Added

- Add intrinsic widths to Width component
- Add 'aria-haspopup' attribute to Drop component's toggle
- Add padding variable to search icon in Search component
- Add position bottom variable to box-shadow bottom in Utility component

### Changed

- Disable Sticky component if it's element is higher than viewport

### Fixed

- Fix initial iframe width for `uk-responsive` which caused an expanded viewport on iOS devices
- Fix link toggle style if not hovered
- Fix compiling Slideshow css in rtl mode
- Fix Sortable component no longer scrolls `overflow: hidden` containers
- Fix 'yarn watch' not watching changes in less files
- Fix `domPath()` for elements within forms that include inputs with name 'id'

## 3.9.4 (November 25, 2021)

### Fixed

- Fix Sticky position when bottom option is used

## 3.9.3 (November 18, 2021)

### Fixed

- Fix logo image alignment if logo line-height is larger than the image

## 3.9.2 (November 11, 2021)

### Fixed

- Fix build scripts for Windows users
- Fix css in Leader component
- Fix division deprecation warnings in Sass source

## 3.9.1 (November 10, 2021)

### Changed

- Update Less mixin calls to use parentheses

## 3.9.0 (November 10, 2021)

### Changed

- Upgrade Less to version 4

## 3.8.1 (November 5, 2021)

### Added

- Add Less variables for outline style

### Changed

- Make padding large a little bigger on small devices
- Change logo color to 'emphasis'

### Fixed

- Fix scrollIntoView function with offset argument provided

## 3.8.0 (October 28, 2021)

### Changed

- Refactor focus styles to use `focus-visible` in all components
- Use custom properties in Position component
- Make transition classes work with position or cover classes on the same element
- Refactor animation component

### Changed

- Improve sticky performance when bottom option is used

### Fixed

- Revert setting focus to modal/offcanvas toggle after close

## 3.7.6 (October 8, 2021)

### Fixed

- Fix Drop closing if clicked within through touch event
- Fix Slider not animating slides if slide wider than slide container

## 3.7.5 (October 5, 2021)

### Change

- Improve Cover component performance if applied to none video

### Fixed

- Fix toggle behavior in Toggle component
- Fix Toggle component no longer sets tabindex in media mode

## 3.7.4 (September 23, 2021)

### Added

- Add itemNav option to Switcher component

### Changed

- Focus modal/offcanvas upon opening

### Fixed

- Fix regression in Toggle component
- Fix keyboard navigation in Navbar component
- Fix navbar toggle style and navbar item inverse style if dropdown is open

## 3.7.3 (September 9, 2021)

### Added

- Add tile hover hooks

### Fixed

- Fix toggle behavior in Toggle component
- Fix navbar item style if dropdown is open and container option is used

## 3.7.2 (August 6, 2021)

### Fixed

- Fix text alignment if tabs are left or right aligned in Tab component

## 3.7.1 (July 15, 2021)

### Fixed

- Fix animation classes only partially being removed in Scrollspy component
- Fix scrollIntoView did not return Promise if element is hidden

## 3.7.0 (June 29, 2021)

### Added

- Add text decoration modifier to Text component
- Add width variable to range thumb in to Form Range component
- Add Bag icon

### Changed

- Change default search width and horizontal padding in Search component
- Change badge width and font size in Badge component
- Change button link color and text decoration in Button component
- Change card badge height in Card component
- Remove margin from the navbar item last-child in Navbar component
- Add white space gap for navbar item in Navbar component
- Allow text after icon in Iconnav component

### Removed

- Remove badge hover color variable in Badge component

### Fixed

- Fix input type list showing picker indicator in Chrome
- Fix focus background in Form and Search component
- Fix form size modifier for textarea in Form component
- Fix icon alignment in Nav, Subnav and Tab components
- Fix default dropdown selector in Navbar component
- Fix show behavior in Drop component for multiple toggles
- Fix ScrollspyNav component triggering 'active' event on every scroll
- Fix prevent updates on disconnected components

## 3.6.22 (May 18, 2021)

### Added

- Add animation set to `false` in Filter component

### Changed

- Animation classes toggled by Scrollspy component are removed after animation finishes

### Fixed

- Fix box-shadow bottom being clipped in Safari if container is animated

## 3.6.21 (May 4, 2021)

### Added

- Add divider modifier to Nav component

### Fixed

- Fix passing an array of classes to class utility functions
- Fix boundary option in Drop component

## 3.6.20 (April 22, 2021)

### Changed

- Toggle component in hover mode toggles on focus and blur

### Fixed

- Fix inverse colors for link toggle in Base component

## 3.6.19 (April 7, 2021)

### Changed

- Update card badge style

### Fixed

- Fix animation set to `false` in Sortable component
- Fix Tooltip on elements with class `uk-active` applied
- Fix Slider parallax states

## 3.6.18 (March 12, 2021)

### Added

- Add Discord, Twitch and TikTok icons

### Removed

- Remove Google Plus icon

### Fixed

- Fix filter initial state

## 3.6.17 (February 25, 2021)

### Added

- Add background-size modifier for width and height to Background component

### Fixed

- Fix dragging time control starts dragging slide in Safari

## 3.6.16 (February 5, 2021)

### Changed

- Make multiple select resizable

### Fixed

- Fix dragging slide correctly prevents click event

## 3.6.15 (January 29, 2021)

### Added

- beforeSend in 'ajax' function may return Promise
- Add 'container' option to Notification component

### Fixed

- Fix showing/hiding Modal/Offcanvas programmatically

## 3.6.14 (January 26, 2021)

### Fixed

- Fix 'scrolledOver' function uses closest scrollable parent
- Fix Lightbox closes on drag if slide background is dragged
- Fix Drop component applies stack class wrongly

## 3.6.13 (January 20, 2021)

### Fixed

- Fix slidenav icons

## 3.6.12 (January 20, 2021)

### Fixed

- Fix IE11 compatibility
- Fix changing ratio does not correctly apply width and height in SVG component
- Fix issues from hiding an already hidden Modal

## 3.6.11 (January 14, 2021)

### Fixed

- Fix regression in SVG component

## 3.6.10 (January 11, 2021)

### Changed

- Refactor Sortable behavior

### Fixed

- Fix regression in sticky component
- Fix calculating max scroll height
- Fix regression with calling watchers

## 3.6.9 (January 7, 2021)

### Fixed

- Fix component update handling
- Fix Tooltip position
- Fix Tooltip component applied to `<button>` element in iOS
- Fix regression in Switcher component

## 3.6.8 (January 5, 2021)

### Fixed

- Fix regression in class util

## 3.6.7 (January 4, 2021)

### Fixed

- Fix regression in class util

## 3.6.6 (January 4, 2021)

### Added

- Add filter animation delayed-fade

### Changed

- Filter animation fade does not stagger

### Fixed

- Fix filter animations
- Fix slider drag behavior on iOS
- Fix Scroll component now supports hash starting with any character

## 3.6.5 (December 21, 2020)

### Fixed

- Fix missing imports

## 3.6.4 (December 21, 2020)

### Changed

- Improve context selectors to use a dom path selector

### Fixed

- Fix IE11 compatibility
- Fix Accordion component toggles
- Fix regression in Toggle component

## 3.6.3 (December 18, 2020)

### Fixed

- Fix filter tests

## 3.6.2 (December 18, 2020)

### Changed

- IMPORTANT: Change options `animationMode` to `animation` and `animation` to `duration`
- IMPORTANT: Rename `shift` animation to `slide`

## 3.6.1 (December 17, 2020)

### Fixed

- Fix regression in Toggle component

## 3.6.0 (December 17, 2020)

### Added

- Add fade animation to Filter component
- Add 'priority' param to 'css' function

### Fixed

- Fix 'aria-expanded' value on toggles
- Fix responsiveness in Switcher component

## 3.5.17 (December 16, 2020)

### Added

- Offcanvas component hides if invisible

### Changed

- Image component will load images eagerly in IE11
- Improved Tooltip accessibility
- Set 'aria-expanded' on toggles

### Fixed

- Fix regression in Slider component
- Fix do not set 'aria-hidden' if element has already been removed from the accessibility tree
- Fix Switcher component does not ignore disabled toggles
- Fix Toggle component in queued mode

## 3.5.16 (December 11, 2020)

### Fixed

- Fix Sortable lets sort items between lists if no 'group' is set
- Fix 'scrollParents' checks for `position: fixed`

## 3.5.15 (December 10, 2020)

### Fixed

- Fix regression in Scrollspy Nav

## 3.5.14 (December 9, 2020)

### Fixed

- Fix Scrollspy Nav using wrong viewport as reference
- Fix Slider component skipping animation if slide item wider than its list

## 3.5.13 (December 8, 2020)

### Changed

- Sorting starts after traversing half the item's height/width in Sortable component

## 3.5.12 (December 7, 2020)

### Fixed

- Fix 'isInView' function

## 3.5.11 (December 7, 2020)

### Fixed

- Fix 'positionAt' function did not flip within its targets scroll container
- Fix drag gets 'overflow: hidden' in Sortable component

## 3.5.10 (November 27, 2020)

### Added

- Add container offset to prevent box-shadow clipping to Slider component

### Changed

- Add '50vw' default horizontal root margin to Image component

### Fixed

- Remove space between inline block elements in Breadcrumb component

## 3.5.9 (October 20, 2020)

### Changed

- Improve breadcrumbs wrapping into the next line
- Sortable drag is no longer clamped to viewport

### Fixed

- Prevent content overflow in Breadcrumb component
- Fix prefix script
- Fix 'scrollIntoView' does not align to top

## 3.5.8 (September 25, 2020)

### Added

- Add lightbox button active hook

### Changed

- IMPORTANT: Set `@pagination-margin-horizontal` to `0` and use new `@pagination-item-padding-vertical` and `@pagination-item-padding-horizontal`

### Fixed

- Fix lightbox button focus state
- Fix Slider component transition bug in iOS 14.0

## 3.5.7 (August 27, 2020)

### Fixed

- Fix Switcher component no longer toggles an already active item
- Fix 'positionAt' function not detecting flip state correctly
- Fix 'z-index' for stacked Modals

## 3.5.6 (August 13, 2020)

### Changed

- Sticky component uses 'window.Date' instead of 'window.performance'
- Sticky component with sticky-on-up no longer hides when Dropdown shows

### Fixed

- Fix slidenav color in Lightbox component
- Fix inverse colors for link toggle in Link component
- Sticky component remains inactive if hidden
- Revert dropbar mode `push` is only applied if Navbar is positioned static
- Fix animations not resolving if user canceled

## 3.5.5 (July 14, 2020)

### Added

- Add list marker utility support for WebKit
- Add `uk-text-default` to Text component
- Add multiple targets to Filter component

### Fixed

- Updates no longer throw error after too many recursions, but delay into next frame
- Fix empty slider throws exception
- Fix pointer events ignored on SVGs in Sortable component
- Fix Grid component divider rendering
- Fix `<select>` closes Drop component in hover mode in Firefox

## 3.5.4 (June 12, 2020)

### Added

- Image component triggers 'error' event on failing to load image

### Fixed

- Fix prop observer for dataSrc option in Image component
- Fix ajax function supports responseType 'json' in IE11
- Fix Accordion component with `multiple: true` and `collapsible: false`

## 3.5.3 (May 29, 2020)

### Fixed

- Fix regression in Grid component with parallax option

## 3.5.2 (May 29, 2020)

### Fixed

- Fix uglifyjs removes self-assignments

## 3.5.1 (May 29, 2020)

### Fixed

- Fix regression in Animation API
- Fix regression Drop component
- Fix regression in Sass source

## 3.5.0 (May 28, 2020)

### Added

- Add type, color and size modifiers to List component

### Changed

- IMPORTANT: Rename Less variable parts `xxlarge` to `2xlarge`
- Replace clearfix by creating a block formatting context with display flow-root

### Deprecated

- Width XXLarge: Use `uk-width-2xlarge` instead of `uk-width-xxlarge`

### Fixed

- Fix positioning issue with Drop components in Firefox
- Fix Dropbar causing endless loop in Firefox

## 3.4.6 (May 11, 2020)

### Fixed

- Fix regression in Switcher component

## 3.4.5 (May 11, 2020)

### Added

- Add inBrowser check to enable server-side rendering

### Fixed

- Fix Switcher responsiveness
- Fix `isInView()` no longer returns true for adjacent rectangles
- Fix compatibility with browsers that support `Object.prototype.watch()`

## 3.4.4 (May 7, 2020)

### Fixed

- Fix Scrollspy component stuck in wrong state
- Fix regression in Grid component with masonry

## 3.4.3 (May 5, 2020)

### Changed

- Improve attribute state observer performance

### Fixed

- Fix Search Icon with large modifier
- Fix Grid divider in RTL mode
- Fix Slider component responsiveness

## 3.4.2 (April 20, 2020)

### Added

- Hide Drop components on `Esc` keypress

### Fixed

- Fix `quote-right` icon empty in RTL mode
- Revert: Fix Sticky component correctly updates on `update`

## 3.4.1 (April 16, 2020)

### Fixed

- Fix `bottom` if offset is `0` in Sticky component
- Fix dropbar mode `push` is only applied if Navbar is positioned static
- Fix Sticky component correctly updates on `update`
- Fix Sticky component handles `vh` values for `top`and `bottom` options
- Fix Sticky component sets its width with fraction
- Fix Sticky component with `show-on-up` and `bottom` option updates correctly
- Fix Tooltip component no longer disappears on SVG shape elements
- Fix regression with Modal/Offcanvas component not opening in IE11

## 3.4.0 (April 9, 2020)

### Added

- Add `attrs` option to Lightbox items
- Add additional url parameters to YouTube/Vimeo embed URLs in Lightbox component

### Changed

- Change default dimensions to 1920x1080 for YouTube in Lightbox component

### Fixed

- Fix subnav not wrapping into the next line correctly when using `uk-margin` attribute
- Fix selected `uk-text-background` text being visible in Firefox
- Fix Scrollspy Nav component activating previous item in Firefox
- Fix toggling Offcanvas component
- Fix Sortable component unable to sort table rows
- Fix autoplay for YouTube and Vimeo videos in Lightbox component
- Fix dragging slides in Lightbox component in Chrome mobile

## 3.3.7 (March 19, 2020)

### Fixed

- Fix Height Match component not matching empty elements
- Fix Scrollspy Nav component activating wrong elements
- Fix Modal/Drop close on bgClick behaviour
- Fix `z-index` on Modal stacked dialogs

## 3.3.6 (March 12, 2020)

### Added

- Add `offset` option to Accordion component

### Changed

- Remove `duration` option from Scroll component

### Fixed

- Fix regression in Accordion component

## 3.3.5 (March 12, 2020)

### Fixed

- Fix regression in Sortable component

## 3.3.4 (March 12, 2020)

### Changed

- `getEventPos` returns client coordinates only

### Fixed

- Fix Drop component does not close on pointerleave in Firefox
- Fix Switcher component sets active state on ignored item
- Fix Accordion component triggers events on elements only
- Fix Accordion component no longer wraps its content without transition
- Fix missing `$emit` function
- Fix Sortable component performance
- Fix prevent showing/hiding of Tooltip component

## 3.3.3 (February 25, 2020)

### Changed

- Improve Tooltip component performance
- Notifications remove their container if it's empty
- The promise object returned by Modal Dialogs holds a reference to the Modal component itself.

### Fixed

- Fix style for breadcrumbs without last active item
- Fix infinite loop in Slider component
- Fix IE11 compatibility
- Fix Spinner component in RTL mode
- Fix animating `stroke` in Parallax component when element is hidden

## 3.3.2 (February 17, 2020)

### Fixed

- Fix accessing computed properties after component has been disconnected
- Fix Modal dialogs not being removed from DOM after close
- Fix Lightbox opening only once
- Fix updates having wrong type

## 3.3.1 (February 4, 2020)

### Changed

- Improve update performance

### Fixed

- Fix countdown separator line-height
- Fix Cover component covers positioned parent element

## 3.3.0 (January 23, 2020)

### Added

- Add container xlarge modifier

### Changed

- IMPORTANT: Change `uk-container-large` width. Use `uk-container-xlarge`

### Fixed

- Fix `position` takes offsetParent's border width into account

## 3.2.7 (January 13, 2020)

### Fixed

- Fix Drop component has wrong state after disconnect
- Fix `repeat` option in Scrollspy component in Firefox

## 3.2.6 (December 17, 2019)

### Fixed

- Fix regression with custom icons build task

## 3.2.5 (December 17, 2019)

### Added

- Prevent content overflow if `max-width: 100%` is used inside Position component
- Add `parent` util function
- Add