@synerise/ds-navbar 1.0.41 → 1.0.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/README.md +10 -9
  3. package/dist/Navbar.d.ts +3 -4
  4. package/dist/Navbar.js +33 -22
  5. package/dist/Navbar.styles.d.ts +7 -8
  6. package/dist/Navbar.styles.js +20 -19
  7. package/dist/Navbar.types.d.ts +1 -2
  8. package/dist/Navbar.types.js +1 -1
  9. package/dist/index.d.ts +0 -1
  10. package/dist/index.js +4 -1
  11. package/dist/modules.d.js +1 -1
  12. package/dist/modules.d.ts +0 -0
  13. package/package.json +5 -5
  14. package/dist/Navbar.d.ts.map +0 -1
  15. package/dist/Navbar.styles.d.ts.map +0 -1
  16. package/dist/Navbar.types.d.ts.map +0 -1
  17. package/dist/index.d.ts.map +0 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [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)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-navbar
9
+
10
+ ## [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)
11
+
12
+ **Note:** Version bump only for package @synerise/ds-navbar
13
+
6
14
  ## [1.0.41](https://github.com/Synerise/synerise-design/compare/@synerise/ds-navbar@1.0.40...@synerise/ds-navbar@1.0.41) (2026-03-09)
7
15
 
8
16
  **Note:** Version bump only for package @synerise/ds-navbar
package/README.md CHANGED
@@ -28,12 +28,13 @@ import Navbar from '@synerise/ds-navbar'
28
28
 
29
29
  ## API
30
30
 
31
- | Property | Description | Type | Default |
32
- | ----------------- | ------------------------------------------- | ------------------------ | ------- |
33
- | actions | Place for icon actions | React.ReactNode | - |
34
- | additionalNodes | Additional nodes rendered in the navbar | React.ReactNode | - |
35
- | className | Class added to the component | string | - |
36
- | color | Color code | string | - |
37
- | description | Description of navbar | string | - |
38
- | logo | Src to image or React.Node element | React.ReactNode / string | - |
39
- | alertNotification | React.Node element for IconAlert and Button | React.ReactNode | - |
31
+ | Property | Description | Type | Default |
32
+ | ----------------- | ------------------------------------------- | --------------- | ------- |
33
+ | description | Module name / page title (required) | ReactNode | - |
34
+ | logo | String → renders `<img src>`; otherwise rendered as-is (required) | ReactNode | - |
35
+ | actions | Place for icon actions | ReactNode | - |
36
+ | additionalNodes | Extra sections before the actions area; each separated by a divider | ReactNode[] | - |
37
+ | alertNotification | React.Node element for IconAlert and Button | ReactNode | - |
38
+ | children | Rendered inside the actions wrapper after `actions` | ReactNode | - |
39
+ | className | Class added to the component | string | - |
40
+ | color | Background colour (hex or palette value) | string | - |
package/dist/Navbar.d.ts CHANGED
@@ -1,8 +1,7 @@
1
- import React from 'react';
2
- import { type NavbarProps } from './Navbar.types';
1
+ import { default as React } from 'react';
2
+ import { NavbarProps } from './Navbar.types';
3
3
  declare const Navbar: {
4
4
  ({ className, color, logo, description, children, actions, additionalNodes, alertNotification, }: NavbarProps): React.JSX.Element;
5
- Divider: import("styled-components").StyledComponent<"div", any, {}, never>;
5
+ Divider: import('styled-components').StyledComponent<"div", any, {}, never>;
6
6
  };
7
7
  export default Navbar;
