@akinon/ui-layout 0.6.0 → 1.0.0

package/dist/esm/PageContent/types.d.ts

@@ -1,3 +1,11 @@
 export interface PageContentProps extends React.HTMLAttributes<HTMLDivElement> {
-  children: ReactNode;
+  /**
+   * The content of the page.
+   */
+  children: React.ReactNode;
+
+  /**
+   * The additional css class.
+   */
+  className?: string;
 }

package/dist/esm/PageHeading/index.d.ts

@@ -1,6 +1,9 @@
-import './index.css';
 import * as React from 'react';
 import type { PageHeadingProps } from './types';
-export type { PageHeadingProps } from './types';
+/**
+ * It is used to generate title, description and actions for a standard page.
+ * See the [PageContent](/docs/layout-pagecontent--docs) component for more information.
+ */
 export declare const PageHeading: ({ title, description, actions, className }: PageHeadingProps) => React.JSX.Element;
+export type * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/PageHeading/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/PageHeading/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,WAAW,+CAKrB,gBAAgB,sBAalB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/PageHeading/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;;GAGG;AAEH,eAAO,MAAM,WAAW,+CAKrB,gBAAgB,sBA4BlB,CAAC;AAEF,mBAAmB,SAAS,CAAC"}

package/dist/esm/PageHeading/index.js

@@ -1,10 +1,16 @@
-import './index.css';
-import clsx from 'clsx';
+import { Flex, Space, Typography } from 'antd';
 import * as React from 'react';
+/**
+ * It is used to generate title, description and actions for a standard page.
+ * See the [PageContent](/docs/layout-pagecontent--docs) component for more information.
+ */
 export const PageHeading = ({ title, description, actions, className }) => {
-    return (React.createElement("div", { className: clsx('akinon-page-heading', className) },
-        React.createElement("div", { className: "akinon-page-heading__content" },
-            React.createElement("h1", { className: "akinon-page-heading__title" }, title),
-            description && (React.createElement("p", { className: "akinon-page-heading__description" }, description))),
-        actions && React.createElement("div", { className: "akinon-page-heading__actions" }, actions)));
+    return (React.createElement(Flex, { justify: "space-between", align: "flex-start", className: className, style: {
+            padding: '18px 30px',
+            borderBlockEnd: 'solid 1px var(--color-gray-900)'
+        } },
+        React.createElement(Space, { direction: "vertical", size: 4 },
+            React.createElement(Typography.Title, { level: 4, style: { margin: 0 } }, title),
+            description && (React.createElement(Typography.Paragraph, { type: "secondary", style: { margin: 0, fontSize: 10 } }, description))),
+        actions && React.createElement(Space, null, actions)));
 };

package/dist/esm/PageHeading/types.d.ts

@@ -3,14 +3,17 @@ export interface PageHeadingProps {
    * The title of the PageHeading.
    */
   title: string;
+
   /**
    * The description of the PageHeading.
    */
   description?: string;
+
   /**
    * The action items of the PageHeading.
    */
-  actions?: ReactNode;
+  actions?: React.ReactNode;
+
   /**
    * The additional css class
    */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/ui-layout",
-  "version": "0.6.0",
+  "version": "1.0.0",
   "private": false,
   "type": "module",
   "main": "dist/esm/index.js",
@@ -9,16 +9,16 @@
     "dist"
   ],
   "dependencies": {
-    "antd": "5.17.0",
+    "antd": "5.22.6",
     "clsx": "^2.0.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.5",
-    "typescript": "^5.2.2",
-    "@akinon/typescript-config": "0.4.0",
-    "@akinon/ui-theme": "0.7.0"
+    "typescript": "*",
+    "@akinon/typescript-config": "1.0.0",
+    "@akinon/ui-theme": "1.0.0"
   },
   "peerDependencies": {
     "react": ">=18",