@yqg/slimfit 0.0.1 → 0.0.2

package/lib/esm/constant/colors.d.ts

@@ -0,0 +1,395 @@
+export declare const colors: {
+    fi: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    neutral: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+        50: string;
+        0: string;
+    };
+    function: {
+        link: string;
+        success: string;
+        error: string;
+        warning: string;
+    };
+    red: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    tangerine: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    orange: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    yellow: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    lemonYellow: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    grassGreen: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    green: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    cyan: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    blue: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    purple: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    magenta: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    line: {
+        white: string;
+        gray: string;
+        100: string;
+        200: string;
+        300: string;
+    };
+    fill: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+    };
+};
+export declare const semantic: {
+    primary: string;
+    primaryHover: string;
+    primaryActive: string;
+    primaryLight: string;
+    bgElevated: string;
+    textBase: string;
+    textSecondary: string;
+    textBold: string;
+    link: string;
+    success: string;
+    error: string;
+    warning: string;
+    white: string;
+    mask: string;
+};
+declare const _default: {
+    semantic: {
+        primary: string;
+        primaryHover: string;
+        primaryActive: string;
+        primaryLight: string;
+        bgElevated: string;
+        textBase: string;
+        textSecondary: string;
+        textBold: string;
+        link: string;
+        success: string;
+        error: string;
+        warning: string;
+        white: string;
+        mask: string;
+    };
+    fi: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    neutral: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+        50: string;
+        0: string;
+    };
+    function: {
+        link: string;
+        success: string;
+        error: string;
+        warning: string;
+    };
+    red: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    tangerine: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    orange: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    yellow: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    lemonYellow: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    grassGreen: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    green: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    cyan: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    blue: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    purple: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    magenta: {
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    line: {
+        white: string;
+        gray: string;
+        100: string;
+        200: string;
+        300: string;
+    };
+    fill: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+    };
+};
+export default _default;

package/lib/esm/constant/colors.js

