@lobehub/ui 1.161.0 → 1.162.0

package/es/Avatar/index.js

@@ -47,7 +47,7 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
       cursor: 'default'
     }, style)
   }, rest);
-  return isDefaultAntAvatar ? /*#__PURE__*/_jsx(AntAvatar, _objectSpread({
+  if (isDefaultAntAvatar) return /*#__PURE__*/_jsx(AntAvatar, _objectSpread({
     ref: ref,
     src: typeof avatar === 'string' ? /*#__PURE__*/_jsx(Img, {
       alt: avatarProps.alt || title,
@@ -56,7 +56,8 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
       src: avatar,
       width: size
     }) : avatar
-  }, avatarProps)) : /*#__PURE__*/_jsx(AntAvatar, _objectSpread(_objectSpread({
+  }, avatarProps));
+  return /*#__PURE__*/_jsx(AntAvatar, _objectSpread(_objectSpread({
     ref: ref
   }, avatarProps), {}, {
     children: emoji ? /*#__PURE__*/_jsx(FluentEmoji, {

package/es/Highlighter/FullFeatured.d.ts

@@ -1,5 +1,8 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { HighlighterProps } from './type';
-export declare const HighlighterFullFeatured: import("react").NamedExoticComponent<HighlighterProps>;
+interface HighlighterFullFeaturedProps extends Omit<HighlighterProps, 'children'> {
+    children: ReactNode;
+    content: string;
+}
+export declare const HighlighterFullFeatured: import("react").NamedExoticComponent<HighlighterFullFeaturedProps>;
 export default HighlighterFullFeatured;
-export { default as SyntaxHighlighter, type SyntaxHighlighterProps } from './SyntaxHighlighter';

package/es/Highlighter/FullFeatured.js

@@ -1,7 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "language", "showLanguage", "className", "style", "allowChangeLanguage", "fileName", "icon", "bodyRender", "actionsRender", "copyable", "type", "defalutExpand"];
+var _excluded = ["children", "content", "language", "showLanguage", "className", "style", "allowChangeLanguage", "fileName", "icon", "actionsRender", "copyable", "type", "defalutExpand"];
 import { Select } from 'antd';
 import { ChevronDown, ChevronRight } from 'lucide-react';
 import { memo, useState } from 'react';
@@ -9,7 +9,6 @@ import { Flexbox } from 'react-layout-kit';
 import ActionIcon from "../ActionIcon";
 import CopyButton from "../CopyButton";
 import { languageMap } from "../hooks/useHighlight";
-import SyntaxHighlighter from "./SyntaxHighlighter";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -21,6 +20,7 @@ var options = languageMap.map(function (item) {
 });
 export var HighlighterFullFeatured = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
+    content = _ref.content,
     language = _ref.language,
     showLanguage = _ref.showLanguage,
     className = _ref.className,
@@ -29,7 +29,6 @@ export var HighlighterFullFeatured = /*#__PURE__*/memo(function (_ref) {
     allowChangeLanguage = _ref$allowChangeLangu === void 0 ? true : _ref$allowChangeLangu,
     fileName = _ref.fileName,
     icon = _ref.icon,
-    bodyRender = _ref.bodyRender,
     actionsRender = _ref.actionsRender,
     copyable = _ref.copyable,
     type = _ref.type,
@@ -53,29 +52,16 @@ export var HighlighterFullFeatured = /*#__PURE__*/memo(function (_ref) {
     strokeWidth: 2
   };
   var origianlActions = copyable && /*#__PURE__*/_jsx(CopyButton, {
-    content: children,
+    content: content,
     placement: "left",
     size: size
   });
   var actions = actionsRender ? actionsRender({
     actionIconSize: size,
-    content: children,
+    content: content,
     language: language,
     originalNode: origianlActions
   }) : origianlActions;
-  var originalBody = /*#__PURE__*/_jsx(SyntaxHighlighter, {
-    language: lang === null || lang === void 0 ? void 0 : lang.toLowerCase(),
-    style: expand ? {} : {
-      height: 0,
-      overflow: 'hidden'
-    },
-    children: children
-  });
-  var body = bodyRender ? bodyRender({
-    content: children,
-    language: language,
-    originalNode: originalBody
-  }) : originalBody;
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     className: cx(styles.container, className),
     "data-code-type": "highlighter",
@@ -120,8 +106,7 @@ export var HighlighterFullFeatured = /*#__PURE__*/memo(function (_ref) {
         horizontal: true,
         children: actions
       })]
-    }), body]
+    }), children]
   }));
 });
-export default HighlighterFullFeatured;
-export { default as SyntaxHighlighter } from "./SyntaxHighlighter";
+export default HighlighterFullFeatured;

package/es/Highlighter/SyntaxHighlighter/index.d.ts

@@ -2,6 +2,7 @@
 import { DivProps } from "../../types";
 export interface SyntaxHighlighterProps extends DivProps {
     children: string;
+    enableTransformer?: boolean;
     language: string;
 }
 declare const SyntaxHighlighter: import("react").NamedExoticComponent<SyntaxHighlighterProps>;

