@oruga-ui/theme-oruga 0.5.1 → 0.7.0

package/dist/scss/utils/_helpers.scss

@@ -16,18 +16,18 @@
 ///   Replacement. Default is ''.
 /// @return {string} string with characters replaced.
 @function str-replace($string, $search, $replace: "") {
-  $index: string.index($string, $search);
+    $index: string.index($string, $search);
 
-  @return if(
-    $index,
-    string.slice($string, 1, $index - 1) + $replace +
-      str-replace(
-        string.slice($string, $index + string.length($search)),
-        $search,
-        $replace
-      ),
-    $string
-  );
+    @return if(
+        $index,
+        string.slice($string, 1, $index - 1) + $replace +
+            str-replace(
+                string.slice($string, $index + string.length($search)),
+                $search,
+                $replace
+            ),
+        $string
+    );
 }
 
 /// Encodes an inline svg. Original source code: http://codepen.io/jakob-e/pen/doMoML
@@ -36,78 +36,78 @@
 ///   Inline svg to encode
 /// @return {string} encoded svg.
 @function svg-encode($svg) {
-  // Chunk up string in order to avoid "stack level too deep" error
-  $encoded: "";
-  $slice: 2000;
-  $index: 0;
-  $loops: math.ceil(divide(string.length($svg), $slice));
+    // Chunk up string in order to avoid "stack level too deep" error
+    $encoded: "";
+    $slice: 2000;
+    $index: 0;
+    $loops: math.ceil(divide(string.length($svg), $slice));
 
-  @for $i from 1 through $loops {
-    $chunk: string.slice($svg, $index, $index + $slice - 1);
-    // Encode
-    $chunk: str-replace($chunk, '"', "'");
-    $chunk: str-replace($chunk, "%", "%25");
-    $chunk: str-replace($chunk, "#", "%23");
-    $chunk: str-replace($chunk, "{", "%7B");
-    $chunk: str-replace($chunk, "}", "%7D");
-    $chunk: str-replace($chunk, "<", "%3C");
-    $chunk: str-replace($chunk, ">", "%3E");
+    @for $i from 1 through $loops {
+        $chunk: string.slice($svg, $index, $index + $slice - 1);
+        // Encode
+        $chunk: str-replace($chunk, '"', "'");
+        $chunk: str-replace($chunk, "%", "%25");
+        $chunk: str-replace($chunk, "#", "%23");
+        $chunk: str-replace($chunk, "{", "%7B");
+        $chunk: str-replace($chunk, "}", "%7D");
+        $chunk: str-replace($chunk, "<", "%3C");
+        $chunk: str-replace($chunk, ">", "%3E");
 
-    $encoded: #{$encoded}#{$chunk};
-    $index: $index + $slice;
-  }
+        $encoded: #{$encoded}#{$chunk};
+        $index: $index + $slice;
+    }
 
-  @return "data:image/svg+xml,#{$encoded}";
+    @return "data:image/svg+xml,#{$encoded}";
 }
 
 @mixin unselectable {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
 }
 @mixin side-flex-gap($gap) {
-  //flex-wrap: wrap;
-  margin-left: -$gap;
-  margin-right: -$gap;
+    //flex-wrap: wrap;
+    margin-left: -$gap;
+    margin-right: -$gap;
 
-  & > * {
-    margin-left: $gap;
-    margin-right: $gap;
-  }
+    & > * {
+        margin-left: $gap;
+        margin-right: $gap;
+    }
 }
 
 // Custom divide function by @mdo from https://github.com/twbs/bootstrap/pull/34245
 // Replaces old slash division deprecated in Dart Sass
 @function divide($dividend, $divisor, $precision: 10) {
-  $sign: if($dividend > 0 and $divisor > 0, 1, -1);
-  $dividend: math.abs($dividend);
-  $divisor: math.abs($divisor);
-  $quotient: 0;
-  $remainder: $dividend;
-  @if $dividend == 0 {
-    @return 0;
-  }
-  @if $divisor == 0 {
-    @error "Cannot divide by 0";
-  }
-  @if $divisor == 1 {
-    @return $dividend;
-  }
+    $sign: if($dividend > 0 and $divisor > 0, 1, -1);
+    $dividend: math.abs($dividend);
+    $divisor: math.abs($divisor);
+    $quotient: 0;
+    $remainder: $dividend;
+    @if $dividend == 0 {
+        @return 0;
+    }
+    @if $divisor == 0 {
+        @error "Cannot divide by 0";
+    }
+    @if $divisor == 1 {
+        @return $dividend;
+    }
 
-  @while $remainder >= $divisor {
-    $quotient: $quotient + 1;
-    $remainder: $remainder - $divisor;
-  }
-  @if $remainder > 0 and $precision > 0 {
-    $remainder: divide($remainder * 10, $divisor, $precision - 1) * 0.1;
-  }
+    @while $remainder >= $divisor {
+        $quotient: $quotient + 1;
+        $remainder: $remainder - $divisor;
+    }
+    @if $remainder > 0 and $precision > 0 {
+        $remainder: divide($remainder * 10, $divisor, $precision - 1) * 0.1;
+    }
 
-  @return ($quotient + $remainder) * $sign;
+    @return ($quotient + $remainder) * $sign;
 }
 
 // create a focus color based on a given color
 @function createFocus($color) {
-  @return color.adjust($color, $alpha: -0.75);
+    @return color.adjust($color, $alpha: -0.75);
 }

