@digitalc/dxp-ui 0.0.4 → 0.0.5-alpha-gomo.1

package/lib/components/Button/designTokens.js

@@ -0,0 +1,139 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Button/designTokens.ts
+var designTokens_exports = {};
+__export(designTokens_exports, {
+  designTokens: () => designTokens,
+  inverseDesignTokens: () => inverseDesignTokens
+});
+module.exports = __toCommonJS(designTokens_exports);
+var import_tokenHelper = require("../../utils/tokenHelper");
+var designTokens = {
+  // 算法配置
+  // algorithm: true,
+  // 主要按钮背景色
+  colorPrimary: (0, import_tokenHelper.getToken)("colorButtonBackgroundPrimary"),
+  // 主要按钮 Hover
+  colorPrimaryHover: (0, import_tokenHelper.getToken)("colorButtonBackgroundPrimary"),
+  colorPrimaryActive: (0, import_tokenHelper.getToken)("colorButtonBackgroundPrimary"),
+  // colorPrimaryBg: getToken('colorButtonBackgroundPrimary'),
+  // 主要按钮文本颜色
+  primaryColor: (0, import_tokenHelper.getToken)("colorButtonTextPrimary"),
+  // 次要按钮背景色 默认是白色
+  // 次要按钮文本颜色
+  defaultColor: (0, import_tokenHelper.getToken)("colorButtonTextSecondary"),
+  // 次要按钮边框颜色
+  defaultBorderColor: (0, import_tokenHelper.getToken)("colorButtonTextSecondary"),
+  // 禁用按钮背景色 Hover
+  colorBgContainerDisabled: (0, import_tokenHelper.getToken)("colorButtonBackgroundPrimaryDisable"),
+  borderColorDisabled: (0, import_tokenHelper.getToken)("colorButtonBackgroundPrimaryDisable"),
+  colorTextDisabled: (0, import_tokenHelper.getToken)("colorButtonTextDisabled"),
+  // Success 按钮背景色
+  green1: (0, import_tokenHelper.getToken)("colorButtonBackgroundSuccess"),
+  green2: (0, import_tokenHelper.getToken)("colorButtonBackgroundSuccess"),
+  green3: (0, import_tokenHelper.getToken)("colorButtonBackgroundSuccess"),
+  green4: (0, import_tokenHelper.getToken)("colorButtonBackgroundSuccess"),
+  green5: (0, import_tokenHelper.getToken)("colorButtonBackgroundSuccess"),
+  green6: (0, import_tokenHelper.getToken)("colorButtonBackgroundSuccess"),
+  green7: (0, import_tokenHelper.getToken)("colorButtonBackgroundSuccess"),
+  // Inverse 反色配置 token配置不出来，用 inverse 判断处理。
+  // ghostBg: getToken('colorButtonBackgroundPrimaryInverse'),
+  // defaultGhostBorderColor: getToken('colorButtonBackgroundPrimaryInverse'),
+  // groupBorderColor: getToken('colorButtonBackgroundPrimaryInverse'),
+  // // 文本按钮的
+  // defaultGhostColor: getToken('colorButtonTextPrimaryInverse'),
+  // Inverse 反色配置 end
+  // 全局公用的：
+  // 按钮圆角
+  borderRadius: (0, import_tokenHelper.getToken)("borderRadiusButton"),
+  borderRadiusSM: (0, import_tokenHelper.getToken)("borderRadiusButton"),
+  borderRadiusLG: (0, import_tokenHelper.getToken)("borderRadiusButton"),
+  defaultShadow: "0 0px 0 rgba(0,0,0,0.02)",
+  primaryShadow: "0 0 0 rgba(5,145,255,0.1)",
+  //  gFontFamilySecondaryBold: String = "Roboto"
+  //  fontWeight700: Font.Weight = .bold 改用 text 组件实现
+  // fontWeight: getToken(''),
+  // fontfamily: getToken(''),
+  // 边框宽度
+  lineWidth: (0, import_tokenHelper.getToken)("borderWidthButtonSecondary"),
+  // 默认文本按钮的文本色
+  textTextColor: (0, import_tokenHelper.getToken)("colorButtonTextSecondary"),
+  // 按钮内间距
+  paddingInline: (0, import_tokenHelper.getToken)("spacingButtonPaddingHorizontal"),
+  paddingInlineSM: (0, import_tokenHelper.getToken)("spacingButtonPaddingHorizontal"),
+  paddingInlineLG: (0, import_tokenHelper.getToken)("spacingButtonPaddingHorizontal"),
+  paddingBlock: (0, import_tokenHelper.getToken)("spacingButtonPaddingVertical"),
+  paddingBlockSM: (0, import_tokenHelper.getToken)("spacingButtonPaddingVertical"),
+  paddingBlockLG: (0, import_tokenHelper.getToken)("spacingButtonPaddingVertical")
+};
+var inverseDesignTokens = {
+  // 算法配置
+  // algorithm: true,
+  // 主要按钮背景色
+  colorPrimary: (0, import_tokenHelper.getToken)("colorButtonBackgroundPrimaryInverse"),
+  // 主要按钮 Hover
+  colorPrimaryHover: (0, import_tokenHelper.getToken)("colorButtonBackgroundPrimaryInverse"),
+  colorPrimaryActive: (0, import_tokenHelper.getToken)("colorButtonBackgroundPrimaryInverse"),
+  // 主要按钮 Active
+  // colorPrimaryBg: getToken('colorButtonBackgroundPrimaryInverse'),
+  // 主要按钮文本颜色
+  primaryColor: (0, import_tokenHelper.getToken)("colorButtonTextPrimaryInverse"),
+  // 次要按钮背景色 默认是白色
+  defaultBg: "rgba(255,255,255,0)",
+  defaultHoverBg: "rgba(255,255,255,0)",
+  defaultActiveBg: "rgba(255,255,255,0)",
+  // 次要按钮文本颜色
+  defaultColor: (0, import_tokenHelper.getToken)("colorButtonTextSecondaryInverse"),
+  // 次要按钮边框颜色
+  defaultBorderColor: (0, import_tokenHelper.getToken)("colorButtonSecondaryBorderInverse"),
+  // 禁用按钮背景色 Hover
+  colorBgContainerDisabled: (0, import_tokenHelper.getToken)("colorButtonBackgroundPrimaryDisable"),
+  borderColorDisabled: (0, import_tokenHelper.getToken)("colorButtonBackgroundPrimaryDisable"),
+  colorTextDisabled: (0, import_tokenHelper.getToken)("colorButtonTextDisabled"),
+  // Success 按钮背景色
+  green1: (0, import_tokenHelper.getToken)("colorButtonBackgroundSuccess"),
+  green2: (0, import_tokenHelper.getToken)("colorButtonBackgroundSuccess"),
+  green3: (0, import_tokenHelper.getToken)("colorButtonBackgroundSuccess"),
+  green4: (0, import_tokenHelper.getToken)("colorButtonBackgroundSuccess"),
+  green5: (0, import_tokenHelper.getToken)("colorButtonBackgroundSuccess"),
+  green6: (0, import_tokenHelper.getToken)("colorButtonBackgroundSuccess"),
+  green7: (0, import_tokenHelper.getToken)("colorButtonBackgroundSuccess"),
+  // 全局公用的：
+  // 按钮圆角
+  borderRadius: (0, import_tokenHelper.getToken)("borderRadiusButton"),
+  borderRadiusSM: (0, import_tokenHelper.getToken)("borderRadiusButton"),
+  borderRadiusLG: (0, import_tokenHelper.getToken)("borderRadiusButton"),
+  defaultShadow: "0 0px 0 rgba(0,0,0,0.02)",
+  primaryShadow: "0 0 0 rgba(5,145,255,0.1)",
+  //  gFontFamilySecondaryBold: String = "Roboto"
+  //  fontWeight700: Font.Weight = .bold 改用 text 组件实现
+  // fontWeight: getToken(''),
+  // fontfamily: getToken(''),
+  // 边框宽度
+  lineWidth: (0, import_tokenHelper.getToken)("borderWidthButtonSecondary"),
+  // 默认文本按钮的文本色
+  textTextColor: (0, import_tokenHelper.getToken)("colorButtonTextSecondary"),
+  // 按钮内间距
+  paddingInline: (0, import_tokenHelper.getToken)("spacingButtonPaddingHorizontal"),
+  paddingInlineSM: (0, import_tokenHelper.getToken)("spacingButtonPaddingHorizontal"),
+  paddingInlineLG: (0, import_tokenHelper.getToken)("spacingButtonPaddingHorizontal"),
+  paddingBlock: (0, import_tokenHelper.getToken)("spacingButtonPaddingVertical"),
+  paddingBlockSM: (0, import_tokenHelper.getToken)("spacingButtonPaddingVertical"),
+  paddingBlockLG: (0, import_tokenHelper.getToken)("spacingButtonPaddingVertical")
+};

