@yuntijs/ui 1.0.0-beta.7 → 1.0.0-beta.71

package/es/styles/colors/colors.js

@@ -0,0 +1,86 @@
+export var colorScales = {
+  blue: {
+    dark: ['#000506', '#002126', '#00363f', '#004e59', '#006675', '#008093', '#159ab0', '#47b3ca', '#6acde4', '#8ae8ff', '#b8f0ff', '#def7ff', '#ffffff'],
+    darkA: ['rgba(0, 167, 200, 0.03)', 'rgba(0, 220, 253, 0.15)', 'rgba(0, 216, 252, 0.25)', 'rgba(0, 223, 254, 0.35)', 'rgba(0, 222, 254, 0.46)', 'rgba(0, 221, 253, 0.58)', 'rgba(30, 223, 255, 0.69)', 'rgba(89, 224, 252, 0.8)', 'rgba(118, 228, 253, 0.9)', '#8ae8ff', '#b8f0ff', '#def7ff', '#ffffff'],
+    light: ['#ffffff', '#fbfeff', '#f4fcff', '#eafaff', '#dff7ff', '#d3f5ff', '#c4f2ff', '#b4efff', '#a1ecff', '#8ae8ff', '#159ab0', '#004e59', '#000506'],
+    lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(55, 205, 255, 0.02)', 'rgba(35, 195, 255, 0.05)', 'rgba(22, 199, 255, 0.09)', 'rgba(9, 193, 255, 0.13)', 'rgba(11, 199, 255, 0.18)', 'rgba(9, 201, 255, 0.24)', 'rgba(5, 202, 255, 0.3)', 'rgba(1, 204, 255, 0.37)', 'rgba(1, 205, 255, 0.46)', 'rgba(1, 145, 169, 0.92)', '#004e59', '#000506']
+  },
+  bnw: {
+    dark: ['#000000', '#111111', '#333333', '#555555', '#666666', '#888888', '#aaaaaa', '#cccccc', '#dddddd', '#eeeeee', '#ffffff', '#ffffff', '#ffffff'],
+    darkA: ['rgba(255, 255, 255, 0.02)', 'rgba(255, 255, 255, 0.08)', 'rgba(255, 255, 255, 0.16)', 'rgba(255, 255, 255, 0.22)', 'rgba(255, 255, 255, 0.36)', 'rgba(255, 255, 255, 0.48)', 'rgba(255, 255, 255, 0.6)', 'rgba(255, 255, 255, 0.72)', 'rgba(255, 255, 255, 0.84)', 'rgba(255, 255, 255, 0.88)', 'rgba(255, 255, 255, 0.92)', 'rgba(255, 255, 255, 0.96)', 'rgba(255, 255, 255, 0.98)'],
+    light: ['#ffffff', '#f5f5f5', '#eeeeee', '#cccccc', '#aaaaaa', '#888888', '#666666', '#444444', '#333333', '#222222', '#111111', '#111111', '#111111'],
+    lightA: ['rgba(0, 0, 0, 0.02)', 'rgba(0, 0, 0, 0.08)', 'rgba(0, 0, 0, 0.16)', 'rgba(0, 0, 0, 0.22)', 'rgba(0, 0, 0, 0.36)', 'rgba(0, 0, 0, 0.48)', 'rgba(0, 0, 0, 0.6)', 'rgba(0, 0, 0, 0.72)', 'rgba(0, 0, 0, 0.84)', 'rgba(0, 0, 0, 0.88)', 'rgba(0, 0, 0, 0.92)', 'rgba(0, 0, 0, 0.96)', 'rgba(0, 0, 0, 0.98)']
+  },
+  cyan: {
+    dark: ['#000503', '#00221c', '#003930', '#005245', '#006c5b', '#008772', '#2fa28a', '#55bca4', '#75d7be', '#95f3d9', '#bdf7e4', '#dffcf0', '#ffffff'],
+    darkA: ['rgba(0, 250, 150, 0.02)', 'rgba(0, 243, 200, 0.14)', 'rgba(0, 248, 209, 0.23)', 'rgba(0, 248, 209, 0.33)', 'rgba(0, 251, 212, 0.43)', 'rgba(0, 255, 215, 0.53)', 'rgba(73, 253, 216, 0.64)', 'rgba(115, 254, 222, 0.74)', 'rgba(138, 253, 224, 0.85)', 'rgba(155, 253, 226, 0.96)', 'rgba(195, 255, 235, 0.97)', 'rgba(225, 255, 242, 0.99)', '#ffffff'],
+    light: ['#ffffff', '#f9fffb', '#effff8', '#e3fff4', '#d8fef0', '#ccfcec', '#c0fae8', '#b3f8e3', '#a5f6de', '#95f3d9', '#2fa28a', '#005245', '#000503'],
+    lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(55, 255, 122, 0.03)', 'rgba(26, 255, 155, 0.07)', 'rgba(0, 255, 155, 0.11)', 'rgba(11, 249, 161, 0.16)', 'rgba(0, 240, 160, 0.2)', 'rgba(3, 235, 163, 0.25)', 'rgba(2, 232, 162, 0.3)', 'rgba(5, 230, 163, 0.36)', 'rgba(3, 226, 165, 0.42)', 'rgba(1, 142, 112, 0.82)', '#005245', '#000503']
+  },
+  geekblue: {
+    dark: ['#000216', '#001343', '#00225c', '#003176', '#00418f', '#0052a8', '#0264c1', '#1877d5', '#288aea', '#369eff', '#88bffb', '#c5dffd', '#ffffff'],
+    darkA: ['rgba(0, 22, 244, 0.09)', 'rgba(0, 70, 248, 0.27)', 'rgba(0, 92, 249, 0.37)', 'rgba(0, 104, 251, 0.47)', 'rgba(0, 116, 255, 0.56)', 'rgba(0, 124, 255, 0.66)', 'rgba(3, 132, 254, 0.76)', 'rgba(29, 142, 254, 0.84)', 'rgba(43, 150, 254, 0.92)', '#369eff', 'rgba(137, 193, 254, 0.99)', '#c5dffd', '#ffffff'],
+    light: ['#ffffff', '#f8faff', '#eaf3ff', '#daeaff', '#c7e0ff', '#b1d5ff', '#9ac9ff', '#7fbcff', '#60aeff', '#369eff', '#0264c1', '#003176', '#000216'],
+    lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(22, 88, 255, 0.03)', 'rgba(22, 122, 255, 0.09)', 'rgba(8, 115, 255, 0.15)', 'rgba(0, 114, 255, 0.22)', 'rgba(3, 120, 255, 0.31)', 'rgba(3, 120, 255, 0.4)', 'rgba(4, 124, 255, 0.51)', 'rgba(3, 126, 255, 0.63)', 'rgba(1, 132, 255, 0.79)', '#0264c1', '#003176', '#000216']
+  },
+  gold: {
+    dark: ['#070300', '#271a00', '#3f2c00', '#593f00', '#745400', '#906a00', '#ac8100', '#c99811', '#e4b12f', '#ffcb47', '#ffdd90', '#ffeecd', '#ffffff'],
+    darkA: ['rgba(233, 100, 0, 0.03)', 'rgba(244, 163, 0, 0.16)', 'rgba(252, 176, 0, 0.25)', 'rgba(254, 180, 0, 0.35)', 'rgba(252, 183, 0, 0.46)', 'rgba(253, 186, 0, 0.57)', 'rgba(253, 190, 0, 0.68)', 'rgba(254, 192, 22, 0.79)', 'rgba(253, 197, 52, 0.9)', '#ffcb47', '#ffdd90', '#ffeecd', '#ffffff'],
+    light: ['#ffffff', '#fffcff', '#fff8f2', '#fff4e2', '#ffefd0', '#ffe9bb', '#ffe3a4', '#ffdb8b', '#ffd46d', '#ffcb47', '#ac8100', '#593f00', '#070300'],
+    lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 105, 255, 0.02)', 'rgba(255, 138, 38, 0.06)', 'rgba(255, 163, 13, 0.12)', 'rgba(255, 171, 8, 0.19)', 'rgba(255, 174, 3, 0.27)', 'rgba(255, 177, 2, 0.36)', 'rgba(255, 177, 3, 0.46)', 'rgba(255, 181, 3, 0.58)', 'rgba(255, 184, 3, 0.73)', '#ac8100', '#593f00', '#070300']
+  },
+  gray: {
+    dark: ['#000000', '#111111', '#222222', '#2d2d2d', '#333333', '#444444', '#555555', '#666666', '#6f6f6f', '#777777', '#aaaaaa', '#dddddd', '#ffffff'],
+    darkA: ['rgba(255, 255, 255, 0.02)', 'rgba(255, 255, 255, 0.06)', 'rgba(255, 255, 255, 0.10)', 'rgba(255, 255, 255, 0.16)', 'rgba(255, 255, 255, 0.24)', 'rgba(255, 255, 255, 0.28)', 'rgba(255, 255, 255, 0.32)', 'rgba(255, 255, 255, 0.38)', 'rgba(255, 255, 255, 0.44)', 'rgba(255, 255, 255, 0.5)', 'rgba(255, 255, 255, 0.66)', 'rgba(255, 255, 255, 0.84)', '#ffffff'],
+    light: ['#ffffff', '#f8f8f8', '#eeeeee', '#e3e3e3', '#dddddd', '#cccccc', '#bbbbbb', '#aaaaaa', '#999999', '#888888', '#666666', '#333333', '#080808'],
+    lightA: ['rgba(0, 0, 0, 0.015)', 'rgba(0, 0, 0, 0.03)', 'rgba(0, 0, 0, 0.06)', 'rgba(0, 0, 0, 0.12)', 'rgba(0, 0, 0, 0.18)', 'rgba(0, 0, 0, 0.24)', 'rgba(0, 0, 0, 0.32)', 'rgba(0, 0, 0, 0.38)', 'rgba(0, 0, 0, 0.44)', 'rgba(0, 0, 0, 0.5)', 'rgba(0, 0, 0, 0.68)', 'rgba(0, 0, 0, 0.84)', 'rgba(0, 0, 0, 0.98)']
+  },
+  green: {
+    dark: ['#000503', '#001d12', '#002d1d', '#003f28', '#005232', '#00653c', '#007944', '#1b8d4d', '#3ba05a', '#55b467', '#96cd92', '#cde6c3', '#ffffff'],
+    darkA: ['rgba(0, 250, 150, 0.02)', 'rgba(0, 242, 150, 0.12)', 'rgba(0, 250, 161, 0.18)', 'rgba(0, 252, 160, 0.25)', 'rgba(0, 248, 152, 0.33)', 'rgba(0, 252, 150, 0.4)', 'rgba(0, 252, 142, 0.48)', 'rgba(48, 252, 137, 0.56)', 'rgba(94, 254, 143, 0.63)', 'rgba(120, 254, 145, 0.71)', 'rgba(185, 253, 180, 0.81)', 'rgba(225, 253, 214, 0.91)', '#ffffff'],
+    light: ['#ffffff', '#f4fdeb', '#e7f8dd', '#d8f2ce', '#c7eabd', '#b4e1ac', '#a0d79b', '#89cc8a', '#71c179', '#55b467', '#007944', '#003f28', '#000503'],
+    lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(117, 230, 5, 0.08)', 'rgba(84, 205, 12, 0.14)', 'rgba(60, 190, 10, 0.2)', 'rgba(40, 174, 1, 0.26)', 'rgba(28, 164, 3, 0.33)', 'rgba(18, 155, 5, 0.4)', 'rgba(4, 146, 6, 0.47)', 'rgba(1, 144, 16, 0.56)', 'rgba(1, 143, 28, 0.67)', '#007944', '#003f28', '#000503']
+  },
+  lime: {
+    dark: ['#020400', '#142100', '#253700', '#374f00', '#4b6800', '#608200', '#769d00', '#8fb81b', '#a9d42f', '#c4f042', '#daf685', '#eefbbe', '#ffffff'],
+    darkA: ['rgba(100, 200, 0, 0.02)', 'rgba(154, 254, 0, 0.13)', 'rgba(168, 250, 0, 0.22)', 'rgba(177, 255, 0, 0.31)', 'rgba(183, 254, 0, 0.41)', 'rgba(188, 255, 0, 0.51)', 'rgba(190, 253, 0, 0.62)', 'rgba(196, 252, 37, 0.73)', 'rgba(204, 255, 57, 0.83)', 'rgba(209, 255, 70, 0.94)', 'rgba(225, 254, 137, 0.97)', 'rgba(240, 254, 192, 0.99)', '#ffffff'],
+    light: ['#ffffff', '#feffeb', '#f9ffd8', '#f2ffc1', '#ebfdaf', '#e4fc9b', '#ddf987', '#d5f773', '#cdf35c', '#c4f042', '#769d00', '#374f00', '#020400'],
+    lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(242, 255, 5, 0.08)', 'rgba(218, 255, 11, 0.16)', 'rgba(203, 255, 7, 0.25)', 'rgba(193, 249, 5, 0.32)', 'rgba(187, 247, 5, 0.4)', 'rgba(183, 242, 0, 0.47)', 'rgba(179, 240, 0, 0.55)', 'rgba(177, 236, 0, 0.64)', 'rgba(175, 235, 0, 0.74)', '#769d00', '#374f00', '#020400']
+  },
+  magenta: {
+    dark: ['#100002', '#350011', '#4b001e', '#63002d', '#79093f', '#8e1752', '#a32466', '#b8317b', '#ce3e91', '#e34ba9', '#f38bcb', '#fec5e8', '#ffffff'],
+    darkA: ['rgba(229, 0, 29, 0.07)', 'rgba(252, 0, 81, 0.21)', 'rgba(250, 0, 100, 0.3)', 'rgba(254, 0, 115, 0.39)', 'rgba(252, 19, 131, 0.48)', 'rgba(254, 41, 146, 0.56)', 'rgba(255, 56, 159, 0.64)', 'rgba(252, 67, 168, 0.73)', 'rgba(254, 77, 179, 0.81)', 'rgba(255, 84, 190, 0.89)', 'rgba(253, 145, 211, 0.96)', '#fec5e8', '#ffffff'],
+    light: ['#ffffff', '#fff7f9', '#ffeaf4', '#ffdaee', '#ffc7e7', '#ffb2df', '#ff99d6', '#f980ca', '#ef67ba', '#e34ba9', '#a32466', '#63002d', '#100002'],
+    lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 55, 105, 0.04)', 'rgba(255, 22, 133, 0.09)', 'rgba(255, 8, 142, 0.15)', 'rgba(255, 0, 146, 0.22)', 'rgba(255, 7, 152, 0.31)', 'rgba(255, 0, 153, 0.4)', 'rgba(243, 1, 149, 0.5)', 'rgba(228, 2, 140, 0.6)', 'rgba(216, 1, 134, 0.71)', 'rgba(148, 0, 77, 0.86)', '#63002d', '#100002']
+  },
+  orange: {
+    dark: ['#080300', '#271400', '#3d2000', '#552d00', '#6f3a00', '#8a4700', '#a75400', '#c66100', '#e37013', '#ff802b', '#ffae87', '#ffd7c8', '#ffffff'],
+    darkA: ['rgba(200, 75, 0, 0.04)', 'rgba(244, 125, 0, 0.16)', 'rgba(254, 133, 0, 0.24)', 'rgba(250, 132, 0, 0.34)', 'rgba(252, 132, 0, 0.44)', 'rgba(251, 129, 0, 0.55)', 'rgba(253, 127, 0, 0.66)', 'rgba(254, 124, 0, 0.78)', 'rgba(255, 126, 21, 0.89)', '#ff802b', '#ffae87', '#ffd7c8', '#ffffff'],
+    light: ['#ffffff', '#fff9f8', '#fff0ec', '#ffe6dd', '#ffd9ca', '#ffcbb5', '#ffbb9c', '#ffaa7f', '#ff975c', '#ff802b', '#a75400', '#552d00', '#080300'],
+    lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 55, 22, 0.03)', 'rgba(255, 67, 17, 0.08)', 'rgba(255, 76, 12, 0.14)', 'rgba(255, 74, 3, 0.21)', 'rgba(255, 76, 0, 0.29)', 'rgba(255, 81, 1, 0.39)', 'rgba(255, 88, 4, 0.51)', 'rgba(255, 93, 0, 0.64)', 'rgba(255, 102, 0, 0.83)', '#a75400', '#552d00', '#080300']
+  },
+  purple: {
+    dark: ['#0d000b', '#2e002a', '#42003e', '#560053', '#670e66', '#781e78', '#892b8a', '#9a399e', '#ab46b2', '#bd54c6', '#d590da', '#edc7ee', '#ffffff'],
+    darkA: ['rgba(217, 0, 183, 0.06)', 'rgba(242, 0, 221, 0.19)', 'rgba(254, 0, 238, 0.26)', 'rgba(253, 0, 244, 0.34)', 'rgba(251, 34, 249, 0.41)', 'rgba(255, 64, 255, 0.47)', 'rgba(249, 78, 251, 0.55)', 'rgba(248, 92, 255, 0.62)', 'rgba(244, 100, 254, 0.7)', 'rgba(242, 108, 254, 0.78)', 'rgba(248, 167, 253, 0.86)', 'rgba(252, 212, 253, 0.94)', '#ffffff'],
+    light: ['#ffffff', '#fff6fb', '#ffe7fd', '#fdd6fe', '#f6c4f8', '#eeb1f1', '#e49ce8', '#d886de', '#cb6ed2', '#bd54c6', '#892b8a', '#560053', '#0d000b'],
+    lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 30, 155, 0.04)', 'rgba(255, 15, 235, 0.1)', 'rgba(243, 14, 249, 0.17)', 'rgba(218, 9, 226, 0.24)', 'rgba(200, 3, 210, 0.31)', 'rgba(186, 1, 196, 0.39)', 'rgba(174, 3, 186, 0.48)', 'rgba(164, 1, 176, 0.57)', 'rgba(156, 0, 170, 0.67)', 'rgba(113, 0, 114, 0.83)', '#560053', '#0d000b']
+  },
+  red: {
+    dark: ['#0f0006', '#34001d', '#4b002b', '#640039', '#7a0c46', '#911b53', '#a72860', '#bf356e', '#d7427b', '#f04f88', '#ff8eab', '#ffc9d3', '#ffffff'],
+    darkA: ['rgba(250, 0, 100, 0.06)', 'rgba(248, 0, 138, 0.21)', 'rgba(250, 0, 143, 0.3)', 'rgba(250, 0, 142, 0.4)', 'rgba(254, 25, 146, 0.48)', 'rgba(254, 47, 146, 0.57)', 'rgba(253, 61, 145, 0.66)', 'rgba(255, 71, 147, 0.75)', 'rgba(253, 78, 145, 0.85)', 'rgba(255, 84, 145, 0.94)', '#ff8eab', '#ffc9d3', '#ffffff'],
+    light: ['#ffffff', '#fff7f7', '#ffeced', '#ffdde2', '#ffccd5', '#ffb8c7', '#ffa2b8', '#ff88a8', '#fe6998', '#f04f88', '#a72860', '#640039', '#0f0006'],
+    lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 55, 55, 0.04)', 'rgba(255, 17, 30, 0.08)', 'rgba(255, 12, 48, 0.14)', 'rgba(255, 0, 45, 0.2)', 'rgba(255, 1, 55, 0.28)', 'rgba(255, 4, 63, 0.37)', 'rgba(255, 2, 70, 0.47)', 'rgba(253, 1, 80, 0.59)', 'rgba(233, 0, 83, 0.69)', 'rgba(151, 2, 68, 0.85)', '#640039', '#0f0006']
+  },
+  volcano: {
+    dark: ['#0c0100', '#2f0a00', '#451200', '#5d1900', '#762000', '#8e2a07', '#a53716', '#bc4424', '#d45132', '#ec5e41', '#ff9480', '#ffcbc3', '#ffffff'],
+    darkA: ['rgba(240, 20, 0, 0.05)', 'rgba(247, 53, 0, 0.19)', 'rgba(246, 64, 0, 0.28)', 'rgba(251, 68, 0, 0.37)', 'rgba(251, 68, 0, 0.47)', 'rgba(254, 75, 12, 0.56)', 'rgba(254, 85, 34, 0.65)', 'rgba(254, 92, 49, 0.74)', 'rgba(255, 98, 60, 0.83)', 'rgba(254, 101, 70, 0.93)', '#ff9480', '#ffcbc3', '#ffffff'],
+    light: ['#ffffff', '#fff7f6', '#ffece9', '#ffded9', '#ffcec5', '#ffbbaf', '#ffa695', '#ff8e78', '#fb745a', '#ec5e41', '#a53716', '#5d1900', '#0c0100'],
+    lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 55, 30, 0.04)', 'rgba(255, 44, 11, 0.09)', 'rgba(255, 35, 2, 0.15)', 'rgba(255, 42, 3, 0.23)', 'rgba(255, 43, 5, 0.32)', 'rgba(255, 43, 3, 0.42)', 'rgba(255, 42, 0, 0.53)', 'rgba(249, 41, 1, 0.65)', 'rgba(230, 40, 2, 0.75)', 'rgba(157, 38, 2, 0.92)', '#5d1900', '#0c0100']
+  },
+  yellow: {
+    dark: ['#050400', '#251d00', '#3e3300', '#584a00', '#736300', '#8e7d00', '#ab9800', '#c7b426', '#e3d142', '#ffef5c', '#fff594', '#fffad3', '#ffffff'],
+    darkA: ['rgba(250, 200, 0, 0.02)', 'rgba(247, 193, 0, 0.15)', 'rgba(248, 204, 0, 0.25)', 'rgba(251, 211, 0, 0.35)', 'rgba(250, 215, 0, 0.46)', 'rgba(254, 223, 0, 0.56)', 'rgba(255, 227, 0, 0.67)', 'rgba(255, 231, 49, 0.78)', 'rgba(255, 235, 74, 0.89)', '#ffef5c', '#fff594', '#fffad3', '#ffffff'],
+    light: ['#ffffff', '#fffeff', '#fffcff', '#fffbf1', '#fffada', '#fff9c2', '#fff7aa', '#fff592', '#fff279', '#ffef5c', '#ab9800', '#584a00', '#050400'],
+    lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 155, 255, 0.01)', 'rgba(255, 105, 255, 0.02)', 'rgba(255, 188, 22, 0.06)', 'rgba(255, 222, 8, 0.15)', 'rgba(255, 230, 1, 0.24)', 'rgba(255, 231, 5, 0.34)', 'rgba(255, 232, 2, 0.43)', 'rgba(255, 230, 2, 0.53)', 'rgba(255, 230, 0, 0.64)', '#ab9800', '#584a00', '#050400']
+  }
+};

