@ditojs/ui 2.31.0 → 2.32.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditojs/ui",
-  "version": "2.31.0",
+  "version": "2.32.2",
   "type": "module",
   "description": "Dito.js UI is a simple UI library, built with Vue.js for use in Dito.js Admin and elsewhere",
   "repository": "https://github.com/ditojs/dito/tree/master/packages/ui",
@@ -39,16 +39,16 @@
     "ie_mob >= 11"
   ],
   "dependencies": {
-    "@ditojs/utils": "^2.31.0",
+    "@ditojs/utils": "^2.32.2",
     "@soda/get-current-script": "^1.0.2"
   },
   "devDependencies": {
-    "@ditojs/build": "^2.31.0",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vue/compiler-sfc": "3.4.25",
-    "pug": "^3.0.2",
-    "sass": "1.75.0",
-    "vite": "^5.2.10"
+    "@ditojs/build": "^2.32.2",
+    "@vitejs/plugin-vue": "^5.1.4",
+    "@vue/compiler-sfc": "^3.5.6",
+    "pug": "^3.0.3",
+    "sass": "^1.78.0",
+    "vite": "^5.4.6"
   },
-  "gitHead": "65ab50e5cf1ca68cc7383963f16a8b73aa60a2ae"
+  "gitHead": "e39e6be34ced2fea17083c0d8a2cb90d41aaf435"
 }

package/src/components/Pagination.vue

@@ -193,6 +193,12 @@ export default {
 
     &-ellipsis-prev,
     &-ellipsis-next {
+      background: none;
+      border: 0;
+      padding: 0;
+      margin: 0;
+      color: $color-text;
+
       &::before {
         @extend %icon-ellipsis;
       }
@@ -201,12 +207,6 @@ export default {
         @extend %icon-chevrons;
       }
 
-      background: none;
-      border: 0;
-      padding: 0;
-      margin: 0;
-      color: $color-text;
-
       &:focus {
         color: $color-active;
       }

package/src/styles/functions/_rounded.scss

@@ -2,5 +2,5 @@
 
 @function rounded($value, $precision: 1) {
   $pow10: math.pow(10, $precision);
-  @return calc(round($value * $pow10) / $pow10);
+  @return calc(math.round($value * $pow10) / $pow10);
 }

package/src/styles/mixins/_browser.scss

@@ -1,5 +1,6 @@
 @use 'sass:list';
 @use 'sass:map';
+@use 'sass:meta';
 @use 'sass:string';
 @use 'sass:selector';
 
@@ -7,7 +8,7 @@
   // The `browser-query()` mixin works in conjunction with the `data-agent-*`
   // attributes on `.dito-root`. It creates a CSS query for each provided
   // browser and matches against it to target that provided browser.
-  @if type-of($browsers) != 'list' {
+  @if meta.type-of($browsers) != 'list' {
     // Convert `$browsers` to a list, so that we don't accidentally iterate over
     // the properties of maps further down in `@each`.
     // TODO: Switch to `$browsers: [$browsers]` once we switched to stylelint
@@ -19,7 +20,7 @@
     $browser: null;
     $platform: null;
     $version: null;
-    @if type-of($entry) == 'map' {
+    @if meta.type-of($entry) == 'map' {
       $browser: map.get($entry, 'browser');
       $platform: map.get($entry, 'platform');
       $version: map.get($entry, 'version');