blue-web 1.15.0 → 1.15.1

package/dist/style.scss

@@ -1,5 +1,5 @@
 /*!
- * Blue Web v1.15.0 (https://bruegmann.github.io/blue-web)
+ * Blue Web v1.15.1 (https://bruegmann.github.io/blue-web)
  * Licensed under GNU General Public License v3.0 (https://github.com/bruegmann/blue-web/blob/master/LICENSE).
 */
 
@@ -15,19 +15,27 @@
 
 @import "./styles/bootstrap";
 
-// Per CSS-Variablen überschreibbar machen, da es von Bootstrap aus noch nicht möglich ist.
-// Bei neuer Bootstrap-Version prüfen, ob es noch nötig ist.
+// 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/status";
 @import "./styles/menu-item";
 @import "./styles/page-header";
-@import "./styles/search";
+@import "./styles/input-group";
 @import "./styles/action-menu";
 @import "./styles/caret";
 @import "./styles/tooltips";

package/dist/styles/_bootstrap-variables.scss

@@ -41,3 +41,5 @@ $link-hover-decoration: underline !default;
 // In a future Bootstrap release, this might not be necessary anymore.
 $focus-ring-color: #{rgba(var(--bs-primary-rgb), 25%)} !default;
 $input-focus-border-color: #{rgba(var(--bs-primary-rgb), 50%)} !default;
+
+$enable-button-pointers: false !default;

package/dist/styles/_devexpress.css

@@ -23,6 +23,10 @@
     font-size: 1rem;
 }
 
+.dxbl-pager-page-edit {
+    min-width: 2.5em;
+}
+
 .dxbl-toolbar {
     --dxbl-toolbar-font-size: var(--bs-body-font-size) !important;
     font-size: var(--dxbl-toolbar-font-size);

package/dist/styles/_input-group.scss

@@ -0,0 +1,29 @@
+.blue-input-group {
+    border: $input-border-width solid $input-border-color;
+    border-radius: $input-border-radius;
+    background-color: $input-bg;
+
+    &.focus,
+    &:has(input:focus) {
+        box-shadow: $input-btn-focus-box-shadow;
+        border-color: $input-focus-border-color;
+
+        .input-group-text {
+            color: #{var(--bs-primary-text-emphasis)};
+        }
+    }
+
+    .input-group-text {
+        border-color: transparent;
+        background-color: transparent;
+    }
+
+    .form-control {
+        border: none;
+        background-color: transparent !important;
+
+        &:focus {
+            box-shadow: none;
+        }
+    }
+}

package/dist/styles/_tabs.scss

@@ -12,10 +12,13 @@
 
     position: relative;
     order: 0;
-    cursor: pointer;
     user-select: none;
     -webkit-appearance: none;
     appearance: none;
+
+    @if ($enable-button-pointers) {
+        cursor: pointer;
+    }
 }
 
 .blue-tab::before {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "blue-web",
-    "version": "1.15.0",
+    "version": "1.15.1",
     "description": "UI components built on top of Bootstrap 5",
     "license": "LGPL-3.0-or-later",
     "type": "module",

package/dist/styles/_search.scss

@@ -1,66 +0,0 @@
-.blue-search {
-    display: flex;
-    align-items: center;
-    border: $input-border-width solid $input-border-color;
-    border-radius: $input-border-radius;
-    background-color: $input-bg;
-
-    &.blue-search-body {
-        border: 1px solid $input-border-color;
-
-        .blue-search-input-group {
-            display: flex;
-        }
-
-        &.focus {
-            box-shadow: $input-btn-focus-box-shadow;
-        }
-    }
-
-    &.focus {
-        box-shadow: inset $input-btn-focus-box-shadow;
-    }
-}
-
-.blue-sidebar .blue-search:not(.blue-search-body) {
-    margin-left: map-get($spacers, 1);
-    margin-right: map-get($spacers, 1);
-}
-
-.blue-search-input-group {
-    display: none;
-
-    .input-group-text {
-        border-color: transparent;
-        background-color: transparent;
-    }
-}
-
-.blue-search-control {
-    border: none;
-    background-color: transparent !important;
-
-    &:focus {
-        box-shadow: none;
-    }
-}
-
-.blue-search-reset-btn {
-    color: rgba($input-color, 0.7);
-
-    &:hover {
-        color: $input-color;
-    }
-}
-
-.blue-search.blue-search-sidebar {
-    transition: opacity 0.2s ease-in-out;
-
-    @media (prefers-reduced-motion) {
-        transition: none;
-    }
-}
-
-.blue-search.blue-search-sidebar:not(:hover):not(.focus) {
-    opacity: 0.7;
-}