@synerise/ds-navbar 1.0.42 → 1.0.44

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.44](https://github.com/Synerise/synerise-design/compare/@synerise/ds-navbar@1.0.43...@synerise/ds-navbar@1.0.44) (2026-04-01)
+
+**Note:** Version bump only for package @synerise/ds-navbar
+
+## [1.0.43](https://github.com/Synerise/synerise-design/compare/@synerise/ds-navbar@1.0.42...@synerise/ds-navbar@1.0.43) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-navbar
+
 ## [1.0.42](https://github.com/Synerise/synerise-design/compare/@synerise/ds-navbar@1.0.41...@synerise/ds-navbar@1.0.42) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-navbar

package/dist/Navbar.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
-import { type NavbarProps } from './Navbar.types';
+import { default as React } from 'react';
+import { NavbarProps } from './Navbar.types';
 declare const Navbar: {
     ({ className, color, logo, description, children, actions, additionalNodes, alertNotification, }: NavbarProps): React.JSX.Element;
-    Divider: import("styled-components").StyledComponent<"div", any, {}, never>;
+    Divider: import('styled-components').StyledComponent<"div", any, {}, never>;
 };
 export default Navbar;
-//# sourceMappingURL=Navbar.d.ts.map

package/dist/Navbar.js

@@ -1,23 +1,34 @@
-import React from 'react';
-import * as S from './Navbar.styles';
-var Navbar = function Navbar(_ref) {
-  var className = _ref.className,
-    color = _ref.color,
-    logo = _ref.logo,
-    description = _ref.description,
-    children = _ref.children,
-    actions = _ref.actions,
-    additionalNodes = _ref.additionalNodes,
-    alertNotification = _ref.alertNotification;
-  return /*#__PURE__*/React.createElement(S.Navbar, {
-    className: "ds-navbar " + (className || ''),
-    color: color
-  }, typeof logo === 'string' ? /*#__PURE__*/React.createElement("img", {
-    src: logo,
-    alt: ""
-  }) : logo, /*#__PURE__*/React.createElement(S.NavbarDivider, null), /*#__PURE__*/React.createElement(S.NavbarDescription, null, description), alertNotification && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.NavbarAlertNotification, null, alertNotification), /*#__PURE__*/React.createElement(S.NavbarDivider, null)), additionalNodes == null ? void 0 : additionalNodes.map(function (node) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.AdditionalNode, null, node), /*#__PURE__*/React.createElement(S.NavbarDivider, null));
-  }), /*#__PURE__*/React.createElement(S.NavbarActions, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(S.NavbarActionsWrapper, null, actions)), children));
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Navbar as Navbar$1, NavbarDivider, NavbarDescription, NavbarAlertNotification, AdditionalNode, NavbarActions, NavbarActionsWrapper } from "./Navbar.styles.js";
+const Navbar = ({
+  className,
+  color,
+  logo,
+  description,
+  children,
+  actions,
+  additionalNodes,
+  alertNotification
+}) => {
+  return /* @__PURE__ */ jsxs(Navbar$1, { className: `ds-navbar ${className || ""}`, color, children: [
+    typeof logo === "string" ? /* @__PURE__ */ jsx("img", { src: logo, alt: "" }) : logo,
+    /* @__PURE__ */ jsx(NavbarDivider, {}),
+    /* @__PURE__ */ jsx(NavbarDescription, { children: description }),
+    alertNotification && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(NavbarAlertNotification, { children: alertNotification }),
+      /* @__PURE__ */ jsx(NavbarDivider, {})
+    ] }),
+    additionalNodes?.map((node) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(AdditionalNode, { children: node }),
+      /* @__PURE__ */ jsx(NavbarDivider, {})
+    ] })),
+    /* @__PURE__ */ jsxs(NavbarActions, { children: [
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(NavbarActionsWrapper, { children: actions }) }),
+      children
+    ] })
+  ] });
+};
+Navbar.Divider = NavbarDivider;
+export {
+  Navbar as default
 };
-Navbar.Divider = S.NavbarDivider;
-export default Navbar;

package/dist/Navbar.styles.d.ts

@@ -1,10 +1,9 @@
-export declare const Navbar: import("styled-components").StyledComponent<"div", any, {
+export declare const Navbar: import('styled-components').StyledComponent<"div", any, {
     color?: string;
 }, never>;
-export declare const NavbarDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AdditionalNode: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const NavbarDivider: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const NavbarActions: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const NavbarActionsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const NavbarAlertNotification: import("styled-components").StyledComponent<"div", any, {}, never>;
-//# sourceMappingURL=Navbar.styles.d.ts.map
+export declare const NavbarDescription: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const AdditionalNode: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const NavbarDivider: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const NavbarActions: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const NavbarActionsWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const NavbarAlertNotification: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/Navbar.styles.js

@@ -1,38 +1,39 @@
-import styled from 'styled-components';
-import { macro } from '@synerise/ds-typography';
-export var Navbar = styled.div.withConfig({
+import styled from "styled-components";
+import { macro } from "@synerise/ds-typography";
+const Navbar = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Navbarstyles__Navbar",
   componentId: "sc-ldoz41-0"
-})(["background-color:", ";padding:16px 24px;height:56px;display:flex;flex:0 0 100%;align-items:center;color:#fff;img{max-width:100px;}"], function (props) {
-  return props.color ? props.color : props.theme.palette['blue-600'];
-});
-export var NavbarDescription = styled.div.withConfig({
+})(["background-color:", ";padding:16px 24px;height:56px;display:flex;flex:0 0 100%;align-items:center;color:#fff;img{max-width:100px;}"], (props) => props.color ? props.color : props.theme.palette["blue-600"]);
+const NavbarDescription = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Navbarstyles__NavbarDescription",
   componentId: "sc-ldoz41-1"
 })(["", ";color:inherit;display:flex;flex:1;padding-right:24px;"], macro.h300);