package/lib/components/Button/index.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import type { TextProps } from "../Text";
+import './style/index.less';
+export type HtmlType = 'button' | 'reset' | 'submit';
+export type Size = 'middle' | 'small' | 'large';
+export type ButtonType = 'primary' | 'default' | 'dashed' | 'link' | 'text';
+export type ButtonColorType = 'default' | 'primary' | 'danger' | 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';
+export interface ButtonThemeConfig {
+    token?: Record<string, any>;
+    components?: {
+        Button?: Record<string, any>;
+        [key: string]: any;
+    };
+    cssVar?: boolean;
+    hashed?: boolean;
+    [key: string]: any;
+}
+export interface xDXpProps {
+    'x-dxp-prop'?: string;
+}
+export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'color'> {
+    type?: ButtonType;
+    color?: ButtonColorType;
+    inverse?: boolean;
+    loading?: boolean;
+    htmlType?: HtmlType;
+    size?: Size;
+    fontSize?: TextProps['size'];
+    disabled?: boolean;
+    block?: boolean;
+    style?: React.CSSProperties;
+    theme?: string | ButtonThemeConfig;
+    prefixCls?: string;
+    'aria-label'?: React.AriaAttributes['aria-label'];
+    contentClassName?: string;
+    [key: string]: any;
+}
+declare const ButtonWithContext: React.FC<ButtonProps>;
+export default ButtonWithContext;

