@yuntijs/ui 1.0.0-beta.22 → 1.0.0-beta.24

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.
@@ -5,7 +5,7 @@ export var useStyles = createStyles(function (_ref) {
5
5
  var css = _ref.css,
6
6
  token = _ref.token;
7
7
  return {
8
- root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 24px;\n background-color: ", ";\n border-radius: ", "px;\n box-shadow: ", ";\n "])), token.colorBgBase, token.borderRadius, token.boxShadowTertiary)
8
+ root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: ", "px;\n background-color: ", ";\n border-radius: ", "px;\n box-shadow: ", ";\n "])), token.padding, token.colorBgBase, token.borderRadius, token.boxShadowTertiary)
9
9
  };
10
10
  }, {
11
11
  hashPriority: 'low'
@@ -18,7 +18,7 @@ export interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElemen
18
18
  descriptions?: {
19
19
  icon: {
20
20
  content: React.ReactNode;
21
- tooltip: string;
21
+ tooltip?: string;
22
22
  };
23
23
  text: React.ReactNode;
24
24
  }[];
@@ -130,10 +130,14 @@ export var PageHeader = function PageHeader(props) {
130
130
  className: styles.icon,
131
131
  src: icon
132
132
  }), /*#__PURE__*/_jsxs(Flex, {
133
+ className: styles.content,
133
134
  flex: "2",
134
135
  justify: "space-between",
135
136
  vertical: true,
136
- children: [renderTitle(), /*#__PURE__*/_jsxs(Flex, {
137
+ children: [/*#__PURE__*/_jsx("div", {
138
+ className: styles.titleBox,
139
+ children: renderTitle()
140
+ }), /*#__PURE__*/_jsxs(Flex, {
137
141
  align: "center",
138
142
  className: styles.descriptions,
139
143
  gap: 4,
@@ -1,6 +1,8 @@
1
1
  export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
2
2
  root: import("antd-style").SerializedStyles;
3
3
  icon: import("antd-style").SerializedStyles;
4
+ content: import("antd-style").SerializedStyles;
5
+ titleBox: import("antd-style").SerializedStyles;
4
6
  title: import("antd-style").SerializedStyles;
5
7
  descriptions: import("antd-style").SerializedStyles;
6
8
  rightButtons: import("antd-style").SerializedStyles;
@@ -1,16 +1,18 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
2
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
3
3
  import { createStyles } from 'antd-style';
4
4
  export var useStyles = createStyles(function (_ref) {
5
5
  var css = _ref.css,
6
6
  token = _ref.token,
7
7
  prefixCls = _ref.prefixCls;
8
8
  return {
9
- root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 16px 24px;\n background-color: ", ";\n border-radius: ", "px;\n box-shadow: ", ";\n "])), token.colorBgBase, token.borderRadius, token.boxShadowTertiary),
9
+ root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: ", "px;\n /* background-color: ", ";\n border-radius: ", "px;\n box-shadow: ", "; */\n "])), token.padding, token.colorBgBase, token.borderRadius, token.boxShadowTertiary),
10
10
  icon: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: 64px;\n height: 64px;\n background-color: ", ";\n border-radius: ", "px;\n "])), token.colorFillTertiary, token.borderRadiusLG),
11
- title: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n font-size: ", "px;\n font-weight: 700;\n "])), token.fontSizeHeading5),
12
- descriptions: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n font-size: ", "px;\n color: ", ";\n .", "-badge.", "-badge-status {\n font-size: ", "px;\n & > .", "-badge-status-text {\n font-size: ", "px;\n color: ", ";\n }\n }\n "])), token.fontSize, token.colorTextSecondary, prefixCls, prefixCls, token.fontSize, prefixCls, token.fontSize, token.colorTextSecondary),
13
- rightButtons: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n justify-content: flex-end;\n "])))
11
+ content: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding: ", "px 0;\n "])), token.paddingXXS),
12
+ titleBox: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-bottom: ", "px;\n "])), token.marginSM),
13
+ title: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n font-size: ", "px;\n font-weight: 700;\n "])), token.fontSizeHeading5),
14
+ descriptions: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n font-size: ", "px;\n color: ", ";\n .", "-badge.", "-badge-status {\n font-size: ", "px;\n & > .", "-badge-status-text {\n font-size: ", "px;\n color: ", ";\n }\n }\n "])), token.fontSize, token.colorTextSecondary, prefixCls, prefixCls, token.fontSize, prefixCls, token.fontSize, token.colorTextSecondary),
15
+ rightButtons: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n justify-content: flex-end;\n "])))
14
16
  };
15
17
  }, {
16
18
  hashPriority: 'low'
@@ -1,4 +1,3 @@
1
1
  export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
2
2
  root: import("antd-style").SerializedStyles;
3
- content: import("antd-style").SerializedStyles;
4
3
  }>;
package/es/Page/style.js CHANGED
@@ -1,12 +1,11 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2;
2
+ var _templateObject;
3
3
  import { createStyles } from 'antd-style';
4
4
  export var useStyles = createStyles(function (_ref) {
5
5
  var css = _ref.css,
6
6
  token = _ref.token;
7
7
  return {
8
- root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: inherit;\n height: 100%;\n min-height: inherit;\n padding: 20px 20px 32px;\n "]))),
9
- content: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 16px 24px;\n background-color: ", ";\n border-radius: ", "px;\n box-shadow: ", ";\n "])), token.colorBgBase, token.borderRadius, token.boxShadowTertiary)
8
+ root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: inherit;\n height: 100%;\n min-height: inherit;\n padding: ", "px ", "px ", "px;\n "])), token.padding, token.paddingLG, token.paddingXL)
10
9
  };
11
10
  }, {
12
11
  hashPriority: 'low'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yuntijs/ui",
3
- "version": "1.0.0-beta.22",
3
+ "version": "1.0.0-beta.24",
4
4
  "description": "☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps",
5
5
  "keywords": [
6
6
  "yuntijs",