package/es/styles/colors/generateColorPalette.d.ts

@@ -0,0 +1,11 @@
+import { AliasToken } from 'antd/es/theme/interface';
+import { ColorScaleItem } from "./colors";
+export declare const generateColorPalette: ({ type, scale, appearance, }: {
+    appearance: 'light' | 'dark';
+    scale: ColorScaleItem;
+    type: 'Primary' | 'Success' | 'Warning' | 'Error' | 'Info' | string;
+}) => Partial<AliasToken>;
+export declare const generateColorNeutralPalette: ({ scale, appearance, }: {
+    appearance: 'light' | 'dark';
+    scale: ColorScaleItem;
+}) => Partial<AliasToken>;

package/es/styles/colors/generateColorPalette.js

@@ -0,0 +1,31 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { capitalize } from 'lodash-es';
+export var generateColorPalette = function generateColorPalette(_ref) {
+  var type = _ref.type,
+    scale = _ref.scale,
+    appearance = _ref.appearance;
+  var name = capitalize(type);
+  var isDarkMode = appearance === 'dark';
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "color".concat(name, "Bg"), scale[appearance][1]), "color".concat(name, "BgHover"), scale[appearance][2]), "color".concat(name, "Border"), scale[appearance][4]), "color".concat(name, "BorderHover"), scale[appearance][isDarkMode ? 5 : 3]), "color".concat(name, "Hover"), scale[appearance][isDarkMode ? 10 : 8]), "color".concat(name), scale[appearance][9]), "color".concat(name, "Active"), scale[appearance][isDarkMode ? 7 : 10]), "color".concat(name, "TextHover"), scale[appearance][isDarkMode ? 10 : 8]), "color".concat(name, "Text"), scale[appearance][9]), "color".concat(name, "TextActive"), scale[appearance][isDarkMode ? 7 : 10]);
+};
+export var generateColorNeutralPalette = function generateColorNeutralPalette(_ref3) {
+  var scale = _ref3.scale,
+    appearance = _ref3.appearance;
+  return {
+    colorBgContainer: appearance === 'dark' ? scale[appearance][1] : scale[appearance][0],
+    colorBgElevated: appearance === 'dark' ? scale[appearance][2] : scale[appearance][0],
+    colorBgLayout: appearance === 'dark' ? scale[appearance][0] : scale[appearance][1],
+    colorBgMask: scale.lightA[8],
+    colorBgSpotlight: scale[appearance][5],
+    colorBorder: scale[appearance][4],
+    colorBorderSecondary: scale[appearance][3],
+    colorFill: scale["".concat(appearance, "A")][3],
+    colorFillQuaternary: scale["".concat(appearance, "A")][0],
+    colorFillSecondary: scale["".concat(appearance, "A")][2],
+    colorFillTertiary: scale["".concat(appearance, "A")][1],
+    colorText: scale[appearance][12],
+    colorTextQuaternary: scale[appearance][6],
+    colorTextSecondary: scale[appearance][10],
+    colorTextTertiary: scale[appearance][8]
+  };
+};

