blue-react 8.0.0-next.3 → 8.0.0-next.4

package/dist/style.scss

@@ -1,5 +1,5 @@
 /*!
- * Blue React v8.0.0-next.3 (https://bruegmann.github.io/blue-react)
+ * Blue React v8.0.0-next.4 (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/_action-menu.scss

@@ -1,81 +1,81 @@
-.blue-actions-menu {
-    .nav-link {
-        position: relative;
-        margin-left: 2px;
-
-        background-color: var(--action-link-bg-color);
-
-        &:hover {
-            background-color: $bla-button-bg-hover;
-        }
-    }
-}
-
-.blue-actions {
-    display: inline;
-    transition: background-color 0.5s linear;
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    padding: 0;
-    max-height: $normal-size;
-    overflow: hidden;
-
-    .blue-actions-menu {
-        max-width: $normal-size;
-    }
-
-    &.open {
-        left: -#{$normal-size};
-        width: calc(100% + #{$normal-size});
-    }
-
-    .navbar-nav > li > a {
-        animation: fadeInDown 0.5s;
-    }
-
-    &.none {
-        @include actions(0px);
-    }
-
-    &.sm {
-        @include actions(768px);
-    }
-
-    &.md {
-        @include actions(992px);
-    }
-
-    &.lg {
-        @include actions(1200px);
-    }
-
-    // Support for MenuItems
-    .blue-menu-item {
-        width: auto;
-        margin-top: 0;
-        margin-bottom: 0;
-    }
-
-    .blue-menu-item-dropdown-toggle .blue-menu-item-label {
-        margin-right: 2rem;
-    }
-
-    .blue-menu-item-label,
-    .blue-menu-item-dropdown-caret.caret {
-        display: initial;
-    }
-}
-
-.blue-actions-menu-toggle {
-    & > span:first-child {
-        transform: rotate(90deg);
-    }
-}
-
-.blue-actions-menu-item {
-    display: flex;
-    align-items: center;
-    color: inherit;
-}
+.blue-actions-menu {
+    .nav-link {
+        position: relative;
+        margin-left: 2px;
+
+        background-color: var(--action-link-bg-color);
+
+        &:hover {
+            background-color: $bla-button-bg-hover;
+        }
+    }
+}
+
+.blue-actions {
+    display: inline;
+    transition: background-color 0.5s linear;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    padding: 0;
+    max-height: $normal-size;
+    overflow: hidden;
+
+    .blue-actions-menu {
+        max-width: $normal-size;
+    }
+
+    &.open {
+        left: -#{$normal-size};
+        width: calc(100% + #{$normal-size});
+    }
+
+    .navbar-nav > li > a {
+        animation: fadeInDown 0.5s;
+    }
+
+    &.none {
+        @include actions(0px);
+    }
+
+    &.sm {
+        @include actions(768px);
+    }
+
+    &.md {
+        @include actions(992px);
+    }
+
+    &.lg {
+        @include actions(1200px);
+    }
+
+    // Support for MenuItems
+    .blue-menu-item {
+        width: auto;
+        margin-top: 0;
+        margin-bottom: 0;
+    }
+
+    .blue-menu-item-dropdown-toggle .blue-menu-item-label {
+        margin-right: 2rem;
+    }
+
+    .blue-menu-item-label,
+    .blue-menu-item-dropdown-caret.caret {
+        display: initial;
+    }
+}
+
+.blue-actions-menu-toggle {
+    & > span:first-child {
+        transform: rotate(90deg);
+    }
+}
+
+.blue-actions-menu-item {
+    display: flex;
+    align-items: center;
+    color: inherit;
+}

package/dist/styles/_bootstrap-mixins_overwritten.scss

@@ -1,106 +1,106 @@
-/**
-* This will overwrite button-variant mixin from Bootstrap: On hover buttons will get lighter instead of darker
-*/
-
-@mixin button-variant(
-    $background,
-    $border,
-    $color: color-contrast($background),
-    $hover-background:
-        if(
-            $color == $color-contrast-light,
-            tint-color($background, $btn-hover-bg-tint-amount),
-            shade-color($background, $btn-hover-bg-shade-amount)
-        ),
-    $hover-border:
-        if(
-            $color == $color-contrast-light,
-            tint-color($border, $btn-hover-border-tint-amount),
-            shade-color($border, $btn-hover-border-shade-amount)
-        ),
-    $hover-color: color-contrast($background),
-    $active-background:
-        if(
-            $color == $color-contrast-light,
-            shade-color($background, $btn-active-bg-shade-amount),
-            tint-color($background, $btn-active-bg-tint-amount)
-        ),
-    $active-border:
-        if(
-            $color == $color-contrast-light,
-            shade-color($border, $btn-active-border-shade-amount),
-            tint-color($border, $btn-active-border-tint-amount)
-        ),
-    $active-color: color-contrast($active-background),
-    $disabled-background: $background,
-    $disabled-border: $border,
-    $disabled-color: color-contrast($disabled-background)
-) {
-    color: $color;
-    @include gradient-bg($background);
-    border-color: $border;
-    @include box-shadow($btn-box-shadow);
-
-    &:hover {
-        color: $hover-color;
-        @include gradient-bg($hover-background);
-        border-color: $hover-border;
-    }
-
-    .btn-check:focus + &,
-    &:focus {
-        color: $hover-color;
-        @include gradient-bg($hover-background);
-        border-color: $hover-border;
-        @if $enable-shadows {
-            @include box-shadow(
-                $btn-box-shadow,
-                0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), 0.5)
-            );
-        } @else {
-            // Avoid using mixin so we can pass custom focus shadow properly
-            box-shadow: 0
-                0
-                0
-                $btn-focus-width
-                rgba(mix($color, $border, 15%), 0.5);
-        }
-    }
-
-    .btn-check:checked + &,
-    .btn-check:active + &,
-    &:active,
-    &.active,
-    .show > &.dropdown-toggle {
-        color: $active-color;
-        background-color: $active-background;
-        // Remove CSS gradients if they're enabled
-        background-image: if($enable-gradients, none, null);
-        border-color: $active-border;
-
-        &:focus {
-            @if $enable-shadows {
-                @include box-shadow(
-                    $btn-active-box-shadow,
-                    0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), 0.5)
-                );
-            } @else {
-                // Avoid using mixin so we can pass custom focus shadow properly
-                box-shadow: 0
-                    0
-                    0
-                    $btn-focus-width
-                    rgba(mix($color, $border, 15%), 0.5);
-            }
-        }
-    }
-
-    &:disabled,
-    &.disabled {
-        color: $disabled-color;
-        background-color: $disabled-background;
-        // Remove CSS gradients if they're enabled
-        background-image: if($enable-gradients, none, null);
-        border-color: $disabled-border;
-    }
-}
+/**
+* This will overwrite button-variant mixin from Bootstrap: On hover buttons will get lighter instead of darker
+*/
+
+@mixin button-variant(
+    $background,
+    $border,
+    $color: color-contrast($background),
+    $hover-background:
+        if(
+            $color == $color-contrast-light,
+            tint-color($background, $btn-hover-bg-tint-amount),
+            shade-color($background, $btn-hover-bg-shade-amount)
+        ),
+    $hover-border:
+        if(
+            $color == $color-contrast-light,
+            tint-color($border, $btn-hover-border-tint-amount),
+            shade-color($border, $btn-hover-border-shade-amount)
+        ),
+    $hover-color: color-contrast($background),
+    $active-background:
+        if(
+            $color == $color-contrast-light,
+            shade-color($background, $btn-active-bg-shade-amount),
+            tint-color($background, $btn-active-bg-tint-amount)
+        ),
+    $active-border:
+        if(
+            $color == $color-contrast-light,
+            shade-color($border, $btn-active-border-shade-amount),
+            tint-color($border, $btn-active-border-tint-amount)
+        ),
+    $active-color: color-contrast($active-background),
+    $disabled-background: $background,
+    $disabled-border: $border,
+    $disabled-color: color-contrast($disabled-background)
+) {
+    color: $color;
+    @include gradient-bg($background);
+    border-color: $border;
+    @include box-shadow($btn-box-shadow);
+
+    &:hover {
+        color: $hover-color;
+        @include gradient-bg($hover-background);
+        border-color: $hover-border;
+    }
+
+    .btn-check:focus + &,
+    &:focus {
+        color: $hover-color;
+        @include gradient-bg($hover-background);
+        border-color: $hover-border;
+        @if $enable-shadows {
+            @include box-shadow(
+                $btn-box-shadow,
+                0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), 0.5)
+            );
+        } @else {
+            // Avoid using mixin so we can pass custom focus shadow properly
+            box-shadow: 0
+                0
+                0
+                $btn-focus-width
+                rgba(mix($color, $border, 15%), 0.5);
+        }
+    }
+
+    .btn-check:checked + &,
+    .btn-check:active + &,
+    &:active,
+    &.active,
+    .show > &.dropdown-toggle {
+        color: $active-color;
+        background-color: $active-background;
+        // Remove CSS gradients if they're enabled
+        background-image: if($enable-gradients, none, null);
+        border-color: $active-border;
+
+        &:focus {
+            @if $enable-shadows {
+                @include box-shadow(
+                    $btn-active-box-shadow,
+                    0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), 0.5)
+                );
+            } @else {
+                // Avoid using mixin so we can pass custom focus shadow properly
+                box-shadow: 0
+                    0
+                    0
+                    $btn-focus-width
+                    rgba(mix($color, $border, 15%), 0.5);
+            }
+        }
+    }
+
+    &:disabled,
+    &.disabled {
+        color: $disabled-color;
+        background-color: $disabled-background;
+        // Remove CSS gradients if they're enabled
+        background-image: if($enable-gradients, none, null);
+        border-color: $disabled-border;
+    }
+}

