blue-react 7.8.0-next.2 → 7.8.3

package/dist/style.scss

@@ -1,5 +1,5 @@
 /*!
- * Blue React v7.8.0-next.2 (https://bruegmann.github.io/blue-react)
+ * Blue React v7.8.3 (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-app-actions-menu {
-    .nav-link {
-        position: relative;
-        margin-left: 2px;
-
-        background-color: var(--action-link-bg-color);
-
-        &:hover {
-            background-color: $bla-button-bg-hover;
-        }
-    }
-}
-
-.blue-app-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-app-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-app-sidebar-btn {
-        width: auto;
-        margin-top: 0;
-        margin-bottom: 0;
-    }
-
-    .blue-app-sidebar-dropdown-toggle .blue-app-sidebar-label {
-        margin-right: 2rem;
-    }
-
-    .blue-app-sidebar-label,
-    .blue-app-sidebar-dropdown-caret.caret {
-        display: initial;
-    }
-}
-
-.blue-app-actions-menu-toggle {
-    & > span:first-child {
-        transform: rotate(90deg);
-    }
-}
-
-.blue-app-actions-menu-item {
-    display: flex;
-    align-items: center;
-    color: inherit;
-}
+.blue-app-actions-menu {
+    .nav-link {
+        position: relative;
+        margin-left: 2px;
+
+        background-color: var(--action-link-bg-color);
+
+        &:hover {
+            background-color: $bla-button-bg-hover;
+        }
+    }
+}
+
+.blue-app-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-app-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-app-sidebar-btn {
+        width: auto;
+        margin-top: 0;
+        margin-bottom: 0;
+    }
+
+    .blue-app-sidebar-dropdown-toggle .blue-app-sidebar-label {
+        margin-right: 2rem;
+    }
+
+    .blue-app-sidebar-label,
+    .blue-app-sidebar-dropdown-caret.caret {
+        display: initial;
+    }
+}
+
+.blue-app-actions-menu-toggle {
+    & > span:first-child {
+        transform: rotate(90deg);
+    }
+}
+
+.blue-app-actions-menu-item {
+    display: flex;
+    align-items: center;
+    color: inherit;
+}

package/dist/styles/_actions.scss

@@ -1,137 +1,137 @@
-$blue-actions-indicator-height: 2rem !default;
-
-.blue-actions {
-    --sidebar-bg: transparent;
-
-    display: flex;
-    align-items: stretch;
-    color: $header-color;
-    position: fixed;
-    right: 0.5rem;
-    z-index: 41;
-    transition: height 0.3s;
-
-    .blue-app-sidebar-btn {
-        color: $header-color;
-
-        &:hover,
-        &:active {
-            background-color: $actions-control-bg-hover;
-        }
-    }
-
-    &.closed {
-        .blue-actions-featured {
-            display: flex;
-        }
-
-        .blue-actions-indicator {
-            padding-bottom: $spacer / 2;
-            &::before {
-                transform: rotate(45deg);
-                -webkit-transform: rotate(45deg);
-            }
-        }
-    }
-
-    &.break-sm {
-        @include actions-break(map-get($grid-breakpoints, "sm"));
-    }
-
-    &.break-md {
-        @include actions-break(map-get($grid-breakpoints, "md"));
-    }
-
-    &.break-lg {
-        @include actions-break(map-get($grid-breakpoints, "lg"));
-    }
-
-    &.break-xl {
-        @include actions-break(map-get($grid-breakpoints, "xl"));
-    }
-}
-
-.blue-actions-indicator {
-    min-height: $blue-actions-indicator-height;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    position: relative;
-
-    &::before {
-        content: "";
-        border: solid;
-        border-width: 0 3px 3px 0;
-        display: block;
-        padding: 3px;
-        margin: 0 $spacer;
-
-        transform: rotate(-135deg);
-        -webkit-transform: rotate(-135deg);
-    }
-}
-
-.blue-actions-controls {
-    .blue-app-sidebar-btn {
-        width: 100%;
-    }
-
-    .blue-app-sidebar-label {
-        display: inline-block;
-    }
-}
-
-.blue-actions-featured {
-    display: none;
-    justify-content: center;
-
-    > .fluent-btn {
-        display: inline-flex;
-        justify-content: center;
-    }
-
-    .blue-app-sidebar-btn {
-        margin: 2px;
-
-        &.has-label {
-            width: auto;
-
-            .blue-app-sidebar-label {
-                display: inline-block;
-            }
-        }
-    }
-}
-
-.has-actions {
-    &.break-sm {
-        @include has-actions(map-get($grid-breakpoints, "sm"));
-    }
-
-    &.break-md {
-        @include has-actions(map-get($grid-breakpoints, "md"));
-    }
-
-    &.break-lg {
-        @include has-actions(map-get($grid-breakpoints, "lg"));
-    }
-
-    &.break-xl {
-        @include has-actions(map-get($grid-breakpoints, "xl"));
-    }
-}
-
-.blue-app-page-wrapper:not(.hasHeader) {
-    .blue-actions {
-        background-color: $theme;
-        @extend .mt-1 !optional;
-        @extend .me-1 !optional;
-        border-radius: $blue-actions-indicator-height / 2;
-        box-shadow: $box-shadow;
-
-        &.closed {
-            @extend .ps-3 !optional;
-        }
-    }
-}
+$blue-actions-indicator-height: 2rem !default;
+
+.blue-actions {
+    --sidebar-bg: transparent;
+
+    display: flex;
+    align-items: stretch;
+    color: $header-color;
+    position: fixed;
+    right: 0.5rem;
+    z-index: 41;
+    transition: height 0.3s;
+
+    .blue-app-sidebar-btn {
+        color: $header-color;
+
+        &:hover,
+        &:active {
+            background-color: $actions-control-bg-hover;
+        }
+    }
+
+    &.closed {
+        .blue-actions-featured {
+            display: flex;
+        }
+
+        .blue-actions-indicator {
+            padding-bottom: $spacer / 2;
+            &::before {
+                transform: rotate(45deg);
+                -webkit-transform: rotate(45deg);
+            }
+        }
+    }
+
+    &.break-sm {
+        @include actions-break(map-get($grid-breakpoints, "sm"));
+    }
+
+    &.break-md {
+        @include actions-break(map-get($grid-breakpoints, "md"));
+    }
+
+    &.break-lg {
+        @include actions-break(map-get($grid-breakpoints, "lg"));
+    }
+
+    &.break-xl {
+        @include actions-break(map-get($grid-breakpoints, "xl"));
+    }
+}
+
+.blue-actions-indicator {
+    min-height: $blue-actions-indicator-height;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    position: relative;
+
+    &::before {
+        content: "";
+        border: solid;
+        border-width: 0 3px 3px 0;
+        display: block;
+        padding: 3px;
+        margin: 0 $spacer;
+
+        transform: rotate(-135deg);
+        -webkit-transform: rotate(-135deg);
+    }
+}
+
+.blue-actions-controls {
+    .blue-app-sidebar-btn {
+        width: 100%;
+    }
+
+    .blue-app-sidebar-label {
+        display: inline-block;
+    }
+}
+
+.blue-actions-featured {
+    display: none;
+    justify-content: center;
+
+    > .fluent-btn {
+        display: inline-flex;
+        justify-content: center;
+    }
+
+    .blue-app-sidebar-btn {
+        margin: 2px;
+
+        &.has-label {
+            width: auto;
+
+            .blue-app-sidebar-label {
+                display: inline-block;
+            }
+        }
+    }
+}
+
+.has-actions {
+    &.break-sm {
+        @include has-actions(map-get($grid-breakpoints, "sm"));
+    }
+
+    &.break-md {
+        @include has-actions(map-get($grid-breakpoints, "md"));
+    }
+
+    &.break-lg {
+        @include has-actions(map-get($grid-breakpoints, "lg"));
+    }
+
+    &.break-xl {
+        @include has-actions(map-get($grid-breakpoints, "xl"));
+    }
+}
+
+.blue-app-page-wrapper:not(.hasHeader) {
+    .blue-actions {
+        background-color: $theme;
+        @extend .mt-1 !optional;
+        @extend .me-1 !optional;
+        border-radius: $blue-actions-indicator-height / 2;
+        box-shadow: $box-shadow;
+
+        &.closed {
+            @extend .ps-3 !optional;
+        }
+    }
+}

package/dist/styles/_keyframes.scss

@@ -1,73 +1,73 @@
-@keyframes fade-in {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-}
-
-@keyframes blAppearUp {
-    from {
-        margin-top: 2.5rem;
-    }
-    to {
-        margin-top: 0;
-    }
-}
-
-@keyframes blue-app-sidebar-dropdown {
-    from {
-        transform: translateY(-50%);
-        opacity: 0;
-    }
-}
-
-@keyframes enabledBlueAppPage {
-    from {
-        transform: scale(0.98);
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-}
-
-@keyframes fadeInDown {
-    from {
-        opacity: 0;
-        transform: translate3d(0, -100%, 0);
-    }
-
-    to {
-        opacity: 1;
-        transform: none;
-    }
-}
-
-@keyframes alert-in {
-    from {
-        transform: scale(0, 0);
-        opacity: 0.2;
-        transition: 0s;
-    }
-}
-
-@keyframes circlebounce {
-    0%,
-    100% {
-        transform: scale(0);
-    }
-    50% {
-        transform: scale(1);
-    }
-}
-
-@keyframes scrolling {
-    from {
-        transform: translateX(-100%);
-    }
-    to {
-        transform: translateX(100%);
-    }
-}
+@keyframes fade-in {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+@keyframes blAppearUp {
+    from {
+        margin-top: 2.5rem;
+    }
+    to {
+        margin-top: 0;
+    }
+}
+
+@keyframes blue-app-sidebar-dropdown {
+    from {
+        transform: translateY(-50%);
+        opacity: 0;
+    }
+}
+
+@keyframes enabledBlueAppPage {
+    from {
+        transform: scale(0.98);
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+@keyframes fadeInDown {
+    from {
+        opacity: 0;
+        transform: translate3d(0, -100%, 0);
+    }
+
+    to {
+        opacity: 1;
+        transform: none;
+    }
+}
+
+@keyframes alert-in {
+    from {
+        transform: scale(0, 0);
+        opacity: 0.2;
+        transition: 0s;
+    }
+}
+
+@keyframes circlebounce {
+    0%,
+    100% {
+        transform: scale(0);
+    }
+    50% {
+        transform: scale(1);
+    }
+}
+
+@keyframes scrolling {
+    from {
+        transform: translateX(-100%);
+    }
+    to {
+        transform: translateX(100%);
+    }
+}

package/dist/styles/_mixins.scss

@@ -1,7 +1,7 @@
-@import "./mixins/_misc.scss";
-@import "./mixins/_sidebar.scss";
-@import "./mixins/action-menu.scss";
-@import "./mixins/_actions.scss";
-@import "./mixins/_switch.scss";
-@import "./mixins/custom-property.scss";
-@import "./mixins/scroll-shadow";
+@import "./mixins/_misc.scss";
+@import "./mixins/_sidebar.scss";
+@import "./mixins/action-menu.scss";
+@import "./mixins/_actions.scss";
+@import "./mixins/_switch.scss";
+@import "./mixins/custom-property.scss";
+@import "./mixins/scroll-shadow";

package/dist/styles/_ripple.scss

@@ -1,30 +1,30 @@
-.ripple {
-    position: relative;
-    overflow: hidden;
-    transform: translate3d(0, 0, 0);
-}
-.ripple:after {
-    content: "";
-    display: block;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    pointer-events: none;
-    background-image: radial-gradient(
-        circle,
-        rgba(black, 0.7) 10%,
-        transparent 10.01%
-    );
-    background-repeat: no-repeat;
-    background-position: 50%;
-    transform: scale(10, 10);
-    opacity: 0;
-    transition: transform 0.5s, opacity 1s;
-}
-.ripple:active:after {
-    transform: scale(0, 0);
-    opacity: 0.2;
-    transition: 0s;
-}
+.ripple {
+    position: relative;
+    overflow: hidden;
+    transform: translate3d(0, 0, 0);
+}
+.ripple:after {
+    content: "";
+    display: block;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    pointer-events: none;
+    background-image: radial-gradient(
+        circle,
+        rgba(black, 0.7) 10%,
+        transparent 10.01%
+    );
+    background-repeat: no-repeat;
+    background-position: 50%;
+    transform: scale(10, 10);
+    opacity: 0;
+    transition: transform 0.5s, opacity 1s;
+}
+.ripple:active:after {
+    transform: scale(0, 0);
+    opacity: 0.2;
+    transition: 0s;
+}

package/dist/styles/_search.scss

@@ -57,5 +57,5 @@
 }
 
 .blue-app-search.blue-app-search-sidebar:not(:hover):not(.focus) {
-    opacity: 0.5;
+    opacity: 0.7;
 }