@akinon/ui-divider 0.4.0 → 1.0.0

package/dist/cjs/index.d.ts

@@ -1,4 +1,10 @@
 import * as React from 'react';
 import type { DividerProps } from './types';
+export type * from './types';
+/**
+ * The `Divider` component provides a way to visually separate content within a layout.
+ * It supports both horizontal and vertical orientations and can include optional text or content within the divider.
+ * Additional customization options like dashed lines and alignment make it versatile for various design needs.
+ */
 export declare const Divider: ({ children, plainOffset, ...antdProps }: DividerProps) => React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,OAAO,4CAIjB,YAAY,sBA6Cd,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,mBAAmB,SAAS,CAAC;AAE7B;;;;GAIG;AAEH,eAAO,MAAM,OAAO,4CAIjB,YAAY,sBA6Cd,CAAC"}

package/dist/cjs/index.js

@@ -16,6 +16,11 @@ const ui_theme_1 = require("@akinon/ui-theme");
 const cssinjs_1 = require("@ant-design/cssinjs");
 const antd_1 = require("antd");
 const React = require("react");
+/**
+ * The `Divider` component provides a way to visually separate content within a layout.
+ * It supports both horizontal and vertical orientations and can include optional text or content within the divider.
+ * Additional customization options like dashed lines and alignment make it versatile for various design needs.
+ */
 const Divider = (_a) => {
     var { children, plainOffset } = _a, antdProps = __rest(_a, ["children", "plainOffset"]);
     const { getPrefixCls, theme } = React.useContext(antd_1.ConfigProvider.ConfigContext);

package/dist/cjs/types.d.ts

@@ -0,0 +1,59 @@
+import { DO_NOT_USE_OR_YOU_WILL_BE_FIRED_INTERNAL_STYLE } from '@akinon/ui-theme';
+
+export type DividerProps = {
+  /**
+   * Select the type of divider.
+   * @default 'horizontal'
+   */
+  type?: 'horizontal' | 'vertical';
+
+  /**
+   * Select the orientation of divider.
+   * @default 'left'
+   */
+  orientation?: 'left' | 'right' | 'center';
+
+  /**
+   * The margin of divider relative to orientation.
+   */
+  orientationMargin?: string | number;
+
+  /**
+   * Whether the divider is plain.
+   * @default false
+   */
+  plain?: boolean;
+
+  /**
+   * Whether the divider is dashed.
+   * @default false
+   */
+  dashed?: boolean;
+
+  /**
+   * The negative offset of plain divider.
+   * Use this prop to set the negative inline margin of plain divider.
+   */
+  plainOffset?: number;
+
+  /**
+   * The class name of the divider.
+   */
+  className?: string;
+
+  /**
+   * The root class name of the divider.
+   */
+  rootClassName?: string;
+
+  /**
+   * The children of the divider.
+   */
+  children?: React.ReactNode;
+
+  /**
+   * Internal styling property restricted by the Akinon design system.
+   * @ignore
+   */
+  style?: DO_NOT_USE_OR_YOU_WILL_BE_FIRED_INTERNAL_STYLE;
+};

package/dist/esm/index.d.ts

@@ -1,4 +1,10 @@
 import * as React from 'react';
 import type { DividerProps } from './types';
+export type * from './types';
+/**
+ * The `Divider` component provides a way to visually separate content within a layout.
+ * It supports both horizontal and vertical orientations and can include optional text or content within the divider.
+ * Additional customization options like dashed lines and alignment make it versatile for various design needs.
+ */
 export declare const Divider: ({ children, plainOffset, ...antdProps }: DividerProps) => React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,OAAO,4CAIjB,YAAY,sBA6Cd,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,mBAAmB,SAAS,CAAC;AAE7B;;;;GAIG;AAEH,eAAO,MAAM,OAAO,4CAIjB,YAAY,sBA6Cd,CAAC"}

package/dist/esm/index.js

@@ -13,6 +13,11 @@ import { useToken } from '@akinon/ui-theme';
 import { useStyleRegister } from '@ant-design/cssinjs';
 import { ConfigProvider, Divider as AntDivider } from 'antd';
 import * as React from 'react';
+/**
+ * The `Divider` component provides a way to visually separate content within a layout.
+ * It supports both horizontal and vertical orientations and can include optional text or content within the divider.
+ * Additional customization options like dashed lines and alignment make it versatile for various design needs.
+ */
 export const Divider = (_a) => {
     var { children, plainOffset } = _a, antdProps = __rest(_a, ["children", "plainOffset"]);
     const { getPrefixCls, theme } = React.useContext(ConfigProvider.ConfigContext);

package/dist/esm/types.d.ts

@@ -0,0 +1,59 @@
+import { DO_NOT_USE_OR_YOU_WILL_BE_FIRED_INTERNAL_STYLE } from '@akinon/ui-theme';
+
+export type DividerProps = {
+  /**
+   * Select the type of divider.
+   * @default 'horizontal'
+   */
+  type?: 'horizontal' | 'vertical';
+
+  /**
+   * Select the orientation of divider.
+   * @default 'left'
+   */
+  orientation?: 'left' | 'right' | 'center';
+
+  /**
+   * The margin of divider relative to orientation.
+   */
+  orientationMargin?: string | number;
+
+  /**
+   * Whether the divider is plain.
+   * @default false
+   */
+  plain?: boolean;
+
+  /**
+   * Whether the divider is dashed.
+   * @default false
+   */
+  dashed?: boolean;
+
+  /**
+   * The negative offset of plain divider.
+   * Use this prop to set the negative inline margin of plain divider.
+   */
+  plainOffset?: number;
+
+  /**
+   * The class name of the divider.
+   */
+  className?: string;
+
+  /**
+   * The root class name of the divider.
+   */
+  rootClassName?: string;
+
+  /**
+   * The children of the divider.
+   */
+  children?: React.ReactNode;
+
+  /**
+   * Internal styling property restricted by the Akinon design system.
+   * @ignore
+   */
+  style?: DO_NOT_USE_OR_YOU_WILL_BE_FIRED_INTERNAL_STYLE;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/ui-divider",
-  "version": "0.4.0",
+  "version": "1.0.0",
   "private": false,
   "type": "module",
   "main": "dist/esm/index.js",
@@ -9,15 +9,15 @@
     "dist"
   ],
   "dependencies": {
-    "antd": "5.17.0"
+    "antd": "5.22.6"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.5",
-    "typescript": "^5.2.2",
-    "@akinon/ui-theme": "0.6.0",
-    "@akinon/typescript-config": "0.3.0"
+    "typescript": "*",
+    "@akinon/typescript-config": "1.0.0",
+    "@akinon/ui-theme": "1.0.0"
   },
   "peerDependencies": {
     "react": ">=18",
@@ -37,7 +37,7 @@
     "build": "pnpm run build:esm && pnpm run build:commonjs && pnpm run copy:files",
     "build:esm": "tsc --outDir dist/esm",
     "build:commonjs": "tsc --module commonjs --outDir dist/cjs",
-    "copy:files": "copyfiles -u 1 src/**/*.css dist/esm && copyfiles -u 1 src/**/*.css dist/cjs",
+    "copy:files": "copyfiles -u 1 \"src/**/*.!(ts|tsx)\" dist/esm && copyfiles -u 1 \"src/**/*.!(ts|tsx)\" dist/cjs",
     "clean": "rimraf dist/",
     "typecheck": "tsc --noEmit"
   }