package/dist/styles/_bootstrap-optimizations.scss

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

package/dist/styles/_bootstrap-variables.scss

@@ -1,13 +1,13 @@
-$light: #ecedf0 !default;
-
-// Components
-//
-
-$border-radius: 0.5rem !default;
-$border-radius-lg: 0.7rem !default;
-$border-radius-sm: 0.3rem !default;
-
-$custom-checkbox-indicator-border-radius: $border-radius-sm !default;
-
-$link-decoration: none !default;
-$link-hover-decoration: underline !default;
+$light: #ecedf0 !default;
+
+// Components
+//
+
+$border-radius: 0.5rem !default;
+$border-radius-lg: 0.7rem !default;
+$border-radius-sm: 0.3rem !default;
+
+$custom-checkbox-indicator-border-radius: $border-radius-sm !default;
+
+$link-decoration: none !default;
+$link-hover-decoration: underline !default;

package/dist/styles/_bootstrap.scss

@@ -1,56 +1,56 @@
-/*!
- * 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)
- */
-
-// scss-docs-start import-stack
-// Configuration
-@import "node_modules/bootstrap/scss/functions";
-@import "node_modules/bootstrap/scss/variables";
-@import "node_modules/bootstrap/scss/mixins";
-
-@import "./_bootstrap-mixins_overwritten.scss";
-
-@import "node_modules/bootstrap/scss/utilities";
-
-// Layout & components
-@import "node_modules/bootstrap/scss/root";
-
-@import "node_modules/bootstrap/scss/reboot";
-@import "node_modules/bootstrap/scss/type";
-@import "node_modules/bootstrap/scss/images";
-@import "node_modules/bootstrap/scss/containers";
-@import "node_modules/bootstrap/scss/grid";
-@import "node_modules/bootstrap/scss/tables";
-@import "node_modules/bootstrap/scss/forms";
-@import "node_modules/bootstrap/scss/buttons";
-@import "node_modules/bootstrap/scss/transitions";
-@import "node_modules/bootstrap/scss/dropdown";
-@import "node_modules/bootstrap/scss/button-group";
-@import "node_modules/bootstrap/scss/nav";
-@import "node_modules/bootstrap/scss/navbar";
-@import "node_modules/bootstrap/scss/card";
-@import "node_modules/bootstrap/scss/accordion";
-@import "node_modules/bootstrap/scss/breadcrumb";
-@import "node_modules/bootstrap/scss/pagination";
-@import "node_modules/bootstrap/scss/badge";
-@import "node_modules/bootstrap/scss/alert";
-@import "node_modules/bootstrap/scss/progress";
-@import "node_modules/bootstrap/scss/list-group";
-@import "node_modules/bootstrap/scss/close";
-@import "node_modules/bootstrap/scss/toasts";
-@import "node_modules/bootstrap/scss/modal";
-@import "node_modules/bootstrap/scss/tooltip";
-@import "node_modules/bootstrap/scss/popover";
-@import "node_modules/bootstrap/scss/carousel";
-@import "node_modules/bootstrap/scss/spinners";
-@import "node_modules/bootstrap/scss/offcanvas";
-
-// Helpers
-@import "node_modules/bootstrap/scss/helpers";
-
-// Utilities
-@import "node_modules/bootstrap/scss/utilities/api";
-// scss-docs-end import-stack
+/*!
+ * 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)
+ */
+
+// scss-docs-start import-stack
+// Configuration
+@import "node_modules/bootstrap/scss/functions";
+@import "node_modules/bootstrap/scss/variables";
+@import "node_modules/bootstrap/scss/mixins";
+
+@import "./_bootstrap-mixins_overwritten.scss";
+
+@import "node_modules/bootstrap/scss/utilities";
+
+// Layout & components
+@import "node_modules/bootstrap/scss/root";
+
+@import "node_modules/bootstrap/scss/reboot";
+@import "node_modules/bootstrap/scss/type";
+@import "node_modules/bootstrap/scss/images";
+@import "node_modules/bootstrap/scss/containers";
+@import "node_modules/bootstrap/scss/grid";
+@import "node_modules/bootstrap/scss/tables";
+@import "node_modules/bootstrap/scss/forms";
+@import "node_modules/bootstrap/scss/buttons";
+@import "node_modules/bootstrap/scss/transitions";
+@import "node_modules/bootstrap/scss/dropdown";
+@import "node_modules/bootstrap/scss/button-group";
+@import "node_modules/bootstrap/scss/nav";
+@import "node_modules/bootstrap/scss/navbar";
+@import "node_modules/bootstrap/scss/card";
+@import "node_modules/bootstrap/scss/accordion";
+@import "node_modules/bootstrap/scss/breadcrumb";
+@import "node_modules/bootstrap/scss/pagination";
+@import "node_modules/bootstrap/scss/badge";
+@import "node_modules/bootstrap/scss/alert";
+@import "node_modules/bootstrap/scss/progress";
+@import "node_modules/bootstrap/scss/list-group";
+@import "node_modules/bootstrap/scss/close";
+@import "node_modules/bootstrap/scss/toasts";
+@import "node_modules/bootstrap/scss/modal";
+@import "node_modules/bootstrap/scss/tooltip";
+@import "node_modules/bootstrap/scss/popover";
+@import "node_modules/bootstrap/scss/carousel";
+@import "node_modules/bootstrap/scss/spinners";
+@import "node_modules/bootstrap/scss/offcanvas";
+
+// Helpers
+@import "node_modules/bootstrap/scss/helpers";
+
+// Utilities
+@import "node_modules/bootstrap/scss/utilities/api";
+// scss-docs-end import-stack

