@akinon/ui-theme 0.6.0 → 1.0.0

package/dist/esm/types.d.ts

@@ -0,0 +1,565 @@
+import { ComponentToken as AntdAlertToken } from 'antd/lib/alert/style';
+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';
+import { ComponentToken as AntdTooltipToken } from 'antd/lib/tooltip/style';
+
+type PositionTypes = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
+
+export type ButtonToken = AntdButtonToken<
+  Omit<AntdButtonToken, 'contentLineHeight'>
+> &
+  AliasToken & {
+    colorText: string;
+    colorTextHover: string;
+    defaultBgSm: string;
+    defaultBgSmHover: string;
+    colorErrorBgSM: string;
+    colorErrorBgSMHover: string;
+    colorErrorSMHover: string;
+    contentLineHeight: number | string;
+  };
+
+export type CheckboxToken = AntdCheckboxToken &
+  AliasToken & {
+    colorChecked: string;
+  };
+
+export type RadioToken = AntdRadioToken &
+  AliasToken & {
+    colorChecked: string;
+    buttonSolidCheckedBorder: string;
+  };
+
+export type BadgeToken = AntdBadgeToken &
+  AliasToken & {
+    colorText: string;
+  };
+
+export type InputToken = AntdInputToken &
+  AliasToken & {
+    fontWeight: number;
+  };
+
+export type BreadcrumbToken = AntdBreadcrumbToken &
+  AliasToken & {
+    paddingBottom: number;
+    borderBottom: string;
+    paddingLeft: number;
+    paddingRight: number;
+    marginLeft: number;
+    marginRight: number;
+    fontWeight: number;
+    letterSpacing: number;
+    borderBottom: string;
+    marginInline: number;
+    height: number | string;
+  };
+
+export type TagToken = AntdTagToken &
+  AliasToken & {
+    defaultColorSuccess: string;
+    defaultBorderColorSuccess: string;
+    defaultBgSuccess: string;
+    defaultColorWaiting1: string;
+    defaultBorderColorWaiting1: string;
+    defaultBgWaiting1: string;
+    defaultColorWaiting2: string;
+    defaultBorderColorWaiting2: string;
+    defaultBgWaiting2: string;
+    defaultColorWaiting3: string;
+    defaultBorderColorWaiting3: string;
+    defaultBgWaiting3: string;
+    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 &
+  AliasToken & {
+    bgColor: string;
+  };
+
+export type FlexToken = AntdFlexToken & AliasToken;
+
+export type GridToken = AntdGridToken &
+  AliasToken & {
+    rowMaxWidth: number;
+    gutter: number;
+  };
+
+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;
+  };
+
+export type AlertToken = AntdAlertToken &
+  AliasToken & {
+    defaultColorSuccess: string;
+    defaultBorderColorSuccess: string;
+    defaultBgSuccess: string;
+    defaultColorWaiting1: string;
+    defaultBorderColorWaiting1: string;
+    defaultBgWaiting1: string;
+    defaultColorWaiting2: string;
+    defaultBorderColorWaiting2: string;
+    defaultBgWaiting2: string;
+    defaultColorWaiting3: string;
+    defaultBorderColorWaiting3: string;
+    defaultBgWaiting3: string;
+    defaultColorFailed: string;
+    defaultBorderColorFailed: string;
+    defaultBgFailed: string;
+  };
+
+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;
+    paddingInlineEnd?: string;
+    tailTop?: string;
+    tailHeight?: string;
+    titleFontSize?: string;
+    iconColor?: string;
+    tailColor?: string;
+    tailLastChildColor?: string;
+    tailFirstChildColor?: string;
+    tailProcessFirstChildColor?: string;
+    tailProcessColor?: string;
+    tailWaitLastChildColor?: string;
+    tailWaitMiddleChildColor?: string;
+    tailErrorChildColor?: string;
+    finishIconBgColor?: string;
+    finishTailColor?: string;
+    processIconBgColor?: string;
+    waitIconBgColor?: string;
+    waitIconColor?: string;
+    waitTitleColor?: string;
+    waitTailColor?: string;
+    errorIconBgColor?: string;
+    manyItemsTransform?: string;
+    manyItemsWidth?: string;
+    manyItemsHeight?: string;
+    manyItemsWhiteSpace?: string;
+    manyItemsMarginInlineStart?: string;
+    manyItemsIconWidthHeight?: string;
+    manyItemsTailHeight?: string;
+    manyItemsTailBottom?: string;
+  };
+
+export type FormToken = AntdFormToken &
+  AliasToken & {
+    lineHeight: number | string;
+    fontWeight: number;
+    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;
+    none: string;
+    unset: string;
+    iconPosition: string;
+    mainBorder: string;
+    mainMenuExpandIconSize: string;
+    mainMenuIconSize: string;
+    mainMenuColor: string;
+    mainMenuFontWeight: string;
+    subMenuTitleColor: string;
+    subMenuTitleIconMargin: string;
+    subMenuItemSelectedChildColor: string;
+    subMenufontWeigth: string;
+    subMenuOnlyChildSize: string;
+    subMenuOnlyChildRadius: string;
+    subMenuOnlyChildBgColor: string;
+    subMenuOnlyChildMargin: string;
+    subMenuOnlyChildOpacity: string;
+    subMenuIconSize: string;
+    childMenuItemSelectedChildWidth: string;
+    childMenuItemSelectedChildHeight: string;
+    childMenuItemSelectedChildRadius: string;
+    childMenuItemSelectedChildMargin: string;
+    childMenuItemSelectedChildOpacity: string;
+    childMenuItemSelectedChildBgColor: string;
+  };
+
+export type DatePickerToken = AntdDatePickerToken &
+  AliasToken & {
+    general: {
+      fontSize: string;
+      fontWeight: string;
+      fontColor: string;
+      bgDarkBlue: string;
+      wideBorder: string;
+      itemCenter: string;
+      inputMarginBottom: string;
+      inputPadding: string;
+      lightThemeBorder: string;
+    };
+    title: {
+      lightColor: string;
+    };
+    pickerTriangle: {
+      transform: string;
+      beforeTop: string;
+      beforeBorderX: string;
+      beforeBorderBottom: string;
+      beforeZIndex: string;
+      afterTop: string;
+      afterBorderX: string;
+      afterBorderBottom: string;
+      afterZIndex: 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;
+        rangeDirection: 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;
+
+export type CustomTokens = {
+  layout: {
+    displayFlex: string;
+    displayGrid: string;
+    displayBlock: string;
+    displayInline: string;
+    displayInlineBlock: string;
+    displayNone: string;
+    positionAbsolute: string;
+    positionRelative: string;
+    positionFixed: string;
+    positionSticky: string;
+    positionStatic: 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;
+    textDecorationUnderline: string;
+    textDecorationOverline: string;
+    textDecorationLineThrough: string;
+  };
+  sizing: {
+    sizeMaxContent: string;
+    sizeMinContent: string;
+    sizeFitContent: string;
+    valueFull: string;
+    valueThreeQuarter: string;
+    valueHalf: string;
+    valueQuarter: string;
+    valueZero: string;
+    valueAuto: string;
+  };
+  others: {
+    colorTransparent: string;
+    valueHidden: string;
+    valueUnset: string;
+    emptyContent: string;
+    lineHeightShort: string;
+    lineHeightTall: string;
+  };
+  border: {
+    borderNone: string;
+    borderSolid: string;
+    borderDashed: string;
+    borderDotted: string;
+    borderWidthThin: string;
+    borderWidthThick: string;
+  };
+  overflow: {
+    overflowVisible: string;
+    overflowHidden: string;
+    overflowScroll: string;
+  };
+};
+
+export type PaginationToken = AntdPaginationToken &
+  AliasToken & {
+    zero: string;
+    none: string;
+    unset: string;
+    maxContent: string;
+    fontSize: string;
+    transparent: string;
+    displayFlex: string;
+    displayFlexRow: string;
+    displayContents: string;
+    displayGrid: string;
+    center: string;
+    full: string;
+    lineHeight: string;
+    auto: string;
+    hidden: string;
+    Simple: {
+      minWidth: string;
+      fontWeight: string;
+      color: string;
+      input: {
+        textColor: string;
+        fontWeight: string;
+      };
+      prevNextButton: {
+        svgWidth: string;
+        svgHeight: string;
+        svgFill: string;
+      };
+      slashPadding: string;
+      lightInputTextColor: string;
+      darkInputTextColor: string;
+    };
+    Table: {
+      totalText: {
+        width: string;
+        fontWeight: string;
+        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;
+        width: string;
+        colGap: string;
+        border: string;
+        borderRadius: string;
+        item1: {
+          bgColor: string;
+          textColor: string;
+          padding: string;
+        };
+        item2: {
+          textColor: string;
+          fontWeight: string;
+        };
+        icon: {
+          bgColor: string;
+          textColor: string;
+          width: string;
+          position: string;
+          fontWeight: string;
+        };
+      };
+    };
+    Jumper: {
+      border: string;
+      bgColor: string;
+      textColor: string;
+      fontWeight: string;
+      minWidth: string;
+      height: string;
+      spanVisibility: string;
+      spanWhiteSpace: string;
+      spanPosition: string;
+    };
+  };
+
+export type SelectToken = AntdSelectToken &
+  AliasToken & {
+    selectedOptionColor: string;
+    selectItemBorderShadowColor: string;
+    selectItemBgColor: string;
+    selectItemHoverBgColor: string;
+  };
+
+export type TableToken = AntdTableToken & AliasToken & {};
+
+export type GlobalToken = AntdGlobalToken & {
+  Button: ButtonToken;
+  Checkbox: CheckboxToken;
+  Radio: RadioToken;
+  Input: InputToken;
+  Breadcrumb: BreadcrumbToken;
+  Tag: TagToken;
+  Tooltip: TooltipToken;
+  Flex: FlexToken;
+  Grid: GridToken;
+  Layout: LayoutToken;
+  Spin: SpinToken;
+  Modal: ModalToken;
+  Alert: AlertToken;
+  Badge: BadgeToken;
+  Progress: ProgressToken;
+  Steps: StepsToken;
+  Form: FormToken;
+  Divider: DividerToken;
+  DatePicker: DatePickerToken;
+  Menu: MenuToken;
+  Pagination: PaginationToken;
+  Upload: UploadToken;
+  CustomTokens: CustomTokens;
+  Select: SelectToken;
+  Table: TableToken;
+};
+
+/**
+ * This is a type that is used to prevent the use of custom styles.
+ * Type name joke is stolen from React's internal props.
+ */
+export type DO_NOT_USE_OR_YOU_WILL_BE_FIRED_INTERNAL_STYLE = {
+  [key: string]: never;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/ui-theme",
-  "version": "0.6.0",
+  "version": "1.0.0",
   "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.3.0"
+    "typescript": "*",
+    "@akinon/typescript-config": "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"
   }