@akinon/ui-theme 0.7.0 → 1.0.1

package/dist/esm/types.d.ts

@@ -3,15 +3,20 @@ import { ComponentToken as AntdBadgeToken } from 'antd/lib/badge/style';
 import { ComponentToken as AntdBreadcrumbToken } from 'antd/lib/breadcrumb/style';
 import { ComponentToken as AntdButtonToken } from 'antd/lib/button/style';
 import { ComponentToken as AntdCheckboxToken } from 'antd/lib/checkbox/style';
+import { ComponentToken as AntdDatePickerToken } from 'antd/lib/date-picker/style';
 import { ComponentToken as AntdFlexToken } from 'antd/lib/flex/style';
 import { ComponentToken as AntdGridToken } from 'antd/lib/grid/style';
 import { ComponentToken as AntdInputToken } from 'antd/lib/input/style';
 import { ComponentToken as AntdLayoutToken } from 'antd/lib/layout/style';
+import { ComponentToken as AntdMenuToken } from 'antd/lib/modal/style';
 import { ComponentToken as AntdModalToken } from 'antd/lib/modal/style';
+import { ComponentToken as AntdPaginationToken } from 'antd/lib/progress/style';
 import { ComponentToken as AntdProgressToken } from 'antd/lib/progress/style';
 import { ComponentToken as AntdRadioToken } from 'antd/lib/radio/style';
+import { ComponentToken as AntdSelectToken } from 'antd/lib/select/style';
 import { ComponentToken as AntdSpinToken } from 'antd/lib/spin/style';
 import { ComponentToken as AntdStepsToken } from 'antd/lib/steps/style';
+import { ComponentToken as AntdTableToken } from 'antd/lib/table/style';
 import { ComponentToken as AntdTagToken } from 'antd/lib/tag/style';
 import { GlobalToken as AntdGlobalToken } from 'antd/lib/theme/interface';
 import { AliasToken } from 'antd/lib/theme/internal';
@@ -19,7 +24,9 @@ import { ComponentToken as AntdTooltipToken } from 'antd/lib/tooltip/style';
 
 type PositionTypes = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
 
-export type ButtonToken = AntdButtonToken &
+export type ButtonToken = AntdButtonToken<
+  Omit<AntdButtonToken, 'contentLineHeight'>
+> &
   AliasToken & {
     colorText: string;
     colorTextHover: string;
@@ -28,6 +35,7 @@ export type ButtonToken = AntdButtonToken &
     colorErrorBgSM: string;
     colorErrorBgSMHover: string;
     colorErrorSMHover: string;
+    contentLineHeight: number | string;
   };
 
 export type CheckboxToken = AntdCheckboxToken &
@@ -62,8 +70,6 @@ export type BreadcrumbToken = AntdBreadcrumbToken &
     fontWeight: number;
     letterSpacing: number;
     borderBottom: string;
-    marginInline: number;
-    height: number | string;
   };
 
 export type TagToken = AntdTagToken &
@@ -83,13 +89,15 @@ export type TagToken = AntdTagToken &
     defaultColorFailed: string;
     defaultBorderColorFailed: string;
     defaultBgFailed: string;
+    defaultColorEmpty: string;
+    defaultBorderColorEmpty: string;
+    defaultBgEmpty: string;
     fontSize: number;
     paddingLeft: number;
     paddingRight: number;
     paddingTop: number;
     paddingBottom: number;
     fontSizeClose: number;
-    fontWeight: number;
   };
 
 export type TooltipToken = AntdTooltipToken &
@@ -105,28 +113,24 @@ export type GridToken = AntdGridToken &
     gutter: number;
   };
 
-export type LayoutToken = AntdLayoutToken & AliasToken;
+export type LayoutToken = AntdLayoutToken &
+  AliasToken & {
+    mainBorder: string;
+  };
 
 export type SpinToken = AntdSpinToken & AliasToken;
 
 export type ModalToken = AntdModalToken &
   AliasToken & {
     padding: number | string;
-    fontWeight: number;
     borderBottom: string;
     footerPadding: string;
     closeIconColor: string;
-    contentPadding: string;
-    footerMarginTop: string;
     closeTop: string;
     closeRight: string;
-    headerMarginBottom: number;
-    badgeColorContent: string;
     badgeColorTop: number;
-    badgeColorLeft: number;
     badgeColorWidth: number;
     badgeColorHeight: number;
-    badgeColorPosition: PositionTypes;
     badgeColorBackgroundColor: string;
   };
 