package/dist/styles/_caret.scss

@@ -1,50 +1,50 @@
-.caret {
-    /* treat like a font icon */
-    font-family: "blueicon" !important;
-    speak: none;
-    font-style: normal;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-
-    font-size: 1.15em;
-    position: relative;
-    top: 0.063rem;
-    display: inline-block;
-    /* END treat like a font icon */
-
-    --caret-size: 0.5em;
-    --caret-strength: 0.09em;
-
-    width: 1em;
-
-    &::before {
-        content: "";
-        display: block;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        width: var(--caret-size);
-        height: var(--caret-size);
-        background: transparent;
-        box-shadow: var(--caret-strength) var(--caret-strength) 0 currentColor;
-        transform: rotate(-45deg) translate(-50%, -50%);
-        margin-top: calc((var(--caret-size) + var(--caret-strength)) * -1);
-        transition: all 0.2s;
-    }
-
-    &.caret-mirrored {
-        &::before {
-            transform: rotate(135deg) translate(-50%, -50%);
-        }
-    }
-
-    &.caret-open {
-        &::before {
-            transform: rotate(45deg) translate(-50%, -50%);
-        }
-    }
-}
+.caret {
+    /* treat like a font icon */
+    font-family: "blueicon" !important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+
+    font-size: 1.15em;
+    position: relative;
+    top: 0.063rem;
+    display: inline-block;
+    /* END treat like a font icon */
+
+    --caret-size: 0.5em;
+    --caret-strength: 0.09em;
+
+    width: 1em;
+
+    &::before {
+        content: "";
+        display: block;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: var(--caret-size);
+        height: var(--caret-size);
+        background: transparent;
+        box-shadow: var(--caret-strength) var(--caret-strength) 0 currentColor;
+        transform: rotate(-45deg) translate(-50%, -50%);
+        margin-top: calc((var(--caret-size) + var(--caret-strength)) * -1);
+        transition: all 0.2s;
+    }
+
+    &.caret-mirrored {
+        &::before {
+            transform: rotate(135deg) translate(-50%, -50%);
+        }
+    }
+
+    &.caret-open {
+        &::before {
+            transform: rotate(45deg) translate(-50%, -50%);
+        }
+    }
+}

package/dist/styles/_document-view.scss

@@ -1,6 +1,6 @@
-.document-view-iframe {
-    border: none;
-    width: 100%;
-    height: calc(100vh - 6.875rem);
-    display: block;
-}
+.document-view-iframe {
+    border: none;
+    width: 100%;
+    height: calc(100vh - 6.875rem);
+    display: block;
+}