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

package/lib/utils/index.js

@@ -0,0 +1,44 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  TokenManager: () => import_tokenManager.default
+});
+module.exports = __toCommonJS(utils_exports);
+__reExport(utils_exports, require("./TokenContext"), module.exports);
+__reExport(utils_exports, require("./deviceType"), module.exports);
+__reExport(utils_exports, require("./noop"), module.exports);
+__reExport(utils_exports, require("./scaleTool"), module.exports);
+__reExport(utils_exports, require("./theme"), module.exports);
+__reExport(utils_exports, require("./themeContext"), module.exports);
+__reExport(utils_exports, require("./tokenHelper"), module.exports);
+__reExport(utils_exports, require("./tokenManager"), module.exports);
+var import_tokenManager = __toESM(require("./tokenManager"));

package/lib/utils/tokenHelper.js

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/utils/tokenHelper.ts
@@ -32,7 +22,7 @@ __export(tokenHelper_exports, {
   getToken: () => getToken
 });
 module.exports = __toCommonJS(tokenHelper_exports);
-var import_tokenManager = __toESM(require("./tokenManager"));
+var import_utils = require("./");
 var getToken = (tokenName) => {
-  return import_tokenManager.default.tokenKey(tokenName);
+  return import_utils.TokenManager.tokenKey(tokenName);
 };

package/lib/utils/tokenManager.d.ts