package/es/Highlighter/SyntaxHighlighter/index.js

@@ -1,4 +1,3 @@
-import { useThemeMode } from 'antd-style';
 import { Loader2 } from 'lucide-react';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
@@ -12,13 +11,12 @@ var SyntaxHighlighter = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
     language = _ref.language,
     className = _ref.className,
-    style = _ref.style;
+    style = _ref.style,
+    enableTransformer = _ref.enableTransformer;
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  var _useThemeMode = useThemeMode(),
-    isDarkMode = _useThemeMode.isDarkMode;
-  var _useHighlight = useHighlight(children, language, isDarkMode),
+  var _useHighlight = useHighlight(children, language, enableTransformer),
     data = _useHighlight.data,
     isLoading = _useHighlight.isLoading;
   return /*#__PURE__*/_jsxs(_Fragment, {

package/es/Highlighter/index.js

@@ -2,7 +2,7 @@
 
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["fullFeatured", "copyButtonSize", "children", "language", "className", "style", "copyable", "showLanguage", "type", "wrap", "bodyRender", "actionsRender"];
+var _excluded = ["fullFeatured", "copyButtonSize", "children", "language", "className", "style", "copyable", "showLanguage", "type", "wrap", "bodyRender", "actionsRender", "enableTransformer"];
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import CopyButton from "../CopyButton";
@@ -30,6 +30,7 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
     wrap = _ref.wrap,
     bodyRender = _ref.bodyRender,
     actionsRender = _ref.actionsRender,
+    enableTransformer = _ref.enableTransformer,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(type),
     styles = _useStyles.styles,
@@ -47,6 +48,7 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
     originalNode: originalActions
   }) : originalActions;
   var originalBody = /*#__PURE__*/_jsx(SyntaxHighlighter, {
+    enableTransformer: enableTransformer,
     language: language === null || language === void 0 ? void 0 : language.toLowerCase(),
     children: tirmedChildren
   });
@@ -59,13 +61,15 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
     actionsRender: actionsRender,
     bodyRender: bodyRender,
     className: className,
+    content: tirmedChildren,
     copyable: copyable,
+    enableTransformer: enableTransformer,
     language: language,
     showLanguage: showLanguage,
     type: type,
     wrap: wrap
   }, rest), {}, {
-    children: tirmedChildren
+    children: body
   }));
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     className: cx(styles.container, !wrap && styles.nowrap, className),

package/es/Highlighter/theme.js