package/es/styles/colors/neutralColors.d.ts

@@ -0,0 +1,9 @@
+import type { ColorScaleItem } from './colors';
+export interface NeutralColorScales {
+    mauve: ColorScaleItem;
+    olive: ColorScaleItem;
+    sage: ColorScaleItem;
+    sand: ColorScaleItem;
+    slate: ColorScaleItem;
+}
+export declare const neutralColorScales: NeutralColorScales;

package/es/styles/colors/neutralColors.js

@@ -0,0 +1,32 @@
+export var neutralColorScales = {
+  mauve: {
+    dark: ['#1c1b1e', '#252528', '#2f2f32', '#3a393d', '#454448', '#504f53', '#5b5a5f', '#67666a', '#737177', '#7f7d83', '#bbb9bd', '#fcf8fb', '#ffffff'],
+    darkA: ['rgba(233, 225, 250, 0.12)', 'rgba(231, 231, 250, 0.16)', 'rgba(235, 235, 250, 0.2)', 'rgba(242, 237, 254, 0.24)', 'rgba(238, 234, 248, 0.29)', 'rgba(242, 239, 252, 0.33)', 'rgba(239, 237, 250, 0.38)', 'rgba(245, 243, 252, 0.42)', 'rgba(245, 240, 253, 0.47)', 'rgba(244, 240, 252, 0.52)', 'rgba(253, 250, 255, 0.74)', 'rgba(255, 251, 254, 0.99)', '#ffffff'],
+    light: ['#fcf8fb', '#edeaed', '#dfdcdf', '#d1ced2', '#c2c0c4', '#b4b2b7', '#a7a4a9', '#99979c', '#8c8a90', '#7f7d83', '#4a494d', '#1c1b1e', '#111'],
+    lightA: ['rgba(155, 22, 122, 0.03)', 'rgba(55, 22, 55, 0.09)', 'rgba(26, 5, 26, 0.14)', 'rgba(25, 10, 30, 0.2)', 'rgba(11, 3, 19, 0.25)', 'rgba(13, 7, 23, 0.31)', 'rgba(11, 2, 16, 0.36)', 'rgba(6, 1, 14, 0.41)', 'rgba(5, 1, 14, 0.46)', 'rgba(4, 0, 12, 0.51)', 'rgba(4, 2, 8, 0.72)', 'rgba(3, 2, 5, 0.9)', '#111']
+  },
+  olive: {
+    dark: ['#1a1c1b', '#232624', '#2d302e', '#383a38', '#424542', '#4d504d', '#585c58', '#646763', '#70736e', '#7c7f79', '#b9bab5', '#faf9f4', '#ffffff'],
+    darkA: ['rgba(236, 255, 245, 0.11)', 'rgba(233, 253, 240, 0.15)', 'rgba(237, 253, 242, 0.19)', 'rgba(243, 252, 243, 0.23)', 'rgba(236, 246, 236, 0.28)', 'rgba(241, 250, 241, 0.32)', 'rgba(238, 249, 238, 0.37)', 'rgba(244, 251, 241, 0.41)', 'rgba(243, 250, 239, 0.46)', 'rgba(248, 254, 242, 0.5)', 'rgba(253, 255, 248, 0.73)', 'rgba(255, 254, 249, 0.98)', '#ffffff'],
+    light: ['#faf9f4', '#ecebe6', '#ddddd7', '#cfcfc9', '#c0c1bb', '#b2b4ae', '#a4a6a0', '#969993', '#898c86', '#7c7f79', '#484b48', '#1a1c1b', '#111'],
+    lightA: ['rgba(155, 135, 35, 0.05)', 'rgba(65, 55, 5, 0.1)', 'rgba(43, 43, 5, 0.16)', 'rgba(37, 37, 10, 0.22)', 'rgba(22, 25, 3, 0.27)', 'rgba(14, 21, 2, 0.32)', 'rgba(16, 21, 5, 0.38)', 'rgba(11, 18, 4, 0.43)', 'rgba(9, 15, 3, 0.48)', 'rgba(8, 13, 2, 0.53)', 'rgba(1, 5, 1, 0.72)', 'rgba(1, 3, 2, 0.9)', '#111']
+  },
+  sage: {
+    dark: ['#1a1c1b', '#232625', '#2d302f', '#373a39', '#424543', '#4d504e', '#585c59', '#636765', '#6f7370', '#7a7f7c', '#b8bab7', '#f9f9f7', '#ffffff'],
+    darkA: ['rgba(236, 255, 245, 0.11)', 'rgba(233, 253, 247, 0.15)', 'rgba(237, 253, 247, 0.19)', 'rgba(239, 252, 248, 0.23)', 'rgba(236, 246, 239, 0.28)', 'rgba(241, 250, 244, 0.32)', 'rgba(238, 249, 241, 0.37)', 'rgba(241, 251, 246, 0.41)', 'rgba(241, 250, 243, 0.46)', 'rgba(244, 254, 248, 0.5)', 'rgba(252, 255, 251, 0.73)', 'rgba(254, 254, 252, 0.98)', '#ffffff'],
+    light: ['#f9f9f7', '#eaebe8', '#dcddda', '#cdcfcc', '#bfc1be', '#b1b4b0', '#a3a6a3', '#959996', '#888c89', '#7a7f7c', '#474b49', '#1a1c1b', '#111'],
+    lightA: ['rgba(105, 105, 55, 0.04)', 'rgba(45, 55, 25, 0.1)', 'rgba(22, 28, 8, 0.15)', 'rgba(5, 15, 0, 0.2)', 'rgba(9, 17, 5, 0.26)', 'rgba(3, 13, 0, 0.31)', 'rgba(6, 14, 6, 0.37)', 'rgba(3, 12, 5, 0.42)', 'rgba(2, 10, 4, 0.47)', 'rgba(4, 13, 8, 0.53)', 'rgba(3, 8, 6, 0.73)', 'rgba(1, 3, 2, 0.9)', '#111']
+  },
+  sand: {
+    dark: ['#1c1c18', '#262521', '#30302b', '#3a3a35', '#45453f', '#505049', '#5c5b54', '#67675f', '#73726a', '#7f7e76', '#bcbab2', '#fcf9f3', '#ffffff'],
+    darkA: ['rgba(255, 255, 218, 0.11)', 'rgba(253, 247, 220, 0.15)', 'rgba(253, 253, 226, 0.19)', 'rgba(252, 252, 230, 0.23)', 'rgba(246, 246, 225, 0.28)', 'rgba(250, 250, 228, 0.32)', 'rgba(249, 246, 227, 0.37)', 'rgba(251, 251, 232, 0.41)', 'rgba(250, 248, 230, 0.46)', 'rgba(254, 252, 236, 0.5)', 'rgba(254, 251, 241, 0.74)', 'rgba(255, 252, 245, 0.99)', '#ffffff'],
+    light: ['#fcf9f3', '#edebe4', '#dfddd5', '#d1cfc7', '#c3c1b9', '#b5b3ab', '#a7a69d', '#999890', '#8c8b83', '#7f7e76', '#4b4a44', '#1c1c18', '#111'],
+    lightA: ['rgba(195, 135, 15, 0.05)', 'rgba(91, 73, 10, 0.11)', 'rgba(67, 55, 8, 0.17)', 'rgba(46, 37, 0, 0.22)', 'rgba(41, 34, 5, 0.28)', 'rgba(31, 25, 0, 0.33)', 'rgba(29, 27, 4, 0.39)', 'rgba(23, 21, 3, 0.44)', 'rgba(20, 18, 2, 0.49)', 'rgba(18, 16, 1, 0.54)', 'rgba(12, 10, 2, 0.74)', 'rgba(6, 6, 1, 0.91)', '#111']
+  },
+  slate: {
+    dark: ['#1b1c1d', '#242527', '#2e2f32', '#383a3c', '#434547', '#4e5052', '#595b5e', '#64676a', '#707276', '#7b7e82', '#b8babc', '#f9f9fa', '#ffffff'],
+    darkA: ['rgba(225, 233, 242, 0.12)', 'rgba(225, 231, 244, 0.16)', 'rgba(230, 235, 250, 0.2)', 'rgba(233, 242, 250, 0.24)', 'rgba(239, 246, 254, 0.28)', 'rgba(236, 242, 248, 0.33)', 'rgba(241, 246, 254, 0.37)', 'rgba(238, 245, 252, 0.42)', 'rgba(238, 243, 251, 0.47)', 'rgba(241, 247, 255, 0.51)', 'rgba(249, 251, 254, 0.74)', 'rgba(254, 254, 255, 0.98)', '#ffffff'],
+    light: ['#f9f9fa', '#ebebec', '#dcddde', '#cecfd0', '#bfc1c3', '#b1b3b5', '#a4a6a8', '#96989b', '#898b8e', '#7b7e82', '#484a4d', '#1b1c1d', '#111'],
+    lightA: ['rgba(55, 55, 88, 0.03)', 'rgba(5, 5, 17, 0.08)', 'rgba(5, 12, 19, 0.14)', 'rgba(10, 15, 20, 0.2)', 'rgba(9, 17, 24, 0.26)', 'rgba(3, 10, 16, 0.31)', 'rgba(2, 8, 13, 0.36)', 'rgba(5, 10, 17, 0.42)', 'rgba(4, 8, 15, 0.47)', 'rgba(1, 7, 15, 0.52)', 'rgba(1, 4, 8, 0.72)', 'rgba(2, 3, 4, 0.9)', '#111']
+  }
+};

