blue-web 1.17.0 → 1.17.2

package/dist/style.scss

@@ -1,5 +1,5 @@
 /*!
- * Blue Web v1.17.0 (https://bruegmann.github.io/blue-web)
+ * Blue Web v1.17.2 (https://bruegmann.github.io/blue-web)
  * Licensed under GNU General Public License v3.0 (https://github.com/bruegmann/blue-web/blob/master/LICENSE).
 */
 

package/dist/styles/_collapse.scss

@@ -17,16 +17,6 @@
     &[open] > summary > .blue-collapse-header > .blue-collapse-chevron,
     &[open] > summary > .blue-collapse-chevron {
         --blue-collapse-chevron-rotate: 90deg;
-
-        // If chevron is on the end, rotate has to be -90deg
-        &:is(:last-child) {
-            --blue-collapse-chevron-rotate: -90deg;
-        }
-
-        &:is(:first-child) {
-            --blue-collapse-chevron-rotate: 90deg;
-        }
-
         transform: rotate(var(--blue-collapse-chevron-rotate));
     }
 

package/dist/styles/_devexpress.scss

@@ -0,0 +1,104 @@
+/* Make DevExpress components look more like Bootstrap/Blue */
+[class^="dxbl-"] {
+    --dxbl-text-edit-border-radius: var(--bs-border-radius) !important;
+    --dxbl-text-edit-padding-x: 0.75rem !important;
+    --dxbl-text-edit-padding-y: 0.375rem !important;
+    --dxbl-text-edit-line-height: 1.5 !important;
+    --dxbl-text-edit-focus-shadow-spread: 0.25rem !important;
+    --dxbl-listbox-border-radius: var(--bs-border-radius) !important;
+    --dxbl-toolbar-font-size: var(--bs-body-font-size) !important;
+    --dxbl-toolbar-btn-border-radius: var(--bs-border-radius) !important;
+    --dxbl-dropdown-border-radius: var(--bs-border-radius) !important;
+    --dxbl-btn-border-radius: var(--bs-border-radius) !important;
+    --dxbl-context-menu-border-radius: var(--bs-border-radius) !important;
+    --dxbl-btn-padding-x: 0.75rem !important;
+    --dxbl-btn-padding-y: 0.375rem !important;
+
+    --dxbl-btn-font-size: 1rem;
+    --dxbl-checkbox-font-size: 1rem;
+    --dxbl-calendar-font-size: 1rem;
+    --dxbl-listbox-font-size: 1rem;
+    --dxbl-list-box-font-size: 1rem;
+    --dxbl-list-box-item-drag-hint-font-size: 1rem;
+    --dxbl-color-palette-font-size: 1rem;
+    --dxbl-text-edit-font-size: 1rem;
+    --dxbl-edit-dropdown-font-size: 1rem;
+    --dxbl-pager-font-size: 1rem;
+    --dxbl-grid-font-size: 1rem;
+    --dxbl-grid-draggable-header-font-size: 1rem;
+    --dxbl-grid-row-drag-hint-font-size: 1rem;
+    --dxbl-flyout-font-size: 1rem;
+    --dxbl-popup-font-size: 1rem;
+    --dxbl-dropdown-font-size: 1rem;
+    --dxbl-window-font-size: 1rem;
+    --dxbl-group-font-size: 1rem;
+    --dxbl-fl-font-size: 1rem;
+    --dxbl-fl-group-font-size: 1rem;
+    --dxbl-fl-tab-group-font-size: 1rem;
+    --dxbl-fl-tab-group-content-font-size: 1rem;
+    --dxbl-toolbar-font-size: 1rem;
+    --dxbl-tabs-font-size: 1rem;
+    --dxbl-tabs-content-font-size: 1rem;
+    --dxbl-accordion-group-font-size: 1rem;
+    --dxbl-accordion-group-item-font-size: 1rem;
+    --dxbl-accordion-group-header-font-size: 1rem;
+    --dxbl-treeview-font-size: 1rem;
+    --dxbl-navigation-badge-font-size: 1rem;
+    --dxbl-radio-group-font-size: 1rem;
+    --dxbl-context-menu-font-size: 1rem;
+    --dxbl-menu-item-font-size: 1rem;
+    --dxbl-scheduler-font-size: 1rem;
+    --dxbl-toast-text-font-size: 1rem;
+    --dxbl-toast-header-font-size: 1rem;
+    --dxbl-drawer-panel-font-size: 1rem;
+    --dxbl-progress-bar-label-font-size: 1rem;
+    --dxbl-pivot-font-size: 1rem;
+    --dxbl-pivot-field-font-size: 1rem;
+    --dxbl-pivot-header-font-size: 1rem;
+    --dxbl-pivot-total-font-size: 1rem;
+    --dxbl-pivot-table-font-size: 1rem;
+    --dxbl-pivot-table-header-field-font-size: 1rem;
+    --dxbl-pivot-table-row-field-font-size: 1rem;
+    --dxbl-pivot-table-total-font-size: 1rem;
+    --dx-chatui-message-font-size: 1rem;
+    --dx-chatui-suggestion-item-title-font-size: 1rem;
+    --dx-chatui-attachment-list-item-font-size: 1rem;
+    --dx-chatui-suggestion-item-text-font-size: 1rem;
+    --dxbl-message-box-body-text-font-size: 1rem;
+    --dxbl-message-box-header-font-size: 1rem;
+    --dxbl-splitter-font-size: 1rem;
+    --dxbl-filter-builder-font-size: 1rem;
+}
+
+.dxbl-grid {
+    --dxbl-grid-font-size: 1rem;
+    border: none;
+}
+
+.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);
+}
+
+body.modal-open .dxbl-popup-cell[style="z-index: 1050;"] {
+    z-index: 1056 !important;
+}
+
+@if ($enable-button-pointers: false) {
+    .dxbl-context-menu.dxbl-context-menu-dropdown
+        > .dxbl-dropdown-body
+        ul
+        li:not(.dxbl-context-menu-separator)
+        > .dxbl-context-menu-item,
+    .dxbl-context-menu-submenu.dxbl-context-menu-dropdown
+        > .dxbl-dropdown-body
+        ul
+        li:not(.dxbl-context-menu-separator)
+        > .dxbl-context-menu-item {
+        cursor: default;
+    }
+}