-export var AdditionalNode = styled.div.withConfig({
+const AdditionalNode = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Navbarstyles__AdditionalNode",
   componentId: "sc-ldoz41-2"
 })(["display:flex;align-items:center;.ds-button:not(:last-child){margin-right:8px;}"]);
-export var NavbarDivider = styled.div.withConfig({
+const NavbarDivider = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Navbarstyles__NavbarDivider",
   componentId: "sc-ldoz41-3"
 })(["width:1px;height:24px;background-color:#fff;opacity:0.3;margin:0 12px;"]);
-export var NavbarActions = styled.div.withConfig({
+const NavbarActions = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Navbarstyles__NavbarActions",
   componentId: "sc-ldoz41-4"
 })(["display:flex;align-items:center;> div{overflow:hidden;}"]);
-export var NavbarActionsWrapper = styled.div.withConfig({
+const NavbarActionsWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Navbarstyles__NavbarActionsWrapper",
   componentId: "sc-ldoz41-5"
 })(["display:flex;align-items:center;margin-left:-4px;margin-right:-4px;> *{margin:0 4px;}"]);
-export var NavbarAlertNotification = styled.div.withConfig({
+const NavbarAlertNotification = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Navbarstyles__NavbarAlertNotification",
   componentId: "sc-ldoz41-6"
-})(["display:flex;align-items:center;.ds-button{margin-left:12px;}.ds-inline-alert svg{color:", ";fill:", ";}.ds-inline-alert > span{color:", ";}"], function (props) {
-  return props.theme.palette.white;
-}, function (props) {
-  return props.theme.palette.white;
-}, function (props) {
-  return props.theme.palette.white;
-});
+})(["display:flex;align-items:center;.ds-button{margin-left:12px;}.ds-inline-alert svg{color:", ";fill:", ";}.ds-inline-alert > span{color:", ";}"], (props) => props.theme.palette.white, (props) => props.theme.palette.white, (props) => props.theme.palette.white);
+export {
+  AdditionalNode,
+  Navbar,
+  NavbarActions,
+  NavbarActionsWrapper,
+  NavbarAlertNotification,
+  NavbarDescription,
+  NavbarDivider
+};

package/dist/Navbar.types.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { ReactNode } from 'react';
 export type NavbarProps = {
     className?: string;
     color?: string;
@@ -9,4 +9,3 @@ export type NavbarProps = {
     additionalNodes?: ReactNode[];
     alertNotification?: ReactNode;
 };
-//# sourceMappingURL=Navbar.types.d.ts.map

package/dist/Navbar.types.js

@@ -1 +1 @@
-export {};
+

package/dist/index.d.ts

@@ -1,2 +1 @@
 export { default } from './Navbar';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './Navbar';
+import { default as default2 } from "./Navbar.js";
+export {
+  default2 as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-navbar",
-  "version": "1.0.42",
+  "version": "1.0.44",
   "description": "Navbar UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly --declarationMap",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -35,7 +35,7 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-typography": "^1.1.12"
+    "@synerise/ds-typography": "^1.1.14"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -43,5 +43,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "c2384982c3533a31eb5e5e0408f8dcecb2b0f399"
 }

package/dist/Navbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../src/Navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,QAAA,MAAM,MAAM;sGAST,WAAW;;CA4Bb,CAAC;AAGF,eAAe,MAAM,CAAC"}

package/dist/Navbar.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Navbar.styles.d.ts","sourceRoot":"","sources":["../src/Navbar.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;YAAwB,MAAM;SAahD,CAAC;AAEF,eAAO,MAAM,iBAAiB,oEAM7B,CAAC;AAEF,eAAO,MAAM,cAAc,oEAM1B,CAAC;AAEF,eAAO,MAAM,aAAa,oEAMzB,CAAC;AAEF,eAAO,MAAM,aAAa,oEAOzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,oEAShC,CAAC;AACF,eAAO,MAAM,uBAAuB,oEAanC,CAAC"}

package/dist/Navbar.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Navbar.types.d.ts","sourceRoot":"","sources":["../src/Navbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,SAAS,CAAC;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,SAAS,EAAE,CAAC;IAC9B,iBAAiB,CAAC,EAAE,SAAS,CAAC;CAC/B,CAAC"}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}