blue-react 8.4.5 → 8.5.0-beta.3

package/dist/style.scss

@@ -1,5 +1,5 @@
 /*!
- * Blue React v8.4.5 (https://bruegmann.github.io/blue-react)
+ * Blue React v8.5.0-beta.3-beta1 (https://bruegmann.github.io/blue-react)
  * Licensed under GNU General Public License v3.0 (https://github.com/bruegmann/blue-react/blob/master/LICENSE).
 */
 

package/dist/styles/_bootstrap.scss

@@ -1,5 +1,5 @@
 /*!
- * Bootstrap v5.0.1 (https://getbootstrap.com/)
+ * Bootstrap v5.2.0 (https://getbootstrap.com/)
  * Copyright 2011-2021 The Bootstrap Authors
  * Copyright 2011-2021 Twitter, Inc.
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
@@ -9,9 +9,10 @@
 // Configuration
 @import "node_modules/bootstrap/scss/functions";
 @import "node_modules/bootstrap/scss/variables";
+@import "node_modules/bootstrap/scss/maps";
 @import "node_modules/bootstrap/scss/mixins";
 
-@import "./_bootstrap-mixins_overwritten.scss";
+// @import "./_bootstrap-mixins_overwritten.scss";
 
 @import "node_modules/bootstrap/scss/utilities";
 

package/dist/styles/_general.scss

@@ -5,7 +5,7 @@
     --action-link-bg-color: var(--theme);
 }
 
-@include custom-scrollbar($scrollbar-thumb-color, $theme, false);
+@include custom-scrollbar($scrollbar-thumb-color, transparent, false);
 
 * {
     scrollbar-width: thin;
@@ -89,10 +89,8 @@ label {
 .pagination > li > a,
 .list-group a.list-group-item {
     &:not(.disabled):not(.readonly):not(.dropdown-toggle) {
-        -webkit-transition: background-color 0.3s, color 0.15s, box-shadow 0.3s,
-            opacity 0.3s;
-        transition: background-color 0.3s, color 0.15s, box-shadow 0.3s,
-            opacity 0.3s;
+        -webkit-transition: background-color 0.3s, color 0.15s, box-shadow 0.3s, opacity 0.3s;
+        transition: background-color 0.3s, color 0.15s, box-shadow 0.3s, opacity 0.3s;
         position: relative;
 
         &:hover,

package/dist/styles/_grid.scss

@@ -218,7 +218,6 @@
 }
 
 .blue-page {
-    background-color: $body-bg;
     min-height: calc(100vh - #{$normal-size});
     margin-top: $normal-size;
 }
@@ -262,13 +261,13 @@
     margin-top: 0.125rem;
     margin-bottom: 0.125rem;
 
-    &:hover {
-        box-shadow: none !important;
-    }
-
     &:focus {
         box-shadow: none;
     }
+
+    &:focus-visible {
+        box-shadow: inset 0 0 0.25rem;
+    }
 }
 
 .blue-menu-item-label {

package/dist/styles/_variables.scss

@@ -21,10 +21,10 @@ $theme-colors: map-merge(
 );
 
 // Since Bootstrap 5.1 this needs to be set. Otherwise we couldn't use .bg-* and .text-* utils with our custom $theme
-$theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");
-$utilities-colors: map-merge($utilities-colors, $theme-colors-rgb);
-$utilities-text-colors: map-merge($utilities-text-colors, map-loop($utilities-colors, rgba-css-var, "$key", "text"));
-$utilities-bg-colors: map-merge($utilities-bg-colors, map-loop($utilities-colors, rgba-css-var, "$key", "bg"));
+// $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");
+// $utilities-colors: map-merge($utilities-colors, $theme-colors-rgb);
+// $utilities-text-colors: map-merge($utilities-text-colors, map-loop($utilities-colors, rgba-css-var, "$key", "text"));
+// $utilities-bg-colors: map-merge($utilities-bg-colors, map-loop($utilities-colors, rgba-css-var, "$key", "bg"));
 
 // Alpha value (RGBA) e.g. for header background.
 $shimmering: 0.7 !default;

package/dist/styles/mixins/_misc.scss

@@ -1,14 +1,13 @@
 @mixin custom-scrollbar($thumb-color, $bg-color, $track-border-radius: 0) {
     ::-webkit-scrollbar-thumb {
-        background-color: rgba($thumb-color, 0.4);
-        box-shadow: inset 1px 1px 0 rgba($thumb-color, 0.1),
-            inset 0 -1px 0 rgba($thumb-color, 0.07);
+        background-color: rgba($thumb-color, 0.5);
+        box-shadow: inset 1px 1px 0 rgba($thumb-color, 0.2), inset 0 -1px 0 rgba($thumb-color, 0.17);
     }
     ::-webkit-scrollbar-thumb:hover {
-        background-color: rgba($thumb-color, 0.5);
+        background-color: rgba($thumb-color, 0.6);
     }
     ::-webkit-scrollbar-thumb:active {
-        background-color: rgba($thumb-color, 0.6);
+        background-color: rgba($thumb-color, 0.7);
     }
 
     ::-webkit-scrollbar-track {
@@ -24,10 +23,6 @@
 
 @mixin header-bg() {
     background-color: rgba($header-bg, $shimmering);
-    background-image: linear-gradient(
-        0deg,
-        rgba($header-bg, 0.8),
-        rgba($header-bg, 0.7)
-    );
+    background-image: linear-gradient(0deg, rgba($header-bg, 0.8), rgba($header-bg, 0.7));
     backdrop-filter: blur(3px) saturate(125%);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "blue-react",
-    "version": "8.4.5",
+    "version": "8.5.0-beta.3",
     "description": "Blue React Components",
     "license": "LGPL-3.0-or-later",
     "main": "index.js",
@@ -26,12 +26,12 @@
         "predeploy": "npm run build-docs",
         "deploy": "gh-pages --dist build --dest v8",
         "prepublishOnly": "npm i && npm run build-release",
-        "release": "npm publish && npm run deploy",
+        "release": "npm publish --tag next && npm run deploy",
         "prettier": "npx prettier --write ."
     },
     "dependencies": {
-        "@popperjs/core": "^2.10.2",
-        "bootstrap": "5.1.2",
+        "@popperjs/core": "^2.11.5",
+        "bootstrap": "~5.2.0",
         "clsx": "^1.1.1"
     },
     "peerDependencies": {