package/dist/styles/_tabs.scss

@@ -1,3 +1,16 @@
+// Customize style of Bootstrap's nav-underline
+.nav-underline {
+    .nav-link {
+        --#{$prefix}nav-link-color: var(--#{$prefix}list-group-action-color);
+    }
+
+    .nav-link.active,
+    .show > .nav-link {
+        font-weight: var(--blue-tabs-underline-active-font-weight, $font-weight-semibold);
+        border-bottom-color: var(--blue-tabs-underline-active-border-bottom-color, $primary);
+    }
+}
+
 .blue-tabs {
     display: flex;
     flex-wrap: wrap;
@@ -52,8 +65,8 @@ input.blue-tab:checked + .blue-tab-content {
 .blue-tabs.nav-underline {
     row-gap: 0;
     .blue-tab:checked {
-        font-weight: var(--blue-tabs-underline-active-font-weight, 700);
+        font-weight: var(--blue-tabs-underline-active-font-weight, $font-weight-semibold);
         color: var(--bs-nav-underline-link-active-color);
-        border-bottom-color: var(--blue-tabs-underline-active-border-bottom-color, currentcolor);
+        border-bottom-color: var(--blue-tabs-underline-active-border-bottom-color, $primary);
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "blue-web",
-    "version": "1.17.0",
+    "version": "1.17.2",
     "description": "UI components built on top of Bootstrap 5",
     "license": "LGPL-3.0-or-later",
     "type": "module",
@@ -49,7 +49,7 @@
         "astro": "^5.12.1",
         "autoprefixer": "^10.3.6",
         "babel-loader": "^8.4.1",
-        "blue-react": "^10.1.1",
+        "blue-react": "^10.1.3",
         "colorjs.io": "^0.5.2",
         "gh-pages": "^3.1.0",
         "license-report": "^6.2.0",
@@ -64,7 +64,7 @@
         "react-markdown": "^8.0.3",
         "react-syntax-highlighter": "^15.4.3",
         "sass": "~1.77.6",
-        "themify": "file:../themify/themify-0.0.6.tgz",
+        "themify": "file:../themify/themify-0.0.8.tgz",
         "typescript": "^4.3.5",
         "webpack": "^5.95.0",
         "webpack-cli": "^5.1.4"

package/dist/styles/_devexpress.css

@@ -1,37 +0,0 @@
-/* Make DevExpress components look more like Bootstrap/Blue */
-[class^="dxbl-"] {
-    --dxbl-text-edit-border-radius: var(--bs-border-radius) !important;
-    --dxbl-text-edit-padding-x: 0.75rem !important;
-    --dxbl-text-edit-padding-y: 0.375rem !important;
-    --dxbl-text-edit-line-height: 1.5 !important;
-    --dxbl-text-edit-focus-shadow-spread: 0.25rem !important;
-    --dxbl-listbox-border-radius: var(--bs-border-radius) !important;
-    --dxbl-toolbar-font-size: var(--bs-body-font-size) !important;
-    --dxbl-toolbar-btn-border-radius: var(--bs-border-radius) !important;
-    --dxbl-dropdown-border-radius: var(--bs-border-radius) !important;
-    --dxbl-btn-border-radius: var(--bs-border-radius) !important;
-    --dxbl-btn-padding-x: 0.75rem !important;
-    --dxbl-btn-padding-y: 0.375rem !important;
-}
-
-.dxbl-grid {
-    --dxbl-grid-font-size: 1rem;
-    border: none;
-}
-
-.dxbl-text-edit {
-    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);
-}
-
-body.modal-open .dxbl-popup-cell[style="z-index: 1050;"] {
-    z-index: 1056 !important;
-}