blue-react 8.8.3 → 9.0.0-alpha1

package/dist/style.scss

@@ -1,17 +1,17 @@
 /*!
- * Blue React v8.8.3 (https://bruegmann.github.io/blue-react)
+ * Blue React v9.0.0-alpha1-alpha1-alpha1-alpha1-alpha1-alpha1-alpha1 (https://bruegmann.github.io/blue-react)
  * Licensed under GNU General Public License v3.0 (https://github.com/bruegmann/blue-react/blob/master/LICENSE).
 */
 
-@import "./styles/bootstrap-variables.scss";
+@import "./styles/bootstrap-variables";
 @import "node_modules/bootstrap/scss/functions";
 @import "node_modules/bootstrap/scss/variables";
-@import "./styles/_variables.scss";
+@import "./styles/_variables";
 
-@import "./styles/_mixins.scss";
-@import "./styles/_keyframes.scss";
+@import "./styles/_mixins";
+@import "./styles/_keyframes";
 
-@import "./styles/_bootstrap.scss";
+@import "./styles/_bootstrap";
 
 @import "./styles/_general";
 @import "./styles/_router";
@@ -19,9 +19,8 @@
 @import "./styles/_layout";
 @import "./styles/_search";
 @import "./styles/action-menu";
-@import "./styles/_switch";
 @import "./styles/_caret";
 @import "./styles/_tooltips";
 @import "./styles/_hover";
 
-@import "./styles/_bootstrap-optimizations.scss";
+@import "./styles/_bootstrap-optimizations";

package/dist/styles/_action-menu.scss

@@ -73,7 +73,7 @@
     }
 
     .blue-menu-item-label,
-    .blue-menu-item-dropdown-caret.caret {
+    .blue-menu-item-dropdown-caret.blue-caret {
         display: initial;
     }
 }

package/dist/styles/_bootstrap-optimizations.scss

@@ -1,11 +1,3 @@
-.container,
-.container-fluid {
-    &:before {
-        content: "";
-        display: table;
-    }
-}
-
 @include media-breakpoint-up(sm) {
     .form-horizontal .col-form-label {
         text-align: right;

package/dist/styles/_caret.scss

@@ -1,4 +1,4 @@
-.caret {
+.blue-caret {
     /* treat like a font icon */
     font-family: "blueicon" !important;
     speak: none;
@@ -36,13 +36,13 @@
         transition: all 0.2s;
     }
 
-    &.caret-mirrored {
+    &.blue-caret-mirrored {
         &::before {
             transform: rotate(135deg) translate(-50%, -50%);
         }
     }
 
-    &.caret-open {
+    &.blue-caret-open {
         &::before {
             transform: rotate(45deg) translate(-50%, -50%);
         }

package/dist/styles/_general.scss

@@ -4,14 +4,6 @@
     scrollbar-width: thin;
 }
 
-/* Versteckt Clear-Button für input[type="search"], da Blue bereits selbst Clear-Buttons liefert */
-input[type="search"]::-webkit-search-decoration,
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-results-button,
-input[type="search"]::-webkit-search-results-decoration {
-    -webkit-appearance: none;
-}
-
 @media screen and (min-width: 768px) {
     ::-webkit-scrollbar {
         height: $scrollbar-size;
@@ -66,15 +58,6 @@ body {
     }
 }
 
-// h1,
-// h2 {
-//     font-weight: 300;
-// }
-
-// label {
-//     font-weight: 600;
-// }
-
 // Idee für Effekt von http://www.w3schools.com/howto/howto_css_animate_buttons.asp
 .btn,
 .nav-pills > li > a,

package/dist/styles/_layout.scss

@@ -374,7 +374,7 @@
     }
 }
 
-.blue-menu-item-dropdown-caret.caret {
+.blue-menu-item-dropdown-caret.blue-caret {
     display: none;
     position: absolute;
     right: 1.5rem;

package/dist/styles/_variables.scss

@@ -98,30 +98,18 @@ $actions-control-bg-hover: $bla-button-bg-hover !default;
 // Width and height of the scrollbar indicators
 $scrollbar-size: 10px;
 
-:root,
-.blue-theme-with-scss {
+:root {
     --blue-sidebar-width: #{$bla-sidebar-width};
     --blue-sidebar-color-h: #{$blue-sidebar-color-h};
     --blue-sidebar-color-s: #{$blue-sidebar-color-s};
     --blue-sidebar-color-l: #{$blue-sidebar-color-l};
     --blue-sidebar-color: #{$blue-sidebar-color};
-    --blue-theme: #{$theme};
-
-    --blue-app-bg: #{$app-bg};
-    --blue-sidebar-bg: #{$sidebar-bg};
-    --blue-header-bg: #{$header-bg};
-    --blue-menu-item-indicator-bg: #{$sidebar-indicator-color};
-}
-
-.blue-theme-with-css {
     --blue-theme: var(--theme, #{$theme});
+    --blue-shimmering: 0.8;
 
     --blue-app-bg: var(--blue-theme, #{$app-bg});
     --blue-sidebar-bg: var(--blue-theme, #{$sidebar-bg});
     --blue-header-bg: var(--blue-theme, #{$header-bg});
-}
-
-:root {
-    --blue-shimmering: 0.8;
     --blue-action-link-bg-color: var(--blue-theme);
+    --blue-menu-item-indicator-bg: #{$sidebar-indicator-color};
 }

package/dist/styles/mixins/_sidebar.scss

@@ -38,7 +38,7 @@
         left: $bla-sidebar-width;
     }
 
-    .blue-menu-item-dropdown-caret.caret {
+    .blue-menu-item-dropdown-caret.blue-caret {
         display: flex;
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "blue-react",
-    "version": "8.8.3",
+    "version": "9.0.0-alpha1",
     "description": "Blue React Components",
     "license": "LGPL-3.0-or-later",
     "main": "index.js",
@@ -24,9 +24,9 @@
         "test": "react-scripts test",
         "eject": "react-scripts eject",
         "predeploy": "npm run build-docs",
-        "deploy": "gh-pages --dist build --dest v8",
+        "deploy": "gh-pages --dist build --dest v9",
         "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 .",
         "license-report": "npx license-report --prod --output=json > ./src/docs/data/license-report.json"
     },

package/dist/styles/_switch.scss

@@ -1,21 +0,0 @@
-$width: 2.188rem;
-$height: 1.25rem;
-$padding: 0.188rem;
-
-$switch-active-color: $success;
-
-.switch {
-    @include switch();
-
-    &.lg {
-        @include switch(100px, 30px);
-    }
-}
-
-/* Rounded sliders */
-.slider.round {
-    border-radius: $height;
-}
-.slider.round:before {
-    border-radius: 50%;
-}