@synerise/ds-page-header 1.0.63 → 1.0.64

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.64](https://github.com/synerise/synerise-design/compare/@synerise/ds-page-header@1.0.63...@synerise/ds-page-header@1.0.64) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-page-header
+
 ## [1.0.63](https://github.com/synerise/synerise-design/compare/@synerise/ds-page-header@1.0.62...@synerise/ds-page-header@1.0.63) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-page-header

package/dist/PageHeader.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type PageHeaderProps } from './PageHeader.types';
+import { default as React } from 'react';
+import { PageHeaderProps } from './PageHeader.types';
 declare const PageHeader: (props: PageHeaderProps) => React.JSX.Element;
 export default PageHeader;

package/dist/PageHeader.js

@@ -1,43 +1,43 @@
-import React from 'react';
-import * as S from './PageHeader.styles';
-import { PageHeaderBack } from './PageHeaderBack';
-import { PageHeaderClamp } from './PageHeaderClamp';
-import { PageHeaderInlineEdit } from './PageHeaderInlineEdit';
-import { PageHeaderRightSide } from './PageHeaderRightSide';
-var PageHeader = function PageHeader(props) {
-  var goBackIcon = props.goBackIcon,
-    className = props.className,
-    onGoBack = props.onGoBack,
-    onClose = props.onClose,
-    children = props.children,
-    rightSide = props.rightSide,
-    title = props.title,
-    description = props.description,
-    bar = props.bar,
-    tabs = props.tabs,
-    isolated = props.isolated,
-    inlineEdit = props.inlineEdit,
-    more = props.more,
-    avatar = props.avatar,
-    tooltip = props.tooltip,
-    tooltipIcon = props.tooltipIcon,
-    handleTooltipClick = props.handleTooltipClick;
-  return /*#__PURE__*/React.createElement(S.MainContainer, {
-    isolated: isolated,
-    className: (className || '') + " ds-page-header"
-  }, /*#__PURE__*/React.createElement(S.PageHeaderContainer, null, onGoBack && /*#__PURE__*/React.createElement(PageHeaderBack, {
-    onGoBack: onGoBack,
-    goBackIcon: goBackIcon
-  }), !!avatar && avatar, inlineEdit && /*#__PURE__*/React.createElement(PageHeaderInlineEdit, {
-    inlineEdit: inlineEdit
-  }), /*#__PURE__*/React.createElement(PageHeaderClamp, {
-    tooltip: tooltip,
-    title: title,
-    tooltipIcon: tooltipIcon,
-    handleTooltipClick: handleTooltipClick
-  }, children), !!more && /*#__PURE__*/React.createElement(S.PageHeaderMore, null, more), !!description && /*#__PURE__*/React.createElement(S.PageHeaderDescription, null, description), /*#__PURE__*/React.createElement(PageHeaderRightSide, {
-    onClose: onClose,
-    rightSide: rightSide
-  })), !!tabs && /*#__PURE__*/React.createElement(S.PageHeaderTabsWrapper, null, tabs), !!bar && /*#__PURE__*/React.createElement(S.PageHeaderBar, null, bar));
+import { jsxs, jsx } from "react/jsx-runtime";
+import { MainContainer, PageHeaderContainer, PageHeaderMore, PageHeaderDescription, PageHeaderTabsWrapper, PageHeaderBar } from "./PageHeader.styles.js";
+import { PageHeaderBack } from "./PageHeaderBack/PageHeaderBack.js";
+import { PageHeaderClamp } from "./PageHeaderClamp/PageHeaderClamp.js";
+import { PageHeaderInlineEdit } from "./PageHeaderInlineEdit/PageHeaderInlineEdit.js";
+import { PageHeaderRightSide } from "./PageHeaderRightSide/PageHeaderRightSide.js";
+const PageHeader = (props) => {
+  const {
+    goBackIcon,
+    className,
+    onGoBack,
+    onClose,
+    children,
+    rightSide,
+    title,
+    description,
+    bar,
+    tabs,
+    isolated,
+    inlineEdit,
+    more,
+    avatar,
+    tooltip,
+    tooltipIcon,
+    handleTooltipClick
+  } = props;
+  return /* @__PURE__ */ jsxs(MainContainer, { isolated, className: `${className || ""} ds-page-header`, children: [
+    /* @__PURE__ */ jsxs(PageHeaderContainer, { children: [
+      onGoBack && /* @__PURE__ */ jsx(PageHeaderBack, { onGoBack, goBackIcon }),
+      !!avatar && avatar,
+      inlineEdit && /* @__PURE__ */ jsx(PageHeaderInlineEdit, { inlineEdit }),
+      /* @__PURE__ */ jsx(PageHeaderClamp, { tooltip, title, tooltipIcon, handleTooltipClick, children }),
+      !!more && /* @__PURE__ */ jsx(PageHeaderMore, { children: more }),
+      !!description && /* @__PURE__ */ jsx(PageHeaderDescription, { children: description }),
+      /* @__PURE__ */ jsx(PageHeaderRightSide, { onClose, rightSide })
+    ] }),
+    !!tabs && /* @__PURE__ */ jsx(PageHeaderTabsWrapper, { children: tabs }),
+    !!bar && /* @__PURE__ */ jsx(PageHeaderBar, { children: bar })
+  ] });
+};
+export {
+  PageHeader as default
 };
-export default PageHeader;

package/dist/PageHeader.styles.d.ts

@@ -1,12 +1,12 @@
-export declare const MainContainer: import("styled-components").StyledComponent<"div", any, {
+export declare const MainContainer: import('styled-components').StyledComponent<"div", any, {
     isolated?: boolean;
 }, never>;
-export declare const PageHeaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PageHeaderDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PageHeaderTabsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PageHeaderBar: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PageHeaderMore: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PageHeaderClose: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PageHeaderContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const PageHeaderDescription: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const PageHeaderTabsWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const PageHeaderBar: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const PageHeaderMore: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const PageHeaderClose: import('styled-components').StyledComponent<"div", any, {}, never>;
 export { WrapperPageHeaderClamp as PageHeaderClamp, PageHeaderTitle, PageHeaderTooltipWraper, } from './PageHeaderClamp/PageHeaderClamp.styles';
 export { WrapperPageHeaderInlineEdit as PageHeaderInlineEdit } from './PageHeaderInlineEdit/PageHeaderInlineEdit.styles';
 export { WrapperPageHeaderBack as PageHeaderBack } from './PageHeaderBack/PageHeaderBack.styles';

package/dist/PageHeader.styles.js

@@ -1,47 +1,48 @@
-import styled from 'styled-components';
-export var MainContainer = styled.div.withConfig({
+import styled from "styled-components";
+import { WrapperPageHeaderClamp, PageHeaderTitle, PageHeaderTooltipWraper } from "./PageHeaderClamp/PageHeaderClamp.styles.js";
+import { WrapperPageHeaderInlineEdit } from "./PageHeaderInlineEdit/PageHeaderInlineEdit.styles.js";
+import { WrapperPageHeaderBack } from "./PageHeaderBack/PageHeaderBack.styles.js";
+import { WrapperPageHeaderRightSide } from "./PageHeaderRightSide/PageHeaderRightSide.styles.js";
+const MainContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "PageHeaderstyles__MainContainer",
   componentId: "sc-1a87wfx-0"
-})(["background-color:#fff;position:relative;border-bottom:1px solid ", ";box-shadow:", ";&::before{content:'';position:absolute;bottom:0;width:100%;height:1px;", ";z-index:0;}"], function (props) {
-  return props.theme.palette['grey-200'];
-}, function (props) {
-  return props.theme.variables['box-shadow-1'];
-}, function (props) {
-  return props.isolated ? "background-color: " + props.theme.palette['grey-100'] : '';
-});
-export var PageHeaderContainer = styled.div.withConfig({
+})(["background-color:#fff;position:relative;border-bottom:1px solid ", ";box-shadow:", ";&::before{content:'';position:absolute;bottom:0;width:100%;height:1px;", ";z-index:0;}"], (props) => props.theme.palette["grey-200"], (props) => props.theme.variables["box-shadow-1"], (props) => props.isolated ? `background-color: ${props.theme.palette["grey-100"]}` : "");
+const PageHeaderContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "PageHeaderstyles__PageHeaderContainer",
   componentId: "sc-1a87wfx-1"
 })(["width:100%;min-height:80px;padding:24px;display:flex;align-items:center;align-content:center;"]);