package/dist/scss/utils/_root.scss

@@ -1,54 +1,47 @@
-@use "sass:list";
-@use "sass:meta";
-
-@mixin root() {
-  $host-selector: if($enable-host, ":host", ":root");
-
-  #{$host-selector} {
-    @content;
-  }
-}
-
 /*******************************
 *   Root variables extensions
 ********************************/
+@use "sass:list";
+@use "sass:meta";
 
-@include root() {
-  // define color variables
-  @each $name, $color in $colors {
-    @if meta.type-of($color) == list {
-      --#{$prefix}#{$name}: #{list.nth($color, 1)};
-      --#{$prefix}#{$name}-invert: #{list.nth($color, 2)};
-    } @else {
-      --#{$prefix}#{$name}: $color;
+$host-selector: if($enable-host, ":root, :host", ":root");
+
+#{$host-selector} {
+    // define color variables
+    @each $name, $color in $colors {
+        @if meta.type-of($color) == list {
+            --#{$prefix}#{$name}: #{list.nth($color, 1)};
+            --#{$prefix}#{$name}-invert: #{list.nth($color, 2)};
+        } @else {
+            --#{$prefix}#{$name}: $color;
+        }
     }
-  }
 
-  // define additional colors
-  --#{$prefix}white: #{$white};
-  --#{$prefix}black: #{$black};
-  --#{$prefix}grey: #{$grey};
-  --#{$prefix}grey-light: #{$grey-light};
-  --#{$prefix}grey-lighter: #{$grey-lighter};
-  --#{$prefix}grey-dark: #{$grey-dark};
-  --#{$prefix}focus: #{createFocus($primary)};
-
-  // define size variables
-  @each $name, $size in $sizes {
-    --#{$prefix}size-#{$name}: #{$size};
-  }
+    // define additional colors
+    --#{$prefix}white: #{$white};
+    --#{$prefix}black: #{$black};
+    --#{$prefix}grey: #{$grey};
+    --#{$prefix}grey-light: #{$grey-light};
+    --#{$prefix}grey-lighter: #{$grey-lighter};
+    --#{$prefix}grey-dark: #{$grey-dark};
+    --#{$prefix}focus: #{createFocus($primary)};
+
+    // define size variables
+    @each $name, $size in $sizes {
+        --#{$prefix}size-#{$name}: #{$size};
+    }
 
-  // define base variables
-  --#{$prefix}base-font-family: #{$base-font-family};
-  --#{$prefix}base-font-size: #{$base-font-size};
-  --#{$prefix}base-font-weight: #{$base-font-weight};
-  --#{$prefix}base-line-height: #{$base-line-height};
+    // define base variables
+    --#{$prefix}base-font-family: #{$base-font-family};
+    --#{$prefix}base-font-size: #{$base-font-size};
+    --#{$prefix}base-font-weight: #{$base-font-weight};
+    --#{$prefix}base-line-height: #{$base-line-height};
 
-  --#{$prefix}base-border-radius: #{$base-border-radius};
-  --#{$prefix}base-border-radius-rounded: #{$base-border-radius-rounded};
-  --#{$prefix}base-line-height: #{$base-line-height};
-  --#{$prefix}base-disabled-opacity: #{$base-disabled-opacity};
+    --#{$prefix}base-border-radius: #{$base-border-radius};
+    --#{$prefix}base-border-radius-rounded: #{$base-border-radius-rounded};
+    --#{$prefix}base-line-height: #{$base-line-height};
+    --#{$prefix}base-disabled-opacity: #{$base-disabled-opacity};
 
-  --#{$prefix}transition-duration: #{$animation-speed};
-  --#{$prefix}transition-timing: #{$animation-timing};
+    --#{$prefix}transition-duration: #{$animation-speed};
+    --#{$prefix}transition-timing: #{$animation-timing};
 }

package/dist/scss/utils/_variables.scss

@@ -4,7 +4,7 @@
 
 // Settings
 $prefix: "oruga-" !default;
-$enable-host: false !default;
+$enable-host: true !default;
 
 // Animations
 $animation-speed: 150ms !default;
@@ -14,22 +14,22 @@ $animation-timing: ease-out !default;
 // Font
 $base-font-family: 
 // Cross-platform generic font family (default user interface font)
-  system-ui,
-  // Safari for macOS and iOS (San Francisco)
-  -apple-system,
-  // Windows
-  "Segoe UI",
-  // Android
-  Roboto,
-  // older macOS and iOS
-  "Helvetica Neue",
-  // Linux
-  "Noto Sans",
-  "Liberation Sans",
-  // Basic web fallback
-  Arial,
-  // Sans serif fallback
-  sans-serif !default;
+    system-ui,
+    // Safari for macOS and iOS (San Francisco)
+    -apple-system,
+    // Windows
+    "Segoe UI",
+    // Android
+    Roboto,
+    // older macOS and iOS
+    "Helvetica Neue",
+    // Linux
+    "Noto Sans",
+    "Liberation Sans",
+    // Basic web fallback
+    Arial,
+    // Sans serif fallback
+    sans-serif !default;
 $base-font-size: 1rem !default;
 $base-font-weight: 400 !default;
 $base-line-height: 1.5 !default;
@@ -40,6 +40,7 @@ $base-border-radius-rounded: 9999px !default;
 $base-line-height: 1.5 !default;
 $base-disabled-opacity: 0.5 !default;
 
+$control-brackground-color: #f5f5f5 !default;
 $control-border-width: 1px !default;
 $control-height: 2.25em !default;
 $control-padding-vertical: calc(0.25em - #{$control-border-width});
@@ -48,9 +49,9 @@ $control-box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, 0.1);
 
 // Sizes
 $sizes: (
-  "small": 0.75rem,
-  "medium": 1.25rem,
-  "large": 1.5rem,
+    "small": 0.75rem,
+    "medium": 1.25rem,
+    "large": 1.5rem,
 ) !default;
 
 // Colors
@@ -76,28 +77,28 @@ $danger: #b60000 !default;
 $danger-invert: $white !default;
 
 $colors: (
-  "primary": (
-    $primary,
-    $primary-invert,
-  ),
-  "secondary": (
-    $secondary,
-    $secondary-invert,
-  ),
-  "success": (
-    $success,
-    $success-invert,
-  ),
-  "info": (
-    $info,
-    $info-invert,
-  ),
-  "warning": (
-    $warning,
-    $warning-invert,
-  ),
-  "danger": (
-    $danger,
-    $danger-invert,
-  ),
+    "primary": (
+        $primary,
+        $primary-invert,
+    ),
+    "secondary": (
+        $secondary,
+        $secondary-invert,
+    ),
+    "success": (
+        $success,
+        $success-invert,
+    ),
+    "info": (
+        $info,
+        $info-invert,
+    ),
+    "warning": (
+        $warning,
+        $warning-invert,
+    ),
+    "danger": (
+        $danger,
+        $danger-invert,
+    ),
 ) !default;

package/dist/theme.js

@@ -1,2 +1,2 @@
-/*! Oruga Default Theme v0.5.1 | MIT License | github.com/oruga-ui/theme-oruga */
+/*! Oruga Default Theme v0.7.0 | MIT License | github.com/oruga-ui/theme-oruga */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oruga-ui/theme-oruga",
-  "version": "0.5.1",
+  "version": "0.7.0",
   "description": "Default theme for Oruga",
   "license": "MIT",
   "type": "module",
@@ -30,33 +30,36 @@
     "update": "ncu -u"
   },
   "peerDependencies": {
-    "@oruga-ui/oruga-next": "^0.9.0"
+    "@oruga-ui/oruga-next": "^0.11.0"
   },
   "devDependencies": {
-    "@oruga-ui/examples": "0.9.3",
-    "@oruga-ui/oruga-next": "0.9.3",
-    "@vitejs/plugin-vue": "5.2.1",
-    "@vue/eslint-config-prettier": "^10.1.0",
-    "@vue/eslint-config-typescript": "^14.3.0",
+    "@eslint/compat": "^1.3.0",
+    "@oruga-ui/examples": "0.11.0",
+    "@oruga-ui/oruga-next": "0.11.0",
+    "@tsconfig/node22": "^22.0.2",
+    "@types/node": "^24.0.1",
+    "@vitejs/plugin-vue": "5.2.4",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "@vue/eslint-config-typescript": "^14.5.0",
     "@vue/tsconfig": "^0.7.0",
-    "core-js": "3.40.0",
-    "eslint": "^9.18.0",
-    "eslint-plugin-prettier": "^5.2.2",
-    "eslint-plugin-vue": "^9.32.0",
-    "npm-check-updates": "^17.1.14",
-    "prettier": "^3.4.2",
-    "sass": "1.83.4",
-    "stylelint": "^16.13.2",
-    "stylelint-config-recommended": "^15.0.0",
-    "stylelint-config-recommended-scss": "^14.1.0",
-    "stylelint-prettier": "^5.0.2",
-    "stylelint-scss": "^6.10.1",
-    "typescript": "5.7.3",
-    "vite": "^6.0.7",
-    "vite-plugin-banner": "^0.8.0",
-    "vite-plugin-static-copy": "^2.2.0",
-    "vue": "^3.5.13",
-    "vue-router": "4.5.0",
-    "vue-tsc": "^2.2.0"
+    "core-js": "3.43.0",
+    "eslint": "^9.29.0",
+    "eslint-plugin-prettier": "^5.4.1",
+    "eslint-plugin-vue": "^10.2.0",
+    "npm-check-updates": "^18.0.1",
+    "prettier": "^3.5.3",
+    "sass": "1.89.2",
+    "stylelint": "^16.20.0",
+    "stylelint-config-recommended": "^16.0.0",
+    "stylelint-config-recommended-scss": "^15.0.1",
+    "stylelint-prettier": "^5.0.3",
+    "stylelint-scss": "^6.12.1",
+    "typescript": "5.8.3",
+    "vite": "^6.3.5",
+    "vite-plugin-banner": "^0.8.1",
+    "vite-plugin-static-copy": "^3.0.2",
+    "vue": "^3.5.16",
+    "vue-router": "4.5.1",
+    "vue-tsc": "^2.2.10"
   }
 }