@digitalc/dxp-ui 0.0.5-alpha.15 → 0.0.5-alpha.17

package/es/components/TextInputOutside/designTokens.d.ts

@@ -1,4 +1,4 @@
-declare const designTokens: {
+declare const useDesignTokens: () => {
     borderRadius: any;
     paddingBlock: any;
     paddingInline: any;
@@ -14,7 +14,7 @@ declare const designTokens: {
     fontSize: any;
     colorBgContainerDisabled: any;
 };
-declare const designFormTokens: {
+declare const useDesignFormTokens: () => {
     labelRequiredMarkColor: any;
     colorError: any;
     lineHeight: number;
@@ -24,7 +24,7 @@ declare const designFormTokens: {
     fontSize: any;
     itemMarginBottom: number;
 };
-declare const designFormHorizontalTokens: {
+declare const useDesignFormHorizontalTokens: () => {
     verticalLabelPadding: string;
     labelRequiredMarkColor: any;
     colorError: any;
@@ -35,7 +35,7 @@ declare const designFormHorizontalTokens: {
     fontSize: any;
     itemMarginBottom: number;
 };
-declare const styleToken: {
+declare const useStyleToken: () => {
     [x: string]: any;
 };
-export { designTokens, designFormTokens, designFormHorizontalTokens, styleToken };
+export { useDesignTokens, useDesignFormTokens, useDesignFormHorizontalTokens, useStyleToken };

package/es/components/TextInputOutside/designTokens.js

@@ -1,67 +1,83 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { getToken } from "../../utils/tokenHelper";
 import { cssClasses } from "../../constants";
+import { useDynamicTokens } from "../../utils";
 var prefixCls = cssClasses.PREFIX + '-input-outside';
-var designTokens = {
-  borderRadius: getToken('borderRadiusInput'),
-  // 圆角
-  paddingBlock: getToken('spacinginputpaddingVerticalM'),
-  // 纵向内边距
-  paddingInline: getToken('spacingInputPaddingHorizontal'),
-  // 横向内边距
-  colorText: getToken('colorInputTextActive'),
-  // 内容文本颜色
-  hoverBorderColor: getToken('colorInputBorderActive'),
-  // hover边框颜色
-  activeBorderColor: getToken('colorInputBorderActive'),
-  // active边框颜色
-  activeShadow: '0px 0px 0px 2px #180C8E33',
-  // 边框shadow颜色
-  colorError: getToken('colorInputTextError'),
-  // 错误信息文本颜色
-  colorBgContainer: getToken('colorInputBackground'),
-  // 背景颜色
-  borderWidthInputStandard: getToken('borderWidthInputStandard'),
-  // 标准边框宽度
-  colorBorder: getToken('colorInputBorderStandard'),
-  // 标准边框颜色
-  colorInputTextPlaceholder: getToken('colorInputTextPlaceholder'),
-  // placeholder文本颜色
-  fontSize: getToken('ContentC14Regular'),
-  // 字体大小
-  colorBgContainerDisabled: getToken('colorInputBackgroundHaze') // 背景颜色
+var useDesignTokens = function useDesignTokens() {
+  var getToken = useDynamicTokens();
+  var designTokens = {
+    borderRadius: getToken('borderRadiusInput'),
+    // 圆角
+    paddingBlock: getToken('spacinginputpaddingVerticalM'),
+    // 纵向内边距
+    paddingInline: getToken('spacingInputPaddingHorizontal'),
+    // 横向内边距
+    colorText: getToken('colorInputTextActive'),
+    // 内容文本颜色
+    hoverBorderColor: getToken('colorInputBorderActive'),
+    // hover边框颜色
+    activeBorderColor: getToken('colorInputBorderActive'),
+    // active边框颜色
+    activeShadow: '0px 0px 0px 2px #180C8E33',
+    // 边框shadow颜色
+    colorError: getToken('colorInputTextError'),
+    // 错误信息文本颜色
+    colorBgContainer: getToken('colorInputBackground'),
+    // 背景颜色
+    borderWidthInputStandard: getToken('borderWidthInputStandard'),
+    // 标准边框宽度
+    colorBorder: getToken('colorInputBorderStandard'),
+    // 标准边框颜色
+    colorInputTextPlaceholder: getToken('colorInputTextPlaceholder'),
+    // placeholder文本颜色
+    fontSize: getToken('ContentC14Regular'),
+    // 字体大小
+    colorBgContainerDisabled: getToken('colorInputBackgroundHaze') // 背景颜色
+  };
+  return designTokens;
 };
-var designFormTokens = {
-  labelRequiredMarkColor: getToken('colorInputTextError'),
-  colorError: getToken('colorInputTextError'),
-  // 错误信息文本颜色
-  lineHeight: 24 / getToken('ContentC14Regular'),
-  // 行高
-  labelHeight: 24 / getToken('ContentC14Regular'),
-  // 行高
-  labelColor: getToken('colorInputTextLabel'),
-  // label文本颜色
-  labelFontSize: getToken('ContentC14Regular'),
-  fontSize: getToken('ContentC14Regular'),
-  // 字体大小
-  itemMarginBottom: 28
+var useDesignFormTokens = function useDesignFormTokens() {
+  var getToken = useDynamicTokens();
+  var designFormTokens = {
+    labelRequiredMarkColor: getToken('colorInputTextError'),
+    colorError: getToken('colorInputTextError'),
+    // 错误信息文本颜色
+    lineHeight: 24 / getToken('ContentC14Regular'),
+    // 行高
+    labelHeight: 24 / getToken('ContentC14Regular'),
+    // 行高
+    labelColor: getToken('colorInputTextLabel'),
+    // label文本颜色
+    labelFontSize: getToken('ContentC14Regular'),
+    fontSize: getToken('ContentC14Regular'),
+    // 字体大小
+    itemMarginBottom: 28
+  };
+  return designFormTokens;
 };
-var designFormHorizontalTokens = {
-  verticalLabelPadding: '0 0 8px',
-  labelRequiredMarkColor: getToken('colorInputTextError'),
-  colorError: getToken('colorInputTextError'),
-  // 错误信息文本颜色
-  labelHeight: "".concat(getToken('spacinginputpaddingVerticalM') * 2 + 24, "px"),
-  // label高
-  labelColor: getToken('colorInputTextLabel'),
-  // label文本颜色
-  lineHeight: 24 / getToken('ContentC14Regular'),
-  // 行高
-  labelFontSize: getToken('ContentC14Regular'),
-  fontSize: getToken('ContentC14Regular'),
-  // 字体大小
-  itemMarginBottom: 28
+var useDesignFormHorizontalTokens = function useDesignFormHorizontalTokens() {
+  var getToken = useDynamicTokens();
+  var designFormHorizontalTokens = {
+    verticalLabelPadding: '0 0 8px',
+    labelRequiredMarkColor: getToken('colorInputTextError'),
+    colorError: getToken('colorInputTextError'),
+    // 错误信息文本颜色
+    labelHeight: "".concat(getToken('spacinginputpaddingVerticalM') * 2 + 24, "px"),
+    // label高
+    labelColor: getToken('colorInputTextLabel'),
+    // label文本颜色
+    lineHeight: 24 / getToken('ContentC14Regular'),
+    // 行高
+    labelFontSize: getToken('ContentC14Regular'),
+    fontSize: getToken('ContentC14Regular'),
+    // 字体大小
+    itemMarginBottom: 28
+  };
+  return designFormHorizontalTokens;
 };
-// --dxp-input-outside-line-height
-var styleToken = _defineProperty({}, "--".concat(prefixCls, "-color-error-border-hover"), getToken('colorInputBorderError'));
-export { designTokens, designFormTokens, designFormHorizontalTokens, styleToken };
+var useStyleToken = function useStyleToken() {
+  var getToken = useDynamicTokens();
+  // --dxp-input-outside-line-height
+  var styleToken = _defineProperty({}, "--".concat(prefixCls, "-color-error-border-hover"), getToken('colorInputBorderError'));
+  return styleToken;
+};
+export { useDesignTokens, useDesignFormTokens, useDesignFormHorizontalTokens, useStyleToken };

package/es/components/TextInputOutside/index.js

@@ -6,12 +6,12 @@ import "antd/es/input/style";
 import _Input from "antd/es/input";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["layout", "placeholder", "disabled"];
+var _excluded = ["layout", "placeholder", "disabled", "style", "className"];
 import React from 'react';
 import { useStyleRegister } from '@ant-design/cssinjs';
 import { theme } from "../../utils/theme";
 import { cssClasses } from "../../constants";
-import { designTokens, designFormTokens, designFormHorizontalTokens, styleToken } from "./designTokens";
+import { useDesignTokens, useDesignFormTokens, useDesignFormHorizontalTokens, useStyleToken } from "./designTokens";
 import "./style/index.less";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 var TextInputOutside = function TextInputOutside(props) {
@@ -19,14 +19,19 @@ var TextInputOutside = function TextInputOutside(props) {
     layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
     placeholder = props.placeholder,
     disabled = props.disabled,
+    style = props.style,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
     attr = _objectWithoutProperties(props, _excluded);
   var prefix = "".concat(cssClasses.PREFIX, "-inputOutside");
+  var designTokens = useDesignTokens();
+  var designFormTokens = useDesignFormTokens();
+  var designFormHorizontalTokens = useDesignFormHorizontalTokens();
+  var styleToken = useStyleToken();
   var useCustomButtonStyle = function useCustomButtonStyle() {
     var hashId = useStyleRegister({
       theme: theme,
-      token: {
-        baseColor: 'blue'
-      },
+      token: {},
       path: ["".concat(prefix)]
     }, function () {
       return "\n      .".concat(prefix, "-input {\n        height: ").concat(designTokens.paddingBlock * 2 + 24, "px;;\n      }\n    ");
@@ -52,12 +57,12 @@ var TextInputOutside = function TextInputOutside(props) {
       },
       children: /*#__PURE__*/_jsx(_Form.Item, _objectSpread(_objectSpread({
         layout: layout,
-        className: prefix
+        className: "".concat(prefix, " ").concat(className)
       }, attr), {}, {
         children: /*#__PURE__*/_jsx(_Input, {
           placeholder: placeholder,
           disabled: disabled,
-          style: _objectSpread({}, customStyle)
+          style: _objectSpread(_objectSpread({}, customStyle), style)
         })
       }))
     })

package/es/components/TextLink/designTokens.d.ts

@@ -1,4 +1,4 @@
-declare const designTokens: {
+declare const useDesignTokens: () => {
     spacingTextLinkHorizontalGap: any;
     sizingTextLinkIconLeft: any;
     sizingTextLinkIconRight: any;
@@ -7,4 +7,4 @@ declare const designTokens: {
     colorTextLinkIconInverse: any;
     colorTextLinkIcon: any;
 };
-export default designTokens;
+export { useDesignTokens };

package/es/components/TextLink/designTokens.js

@@ -1,11 +1,15 @@
-import TokenManager from "../../utils/tokenManager";
-var designTokens = {
-  spacingTextLinkHorizontalGap: TokenManager.tokenKey('spacingTextLinkHorizontalGap'),
-  sizingTextLinkIconLeft: TokenManager.tokenKey('sizingTextLinkIconLeft'),
-  sizingTextLinkIconRight: TokenManager.tokenKey('sizingTextLinkIconRight'),
-  colorTextLinkTextInverse: TokenManager.tokenKey('colorTextLinkTextInverse'),
-  colorTextLinkText: TokenManager.tokenKey('colorTextLinkText'),
-  colorTextLinkIconInverse: TokenManager.tokenKey('colorTextLinkIconInverse'),
-  colorTextLinkIcon: TokenManager.tokenKey('colorTextLinkIcon')
+import { useDynamicTokens } from "../../utils";
+var useDesignTokens = function useDesignTokens() {
+  var getToken = useDynamicTokens();
+  var designTokens = {
+    spacingTextLinkHorizontalGap: getToken('spacingTextLinkHorizontalGap'),
+    sizingTextLinkIconLeft: getToken('sizingTextLinkIconLeft'),
+    sizingTextLinkIconRight: getToken('sizingTextLinkIconRight'),
+    colorTextLinkTextInverse: getToken('colorTextLinkTextInverse'),
+    colorTextLinkText: getToken('colorTextLinkText'),
+    colorTextLinkIconInverse: getToken('colorTextLinkIconInverse'),
+    colorTextLinkIcon: getToken('colorTextLinkIcon')
+  };
+  return designTokens;
 };
-export default designTokens;
+export { useDesignTokens };

package/es/components/TextLink/index.js

@@ -4,7 +4,7 @@ var _excluded = ["text", "style", "iconName", "iconSize", "type", "inverse", "on
 import React from 'react';
 import Text from "../Text";
 import Icon from "../Icon";
-import designTokens from "./designTokens";
+import { useDesignTokens } from "./designTokens";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export var TextLinkEnum = {
   default: 'default',
@@ -25,6 +25,7 @@ var TextLink = function TextLink(props) {
     onClick = props.onClick,
     className = props.className,
     restProps = _objectWithoutProperties(props, _excluded);
+  var designTokens = useDesignTokens();
   var spacingTextLinkHorizontalGap = designTokens.spacingTextLinkHorizontalGap,
     sizingTextLinkIconLeft = designTokens.sizingTextLinkIconLeft,
     sizingTextLinkIconRight = designTokens.sizingTextLinkIconRight,

package/es/components/Toast/designTokens.d.ts

@@ -1,4 +1,4 @@
-declare const designTokens: {
+declare const useDesignTokens: () => {
     colorText: any;
     contentBg: any;
     borderRadiusLG: any;
@@ -10,4 +10,4 @@ declare const designTokens: {
     colorLinkText: any;
     sizingToastIcon: any;
 };
-export { designTokens };
+export { useDesignTokens };

package/es/components/Toast/designTokens.js

@@ -1,20 +1,21 @@
-import { getToken } from "../../utils/tokenHelper";
-var designTokens = {
-  // 算法配置
-  // algorithm: true,
-
-  colorText: getToken('colorToastTextInverse'),
-  contentBg: getToken('colorToastBackground'),
-  borderRadiusLG: getToken('borderRadiusCardSm'),
-  colorWarning: "rgb(255,181,36)",
-  colorSuccess: "rgb(0,179,121)",
-  // 成功状态的颜色
-  colorInfo: "rgb(255,93,118)",
-  horizontalGap: "".concat(getToken('spacingToastPaddingHorizontal'), "px"),
-  contentPadding: "".concat(getToken('spacingToastPaddingHorizontal'), "px ").concat(getToken('spacingToastPaddingVertical'), "px"),
-  colorLinkText: getToken('colorToastTextLinkInverse'),
-  sizingToastIcon: getToken('sizingToastIcon')
+import { useDynamicTokens } from "../../utils";
+var useDesignTokens = function useDesignTokens() {
+  var getToken = useDynamicTokens();
+  var designTokens = {
+    // 算法配置
+    // algorithm: true,
+    colorText: getToken('colorToastTextInverse'),
+    contentBg: getToken('colorToastBackground'),
+    borderRadiusLG: getToken('borderRadiusCardSm'),
+    colorWarning: "rgb(255,181,36)",
+    colorSuccess: "rgb(0,179,121)",
+    // 成功状态的颜色
+    colorInfo: "rgb(255,93,118)",
+    horizontalGap: "".concat(getToken('spacingToastPaddingHorizontal'), "px"),
+    contentPadding: "".concat(getToken('spacingToastPaddingHorizontal'), "px ").concat(getToken('spacingToastPaddingVertical'), "px"),
+    colorLinkText: getToken('colorToastTextLinkInverse'),
+    sizingToastIcon: getToken('sizingToastIcon')
+  };
+  return designTokens;
 };
-
-// export default designTokens;
-export { designTokens };
+export { useDesignTokens };

package/es/components/Toast/index.js

@@ -11,7 +11,7 @@ import classNames from 'classnames';
 import { theme } from "../../utils/theme";
 import { cssClasses } from "../../constants";
 import Icon from "../Icon";
-import { designTokens } from "./designTokens";
+import { useDesignTokens } from "./designTokens";
 import "./style/index.less";
 
 // 直接继承并扩展（如果需要）
@@ -31,6 +31,7 @@ var _useMessage = function useMessage() {
     messageApi = _message$useMessage2[0],
     contextHolder = _message$useMessage2[1];
   var prefixCls = cssClasses.PREFIX + '-toast';
+  var designTokens = useDesignTokens();
 
   // 使用 useStyleRegister 注册自定义样式
   var useCustomToastStyle = function useCustomToastStyle() {

package/es/components/Toggle/designTokens.d.ts

@@ -1,4 +1,4 @@
-declare const designTokens: {
+declare const useDesignTokens: () => {
     handleBg: any;
     colorPrimary: any;
     colorPrimaryHover: any;
@@ -6,4 +6,4 @@ declare const designTokens: {
     colorTextTertiary: any;
     colorTextLightSolid: any;
 };
-export default designTokens;
+export { useDesignTokens };

package/es/components/Toggle/designTokens.js

@@ -1,13 +1,17 @@
-import TokenManager from "../../utils/tokenManager";
-var designTokens = {
-  handleBg: TokenManager.tokenKey('colorToggleOn'),
-  // 滑块背景色 colorToggleOn colorToggleOff
-  colorPrimary: TokenManager.tokenKey('colorToggleBaseActive'),
-  // colorToggleBaseActive '#3434E1'
-  colorPrimaryHover: TokenManager.tokenKey('colorToggleBaseActive'),
-  colorTextQuaternary: TokenManager.tokenKey('colorToggleBase'),
-  // colorToggleBase
-  colorTextTertiary: TokenManager.tokenKey('colorToggleBase'),
-  colorTextLightSolid: TokenManager.tokenKey('colorToggleBase')
+import { useDynamicTokens } from "../../utils";
+var useDesignTokens = function useDesignTokens() {
+  var getToken = useDynamicTokens();
+  var designTokens = {
+    handleBg: getToken('colorToggleOn'),
+    // 滑块背景色 colorToggleOn colorToggleOff
+    colorPrimary: getToken('colorToggleBaseActive'),
+    // colorToggleBaseActive '#3434E1'
+    colorPrimaryHover: getToken('colorToggleBaseActive'),
+    colorTextQuaternary: getToken('colorToggleBase'),
+    // colorToggleBase
+    colorTextTertiary: getToken('colorToggleBase'),
+    colorTextLightSolid: getToken('colorToggleBase')
+  };
+  return designTokens;
 };
-export default designTokens;
+export { useDesignTokens };

package/es/components/Toggle/index.js

@@ -5,9 +5,10 @@ import _Switch from "antd/es/switch";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React from 'react';
 import { BASE_CLASS_PREFIX } from "../../constants";
-import designTokens from "./designTokens";
+import { useDesignTokens } from "./designTokens";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Toggle = function Toggle(props) {
+  var designTokens = useDesignTokens();
   return /*#__PURE__*/_jsx(_ConfigProvider, {
     prefixCls: BASE_CLASS_PREFIX,
     theme: {

package/es/components/index.d.ts

@@ -24,11 +24,15 @@ export { default as Search } from './Search';
 export type { SearchProps } from './Search';
 export { default as Accordion } from './Accordion';
 export type { AccordionProps } from './Accordion';
+export { default as Card } from './Card';
+export type { CardProps } from './Card';
+export { default as Notification } from './Notification';
+export type { NotificationProps } from './Notification';
 export { default as Toggle } from './Toggle';
 export type { IToggleProps } from './Toggle';
 export { default as Image } from './Image';
 export type { IImageProps } from './Image';
-export { BackImageEunm } from './Image';
+export { BackImageEnum } from './Image';
 export { default as Icon } from './Icon';
 export type { IIconProps } from './Icon';
 export { default as TextLink, TextLinkEnum } from './TextLink';
@@ -37,6 +41,7 @@ export { Toast } from './Toast';
 export type { ToastProps } from './Toast';
 export { default as Stepper } from './Stepper';
 export type { StepperProps } from './Stepper';
+export { stepperTypes } from './Stepper';
 export { default as IconButton } from './IconButton';
 export { default as IconButtonGroup } from './IconButtonGroup';
 export type { IconButtonProps } from './IconButton';
@@ -47,3 +52,4 @@ export { default as Navigation } from './Navigation';
 export type { RightLinkConfig, RightIcon, TitleIconBadgeConfig, INavigationProps } from './Navigation';
 export { default as ListItem } from './ListItem';
 export { ListItemTypes, TAPPABLE_AREAS } from './ListItem';
+export { default as GlobalTokenProvider } from './GlobalTokenProvider';

package/es/components/index.js

@@ -13,17 +13,21 @@ export { default as TextInputInside } from "./TextInputInside";
 export { default as TextInputOutside } from "./TextInputOutside";
 export { default as Search } from "./Search";
 export { default as Accordion } from "./Accordion";
+export { default as Card } from "./Card";
+export { default as Notification } from "./Notification";
 export { default as Toggle } from "./Toggle";
 export { default as Image } from "./Image";
-export { BackImageEunm } from "./Image";
+export { BackImageEnum } from "./Image";
 export { default as Icon } from "./Icon";
 export { default as TextLink, TextLinkEnum } from "./TextLink";
 export { Toast } from "./Toast";
 export { default as Stepper } from "./Stepper";
+export { stepperTypes } from "./Stepper";
 export { default as IconButton } from "./IconButton";
 export { default as IconButtonGroup } from "./IconButtonGroup";
 export { default as Drawer } from "./Drawer";
 export { DrawerTypeEnum } from "./Drawer";
 export { default as Navigation } from "./Navigation";
 export { default as ListItem } from "./ListItem";
-export { ListItemTypes, TAPPABLE_AREAS } from "./ListItem";
+export { ListItemTypes, TAPPABLE_AREAS } from "./ListItem";
+export { default as GlobalTokenProvider } from "./GlobalTokenProvider";

package/es/constants/index.d.ts

@@ -3,7 +3,10 @@ declare const cssClasses: {
     PREFIX: string;
 };
 declare const strings: {
-    readonly breakpoint: readonly ["desktop", "mobile"];
+    readonly breakpoint: {
+        readonly DESKTOP: "desktop";
+        readonly MOBILE: "mobile";
+    };
     readonly sizes: readonly ["default", "small", "large"];
     readonly iconPositions: readonly ["left", "right"];
     readonly htmlTypes: readonly ["button", "reset", "submit"];

package/es/constants/index.js

@@ -4,7 +4,11 @@ var cssClasses = {
   PREFIX: "".concat(BASE_CLASS_PREFIX)
 };
 var strings = {
-  breakpoint: ['desktop', 'mobile'],
+  // 将 breakpoint 从数组改为对象，使用更明确的键名
+  breakpoint: {
+    DESKTOP: 'desktop',
+    MOBILE: 'mobile'
+  },
   sizes: ['default', 'small', 'large'],
   iconPositions: ['left', 'right'],
   htmlTypes: ['button', 'reset', 'submit'],

package/es/index.d.ts

@@ -1,3 +1,5 @@
 import './style/themes/index.css';
 export * from './components';
+export { default as tokenManager } from './utils/tokenManager';
+export { useBreakPoint, useIsMobile, checkIsMobile } from './utils/deviceType';
 export * from './utils/themeContext';

package/es/index.js

@@ -1,3 +1,7 @@
 import "./style/themes/index.css";
 export * from "./components";
+export { default as tokenManager } from "./utils/tokenManager";
+export { useBreakPoint, useIsMobile, checkIsMobile } from "./utils/deviceType";
+
+// 这个是多主题的配置目前没用；选择了直接由消费者注入 token 的方式改变样式更灵活
 export * from "./utils/themeContext";

package/es/tokens/DXPGlobal.d.ts

@@ -1,5 +1,4 @@
 declare const dxpToken: {
-    colorGradientNeutral: string;
     spacingGapXs: number;
     spacingGapSm: number;
     spacingGapLg: number;
@@ -242,38 +241,35 @@ declare const dxpToken: {
     colorTagGreen: string;
     colorTagCyan: string;
     colorTagOrange: string;
-    colorTagPrimarylight: string;
-    colorTagSecondarylight: string;
-    colorTagGreylight: string;
-    colorTagRedlight: string;
-    colorTagYellowlight: string;
-    colorTagGreenlight: string;
-    colorTagCyanlight: string;
-    colorTagOrangelight: string;
+    colorTagPrimaryLight: string;
+    colorTagSecondaryLight: string;
+    colorTagGreyLight: string;
+    colorTagRedLight: string;
+    colorTagYellowLight: string;
+    colorTagGreenLight: string;
+    colorTagCyanLight: string;
+    colorTagOrangeLight: string;
     colorTagBlack: string;
     fontSizeDesktopTitleT23: number;
     fontSizeDesktopContentC14: number;
     fontSizeDesktopContentC21: number;
     fontSizeDesktopTitleT21: number;
-    fontSizeDesktopTitleT15: number;
     fontSizeDesktopContentC12: number;
     fontSizeDesktopContentC10: number;
     fontSizeDesktopContentC11: number;
     fontSizeDesktopContentC13: number;
-    fontSizeDesktopTitleT1: number;
+    fontSizeDesktopTitleT12: number;
     fontSizeDesktopTitleT32: number;
     fontSizeDesktopTitleT41: number;
     fontSizeDesktopContentC05: number;
     fontSizeDesktopContentC04: number;
     borderRadiusButton: number;
     colorTextItemtitle: string;
-    fontSizeDesktopTitleT7: number;
-    fontSizeDesktopTitleT8: number;
-    fontSizeDesktopTitleT2: number;
-    fontSizeDesktopTitleT5: number;
-    fontSizeDesktopTitleT3: number;
-    fontSizeDesktopTitleT4: number;
-    fontSizeDesktopTitleT10: number;
+    fontSizeDesktopTitleT13: number;
+    fontSizeDesktopTitleT16: number;
+    fontSizeDesktopTitleT14: number;
+    fontSizeDesktopTitleT15: number;
+    fontSizeDesktopTitleT34: number;
     fontSizeMobileContentC04: number;
     fontSizeMobileContentC05: number;
     fontSizeMobileContentC11: number;
@@ -296,7 +292,19 @@ declare const dxpToken: {
     fontSizeMobileTitleT45: number;
     fontSizeMobileNavigation: number;
     colorTextHintMessage: string;
-    colorIconCta2: string;
     colorTextCta2: string;
+    colorBackgroundHeaderActive: string;
+    spacingTopNavigationPaddingTop: number;
+    spacingTopNavigationPaddingBottom: number;
+    fontSizeMobileTitleT16: number;
+    fontSizeMobileContentC23: number;
+    fontSizeMobileContentC16: number;
+    fontSizeDesktopContentC23: number;
+    fontSizeDesktopContentC15: number;
+    fontSizeDesktopContentC16: number;
+    fontSizeMobileContentC10: number;
+    fontSizeDesktopTitleT24: number;
+    fontSizeDesktopTitleT25: number;
+    fontSizeDesktopTitleT45: number;
 };
 export default dxpToken;

package/es/tokens/DXPGlobal.js

@@ -1,7 +1,8 @@
 //  DXPGlobal.ts 是 dxp UI 的全局 主题 变量
 
 import local_dxpGlobaltoken from "../assets/token.json";
-var dxpToken = local_dxpGlobaltoken.gomo;
+
+// const dxpToken = local_dxpGlobaltoken.gomo
 // const dxpToken = local_dxpGlobaltoken.eSales
-// const dxpToken = local_dxpGlobaltoken.tm
+var dxpToken = local_dxpGlobaltoken.tm;
 export default dxpToken;

package/es/utils/TokenContext.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+type TokenContextType = {
+    getToken: (tokenName: string) => string | number | boolean | undefined;
+    tokenVersion: number;
+};
+export declare const TokenContext: React.Context<TokenContextType>;
+export declare const updateTokenVersion: () => number;
+interface TokenProviderProps {
+    children: ReactNode;
+    getToken?: (tokenName: string) => string | number | boolean | undefined;
+}
+export declare const TokenProvider: React.FC<TokenProviderProps>;
+export declare const useDynamicTokens: () => (tokenName: string) => any;
+export {};