blue-react 8.4.0-beta.2 → 8.4.1

package/dist/style.scss

@@ -1,5 +1,5 @@
 /*!
- * Blue React v8.4.0-beta.2-beta1 (https://bruegmann.github.io/blue-react)
+ * Blue React v8.4.1 (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.2.0 (https://getbootstrap.com/)
+ * Bootstrap v5.0.1 (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,10 +9,9 @@
 // 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/_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/types/components/ActionMenuSwitch.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
-export interface ActionMenuSwitchProps {
-    className?: string;
-    checked?: boolean;
+import { SwitchProps } from "./Switch";
+export interface ActionMenuSwitchProps extends SwitchProps {
     onChange?: () => void;
     label?: any;
 }
 /**
+ * @deprecated
+ * Use a solution with Bootstrap's `.form-check.form-switch` or `MenuItem` with a switch icon.
  * Switch for the Action Menu.
  */
-export default function ActionMenuSwitch(props: ActionMenuSwitchProps): JSX.Element;
+export default function ActionMenuSwitch({ label, ...props }: ActionMenuSwitchProps): JSX.Element;

package/dist/types/components/Switch.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { ReactNode } from "react";
 export interface SwitchProps {
     className?: string;
     checked?: boolean;
@@ -12,10 +12,22 @@ export interface SwitchProps {
      */
     elementType?: string;
     disabled?: boolean;
+    /**
+     * Set prop to use the older look and feel. Will disappear in future releases.
+     */
+    legacy?: boolean;
+    label?: ReactNode | string;
 }
 /**
- * Switch.
+ * @deprecated
+ * Use Bootstrap's `.form-check.form-switch` instead:
+ * https://getbootstrap.com/docs/5.2/forms/checks-radios/#switches
+ *
+ * For now, this component acts as proxy for Bootstrap's Switch.
+ * To place a label next to the switch, use the new `label` prop.
+ *
+ * Migrate to Blue React 8.4.0 and use legacy support: Set the `label` with a string. Or set the `legacy` prop to use the previous look and behaviour.
  */
-export default function Switch({ className, checked, onChange, sliderLabel, disabled, elementType }: SwitchProps): React.ReactElement<{
+export default function Switch({ className, checked, onChange, sliderLabel, disabled, elementType, legacy, label }: SwitchProps): React.ReactElement<{
     className: string;
 }, string | React.JSXElementConstructor<any>>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "blue-react",
-    "version": "8.4.0-beta.2",
+    "version": "8.4.1",
     "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 --tag next && npm run deploy",
+        "release": "npm publish && npm run deploy",
         "prettier": "npx prettier --write ."
     },
     "dependencies": {
-        "@popperjs/core": "^2.11.5",
-        "bootstrap": "^5.2.0-beta1",
+        "@popperjs/core": "^2.10.2",
+        "bootstrap": "^5.1.3",
         "clsx": "^1.1.1"
     },
     "peerDependencies": {
@@ -60,7 +60,7 @@
         "postcss-minify": "^1.1.0",
         "prettier": "2.4.1",
         "react": "^18.1.0",
-        "react-bootstrap-icons": "^1.8.2",
+        "react-bootstrap-icons": "^1.8.4",
         "react-docgen": "^5.4.0",
         "react-dom": "^18.1.0",
         "react-markdown-github": "^3.3.1",