blue-web 1.21.1 → 1.21.2

package/dist/neu.scss

@@ -1,92 +1,92 @@
-/* Neumorphism effects */
-
-$theme: #e5dff4 !default;
-
-@function neu-shadow($multiplicate: 1, $inset: false, $switch: false) {
-    $preset: "";
-    $bg-suffix: "";
-
-    @if $inset {
-        $preset: "inset";
-        $bg-suffix: "-inset";
-    }
-
-    @if $switch {
-        @return $preset calc(var(--neu-distance) * #{$multiplicate}) calc(var(--neu-distance) * #{$multiplicate})
-                calc(var(--neu-blur) * #{$multiplicate}) var(--neu-shadow-high#{$bg-suffix}),
-            $preset calc(var(--neu-distance) * -#{$multiplicate}) calc(var(--neu-distance) * -#{$multiplicate})
-                calc(var(--neu-blur) * #{$multiplicate}) var(--neu-shadow-low#{$bg-suffix});
-    }
-
-    @return $preset calc(var(--neu-distance) * -#{$multiplicate}) calc(var(--neu-distance) * -#{$multiplicate})
-            calc(var(--neu-blur) * #{$multiplicate}) var(--neu-shadow-high#{$bg-suffix}),
-        $preset calc(var(--neu-distance) * #{$multiplicate}) calc(var(--neu-distance) * #{$multiplicate})
-            calc(var(--neu-blur) * #{$multiplicate}) var(--neu-shadow-low#{$bg-suffix});
-}
-
-$neu-steps: (
-    1: 0.25,
-    2: 0.5,
-    3: 1,
-    4: 1.5,
-    5: 3
-);
-
-@mixin neu($bg: $theme, $bg-inset: $theme) {
-    --neu-bg: #{$bg};
-    --neu-bg-inset: #{$bg-inset};
-
-    --neu-shadow-high: #{lighten($bg, 3%)};
-    --neu-shadow-low: #{darken($bg, 4%)};
-    --neu-shadow-high-inset: #{lighten($bg-inset, 4%)};
-    --neu-shadow-low-inset: #{darken($bg-inset, 4%)};
-
-    --neu-distance: 0.37rem;
-    --neu-blur: 0.7rem;
-
-    @each $unit, $value in $neu-steps {
-        --neu-shadow-#{$unit}: #{neu-shadow($value)};
-        --neu-shadow-inset-#{$unit}: #{neu-shadow($value, true)};
-
-        --neu-shadow-switch-#{$unit}: #{neu-shadow($value, false, true)};
-        --neu-shadow-inset-switch-#{$unit}: #{neu-shadow($value, true, true)};
-    }
-}
-
-@mixin neu-define-utility-classes() {
-    @each $unit, $value in $neu-steps {
-        .neu-shadow-#{$unit} {
-            box-shadow: #{neu-shadow($value, $inset: false, $switch: false)} !important;
-
-            @each $unit, $value in $neu-steps {
-                &.neu-shadow-inset-#{$unit} {
-                    box-shadow: #{neu-shadow($value, $inset: false, $switch: false)},
-                        #{neu-shadow($value, $inset: true, $switch: false)} !important;
-                }
-
-                &.neu-shadow-inset-switch-#{$unit} {
-                    box-shadow: #{neu-shadow($value, $inset: false, $switch: false)},
-                        #{neu-shadow($value, $inset: true, $switch: true)} !important;
-                }
-            }
-        }
-        .neu-shadow-inset-#{$unit} {
-            box-shadow: #{neu-shadow($value, $inset: true, $switch: false)} !important;
-        }
-
-        // Uncommented to reduce CSS size.
-        // I don't see that `.neu-shadow-switch-#{$unit}` should be used in practice.
-        // .neu-shadow-switch-#{$unit} {
-        //     box-shadow: #{neu-shadow($value, $inset: false, $switch: true)} !important;
-        // }
-        .neu-shadow-inset-switch-#{$unit} {
-            box-shadow: #{neu-shadow($value, $inset: true, $switch: true)} !important;
-        }
-    }
-}
-
-:root {
-    @include neu();
-}
-
-@include neu-define-utility-classes();
+/* Neumorphism effects */
+
+$theme: #e5dff4 !default;
+
+@function neu-shadow($multiplicate: 1, $inset: false, $switch: false) {
+    $preset: "";
+    $bg-suffix: "";
+
+    @if $inset {
+        $preset: "inset";
+        $bg-suffix: "-inset";
+    }
+
+    @if $switch {
+        @return $preset calc(var(--neu-distance) * #{$multiplicate}) calc(var(--neu-distance) * #{$multiplicate})
+                calc(var(--neu-blur) * #{$multiplicate}) var(--neu-shadow-high#{$bg-suffix}),
+            $preset calc(var(--neu-distance) * -#{$multiplicate}) calc(var(--neu-distance) * -#{$multiplicate})
+                calc(var(--neu-blur) * #{$multiplicate}) var(--neu-shadow-low#{$bg-suffix});
+    }
+
+    @return $preset calc(var(--neu-distance) * -#{$multiplicate}) calc(var(--neu-distance) * -#{$multiplicate})
+            calc(var(--neu-blur) * #{$multiplicate}) var(--neu-shadow-high#{$bg-suffix}),
+        $preset calc(var(--neu-distance) * #{$multiplicate}) calc(var(--neu-distance) * #{$multiplicate})
+            calc(var(--neu-blur) * #{$multiplicate}) var(--neu-shadow-low#{$bg-suffix});
+}
+
+$neu-steps: (
+    1: 0.25,
+    2: 0.5,
+    3: 1,
+    4: 1.5,
+    5: 3
+);
+
+@mixin neu($bg: $theme, $bg-inset: $theme) {
+    --neu-bg: #{$bg};
+    --neu-bg-inset: #{$bg-inset};
+
+    --neu-shadow-high: #{lighten($bg, 3%)};
+    --neu-shadow-low: #{darken($bg, 4%)};
+    --neu-shadow-high-inset: #{lighten($bg-inset, 4%)};
+    --neu-shadow-low-inset: #{darken($bg-inset, 4%)};
+
+    --neu-distance: 0.37rem;
+    --neu-blur: 0.7rem;
+
+    @each $unit, $value in $neu-steps {
+        --neu-shadow-#{$unit}: #{neu-shadow($value)};
+        --neu-shadow-inset-#{$unit}: #{neu-shadow($value, true)};
+
+        --neu-shadow-switch-#{$unit}: #{neu-shadow($value, false, true)};
+        --neu-shadow-inset-switch-#{$unit}: #{neu-shadow($value, true, true)};
+    }
+}
+
+@mixin neu-define-utility-classes() {
+    @each $unit, $value in $neu-steps {
+        .neu-shadow-#{$unit} {
+            box-shadow: #{neu-shadow($value, $inset: false, $switch: false)} !important;
+
+            @each $unit, $value in $neu-steps {
+                &.neu-shadow-inset-#{$unit} {
+                    box-shadow: #{neu-shadow($value, $inset: false, $switch: false)},
+                        #{neu-shadow($value, $inset: true, $switch: false)} !important;
+                }
+
+                &.neu-shadow-inset-switch-#{$unit} {
+                    box-shadow: #{neu-shadow($value, $inset: false, $switch: false)},
+                        #{neu-shadow($value, $inset: true, $switch: true)} !important;
+                }
+            }
+        }
+        .neu-shadow-inset-#{$unit} {
+            box-shadow: #{neu-shadow($value, $inset: true, $switch: false)} !important;
+        }
+
+        // Uncommented to reduce CSS size.
+        // I don't see that `.neu-shadow-switch-#{$unit}` should be used in practice.
+        // .neu-shadow-switch-#{$unit} {
+        //     box-shadow: #{neu-shadow($value, $inset: false, $switch: true)} !important;
+        // }
+        .neu-shadow-inset-switch-#{$unit} {
+            box-shadow: #{neu-shadow($value, $inset: true, $switch: true)} !important;
+        }
+    }
+}
+
+:root {
+    @include neu();
+}
+
+@include neu-define-utility-classes();

package/dist/style.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * Blue Web v1.21.1 (https://bruegmann.github.io/blue-web)
+ * Blue Web v1.21.2 (https://bruegmann.github.io/blue-web)
  * Licensed under GNU General Public License v3.0 (https://github.com/bruegmann/blue-web/blob/master/LICENSE).
 */
 :root {

package/dist/style.min.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";/*!
- * Blue Web v1.21.1 (https://bruegmann.github.io/blue-web)
+ * Blue Web v1.21.2 (https://bruegmann.github.io/blue-web)
  * Licensed under GNU General Public License v3.0 (https://github.com/bruegmann/blue-web/blob/master/LICENSE).
 */:root{--blue-app-bg:hsl(217,10%,94%);--blue-scrollbar-thumb-color-rgb:255,255,255;--blue-sidebar-width:16.563rem;--blue-sidebar-color:hsl(217,11%,15%);--blue-theme:var(--theme,hsl(217,10%,94%));--blue-shimmering:0.9;--blue-sidebar-bg:hsl(217,10%,94%);--blue-header-bg:hsl(217,10%,94%);--blue-header-height:3.429rem;--blue-header-color:hsl(217,11%,15%);--blue-action-link-bg-color:var(--blue-theme);--blue-menu-item-indicator-bg:hsl(221,97%,53%);--blue-menu-item-height:calc(var(--bs-btn-border-width,1px) + var(--bs-btn-padding-y,0.375rem) + var(--bs-btn-font-size,1rem) * var(--bs-btn-line-height,1.5) + var(--bs-btn-padding-y,0.375rem) + var(--bs-btn-border-width,1px));--blue-corner-shape:round}[data-bs-theme=dark]{--blue-app-bg:hsl(217,10%,8%);--blue-sidebar-color:#fff;--blue-sidebar-bg:hsl(217,10%,8%);--blue-header-bg:hsl(217,10%,8%);--blue-header-color:#fff;--blue-menu-item-indicator-bg:#fff}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes blAppearUp{from{margin-top:2.5rem}to{margin-top:0}}@keyframes blue-menu-item-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%)}}/*!
  * Bootstrap  v5.3.8 (https://getbootstrap.com/)

package/dist/style.scss

@@ -1,62 +1,62 @@
-/*!
- * Blue Web v1.21.1 (https://bruegmann.github.io/blue-web)
- * Licensed under GNU General Public License v3.0 (https://github.com/bruegmann/blue-web/blob/master/LICENSE).
-*/
-
-@import "./styles/bootstrap-variables";
-
-@import "node_modules/bootstrap/scss/functions";
-@import "node_modules/bootstrap/scss/variables";
-@import "node_modules/bootstrap/scss/mixins";
-@import "./styles/variables";
-
-@import "./styles/mixins";
-@import "./styles/keyframes";
-
-@import "./styles/bootstrap";
-
-// Make it overridable via CSS variables, as it is not yet possible in Bootstrap.
-// Check with a newer Bootstrap version to see if it is still necessary.
-.form-check-input:checked {
-    background-color: var(--bs-primary, #{$form-check-input-checked-bg-color});
-    border-color: var(--bs-primary, #{$form-check-input-checked-border-color});
-}
-
-// Resets cursor from Bootstrap' _reboot.scss based on option.
-@if ($enable-button-pointers: false) {
-    summary,
-    [role="button"] {
-        cursor: unset;
-    }
-}
-
-@import "./styles/text-icons";
-@import "./styles/general";
-@import "./styles/utils";
-@import "./styles/status";
-@import "./styles/menu-item";
-@import "./styles/page-header";
-@import "./styles/input-group";
-@import "./styles/action-menu";
-@import "./styles/tooltips";
-@import "./styles/hover";
-@import "./styles/button-icon-wrapper";
-@import "./styles/buttons";
-@import "./styles/container-grid";
-@import "./styles/tabs";
-@import "./styles/modal";
-@import "./styles/layout";
-@import "./styles/collapse";
-@import "./styles/actions";
-@import "./styles/anchor";
-@import "./styles/scrollspy";
-@import "./styles/intro";
-
-@import "./styles/devexpress";
-@import "./styles/inter";
-
-*,
-*:before,
-*:after {
-    corner-shape: var(--blue-corner-shape);
-}
+/*!
+ * Blue Web v1.21.2 (https://bruegmann.github.io/blue-web)
+ * Licensed under GNU General Public License v3.0 (https://github.com/bruegmann/blue-web/blob/master/LICENSE).
+*/
+
+@import "./styles/bootstrap-variables";
+
+@import "node_modules/bootstrap/scss/functions";
+@import "node_modules/bootstrap/scss/variables";
+@import "node_modules/bootstrap/scss/mixins";
+@import "./styles/variables";
+
+@import "./styles/mixins";
+@import "./styles/keyframes";
+
+@import "./styles/bootstrap";
+
+// Make it overridable via CSS variables, as it is not yet possible in Bootstrap.
+// Check with a newer Bootstrap version to see if it is still necessary.
+.form-check-input:checked {
+    background-color: var(--bs-primary, #{$form-check-input-checked-bg-color});
+    border-color: var(--bs-primary, #{$form-check-input-checked-border-color});
+}
+
+// Resets cursor from Bootstrap' _reboot.scss based on option.
+@if ($enable-button-pointers: false) {
+    summary,
+    [role="button"] {
+        cursor: unset;
+    }
+}
+
+@import "./styles/text-icons";
+@import "./styles/general";
+@import "./styles/utils";
+@import "./styles/status";
+@import "./styles/menu-item";
+@import "./styles/page-header";
+@import "./styles/input-group";
+@import "./styles/action-menu";
+@import "./styles/tooltips";
+@import "./styles/hover";
+@import "./styles/button-icon-wrapper";
+@import "./styles/buttons";
+@import "./styles/container-grid";
+@import "./styles/tabs";
+@import "./styles/modal";
+@import "./styles/layout";
+@import "./styles/collapse";
+@import "./styles/actions";
+@import "./styles/anchor";
+@import "./styles/scrollspy";
+@import "./styles/intro";
+
+@import "./styles/devexpress";
+@import "./styles/inter";
+
+*,
+*:before,
+*:after {
+    corner-shape: var(--blue-corner-shape);
+}

package/dist/styles/_action-menu.scss

@@ -1,57 +1,57 @@
-.blue-actions {
-    --max-width: calc(
-        var(--bs-btn-border-width, 1px) + var(--bs-btn-padding-x, 0.75rem) + var(--bs-btn-font-size, 1rem) +
-            var(--bs-btn-padding-x, 0.75rem) + var(--bs-btn-border-width, 1px)
-    );
-
-    max-height: var(--blue-header-height);
-    overflow: hidden;
-
-    .blue-actions-menu {
-        max-width: var(--max-width);
-        & > .blue-menu-item-wrapper {
-            display: block;
-            position: relative;
-        }
-    }
-
-    &.open {
-        left: 0;
-        right: 0;
-        top: 0;
-        background-color: var(--blue-menu-item-dropdown-bg);
-    }
-
-    &.none {
-        @include actions(0px);
-    }
-
-    &.sm {
-        @include actions(768px);
-    }
-
-    &.md {
-        @include actions(992px);
-    }
-
-    &.lg {
-        @include actions(1200px);
-    }
-
-    // Support for MenuItems
-    .blue-menu-item {
-        width: auto;
-
-        &.active::after {
-            @include blue-menu-item-indicator-horizontal();
-        }
-    }
-
-    .blue-menu-item-dropdown-toggle .blue-menu-item-label {
-        margin-right: 0.5rem;
-    }
-
-    .blue-menu-item-label {
-        display: initial;
-    }
-}
+.blue-actions {
+    --max-width: calc(
+        var(--bs-btn-border-width, 1px) + var(--bs-btn-padding-x, 0.75rem) + var(--bs-btn-font-size, 1rem) +
+            var(--bs-btn-padding-x, 0.75rem) + var(--bs-btn-border-width, 1px)
+    );
+
+    max-height: var(--blue-header-height);
+    overflow: hidden;
+
+    .blue-actions-menu {
+        max-width: var(--max-width);
+        & > .blue-menu-item-wrapper {
+            display: block;
+            position: relative;
+        }
+    }
+
+    &.open {
+        left: 0;
+        right: 0;
+        top: 0;
+        background-color: var(--blue-menu-item-dropdown-bg);
+    }
+
+    &.none {
+        @include actions(0px);
+    }
+
+    &.sm {
+        @include actions(768px);
+    }
+
+    &.md {
+        @include actions(992px);
+    }
+
+    &.lg {
+        @include actions(1200px);
+    }
+
+    // Support for MenuItems
+    .blue-menu-item {
+        width: auto;
+
+        &.active::after {
+            @include blue-menu-item-indicator-horizontal();
+        }
+    }
+
+    .blue-menu-item-dropdown-toggle .blue-menu-item-label {
+        margin-right: 0.5rem;
+    }
+
+    .blue-menu-item-label {
+        display: initial;
+    }
+}

package/dist/styles/_actions.scss

@@ -1,37 +1,37 @@
-.BLUE-actions {
-    display: flex;
-    white-space: nowrap;
-    // overflow-x: auto;
-    // overflow-y: visible;
-}
-
-.BLUE-actions-menu {
-    display: flex;
-    max-width: 100%;
-}
-
-.BLUE-actions-collapse {
-    position: relative;
-}
-
-.BLUE-actions-collapse:not(:has(.BLUE-actions-collapse-visible)) {
-    display: none;
-}
-
-.BLUE-actions-collapse-menu {
-    position: absolute;
-}
-
-.BLUE-actions-collapse-menu:popover-open {
-    display: var(--display);
-}
-
-// Compatibility with MenuItems having dropdowns
-.BLUE-actions-menu > .blue-menu-item-wrapper:has(> .blue-menu-item-dropdown) {
-    display: block;
-    position: relative;
-}
-
-.BLUE-actions-menu > .blue-menu-item-wrapper > .blue-menu-item-dropdown {
-    position: absolute;
-}
+.BLUE-actions {
+    display: flex;
+    white-space: nowrap;
+    // overflow-x: auto;
+    // overflow-y: visible;
+}
+
+.BLUE-actions-menu {
+    display: flex;
+    max-width: 100%;
+}
+
+.BLUE-actions-collapse {
+    position: relative;
+}
+
+.BLUE-actions-collapse:not(:has(.BLUE-actions-collapse-visible)) {
+    display: none;
+}
+
+.BLUE-actions-collapse-menu {
+    position: absolute;
+}
+
+.BLUE-actions-collapse-menu:popover-open {
+    display: var(--display);
+}
+
+// Compatibility with MenuItems having dropdowns
+.BLUE-actions-menu > .blue-menu-item-wrapper:has(> .blue-menu-item-dropdown) {
+    display: block;
+    position: relative;
+}
+
+.BLUE-actions-menu > .blue-menu-item-wrapper > .blue-menu-item-dropdown {
+    position: absolute;
+}

package/dist/styles/_anchor.scss

@@ -1,42 +1,42 @@
-.blue-anchored {
-    position-try: flip-inline;
-    position-area: bottom span-right;
-    position: fixed;
-
-    // Normalize popover
-    &[popover] {
-        margin: 0;
-        padding: 0;
-        border: 0;
-    }
-}
-
-.blue-anchored-start {
-    position-area: bottom span-right;
-}
-
-.blue-anchored-end {
-    position-area: bottom span-left;
-}
-
-@supports not (anchor-name: --anchor-1) {
-    .blue-anchored-fallback {
-        left: 50%;
-        top: 50%;
-        translate: -50% -50%;
-
-        &::backdrop {
-            --bs-backdrop-bg: #000;
-            --bs-backdrop-opacity: 0.5;
-            background-color: var(--bs-backdrop-bg);
-            transition: opacity 0.2s;
-            opacity: var(--bs-backdrop-opacity);
-        }
-    }
-}
-
-.btn:has(+ :popover-open):not(:focus-visible):not(.blue-menu-item) {
-    --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), 0.25);
-    box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0)
-        var(--bs-focus-ring-width) var(--bs-focus-ring-color);
-}
+.blue-anchored {
+    position-try: flip-inline;
+    position-area: bottom span-right;
+    position: fixed;
+
+    // Normalize popover
+    &[popover] {
+        margin: 0;
+        padding: 0;
+        border: 0;
+    }
+}
+
+.blue-anchored-start {
+    position-area: bottom span-right;
+}
+
+.blue-anchored-end {
+    position-area: bottom span-left;
+}
+
+@supports not (anchor-name: --anchor-1) {
+    .blue-anchored-fallback {
+        left: 50%;
+        top: 50%;
+        translate: -50% -50%;
+
+        &::backdrop {
+            --bs-backdrop-bg: #000;
+            --bs-backdrop-opacity: 0.5;
+            background-color: var(--bs-backdrop-bg);
+            transition: opacity 0.2s;
+            opacity: var(--bs-backdrop-opacity);
+        }
+    }
+}
+
+.btn:has(+ :popover-open):not(:focus-visible):not(.blue-menu-item) {
+    --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), 0.25);
+    box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0)
+        var(--bs-focus-ring-width) var(--bs-focus-ring-color);
+}