package/es/styles/index.d.ts

@@ -0,0 +1,4 @@
+export { colorScales as colors } from './colors/colors';
+export { colorScales } from './colors/colors';
+export { generateColorNeutralPalette, generateColorPalette } from './colors/generateColorPalette';
+export { neutralColorScales } from './colors/neutralColors';

package/es/styles/index.js

@@ -0,0 +1,4 @@
+export { colorScales as colors } from "./colors/colors";
+export { colorScales } from "./colors/colors";
+export { generateColorNeutralPalette, generateColorPalette } from "./colors/generateColorPalette";
+export { neutralColorScales } from "./colors/neutralColors";

package/es/useSpeechSynthes/const/polyfill.d.ts

@@ -0,0 +1,3 @@
+export declare const SpeechRecognition: any;
+export declare const SpeechSynthesis: any;
+export declare const SpeechSynthesisUtterance: any;

package/es/useSpeechSynthes/const/polyfill.js

@@ -0,0 +1,21 @@
+var getSpeechRecognition = function getSpeechRecognition() {
+  try {
+    var _window, _window2;
+    return (globalThis === null || globalThis === void 0 ? void 0 : globalThis.SpeechRecognition) || ((_window = window) === null || _window === void 0 ? void 0 : _window.SpeechRecognition) || ((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.webkitSpeechRecognition);
+  } catch (_unused) {}
+};
+var getSpeechSynthesis = function getSpeechSynthesis() {
+  try {
+    var _window3, _window4;
+    return (globalThis === null || globalThis === void 0 ? void 0 : globalThis.speechSynthesis) || ((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.speechSynthesis) || ((_window4 = window) === null || _window4 === void 0 ? void 0 : _window4.webkitSpeechSynthesis);
+  } catch (_unused2) {}
+};
+var getSpeechSynthesisUtterance = function getSpeechSynthesisUtterance() {
+  try {
+    var _window5, _window6;
+    return (globalThis === null || globalThis === void 0 ? void 0 : globalThis.SpeechSynthesisUtterance) || ((_window5 = window) === null || _window5 === void 0 ? void 0 : _window5.SpeechSynthesisUtterance) || ((_window6 = window) === null || _window6 === void 0 ? void 0 : _window6.webkitSpeechSynthesisUtterance);
+  } catch (_unused3) {}
+};
+export var SpeechRecognition = getSpeechRecognition();
+export var SpeechSynthesis = getSpeechSynthesis();
+export var SpeechSynthesisUtterance = getSpeechSynthesisUtterance();

package/es/useSpeechSynthes/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { type SsmlOptions } from '@lobehub/tts/core/utils/genSSML';
+export interface SpeechSynthesOptions extends Pick<SsmlOptions, 'voice' | 'rate' | 'pitch'> {
+    onStart?: () => void;
+    onStop?: () => void;
+}
+export declare const useSpeechSynthes: (defaultText: string, { voice, rate, pitch, ...options }: SpeechSynthesOptions) => {
+    isLoading: boolean;
+    setText: import("react").Dispatch<import("react").SetStateAction<string>>;
+    start: () => void;
+    stop: () => void;
+};
+export default useSpeechSynthes;

package/es/useSpeechSynthes/index.js

@@ -0,0 +1,69 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["voice", "rate", "pitch"];
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { SpeechSynthesis, SpeechSynthesisUtterance } from "./const/polyfill";
+export var useSpeechSynthes = function useSpeechSynthes(defaultText, _ref) {
+  var voice = _ref.voice,
+    rate = _ref.rate,
+    pitch = _ref.pitch,
+    options = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(SpeechSynthesis === null || SpeechSynthesis === void 0 ? void 0 : SpeechSynthesis.getVoices()),
+    _useState2 = _slicedToArray(_useState, 2),
+    voiceList = _useState2[0],
+    setVoiceList = _useState2[1];
+  var _useState3 = useState(defaultText),
+    _useState4 = _slicedToArray(_useState3, 2),
+    text = _useState4[0],
+    setText = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isLoading = _useState6[0],
+    setIsLoading = _useState6[1];
+  var speechSynthesisUtterance = useMemo(function () {
+    if (!SpeechSynthesisUtterance) return;
+    var utterance = new SpeechSynthesisUtterance(text);
+    utterance.voice = voiceList.find(function (item) {
+      return item.name === voice;
+    });
+    utterance.onstart = function () {
+      return setIsLoading(true);
+    };
+    utterance.onend = function () {
+      return setIsLoading(false);
+    };
+    if (pitch) utterance.pitch = pitch * 10;
+    if (rate) utterance.rate = rate * 10;
+    return utterance;
+  }, [text, voiceList, rate, pitch, voice]);
+  useEffect(function () {
+    if (!SpeechSynthesis) return;
+    SpeechSynthesis.onvoiceschanged = function () {
+      setVoiceList(SpeechSynthesis === null || SpeechSynthesis === void 0 ? void 0 : SpeechSynthesis.getVoices());
+    };
+    SpeechSynthesis.onstart = function () {
+      return setIsLoading(true);
+    };
+    SpeechSynthesis.onend = function () {
+      return setIsLoading(false);
+    };
+  }, []);
+  var handleStart = useCallback(function () {
+    var _options$onStart;
+    options === null || options === void 0 || (_options$onStart = options.onStart) === null || _options$onStart === void 0 || _options$onStart.call(options);
+    SpeechSynthesis === null || SpeechSynthesis === void 0 || SpeechSynthesis.speak(speechSynthesisUtterance);
+  }, [options, speechSynthesisUtterance]);
+  var handleStop = useCallback(function () {
+    var _options$onStop, _speechSynthesis;
+    options === null || options === void 0 || (_options$onStop = options.onStop) === null || _options$onStop === void 0 || _options$onStop.call(options);
+    (_speechSynthesis = speechSynthesis) === null || _speechSynthesis === void 0 || _speechSynthesis.cancel();
+    setIsLoading(false);
+  }, [options]);
+  return {
+    isLoading: isLoading,
+    setText: setText,
+    start: handleStart,
+    stop: handleStop
+  };
+};
+export default useSpeechSynthes;

package/es/utils/constants.d.ts

@@ -0,0 +1 @@
+export declare const prefixCls = "yunti-ui";

package/es/utils/constants.js

@@ -0,0 +1 @@
+export var prefixCls = 'yunti-ui';

package/es/utils/tools.d.ts

@@ -0,0 +1 @@
+export declare const isBrowser: boolean;

package/es/utils/tools.js

@@ -0,0 +1 @@
+export var isBrowser = typeof window !== 'undefined';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuntijs/ui",
-  "version": "1.0.0-beta.7",
+  "version": "1.0.0-beta.71",
   "description": "☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps",
   "keywords": [
     "yuntijs",
@@ -33,6 +33,7 @@
     "dev:father": "father dev",
     "docs:build": "dumi build",
     "docs:build-analyze": "ANALYZE=1 dumi build",
+    "docs:build-nc": "COMPRESS=none dumi build",
     "docs:dev": "dumi dev",
     "docs:preview": "dumi preview --port 9000",
     "doctor": "father doctor",
@@ -81,14 +82,28 @@
     "@alilc/lowcode-plugin-base-monaco-editor": "^1.1.2",
     "@ant-design/icons": "^5",
     "@babel/runtime": "^7",
-    "@lobehub/ui": "^1",
+    "@lexical/react": "^0.16.1",
+    "@lexical/selection": "^0.16.1",
+    "@lexical/text": "^0.16.1",
+    "@lexical/utils": "^0.16.1",
+    "@lobehub/tts": "^1.25.1",
+    "@lobehub/ui": "^1.153.16",
+    "@melloware/react-logviewer": "^5.2.0",
+    "@monaco-editor/loader": "^1.4.0",
+    "@shikijs/transformers": "^1.10.3",
     "leva": "^0",
+    "lexical": "^0.16.1",
     "lodash-es": "^4",
     "lucide-react": "latest",
     "query-string": "^8",
+    "rc-util": "^5.43.0",
+    "react-draggable": "^4.4.6",
     "react-error-boundary": "^4",
     "react-layout-kit": "^1",
-    "url-join": "^5.0.0"
+    "shiki": "^1.10.3",
+    "swr": "^2.2.5",
+    "url-join": "^5.0.0",
+    "use-merge-value": "^1.2.0"
   },
   "devDependencies": {
     "@testing-library/react": "^14",
@@ -97,13 +112,14 @@
     "@types/react": "18.2.40",
     "@types/react-dom": "^18",
     "@vitest/coverage-v8": "latest",
-    "@yuntijs/lint": "^1.4.0",
-    "antd": "^5.12.5",
-    "antd-style": "^3",
+    "@yuntijs/lint": "^1.7.0",
+    "antd": "^5.19.3",
+    "antd-style": "^3.6.2",
     "babel-plugin-antd-style": "latest",
     "commitlint": "^18",
-    "dumi": "^2",
-    "dumi-theme-lobehub": "^1.7.6",
+    "dayjs": "^1.11.10",
+    "dumi": "^2.4.9",
+    "dumi-theme-yunti": "^1.7.1",
     "eslint": "^8.56.0",
     "father": "^4.3.8",
     "husky": "^8",
@@ -124,10 +140,14 @@
   "peerDependencies": {
     "antd": ">=5",
     "antd-style": ">=3",
+    "dayjs": ">=1",
     "react": ">=18",
     "react-dom": ">=18"
   },
-  "packageManager": "pnpm@8.12.1",
+  "engines": {
+    "node": ">=18.12.0",
+    "pnpm": ">=8.1.0"
+  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"