-export var PageHeaderDescription = styled.div.withConfig({
+const PageHeaderDescription = /* @__PURE__ */ styled.div.withConfig({
   displayName: "PageHeaderstyles__PageHeaderDescription",
   componentId: "sc-1a87wfx-2"
-})(["margin:0 24px;font-size:13px;line-height:18px;color:", ";"], function (props) {
-  return props.theme.palette['grey-500'];
-});
-export var PageHeaderTabsWrapper = styled.div.withConfig({
+})(["margin:0 24px;font-size:13px;line-height:18px;color:", ";"], (props) => props.theme.palette["grey-500"]);
+const PageHeaderTabsWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "PageHeaderstyles__PageHeaderTabsWrapper",
   componentId: "sc-1a87wfx-3"
 })(["padding:0 24px;&&& .ds-tabs{padding:0;}"]);
-export var PageHeaderBar = styled.div.withConfig({
+const PageHeaderBar = /* @__PURE__ */ styled.div.withConfig({
   displayName: "PageHeaderstyles__PageHeaderBar",
   componentId: "sc-1a87wfx-4"
-})(["padding:12px 24px;border-top:1px solid ", ";position:relative;top:-1px;"], function (props) {
-  return props.theme.palette['grey-100'];
-});
-export var PageHeaderMore = styled.div.withConfig({
+})(["padding:12px 24px;border-top:1px solid ", ";position:relative;top:-1px;"], (props) => props.theme.palette["grey-100"]);
+const PageHeaderMore = /* @__PURE__ */ styled.div.withConfig({
   displayName: "PageHeaderstyles__PageHeaderMore",
   componentId: "sc-1a87wfx-5"
 })(["padding:0 24px;"]);
-export var PageHeaderClose = styled.div.withConfig({
+const PageHeaderClose = /* @__PURE__ */ styled.div.withConfig({
   displayName: "PageHeaderstyles__PageHeaderClose",
   componentId: "sc-1a87wfx-6"
-})(["& div{margin-left:52px;display:flex;align-items:center;position:relative;&::before{content:'';position:absolute;width:1px;height:40px;left:-25px;background-color:", ";}}"], function (props) {
-  return props.theme.palette['grey-300'];
-});
-
-// reexport styles for backwards compatibility
-export { WrapperPageHeaderClamp as PageHeaderClamp, PageHeaderTitle, PageHeaderTooltipWraper } from './PageHeaderClamp/PageHeaderClamp.styles';
-export { WrapperPageHeaderInlineEdit as PageHeaderInlineEdit } from './PageHeaderInlineEdit/PageHeaderInlineEdit.styles';
-export { WrapperPageHeaderBack as PageHeaderBack } from './PageHeaderBack/PageHeaderBack.styles';
-export { WrapperPageHeaderRightSide as PageHeaderRightSide } from './PageHeaderRightSide/PageHeaderRightSide.styles';
+})(["& div{margin-left:52px;display:flex;align-items:center;position:relative;&::before{content:'';position:absolute;width:1px;height:40px;left:-25px;background-color:", ";}}"], (props) => props.theme.palette["grey-300"]);
+export {
+  MainContainer,
+  WrapperPageHeaderBack as PageHeaderBack,
+  PageHeaderBar,
+  WrapperPageHeaderClamp as PageHeaderClamp,
+  PageHeaderClose,
+  PageHeaderContainer,
+  PageHeaderDescription,
+  WrapperPageHeaderInlineEdit as PageHeaderInlineEdit,
+  PageHeaderMore,
+  WrapperPageHeaderRightSide as PageHeaderRightSide,
+  PageHeaderTabsWrapper,
+  PageHeaderTitle,
+  PageHeaderTooltipWraper
+};

package/dist/PageHeader.types.d.ts

@@ -1,5 +1,5 @@
-import { type ChangeEvent, type FocusEventHandler, type KeyboardEventHandler, type ReactNode } from 'react';
-import { type TooltipProps } from '@synerise/ds-tooltip';
+import { ChangeEvent, FocusEventHandler, KeyboardEventHandler, ReactNode } from 'react';
+import { TooltipProps } from '@synerise/ds-tooltip';
 export type PageHeaderProps = {
     className?: string;
     rightSide?: ReactNode;

package/dist/PageHeader.types.js

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

package/dist/PageHeaderBack/PageHeaderBack.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type PageHeaderProps } from '../PageHeader.types';
+import { default as React } from 'react';
+import { PageHeaderProps } from '../PageHeader.types';
 type PageHeaderBackProps = Pick<PageHeaderProps, 'goBackIcon' | 'onGoBack'>;
 export declare const PageHeaderBack: ({ goBackIcon, onGoBack, }: PageHeaderBackProps) => React.JSX.Element;
 export {};

package/dist/PageHeaderBack/PageHeaderBack.js

@@ -1,20 +1,15 @@
-import React from 'react';
-import Button from '@synerise/ds-button';
-import { theme } from '@synerise/ds-core';
-import Icon, { ArrowLeftM } from '@synerise/ds-icon';
-import * as S from './PageHeaderBack.styles';
-export var PageHeaderBack = function PageHeaderBack(_ref) {
-  var goBackIcon = _ref.goBackIcon,
-    onGoBack = _ref.onGoBack;
-  var backIcon = goBackIcon || /*#__PURE__*/React.createElement(Icon, {
-    className: "page-header__back",
-    color: theme.palette['grey-600'],
-    component: /*#__PURE__*/React.createElement(ArrowLeftM, null),
-    size: 24
-  });
-  return /*#__PURE__*/React.createElement(S.WrapperPageHeaderBack, null, /*#__PURE__*/React.createElement(Button, {
-    type: "ghost",
-    mode: "single-icon",
-    onClick: onGoBack
-  }, backIcon));
-};
+import { jsx } from "react/jsx-runtime";
+import Button from "@synerise/ds-button";
+import { theme } from "@synerise/ds-core";
+import Icon, { ArrowLeftM } from "@synerise/ds-icon";
+import { WrapperPageHeaderBack } from "./PageHeaderBack.styles.js";
+const PageHeaderBack = ({
+  goBackIcon,
+  onGoBack
+}) => {
+  const backIcon = goBackIcon || /* @__PURE__ */ jsx(Icon, { className: "page-header__back", color: theme.palette["grey-600"], component: /* @__PURE__ */ jsx(ArrowLeftM, {}), size: 24 });
+  return /* @__PURE__ */ jsx(WrapperPageHeaderBack, { children: /* @__PURE__ */ jsx(Button, { type: "ghost", mode: "single-icon", onClick: onGoBack, children: backIcon }) });
+};
+export {
+  PageHeaderBack
+};

package/dist/PageHeaderBack/PageHeaderBack.styles.d.ts

@@ -1 +1 @@
-export declare const WrapperPageHeaderBack: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperPageHeaderBack: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/PageHeaderBack/PageHeaderBack.styles.js

@@ -1,7 +1,8 @@
-import styled from 'styled-components';
-export var WrapperPageHeaderBack = styled.div.withConfig({
+import styled from "styled-components";
+const WrapperPageHeaderBack = /* @__PURE__ */ styled.div.withConfig({
   displayName: "PageHeaderBackstyles__WrapperPageHeaderBack",
   componentId: "sc-107ccyu-0"
-})(["margin-right:49px;display:flex;align-items:center;position:relative;&::after{content:'';position:absolute;width:1px;height:40px;right:-25px;background-color:", ";}&&{button{display:flex;align-items:center;padding:0 4px;}}"], function (props) {
-  return props.theme.palette['grey-300'];
-});
+})(["margin-right:49px;display:flex;align-items:center;position:relative;&::after{content:'';position:absolute;width:1px;height:40px;right:-25px;background-color:", ";}&&{button{display:flex;align-items:center;padding:0 4px;}}"], (props) => props.theme.palette["grey-300"]);
+export {
+  WrapperPageHeaderBack
+};

package/dist/PageHeaderBack/index.js

@@ -1 +1,4 @@
-export * from './PageHeaderBack';
+import { PageHeaderBack } from "./PageHeaderBack.js";
+export {
+  PageHeaderBack
+};

package/dist/PageHeaderClamp/PageHeaderClamp.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type PageHeaderProps } from '../PageHeader.types';
+import { default as React } from 'react';
+import { PageHeaderProps } from '../PageHeader.types';
 type PageHeaderClampProps = Pick<PageHeaderProps, 'tooltip' | 'children' | 'title' | 'tooltipIcon' | 'handleTooltipClick'>;
 export declare const PageHeaderClamp: ({ tooltip, children, title, tooltipIcon, handleTooltipClick, }: PageHeaderClampProps) => React.JSX.Element;
 export {};

package/dist/PageHeaderClamp/PageHeaderClamp.js

@@ -1,15 +1,17 @@
-import React from 'react';
-import Icon from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip';
-import * as S from './PageHeaderClamp.styles';
-export var PageHeaderClamp = function PageHeaderClamp(_ref) {
-  var tooltip = _ref.tooltip,
-    children = _ref.children,
-    title = _ref.title,
-    tooltipIcon = _ref.tooltipIcon,
-    handleTooltipClick = _ref.handleTooltipClick;
-  return /*#__PURE__*/React.createElement(S.WrapperPageHeaderClamp, null, /*#__PURE__*/React.createElement(S.PageHeaderTitle, null, children || title), tooltip !== undefined && tooltipIcon && /*#__PURE__*/React.createElement(S.PageHeaderTooltipWraper, null, /*#__PURE__*/React.createElement(Tooltip, tooltip, /*#__PURE__*/React.createElement(Icon, {
-    component: tooltipIcon,
-    onClick: handleTooltipClick
-  }))));
-};
+import { jsxs, jsx } from "react/jsx-runtime";
+import Icon from "@synerise/ds-icon";
+import Tooltip from "@synerise/ds-tooltip";
+import { WrapperPageHeaderClamp, PageHeaderTitle, PageHeaderTooltipWraper } from "./PageHeaderClamp.styles.js";
+const PageHeaderClamp = ({
+  tooltip,
+  children,
+  title,
+  tooltipIcon,
+  handleTooltipClick
+}) => /* @__PURE__ */ jsxs(WrapperPageHeaderClamp, { children: [
+  /* @__PURE__ */ jsx(PageHeaderTitle, { children: children || title }),
+  tooltip !== void 0 && tooltipIcon && /* @__PURE__ */ jsx(PageHeaderTooltipWraper, { children: /* @__PURE__ */ jsx(Tooltip, { ...tooltip, children: /* @__PURE__ */ jsx(Icon, { component: tooltipIcon, onClick: handleTooltipClick }) }) })
+] });
+export {
+  PageHeaderClamp
+};

package/dist/PageHeaderClamp/PageHeaderClamp.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const WrapperPageHeaderClamp: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PageHeaderTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const PageHeaderTooltipWraper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperPageHeaderClamp: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const PageHeaderTitle: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const PageHeaderTooltipWraper: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/PageHeaderClamp/PageHeaderClamp.styles.js

@@ -1,20 +1,19 @@
-import styled from 'styled-components';
-import { macro } from '@synerise/ds-typography';
-export var WrapperPageHeaderClamp = styled.div.withConfig({
+import styled from "styled-components";
+import { macro } from "@synerise/ds-typography";
+const WrapperPageHeaderClamp = /* @__PURE__ */ styled.div.withConfig({
   displayName: "PageHeaderClampstyles__WrapperPageHeaderClamp",
   componentId: "sc-at80a6-0"
-})(["", ";line-height:26px;display:flex;overflow:hidden;align-items:center;color:", ";"], macro.h600, function (props) {
-  return props.theme.palette['grey-800'];
-});
-export var PageHeaderTitle = styled.span.withConfig({
+})(["", ";line-height:26px;display:flex;overflow:hidden;align-items:center;color:", ";"], macro.h600, (props) => props.theme.palette["grey-800"]);
+const PageHeaderTitle = /* @__PURE__ */ styled.span.withConfig({
   displayName: "PageHeaderClampstyles__PageHeaderTitle",
   componentId: "sc-at80a6-1"
 })(["display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;"]);
-export var PageHeaderTooltipWraper = styled.div.withConfig({
+const PageHeaderTooltipWraper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "PageHeaderClampstyles__PageHeaderTooltipWraper",
   componentId: "sc-at80a6-2"
-})([".ds-icon{margin-left:8px;svg{color:", ";fill:", ";}}"], function (props) {
-  return props.theme.palette['grey-600'];
-}, function (props) {
-  return props.theme.palette['grey-600'];
-});
+})([".ds-icon{margin-left:8px;svg{color:", ";fill:", ";}}"], (props) => props.theme.palette["grey-600"], (props) => props.theme.palette["grey-600"]);
+export {
+  PageHeaderTitle,
+  PageHeaderTooltipWraper,
+  WrapperPageHeaderClamp
+};

package/dist/PageHeaderClamp/index.js

@@ -1 +1,4 @@
-export * from './PageHeaderClamp';
+import { PageHeaderClamp } from "./PageHeaderClamp.js";
+export {
+  PageHeaderClamp
+};

package/dist/PageHeaderInlineEdit/PageHeaderInlineEdit.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { PageHeaderProps } from '../PageHeader.types';
+import { default as React } from 'react';
+import { PageHeaderProps } from '../PageHeader.types';
 type PageHeaderInlineEditProps = Required<Pick<PageHeaderProps, 'inlineEdit'>>;
 export declare const PageHeaderInlineEdit: ({ inlineEdit, }: PageHeaderInlineEditProps) => React.JSX.Element;
 export {};

package/dist/PageHeaderInlineEdit/PageHeaderInlineEdit.js

@@ -1,23 +1,19 @@
-import React from 'react';
-import InlineEdit from '@synerise/ds-inline-edit/';
-import * as S from './PageHeaderInlineEdit.styles';
-export var PageHeaderInlineEdit = function PageHeaderInlineEdit(_ref) {
-  var inlineEdit = _ref.inlineEdit;
-  return /*#__PURE__*/React.createElement(S.WrapperPageHeaderInlineEdit, null, /*#__PURE__*/React.createElement(InlineEdit, {
-    input: {
-      name: inlineEdit.name,
-      value: inlineEdit.value,
-      maxLength: inlineEdit.maxLength,
-      onChange: inlineEdit.handleOnChange,
-      onBlur: inlineEdit.handleOnBlur,
-      onEnterPress: inlineEdit.handleOnEnterPress,
-      placeholder: inlineEdit.placeholder
-    },
-    size: inlineEdit.size,
-    error: inlineEdit.error,
-    disabled: inlineEdit.disabled,
-    hideIcon: inlineEdit.hideIcon,
-    customIcon: inlineEdit.customIcon,
-    style: inlineEdit.style
-  }));
-};
+import { jsx } from "react/jsx-runtime";
+import InlineEdit from "@synerise/ds-inline-edit/";
+import { WrapperPageHeaderInlineEdit } from "./PageHeaderInlineEdit.styles.js";
+const PageHeaderInlineEdit = ({
+  inlineEdit
+}) => {
+  return /* @__PURE__ */ jsx(WrapperPageHeaderInlineEdit, { children: /* @__PURE__ */ jsx(InlineEdit, { input: {
+    name: inlineEdit.name,
+    value: inlineEdit.value,
+    maxLength: inlineEdit.maxLength,
+    onChange: inlineEdit.handleOnChange,
+    onBlur: inlineEdit.handleOnBlur,
+    onEnterPress: inlineEdit.handleOnEnterPress,
+    placeholder: inlineEdit.placeholder
+  }, size: inlineEdit.size, error: inlineEdit.error, disabled: inlineEdit.disabled, hideIcon: inlineEdit.hideIcon, customIcon: inlineEdit.customIcon, style: inlineEdit.style }) });
+};
+export {
+  PageHeaderInlineEdit
+};

package/dist/PageHeaderInlineEdit/PageHeaderInlineEdit.styles.d.ts

@@ -1 +1 @@
-export declare const WrapperPageHeaderInlineEdit: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperPageHeaderInlineEdit: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/PageHeaderInlineEdit/PageHeaderInlineEdit.styles.js

@@ -1,5 +1,8 @@
-import styled from 'styled-components';
-export var WrapperPageHeaderInlineEdit = styled.div.withConfig({
+import styled from "styled-components";
+const WrapperPageHeaderInlineEdit = /* @__PURE__ */ styled.div.withConfig({
   displayName: "PageHeaderInlineEditstyles__WrapperPageHeaderInlineEdit",
   componentId: "sc-13xsyjb-0"
-})(["display:flex;margin-left:14px;"]);
+})(["display:flex;margin-left:14px;"]);
+export {
+  WrapperPageHeaderInlineEdit
+};

package/dist/PageHeaderInlineEdit/index.js

@@ -1 +1,4 @@
-export * from './PageHeaderInlineEdit';
+import { PageHeaderInlineEdit } from "./PageHeaderInlineEdit.js";
+export {
+  PageHeaderInlineEdit
+};

package/dist/PageHeaderRightSide/PageHeaderRightSide.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { PageHeaderProps } from '../PageHeader.types';
+import { default as React } from 'react';
+import { PageHeaderProps } from '../PageHeader.types';
 type PageHeaderRightSideProps = Pick<PageHeaderProps, 'rightSide' | 'onClose' | 'title' | 'tooltipIcon' | 'handleTooltipClick'>;
 export declare const PageHeaderRightSide: ({ rightSide, onClose, }: PageHeaderRightSideProps) => React.JSX.Element;
 export {};

package/dist/PageHeaderRightSide/PageHeaderRightSide.js

@@ -1,19 +1,17 @@
-import React from 'react';
-import Button from '@synerise/ds-button';
-import { theme } from '@synerise/ds-core';
-import Icon, { CloseM } from '@synerise/ds-icon';
-import * as S from './PageHeaderRightSide.styles';
-export var PageHeaderRightSide = function PageHeaderRightSide(_ref) {
-  var rightSide = _ref.rightSide,
-    onClose = _ref.onClose;
-  return /*#__PURE__*/React.createElement(S.WrapperPageHeaderRightSide, null, /*#__PURE__*/React.createElement("div", null, rightSide && rightSide, onClose && /*#__PURE__*/React.createElement(Button, {
-    type: "ghost",
-    mode: "single-icon"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    className: "page-header__close",
-    color: theme.palette['grey-500'],
-    component: /*#__PURE__*/React.createElement(CloseM, null),
-    size: 32,
-    onClick: onClose
-  }))));
-};
+import { jsx, jsxs } from "react/jsx-runtime";
+import Button from "@synerise/ds-button";
+import { theme } from "@synerise/ds-core";
+import Icon, { CloseM } from "@synerise/ds-icon";
+import { WrapperPageHeaderRightSide } from "./PageHeaderRightSide.styles.js";
+const PageHeaderRightSide = ({
+  rightSide,
+  onClose
+}) => {
+  return /* @__PURE__ */ jsx(WrapperPageHeaderRightSide, { children: /* @__PURE__ */ jsxs("div", { children: [
+    rightSide && rightSide,
+    onClose && /* @__PURE__ */ jsx(Button, { type: "ghost", mode: "single-icon", children: /* @__PURE__ */ jsx(Icon, { className: "page-header__close", color: theme.palette["grey-500"], component: /* @__PURE__ */ jsx(CloseM, {}), size: 32, onClick: onClose }) })
+  ] }) });
+};
+export {
+  PageHeaderRightSide
+};

