@yuntijs/ui 1.0.0-beta.8 → 1.0.0-beta.80

package/es/index.js

@@ -1,9 +1,60 @@
-export * from "./Breadcrumb";
+export * from "./ButtonGroup";
+export * from "./CollapseGroup";
 export * from "./ConfigProvider";
+export * from "./DragPanel";
 export * from "./Logo";
+export * from "./LogViewer";
+export * from "./Mentions";
 export * from "./MonacoEditor";
+export * from "./Page";
+export * from "./ProCard";
+export * from "./SelectCard";
 export * from "./SliderInput";
+export * from "./Status";
+
+// ~ custom antd
+export * from "./Alert";
+export * from "./App";
+export * from "./Breadcrumb";
+export * from "./Card";
+export * from "./Descriptions";
+export * from "./Divider";
+export * from "./Drawer";
+export * from "./Dropdown";
+export * from "./Form";
+export * from "./FormHelper";
+export * from "./Modal";
+export * from "./notification";
+export * from "./Radio";
+export * from "./Table";
 export * from "./Tree";
+export * from "./Typography";
+
+// ~ custom @lobehub/ui
+export * from "./ChatInputArea";
+export * from "./ChatItem";
+export * from "./EditableMessage";
+export * from "./Highlighter";
+export * from "./styles";
+
+// ~ custom @lobehub/tts
+export * from "./useSpeechSynthes";
+export * from "./WaveformIcon";
+
+// ~ antd
+export { Affix, Anchor, Mentions as AntdMentions, AutoComplete, Avatar, BackTop, Badge // @todo composed type
+, Button // @todo dependence unifiedLink. link type, hover primary color, back button
+, Calendar, Carousel, Cascader, Checkbox, Col, Collapse, ColorPicker
+
+// @todo center style
+, DatePicker, Empty, Flex, FloatButton, Grid, Image, Input, InputNumber, Layout, List, Menu, message, Pagination, Popconfirm, Popover, Progress, QRCode, Rate, Result, Row, Segmented, Select, Skeleton, Slider, Space, Spin, Statistic, Steps, Switch, Tabs, Tag, theme, Timeline, TimePicker, Tooltip, Tour, Transfer, Tree, TreeSelect, Upload, version, Watermark } from 'antd';
+
+// ~ @lobehub/ui
+export { Markdown, SyntaxHighlighter } from '@lobehub/ui';
+
+// @lobehub/tts
+export { SpeechSynthesisTTS } from '@lobehub/tts';
+export { AudioPlayer, useAudioPlayer, useSpeechRecognition } from '@lobehub/tts/react';
 
 // ~ antd-style
 export { useResponsive, useTheme, useThemeMode } from 'antd-style';

package/es/notification/index.d.ts

@@ -0,0 +1,24 @@
+import { type NotificationArgsProps as AntdNotificationArgsProps } from 'antd';
+import React from 'react';
+export interface NotificationArgsProps extends AntdNotificationArgsProps {
+    /** 如果不为空，则会以折叠面板的形式展示描述，展开后展示报错内容，可用来展示报错详情 */
+    detail?: Record<string, any>;
+    descKey?: string;
+    errors?: Error[];
+}
+export declare const notification: {
+    success: (args: NotificationArgsProps) => void;
+    info: (args: NotificationArgsProps) => void;
+    warning: (args: NotificationArgsProps) => void;
+    warn: (args: NotificationArgsProps) => void;
+    error: (args: NotificationArgsProps) => void;
+    warnings: (args: NotificationArgsProps) => void;
+    warns: (args: NotificationArgsProps) => void;
+    open: (config: AntdNotificationArgsProps) => void;
+    destroy: (key?: React.Key | undefined) => void;
+    config: (config: import("antd/es/notification/interface").GlobalConfigProps) => void;
+    useNotification: typeof import("antd/es/notification/useNotification").default;
+    _InternalPanelDoNotUseOrYouWillBeFired: React.FC<import("antd/es/notification/PurePanel").PurePanelProps>;
+};
+export default notification;
+export { NotificationGlobalStyle } from './style';

package/es/notification/index.js

