@cloudtower/eagle 0.27.38 → 0.27.40

package/dist/src/{components → coreX}/I18nNameTag/index.d.ts

@@ -1,4 +1,4 @@
+import { I18nNameTagType } from "@src/spec";
 import React from "react";
-import { I18nNameTagType } from "../../spec";
 declare const I18nNameTag: React.FC<I18nNameTagType>;
 export default I18nNameTag;

package/dist/src/index.d.ts

@@ -10,6 +10,7 @@ export type { AntdInputComponentType, AntdTreeSelectComponentType, BaseEnumProps
 export * from "./spec/type";
 export type { CloseCb, GetModalProps, IModalProps, KitRootState, ModalType, } from "./store";
 export { closeModal, ModalActions, popModal, pushModal, UIKitStore, } from "./store";
+export * from "./styles/token";
 export * from "./UIKitProvider";
 export { default as UIKitProvider } from "./UIKitProvider";
 export * from "@cloudtower/parrot";

package/dist/src/spec/base.d.ts

@@ -630,8 +630,17 @@ export type TruncateTextWithTooltipType = {
     textWrapperCls?: string;
 } & Omit<TooltipProps, "title">;
 export type I18nNameTagType = {
+    /**
+     * 需要高亮的内容，对应 i18n 词条 <1>{name}<1> 部分
+     */
     name: string;
+    /**
+     * i18n 词条 key
+     */
     i18nKey: string;
+    /**
+     * 其它透传给 i18n Trans 组件的内容，具体参考 [trans-component](https://react.i18next.com/latest/trans-component)
+     */
     [key: string]: unknown;
 };
 export type CronPlanState = {

package/dist/src/styles/token/color.d.ts

@@ -0,0 +1,269 @@
+export declare const Color: {
+    readonly text: {
+        readonly neutral: {
+            readonly primary: "#00122E";
+            readonly secondary: "#2C3852BF";
+            readonly tertiary: "#2C385299";
+            readonly quaternary: "#0015404D";
+            readonly ontint: "#FFFFFF";
+            readonly super: "#1D326C";
+        };
+        readonly colorful: {
+            readonly outstanding: "#0080FF";
+            readonly serious: "#F0483E";
+            readonly notice: "#FEA008";
+            readonly noticedark: "#E07F00";
+            readonly positive: "#00BA5D";
+            readonly positivedark: "#008F4C";
+            readonly purple: "#7E41FF";
+        };
+    };
+    readonly link: {
+        readonly outstandingnormal: "#0080FF";
+        readonly outstandinghover: "#009DFF";
+        readonly outstandingactive: "#005ED1";
+        readonly neutralnormal: "#2C3852BF";
+        readonly neutralhover: "#2C385299";
+        readonly neutralactive: "#172640CC";
+        readonly seriousnormal: "#F0483E";
+        readonly serioushover: "#FF5252";
+        readonly seriousactive: "#C73D31";
+    };
+    readonly fill: {
+        readonly neutral: {
+            readonly lightwhite: "#FFFFFF99";
+            readonly "trans-1": "#EDF1FA99";
+            readonly "trans-2": "#E1E6F199";
+            readonly "trans-3": "#D3DAEB99";
+            readonly "trans-4": "#C0CBE099";
+            readonly "trans-5": "#ACBAD399";
+            readonly "trans-7": "#0A255599";
+            readonly "trans-8": "#172640CC";
+            readonly white: "#FFFFFF";
+            readonly "opaque-1": "#F2F5FA";
+            readonly "opaque-2": "#EDF0F7";
+            readonly "opaque-3": "#E4E9F2";
+            readonly "opaque-4": "#D8DEEB";
+            readonly "opaque-5": "#CCD4E3";
+            readonly "opaque-6": "#A3B4CC";
+            readonly "opaque-7": "#6B7D99";
+            readonly "opaque-8": "#2D3A56";
+        };
+        readonly purple: {
+            readonly base: "#7E41FF";
+            readonly lightactive: "#7E41FF33";
+            readonly lighthover: "#7E41FF29";
+            readonly light: "#7E41FF1A";
+        };
+        readonly outstanding: {
+            readonly deep: "#1D326C";
+            readonly dark: "#005ED1";
+            readonly base: "#0080FF";
+            readonly bright: "#009DFF";
+            readonly lightactive: "#0088FF33";
+            readonly lighthover: "#0088FF29";
+            readonly light: "#0088FF1A";
+            readonly thin: "#0088FF0A";
+        };
+        readonly serious: {
+            readonly deep: "#7D2126";
+            readonly dark: "#C73D31";
+            readonly base: "#F0483E";
+            readonly bright: "#FF5252";
+            readonly lightactive: "#FF4A4A33";
+            readonly lighthover: "#FF4A4A29";
+            readonly light: "#FF4A4A1A";
+            readonly thin: "#FF4A4A0A";
+        };
+        readonly notice: {
+            readonly deep: "#8E671B";
+            readonly dark: "#E07F00";
+            readonly base: "#FEA008";
+            readonly bright: "#FEBA33";
+            readonly lightactive: "#FEA00833";
+            readonly lighthover: "#FEA00829";
+            readonly light: "#FEA0081A";
+            readonly thin: "#FEA0080A";
+        };
+        readonly positive: {
+            readonly deep: "#18544F";
+            readonly dark: "#008F4C";
+            readonly base: "#00BA5D";
+            readonly bright: "#23CF6D";
+            readonly lightactive: "#1EC97F33";
+            readonly lighthover: "#1EC97F29";
+            readonly light: "#1EC97F1A";
+            readonly thin: "#1EC97F0A";
+        };
+    };
+    readonly stroke: {
+        readonly neutral: {
+            readonly lightwhite: "#FFFFFF99";
+            readonly "trans-1": "#E1E6F199";
+            readonly "trans-2": "#D3DAEB99";
+            readonly "trans-3": "#ACBAD399";
+            readonly "trans-4": "#6B80A799";
+            readonly white: "#FFFFFF";
+            readonly "opaque-1": "#EDF0F7";
+            readonly "opaque-2": "#E4E9F2";
+            readonly "opaque-3": "#CCD4E3";
+            readonly "opaque-4": "#A3B4CC";
+        };
+        readonly outstanding: {
+            readonly base: "#0080FF";
+            readonly light: "#0088FF29";
+        };
+        readonly serious: {
+            readonly base: "#F0483E";
+            readonly light: "#FF4A4A29";
+            readonly thin: "#FF4A4A1A";
+        };
+    };
+    readonly pagebackground: {
+        readonly primary: "#FFFFFF";
+        readonly grouped: "#EDF0F7";
+    };
+    readonly dim: {
+        readonly undermenu: "#3F63941A";
+        readonly "single-dialogmask": "#101A2966";
+        readonly "double-dialogmask": "#101A2999";
+    };
+    readonly chart: {
+        readonly blue: {
+            readonly "blue-1": "#ADE5FF";
+            readonly "blue-2": "#7FD2FF";
+            readonly "blue-3": "#51BCFF";
+            readonly "blue-4": "#19A3FF";
+            readonly "blue-5": "#008CFF";
+            readonly "blue-6": "#0775F2";
+            readonly "blue-7": "#1064DA";
+            readonly "blue-8": "#0F53C1";
+            readonly "blue-9": "#0C3FA6";
+            readonly "blue-10": "#05318D";
+        };
+        readonly green: {
+            readonly "green-1": "#A2F0D5";
+            readonly "green-2": "#80E4BC";
+            readonly "green-3": "#62D9A4";
+            readonly "green-4": "#47CD8A";
+            readonly "green-5": "#21BE6A";
+            readonly "green-6": "#06AC53";
+            readonly "green-7": "#0C9646";
+            readonly "green-8": "#0C8137";
+            readonly "green-9": "#0A6B29";
+            readonly "green-10": "#05551B";
+        };
+        readonly purple: {
+            readonly "purple-1": "#E1C1FF";
+            readonly "purple-2": "#CFA3FF";
+            readonly "purple-3": "#BE89FF";
+            readonly "purple-4": "#A66BFF";
+            readonly "purple-5": "#8E51FF";
+            readonly "purple-6": "#753BF1";
+            readonly "purple-7": "#612FD4";
+            readonly "purple-8": "#4E27B9";
+            readonly "purple-9": "#3D1D9F";
+            readonly "purple-10": "#2B1385";
+        };
+        readonly red: {
+            readonly "red-1": "#FFBCC1";
+            readonly "red-2": "#FFA8A9";
+            readonly "red-3": "#FF8989";
+            readonly "red-4": "#FC726E";
+            readonly "red-5": "#F4554C";
+            readonly "red-6": "#DE433B";
+            readonly "red-7": "#BB3935";
+            readonly "red-8": "#992F2D";
+            readonly "red-9": "#782725";
+            readonly "red-10": "#571E1E";
+        };
+        readonly yellow: {
+            readonly "yellow-1": "#FFDE6C";
+            readonly "yellow-2": "#FED158";
+            readonly "yellow-3": "#FEC444";
+            readonly "yellow-4": "#FEB630";
+            readonly "yellow-5": "#FEA819";
+            readonly "yellow-6": "#E79305";
+            readonly "yellow-7": "#BB7A03";
+            readonly "yellow-8": "#926102";
+            readonly "yellow-9": "#6B4803";
+            readonly "yellow-10": "#483100";
+        };
+    };
+    readonly white: {
+        readonly white: "#FFFFFF";
+        readonly "white-a60": "#FFFFFF99";
+    };
+    readonly gray: {
+        readonly "gray-10": "#F2F5FA";
+        readonly "gray-20": "#EDF0F7";
+        readonly "gray-30": "#E4E9F2";
+        readonly "gray-40": "#D8DEEB";
+        readonly "gray-50": "#CCD4E3";
+        readonly "gray-60": "#A3B4CC";
+        readonly "gray-70": "#6B7D99";
+        readonly "gray-80": "#2D3A56";
+        readonly "gray-90": "#172640";
+        readonly "gray-100": "#0D1B36";
+        readonly "gray-110": "#0A1833";
+        readonly "gray-120": "#00122E";
+        readonly "gray-a60-1": "#EDF1FA99";
+        readonly "gray-a60-2": "#E1E6F199";
+        readonly "gray-a60-3": "#D3DAEB99";
+        readonly "gray-a60-4": "#C0CBE099";
+        readonly "gray-a60-5": "#ACBAD399";
+        readonly "gray-a60-6": "#6B80A799";
+        readonly "gray-a80-6": "#6B80A7CC";
+        readonly "gray-a60-7": "#0A255599";
+        readonly "gray-a60-8": "#2C385299";
+        readonly "gray-a75-8": "#2C3852BF";
+        readonly "gray-a80-9": "#172640CC";
+        readonly "gray-a30-10": "#0015404D";
+    };
+    readonly blue: {
+        readonly "blue-90": "#1D326C";
+        readonly "blue-60": "#005ED1";
+        readonly "blue-50": "#0080FF";
+        readonly "blue-40": "#009DFF";
+        readonly "blue-a20-50": "#0088FF33";
+        readonly "blue-a16-50": "#0088FF29";
+        readonly "blue-a10-50": "#0088FF1A";
+        readonly "blue-a04-50": "#0088FF0A";
+    };
+    readonly red: {
+        readonly "red-90": "#7D2126";
+        readonly "red-60": "#C73D31";
+        readonly "red-50": "#F0483E";
+        readonly "red-40": "#FF5252";
+        readonly "red-a20-50": "#FF4A4A33";
+        readonly "red-a16-50": "#FF4A4A29";
+        readonly "red-a10-50": "#FF4A4A1A";
+        readonly "red-a04-50": "#FF4A4A0A";
+    };
+    readonly yellow: {
+        readonly "yellow-90": "#8E671B";
+        readonly "yellow-60": "#E07F00";
+        readonly "yellow-50": "#FEA008";
+        readonly "yellow-40": "#FEBA33";
+        readonly "yellow-a20-50": "#FEA00833";
+        readonly "yellow-a16-50": "#FEA00829";
+        readonly "yellow-a10-50": "#FEA0081A";
+        readonly "yellow-a04-50": "#FEA0080A";
+    };
+    readonly green: {
+        readonly "green-90": "#18544F";
+        readonly "green-60": "#008F4C";
+        readonly "green-50": "#00BA5D";
+        readonly "green-40": "#23CF6D";
+        readonly "green-a20-50": "#1EC97F33";
+        readonly "green-a16-50": "#1EC97F29";
+        readonly "green-a10-50": "#1EC97F1A";
+        readonly "green-a04-50": "#1EC97F0A";
+    };
+    readonly purple: {
+        readonly "purple-50": "#7E41FF";
+        readonly "purple-a20-50": "#7E41FF33";
+        readonly "purple-a16-50": "#7E41FF29";
+        readonly "purple-a10-50": "#7E41FF1A";
+    };
+};

package/dist/src/styles/token/index.d.ts

@@ -0,0 +1 @@
+export * from "./color";

package/dist/src/styles/token/token.d.ts

@@ -0,0 +1 @@
+import "./color.css";

package/dist/stories/I18nNameTag.stories.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import I18nNameTag from "@src/coreX/I18nNameTag";
+import { Meta } from "@storybook/react";
+declare const meta: Meta<typeof I18nNameTag>;
+export default meta;
+export declare const Default: {
+    name: string;
+    render: ({ name }: {
+        name: string;
+    }) => JSX.Element;
+    args: {
+        name: string;
+    };
+};
+export declare const LongText: {
+    name: string;
+    render: ({ name }: {
+        name: string;
+    }) => JSX.Element;
+    args: {
+        name: string;
+    };
+};