@@ -0,0 +1,343 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+// 命名常量以方便组件库内部使用
+export var colors = {
+  fi: {
+    950: '#08004D',
+    // FI10
+    900: '#100979',
+    // FI09
+    800: '#1D18A6',
+    // FI08
+    700: '#3126DA',
+    // FI07
+    600: '#4A50FF',
+    // FI06
+    500: '#6A74FF',
+    // FI05
+    400: '#8995FF',
+    // FI04
+    300: '#A9B4FF',
+    // FI03
+    200: '#CBD2FF',
+    // FI02
+    100: '#E8EDFF' // FI01
+  },
+  neutral: {
+    950: '#141535',
+    // N12
+    900: '#272847',
+    // N11
+    800: '#3F405A',
+    // N10
+    700: '#494A66',
+    // N09
+    600: '#5A5B7A',
+    // N08
+    500: '#7E7E99',
+    // N07
+    400: '#A5A5BD',
+    // N06
+    300: '#BBBCCE',
+    // N05
+    200: '#D5D6E3',
+    // N04
+    100: '#E9E9F2',
+    // N03
+    50: '#F6F6FA',
+    // N02
+    0: '#FFFFFF' // N01
+  },
+  // 功能色系列
+  function: {
+    link: '#4A50FF',
+    // 提示色/链接
+    success: '#17C36D',
+    // 成功
+    error: '#F54046',
+    // 错误
+    warning: '#F6A800' // 告警
+  },
+  // 扩展色系列
+  red: {
+    950: '#5C0917',
+    // Red10
+    900: '#820E1E',
+    // Red09
+    800: '#A81B29',
+    // Red08
+    700: '#CF2B36',
+    // Red07
+    600: '#F54046',
+    // Red06 - 错误色
+    500: '#FF6B6B',
+    // Red05
+    400: '#FF9794',
+    // Red04
+    300: '#FFC1BD',
+    // Red03
+    200: '#FFE8E6',
+    // Red02
+    100: '#FFF2F0' // Red01
+  },
+  tangerine: {
+    950: '#610B00',
+    // Tangerine10
+    900: '#871400',
+    // Tangerine09
+    800: '#AD2102',
+    // Tangerine08
+    700: '#D4380D',
+    // Tangerine07
+    600: '#FA541C',
+    // Tangerine06
+    500: '#FF7A45',
+    // Tangerine05
+    400: '#FF9C6E',
+    // Tangerine04
+    300: '#FFBB96',
+    // Tangerine03
+    200: '#FFD8BF',
+    // Tangerine02
+    100: '#FFF2E8' // Tangerine01
+  },
+  orange: {
+    950: '#612500',
+    // Orange10
+    900: '#873800',
+    // Orange09
+    800: '#AD4E00',
+    // Orange08
+    700: '#D46B08',
+    // Orange07
+    600: '#FA8C16',
+    // Orange06
+    500: '#FFA940',
+    // Orange05
+    400: '#FFC069',
+    // Orange04
+    300: '#FFD591',
+    // Orange03
+    200: '#FFE7BA',
+    // Orange02
+    100: '#FFF7E6' // Orange01
+  },
+  yellow: {
+    950: '#5C3300',
+    // Yellow10
+    900: '#824C00',
+    // Yellow09
+    800: '#A86800',
+    // Yellow08
+    700: '#CF8700',
+    // Yellow07
+    600: '#F6A800',
+    // Yellow06 - 告警色
+    500: '#FFC229',
+    // Yellow05
+    400: '#FFD452',
+    // Yellow04
+    300: '#FFE27A',
+    // Yellow03
+    200: '#FFEEA3',
+    // Yellow02
+    100: '#FFFBE6' // Yellow01
+  },
+  lemonYellow: {
+    950: '#614700',
+    // Lemon Yellow10
+    900: '#876800',
+    // Lemon Yellow09
+    800: '#AD8B00',
+    // Lemon Yellow08
+    700: '#D4B106',
+    // Lemon Yellow07
+    600: '#FADB14',
+    // Lemon Yellow06
+    500: '#FFEC3D',
+    // Lemon Yellow05
+    400: '#FFF566',
+    // Lemon Yellow04
+    300: '#FFFB8F',
+    // Lemon Yellow03
+    200: '#FFFFB8',
+    // Lemon Yellow02
+    100: '#FEFFE6' // Lemon Yellow01
+  },
+  grassGreen: {
+    950: '#254000',
+    // Grass Green10
+    900: '#3F6600',
+    // Grass Green09
+    800: '#5B8C00',
+    // Grass Green08
+    700: '#7CB305',
+    // Grass Green07
+    600: '#A0D911',
+    // Grass Green06
+    500: '#BAE637',
+    // Grass Green05
+    400: '#D3F261',
+    // Grass Green04
+    300: '#EAFF8F',
+    // Grass Green03
+    200: '#F4FFB8',
+    // Grass Green02
+    100: '#FCFFE6' // Grass Green01
+  },
+  green: {
+    950: '#00291A',
+    // Green10
+    900: '#004F2F',
+    // Green09
+    800: '#027543',
+    // Green08
+    700: '#0B9C58',
+    // Green07
+    600: '#17C36D',
+    // Green06 - 成功色
+    500: '#3ACF80',
+    // Green05
+    400: '#60DB95',
+    // Green04
+    300: '#8BE8B0',
+    // Green03
+    200: '#BAF5D0',
+    // Green02
+    100: '#EBFFF2' // Green01
+  },
+  cyan: {
+    950: '#002329',
+    // Cyan10
+    900: '#00474F',
+    // Cyan09
+    800: '#006D75',
+    // Cyan08
+    700: '#08979C',
+    // Cyan07
+    600: '#13C2C2',
+    // Cyan06
+    500: '#36CFC9',
+    // Cyan05
+    400: '#5CDBD3',
+    // Cyan04
+    300: '#87E8DE',
+    // Cyan03
+    200: '#B5F5EC',
+    // Cyan02
+    100: '#E6FFFB' // Cyan01
+  },
+  blue: {
+    950: '#001D66',
+    // Blue10
+    900: '#002C8C',
+    // Blue09
+    800: '#003EB3',
+    // Blue08
+    700: '#0958D9',
+    // Blue07
+    600: '#1677FF',
+    // Blue06
+    500: '#4096FF',
+    // Blue05
+    400: '#69B1FF',
+    // Blue04
+    300: '#91CAFF',
+    // Blue03
+    200: '#BAE0FF',
+    // Blue02
+    100: '#E6F4FF' // Blue01
+  },
+  purple: {
+    950: '#170338',
+    // Purple10
+    900: '#2B075E',
+    // Purple09
+    800: '#451085',
+    // Purple08
+    700: '#621DAB',
+    // Purple07
+    600: '#822ED1',
+    // Purple06
+    500: '#A054DE',
+    // Purple05
+    400: '#BE7FEB',
+    // Purple04
+    300: '#DBADF7',
+    // Purple03
+    200: '#F2DBFF',
+    // Purple02
+    100: '#FBF0FF' // Purple01
+  },
+  magenta: {
+    950: '#520339',
+    // Magenta10
+    900: '#780650',
+    // Magenta09
+    800: '#9E1068',
+    // Magenta08
+    700: '#C41D7F',
+    // Magenta07
+    600: '#EB2F96',
+    // Magenta06
+    500: '#F759AB',
+    // Magenta05
+    400: '#FF85C0',
+    // Magenta04
+    300: '#FFADD2',
+    // Magenta03
+    200: '#FFD6E7',
+    // Magenta02
+    100: '#FFF0F6' // Magenta01
+  },
+  line: {
+    white: '#FFFFFF',
+    gray: '#17143508',
+    // #171435 3%
+    100: '#1415351F',
+    // #141535 12%
+    200: '#1415350F',
+    // #141535 6%
+    300: '#14153508' // #141535 3%
+  },
+  fill: {
+    100: '#FFFFFF',
+    200: '#1415350A',
+    // #141535 4%
+    300: '#1415350F',
+    // #141535 6%
+    400: '#1415351F',
+    // #141535 12%
+    500: '#14153540',
+    // #141535 25%
+    600: '#14153580' // #141535 50%
+  }
+};
+
+// 为语义化使用准备的颜色别名
+export var semantic = {
+  primary: colors.fi[600],
+  primaryHover: colors.fi[500],
+  primaryActive: colors.fi[600],
+  primaryLight: colors.fi[100],
+  bgElevated: colors.neutral[0],
+  textBase: colors.neutral[950],
+  textSecondary: colors.neutral[400],
+  textBold: colors.neutral[950],
+  // 功能色语义化命名
+  link: colors.fi[600],
+  // 提示色/链接 (来自品牌色Fi06)
+  success: colors.green[600],
+  // 成功 (来自绿色Green06)
+  error: colors.red[600],
+  // 错误 (来自红色Red06)
+  warning: colors.yellow[600],
+  // 告警 (来自黄色Yellow06)
+  white: colors.neutral[0],
+  // 遮罩色
+  mask: colors.fill[600] // #141535 50% 透明度
+};
+
+// 导出默认对象以便tailwindcss配置使用
+export default _objectSpread(_objectSpread({}, colors), {}, {
+  semantic: semantic
+});