@@ -0,0 +1,237 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["detail", "message", "description", "onClose", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { MinusSquareOutlined, PlusSquareOutlined, WarningFilled } from '@ant-design/icons';
+import { notification as AntdNotification, Collapse, Typography } from 'antd';
+import React, { isValidElement, useState } from 'react';
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Panel = Collapse.Panel;
+var Link = Typography.Link,
+  Paragraph = Typography.Paragraph,
+  Text = Typography.Text;
+var NOTICE_MAP = {};
+var setNoticeMap = function setNoticeMap(key, noticeProps) {
+  if (!NOTICE_MAP[key]) {
+    NOTICE_MAP[key] = [];
+  }
+  NOTICE_MAP[key].push(noticeProps);
+};
+var removeNoticeMap = function removeNoticeMap(key) {
+  delete NOTICE_MAP[key];
+};
+var reactNodeToString = function reactNodeToString(reactNode) {
+  var string = '';
+  if (typeof reactNode === 'string') {
+    string = reactNode;
+  } else if (typeof reactNode === 'number') {
+    string = reactNode.toString();
+  } else if (Array.isArray(reactNode)) {
+    var _iterator = _createForOfIteratorHelper(reactNode),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var child = _step.value;
+        string += reactNodeToString(child);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  } else if ( /*#__PURE__*/isValidElement(reactNode)) {
+    string += reactNodeToString(reactNode.props.children);
+  }
+  return string;
+};
+var Message = function Message(props) {
+  var _NOTICE_MAP$key;
+  var key = props.noticeKey,
+    message = props.message;
+  var count = ((_NOTICE_MAP$key = NOTICE_MAP[key]) === null || _NOTICE_MAP$key === void 0 ? void 0 : _NOTICE_MAP$key.length) || 0;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [message, count > 1 && " (".concat(count, ")")]
+  });
+};
+var Description = function Description(props) {
+  var key = props.noticeKey;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    activePanels = _useState2[0],
+    setActivePanels = _useState2[1];
+  var descMap = {};
+  var _iterator2 = _createForOfIteratorHelper(NOTICE_MAP[key]),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var noticeProps = _step2.value;
+      var descKey = reactNodeToString(noticeProps.description);
+      noticeProps.descKey = descKey;
+      descMap[descKey] = noticeProps;
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return /*#__PURE__*/_jsx(Collapse, {
+    accordion: true,
+    activeKey: activePanels,
+    className: "yunti-notification-collapse",
+    expandIcon: function expandIcon(_ref) {
+      var isActive = _ref.isActive;
+      return /*#__PURE__*/_jsx("span", {
+        className: "yunti-notification-collapse-expand-icon",
+        children: isActive ? /*#__PURE__*/_jsx(Link, {
+          className: "yunti-notification-link",
+          children: /*#__PURE__*/_jsx(MinusSquareOutlined, {
+            title: "\u70B9\u51FB\u5173\u95ED\u9519\u8BEF\u8BE6\u60C5"
+          })
+        }) : /*#__PURE__*/_jsx(PlusSquareOutlined, {
+          title: "\u70B9\u51FB\u67E5\u770B\u9519\u8BEF\u8BE6\u60C5"
+        })
+      });
+    },
+    ghost: true,
+    onChange: function onChange(keys) {
+      setActivePanels(keys);
+    },
+    children: Object.values(descMap).map(function (_ref2) {
+      var descKey = _ref2.descKey,
+        description = _ref2.description,
+        detail = _ref2.detail;
+      return /*#__PURE__*/_jsx(Panel, {
+        header: /*#__PURE__*/_jsx(Text, {
+          ellipsis: {
+            tooltip: false
+          },
+          style: {
+            width: 250
+          },
+          children: description
+        }),
+        children: /*#__PURE__*/_jsx(Paragraph, {
+          className: "yunti-notification-collapse-content-p",
+          copyable: {
+            text: JSON.stringify(detail, null, 2)
+          },
+          type: "secondary",
+          children: /*#__PURE__*/_jsx("pre", {
+            children: JSON.stringify(detail, null, 2)
+          })
+        })
+      }, descKey);
+    })
+  });
+};
+var notice = function notice(args) {
+  var detail = args.detail,
+    message = args.message,
+    description = args.description,
+    onCloseFromProps = args.onClose,
+    className = args.className,
+    restArgs = _objectWithoutProperties(args, _excluded);
+  var key = reactNodeToString(message);
+  setNoticeMap(key, args);
+  var onClose = function onClose() {
+    onCloseFromProps === null || onCloseFromProps === void 0 || onCloseFromProps();
+    removeNoticeMap(key);
+  };
+  if (args.type === 'warning' && !args.icon) {
+    restArgs.icon = /*#__PURE__*/_jsx(WarningFilled, {
+      style: {
+        color: '#ff7d00'
+      }
+    });
+  }
+  if (!detail) {
+    return AntdNotification.open(_objectSpread({
+      key: key,
+      message: /*#__PURE__*/_jsx(Message, {
+        message: message,
+        noticeKey: key
+      }),
+      description: description,
+      onClose: onClose,
+      className: "yunti-notification ".concat(className)
+    }, restArgs));
+  }
+  return AntdNotification.open(_objectSpread({
+    key: key,
+    message: /*#__PURE__*/_jsx(Message, {
+      message: message,
+      noticeKey: key
+    }),
+    description: /*#__PURE__*/_jsx(Description, {
+      noticeKey: key
+    }),
+    onClose: onClose,
+    className: "yunti-notification ".concat(className)
+  }, restArgs));
+};
+var warnsFun = function warnsFun(args) {
+  var _args$errors;
+  if (((args === null || args === void 0 || (_args$errors = args.errors) === null || _args$errors === void 0 ? void 0 : _args$errors.length) || 0) > 0) {
+    if (args !== null && args !== void 0 && args.errors || []) {
+      var _iterator3 = _createForOfIteratorHelper((args === null || args === void 0 ? void 0 : args.errors) || []),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var item = _step3.value;
+          notice(_objectSpread(_objectSpread({
+            detail: item,
+            description: item.message
+          }, args), {}, {
+            type: 'warning'
+          }));
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+    }
+  } else {
+    notice(_objectSpread(_objectSpread({}, args), {}, {
+      type: 'warning'
+    }));
+  }
+};
+export var notification = _objectSpread(_objectSpread({}, AntdNotification), {}, {
+  success: function success(args) {
+    return notice(_objectSpread(_objectSpread({}, args), {}, {
+      type: 'success'
+    }));
+  },
+  info: function info(args) {
+    return notice(_objectSpread(_objectSpread({}, args), {}, {
+      type: 'info'
+    }));
+  },
+  warning: function warning(args) {
+    return notice(_objectSpread(_objectSpread({}, args), {}, {
+      type: 'warning'
+    }));
+  },
+  warn: function warn(args) {
+    return notice(_objectSpread(_objectSpread({}, args), {}, {
+      type: 'warning'
+    }));
+  },
+  error: function error(args) {
+    return notice(_objectSpread(_objectSpread({}, args), {}, {
+      type: 'error'
+    }));
+  },
+  warnings: warnsFun,
+  warns: warnsFun
+});
+export default notification;
+export { NotificationGlobalStyle } from "./style";