@@ -153,18 +157,12 @@ export type ProgressToken = AntdProgressToken &
   AliasToken & {
     strokeColor: string;
     trailColor: string;
-    borderRadius: string;
     height: string;
     successBgColor: string;
   };
 
 export type StepsToken = AntdStepsToken &
   AliasToken & {
-    zero?: string;
-    auto?: string;
-    none?: string;
-    full?: string;
-    flex?: string;
     rowGap?: string;
     iconWidthHeight?: string;
     iconSize?: string;
@@ -179,6 +177,8 @@ export type StepsToken = AntdStepsToken &
     tailProcessFirstChildColor?: string;
     tailProcessColor?: string;
     tailWaitLastChildColor?: string;
+    tailWaitMiddleChildColor?: string;
+    tailErrorChildColor?: string;
     finishIconBgColor?: string;
     finishTailColor?: string;
     processIconBgColor?: string;
@@ -186,10 +186,10 @@ export type StepsToken = AntdStepsToken &
     waitIconColor?: string;
     waitTitleColor?: string;
     waitTailColor?: string;
+    errorIconBgColor?: string;
     manyItemsTransform?: string;
     manyItemsWidth?: string;
     manyItemsHeight?: string;
-    manyItemsWhiteSpace?: string;
     manyItemsMarginInlineStart?: string;
     manyItemsIconWidthHeight?: string;
     manyItemsTailHeight?: string;
@@ -203,6 +203,291 @@ export type FormToken = AntdFormToken &
     verticalErrorPadding: string;
   };
 