package/lib/components/Button/index.js

@@ -0,0 +1,132 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Button/index.tsx
+var Button_exports = {};
+__export(Button_exports, {
+  default: () => Button_default
+});
+module.exports = __toCommonJS(Button_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_Text = __toESM(require("../Text"));
+var import_constants = require("../../constants");
+var import_noop = require("../../utils/noop");
+var import_designTokens = require("./designTokens");
+var import_style = require("./style/index.less");
+var ButtonComponent = class extends import_react.PureComponent {
+  render() {
+    var _b, _c, _d;
+    const { children, inverse, fontSize, theme, parentTheme } = this.props;
+    const _a = this.props, { fontSize: _, theme: __, inverse: ___, parentTheme: ____ } = _a, filteredProps = __objRest(_a, ["fontSize", "theme", "inverse", "parentTheme"]);
+    const baseTokens = inverse ? import_designTokens.inverseDesignTokens : import_designTokens.designTokens;
+    let themeConfig = {
+      components: {
+        Button: baseTokens
+      },
+      token: {},
+      cssVar: true,
+      hashed: false
+    };
+    if (parentTheme) {
+      const parentButtonTokens = ((_b = parentTheme.components) == null ? void 0 : _b.Button) || {};
+      const parentGlobalTokens = parentTheme.token || {};
+      themeConfig = __spreadProps(__spreadValues(__spreadValues({}, themeConfig), parentTheme), {
+        token: __spreadValues(__spreadValues({}, themeConfig.token || {}), parentGlobalTokens),
+        components: __spreadProps(__spreadValues({}, parentTheme.components), {
+          Button: __spreadValues(__spreadValues({}, baseTokens), parentButtonTokens)
+        })
+      });
+    }
+    if (theme && typeof theme === "object") {
+      const userButtonTokens = ((_c = theme.components) == null ? void 0 : _c.Button) || {};
+      const userGlobalTokens = theme.token || {};
+      themeConfig = __spreadProps(__spreadValues(__spreadValues({}, themeConfig), theme), {
+        token: __spreadValues(__spreadValues({}, themeConfig.token || {}), userGlobalTokens),
+        components: __spreadProps(__spreadValues(__spreadValues({}, themeConfig.components), theme.components), {
+          Button: __spreadValues(__spreadValues(__spreadValues({}, baseTokens), ((_d = parentTheme == null ? void 0 : parentTheme.components) == null ? void 0 : _d.Button) || {}), userButtonTokens)
+        })
+      });
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.ConfigProvider,
+      {
+        wave: { disabled: true },
+        prefixCls: import_constants.cssClasses.PREFIX,
+        theme: themeConfig
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, __spreadValues({}, filteredProps), /* @__PURE__ */ import_react.default.createElement(import_Text.default, { size: fontSize }, children))
+    );
+  }
+};
+ButtonComponent.defaultProps = {
+  disabled: false,
+  size: "large",
+  type: "default",
+  theme: "light",
+  htmlType: "button",
+  onMouseDown: import_noop.noop,
+  onClick: import_noop.noop,
+  onMouseEnter: import_noop.noop,
+  onMouseLeave: import_noop.noop,
+  prefixCls: import_constants.cssClasses.PREFIX + "-button"
+};
+var ButtonWithContext = (props) => {
+  const { theme: parentTheme } = import_react.default.useContext(import_antd.ConfigProvider.ConfigContext);
+  return /* @__PURE__ */ import_react.default.createElement(ButtonComponent, __spreadProps(__spreadValues({}, props), { parentTheme }));
+};
+var Button_default = ButtonWithContext;

package/lib/components/Button/style/index.less

@@ -0,0 +1,38 @@
+@import './variables.less';
+
+// 基础按钮样式
+@components: button;
+
+// 使用字符串拼接
+.@{prefix}-@{components} {
+  min-width: 128px;
+  padding-top: 8px;
+  padding-bottom: 8px;
+
+  // 按钮类型
+  // &-primary {
+  //   background-color: @btn-primary-bg-default;
+  // }
+  &:not(:disabled):not(.ant-btn-disabled):hover {
+    opacity: 0.8;
+    transition: opacity 0.3s ease, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+    .@{prefix}-text {
+      transform: scale(0.9);
+      transform-origin: center;
+      transition: opacity 0.3s ease, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+  }
+
+  &:not(:disabled):not(.dxp-button-disabled):active {
+    opacity: 0.5;
+    transition: opacity 0.3s ease, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+    .@{prefix}-text {
+      transform: scale(0.9);
+      transform-origin: center;
+      transition: opacity 0.3s ease, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+  }
+  &:focus, &:focus-visible{
+    outline: none;
+  }
+}

package/lib/components/Button/style/variables.less

@@ -0,0 +1,5 @@
+
+@import '../../../style/variables.less';
+
+// Primary Button
+@btn-primary-bg-default: var(--base-color-primary);

package/lib/components/Chip/designTokens.d.ts

@@ -0,0 +1,15 @@
+declare const designTokens: {
+    borderRadiusChip: any;
+    colorChipBackgroundStandard: any;
+    colorChipBorderStandard: any;
+    borderWidthChip: any;
+    spacingChipPaddingHorizontal: any;
+    spacingChipPaddingVertical: any;
+    colorChipBackgroundHover: any;
+    colorChipTextInactive: any;
+    colorChipBackgroundActive: any;
+    colorChipBorderActive: any;
+    colorChipTextActive: any;
+    sizingChipIconClose: any;
+};
+export { designTokens };

package/lib/components/Chip/designTokens.js

@@ -0,0 +1,45 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Chip/designTokens.ts
+var designTokens_exports = {};
+__export(designTokens_exports, {
+  designTokens: () => designTokens
+});
+module.exports = __toCommonJS(designTokens_exports);
+var import_tokenHelper = require("../../utils/tokenHelper");
+var designTokens = {
+  borderRadiusChip: (0, import_tokenHelper.getToken)("borderRadiusChip"),
+  // 选中的边框颜色
+  colorChipBackgroundStandard: (0, import_tokenHelper.getToken)("colorChipBackgroundStandard"),
+  // 选中的label颜色
+  colorChipBorderStandard: (0, import_tokenHelper.getToken)("colorChipBorderStandard"),
+  // hover label颜色
+  borderWidthChip: (0, import_tokenHelper.getToken)("borderWidthChip"),
+  // active label颜色
+  spacingChipPaddingHorizontal: (0, import_tokenHelper.getToken)("spacingChipPaddingHorizontal"),
+  // 默认label颜色
+  spacingChipPaddingVertical: (0, import_tokenHelper.getToken)("spacingChipPaddingVertical"),
+  // 未选中的边框
+  colorChipBackgroundHover: (0, import_tokenHelper.getToken)("colorChipBackgroundHover"),
+  colorChipTextInactive: (0, import_tokenHelper.getToken)("colorChipTextInactive"),
+  colorChipBackgroundActive: (0, import_tokenHelper.getToken)("colorChipBackgroundActive"),
+  colorChipBorderActive: (0, import_tokenHelper.getToken)("colorChipBorderActive"),
+  colorChipTextActive: (0, import_tokenHelper.getToken)("colorChipTextActive"),
+  sizingChipIconClose: (0, import_tokenHelper.getToken)("sizingChipIconClose")
+};

package/lib/components/Chip/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './style/index.less';
+export interface ChipProps {
+    prefixCls?: string;
+    children?: React.ReactNode;
+    types?: 'textOnly' | 'removable';
+    style?: React.CSSProperties;
+    onClose?: () => void;
+    onChange?: () => void;
+    [key: string]: any;
+}
+declare const Chip: (props: ChipProps) => React.JSX.Element;
+export default Chip;

package/lib/components/Chip/index.js

@@ -0,0 +1,178 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Chip/index.tsx
+var Chip_exports = {};
+__export(Chip_exports, {
+  default: () => Chip_default
+});
+module.exports = __toCommonJS(Chip_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_cssinjs = require("@ant-design/cssinjs");
+var import_theme = require("../../utils/theme");
+var import_designTokens = require("./designTokens");
+var import_constants = require("../../constants");
+var import_Text = __toESM(require("../Text"));
+var import_style = require("./style/index.less");
+var Chip = (props) => {
+  const _a = props, {
+    types = "textOnly",
+    children,
+    prefixCls = "tag",
+    checked,
+    onChange = () => {
+    },
+    onClose = () => {
+    },
+    style
+  } = _a, attr = __objRest(_a, [
+    "types",
+    "children",
+    "prefixCls",
+    "checked",
+    "onChange",
+    "onClose",
+    "style"
+  ]);
+  const {
+    borderRadiusChip,
+    colorChipBackgroundStandard,
+    colorChipBorderStandard,
+    borderWidthChip,
+    spacingChipPaddingHorizontal,
+    spacingChipPaddingVertical,
+    colorChipBackgroundHover,
+    colorChipTextInactive,
+    colorChipBackgroundActive,
+    colorChipBorderActive,
+    colorChipTextActive,
+    sizingChipIconClose
+    // spacingChipTextLinkPaddingVertical,
+    // spacingChipTextLinkPaddingHorizontal,
+  } = import_designTokens.designTokens;
+  const useCustomButtonStyle = () => {
+    const hashId = (0, import_cssinjs.useStyleRegister)({
+      theme: import_theme.theme,
+      token: { baseColor: "blue" },
+      path: ["tag-textonly"]
+    }, () => `
+      .tag-textonly {
+        color: ${colorChipTextInactive};
+        border-color: ${colorChipBorderStandard};
+        border-width: ${borderWidthChip}px;
+        border-radius: ${borderRadiusChip}px;
+        background-color: ${colorChipBackgroundStandard};
+        padding: ${spacingChipPaddingVertical}px ${spacingChipPaddingHorizontal}px;
+      }
+      .tag-textonly:hover {
+        background-color: ${colorChipBackgroundHover};
+      }
+      .tag-textonly:active {
+        background-color: ${colorChipBackgroundHover};
+      }
+      .tag-active,
+      .tag-active:hover,
+      .tag-active:active {
+        color: ${colorChipTextActive};
+        border-color: ${colorChipBorderActive};
+        background-color: ${colorChipBackgroundActive};
+      }
+    `);
+    return hashId;
+  };
+  useCustomButtonStyle();
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.ConfigProvider,
+    {
+      prefixCls: import_constants.BASE_CLASS_PREFIX,
+      theme: {
+        components: {
+          Tag: {
+            borderRadiusSM: borderRadiusChip,
+            defaultBg: colorChipBackgroundActive,
+            colorBorder: colorChipBorderActive,
+            lineWidth: borderWidthChip,
+            colorText: colorChipTextActive,
+            marginXS: 16,
+            fontSizeIcon: sizingChipIconClose
+            // spacingChipTextLinkPaddingVertical,
+            // spacingChipTextLinkPaddingHorizontal,
+          }
+        }
+      }
+    },
+    types === "textOnly" ? /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        className: `${import_constants.BASE_CLASS_PREFIX}-${prefixCls}-${types} tag-textonly ${checked ? "tag-active" : ""}`,
+        onClick: () => onChange(),
+        style
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_Text.default, { size: "ContentC14Regular" }, children)
+    ) : /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Tag,
+      __spreadValues({
+        className: `${import_constants.BASE_CLASS_PREFIX}-${prefixCls}-${types}`,
+        style: __spreadValues({ padding: `${spacingChipPaddingVertical}px ${spacingChipPaddingHorizontal}px` }, style),
+        onClose: (e) => {
+          e.preventDefault();
+          onClose();
+        }
+      }, attr),
+      /* @__PURE__ */ import_react.default.createElement(import_Text.default, { size: "ContentC14Regular" }, children)
+    )
+  );
+};
+var Chip_default = Chip;

package/lib/components/Chip/style/index.less

@@ -0,0 +1,9 @@
+
+@import './variables.less';
+
+@components: tag;
+.@{prefix}-@{components}-textOnly {
+  border-style: solid;
+  cursor: pointer;
+  white-space: nowrap;
+}

package/lib/components/Chip/style/variables.less

@@ -0,0 +1,4 @@
+
+@import '../../../style/variables.less';
+
+@btn-primary-bg-default: var(--base-color-primary);

package/lib/components/Divider/index.d.ts

@@ -0,0 +1,16 @@
+import React, { PureComponent } from 'react';
+import './style/index.less';
+export interface DividerProps {
+    type?: 'solid' | 'dashed' | 'eight' | 'whiteBg' | 'grayBg' | 'vertical';
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    [key: string]: any;
+}
+export default class Divider extends PureComponent<DividerProps> {
+    static defaultProps: {
+        type: string;
+        prefixCls: string;
+    };
+    render(): React.JSX.Element;
+}