package/es/notification/style.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const NotificationGlobalStyle: import("react").NamedExoticComponent<object>;

package/es/notification/style.js

@@ -0,0 +1,28 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { notification } from 'antd';
+import { createGlobalStyle } from 'antd-style';
+export var NotificationGlobalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.yunti-notification {\n  width: auto;\n  min-width: 360px;\n  max-width: 520px;\n  &-link {\n    color: ", ";\n  }\n  &-link:hover {\n    color: ", ";\n  }\n  &-collapse {\n    &-expand-icon {\n      font-size: 14px !important;\n    }\n    &.ant-collapse > .ant-collapse-item {\n      & > .ant-collapse-header {\n        padding: 6px 16px 6px 24px;\n        & > span {\n          color: rgba(0, 0, 0, 0.7);\n        }\n        &:hover {\n          .yunti-notification-collapse-expand-icon {\n            color: ", ";\n          }\n        }\n        .ant-collapse-expand-icon {\n          position: absolute;\n          top: 3.429px;\n          left: 0%;\n        }\n\n        .ant-collapse-arrow {\n          position: relative;\n          top: 3.429px;\n\n          display: inline-block;\n\n          padding: 6px 0;\n\n          line-height: 0;\n          text-align: center;\n          text-transform: none;\n          text-rendering: optimizelegibility;\n          vertical-align: -0.125em;\n        }\n        & > .ant-collapse-header-text {\n          width: 100%;\n        }\n      }\n      & > .ant-collapse-content > .ant-collapse-content-box {\n        padding: 0;\n      }\n    }\n    &-content-p {\n      position: relative;\n      & > pre {\n        overflow: auto;\n        height: 166px;\n        margin: 0;\n        padding-right: 24px;\n      }\n      & > .ant-typography-copy {\n        position: absolute;\n        right: 16px;\n        bottom: 8px;\n\n        font-size: 14px;\n        color:", ";\n      }\n\n      & > .ant-typography-copy:hover {\n        color:", ";\n      }\n    }\n  }\n  ", "\n}\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return "".concat(theme === null || theme === void 0 ? void 0 : theme.colorPrimary, " !important");
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return "".concat(theme === null || theme === void 0 ? void 0 : theme.colorPrimaryHover, " !important");
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme === null || theme === void 0 ? void 0 : theme.colorPrimary;
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return "".concat(theme === null || theme === void 0 ? void 0 : theme.colorPrimary, " !important");
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return "".concat(theme === null || theme === void 0 ? void 0 : theme.colorPrimaryHover, " !important");
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  var _ref7 = theme || {},
+    prefixCls = _ref7.prefixCls;
+  notification.config({
+    prefixCls: prefixCls
+  });
+  return "\n      .".concat(prefixCls, "-notice-message {\n        font-weight: 500 !important;\n      }\n      .").concat(prefixCls, "-notice-description {\n        max-height: ~'calc(100vh - 160px)';\n        overflow: auto;\n      }\n    ");
+});

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

@@ -0,0 +1,39 @@
+type colorStep = [
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string
+];
+export interface ColorScaleItem {
+    dark: colorStep;
+    darkA: colorStep;
+    light: colorStep;
+    lightA: colorStep;
+}
+export interface ColorScales {
+    blue: ColorScaleItem;
+    bnw: ColorScaleItem;
+    cyan: ColorScaleItem;
+    geekblue: ColorScaleItem;
+    gold: ColorScaleItem;
+    gray: ColorScaleItem;
+    green: ColorScaleItem;
+    lime: ColorScaleItem;
+    magenta: ColorScaleItem;
+    orange: ColorScaleItem;
+    purple: ColorScaleItem;
+    red: ColorScaleItem;
+    volcano: ColorScaleItem;
+    yellow: ColorScaleItem;
+}
+export declare const colorScales: ColorScales;
+export {};

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;