uikit 3.9.5-dev.4be822584 → 3.9.5-dev.59737a9b5

package/CHANGELOG.md

@@ -4,19 +4,19 @@
 
 ### Added
 
-- Add support for <picture> element in Img component
 - Add 'aria-haspopup' attribute to Drop component's toggle
 - Add padding variable to search icon in Search component
 
 ### Changed
 
-- Img component no longer sets a placeholder (use height/width instead)
 - 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
 
 ## 3.9.4 (November 25, 2021)
 

package/build/less.js

@@ -1,5 +1,4 @@
 import rtlcss from 'rtlcss';
-import postcss from 'postcss';
 import {basename} from 'path';
 import {args, banner, glob, minify, pathExists, read, readJson, renderLess, write} from './util.js';
 
@@ -42,12 +41,9 @@ async function compile(file, dist, develop, rtl) {
     })).replace(/\.\.\/dist\//g, '');
 
     if (rtl) {
-        output = postcss([
-            css => {
-                css.insertBefore(css.nodes[0], postcss.comment({text: 'rtl:begin:rename'}));
-                css.insertAfter(css.nodes[css.nodes.length - 1], postcss.comment({text: 'rtl:end:rename'}));
-            },
-            rtlcss({
+        output = rtlcss.process(
+            output,
+            {
                 stringMap: [{
                     name: 'previous-next',
                     priority: 100,
@@ -58,10 +54,33 @@ async function compile(file, dist, develop, rtl) {
                         ignoreCase: false
                     }
                 }]
-            })
-        ]).process(output).css;
-
-        output = output.replace(/stroke-dashoffset: (\d+)px/g, 'stroke-dashoffset: -$1px');
+            },
+            [
+                {
+                    name: 'customNegate',
+                    priority: 50,
+                    directives: {
+                        control: {},
+                        value: []
+                    },
+                    processors: [
+                        {
+                            expr: ['--uk-position-translate-x', 'stroke-dashoffset'].join('|'),
+                            action(prop, value, context) {
+                                return {prop, value: context.util.negate(value)};
+                            }
+                        },
+
+                    ]
+                }
+            ],
+            {
+                pre(root, postcss) {
+                    root.prepend(postcss.comment({text: 'rtl:begin:rename'}));
+                    root.append(postcss.comment({text: 'rtl:end:rename'}));
+                }
+            }
+        );
     }
 
     await write(dist, banner + output);

package/build/util.js

@@ -1,7 +1,6 @@
 import less from 'less';
 import fs from 'fs-extra';
 import pLimit from 'p-limit';
-import postcss from 'postcss';
 import globImport from 'glob';
 import {optimize} from 'svgo';
 import {promisify} from 'util';
@@ -75,25 +74,7 @@ export async function minify(file) {
 }
 
 export function renderLess(data, options) {
-    return limit(async () => postcss()
-        .use({
-            postcssPlugin: 'calc',
-            Once(root) {
-                root.walk(node => {
-                    const {type} = node;
-                    if (type === 'decl') {
-                        node.value = postcss.list.space(node.value).map(value =>
-                            value.startsWith('calc(')
-                                ? value.replace(/(.)calc/g, '$1')
-                                : value
-                        ).join(' ');
-                    }
-                });
-            }
-        })
-        .process((await less.render(data, options)).css)
-        .css
-    );
+    return limit(async () => (await less.render(data, options)).css);
 }
 
 export async function compile(file, dest, {external, globals, name, aliases, replaces} = {}) {

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

@@ -1,4 +1,4 @@
-/*! UIkit 3.9.5-dev.4be822584 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
+/*! UIkit 3.9.5-dev.59737a9b5 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -648,7 +648,7 @@ a.uk-link-reset,
   content: "";
   /* 1 */
   position: absolute;
-  top: calc(50% - ((0.2px + 0.05em) / 2));
+  top: calc(50% - (calc(0.2px + 0.05em) / 2));
   /* 2 */
   width: 2000px;
   /* 3 */
@@ -773,7 +773,7 @@ a.uk-link-reset,
   counter-increment: decimal;
 }
 [class*='uk-list'] > ::before {
-  content: '';
+  content: "";
   position: relative;
   right: -30px;
   width: 30px;
@@ -7141,7 +7141,7 @@ td.uk-text-break {
   position: absolute;
   right: 50%;
   top: 50%;
-  --uk-position-translate-x: -50%;
+  --uk-position-translate-x: 50%;
   --uk-position-translate-y: -50%;
   transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
 }
@@ -7676,7 +7676,7 @@ iframe.uk-cover {
     vertical-align: middle;
   }
   .uk-box-shadow-bottom::after {
-    content: '';
+    content: "";
     /* 1 */
     position: absolute;
     bottom: -30px;
@@ -8509,7 +8509,7 @@ iframe.uk-cover {
 .uk-position-center {
   top: calc(50% - var(--uk-position-margin-offset));
   right: calc(50% - var(--uk-position-margin-offset));
-  --uk-position-translate-x: -50%;
+  --uk-position-translate-x: 50%;
   --uk-position-translate-y: -50%;
   transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
   /* 1 */
@@ -8540,7 +8540,7 @@ iframe.uk-cover {
 .uk-position-top-center,
 .uk-position-bottom-center {
   right: calc(50% - var(--uk-position-margin-offset));
-  --uk-position-translate-x: -50%;
+  --uk-position-translate-x: 50%;
   transform: translate(var(--uk-position-translate-x), 0);
   /* 1 */
   width: max-content;