@oliasoft-open-source/react-ui-library 3.2.7-beta-1 → 3.2.7-beta-2

package/dist/global.css

@@ -22248,7 +22248,7 @@ html[data-theme='dark'] {
   --shadow-topbar: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
   --color-link-border-hover: var(--color-neutral-600);
 }
-._topbar_196ip_345 {
+._topbar_nxsqb_345 {
   top: 0;
   left: 0;
   z-index: 101;
@@ -22259,15 +22259,15 @@ html[data-theme='dark'] {
   display: flex;
   padding: 0 var(--spacing);
 }
-._topbar_196ip_345._fixed_196ip_356 {
+._topbar_nxsqb_345._fixed_nxsqb_356 {
   position: fixed;
 }
 @media print {
-  ._topbar_196ip_345 {
+  ._topbar_nxsqb_345 {
     display: none !important;
   }
 }
-._title_196ip_364 {
+._title_nxsqb_364 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -22275,26 +22275,28 @@ html[data-theme='dark'] {
   padding: 0;
   position: relative;
 }
-._title_196ip_364 img,
-._title_196ip_364 svg {
+._title_nxsqb_364 img,
+._title_nxsqb_364 svg {
   max-height: 30px;
   max-width: 300px;
   height: auto;
   width: auto;
   color: var(--color-text);
 }
-._title_196ip_364 ._label_196ip_380 {
+._title_nxsqb_364 ._logo_nxsqb_380 {
+  display: flex;
+}
+._title_nxsqb_364 ._label_nxsqb_383 {
   color: var(--color-text);
   white-space: nowrap;
   font-weight: bold;
-  font-size: 18px;
 }
-._brand_196ip_386 {
+._brand_nxsqb_388 {
   padding: 0;
   position: relative;
   flex-shrink: 0;
 }
-._version_196ip_391 {
+._version_nxsqb_393 {
   line-height: 1;
   position: absolute;
   right: 0;
@@ -22302,72 +22304,73 @@ html[data-theme='dark'] {
   margin-bottom: 3px;
   font-size: 10px;
 }
-._left_196ip_399,
-._right_196ip_400 {
+._left_nxsqb_401,
+._right_nxsqb_402 {
   display: flex;
   min-width: 0;
 }
-._left_196ip_399 {
+._left_nxsqb_401 {
   margin-right: var(--spacing);
 }
-._left_196ip_399 > * + * {
+._left_nxsqb_401 > * + * {
   margin-left: var(--spacing-sm);
 }
-._right_196ip_400 {
+._right_nxsqb_402 {
   margin-left: auto;
   flex-shrink: 0;
 }
-._right_196ip_400 > * + * {
+._right_nxsqb_402 > * + * {
   margin-left: var(--spacing-xs);
 }
-._item_196ip_417,
-._link_196ip_418 {
+._item_nxsqb_419,
+._link_nxsqb_420 {
   align-items: center;
   display: flex;
 }
-._item_196ip_417 {
+._item_nxsqb_419 {
   position: relative;
   transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
   user-select: none;
   vertical-align: middle;
   min-width: 0;
+  max-width: 50vw;
 }
-._item_196ip_417._button_196ip_429,
-._item_196ip_417._menu_196ip_430 {
+._item_nxsqb_419._button_nxsqb_432,
+._item_nxsqb_419._menu_nxsqb_433 {
   flex-shrink: 0;
 }
-._label_196ip_380 {
+._label_nxsqb_383 {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   display: block;
   max-width: 100%;
 }
-._link_196ip_418 {
+._link_nxsqb_420 {
   text-decoration: none;
   color: var(--color-text-primary);
   cursor: pointer;
   max-width: 100%;
   font-weight: bold;
 }
-._link_196ip_418 svg {
+._link_nxsqb_420 svg {
   margin-right: 5px;
   flex-shrink: 0;
 }
-._link_196ip_418:hover {
+._link_nxsqb_420:hover {
   color: var(--color-text-primary-hover);
 }
-._link_196ip_418:active {
+._link_nxsqb_420:active {
   color: var(--color-text-primary-active);
 }
-._link_196ip_418._active_196ip_457 {
+._link_nxsqb_420._active_nxsqb_460 {
   color: var(--color-text);
 }
-._link_196ip_418:hover,
-._link_196ip_418._active_196ip_457 {
+._link_nxsqb_420:hover,
+._link_nxsqb_420._active_nxsqb_460 {
   background-color: transparent;
 }
-._link_196ip_418:after {
+._link_nxsqb_420:after {
   content: '';
   position: absolute;
   left: 0;
@@ -22375,17 +22378,17 @@ html[data-theme='dark'] {
   bottom: 0;
   border-bottom: 2px solid transparent;
 }
-._link_196ip_418:hover:after {
+._link_nxsqb_420:hover:after {
   border-color: var(--color-link-border-hover);
 }
-._link_196ip_418._active_196ip_457:after {
+._link_nxsqb_420._active_nxsqb_460:after {
   border-color: var(--color-background-primary);
 }
-._link_196ip_418[disabled] {
+._link_nxsqb_420[disabled] {
   pointer-events: none;
   color: var(--color-text-faint);
 }
-._alert_196ip_482 {
+._alert_nxsqb_485 {
   background-color: var(--color-background-primary);
   color: white;
   text-align: center;

package/dist/index.js

@@ -28179,11 +28179,11 @@ const styles$g = {
   printHeader
 };
 const PrintHeader = ({
-  logo,
+  logo: logo2,
   logoWidth,
   alt
 }) => /* @__PURE__ */ jsx("img", {
-  src: logo,
+  src: logo2,
   alt,
   className: styles$g.printHeader,
   style: {
@@ -37632,24 +37632,26 @@ Toggle.propTypes = {
   noMargin: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const topbar = "_topbar_196ip_345";
-const fixed = "_fixed_196ip_356";
-const title = "_title_196ip_364";
-const label = "_label_196ip_380";
-const brand = "_brand_196ip_386";
-const version = "_version_196ip_391";
-const left = "_left_196ip_399";
-const right = "_right_196ip_400";
-const item = "_item_196ip_417";
-const link = "_link_196ip_418";
-const button = "_button_196ip_429";
-const menu = "_menu_196ip_430";
-const active = "_active_196ip_457";
-const alert = "_alert_196ip_482";
+const topbar = "_topbar_nxsqb_345";
+const fixed = "_fixed_nxsqb_356";
+const title = "_title_nxsqb_364";
+const logo = "_logo_nxsqb_380";
+const label = "_label_nxsqb_383";
+const brand = "_brand_nxsqb_388";
+const version = "_version_nxsqb_393";
+const left = "_left_nxsqb_401";
+const right = "_right_nxsqb_402";
+const item = "_item_nxsqb_419";
+const link = "_link_nxsqb_420";
+const button = "_button_nxsqb_432";
+const menu = "_menu_nxsqb_433";
+const active = "_active_nxsqb_460";
+const alert = "_alert_nxsqb_485";
 const styles$2 = {
   topbar,
   fixed,
   title,
+  logo,
   label,
   brand,
   version,
@@ -37672,14 +37674,17 @@ const Warning = ({
 };
 const Title = ({
   label: label2,
-  logo,
+  logo: logo2,
   url,
   version: version2,
   onClick
 }) => {
   const content2 = /* @__PURE__ */ jsxs("div", {
     className: styles$2.title,
-    children: [logo && logo, label2 && /* @__PURE__ */ jsx("span", {
+    children: [logo2 && /* @__PURE__ */ jsx("div", {
+      className: styles$2.logo,
+      children: logo2
+    }), label2 && /* @__PURE__ */ jsx("span", {
       className: styles$2.label,
       children: label2
     }), version2 && /* @__PURE__ */ jsx("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "3.2.7-beta-1",
+  "version": "3.2.7-beta-2",
   "description": "Reusable UI components for React projects",
   "module": "./dist/index.js",
   "main": "./dist/index.js",