package/dist/PageHeaderRightSide/PageHeaderRightSide.styles.d.ts

@@ -1 +1 @@
-export declare const WrapperPageHeaderRightSide: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperPageHeaderRightSide: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/PageHeaderRightSide/PageHeaderRightSide.styles.js

@@ -1,5 +1,8 @@
-import styled from 'styled-components';
-export var WrapperPageHeaderRightSide = styled.div.withConfig({
+import styled from "styled-components";
+const WrapperPageHeaderRightSide = /* @__PURE__ */ styled.div.withConfig({
   displayName: "PageHeaderRightSidestyles__WrapperPageHeaderRightSide",
   componentId: "sc-hvehfk-0"
-})(["display:flex;flex:1 auto;justify-content:flex-end;> div{display:flex;flex:1;justify-content:flex-end;align-items:center;flex-direction:row;> *{margin-left:8px;}}"]);
+})(["display:flex;flex:1 auto;justify-content:flex-end;> div{display:flex;flex:1;justify-content:flex-end;align-items:center;flex-direction:row;> *{margin-left:8px;}}"]);
+export {
+  WrapperPageHeaderRightSide
+};

package/dist/PageHeaderRightSide/index.js

@@ -1 +1,4 @@
-export * from './PageHeaderRightSide';
+import { PageHeaderRightSide } from "./PageHeaderRightSide.js";
+export {
+  PageHeaderRightSide
+};

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './PageHeader';
+import { default as default2 } from "./PageHeader.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-page-header",
-  "version": "1.0.63",
+  "version": "1.0.64",
   "description": "Page-Header 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",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -35,11 +35,11 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.5.17",
-    "@synerise/ds-icon": "^1.15.0",
-    "@synerise/ds-inline-edit": "^1.1.23",
-    "@synerise/ds-tooltip": "^1.4.9",
-    "@synerise/ds-typography": "^1.1.12"
+    "@synerise/ds-button": "^1.5.18",
+    "@synerise/ds-icon": "^1.15.1",
+    "@synerise/ds-inline-edit": "^1.1.24",
+    "@synerise/ds-tooltip": "^1.4.10",
+    "@synerise/ds-typography": "^1.1.13"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -47,5 +47,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }