@akinon/ui-divider 0.5.0 → 1.0.1

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,sBA8Cd,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);
@@ -29,18 +34,19 @@ const Divider = (_a) => {
     }, () => {
         const prefixClsWithoutHash = `.${getPrefixCls()}-divider`;
         const prefixCls = `:where(.${hashId})${prefixClsWithoutHash}`;
+        const customTokens = theme.CustomTokens || {};
         return {
             [`${prefixCls}-plain`]: {
                 [`&${prefixCls}-horizontal${prefixClsWithoutHash}-with-text-left`]: {
                     '&:before': {
                         width: plainOffset
                             ? `${plainOffset - dividerToken.textPaddingInline}px`
-                            : 'auto',
+                            : customTokens.sizing.valueAuto,
                         marginInlineStart: plainOffset ? `-${plainOffset}px` : '-40px'
                     },
                     '&:after': {
-                        width: '100%',
-                        marginInlineStart: 0,
+                        width: customTokens.sizing.valueFull,
+                        marginInlineStart: customTokens.sizing.valueZero,
                         marginInlineEnd: plainOffset ? `-${plainOffset}px` : '-40px'
                     }
                 },

package/dist/cjs/types.d.ts

@@ -6,43 +6,53 @@ export type DividerProps = {
    * @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,sBA8Cd,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);
@@ -26,18 +31,19 @@ export const Divider = (_a) => {
     }, () => {
         const prefixClsWithoutHash = `.${getPrefixCls()}-divider`;
         const prefixCls = `:where(.${hashId})${prefixClsWithoutHash}`;
+        const customTokens = theme.CustomTokens || {};
         return {
             [`${prefixCls}-plain`]: {
                 [`&${prefixCls}-horizontal${prefixClsWithoutHash}-with-text-left`]: {
                     '&:before': {
                         width: plainOffset
                             ? `${plainOffset - dividerToken.textPaddingInline}px`
-                            : 'auto',
+                            : customTokens.sizing.valueAuto,
                         marginInlineStart: plainOffset ? `-${plainOffset}px` : '-40px'
                     },
                     '&:after': {
-                        width: '100%',
-                        marginInlineStart: 0,
+                        width: customTokens.sizing.valueFull,
+                        marginInlineStart: customTokens.sizing.valueZero,
                         marginInlineEnd: plainOffset ? `-${plainOffset}px` : '-40px'
                     }
                 },

package/dist/esm/types.d.ts

@@ -6,43 +6,53 @@ export type DividerProps = {
    * @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.5.0",
+  "version": "1.0.1",
   "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.7.0",
-    "@akinon/typescript-config": "0.4.0"
+    "typescript": "*",
+    "@akinon/ui-theme": "1.0.1",
+    "@akinon/typescript-config": "1.0.1"
   },
   "peerDependencies": {
     "react": ">=18",