@oceanbase/design 1.0.0-alpha.0 → 1.0.0-alpha.10

package/lib/theme/index.d.ts

@@ -1,71 +1,34 @@
 /// <reference types="react" />
+import { theme } from 'antd';
+import type { Theme } from '@ant-design/cssinjs';
+import type { SeedToken } from 'antd/lib/theme/interface';
+import type { GlobalToken, AliasToken } from './interface';
 export * from 'antd/lib/theme/internal';
 export * from 'antd/lib/theme';
-declare const _default: {
-    defaultSeed: {
-        colorPrimary: string;
-        colorSuccess: string;
-        colorWarning: string;
-        colorError: string;
-        colorInfo: string;
-        colorTextBase: string;
-        colorBgBase: string;
-        colorLink: string;
-        fontFamily: string;
-        fontFamilyCode: string;
-        fontSize: number;
-        lineWidth: number;
-        lineType: string;
-        borderRadius: number;
-        sizeUnit: number;
-        sizeStep: number;
-        sizePopupArrow: number;
-        controlHeight: number;
-        zIndexBase: number;
-        zIndexPopupBase: number;
-        opacityImage: number;
-        motionUnit: number;
-        motionBase: number;
-        motionEaseOutCirc: string;
-        motionEaseInOutCirc: string;
-        motionEaseInOut: string;
-        motionEaseOutBack: string;
-        motionEaseInBack: string;
-        motionEaseInQuint: string;
-        motionEaseOutQuint: string;
-        motionEaseOut: string;
-        wireframe: boolean;
-        motion: boolean;
-        blue: string;
-        purple: string;
-        cyan: string;
-        green: string;
-        magenta: string;
-        pink: string;
-        red: string;
-        orange: string;
-        yellow: string;
-        volcano: string;
-        geekblue: string;
-        lime: string;
-        gold: string;
+declare const _default: Omit<{
+    defaultSeed: import("antd/es/theme/interface/seeds").SeedToken;
+    useToken: () => {
+        theme: Theme<import("antd/es/theme/interface/seeds").SeedToken, import("antd/es/theme/internal").AliasToken>;
+        token: import("antd").GlobalToken;
+        hashId: string;
     };
+    defaultAlgorithm: typeof import("antd/es/theme/themes/default").default;
+    darkAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/interface/seeds").SeedToken, import("antd/es/theme/interface/maps").MapToken>;
+    compactAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/interface/seeds").SeedToken, import("antd/es/theme/interface/maps").MapToken>;
+    getDesignToken: (config?: import("antd").ThemeConfig) => import("antd/es/theme/internal").AliasToken;
     defaultConfig: {
-        token: import("antd/es/theme/internal").SeedToken;
+        token: import("antd/es/theme/interface/seeds").SeedToken;
         override: {
-            override: import("antd/es/theme/internal").SeedToken;
+            override: import("antd/es/theme/interface/seeds").SeedToken;
         };
         hashed: boolean;
     };
+    _internalContext: import("react").Context<import("antd/es/theme/context").DesignTokenProviderProps>;
+}, "useToken"> & {
     useToken: () => {
-        theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/internal").AliasToken>;
-        token: import("antd").GlobalToken;
+        theme: Theme<SeedToken, AliasToken>;
+        token: GlobalToken;
         hashId: string;
     };
-    defaultAlgorithm: typeof import("antd/es/theme/themes/default").default;
-    darkAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/interface").MapToken>;
-    compactAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/interface").MapToken>;
-    getDesignToken: (config?: import("antd").ThemeConfig) => import("antd/es/theme/internal").AliasToken;
-    _internalContext: import("react").Context<import("antd/es/theme/context").DesignTokenProviderProps>;
 };
 export default _default;

package/lib/theme/interface.d.ts

@@ -1 +1,131 @@
+import type { GlobalToken as GlobalTokenTypeUtil, OverrideTokenMap as OverrideTokenTypeUtil, FullToken as FullTokenTypeUtil, TokenMapKey } from '@ant-design/cssinjs-utils';
+import type { AliasToken as AntAliasToken, ComponentTokenMap } from 'antd/es/theme/interface';
 export * from 'antd/es/theme/interface';
+export interface AliasToken extends AntAliasToken {
+    /**
+     * @nameZH 正文的字体粗细
+     * @nameEN Font weight for body text
+     * @desc 控制正文的字体粗细。
+     * @descEN Control the font weight of body text.
+     */
+    fontWeight: number;
+    /**
+     * @nameZH 辅助描述的字体粗细，一般弱于正文
+     * @nameEN Font weight for auxiliary description, usually weaker than body text
+     * @desc 控制辅助描述的字体粗细，一般弱于正文。
+     * @descEN Control the font weight of auxiliary description, usually weaker than body text.
+     */
+    fontWeightWeak: number;
+    /**
+     * @nameZH 等于 fontSize * lineHeight 的值
+     * @nameEN Round of fontSize * lineHeight
+     * @desc 等于 fontSize * lineHeight 的值。
+     * @descEN Round of fontSize * lineHeight.
+     */
+    fontHeight: number;
+    /**
+     * @nameZH MD号圆角
+     * @nameEN MD Border Radius
+     * @desc MD号圆角，用于组件中的一些中圆角，如嵌套 Card、Alert、Tooltip、Dropdown 等一些组件样式。
+     * @descEN MD size border radius, used in some medium border radius components, such as nested Card, Alert, Tooltip, Dropdown etc.
+     * @default 6
+     */
+    borderRadiusMD: number;
+    /**
+     * @nameZH 严重错误色
+     * @nameEN Critical Error Color
+     * @desc 用于表示操作严重失败的 Token 序列，如严重错误告警等。
+     * @descEN Used to represent the visual elements of the operation serious failure, such as critical error alert etc.
+     */
+    colorFuchsia: string;
+    /**
+     * @nameZH 严重错误色的描边色
+     * @nameEN Critical error border color
+     * @desc 严重错误色的描边色
+     * @descEN The border color of the critical error state.
+     */
+    colorFuchsiaBorder: string;
+    /**
+     * @nameZH 严重错误色背景
+     * @nameEN Critical error background color
+     * @desc 严重错误色背景
+     * @descEN The background color of the critical error state.
+     */
+    colorFuchsiaBg: string;
+    /**
+     * @nameZH 严重错误色背景悬停色
+     * @nameEN Critical error background hover color
+     * @desc 严重错误色背景悬停色
+     * @descEN The hover color of the critical error background state.
+     */
+    colorFuchsiaBgHover: string;
+    /**
+     * @nameZH 严重错误色悬停色
+     * @nameEN Critical error hover color
+     * @desc 严重错误色悬停色
+     * @descEN The hover color of the critical error state.
+     */
+    colorFuchsiaHover: string;
+    /**
+     * @nameZH 严重错误色激活色
+     * @nameEN Critical error active color
+     * @desc 严重错误色激活色
+     * @descEN The active color of the critical error state.
+     */
+    colorFuchsiaActive: string;
+    /**
+     * @nameZH 严重错误色文本
+     * @nameEN Critical error text color
+     * @desc 严重错误色文本
+     * @descEN The text color of the critical error state.
+     */
+    colorFuchsiaText: string;
+    white: string;
+    black: string;
+    gray1: string;
+    gray2: string;
+    gray3: string;
+    gray4: string;
+    gray5: string;
+    gray6: string;
+    gray7: string;
+    gray8: string;
+    gray9: string;
+    blue1: string;
+    blue2: string;
+    blue3: string;
+    blue4: string;
+    blue5: string;
+    blue6: string;
+    green1: string;
+    green2: string;
+    green3: string;
+    green4: string;
+    green5: string;
+    green6: string;
+    orange1: string;
+    orange2: string;
+    orange3: string;
+    orange4: string;
+    orange5: string;
+    orange6: string;
+    red1: string;
+    red2: string;
+    red3: string;
+    red4: string;
+    red5: string;
+    red6: string;
+    fuchsia1: string;
+    fuchsia2: string;
+    fuchsia3: string;
+    fuchsia4: string;
+    fuchsia5: string;
+    fuchsia6: string;
+    colorNaviBg: string;
+    colorNaviBgHover: string;
+}
+/** Final token which contains the components level override */
+export type GlobalToken = GlobalTokenTypeUtil<ComponentTokenMap, AliasToken>;
+export type OverrideToken = OverrideTokenTypeUtil<ComponentTokenMap, AliasToken>;
+export type OverrideComponent = TokenMapKey<ComponentTokenMap>;
+export type FullToken<C extends TokenMapKey<ComponentTokenMap>> = FullTokenTypeUtil<ComponentTokenMap, AliasToken, C>;

package/lib/theme/style/aliyun.less

@@ -104,26 +104,26 @@
 @cyan9: #00474f;
 @cyan-10: #002329;
 @cyan10: #002329;
-@green-1: #e6fff2;
-@green1: #e6fff2;
-@green-2: #a9f5d1;
-@green2: #a9f5d1;
-@green-3: #7be8b9;
-@green3: #7be8b9;
-@green-4: #51dba4;
-@green4: #51dba4;
-@green-5: #2bcf93;
-@green5: #2bcf93;
-@green-6: #0ac185;
-@green6: #0ac185;
-@green-7: #009c6d;
-@green7: #009c6d;
-@green-8: #007556;
-@green8: #007556;
-@green-9: #004f3d;
-@green9: #004f3d;
-@green-10: #002921;
-@green10: #002921;
+@green-1: #e4f7ed;
+@green1: #e4f7ed;
+@green-2: #b2ebd0;
+@green2: #b2ebd0;
+@green-3: #85deb7;
+@green3: #85deb7;
+@green-4: #5cd1a2;
+@green4: #5cd1a2;
+@green-5: #37c491;
+@green5: #37c491;
+@green-6: #16b882;
+@green6: #16b882;
+@green-7: #0a9169;
+@green7: #0a9169;
+@green-8: #026b4f;
+@green8: #026b4f;
+@green-9: #004535;
+@green9: #004535;
+@green-10: #001f18;
+@green10: #001f18;
 @magenta-1: #fff0f6;
 @magenta1: #fff0f6;
 @magenta-2: #ffd6e7;
@@ -166,24 +166,24 @@
 @pink10: #520339;
 @red-1: #fff2f0;
 @red1: #fff2f0;
-@red-2: #ffe2de;
-@red2: #ffe2de;
-@red-3: #ffbcb5;
-@red3: #ffbcb5;
-@red-4: #ff948c;
-@red4: #ff948c;
-@red-5: #ff6963;
-@red5: #ff6963;
-@red-6: #f93939;
-@red6: #f93939;
-@red-7: #d4262c;
-@red7: #d4262c;
-@red-8: #ad1721;
-@red8: #ad1721;
-@red-9: #870b17;
-@red9: #870b17;
-@red-10: #610713;
-@red10: #610713;
+@red-2: #ffedeb;
+@red2: #ffedeb;
+@red-3: #ffc8c2;
+@red3: #ffc8c2;
+@red-4: #ffa099;
+@red4: #ffa099;
+@red-5: #f7716d;
+@red5: #f7716d;
+@red-6: #eb4242;
+@red6: #eb4242;
+@red-7: #c42d32;
+@red7: #c42d32;
+@red-8: #9e1c25;
+@red8: #9e1c25;
+@red-9: #78101a;
+@red9: #78101a;
+@red-10: #520a13;
+@red10: #520a13;
 @orange-1: #fff7e6;
 @orange1: #fff7e6;
 @orange-2: #ffe7ba;
@@ -204,26 +204,26 @@
 @orange9: #873800;
 @orange-10: #612500;
 @orange10: #612500;
-@yellow-1: #fff9e6;
-@yellow1: #fff9e6;
-@yellow-2: #ffedbd;
-@yellow2: #ffedbd;
-@yellow-3: #ffdf94;
-@yellow3: #ffdf94;
-@yellow-4: #ffce6b;
-@yellow4: #ffce6b;
-@yellow-5: #ffba42;
-@yellow5: #ffba42;
-@yellow-6: #ffa21a;
-@yellow6: #ffa21a;
-@yellow-7: #d9800b;
-@yellow7: #d9800b;
-@yellow-8: #b35f00;
-@yellow8: #b35f00;
-@yellow-9: #8c4600;
-@yellow9: #8c4600;
-@yellow-10: #663000;
-@yellow10: #663000;
+@yellow-1: #fffbf0;
+@yellow1: #fffbf0;
+@yellow-2: #fff0c9;
+@yellow2: #fff0c9;
+@yellow-3: #ffe1a1;
+@yellow3: #ffe1a1;
+@yellow-4: #ffd078;
+@yellow4: #ffd078;
+@yellow-5: #ffbc4f;
+@yellow5: #ffbc4f;
+@yellow-6: #f49f25;
+@yellow6: #f49f25;
+@yellow-7: #cf7b15;
+@yellow7: #cf7b15;
+@yellow-8: #a85b08;
+@yellow8: #a85b08;
+@yellow-9: #823f00;
+@yellow9: #823f00;
+@yellow-10: #5c2900;
+@yellow10: #5c2900;
 @volcano-1: #fff2e8;
 @volcano1: #fff2e8;
 @volcano-2: #ffd8bf;
@@ -332,34 +332,34 @@
 @colorPrimaryText: #0d6cf2;
 @colorPrimaryTextActive: #004ecc;
 @colorSuccessBg: #dff4e5;
-@colorSuccessBgHover: #a9f5d1;
+@colorSuccessBgHover: #b2ebd0;
 @colorSuccessBorder: #dff4e5;
-@colorSuccessBorderHover: #51dba4;
-@colorSuccessHover: #51dba4;
-@colorSuccessActive: #009c6d;
-@colorSuccessTextHover: #2bcf93;
-@colorSuccessText: #0ac185;
-@colorSuccessTextActive: #009c6d;
+@colorSuccessBorderHover: #5cd1a2;
+@colorSuccessHover: #5cd1a2;
+@colorSuccessActive: #0a9169;
+@colorSuccessTextHover: #37c491;
+@colorSuccessText: #16b882;
+@colorSuccessTextActive: #0a9169;
 @colorErrorBg: #fff2f0;
-@colorErrorBgHover: #ffe2de;
-@colorErrorBgFilledHover: #ffd7d3;
-@colorErrorBgActive: #ffbcb5;
-@colorErrorBorder: #ffbcb5;
-@colorErrorBorderHover: #ff948c;
-@colorErrorHover: #ff6963;
-@colorErrorActive: #d4262c;
-@colorErrorTextHover: #ff6963;
-@colorErrorText: #f93939;
-@colorErrorTextActive: #d4262c;
-@colorWarningBg: #fff9e6;
-@colorWarningBgHover: #ffedbd;
-@colorWarningBorder: #ffdf94;
-@colorWarningBorderHover: #ffce6b;
-@colorWarningHover: #ffce6b;
-@colorWarningActive: #d9800b;
-@colorWarningTextHover: #ffba42;
-@colorWarningText: #ffa21a;
-@colorWarningTextActive: #d9800b;
+@colorErrorBgHover: #ffedeb;
+@colorErrorBgFilledHover: #ffddd9;
+@colorErrorBgActive: #ffc8c2;
+@colorErrorBorder: #ffc8c2;
+@colorErrorBorderHover: #ffa099;
+@colorErrorHover: #f7716d;
+@colorErrorActive: #c42d32;
+@colorErrorTextHover: #f7716d;
+@colorErrorText: #eb4242;
+@colorErrorTextActive: #c42d32;
+@colorWarningBg: #fffbf0;
+@colorWarningBgHover: #fff0c9;
+@colorWarningBorder: #ffe1a1;
+@colorWarningBorderHover: #ffd078;
+@colorWarningHover: #ffd078;
+@colorWarningActive: #cf7b15;
+@colorWarningTextHover: #ffbc4f;
+@colorWarningText: #f49f25;
+@colorWarningTextActive: #cf7b15;
 @colorInfoBg: #e6f4ff;
 @colorInfoBgHover: #b0dbff;
 @colorInfoBorder: #87c5ff;
@@ -402,7 +402,7 @@
 @sizeXS: 8px;
 @sizeXXS: 4px;
 @controlHeightSM: 24px;
-@controlHeightXS: 16px;
+@controlHeightXS: 14px;
 @controlHeightLG: 36px;
 @motionDurationFast: 0.1s;
 @motionDurationMid: 0.2s;
@@ -432,7 +432,7 @@
 @colorIcon: rgba(0,0,0,0.45);
 @colorIconHover: rgba(0, 0, 0, 0.85);
 @colorErrorOutline: rgba(255,38,5,0.06);
-@colorWarningOutline: rgba(255,195,5,0.1);
+@colorWarningOutline: rgba(255,188,5,0.06);
 @fontSizeIcon: 12px;
 @lineWidthFocus: 3px;
 @controlInteractiveSize: 16px;