blue-react 11.0.5 → 11.1.0

package/dist/components/ActionMenu.js

@@ -45,14 +45,14 @@ export default function ActionMenu(props) {
       breakOption: _break
     },
     children: /*#__PURE__*/_jsx(Outside, {
-      className: "blue-actions ".concat(_break, " ").concat(actionsToggledIn ? "open" : "", " ").concat(className),
+      className: "blue-legacy-actions ".concat(_break, " ").concat(actionsToggledIn ? "open" : "", " ").concat(className),
       onClickOutside: function onClickOutside() {
         setActionsToggledIn(false);
       },
       children: /*#__PURE__*/_jsxs("div", {
-        className: "blue-actions-menu d-flex",
+        className: "blue-legacy-actions-menu d-flex",
         children: [validChildren.length > 0 && !actionsToggledIn && !hideToggleAction && /*#__PURE__*/_jsx(MenuItem, {
-          className: "blue-actions-menu-toggle w-100",
+          className: "blue-legacy-actions-menu-toggle w-100",
           onClick: function onClick() {
             return toggleActions();
           },

package/dist/components/Actions.js

@@ -35,14 +35,14 @@ export default function Actions(_ref) {
   }, []);
   return /*#__PURE__*/_jsxs("div", {
     ref: element,
-    className: clsx("BLUE-actions", className),
+    className: clsx("blue-actions", className),
     role: "toolbar",
     "aria-label": getPhrase("Toolbar with buttons and button groups"),
     children: [/*#__PURE__*/_jsx("div", {
-      className: clsx("BLUE-actions-menu", menuClassName),
+      className: clsx("blue-actions-menu", menuClassName),
       children: children
     }), /*#__PURE__*/_jsxs("div", {
-      className: clsx("BLUE-actions-collapse", collapseClassName),
+      className: clsx("blue-actions-collapse", collapseClassName),
       style: collapseStyle,
       children: [/*#__PURE__*/_jsxs("button", {
         type: "button",
@@ -59,7 +59,7 @@ export default function Actions(_ref) {
       }), /*#__PURE__*/_jsx("div", {
         id: id,
         popover: "",
-        className: clsx("BLUE-actions-collapse-menu blue-anchored blue-anchored-end blue-anchored-fallback", "blue-menu-item-dropdown text-body", collapseMenuClassName),
+        className: clsx("blue-actions-collapse-menu blue-anchored blue-anchored-end blue-anchored-fallback", "blue-menu-item-dropdown text-body", collapseMenuClassName),
         style: _objectSpread(_defineProperty({}, "--blue-menu-item-dropdown-bg", "var(--bs-body-bg)"), collapseMenuStyle),
         children: children
       })]

package/dist/components/Search.d.ts

@@ -35,6 +35,10 @@ export interface SearchProps {
      * Adds additional class name to input element.
      */
     inputClassName?: string;
+    /**
+     * Disables default pill rounding.
+     */
+    noRounding?: boolean;
 }
 /**
  * A search bar that can be placed to the sidebar or on a page.

package/dist/components/Search.js

@@ -7,6 +7,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { useEffect, useState } from "react";
 import { guid } from "blue-web/dist/js/utils.js";
 import { getPhrase } from "./shared.js";
+import clsx from "clsx";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * A search bar that can be placed to the sidebar or on a page.
@@ -23,7 +24,9 @@ export default function Search(props) {
     id = props.id,
     inputRef = props.inputRef,
     _props$inputClassName = props.inputClassName,
-    inputClassName = _props$inputClassName === void 0 ? "" : _props$inputClassName;
+    inputClassName = _props$inputClassName === void 0 ? "" : _props$inputClassName,
+    _props$noRounding = props.noRounding,
+    noRounding = _props$noRounding === void 0 ? false : _props$noRounding;
   var SearchControlId = id || "blue-search-control-" + guid();
   var _useState = useState(props.value || ""),
     _useState2 = _slicedToArray(_useState, 2),
@@ -39,7 +42,9 @@ export default function Search(props) {
       if (_onSubmit) _onSubmit(event);
     },
     children: /*#__PURE__*/_jsxs("div", {
-      className: "blue-input-group input-group",
+      className: clsx("blue-input-group input-group", {
+        "rounded-pill": !noRounding
+      }),
       children: [/*#__PURE__*/_jsxs("label", {
         htmlFor: SearchControlId,
         className: "input-group-text",

package/dist/components/Utilities.js

@@ -44,7 +44,7 @@ export function toggleClass(element, className) {
 export function toggleActions() {
   toggleClass(document.querySelector(".blue-wrapper"), "active");
   toggleClass(document.querySelector(".blue-layout"), "wrapper-in");
-  var els = document.querySelectorAll(".blue-actions");
+  var els = document.querySelectorAll(".blue-legacy-actions");
   for (var i = 0; i < els.length; i++) {
     toggleClass(els[i], "open");
   }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "blue-react",
-    "version": "11.0.5",
+    "version": "11.1.0",
     "description": "Blue React Components",
     "license": "LGPL-3.0-or-later",
     "type": "module",
@@ -35,7 +35,7 @@
     },
     "dependencies": {
         "@popperjs/core": "^2.11.5",
-        "blue-web": "^1.21.9",
+        "blue-web": "^1.23.0",
         "bootstrap": "~5.3.3",
         "clsx": "^1.1.1"
     },