@sinco/react 1.0.14-rc.15 → 1.0.14-rc.16

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.
package/index.js CHANGED
@@ -16605,6 +16605,49 @@ const FooterActionComponent = ({
16605
16605
  }), /*#__PURE__*/React__default.createElement(Box$2, null, labelChangeCounter), renderRightContent));
16606
16606
  };
16607
16607
 
16608
+ const PageHeaderContent = styled$1(Stack$1)(() => ({
16609
+ backgroundColor: "#fff",
16610
+ boxShadow: "0px 1px 3px rgba(24, 39, 75, 0.12), 0px 1px 1px -1px rgba(24, 39, 75, 0.14), 0px 2px 1px -2px rgba(24, 39, 75, 0.2)",
16611
+ zIndex: 100,
16612
+ padding: "8px 24px",
16613
+ minHeight: 39
16614
+ }));
16615
+ const PageHeaderComponent = ({
16616
+ title,
16617
+ subtitle,
16618
+ actions,
16619
+ buttonBack,
16620
+ fixed
16621
+ }) => {
16622
+ return /*#__PURE__*/React__default.createElement(ThemeProvider, {
16623
+ theme: SincoTheme
16624
+ }, /*#__PURE__*/React__default.createElement(PageHeaderContent, {
16625
+ position: fixed === true ? "fixed" : "relative",
16626
+ sx: {
16627
+ width: fixed === true ? "-webkit-fill-available" : "inherit"
16628
+ }
16629
+ }, /*#__PURE__*/React__default.createElement(Stack$1, {
16630
+ width: "100%",
16631
+ justifyContent: "space-between",
16632
+ flexDirection: "row",
16633
+ alignItems: "center"
16634
+ }, /*#__PURE__*/React__default.createElement(Stack$1, {
16635
+ gap: 1.5,
16636
+ flexDirection: "row",
16637
+ alignItems: "center"
16638
+ }, buttonBack, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(Typography$1, {
16639
+ variant: "h6",
16640
+ color: "text.primary"
16641
+ }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
16642
+ variant: "caption",
16643
+ color: "text.secondary"
16644
+ }, subtitle))), /*#__PURE__*/React__default.createElement(Stack$1, {
16645
+ gap: 1,
16646
+ alignItems: "center",
16647
+ flexDirection: "row"
16648
+ }, actions))));
16649
+ };
16650
+
16608
16651
  var global$6 = global$l;
16609
16652
  var classof$2 = classofRaw$2;
16610
16653
 
@@ -22062,4 +22105,4 @@ const useDynamicColor = url => {
22062
22105
  };
22063
22106
  };
22064
22107
 
22065
- export { DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, SincoTheme, useDynamicColor };
22108
+ export { DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, PageHeaderComponent, PageHeaderContent, SincoTheme, useDynamicColor };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sinco/react",
3
- "version": "1.0.14-rc.15",
3
+ "version": "1.0.14-rc.16",
4
4
  "description": "package for the configuration of mui react sinco",
5
5
  "private": false,
6
6
  "license": "MIT",
@@ -1,3 +1,4 @@
1
1
  export * from './EmptyState';
2
2
  export * from './Drawer';
3
3
  export * from './FooterAction';
4
+ export * from './PageHeader';