@nocobase/plugin-theme-editor 0.11.1-alpha.1

package/lib/client/antd-token-previewer/ThemeSelect.js

@@ -0,0 +1,201 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _icons() {
+  const data = require("@ant-design/icons");
+  _icons = function _icons() {
+    return data;
+  };
+  return data;
+}
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
+    return data;
+  };
+  return data;
+}
+function _classnames() {
+  const data = _interopRequireDefault(require("classnames"));
+  _classnames = function _classnames() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+var _makeStyle = _interopRequireDefault(require("./utils/makeStyle"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+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; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+const useStyle = (0, _makeStyle.default)('ThemeSelect', token => ({
+  '.previewer-theme-select': {
+    padding: `${token.paddingXXS}px ${token.paddingXS}px`,
+    borderRadius: 4,
+    backgroundColor: 'rgba(0, 0, 0, 0.02)',
+    height: token.controlHeight,
+    display: 'flex',
+    alignItems: 'center',
+    overflow: 'hidden',
+    [`${token.rootCls}-btn.previewer-theme-select-add-btn`]: {
+      minWidth: 0,
+      width: 16,
+      height: 16,
+      fontSize: 8,
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      marginInlineStart: token.marginSM,
+      boxShadow: 'none'
+    },
+    '.previewer-theme-select-tag': {
+      height: 22,
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      boxSizing: 'border-box',
+      borderRadius: 4,
+      backgroundColor: token.colorBgContainer,
+      border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`,
+      paddingInline: 10,
+      fontSize: token.fontSizeSM,
+      position: 'relative',
+      cursor: 'pointer',
+      // transition: `all ${token.motionDurationMid}`,
+      '&:not(:last-child)': {
+        marginInlineEnd: token.marginXS
+      },
+      '&.previewer-theme-select-tag-active': {
+        border: `${token.lineWidth}px ${token.lineType} ${token['blue-1']}`,
+        backgroundColor: 'rgba(22,119,255,0.10)',
+        color: token.colorPrimary,
+        '&::after': {
+          content: '""',
+          borderStartEndRadius: 2,
+          position: 'absolute',
+          insetInlineEnd: 2,
+          top: 2,
+          width: 6,
+          height: 6,
+          background: `linear-gradient(to right top, transparent, transparent 50%, ${token.colorPrimary} 50%, ${token.colorPrimary} 100%)`
+        }
+      },
+      '.previewer-theme-select-tag-close-btn': {
+        position: 'absolute',
+        top: -2,
+        insetInlineEnd: -2,
+        width: 12,
+        height: 12,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        background: token.colorBgContainer,
+        boxShadow: '0 2px 8px -2px rgba(0,0,0,0.05), 0 1px 4px -1px rgba(25,15,15,0.07), 0 0 1px 0 rgba(0,0,0,0.08)',
+        borderRadius: '50%',
+        opacity: 0,
+        pointerEvents: 'none',
+        zIndex: 2,
+        color: token.colorIcon,
+        '> .anticon': {
+          fontSize: 6
+        }
+      },
+      '&:hover': {
+        '.previewer-theme-select-tag-close-btn': {
+          opacity: 1,
+          pointerEvents: 'initial'
+        }
+      }
+    }
+  },
+  '.previewer-theme-select-dropdown': {
+    '.previewer-theme-select-dropdown-title': {
+      [`${token.rootCls}-dropdown-menu-item-group-title`]: {
+        fontSize: token.fontSizeSM,
+        paddingBottom: token.padding,
+        paddingTop: 10
+      }
+    }
+  }
+}));
+const ThemeSelect = props => {
+  const onEnabledThemeChange = props.onEnabledThemeChange,
+    onShownThemeChange = props.onShownThemeChange,
+    enabledThemes = props.enabledThemes,
+    shownThemes = props.shownThemes,
+    themes = props.themes,
+    showAddTheme = props.showAddTheme;
+  const _useStyle = useStyle(),
+    _useStyle2 = _slicedToArray(_useStyle, 2),
+    wrapSSR = _useStyle2[0],
+    hashId = _useStyle2[1];
+  const dropdownItems = (0, _react().useMemo)(() => [{
+    disabled: true,
+    label: '添加主题即可预览',
+    className: 'previewer-theme-select-dropdown-title',
+    type: 'group',
+    key: 'add-theme-to-preview'
+  }, ...themes.filter(theme => !shownThemes.includes(theme.key)).map(theme => ({
+    icon: theme.icon,
+    value: theme.key,
+    label: theme.name,
+    key: theme.key,
+    onClick: () => {
+      onShownThemeChange([...shownThemes, theme.key], theme.key, {
+        type: 'select'
+      });
+    }
+  }))], [themes, shownThemes, onShownThemeChange]);
+  const shownThemeEntities = (0, _react().useMemo)(() => themes.filter(theme => shownThemes.includes(theme.key)), [themes, shownThemes]);
+  return wrapSSR(_react().default.createElement("div", {
+    className: (0, _classnames().default)('previewer-theme-select', hashId)
+  }, shownThemeEntities.map(theme => _react().default.createElement("span", {
+    onClick: () => {
+      if (theme.fixed) {
+        return;
+      }
+      onEnabledThemeChange(enabledThemes.includes(theme.key) ? enabledThemes.filter(item => item !== theme.key) : [...enabledThemes, theme.key]);
+    },
+    key: theme.key,
+    className: (0, _classnames().default)('previewer-theme-select-tag', {
+      'previewer-theme-select-tag-active': enabledThemes.includes(theme.key)
+    })
+  }, theme.name, theme.closable && _react().default.createElement("span", {
+    className: "previewer-theme-select-tag-close-btn",
+    onClick: e => {
+      e.stopPropagation();
+      onEnabledThemeChange(enabledThemes.filter(item => item !== theme.key));
+      onShownThemeChange(shownThemes.filter(item => item !== theme.key), theme.key, {
+        type: 'deselect'
+      });
+    }
+  }, _react().default.createElement(_icons().CloseOutlined, null)))), showAddTheme && _react().default.createElement(_antd().Dropdown, {
+    placement: "bottomRight",
+    trigger: ['click'],
+    overlay: _react().default.createElement(_antd().Menu, {
+      items: dropdownItems
+    }),
+    overlayClassName: (0, _classnames().default)('previewer-theme-select-dropdown', hashId)
+  }, _react().default.createElement(_antd().Button, {
+    type: "primary",
+    shape: "circle",
+    className: "previewer-theme-select-add-btn",
+    icon: _react().default.createElement(_icons().PlusOutlined, null)
+  }))));
+};
+var _default = ThemeSelect;
+exports.default = _default;

package/lib/client/antd-token-previewer/TokenInput.d.ts

@@ -0,0 +1,14 @@
+import type { FC } from 'react';
+import type { MutableTheme } from './interface';
+type TokenInputProps = {
+    theme?: MutableTheme;
+    value?: string | number;
+    onChange?: (value: string | number) => void;
+    light?: boolean;
+    readonly?: boolean;
+    onReset?: () => void;
+    canReset?: boolean;
+    hideTheme?: boolean;
+};
+declare const TokenInput: FC<TokenInputProps>;
+export default TokenInput;

package/lib/client/antd-token-previewer/TokenInput.js

@@ -0,0 +1,217 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
+    return data;
+  };
+  return data;
+}
+function _classnames() {
+  const data = _interopRequireDefault(require("classnames"));
+  _classnames = function _classnames() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _useDebouncy() {
+  const data = require("use-debouncy");
+  _useDebouncy = function _useDebouncy() {
+    return data;
+  };
+  return data;
+}
+var _ColorPanel = _interopRequireDefault(require("./ColorPanel"));
+var _ColorPreview = _interopRequireDefault(require("./ColorPreview"));
+var _locale = require("./locale");
+var _isColor = _interopRequireDefault(require("./utils/isColor"));
+var _makeStyle = _interopRequireDefault(require("./utils/makeStyle"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+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; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+const useStyle = (0, _makeStyle.default)('TokenInput', token => ({
+  '.previewer-token-input': {
+    [`${token.rootCls}-input-group-addon, ${token.rootCls}-input-number-group-addon`]: {
+      border: '0 !important',
+      color: `rgba(0, 0, 0, 0.25) !important`,
+      fontSize: `${token.fontSizeSM}px !important`,
+      padding: '0 !important',
+      backgroundColor: 'transparent !important',
+      '&:first-child': {
+        paddingInlineStart: 0
+      },
+      '&:last-child': {
+        paddingInlineEnd: 0
+      }
+    },
+    [`${token.rootCls}-input-group-wrapper, ${token.rootCls}-input-number-group-wrapper`]: {
+      padding: 0,
+      height: 24,
+      width: '100%',
+      input: {
+        fontSize: token.fontSizeSM,
+        lineHeight: token.lineHeightSM,
+        padding: `2px ${token.paddingXS}px`,
+        height: 24
+      }
+    },
+    [`${token.rootCls}-input-group-wrapper ${token.rootCls}-input, ${token.rootCls}-input-number-group-wrapper ${token.rootCls}-input-number`]: {
+      background: 'white',
+      borderRadius: `${token.borderRadiusLG}px !important`,
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis'
+    },
+    '&&-light': {
+      [`${token.rootCls}-input-group-addon, ${token.rootCls}-input-number-group-addon`]: {
+        backgroundColor: token.colorBgContainer
+      },
+      [`${token.rootCls}-input-group-wrapper ${token.rootCls}-input,
+        ${token.rootCls}-input-number-group-wrapper ${token.rootCls}-input-number-input`]: {
+        background: token.colorFillAlter
+      }
+    },
+    '&&-readonly': {
+      input: {
+        cursor: 'text',
+        color: token.colorText
+      }
+    }
+  }
+}));
+const TokenInput = ({
+  value,
+  theme,
+  onChange,
+  light,
+  readonly,
+  onReset,
+  canReset: customCanReset,
+  hideTheme
+}) => {
+  const valueRef = (0, _react().useRef)(value || '');
+  const _useState = (0, _react().useState)(value || ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    tokenValue = _useState2[0],
+    setTokenValue = _useState2[1];
+  const canReset = customCanReset !== null && customCanReset !== void 0 ? customCanReset : valueRef.current !== tokenValue;
+  const locale = (0, _locale.useLocale)();
+  const _useStyle = useStyle(),
+    _useStyle2 = _slicedToArray(_useStyle, 2),
+    wrapSSR = _useStyle2[0],
+    hashId = _useStyle2[1];
+  (0, _react().useEffect)(() => {
+    if (value !== undefined) {
+      setTokenValue(value);
+    }
+  }, [value]);
+  const debouncedOnChange = (0, _useDebouncy().useDebouncyFn)(newValue => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+  }, 500);
+  const handleTokenChange = newValue => {
+    if (!readonly) {
+      setTokenValue(newValue);
+      debouncedOnChange(newValue);
+    }
+  };
+  const handleReset = () => {
+    if (onReset) {
+      onReset();
+    } else {
+      handleTokenChange(valueRef.current);
+    }
+  };
+  const addonAfter = !readonly && _react().default.createElement("span", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      minWidth: hideTheme ? '' : 80
+    }
+  }, canReset || hideTheme ? _react().default.createElement(_antd().Button, {
+    style: {
+      fontSize: 12
+    },
+    onClick: handleReset,
+    type: "link",
+    size: "small",
+    disabled: !canReset
+  }, locale.reset) : _react().default.createElement("span", {
+    style: {
+      padding: '0 8px'
+    }
+  }, theme === null || theme === void 0 ? void 0 : theme.name));
+  let inputNode;
+  if (typeof valueRef.current === 'string' && (0, _isColor.default)(valueRef.current)) {
+    inputNode = _react().default.createElement(_antd().Input, {
+      bordered: false,
+      addonAfter: addonAfter,
+      value: String(tokenValue),
+      disabled: readonly,
+      addonBefore: _react().default.createElement(_antd().Dropdown, {
+        trigger: ['click'],
+        overlay: _react().default.createElement(_ColorPanel.default, {
+          alpha: true,
+          color: String(tokenValue),
+          onChange: v => {
+            handleTokenChange(v);
+          }
+        })
+      }, _react().default.createElement(_ColorPreview.default, {
+        color: String(tokenValue),
+        dark: (theme === null || theme === void 0 ? void 0 : theme.key) === 'dark',
+        style: {
+          cursor: 'pointer',
+          marginInlineEnd: 8,
+          verticalAlign: 'top'
+        }
+      })),
+      onChange: e => {
+        handleTokenChange(e.target.value);
+      }
+    });
+  } else if (typeof valueRef.current === 'number') {
+    inputNode = _react().default.createElement(_antd().InputNumber, {
+      addonAfter: addonAfter,
+      bordered: false,
+      value: tokenValue,
+      disabled: readonly,
+      onChange: newValue => {
+        handleTokenChange(Number(newValue));
+      }
+    });
+  } else {
+    inputNode = _react().default.createElement(_antd().Input, {
+      addonAfter: addonAfter,
+      bordered: false,
+      value: String(tokenValue),
+      disabled: readonly,
+      onChange: e => {
+        handleTokenChange(typeof value === 'number' ? Number(e.target.value) : e.target.value);
+      }
+    });
+  }
+  return wrapSSR(_react().default.createElement("div", {
+    className: (0, _classnames().default)('previewer-token-input', hashId, {
+      'previewer-token-input-light': light,
+      'previewer-token-input-readonly': readonly
+    })
+  }, inputNode));
+};
+var _default = TokenInput;
+exports.default = _default;

package/lib/client/antd-token-previewer/component-demos/alert/alert.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDemo } from '../../interface';
+declare const componentDemo: ComponentDemo;
+export default componentDemo;

package/lib/client/antd-token-previewer/component-demos/alert/alert.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Demo = () => _react().default.createElement(_antd().Space, {
+  direction: 'vertical'
+}, _react().default.createElement(_antd().Alert, {
+  message: "Success Tips",
+  type: "success",
+  showIcon: true
+}), _react().default.createElement(_antd().Alert, {
+  message: "Informational Notes",
+  type: "info",
+  showIcon: true
+}), _react().default.createElement(_antd().Alert, {
+  message: "Warning",
+  type: "warning",
+  showIcon: true,
+  closable: true
+}), _react().default.createElement(_antd().Alert, {
+  message: "Error",
+  type: "error",
+  showIcon: true
+}));
+const componentDemo = {
+  demo: _react().default.createElement(Demo, null),
+  tokens: ['colorIconHover', 'colorIcon', 'colorText'],
+  key: 'alert'
+};
+var _default = componentDemo;
+exports.default = _default;

package/lib/client/antd-token-previewer/component-demos/alert/error.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDemo } from '../../interface';
+declare const componentDemo: ComponentDemo;
+export default componentDemo;

package/lib/client/antd-token-previewer/component-demos/alert/error.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Demo = () => _react().default.createElement(_antd().Space, {
+  direction: 'vertical'
+}, _react().default.createElement(_antd().Alert, {
+  message: "Error",
+  type: "error",
+  showIcon: true
+}), _react().default.createElement(_antd().Alert, {
+  message: "Error",
+  description: "This is an error message about copywriting.",
+  type: "error",
+  showIcon: true
+}));
+const componentDemo = {
+  demo: _react().default.createElement(Demo, null),
+  tokens: ['colorErrorBg', 'colorErrorBorder', 'colorError'],
+  key: 'error'
+};
+var _default = componentDemo;
+exports.default = _default;

package/lib/client/antd-token-previewer/component-demos/alert/index.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDemo } from '../../interface';
+declare const previewerDemo: ComponentDemo[];
+export default previewerDemo;

package/lib/client/antd-token-previewer/component-demos/alert/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _alert = _interopRequireDefault(require("./alert"));
+var _error = _interopRequireDefault(require("./error"));
+var _info = _interopRequireDefault(require("./info"));
+var _success = _interopRequireDefault(require("./success"));
+var _warning = _interopRequireDefault(require("./warning"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const previewerDemo = [_alert.default, _error.default, _info.default, _success.default, _warning.default];
+var _default = previewerDemo;
+exports.default = _default;

package/lib/client/antd-token-previewer/component-demos/alert/info.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDemo } from '../../interface';
+declare const componentDemo: ComponentDemo;
+export default componentDemo;

package/lib/client/antd-token-previewer/component-demos/alert/info.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Demo = () => _react().default.createElement(_antd().Space, {
+  direction: 'vertical'
+}, _react().default.createElement(_antd().Alert, {
+  message: "Informational Notes",
+  type: "info",
+  showIcon: true
+}), _react().default.createElement(_antd().Alert, {
+  message: "Informational Notes",
+  description: "Additional description and information about copywriting.",
+  type: "info",
+  showIcon: true
+}));
+const componentDemo = {
+  demo: _react().default.createElement(Demo, null),
+  tokens: ['colorInfo', 'colorInfoBorder', 'colorInfoBg'],
+  key: 'info'
+};
+var _default = componentDemo;
+exports.default = _default;

package/lib/client/antd-token-previewer/component-demos/alert/success.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDemo } from '../../interface';
+declare const componentDemo: ComponentDemo;
+export default componentDemo;

package/lib/client/antd-token-previewer/component-demos/alert/success.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Demo = () => _react().default.createElement(_antd().Space, {
+  direction: 'vertical'
+}, _react().default.createElement(_antd().Alert, {
+  message: "Success Tips",
+  type: "success",
+  showIcon: true
+}), _react().default.createElement(_antd().Alert, {
+  message: "Success Tips",
+  description: "Detailed description and advice about successful copywriting.",
+  type: "success",
+  showIcon: true
+}));
+const componentDemo = {
+  demo: _react().default.createElement(Demo, null),
+  tokens: ['colorSuccess', 'colorSuccessBorder', 'colorSuccessBg'],
+  key: 'success'
+};
+var _default = componentDemo;
+exports.default = _default;

package/lib/client/antd-token-previewer/component-demos/alert/warning.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDemo } from '../../interface';
+declare const componentDemo: ComponentDemo;
+export default componentDemo;