+export type MenuToken = AntdMenuToken &
+  AliasToken & {
+    minWidth: string;
+    lightItemBg: string;
+    lightItemMainIconColor: string;
+    lightItemMainTitle: string;
+    LightSubItemBg: string;
+    lightSubTitleColor: string;
+    lightSubIconColor: string;
+    lightchildItemBg: string;
+    lightChildItemColor: string;
+    lightSubTitleColor: string;
+    mainBorder: string;
+    mainMenuExpandIconSize: string;
+    mainMenuIconSize: string;
+    mainMenuColor: string;
+    subMenuTitleColor: string;
+    subMenuTitleIconMargin: string;
+    subMenuItemSelectedChildColor: string;
+    subMenuOnlyChildSize: string;
+    subMenuOnlyChildBgColor: string;
+    subMenuOnlyChildMargin: string;
+    subMenuIconSize: string;
+    childMenuItemSelectedChildWidth: string;
+    childMenuItemSelectedChildHeight: string;
+    childMenuItemSelectedChildRadius: string;
+    childMenuItemSelectedChildMargin: string;
+    childMenuItemSelectedChildBgColor: string;
+  };
+
+export type DatePickerToken = AntdDatePickerToken &
+  AliasToken & {
+    general: {
+      fontSize: string;
+      fontColor: string;
+      bgDarkBlue: string;
+      wideBorder: string;
+      inputMarginBottom: string;
+      inputPadding: string;
+      lightThemeBorder: string;
+    };
+    title: {
+      lightColor: string;
+    };
+    pickerPanel: {
+      shadow: string;
+      width: string;
+      header: {
+        marginY: string;
+        padding: string;
+        textSize: string;
+        textColor: string;
+        arrawWidth: string;
+        arrowPaddingLeft: string;
+        arrowPaddingRight: string;
+        datePickerarrowPadding: string;
+      };
+      body: {
+        padding: string;
+      };
+      content: {
+        tableHeaderBorder: string;
+        tableHeaderFontSize: string;
+        tableHeaderFontColor: string;
+        tableHeaderWidth: string;
+        tableHeaderPaddingBottom: string;
+      };
+      row: {
+        marginY: string;
+        previousCellWidth: string;
+        cellLineHeight: string;
+        cellFontWeight: string;
+        cellTextColor: string;
+        cellBg: string;
+        cellBorder: string;
+        cellBorderRadius: string;
+      };
+      separator: {
+        width: string;
+        height: string;
+        backgroundColor: string;
+      };
+      range: {
+        iconPosition: string;
+        iconTransform: string;
+        inputPadding: string;
+        inputRadius: string;
+      };
+      footer: {
+        margin: string;
+        lineHeight: string;
+        fontSize: string;
+        padding: string;
+        border: string;
+        borderRadius: string;
+        datePickerBorderTop: string;
+        datePickerPadding: string;
+        rangeColGap: string;
+        rangeBorder: string;
+        rangePadding: string;
+        rangeCol: string;
+        rangeInputPadding: string;
+        rangeInputRadius: string;
+      };
+    };
+  };
+
+export type DividerToken = AntdDividerToken &
+  AliasToken & {
+    fontWeight: number;
+  };
+
+export type UploadToken = AntdUploadToken &
+  AliasToken & {
+    svgColor: string;
+  };
+
+export type CustomTokens = {
+  layout: {
+    displayFlex: string;
+    displayGrid: string;
+    displayBlock: string;
+    displayInline: string;
+    displayInlineBlock: string;
+    displayNone: string;
+    displayContents: string;
+    positionAbsolute: string;
+    positionRelative: string;
+    positionFixed: string;
+    positionSticky: string;
+    positionStatic: string;
+    flexStart: string;
+    flexCenter: string;
+    flexDirectionRow: string;
+    flexDirectionRowReverse: string;
+    flexDirectionColumn: string;
+    flexDirectionColumnReverse: string;
+  };
+  typography: {
+    textTransformUppercase: string;
+    textTransformLowercase: string;
+    textTransformCapitalize: string;
+    textAlignLeft: string;
+    textAlignCenter: string;
+    textAlignRight: string;
+    textAlignJustify: string;
+    whiteSpaceNormal: string;
+    whiteSpaceNoWrap: string;
+    whiteSpacePre: string;
+    whiteSpacePreLine: string;
+    whiteSpacePreWrap: string;
+    whiteSpaceBreakSpaces: string;
+    wordBreak: string;
+    textDecorationUnderline: string;
+    textDecorationOverline: string;
+    textDecorationLineThrough: string;
+    fontWeightBold: string;
+    fontWeightMedium: string;
+  };
+  sizing: {
+    sizeMaxContent: string;
+    sizeMinContent: string;
+    sizeFitContent: string;
+    valueFull: string;
+    valueThreeQuarter: string;
+    valueHalf: string;
+    valueQuarter: string;
+    valueZero: string;
+    valueAuto: string;
+    valueInherit: string;
+  };
+  others: {
+    colorTransparent: string;
+    valueHidden: string;
+    valueUnset: string;
+    emptyContent: string;
+    lineHeightShort: string;
+    lineHeightTall: string;
+    cursorNotAllowed: string;
+    cursorPointer: string;
+    verticalAlignMiddle: string;
+    opacityFull: string;
+    opacityNone: string;
+  };
+  border: {
+    borderNone: string;
+    borderSolid: string;
+    borderDashed: string;
+    borderDotted: string;
+    borderWidthThin: string;
+    borderWidthThick: string;
+    borderRadiusSm: string;
+  };
+  overflow: {
+    overflowVisible: string;
+    overflowHidden: string;
+    overflowScroll: string;
+  };
+};
+
+export type PaginationToken = AntdPaginationToken &
+  AliasToken & {
+    fontSize: string;
+    Simple: {
+      minWidth: string;
+      fontWeight: string;
+      color: string;
+      input: {
+        textColor: string;
+      };
+      prevNextButton: {
+        svgWidth: string;
+        svgFill: string;
+      };
+      slashPadding: string;
+      lightInputTextColor: string;
+      darkInputTextColor: string;
+    };
+    Table: {
+      totalText: {
+        color: string;
+        margin: string;
+      };
+      prevNextButton: {
+        svgWidth: string;
+        svgFill: string;
+        svgPadding: string;
+        svgBorder: string;
+        prevSvgBorderRadius: string;
+        nextSvgBorderRadius: string;
+      };
+      pageInfo: {
+        border: string;
+        padding: string;
+        currentPageBgColor: string;
+        currentPageMinWidth: string;
+        currentPageTextColor: string;
+        currentPageFontWeight: string;
+        totalPageBgColor: string;
+        totalPageTextColor: string;
+      };
+      sizeChanger: {
+        bgColor: string;
+        textColor: string;
+        colGap: string;
+        border: string;
+        borderRadius: string;
+        item1: {
+          bgColor: string;
+          textColor: string;
+          padding: string;
+        };
+        item2: {
+          textColor: string;
+        };
+        icon: {
+          bgColor: string;
+          textColor: string;
+          width: string;
+        };
+      };
+    };
+    Jumper: {
+      border: string;
+      bgColor: string;
+      textColor: string;
+      minWidth: string;
+      height: string;
+    };
+  };
+
+export type SelectToken = AntdSelectToken &
+  AliasToken & {
+    selectedOptionColor: string;
+    selectItemBorderShadowColor: string;
+    selectItemBgColor: string;
+    selectItemHoverBgColor: string;
+  };
+
+export type TableToken = AntdTableToken & AliasToken & {};
+
+export type NavCardToken = AliasToken & {
+  shadow: string;
+};
+
 export type GlobalToken = AntdGlobalToken & {
   Button: ButtonToken;
   Checkbox: CheckboxToken;
@@ -222,13 +507,16 @@ export type GlobalToken = AntdGlobalToken & {
   Steps: StepsToken;
   Form: FormToken;
   Divider: DividerToken;
+  DatePicker: DatePickerToken;
+  Menu: MenuToken;
+  Pagination: PaginationToken;
+  Upload: UploadToken;
+  CustomTokens: CustomTokens;
+  Select: SelectToken;
+  Table: TableToken;
+  NavCardTokens: NavCardToken;
 };
 
-export type DividerToken = AntdDividerToken &
-  AliasToken & {
-    fontWeight: number;
-  };
-
 /**
  * This is a type that is used to prevent the use of custom styles.
  * Type name joke is stolen from React's internal props.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/ui-theme",
-  "version": "0.7.0",
+  "version": "1.0.1",
   "private": false,
   "description": "Akinon UI's default theme values.",
   "type": "module",
@@ -10,14 +10,14 @@
     "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/typescript-config": "0.4.0"
+    "typescript": "*",
+    "@akinon/typescript-config": "1.0.1"
   },
   "peerDependencies": {
     "react": ">=18",