@@ -1,13 +1,12 @@
-import { colorScales } from "../styles/colors/colors";
+import { blue, geekblue, gold, gray, green, lime, orange, red, volcano } from "../color/colors";
 export var themeConfig = function themeConfig(isDarkMode) {
   var type = isDarkMode ? 'dark' : 'light';
-  var colorText = colorScales.gray[type][11];
-  // const colorTextSecondary = colorScales.gray[type][10];
-  var colorTextTertiary = colorScales.gray[type][7];
-  var colorRed = isDarkMode ? colorScales.red[type][9] : colorScales.volcano[type][9];
-  var colorOrange = isDarkMode ? colorScales.gold[type][9] : colorScales.orange[type][9];
-  var colorGreen = isDarkMode ? colorScales.lime[type][9] : colorScales.green[type][9];
-  var colorBlue = isDarkMode ? colorScales.blue[type][9] : colorScales.geekblue[type][9];
+  var colorText = gray[type][11];
+  var colorTextTertiary = gray[type][7];
+  var colorRed = isDarkMode ? red[type][9] : volcano[type][9];
+  var colorOrange = isDarkMode ? gold[type][9] : orange[type][9];
+  var colorGreen = isDarkMode ? lime[type][9] : green[type][9];
+  var colorBlue = isDarkMode ? blue[type][9] : geekblue[type][9];
   return {
     colors: {
       'editor.foreground': colorText

package/es/Highlighter/type.d.ts

@@ -30,6 +30,7 @@ export interface HighlighterProps extends DivProps {
      * @default true
      */
     defalutExpand?: boolean;
+    enableTransformer?: boolean;
     fileName?: string;
     fullFeatured?: boolean;
     icon?: ReactNode;

package/es/Markdown/CodeBlock.js

@@ -33,9 +33,9 @@ var CodeBlock = function CodeBlock(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   var code = useCode(rest === null || rest === void 0 || (_rest$children = rest.children) === null || _rest$children === void 0 ? void 0 : _rest$children[0]);
   if (!code) return;
-  if (enableMermaid && code.lang === 'mermaid') return /*#__PURE__*/_jsx(PreMermaid, _objectSpread(_objectSpread({
+  if (enableMermaid && code.lang === 'mermaid') return /*#__PURE__*/_jsx(PreMermaid, _objectSpread(_objectSpread(_objectSpread({
     fullFeatured: fullFeatured
-  }, mermaid), {}, {
+  }, mermaid), rest), {}, {
     children: code.content
   }));
   if (!highlight && code.isSingleLine) return /*#__PURE__*/_jsx(PreSingleLine, {

package/es/Mermaid/index.js

@@ -29,7 +29,8 @@ var Mermaid = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(type),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  var MermaidRender = useMermaid(children);
+  var tirmedChildren = children.trim();
+  var MermaidRender = useMermaid(tirmedChildren);
   var originalActions = copyable && /*#__PURE__*/_jsx(CopyButton, {
     content: children,
     placement: "left",
@@ -42,14 +43,14 @@ var Mermaid = /*#__PURE__*/memo(function (_ref) {
   }) : originalActions;
   var defaultBody = /*#__PURE__*/_jsx(MermaidRender, {});
   var body = bodyRender ? bodyRender({
-    content: children,
+    content: tirmedChildren,
     originalNode: defaultBody
   }) : defaultBody;
   if (fullFeatured) return /*#__PURE__*/_jsx(FullFeatured, _objectSpread(_objectSpread({
     actionsRender: actionsRender,
     bodyRender: bodyRender,
     className: className,
-    content: children,
+    content: tirmedChildren,
     copyable: copyable,
     showLanguage: showLanguage,
     style: style,

package/es/awesome/Giscus/index.js

@@ -4,9 +4,8 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["style", "className", "reactionsEnabled", "mapping", "lang", "inputPosition", "id", "loading", "emitMetadata"];
 import GiscusComponent from '@giscus/react';
-import { useTheme, useThemeMode } from 'antd-style';
-import { memo, useMemo } from 'react';
-import { formatLang, genStyles } from "./style";
+import { memo } from 'react';
+import { formatLang, useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Giscus = /*#__PURE__*/memo(function (_ref) {
   var style = _ref.style,
@@ -26,12 +25,7 @@ var Giscus = /*#__PURE__*/memo(function (_ref) {
     _ref$emitMetadata = _ref.emitMetadata,
     emitMetadata = _ref$emitMetadata === void 0 ? '0' : _ref$emitMetadata,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var token = useTheme();
-  var _useThemeMode = useThemeMode(),
-    isDarkMode = _useThemeMode.isDarkMode;
-  var giscusTheme = useMemo(function () {
-    return btoa(genStyles(token, isDarkMode).styles);
-  }, [isDarkMode, token]);
+  var theme = useStyles();
   return /*#__PURE__*/_jsx("div", {
     className: className,
     style: style,
@@ -43,7 +37,7 @@ var Giscus = /*#__PURE__*/memo(function (_ref) {
       loading: loading,
       mapping: mapping,
       reactionsEnabled: reactionsEnabled,
-      theme: "data:text/css;base64,".concat(giscusTheme)
+      theme: theme
     }, rest))
   });
 });

package/es/awesome/Giscus/style.d.ts

@@ -1,3 +1,2 @@
-import { Theme } from 'antd-style';
-export declare const genStyles: (token: Theme, isDarkMode: boolean) => import("antd-style").SerializedStyles;
+export declare const useStyles: () => string;
 export declare const formatLang: (lang: string) => string;

package/es/awesome/Giscus/style.js

@@ -1,20 +1,24 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject;
-import { css } from 'antd-style';
+import { css, useTheme } from 'antd-style';
 import { readableColor, rgba } from 'polished';
-import { colorScales } from "../../styles/colors/colors";
-export var genStyles = function genStyles(token, isDarkMode) {
-  var type = isDarkMode ? 'dark' : 'light';
-  var colorText = colorScales.gray[type][11];
-  var colorTextSecondary = colorScales.gray[type][10];
-  var colorTextTertiary = colorScales.gray[type][7];
-  var colorRed = isDarkMode ? colorScales.red[type][9] : colorScales.volcano[type][9];
-  var colorOrange = isDarkMode ? colorScales.gold[type][9] : colorScales.orange[type][9];
-  var colorGreen = isDarkMode ? colorScales.lime[type][9] : colorScales.green[type][9];
-  var colorBlue = isDarkMode ? colorScales.blue[type][9] : colorScales.geekblue[type][9];
-  var loaderContainer = isDarkMode ? 'https://github.com/images/modules/pulls/progressive-disclosure-line-dark.svg' : 'https://github.com/images/modules/pulls/progressive-disclosure-line.svg';
-  var loadingImage = isDarkMode ? 'https://github.githubassets.com/images/mona-loading-dark.gif' : 'https://github.githubassets.com/images/mona-loading-default.gif';
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    main {\n      --color-prettylights-syntax-comment: ", ";\n      --color-prettylights-syntax-constant: ", ";\n      --color-prettylights-syntax-entity: ", ";\n      --color-prettylights-syntax-storage-modifier-import: ", ";\n      --color-prettylights-syntax-entity-tag: ", ";\n      --color-prettylights-syntax-keyword: ", ";\n      --color-prettylights-syntax-string: ", ";\n      --color-prettylights-syntax-variable: ", ";\n      --color-prettylights-syntax-brackethighlighter-unmatched: ", ";\n      --color-prettylights-syntax-invalid-illegal-text: ", ";\n      --color-prettylights-syntax-invalid-illegal-bg: ", ";\n      --color-prettylights-syntax-carriage-return-text: ", ";\n      --color-prettylights-syntax-carriage-return-bg: ", ";\n      --color-prettylights-syntax-string-regexp: ", ";\n      --color-prettylights-syntax-markup-list: ", ";\n      --color-prettylights-syntax-markup-heading: ", ";\n      --color-prettylights-syntax-markup-italic: ", ";\n      --color-prettylights-syntax-markup-bold: ", ";\n      --color-prettylights-syntax-markup-deleted-text: ", ";\n      --color-prettylights-syntax-markup-deleted-bg: ", ";\n      --color-prettylights-syntax-markup-inserted-text: ", ";\n      --color-prettylights-syntax-markup-inserted-bg: ", ";\n      --color-prettylights-syntax-markup-changed-text: ", ";\n      --color-prettylights-syntax-markup-changed-bg: ", ";\n      --color-prettylights-syntax-markup-ignored-text: ", ";\n      --color-prettylights-syntax-markup-ignored-bg: ", ";\n      --color-prettylights-syntax-meta-diff-range: ", ";\n      --color-prettylights-syntax-brackethighlighter-angle: ", ";\n      --color-prettylights-syntax-sublimelinter-gutter-mark: ", ";\n      --color-prettylights-syntax-constant-other-reference-link: ", ";\n      --color-btn-text: ", ";\n      --color-btn-bg: ", ";\n      --color-btn-border: ", ";\n      --color-btn-shadow: 0 0 transparent;\n      --color-btn-inset-shadow: 0 0 transparent;\n      --color-btn-hover-bg: ", ";\n      --color-btn-hover-border: ", ";\n      --color-btn-active-bg: ", ";\n      --color-btn-active-border: ", ";\n      --color-btn-selected-bg: ", ";\n      --color-btn-primary-text: ", ";\n      --color-btn-primary-bg: ", ";\n      --color-btn-primary-border: ", ";\n      --color-btn-primary-shadow: 0 0 transparent;\n      --color-btn-primary-inset-shadow: 0 0 transparent;\n      --color-btn-primary-hover-bg: ", ";\n      --color-btn-primary-hover-border: ", ";\n      --color-btn-primary-selected-bg: ", ";\n      --color-btn-primary-selected-shadow: 0 0 transparent;\n      --color-btn-primary-disabled-text: ", ";\n      --color-btn-primary-disabled-bg: ", ";\n      --color-btn-primary-disabled-border: ", ";\n      --color-action-list-item-default-hover-bg: ", ";\n      --color-segmented-control-bg: ", ";\n      --color-segmented-control-button-bg: transparent;\n      --color-segmented-control-button-selected-border: ", ";\n      --color-fg-default: ", ";\n      --color-fg-muted: ", ";\n      --color-fg-subtle: ", ";\n      --color-canvas-default: transparent;\n      --color-canvas-overlay: ", ";\n      --color-canvas-inset: transparent;\n      --color-canvas-subtle: ", ";\n      --color-border-default: ", ";\n      --color-border-muted: ", ";\n      --color-neutral-muted: ", ";\n      --color-neutral-subtle: ", ";\n      --color-accent-fg: ", ";\n      --color-accent-emphasis: ", ";\n      --color-accent-muted: ", ";\n      --color-accent-subtle: ", ";\n      --color-success-fg: ", ";\n      --color-attention-fg: ", ";\n      --color-attention-muted: ", ";\n      --color-attention-subtle: ", ";\n      --color-danger-fg: ", ";\n      --color-danger-muted: ", ";\n      --color-danger-subtle: ", ";\n      --color-primer-shadow-inset: 0 0 transparent;\n      --color-scale-gray-7: ", ";\n      --color-scale-blue-8: ", ";\n      --color-social-reaction-bg-hover: ", ";\n      --color-social-reaction-bg-reacted-hover: ", ";\n\n      .markdown pre {\n        color: ", ";\n      }\n\n      .pagination-loader-container {\n        background-image: url(", ");\n      }\n\n      .gsc-pagination-button {\n        background-color: var(--color-btn-bg);\n      }\n\n      .gsc-reactions-popover {\n        width: 170px;\n\n        > .m-2 {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 8px;\n        }\n      }\n\n      .gsc-emoji-button.has-reacted {\n        border-color: ", ";\n        border-radius: ", "px;\n      }\n\n      .gsc-loading-image {\n        background-image: url(", ");\n      }\n    }\n  "])), colorTextTertiary, colorGreen, colorOrange, colorRed, colorBlue, colorBlue, colorGreen, colorRed, colorRed, colorTextSecondary, rgba(colorRed, 0.4), colorTextSecondary, rgba(colorRed, 0.6), colorGreen, colorOrange, colorBlue, colorTextSecondary, colorTextSecondary, colorTextSecondary, rgba(colorRed, 0.2), colorGreen, rgba(colorGreen, 0.2), colorOrange, rgba(colorRed, 0.2), colorTextSecondary, rgba(colorBlue, 0.2), colorOrange, colorTextSecondary, colorTextTertiary, colorBlue, token.colorText, token.colorFillTertiary, token.colorBorderSecondary, token.colorFillSecondary, token.colorBorder, token.colorFillSecondary, token.colorBorder, token.colorFillSecondary, readableColor(token.colorPrimary), token.colorPrimary, token.colorPrimaryBorder, token.colorPrimaryHover, token.colorPrimaryBorderHover, token.colorPrimaryActive, rgba(readableColor(token.colorPrimary), 0.5), rgba(token.colorPrimary, 0.5), rgba(token.colorPrimaryBorder, 0.5), token.colorFillQuaternary, token.colorFillTertiary, token.colorBorder, token.colorText, token.colorTextSecondary, token.colorTextQuaternary, token.colorBgElevated, token.colorFillQuaternary, token.colorBorder, token.colorBorderSecondary, token.colorFillQuaternary, token.colorFillTertiary, token.colorInfo, token.colorInfoBorderHover, token.colorInfoBorder, token.colorInfoBg, token.colorSuccess, token.colorWarning, token.colorWarningBorder, token.colorWarningBg, token.colorError, token.colorErrorBorder, token.colorErrorBg, token.colorBgContainer, token.colorInfoBg, token.colorFillSecondary, token.colorInfoBgHover, colorText, loaderContainer, token.colorInfoBorderHover, token.borderRadius, loadingImage);
+import { useMemo } from 'react';
+export var useStyles = function useStyles() {
+  var theme = useTheme();
+  var colorText = theme.colorText;
+  var colorTextSecondary = theme.colorTextSecondary;
+  var colorTextTertiary = theme.colorTextTertiary;
+  var colorRed = theme.colorError;
+  var colorOrange = theme.colorWarning;
+  var colorGreen = theme.colorSuccess;
+  var colorBlue = theme.colorInfo;
+  var loaderContainer = theme.isDarkMode ? 'https://github.com/images/modules/pulls/progressive-disclosure-line-dark.svg' : 'https://github.com/images/modules/pulls/progressive-disclosure-line.svg';
+  var loadingImage = theme.isDarkMode ? 'https://github.githubassets.com/images/mona-loading-dark.gif' : 'https://github.githubassets.com/images/mona-loading-default.gif';
+  var _ref = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    main {\n      --color-prettylights-syntax-comment: ", ";\n      --color-prettylights-syntax-constant: ", ";\n      --color-prettylights-syntax-entity: ", ";\n      --color-prettylights-syntax-storage-modifier-import: ", ";\n      --color-prettylights-syntax-entity-tag: ", ";\n      --color-prettylights-syntax-keyword: ", ";\n      --color-prettylights-syntax-string: ", ";\n      --color-prettylights-syntax-variable: ", ";\n      --color-prettylights-syntax-brackethighlighter-unmatched: ", ";\n      --color-prettylights-syntax-invalid-illegal-text: ", ";\n      --color-prettylights-syntax-invalid-illegal-bg: ", ";\n      --color-prettylights-syntax-carriage-return-text: ", ";\n      --color-prettylights-syntax-carriage-return-bg: ", ";\n      --color-prettylights-syntax-string-regexp: ", ";\n      --color-prettylights-syntax-markup-list: ", ";\n      --color-prettylights-syntax-markup-heading: ", ";\n      --color-prettylights-syntax-markup-italic: ", ";\n      --color-prettylights-syntax-markup-bold: ", ";\n      --color-prettylights-syntax-markup-deleted-text: ", ";\n      --color-prettylights-syntax-markup-deleted-bg: ", ";\n      --color-prettylights-syntax-markup-inserted-text: ", ";\n      --color-prettylights-syntax-markup-inserted-bg: ", ";\n      --color-prettylights-syntax-markup-changed-text: ", ";\n      --color-prettylights-syntax-markup-changed-bg: ", ";\n      --color-prettylights-syntax-markup-ignored-text: ", ";\n      --color-prettylights-syntax-markup-ignored-bg: ", ";\n      --color-prettylights-syntax-meta-diff-range: ", ";\n      --color-prettylights-syntax-brackethighlighter-angle: ", ";\n      --color-prettylights-syntax-sublimelinter-gutter-mark: ", ";\n      --color-prettylights-syntax-constant-other-reference-link: ", ";\n      --color-btn-text: ", ";\n      --color-btn-bg: ", ";\n      --color-btn-border: ", ";\n      --color-btn-shadow: 0 0 transparent;\n      --color-btn-inset-shadow: 0 0 transparent;\n      --color-btn-hover-bg: ", ";\n      --color-btn-hover-border: ", ";\n      --color-btn-active-bg: ", ";\n      --color-btn-active-border: ", ";\n      --color-btn-selected-bg: ", ";\n      --color-btn-primary-text: ", ";\n      --color-btn-primary-bg: ", ";\n      --color-btn-primary-border: ", ";\n      --color-btn-primary-shadow: 0 0 transparent;\n      --color-btn-primary-inset-shadow: 0 0 transparent;\n      --color-btn-primary-hover-bg: ", ";\n      --color-btn-primary-hover-border: ", ";\n      --color-btn-primary-selected-bg: ", ";\n      --color-btn-primary-selected-shadow: 0 0 transparent;\n      --color-btn-primary-disabled-text: ", ";\n      --color-btn-primary-disabled-bg: ", ";\n      --color-btn-primary-disabled-border: ", ";\n      --color-action-list-item-default-hover-bg: ", ";\n      --color-segmented-control-bg: ", ";\n      --color-segmented-control-button-bg: transparent;\n      --color-segmented-control-button-selected-border: ", ";\n      --color-fg-default: ", ";\n      --color-fg-muted: ", ";\n      --color-fg-subtle: ", ";\n      --color-canvas-default: transparent;\n      --color-canvas-overlay: ", ";\n      --color-canvas-inset: transparent;\n      --color-canvas-subtle: ", ";\n      --color-border-default: ", ";\n      --color-border-muted: ", ";\n      --color-neutral-muted: ", ";\n      --color-neutral-subtle: ", ";\n      --color-accent-fg: ", ";\n      --color-accent-emphasis: ", ";\n      --color-accent-muted: ", ";\n      --color-accent-subtle: ", ";\n      --color-success-fg: ", ";\n      --color-attention-fg: ", ";\n      --color-attention-muted: ", ";\n      --color-attention-subtle: ", ";\n      --color-danger-fg: ", ";\n      --color-danger-muted: ", ";\n      --color-danger-subtle: ", ";\n      --color-primer-shadow-inset: 0 0 transparent;\n      --color-scale-gray-7: ", ";\n      --color-scale-blue-8: ", ";\n      --color-social-reaction-bg-hover: ", ";\n      --color-social-reaction-bg-reacted-hover: ", ";\n\n      .markdown pre {\n        color: ", ";\n      }\n\n      .pagination-loader-container {\n        background-image: url(", ");\n      }\n\n      .gsc-pagination-button {\n        background-color: var(--color-btn-bg);\n      }\n\n      .gsc-reactions-popover {\n        width: 170px;\n\n        > .m-2 {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 8px;\n        }\n      }\n\n      .gsc-emoji-button.has-reacted {\n        border-color: ", ";\n        border-radius: ", "px;\n      }\n\n      .gsc-loading-image {\n        background-image: url(", ");\n      }\n    }\n  "])), colorTextTertiary, colorGreen, colorOrange, colorRed, colorBlue, colorBlue, colorGreen, colorRed, colorRed, colorTextSecondary, rgba(colorRed, 0.4), colorTextSecondary, rgba(colorRed, 0.6), colorGreen, colorOrange, colorBlue, colorTextSecondary, colorTextSecondary, colorTextSecondary, rgba(colorRed, 0.2), colorGreen, rgba(colorGreen, 0.2), colorOrange, rgba(colorRed, 0.2), colorTextSecondary, rgba(colorBlue, 0.2), colorOrange, colorTextSecondary, colorTextTertiary, colorBlue, theme.colorText, theme.colorFillTertiary, theme.colorBorderSecondary, theme.colorFillSecondary, theme.colorBorder, theme.colorFillSecondary, theme.colorBorder, theme.colorFillSecondary, readableColor(theme.colorPrimary), theme.colorPrimary, theme.colorPrimaryBorder, theme.colorPrimaryHover, theme.colorPrimaryBorderHover, theme.colorPrimaryActive, rgba(readableColor(theme.colorPrimary), 0.5), rgba(theme.colorPrimary, 0.5), rgba(theme.colorPrimaryBorder, 0.5), theme.colorFillQuaternary, theme.colorFillTertiary, theme.colorBorder, theme.colorText, theme.colorTextSecondary, theme.colorTextQuaternary, theme.colorBgElevated, theme.colorFillQuaternary, theme.colorBorder, theme.colorBorderSecondary, theme.colorFillQuaternary, theme.colorFillTertiary, theme.colorInfo, theme.colorInfoBorderHover, theme.colorInfoBorder, theme.colorInfoBg, theme.colorSuccess, theme.colorWarning, theme.colorWarningBorder, theme.colorWarningBg, theme.colorError, theme.colorErrorBorder, theme.colorErrorBg, theme.colorBgContainer, theme.colorInfoBg, theme.colorFillSecondary, theme.colorInfoBgHover, colorText, loaderContainer, theme.colorInfoBorderHover, theme.borderRadius, loadingImage),
+    styles = _ref.styles;
+  return useMemo(function () {
+    return "data:text/css;base64,".concat(btoa(styles));
+  }, [styles]);
 };
 export var formatLang = function formatLang(lang) {
   if (['zh_CN', 'zh_TW'].includes(lang)) {

package/es/{ColorScales → color/ColorScales}/ScaleRow.js

@@ -3,7 +3,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import { Space, message } from 'antd';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import { copyToClipboard } from "../utils/copyToClipboard";
+import { copyToClipboard } from "../../utils/copyToClipboard";
 import { alphaBg, useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/{ColorScales → color/ColorScales}/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ColorScaleItem } from "../styles/colors/colors";
+import { ColorScaleItem } from '../types';
 export interface ColorScalesProps {
     /**
      * @description Index of the mid highlight color in the scale

package/es/color/colors/blue.d.ts

@@ -0,0 +1,3 @@
+import { ColorScaleItem } from '../types';
+declare const blue: ColorScaleItem;
+export default blue;

package/es/color/colors/blue.js

@@ -0,0 +1,7 @@
+var 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']
+};
+export default blue;

package/es/color/colors/cyan.d.ts

@@ -0,0 +1,3 @@
+import { ColorScaleItem } from '../types';
+declare const cyan: ColorScaleItem;
+export default cyan;

package/es/color/colors/cyan.js

@@ -0,0 +1,7 @@
+var 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']
+};
+export default cyan;

package/es/color/colors/geekblue.d.ts

@@ -0,0 +1,3 @@
+import { ColorScaleItem } from '../types';
+declare const geekblue: ColorScaleItem;
+export default geekblue;

package/es/color/colors/geekblue.js

@@ -0,0 +1,7 @@
+var geekblue = {
+  dark: ['#00021b', '#000d4c', '#001a69', '#002a8a', '#003bac', '#004cca', '#005ae0', '#0065ed', '#006cf3', '#0072f5', '#9abeff', '#e2ebff', '#ffffff'],
+  darkA: ['rgba(0, 18, 245, 0.11)', 'rgba(0, 43, 253, 0.3)', 'rgba(0, 62, 250, 0.42)', 'rgba(0, 76, 251, 0.55)', 'rgba(0, 87, 253, 0.68)', 'rgba(0, 95, 252, 0.8)', 'rgba(0, 102, 255, 0.88)', 'rgba(0, 109, 255, 0.93)', 'rgba(0, 112, 253, 0.96)', 'rgba(0, 119, 255, 0.96)', '#9abeff', '#e2ebff', '#ffffff'],
+  light: ['#ffffff', '#fcfbff', '#f1f5ff', '#e2ebff', '#cedfff', '#b6d0ff', '#9abeff', '#78a9ff', '#4c90ff', '#0072f5', '#005ae0', '#002a8a', '#00021b'],
+  lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(105, 55, 255, 0.02)', 'rgba(22, 88, 255, 0.06)', 'rgba(13, 88, 255, 0.12)', 'rgba(10, 95, 255, 0.2)', 'rgba(3, 93, 255, 0.29)', 'rgba(3, 93, 255, 0.4)', 'rgba(0, 93, 255, 0.53)', 'rgba(3, 99, 255, 0.71)', '#0072f5', '#005ae0', '#002a8a', '#00021b']
+};
+export default geekblue;

package/es/color/colors/gold.d.ts

@@ -0,0 +1,3 @@
+import { ColorScaleItem } from '../types';
+declare const gold: ColorScaleItem;
+export default gold;

package/es/color/colors/gold.js

@@ -0,0 +1,7 @@
+var gold = {
+  dark: ['#070300', '#2a1b00', '#483000', '#6a4900', '#916400', '#b77e00', '#d59300', '#eaa100', '#f8aa00', '#ffb224', '#ffdcaf', '#fff4eb', '#ffffff'],
+  darkA: ['rgba(233, 100, 0, 0.03)', 'rgba(247, 159, 0, 0.17)', 'rgba(248, 166, 0, 0.29)', 'rgba(252, 174, 0, 0.42)', 'rgba(254, 175, 0, 0.57)', 'rgba(254, 175, 0, 0.72)', 'rgba(254, 175, 0, 0.84)', 'rgba(254, 175, 0, 0.92)', 'rgba(253, 173, 0, 0.98)', '#ffb224', '#ffdcaf', '#fff4eb', '#ffffff'],
+  light: ['#ffffff', '#fffdff', '#fff9f7', '#fff4eb', '#ffeedc', '#ffe6c8', '#ffdcaf', '#ffd190', '#ffc368', '#ffb224', '#d59300', '#6a4900', '#070300'],
+  lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 55, 255, 0.01)', 'rgba(255, 105, 55, 0.04)', 'rgba(255, 117, 5, 0.08)', 'rgba(255, 134, 5, 0.14)', 'rgba(255, 141, 5, 0.22)', 'rgba(255, 146, 5, 0.32)', 'rgba(255, 150, 3, 0.44)', 'rgba(255, 155, 3, 0.6)', 'rgba(255, 165, 0, 0.86)', '#d59300', '#6a4900', '#070300']
+};
+export default gold;

package/es/color/colors/gray.d.ts

@@ -0,0 +1,3 @@
+import { ColorScaleItem } from '../types';
+declare const gray: ColorScaleItem;
+export default gray;

package/es/color/colors/gray.js

@@ -0,0 +1,7 @@
+var 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)']
+};
+export default gray;

package/es/color/colors/green.d.ts

@@ -0,0 +1,3 @@
+import { ColorScaleItem } from '../types';
+declare const green: ColorScaleItem;
+export default green;

package/es/color/colors/green.js

@@ -0,0 +1,7 @@
+var 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']
+};
+export default green;

package/es/color/colors/index.d.ts

@@ -0,0 +1,33 @@
+import type { ColorScaleItem } from '../types';
+export interface ColorScales {
+    blue: ColorScaleItem;
+    cyan: ColorScaleItem;
+    geekblue: ColorScaleItem;
+    gold: ColorScaleItem;
+    gray: ColorScaleItem;
+    green: ColorScaleItem;
+    lime: ColorScaleItem;
+    magenta: ColorScaleItem;
+    orange: ColorScaleItem;
+    primary: ColorScaleItem;
+    purple: ColorScaleItem;
+    red: ColorScaleItem;
+    volcano: ColorScaleItem;
+    yellow: ColorScaleItem;
+}
+export declare const colorScales: ColorScales;
+export { colorScales as colors };
+export { default as blue } from './blue';
+export { default as cyan } from './cyan';
+export { default as geekblue } from './geekblue';
+export { default as gold } from './gold';
+export { default as gray } from './gray';
+export { default as green } from './green';
+export { default as lime } from './lime';
+export { default as magenta } from './magenta';
+export { default as orange } from './orange';
+export { default as primary } from './primary';
+export { default as purple } from './purple';
+export { default as red } from './red';
+export { default as volcano } from './volcano';
+export { default as yellow } from './yellow';

package/es/color/colors/index.js

@@ -0,0 +1,45 @@
+import blue from "./blue";
+import cyan from "./cyan";
+import geekblue from "./geekblue";
+import gold from "./gold";
+import gray from "./gray";
+import green from "./green";
+import lime from "./lime";
+import magenta from "./magenta";
+import orange from "./orange";
+import primary from "./primary";
+import purple from "./purple";
+import red from "./red";
+import volcano from "./volcano";
+import yellow from "./yellow";
+export var colorScales = {
+  blue: blue,
+  cyan: cyan,
+  geekblue: geekblue,
+  gold: gold,
+  gray: gray,
+  green: green,
+  lime: lime,
+  magenta: magenta,
+  orange: orange,
+  primary: primary,
+  purple: purple,
+  red: red,
+  volcano: volcano,
+  yellow: yellow
+};
+export { colorScales as colors };
+export { default as blue } from "./blue";
+export { default as cyan } from "./cyan";
+export { default as geekblue } from "./geekblue";
+export { default as gold } from "./gold";
+export { default as gray } from "./gray";
+export { default as green } from "./green";
+export { default as lime } from "./lime";
+export { default as magenta } from "./magenta";
+export { default as orange } from "./orange";
+export { default as primary } from "./primary";
+export { default as purple } from "./purple";
+export { default as red } from "./red";
+export { default as volcano } from "./volcano";
+export { default as yellow } from "./yellow";

package/es/color/colors/lime.d.ts

@@ -0,0 +1,3 @@
+import { ColorScaleItem } from '../types';
+declare const lime: ColorScaleItem;
+export default lime;

package/es/color/colors/lime.js

@@ -0,0 +1,7 @@
+var 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']
+};
+export default lime;

package/es/color/colors/magenta.d.ts

@@ -0,0 +1,3 @@
+import { ColorScaleItem } from '../types';
+declare const magenta: ColorScaleItem;
+export default magenta;

package/es/color/colors/magenta.js

@@ -0,0 +1,7 @@
+var 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']
+};
+export default magenta;

package/es/color/colors/orange.d.ts

@@ -0,0 +1,3 @@
+import { ColorScaleItem } from '../types';
+declare const orange: ColorScaleItem;
+export default orange;

package/es/color/colors/orange.js

@@ -0,0 +1,7 @@
+var orange = {
+  dark: ['#070300', '#291900', '#462b00', '#684100', '#8e5900', '#b36f00', '#d18000', '#e88b00', '#f89200', '#ff9927', '#ffd1b1', '#fff1eb', '#ffffff'],
+  darkA: ['rgba(233, 100, 0, 0.03)', 'rgba(241, 147, 0, 0.17)', 'rgba(250, 154, 0, 0.28)', 'rgba(254, 159, 0, 0.41)', 'rgba(254, 159, 0, 0.56)', 'rgba(252, 156, 0, 0.71)', 'rgba(255, 156, 0, 0.82)', 'rgba(255, 153, 0, 0.91)', 'rgba(253, 149, 0, 0.98)', '#ff9927', '#ffd1b1', '#fff1eb', '#ffffff'],
+  light: ['#ffffff', '#fffcff', '#fff8f6', '#fff1eb', '#ffe9dd', '#ffdeca', '#ffd1b1', '#ffc293', '#ffb06a', '#ff9927', '#d18000', '#684100', '#070300'],
+  lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 105, 255, 0.02)', 'rgba(255, 80, 30, 0.04)', 'rgba(255, 80, 5, 0.08)', 'rgba(255, 98, 12, 0.14)', 'rgba(255, 98, 3, 0.21)', 'rgba(255, 107, 3, 0.31)', 'rgba(255, 113, 4, 0.43)', 'rgba(255, 121, 2, 0.59)', 'rgba(255, 135, 1, 0.85)', '#d18000', '#684100', '#070300']
+};
+export default orange;

package/es/color/colors/primary.d.ts

@@ -0,0 +1,3 @@
+import { ColorScaleItem } from '../types';
+declare const primary: ColorScaleItem;
+export default primary;