blue-react 8.5.0 → 8.5.1

package/dist/style.scss

@@ -1,5 +1,5 @@
 /*!
- * Blue React v8.5.0-beta1 (https://bruegmann.github.io/blue-react)
+ * Blue React v8.5.1-beta1 (https://bruegmann.github.io/blue-react)
  * Licensed under GNU General Public License v3.0 (https://github.com/bruegmann/blue-react/blob/master/LICENSE).
 */
 
@@ -16,7 +16,7 @@
 @import "./styles/_general";
 @import "./styles/_router";
 @import "./styles/_status";
-@import "./styles/_grid";
+@import "./styles/_layout";
 @import "./styles/_search";
 @import "./styles/action-menu";
 @import "./styles/_switch";

package/dist/styles/_general.scss

@@ -73,14 +73,14 @@ body {
     }
 }
 
-h1,
-h2 {
-    font-weight: 300;
-}
+// h1,
+// h2 {
+//     font-weight: 300;
+// }
 
-label {
-    font-weight: 600;
-}
+// label {
+//     font-weight: 600;
+// }
 
 // Idee für Effekt von http://www.w3schools.com/howto/howto_css_animate_buttons.asp
 .btn,
@@ -111,26 +111,26 @@ label {
 .page-header {
     padding-bottom: 0.563rem;
     margin: 2.5rem 0 1.25rem;
-    border-bottom: 1px solid $table-border-color;
+    border-bottom: 0.25rem solid var(--blue-page-header-border-color, $table-border-color);
 }
 
-.dark-area {
-    background-color: $gray-900;
-    color: #fff;
+// .dark-area {
+//     background-color: $gray-900;
+//     color: #fff;
 
-    a:not(.btn) {
-        color: lighten($link-color, 15%);
+//     a:not(.btn) {
+//         color: lighten($link-color, 15%);
 
-        &:hover,
-        &:focus {
-            color: lighten($link-color, 30%);
-        }
-    }
-}
+//         &:hover,
+//         &:focus {
+//             color: lighten($link-color, 30%);
+//         }
+//     }
+// }
 
-.alert-dismissible .close {
-    top: -0.375rem;
-}
+// .alert-dismissible .close {
+//     top: -0.375rem;
+// }
 
 .blue-wrapper {
     z-index: 3 !important;

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

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+export interface SlimContainerProps {
+    children?: ReactNode;
+    className?: string;
+    innerClassName?: string;
+}
+/**
+ * Shortcut for a combination using Bootstrap's Grid System to create a slim responsive container.
+ */
+export default function SlimContainer({ children, className, innerClassName }: SlimContainerProps): JSX.Element;

package/index.d.ts

@@ -56,6 +56,9 @@ export { SearchProps } from "./dist/types/components/Search"
 export { default as SidebarMenu } from "./dist/types/components/SidebarMenu"
 export { SidebarMenuProps } from "./dist/types/components/SidebarMenu"
 
+export { default as SlimContainer } from "./dist/types/components/SlimContainer"
+export { SlimContainerProps } from "./dist/types/components/SlimContainer"
+
 export { default as Status } from "./dist/types/components/Status"
 export { StatusProps } from "./dist/types/components/Status"
 

package/index.js

@@ -1,7 +1,5 @@
 exports.ActionMenu = require("./dist/components/ActionMenu.js")["default"]
-exports.ActionMenuSwitch = require("./dist/components/ActionMenuSwitch.js")[
-    "default"
-]
+exports.ActionMenuSwitch = require("./dist/components/ActionMenuSwitch.js")["default"]
 exports.Body = require("./dist/components/Body.js")["default"]
 exports.BodyRounded = require("./dist/components/BodyRounded.js")["default"]
 exports.Caret = require("./dist/components/Caret.js")["default"]
@@ -12,14 +10,13 @@ exports.HeaderTitle = require("./dist/components/HeaderTitle.js")["default"]
 exports.Intro = require("./dist/components/Intro.js")["default"]
 exports.MenuItem = require("./dist/components/MenuItem.js")["default"]
 exports.Modal = require("./dist/components/Modal.js")["default"]
-exports.ModalProvider = require("./dist/components/ModalProvider.js")[
-    "ModalProvider"
-]
+exports.ModalProvider = require("./dist/components/ModalProvider.js")["ModalProvider"]
 exports.useModal = require("./dist/components/ModalProvider.js")["useModal"]
 exports.Outside = require("./dist/components/Outside.js")["default"]
 exports.Page = require("./dist/components/Page.js")["default"]
 exports.Search = require("./dist/components/Search.js")["default"]
 exports.SidebarMenu = require("./dist/components/SidebarMenu.js")["default"]
+exports.SlimContainer = require("./dist/components/SlimContainer.js")["default"]
 exports.Status = require("./dist/components/Status.js")["default"]
 exports.StatusProvider = require("./dist/components/StatusProvider.js")["StatusProvider"]
 exports.useStatus = require("./dist/components/StatusProvider.js")["useStatus"]

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "blue-react",
-    "version": "8.5.0",
+    "version": "8.5.1",
     "description": "Blue React Components",
     "license": "LGPL-3.0-or-later",
     "main": "index.js",