8
- //# sourceMappingURL=Navbar.d.ts.map
package/dist/Navbar.js CHANGED
@@ -1,23 +1,34 @@
1
- import React from 'react';
2
- import * as S from './Navbar.styles';
3
- var Navbar = function Navbar(_ref) {
4
- var className = _ref.className,
5
- color = _ref.color,
6
- logo = _ref.logo,
7
- description = _ref.description,
8
- children = _ref.children,
9
- actions = _ref.actions,
10
- additionalNodes = _ref.additionalNodes,
11
- alertNotification = _ref.alertNotification;
12
- return /*#__PURE__*/React.createElement(S.Navbar, {
13
- className: "ds-navbar " + (className || ''),
14
- color: color
15
- }, typeof logo === 'string' ? /*#__PURE__*/React.createElement("img", {
16
- src: logo,
17
- alt: ""
18
- }) : 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) {
19
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.AdditionalNode, null, node), /*#__PURE__*/React.createElement(S.NavbarDivider, null));
20
- }), /*#__PURE__*/React.createElement(S.NavbarActions, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(S.NavbarActionsWrapper, null, actions)), children));
1
+ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
+ import { Navbar as Navbar$1, NavbarDivider, NavbarDescription, NavbarAlertNotification, AdditionalNode, NavbarActions, NavbarActionsWrapper } from "./Navbar.styles.js";
3
+ const Navbar = ({
4
+ className,
5
+ color,
6
+ logo,
7
+ description,
8
+ children,
9
+ actions,
10
+ additionalNodes,
11
+ alertNotification
12
+ }) => {
13
+ return /* @__PURE__ */ jsxs(Navbar$1, { className: `ds-navbar ${className || ""}`, color, children: [
14
+ typeof logo === "string" ? /* @__PURE__ */ jsx("img", { src: logo, alt: "" }) : logo,
15
+ /* @__PURE__ */ jsx(NavbarDivider, {}),
16
+ /* @__PURE__ */ jsx(NavbarDescription, { children: description }),
17
+ alertNotification && /* @__PURE__ */ jsxs(Fragment, { children: [
18
+ /* @__PURE__ */ jsx(NavbarAlertNotification, { children: alertNotification }),
19
+ /* @__PURE__ */ jsx(NavbarDivider, {})
20
+ ] }),
21
+ additionalNodes?.map((node) => /* @__PURE__ */ jsxs(Fragment, { children: [
22
+ /* @__PURE__ */ jsx(AdditionalNode, { children: node }),
23
+ /* @__PURE__ */ jsx(NavbarDivider, {})
24
+ ] })),
25
+ /* @__PURE__ */ jsxs(NavbarActions, { children: [
26
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(NavbarActionsWrapper, { children: actions }) }),
27
+ children
28
+ ] })
29
+ ] });
30
+ };
31
+ Navbar.Divider = NavbarDivider;
32
+ export {
33
+ Navbar as default
21
34
  };
