uikit 3.14.2-dev.5f6f1e6a6 → 3.14.2-dev.854a8e6b0

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## WIP
 
+### Added
+
+- Add gap variable to navbar items in Navbar component
+
 ### Fixed
 
 - Fix Scroll component on iOS 12

package/build/util.js

@@ -11,10 +11,10 @@ import alias from '@rollup/plugin-alias';
 import modify from 'rollup-plugin-modify';
 import { babel } from '@rollup/plugin-babel';
 import replace from '@rollup/plugin-replace';
-import { terser } from 'rollup-plugin-terser';
 import { basename, dirname, join } from 'path';
 import { exec as execImport } from 'child_process';
 import { rollup, watch as rollupWatch } from 'rollup';
+import { minify as esbuildMinify } from 'rollup-plugin-esbuild';
 
 const limit = pLimit(Number(process.env.cpus || 2));
 
@@ -148,7 +148,13 @@ export async function compile(file, dest, { external, globals, name, aliases, re
         output.push({
             ...outputOptions,
             file: `${dest}.min.js`,
-            plugins: [debug ? undefined : terser()],
+            plugins: [
+                debug
+                    ? undefined
+                    : esbuildMinify({
+                          target: 'safari12',
+                      }),
+            ],
         });
     }
 

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

@@ -1,4 +1,4 @@
-/*! UIkit 3.14.2-dev.5f6f1e6a6 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.14.2-dev.854a8e6b0 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -3231,7 +3231,7 @@ select.uk-form-width-xsmall {
   position: absolute;
   z-index: 1020;
   --uk-position-offset: 20px;
-  --uk-position-viewport-offset: 10;
+  --uk-position-viewport-offset: 15px;
   /* 3 */
   box-sizing: border-box;
   width: 300px;
@@ -3261,7 +3261,7 @@ select.uk-form-width-xsmall {
   position: absolute;
   z-index: 1020;
   --uk-position-offset: 10px;
-  --uk-position-viewport-offset: 10;
+  --uk-position-viewport-offset: 15px;
   /* 3 */
   box-sizing: border-box;
   min-width: 200px;
@@ -4772,6 +4772,7 @@ ul.uk-nav-sub {
  */
 .uk-navbar {
   display: flex;
+  --uk-navbar-nav-item-gap: 0;
   /* 1 */
   position: relative;
 }
@@ -4792,6 +4793,7 @@ ul.uk-nav-sub {
 .uk-navbar-center-right > *,
 .uk-navbar-center-left > * {
   display: flex;
+  gap: var(--uk-navbar-nav-item-gap);
   /* 1 */
   align-items: center;
 }
@@ -4831,9 +4833,11 @@ ul.uk-nav-sub {
 }
 .uk-navbar-center-right {
   left: 100%;
+  left: calc(100% + var(--uk-navbar-nav-item-gap));
 }
 .uk-navbar-center-left {
   right: 100%;
+  right: calc(100% + var(--uk-navbar-nav-item-gap));
 }
 [class*='uk-navbar-center-'] {
   width: max-content;
@@ -4846,6 +4850,7 @@ ul.uk-nav-sub {
  */
 .uk-navbar-nav {
   display: flex;
+  gap: var(--uk-navbar-nav-item-gap);
   /* 1 */
   margin: 0;
   padding: 0;
@@ -4912,6 +4917,7 @@ ul.uk-nav-sub {
 /* Item
  ========================================================================== */
 .uk-navbar-item {
+  padding: 0 15px;
   color: #666;
 }
 /*
@@ -4967,8 +4973,9 @@ ul.uk-nav-sub {
   /* 2 */
   position: absolute;
   z-index: 1020;
-  --uk-position-offset: 0px;
-  --uk-position-viewport-offset: 10;
+  --uk-position-offset: 0;
+  --uk-position-shift-offset: 0;
+  --uk-position-viewport-offset: 15px;
   /* 3 */
   box-sizing: border-box;
   width: 200px;
@@ -5018,19 +5025,22 @@ ul.uk-nav-sub {
 }
 /*
  * Dropbar modifier
- * 1. Set position
- * 2. Bottom padding for dropbar
- * 3. Horizontal padding
+ * 1. Reset dropdown width to prevent to early shifting
+ * 2. Set position
+ * 3. Bottom padding for dropbar
+ * 4. Horizontal padding
  */
 .uk-navbar-dropdown-dropbar {
   /* 1 */
-  --uk-position-offset: 0px;
-  --uk-position-viewport-offset: 0;
+  width: auto;
   /* 2 */
-  margin-bottom: 0px;
+  --uk-position-offset: 0px;
   /* 3 */
+  margin-bottom: 0px;
+  /* 4 */
   padding-right: 15px;
   padding-left: 15px;
+  --uk-position-shift-offset: 0;
 }
 /* Dropdown Nav
  * Adopts `uk-nav`