uikit 3.9.3 → 3.9.5-dev.43d9beccd

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## WIP
+
+### Added
+
+- Add support for <picture> element in Img component
+- Add 'aria-haspopup' attribute to Drop component's toggle
+
+### 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
+
+## 3.9.4 (November 25, 2021)
+
+### Fixed
+
+- Fix Sticky position when bottom option is used
+
 ## 3.9.3 (November 18, 2021)
 
 ### Fixed
@@ -193,7 +215,7 @@
 ### Fixed
 
 - Fix animation set to `false` in Sortable component
-- Fix Tooltip on elements with class 'uk-active' applied
+- Fix Tooltip on elements with class `uk-active` applied
 - Fix Slider parallax states
 
 ## 3.6.18 (March 12, 2021)

package/README.md

@@ -46,13 +46,13 @@ Finding bugs, sending pull requests or improving our docs - any contribution is
 
 ## Versioning
 
-UIkit is maintained by using the [Semantic Versioning Specification (SemVer)](http://semver.org).
+UIkit is maintained by using the [Semantic Versioning Specification (SemVer)](https://semver.org).
 
 ## Browser Support
 
-![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![IE](https://raw.github.com/alrra/browser-logos/master/src/archive/internet-explorer_9-11/internet-explorer_9-11_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png)
---- | --- | --- | --- | --- | --- |
-Latest ✔ | Latest ✔ | Latest ✔ | 11+ ✔ | 9.1+ ✔ | Latest ✔ |
+| ![Firefox](https://raw.github.com/alrra/browser-logos/main/src/firefox/firefox_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/main/src/safari/safari_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/main/src/chrome/chrome_48x48.png) | ![Edge](https://raw.github.com/alrra/browser-logos/main/src/edge/edge_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/main/src/opera/opera_48x48.png) |
+| -------- | -------- | -------- | -------- | -------- |
+| Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |
 
 Tested With<br>[![BrowserStack](https://user-images.githubusercontent.com/355427/27389060-9f716c82-569d-11e7-923c-bd5fe7f1c55a.png)](https://www.browserstack.com)
 

package/build/build.js

@@ -4,6 +4,9 @@ import {args, compile, glob, icons} from './util.js';
 
 const bundles = getBundleTasks();
 const components = await getComponentTasks();
+const buildAll = args.all || Object.keys(args).filter(name =>
+    ['d', 'debug', 'nominify', 'watch'].includes(name)
+).length <= 1;
 
 if (args.h || args.help) {
     console.log(`
@@ -28,7 +31,7 @@ if (args.h || args.help) {
 
 let tasks;
 const allTasks = {...bundles, ...components};
-if (args.all || Object.keys(args).length <= 1) {
+if (buildAll) {
     tasks = allTasks;
 } else if (args.components) {
     tasks = components;

package/build/util.js

@@ -175,7 +175,7 @@ export async function compile(file, dest, {external, globals, name, aliases, rep
             output
         });
 
-        watcher.on('event', ({code, result, output}) => {
+        watcher.on('event', ({code, result, output, error}) => {
             if (result) {
                 result.close();
 
@@ -183,6 +183,9 @@ export async function compile(file, dest, {external, globals, name, aliases, rep
             if (code === 'BUNDLE_END' && output) {
                 output.map(logFile);
             }
+            if (error) {
+                console.error(error);
+            }
         });
 
         watcher.close();

package/dist/css/uikit-core-rtl.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.9.3 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
+/*! UIkit 3.9.5-dev.43d9beccd | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -478,7 +478,8 @@ template {
 /* Muted
  ========================================================================== */
 a.uk-link-muted,
-.uk-link-muted a {
+.uk-link-muted a,
+.uk-link-toggle .uk-link-muted {
   color: #999;
 }
 a.uk-link-muted:hover,
@@ -489,7 +490,8 @@ a.uk-link-muted:hover,
 /* Text
  ========================================================================== */
 a.uk-link-text,
-.uk-link-text a {
+.uk-link-text a,
+.uk-link-toggle .uk-link-text {
   color: inherit;
 }
 a.uk-link-text:hover,
@@ -500,7 +502,8 @@ a.uk-link-text:hover,
 /* Heading
  ========================================================================== */
 a.uk-link-heading,
-.uk-link-heading a {
+.uk-link-heading a,
+.uk-link-toggle .uk-link-heading {
   color: inherit;
 }
 a.uk-link-heading:hover,
@@ -3231,6 +3234,7 @@ select.uk-form-width-xsmall {
   background: transparent;
   font-size: 1.5rem;
 }
+/* Focus */
 /*
  * Icon
  */
@@ -3256,6 +3260,7 @@ select.uk-form-width-xsmall {
   background: transparent;
   font-size: 2.625rem;
 }
+/* Focus */
 /*
  * Icon
  */
@@ -7122,13 +7127,13 @@ td.uk-text-break {
  ========================================================================== */
 /*
  * Works with iframes and embedded content
- * 1. Apply transform instantly. Needed if transform is transitioned.
+ * 1. Use attribute to apply transform instantly. Needed if transform is transitioned.
  * 2. Reset responsiveness for embedded content
  * 3. Center object
  * Note: Percent values on the `top` property only works if this element
  *       is absolute positioned or if the container has a height
  */
-.uk-cover,
+/* 1 */
 [uk-cover] {
   /* 2 */
   max-width: none;
@@ -7600,6 +7605,12 @@ iframe.uk-cover {
   /* 3 */
   max-width: none;
 }
+/*
+ * Fix initial iframe width. Without the viewport is expanded on iOS devices
+ */
+[uk-responsive] {
+  max-width: 100%;
+}
 /* Border
  ========================================================================== */
 .uk-border-circle {