@@ -14,28 +14,52 @@ interface TokenRef {
     [key: string]: TokenValue | Record<string, TokenValue> | null;
 }
 export declare const getComponentToken: () => {
+    colorTagTextGreen: TokenValue;
+    colorTagTextYellow: TokenValue;
+    colorTagTextGrey: TokenValue;
+    colorTagTextRed: TokenValue;
+    colorTagTextOrange: TokenValue;
+    colorTagTextLakeBlue: TokenValue;
+    colorTagBackGroundPrimaryLight: TokenValue;
+    colorTagBackGroundSecondaryLight: TokenValue;
+    colorTagBackGroundGreen: TokenValue;
+    colorTagBackGroundYellow: TokenValue;
+    colorTagBackGroundGrey: TokenValue;
+    colorTagBackGroundRed: TokenValue;
+    colorTagBackGroundOrange: TokenValue;
+    colorTagBackGroundLakeBlue: TokenValue;
+    colorTagGreyLight: TokenValue;
+    colorTagRedLight: TokenValue;
+    colorTagYellowLight: TokenValue;
+    colorTagGreenLight: TokenValue;
+    colorTagOrangeLight: TokenValue;
+    colorTagLakeBlueLight: TokenValue;
+    colorTextAmount: TokenValue;
+    fontSizeMobileContentC23: TokenValue;
+    fontSizeDesktopContentC23: TokenValue;
+    spacingListItemTextVerticalGapMd: TokenValue;
+    spacingListItemTextVerticalGapSm: TokenValue;
+    colorBackgroundSubtle2: TokenValue;
+    colorDividerHorizontal: TokenValue;
     spacinginputpaddingVerticalM: number;
     fontSizeDesktopTitleT23: TokenValue;
     fontSizeDesktopContentC15: TokenValue;
     fontSizeDesktopContentC21: TokenValue;
     fontSizeDesktopTitleT21: TokenValue;
+    fontSizeDesktopTitleT12: TokenValue;
+    fontSizeDesktopTitleT13: TokenValue;
+    fontSizeDesktopTitleT14: TokenValue;
     fontSizeDesktopTitleT15: TokenValue;
+    fontSizeDesktopTitleT16: TokenValue;
     fontSizeDesktopContentC13: TokenValue;
     fontSizeDesktopContentC11: TokenValue;
     fontSizeDesktopContentC12: TokenValue;
     fontSizeDesktopContentC14: TokenValue;
-    fontSizeDesktopTitleT1: TokenValue;
+    fontSizeDesktopTitleT34: TokenValue;
     fontSizeDesktopTitleT32: TokenValue;
     fontSizeDesktopTitleT41: TokenValue;
     fontSizeDesktopContentC05: TokenValue;
     fontSizeDesktopContentC04: TokenValue;
-    fontSizeDesktopTitleT7: TokenValue;
-    fontSizeDesktopTitleT8: TokenValue;
-    fontSizeDesktopTitleT2: TokenValue;
-    fontSizeDesktopTitleT5: TokenValue;
-    fontSizeDesktopTitleT3: TokenValue;
-    fontSizeDesktopTitleT4: TokenValue;
-    fontSizeDesktopTitleT10: TokenValue;
     fontSizeMobileContentC04: TokenValue;
     fontSizeMobileContentC05: TokenValue;
     fontSizeMobileContentC11: TokenValue;
@@ -272,6 +296,7 @@ export declare const getComponentToken: () => {
     spacingNotificationTextLinkPaddingTop: TokenValue;
     spacingTopNavigationPaddingHorizontal: TokenValue;
     spacingTopNavigationPaddingBottom: TokenValue;
+    spacingTopNavigationPaddingTop: TokenValue;
     spacingTopNavigationHorizontalGap: TokenValue;
     spacingTopNavigationIconButtonHorizontalGap: TokenValue;
     spacingTopNavigationTextLinkPaddingRight: TokenValue;
@@ -585,7 +610,7 @@ export declare const getComponentToken: () => {
     colorNumberedListText: TokenValue;
     colorTopNavigationTitleStandard: TokenValue;
     colorTopNavigationTitleInverse: TokenValue;
-    colorTopNavigationGradient: TokenValue;
+    colorTopNavigationGradient: string;
     colorTopNavigationBackground: TokenValue;
     colorTopNavigationBackgroundHaze: TokenValue;
     colorTopNavigationBackgroundInverse: TokenValue;
@@ -769,6 +794,7 @@ export declare const getComponentToken: () => {
     borderRadiusVoucher: TokenValue;
     borderRadiusChip: TokenValue;
     borderRadiusCardSm: TokenValue;
+    borderRadiusCardMd: TokenValue;
     borderRadiusListItem: TokenValue;
     borderRadiusDatetimepicker: TokenValue;
     borderFileInput: TokenValue;
@@ -788,34 +814,67 @@ export declare const getComponentToken: () => {
     fontFamilySecondaryRegular: TokenValue;
     fontFamilySecondarySemiBold: TokenValue;
 };
-declare const TokenManager: {
+/**
+ * token 全局管理器
+ * @property {TokenRef} tokenRef - token引用对象
+ * @property {Function} tokenKey - 获取组件token值
+ * @property {Function} designTokenKey - 获取设计token值
+ * @property {Function} setTokenRef - 设置token引用
+ * @property {Function} getComponentToken - 获取组件token配置
+ * @property {Function} loadExternalToken - 加载外部token 动态注入
+ */
+declare const tokenManager: {
     tokenRef: TokenRef;
     tokenKey: (key: string) => any;
     designTokenKey: (key: string | number) => string | number | true | ShadowStyle;
     setTokenRef: (value: Record<string, TokenValue>) => void;
     getComponentToken: () => {
+        colorTagTextGreen: TokenValue;
+        colorTagTextYellow: TokenValue;
+        colorTagTextGrey: TokenValue;
+        colorTagTextRed: TokenValue;
+        colorTagTextOrange: TokenValue;
+        colorTagTextLakeBlue: TokenValue;
+        colorTagBackGroundPrimaryLight: TokenValue;
+        colorTagBackGroundSecondaryLight: TokenValue;
+        colorTagBackGroundGreen: TokenValue;
+        colorTagBackGroundYellow: TokenValue;
+        colorTagBackGroundGrey: TokenValue;
+        colorTagBackGroundRed: TokenValue;
+        colorTagBackGroundOrange: TokenValue;
+        colorTagBackGroundLakeBlue: TokenValue;
+        colorTagGreyLight: TokenValue;
+        colorTagRedLight: TokenValue;
+        colorTagYellowLight: TokenValue;
+        colorTagGreenLight: TokenValue;
+        colorTagOrangeLight: TokenValue;
+        colorTagLakeBlueLight: TokenValue;
+        colorTextAmount: TokenValue;
+        fontSizeMobileContentC23: TokenValue;
+        fontSizeDesktopContentC23: TokenValue;
+        spacingListItemTextVerticalGapMd: TokenValue;
+        spacingListItemTextVerticalGapSm: TokenValue;
+        colorBackgroundSubtle2: TokenValue;
+        colorDividerHorizontal: TokenValue;
         spacinginputpaddingVerticalM: number;
         fontSizeDesktopTitleT23: TokenValue;
         fontSizeDesktopContentC15: TokenValue;
         fontSizeDesktopContentC21: TokenValue;
         fontSizeDesktopTitleT21: TokenValue;
+        fontSizeDesktopTitleT12: TokenValue;
+        fontSizeDesktopTitleT13: TokenValue;
+        fontSizeDesktopTitleT14: TokenValue;
         fontSizeDesktopTitleT15: TokenValue;
+        fontSizeDesktopTitleT16: TokenValue;
         fontSizeDesktopContentC13: TokenValue;
         fontSizeDesktopContentC11: TokenValue;
         fontSizeDesktopContentC12: TokenValue;
         fontSizeDesktopContentC14: TokenValue;
-        fontSizeDesktopTitleT1: TokenValue;
+        fontSizeDesktopTitleT34: TokenValue;
         fontSizeDesktopTitleT32: TokenValue;
         fontSizeDesktopTitleT41: TokenValue;
         fontSizeDesktopContentC05: TokenValue;
         fontSizeDesktopContentC04: TokenValue;
-        fontSizeDesktopTitleT7: TokenValue;
-        fontSizeDesktopTitleT8: TokenValue;
-        fontSizeDesktopTitleT2: TokenValue;
-        fontSizeDesktopTitleT5: TokenValue;
-        fontSizeDesktopTitleT3: TokenValue;
-        fontSizeDesktopTitleT4: TokenValue;
-        fontSizeDesktopTitleT10: TokenValue;
         fontSizeMobileContentC04: TokenValue;
         fontSizeMobileContentC05: TokenValue;
         fontSizeMobileContentC11: TokenValue;
@@ -1052,6 +1111,7 @@ declare const TokenManager: {
         spacingNotificationTextLinkPaddingTop: TokenValue;
         spacingTopNavigationPaddingHorizontal: TokenValue;
         spacingTopNavigationPaddingBottom: TokenValue;
+        spacingTopNavigationPaddingTop: TokenValue;
         spacingTopNavigationHorizontalGap: TokenValue;
         spacingTopNavigationIconButtonHorizontalGap: TokenValue;
         spacingTopNavigationTextLinkPaddingRight: TokenValue;
@@ -1365,7 +1425,7 @@ declare const TokenManager: {
         colorNumberedListText: TokenValue;
         colorTopNavigationTitleStandard: TokenValue;
         colorTopNavigationTitleInverse: TokenValue;
-        colorTopNavigationGradient: TokenValue;
+        colorTopNavigationGradient: string;
         colorTopNavigationBackground: TokenValue;
         colorTopNavigationBackgroundHaze: TokenValue;
         colorTopNavigationBackgroundInverse: TokenValue;
@@ -1549,6 +1609,7 @@ declare const TokenManager: {
         borderRadiusVoucher: TokenValue;
         borderRadiusChip: TokenValue;
         borderRadiusCardSm: TokenValue;
+        borderRadiusCardMd: TokenValue;
         borderRadiusListItem: TokenValue;
         borderRadiusDatetimepicker: TokenValue;
         borderFileInput: TokenValue;
@@ -1568,5 +1629,6 @@ declare const TokenManager: {
         fontFamilySecondaryRegular: TokenValue;
         fontFamilySecondarySemiBold: TokenValue;
     };
+    loadExternalToken: (externalToken: Record<string, TokenValue>) => boolean;
 };
-export default TokenManager;
+export default tokenManager;