22
- Navbar.Divider = S.NavbarDivider;
23
- export default Navbar;
package/dist/Navbar.styles.d.ts CHANGED
@@ -1,10 +1,9 @@
1
- export declare const Navbar: import("styled-components").StyledComponent<"div", any, {
1
+ export declare const Navbar: import('styled-components').StyledComponent<"div", any, {
2
2
  color?: string;
3
3
  }, never>;
4
- export declare const NavbarDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
5
- export declare const AdditionalNode: import("styled-components").StyledComponent<"div", any, {}, never>;
6
- export declare const NavbarDivider: import("styled-components").StyledComponent<"div", any, {}, never>;
7
- export declare const NavbarActions: import("styled-components").StyledComponent<"div", any, {}, never>;
8
- export declare const NavbarActionsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
9
- export declare const NavbarAlertNotification: import("styled-components").StyledComponent<"div", any, {}, never>;
10
- //# sourceMappingURL=Navbar.styles.d.ts.map
4
+ export declare const NavbarDescription: import('styled-components').StyledComponent<"div", any, {}, never>;
5
+ export declare const AdditionalNode: import('styled-components').StyledComponent<"div", any, {}, never>;
6
+ export declare const NavbarDivider: import('styled-components').StyledComponent<"div", any, {}, never>;
7
+ export declare const NavbarActions: import('styled-components').StyledComponent<"div", any, {}, never>;
8
+ export declare const NavbarActionsWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
9
+ export declare const NavbarAlertNotification: import('styled-components').StyledComponent<"div", any, {}, never>;
package/dist/Navbar.styles.js CHANGED
@@ -1,38 +1,39 @@
1
- import styled from 'styled-components';
2
- import { macro } from '@synerise/ds-typography';
3
- export var Navbar = styled.div.withConfig({
1
+ import styled from "styled-components";
2
+ import { macro } from "@synerise/ds-typography";
3
+ const Navbar = /* @__PURE__ */ styled.div.withConfig({
4
4
  displayName: "Navbarstyles__Navbar",
5
5
  componentId: "sc-ldoz41-0"
6
- })(["background-color:", ";padding:16px 24px;height:56px;display:flex;flex:0 0 100%;align-items:center;color:#fff;img{max-width:100px;}"], function (props) {
7
- return props.color ? props.color : props.theme.palette['blue-600'];
8
- });
9
- export var NavbarDescription = styled.div.withConfig({
6
+ })(["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"]);
7
+ const NavbarDescription = /* @__PURE__ */ styled.div.withConfig({
10
8
  displayName: "Navbarstyles__NavbarDescription",
11
9
  componentId: "sc-ldoz41-1"
12
10
  })(["", ";color:inherit;display:flex;flex:1;padding-right:24px;"], macro.h300);
13
- export var AdditionalNode = styled.div.withConfig({
11
+ const AdditionalNode = /* @__PURE__ */ styled.div.withConfig({
14
12
  displayName: "Navbarstyles__AdditionalNode",
15
13
  componentId: "sc-ldoz41-2"
16
14
  })(["display:flex;align-items:center;.ds-button:not(:last-child){margin-right:8px;}"]);
17
- export var NavbarDivider = styled.div.withConfig({
15
+ const NavbarDivider = /* @__PURE__ */ styled.div.withConfig({
18
16
  displayName: "Navbarstyles__NavbarDivider",
19
17
  componentId: "sc-ldoz41-3"
20
18
  })(["width:1px;height:24px;background-color:#fff;opacity:0.3;margin:0 12px;"]);
21
- export var NavbarActions = styled.div.withConfig({
19
+ const NavbarActions = /* @__PURE__ */ styled.div.withConfig({
22
20
  displayName: "Navbarstyles__NavbarActions",
23
21
  componentId: "sc-ldoz41-4"
24
22
  })(["display:flex;align-items:center;> div{overflow:hidden;}"]);
25
- export var NavbarActionsWrapper = styled.div.withConfig({
23
+ const NavbarActionsWrapper = /* @__PURE__ */ styled.div.withConfig({
26
24
  displayName: "Navbarstyles__NavbarActionsWrapper",
27
25
  componentId: "sc-ldoz41-5"
28
26
  })(["display:flex;align-items:center;margin-left:-4px;margin-right:-4px;> *{margin:0 4px;}"]);
29
- export var NavbarAlertNotification = styled.div.withConfig({
27
+ const NavbarAlertNotification = /* @__PURE__ */ styled.div.withConfig({
30
28
  displayName: "Navbarstyles__NavbarAlertNotification",
31
29
  componentId: "sc-ldoz41-6"
32
- })(["display:flex;align-items:center;.ds-button{margin-left:12px;}.ds-inline-alert svg{color:", ";fill:", ";}.ds-inline-alert > span{color:", ";}"], function (props) {
33
- return props.theme.palette.white;
34
- }, function (props) {
35
- return props.theme.palette.white;
36
- }, function (props) {
37
- return props.theme.palette.white;
38
- });
30
+ })(["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);
31
+ export {
32
+ AdditionalNode,
33
+ Navbar,
34
+ NavbarActions,
35
+ NavbarActionsWrapper,
36
+ NavbarAlertNotification,
37
+ NavbarDescription,
38
+ NavbarDivider
39
+ };
package/dist/Navbar.types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { type ReactNode } from 'react';
1
+ import { ReactNode } from 'react';
2
2
  export type NavbarProps = {
3
3
  className?: string;
4
4
  color?: string;
@@ -9,4 +9,3 @@ export type NavbarProps = {
9
9
  additionalNodes?: ReactNode[];
10
10
  alertNotification?: ReactNode;
11
11
  };
12
- //# sourceMappingURL=Navbar.types.d.ts.map
package/dist/Navbar.types.js CHANGED
@@ -1 +1 @@
1
- export {};
1
+
package/dist/index.d.ts CHANGED
@@ -1,2 +1 @@
1
1
  export { default } from './Navbar';
2
- //# sourceMappingURL=index.d.ts.map
package/dist/index.js CHANGED
@@ -1 +1,4 @@
1
- export { default } from './Navbar';
1
+ import { default as default2 } from "./Navbar.js";
2
+ export {
3
+ default2 as default
4
+ };
package/dist/modules.d.js CHANGED
@@ -1 +1 @@
1
- import '@testing-library/jest-dom';
1
+ import "@testing-library/jest-dom";
package/dist/modules.d.ts ADDED
File without changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-navbar",
3
- "version": "1.0.41",
3
+ "version": "1.0.43",
4
4
  "description": "Navbar UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -16,10 +16,10 @@
16
16
  "access": "public"
17
17
  },
18
18
  "scripts": {
19
- "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
19
+ "build": "vite build",
20
20
  "build:css": "node ../../../scripts/style/less.js",
21
21
  "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
22
- "build:watch": "pnpm run build:js -- --watch",
22
+ "build:watch": "vite build --watch",
23
23
  "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly --declarationMap",
24
24
  "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
25
25
  "prepublish": "pnpm run build",
@@ -35,7 +35,7 @@
35
35
  ],
36
36
  "types": "dist/index.d.ts",
37
37
  "dependencies": {
38
- "@synerise/ds-typography": "^1.1.11"
38
+ "@synerise/ds-typography": "^1.1.13"
39
39
  },
40
40
  "peerDependencies": {
41
41
  "@synerise/ds-core": "*",
@@ -43,5 +43,5 @@
43
43
  "react": ">=16.9.0 <= 18.3.1",
44
44
  "styled-components": "^5.3.3"
45
45
  },
46
- "gitHead": "8dfafc5d7278f09d430f1e7499782d05c76b47c0"
46
+ "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
47
47
  }
package/dist/Navbar.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"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 DELETED
@@ -1 +0,0 @@
1
- {"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 DELETED
@@ -1 +0,0 @@
1
- {"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 DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}