@digitalc/dxp-ui 0.0.5-alpha.10 → 0.0.5-alpha.11

package/es/style/variables.less

@@ -1,34 +1,60 @@
 @import './themes/index.css';
+
+@font-face {
+  font-family: 'Poppins-Blod';
+  src: url('../fonts/Poppins/Poppins-Bold.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto-Bold';
+  src: url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto-Regular';
+  src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto-SemiBold';
+  src: url('../fonts/Roboto/Roboto-SemiBold.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'SF Pro Text-Regular';
+  src: url('../fonts/SF/SF-Pro-Text-Regular.ttf') format('opentype'),
+    url('../fonts/SF/SF-Pro-Text-Regular.otf') format('opentype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'SF Pro Text-SemiBold';
+  src:
+    url('../fonts/SF/SF-Pro-Text-Semibold.otf') format('opentype'),
+    url('../fonts/SF/SF-Pro-Text-SemiboldItalic.otf') format('opentype');
+  font-weight: normal;
+  font-style: normal;
+}
+
 @font-face {
-    font-family: 'Poppins-Blod';
-    src: url('../fonts/Poppins/Poppins-Bold.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-  }
-  
-  @font-face {
-    font-family: 'Roboto-Bold';
-    src: url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-  }
-  
-  @font-face {
-    font-family: 'Roboto-Regular';
-    src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-  }
-  
-  @font-face {
-    font-family: 'Roboto-SemiBold';
-    src: url('../fonts/Roboto/Roboto-SemiBold.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-  }
+  font-family: 'SF Pro Text-Bold';
+  src:
+    url('../fonts/SF/SF-Pro-Text-Bold.otf') format('opentype');
+  font-weight: normal;
+  font-style: normal;
+}
 
 // 项目前缀
 @prefix: dxp;
 /*
 这种是另一方 定制 antd 的 style 的方式； 现在使用了designTokens.ts 注入token的方式。
-*/
+*/

package/es/tokens/DXPGlobal.d.ts

@@ -1,4 +1,5 @@
 declare const dxpToken: {
+    colorGradientNeutral: string;
     spacingGapXs: number;
     spacingGapSm: number;
     spacingGapLg: number;
@@ -254,7 +255,6 @@ declare const dxpToken: {
     fontSizeDesktopContentC14: number;
     fontSizeDesktopContentC21: number;
     fontSizeDesktopTitleT21: number;
-    fontSizeDesktopTitleT15: number;
     fontSizeDesktopContentC12: number;
     fontSizeDesktopContentC10: number;
     fontSizeDesktopContentC11: number;

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/tokenManager.d.ts

@@ -781,6 +781,12 @@ export declare const getComponentToken: () => {
     opacityButtonPressed: TokenValue;
     colorButtonBackgroundPrimaryDisable: TokenValue;
     colorButtonTextDisable: TokenValue;
+    fontFamilyPromaryBold: TokenValue;
+    fontFamilyPromaryRegular: TokenValue;
+    fontFamilyPromarySemiBold: TokenValue;
+    fontFamilySecondaryBold: TokenValue;
+    fontFamilySecondaryRegular: TokenValue;
+    fontFamilySecondarySemiBold: TokenValue;
 };
 declare const TokenManager: {
     tokenRef: TokenRef;
@@ -1555,6 +1561,12 @@ declare const TokenManager: {
         opacityButtonPressed: TokenValue;
         colorButtonBackgroundPrimaryDisable: TokenValue;
         colorButtonTextDisable: TokenValue;
+        fontFamilyPromaryBold: TokenValue;
+        fontFamilyPromaryRegular: TokenValue;
+        fontFamilyPromarySemiBold: TokenValue;
+        fontFamilySecondaryBold: TokenValue;
+        fontFamilySecondaryRegular: TokenValue;
+        fontFamilySecondarySemiBold: TokenValue;
     };
 };
 export default TokenManager;

package/es/utils/tokenManager.js

@@ -10,7 +10,7 @@ setTokenRef(dxpToken);
 
 /* eslint-disable */
 export var getComponentToken = function getComponentToken() {
-  var _tokenRef$root, _tokenRef$root2, _tokenRef$root3, _tokenRef$root4, _tokenRef$root5, _tokenRef$root6, _tokenRef$root7, _tokenRef$root8, _tokenRef$root9, _tokenRef$root10, _tokenRef$root11, _tokenRef$root12, _tokenRef$root13, _tokenRef$root14, _tokenRef$root15, _tokenRef$root16, _tokenRef$root17, _tokenRef$root18, _tokenRef$root19, _tokenRef$root20, _tokenRef$root21, _tokenRef$root22, _tokenRef$root23, _tokenRef$root24, _tokenRef$root25, _tokenRef$root26, _tokenRef$root27, _tokenRef$root28, _tokenRef$root29, _tokenRef$root30, _tokenRef$root31, _tokenRef$root32, _tokenRef$root33, _tokenRef$root34, _tokenRef$root35, _tokenRef$root36, _tokenRef$root37, _tokenRef$root38, _tokenRef$root39, _tokenRef$root40, _tokenRef$root41, _tokenRef$root42, _tokenRef$root43, _tokenRef$root44, _tokenRef$root45, _tokenRef$root46, _tokenRef$root47, _tokenRef$root48, _tokenRef$root49, _tokenRef$root50, _tokenRef$root51, _tokenRef$root52, _tokenRef$root53, _tokenRef$root54, _tokenRef$root55, _tokenRef$root56, _tokenRef$root57, _tokenRef$root58, _tokenRef$root59, _tokenRef$root60, _tokenRef$root61, _tokenRef$root62, _tokenRef$root63, _tokenRef$root64, _tokenRef$root65, _tokenRef$root66, _tokenRef$root67, _tokenRef$root68, _tokenRef$root69, _tokenRef$root70, _tokenRef$root71, _tokenRef$root72, _tokenRef$root73, _tokenRef$root74, _tokenRef$root75, _tokenRef$root76, _tokenRef$root77, _tokenRef$root78, _tokenRef$root79, _tokenRef$root80, _tokenRef$root81, _tokenRef$root82, _tokenRef$root83, _tokenRef$root84, _tokenRef$root85, _tokenRef$root86, _tokenRef$root87, _tokenRef$root88, _tokenRef$root89, _tokenRef$root90, _tokenRef$root91, _tokenRef$root92, _tokenRef$root93, _tokenRef$root94, _tokenRef$root95, _tokenRef$root96, _tokenRef$root97, _tokenRef$root98, _tokenRef$root99, _tokenRef$root100, _tokenRef$root101, _tokenRef$root102, _tokenRef$root103, _tokenRef$root104, _tokenRef$root105, _tokenRef$root106, _tokenRef$root107, _tokenRef$root108, _tokenRef$root109, _tokenRef$root110, _tokenRef$root111, _tokenRef$root112, _tokenRef$root113, _tokenRef$root114, _tokenRef$root115, _tokenRef$root116, _tokenRef$root117, _tokenRef$root118, _tokenRef$root119, _tokenRef$root120, _tokenRef$root121, _tokenRef$root122, _tokenRef$root123, _tokenRef$root124, _tokenRef$root125, _tokenRef$root126, _tokenRef$root127, _tokenRef$root128, _tokenRef$root129, _tokenRef$root130, _tokenRef$root131, _tokenRef$root132, _tokenRef$root133, _tokenRef$root134, _tokenRef$root135, _tokenRef$root136, _tokenRef$root137, _tokenRef$root138, _tokenRef$root139, _tokenRef$root140, _tokenRef$root141, _tokenRef$root142, _tokenRef$root143, _tokenRef$root144, _tokenRef$root145, _tokenRef$root146, _tokenRef$root147, _tokenRef$root148, _tokenRef$root149, _tokenRef$root150, _tokenRef$root151, _tokenRef$root152, _tokenRef$root153, _tokenRef$root154, _tokenRef$root155, _tokenRef$root156, _tokenRef$root157, _tokenRef$root158, _tokenRef$root159, _tokenRef$root160, _tokenRef$root161, _tokenRef$root162, _tokenRef$root163, _tokenRef$root164, _tokenRef$root165, _tokenRef$root166, _tokenRef$root167, _tokenRef$root168, _tokenRef$root169, _tokenRef$root170, _tokenRef$root171, _tokenRef$root172, _tokenRef$root173, _tokenRef$root174, _tokenRef$root175, _tokenRef$root176, _tokenRef$root177, _tokenRef$root178, _tokenRef$root179, _tokenRef$root180, _tokenRef$root181, _tokenRef$root182, _tokenRef$root183, _tokenRef$root184, _tokenRef$root185, _tokenRef$root186, _tokenRef$root187, _tokenRef$root188, _tokenRef$root189, _tokenRef$root190, _tokenRef$root191, _tokenRef$root192, _tokenRef$root193, _tokenRef$root194, _tokenRef$root195, _tokenRef$root196, _tokenRef$root197, _tokenRef$root198, _tokenRef$root199, _tokenRef$root200, _tokenRef$root201, _tokenRef$root202, _tokenRef$root203, _tokenRef$root204, _tokenRef$root205, _tokenRef$root206, _tokenRef$root207, _tokenRef$root208, _tokenRef$root209, _tokenRef$root210, _tokenRef$root211, _tokenRef$root212, _tokenRef$root213, _tokenRef$root214, _tokenRef$root215, _tokenRef$root216, _tokenRef$root217, _tokenRef$root218, _tokenRef$root219, _tokenRef$root220, _tokenRef$root221, _tokenRef$root222, _tokenRef$root223, _tokenRef$root224, _tokenRef$root225, _tokenRef$root226, _tokenRef$root227, _tokenRef$root228, _tokenRef$root229, _tokenRef$root230, _tokenRef$root231, _tokenRef$root232, _tokenRef$root233, _tokenRef$root234, _tokenRef$root235, _tokenRef$root236, _tokenRef$root237, _tokenRef$root238, _tokenRef$root239, _tokenRef$root240, _tokenRef$root241, _tokenRef$root242, _tokenRef$root243, _tokenRef$root244, _tokenRef$root245, _tokenRef$root246, _tokenRef$root247, _tokenRef$root248, _tokenRef$root249, _tokenRef$root250, _tokenRef$root251, _tokenRef$root252, _tokenRef$root253, _tokenRef$root254, _tokenRef$root255, _tokenRef$root256, _tokenRef$root257, _tokenRef$root258, _tokenRef$root259, _tokenRef$root260, _tokenRef$root261, _tokenRef$root262, _tokenRef$root263, _tokenRef$root264, _tokenRef$root265, _tokenRef$root266, _tokenRef$root267, _tokenRef$root268, _tokenRef$root269, _tokenRef$root270, _tokenRef$root271, _tokenRef$root272, _tokenRef$root273, _tokenRef$root274, _tokenRef$root275, _tokenRef$root276, _tokenRef$root277, _tokenRef$root278, _tokenRef$root279, _tokenRef$root280, _tokenRef$root281, _tokenRef$root282, _tokenRef$root283, _tokenRef$root284, _tokenRef$root285, _tokenRef$root286, _tokenRef$root287, _tokenRef$root288, _tokenRef$root289, _tokenRef$root290, _tokenRef$root291, _tokenRef$root292, _tokenRef$root293, _tokenRef$root294, _tokenRef$root295, _tokenRef$root296, _tokenRef$root297, _tokenRef$root298, _tokenRef$root299, _tokenRef$root300, _tokenRef$root301, _tokenRef$root302, _tokenRef$root303, _tokenRef$root304, _tokenRef$root305, _tokenRef$root306, _tokenRef$root307, _tokenRef$root308, _tokenRef$root309, _tokenRef$root310, _tokenRef$root311, _tokenRef$root312, _tokenRef$root313, _tokenRef$root314, _tokenRef$root315, _tokenRef$root316, _tokenRef$root317, _tokenRef$root318, _tokenRef$root319, _tokenRef$root320, _tokenRef$root321, _tokenRef$root322, _tokenRef$root323, _tokenRef$root324, _tokenRef$root325, _tokenRef$root326, _tokenRef$root327, _tokenRef$root328, _tokenRef$root329, _tokenRef$root330, _tokenRef$root331, _tokenRef$root332, _tokenRef$root333, _tokenRef$root334, _tokenRef$root335, _tokenRef$root336, _tokenRef$root337, _tokenRef$root338, _tokenRef$root339, _tokenRef$root340, _tokenRef$root341, _tokenRef$root342, _tokenRef$root343, _tokenRef$root344, _tokenRef$root345, _tokenRef$root346, _tokenRef$root347, _tokenRef$root348, _tokenRef$root349, _tokenRef$root350, _tokenRef$root351, _tokenRef$root352, _tokenRef$root353, _tokenRef$root354, _tokenRef$root355, _tokenRef$root356, _tokenRef$root357, _tokenRef$root358, _tokenRef$root359, _tokenRef$root360, _tokenRef$root361, _tokenRef$root362, _tokenRef$root363, _tokenRef$root364, _tokenRef$root365, _tokenRef$root366, _tokenRef$root367, _tokenRef$root368, _tokenRef$root369, _tokenRef$root370, _tokenRef$root371, _tokenRef$root372, _tokenRef$root373, _tokenRef$root374, _tokenRef$root375, _tokenRef$root376, _tokenRef$root377, _tokenRef$root378, _tokenRef$root379, _tokenRef$root380, _tokenRef$root381, _tokenRef$root382, _tokenRef$root383, _tokenRef$root384, _tokenRef$root385, _tokenRef$root386, _tokenRef$root387, _tokenRef$root388, _tokenRef$root389, _tokenRef$root390, _tokenRef$root391, _tokenRef$root392, _tokenRef$root393, _tokenRef$root394, _tokenRef$root395, _tokenRef$root396, _tokenRef$root397, _tokenRef$root398, _tokenRef$root399, _tokenRef$root400, _tokenRef$root401, _tokenRef$root402, _tokenRef$root403, _tokenRef$root404, _tokenRef$root405, _tokenRef$root406, _tokenRef$root407, _tokenRef$root408, _tokenRef$root409, _tokenRef$root410, _tokenRef$root411, _tokenRef$root412, _tokenRef$root413, _tokenRef$root414, _tokenRef$root415, _tokenRef$root416, _tokenRef$root417, _tokenRef$root418, _tokenRef$root419, _tokenRef$root420, _tokenRef$root421, _tokenRef$root422, _tokenRef$root423, _tokenRef$root424, _tokenRef$root425, _tokenRef$root426, _tokenRef$root427, _tokenRef$root428, _tokenRef$root429, _tokenRef$root430, _tokenRef$root431, _tokenRef$root432, _tokenRef$root433, _tokenRef$root434, _tokenRef$root435, _tokenRef$root436, _tokenRef$root437, _tokenRef$root438, _tokenRef$root439, _tokenRef$root440, _tokenRef$root441, _tokenRef$root442, _tokenRef$root443, _tokenRef$root444, _tokenRef$root445, _tokenRef$root446, _tokenRef$root447, _tokenRef$root448, _tokenRef$root449, _tokenRef$root450, _tokenRef$root451, _tokenRef$root452, _tokenRef$root453, _tokenRef$root454, _tokenRef$root455, _tokenRef$root456, _tokenRef$root457, _tokenRef$root458, _tokenRef$root459, _tokenRef$root460, _tokenRef$root461, _tokenRef$root462, _tokenRef$root463, _tokenRef$root464, _tokenRef$root465, _tokenRef$root466, _tokenRef$root467, _tokenRef$root468, _tokenRef$root469, _tokenRef$root470, _tokenRef$root471, _tokenRef$root472, _tokenRef$root473, _tokenRef$root474, _tokenRef$root475, _tokenRef$root476, _tokenRef$root477, _tokenRef$root478, _tokenRef$root479, _tokenRef$root480, _tokenRef$root481, _tokenRef$root482, _tokenRef$root483, _tokenRef$root484, _tokenRef$root485, _tokenRef$root486, _tokenRef$root487, _tokenRef$root488, _tokenRef$root489, _tokenRef$root490, _tokenRef$root491, _tokenRef$root492, _tokenRef$root493, _tokenRef$root494, _tokenRef$root495, _tokenRef$root496, _tokenRef$root497, _tokenRef$root498, _tokenRef$root499, _tokenRef$root500, _tokenRef$root501, _tokenRef$root502, _tokenRef$root503, _tokenRef$root504, _tokenRef$root505, _tokenRef$root506, _tokenRef$root507, _tokenRef$root508, _tokenRef$root509, _tokenRef$root510, _tokenRef$root511, _tokenRef$root512, _tokenRef$root513, _tokenRef$root514, _tokenRef$root515, _tokenRef$root516, _tokenRef$root517, _tokenRef$root518, _tokenRef$root519, _tokenRef$root520, _tokenRef$root521, _tokenRef$root522, _tokenRef$root523, _tokenRef$root524, _tokenRef$root525, _tokenRef$root526, _tokenRef$root527, _tokenRef$root528, _tokenRef$root529, _tokenRef$root530, _tokenRef$root531, _tokenRef$root532, _tokenRef$root533, _tokenRef$root534, _tokenRef$root535, _tokenRef$root536, _tokenRef$root537, _tokenRef$root538, _tokenRef$root539, _tokenRef$root540, _tokenRef$root541, _tokenRef$root542, _tokenRef$root543, _tokenRef$root544, _tokenRef$root545, _tokenRef$root546, _tokenRef$root547, _tokenRef$root548, _tokenRef$root549, _tokenRef$root550, _tokenRef$root551, _tokenRef$root552, _tokenRef$root553, _tokenRef$root554, _tokenRef$root555, _tokenRef$root556, _tokenRef$root557, _tokenRef$root558, _tokenRef$root559, _tokenRef$root560, _tokenRef$root561, _tokenRef$root562, _tokenRef$root563, _tokenRef$root564, _tokenRef$root565, _tokenRef$root566, _tokenRef$root567, _tokenRef$root568, _tokenRef$root569, _tokenRef$root570, _tokenRef$root571, _tokenRef$root572, _tokenRef$root573, _tokenRef$root574, _tokenRef$root575, _tokenRef$root576, _tokenRef$root577, _tokenRef$root578, _tokenRef$root579, _tokenRef$root580, _tokenRef$root581, _tokenRef$root582, _tokenRef$root583, _tokenRef$root584, _tokenRef$root585, _tokenRef$root586, _tokenRef$root587, _tokenRef$root588, _tokenRef$root589, _tokenRef$root590, _tokenRef$root591, _tokenRef$root592, _tokenRef$root593, _tokenRef$root594, _tokenRef$root595, _tokenRef$root596, _tokenRef$root597, _tokenRef$root598, _tokenRef$root599, _tokenRef$root600, _tokenRef$root601, _tokenRef$root602, _tokenRef$root603, _tokenRef$root604, _tokenRef$root605, _tokenRef$root606, _tokenRef$root607, _tokenRef$root608, _tokenRef$root609, _tokenRef$root610, _tokenRef$root611, _tokenRef$root612, _tokenRef$root613, _tokenRef$root614, _tokenRef$root615, _tokenRef$root616, _tokenRef$root617, _tokenRef$root618, _tokenRef$root619, _tokenRef$root620, _tokenRef$root621, _tokenRef$root622, _tokenRef$root623, _tokenRef$root624, _tokenRef$root625, _tokenRef$root626, _tokenRef$root627, _tokenRef$root628, _tokenRef$root629, _tokenRef$root630, _tokenRef$root631, _tokenRef$root632, _tokenRef$root633, _tokenRef$root634, _tokenRef$root635, _tokenRef$root636, _tokenRef$root637, _tokenRef$root638, _tokenRef$root639, _tokenRef$root640, _tokenRef$root641, _tokenRef$root642, _tokenRef$root643, _tokenRef$root644, _tokenRef$root645, _tokenRef$root646, _tokenRef$root647, _tokenRef$root648, _tokenRef$root649, _tokenRef$root650, _tokenRef$root651, _tokenRef$root652, _tokenRef$root653, _tokenRef$root654, _tokenRef$root655, _tokenRef$root656, _tokenRef$root657, _tokenRef$root658, _tokenRef$root659, _tokenRef$root660, _tokenRef$root661, _tokenRef$root662, _tokenRef$root663, _tokenRef$root664, _tokenRef$root665, _tokenRef$root666, _tokenRef$root667, _tokenRef$root668, _tokenRef$root669, _tokenRef$root670, _tokenRef$root671, _tokenRef$root672, _tokenRef$root673, _tokenRef$root674, _tokenRef$root675, _tokenRef$root676, _tokenRef$root677, _tokenRef$root678, _tokenRef$root679, _tokenRef$root680, _tokenRef$root681, _tokenRef$root682, _tokenRef$root683, _tokenRef$root684, _tokenRef$root685, _tokenRef$root686, _tokenRef$root687, _tokenRef$root688, _tokenRef$root689, _tokenRef$root690, _tokenRef$root691, _tokenRef$root692, _tokenRef$root693, _tokenRef$root694, _tokenRef$root695, _tokenRef$root696, _tokenRef$root697, _tokenRef$root698, _tokenRef$root699, _tokenRef$root700, _tokenRef$root701, _tokenRef$root702, _tokenRef$root703, _tokenRef$root704, _tokenRef$root705, _tokenRef$root706, _tokenRef$root707, _tokenRef$root708, _tokenRef$root709, _tokenRef$root710, _tokenRef$root711, _tokenRef$root712, _tokenRef$root713, _tokenRef$root714, _tokenRef$root715, _tokenRef$root716, _tokenRef$root717, _tokenRef$root718, _tokenRef$root719, _tokenRef$root720, _tokenRef$root721, _tokenRef$root722, _tokenRef$root723, _tokenRef$root724, _tokenRef$root725, _tokenRef$root726, _tokenRef$root727, _tokenRef$root728, _tokenRef$root729, _tokenRef$root730, _tokenRef$root731, _tokenRef$root732, _tokenRef$root733, _tokenRef$root734, _tokenRef$root735, _tokenRef$root736, _tokenRef$root737, _tokenRef$root738, _tokenRef$root739, _tokenRef$root740, _tokenRef$root741, _tokenRef$root742, _tokenRef$root743, _tokenRef$root744, _tokenRef$root745, _tokenRef$root746, _tokenRef$root747, _tokenRef$root748, _tokenRef$root749, _tokenRef$root750, _tokenRef$root751, _tokenRef$root752, _tokenRef$root753, _tokenRef$root754, _tokenRef$root755, _tokenRef$root756, _tokenRef$root757, _tokenRef$root758, _tokenRef$root759, _tokenRef$root760, _tokenRef$root761, _tokenRef$root762, _tokenRef$root763, _tokenRef$root764, _tokenRef$root765, _tokenRef$root766, _tokenRef$root767, _tokenRef$root768;
+  var _tokenRef$root, _tokenRef$root2, _tokenRef$root3, _tokenRef$root4, _tokenRef$root5, _tokenRef$root6, _tokenRef$root7, _tokenRef$root8, _tokenRef$root9, _tokenRef$root10, _tokenRef$root11, _tokenRef$root12, _tokenRef$root13, _tokenRef$root14, _tokenRef$root15, _tokenRef$root16, _tokenRef$root17, _tokenRef$root18, _tokenRef$root19, _tokenRef$root20, _tokenRef$root21, _tokenRef$root22, _tokenRef$root23, _tokenRef$root24, _tokenRef$root25, _tokenRef$root26, _tokenRef$root27, _tokenRef$root28, _tokenRef$root29, _tokenRef$root30, _tokenRef$root31, _tokenRef$root32, _tokenRef$root33, _tokenRef$root34, _tokenRef$root35, _tokenRef$root36, _tokenRef$root37, _tokenRef$root38, _tokenRef$root39, _tokenRef$root40, _tokenRef$root41, _tokenRef$root42, _tokenRef$root43, _tokenRef$root44, _tokenRef$root45, _tokenRef$root46, _tokenRef$root47, _tokenRef$root48, _tokenRef$root49, _tokenRef$root50, _tokenRef$root51, _tokenRef$root52, _tokenRef$root53, _tokenRef$root54, _tokenRef$root55, _tokenRef$root56, _tokenRef$root57, _tokenRef$root58, _tokenRef$root59, _tokenRef$root60, _tokenRef$root61, _tokenRef$root62, _tokenRef$root63, _tokenRef$root64, _tokenRef$root65, _tokenRef$root66, _tokenRef$root67, _tokenRef$root68, _tokenRef$root69, _tokenRef$root70, _tokenRef$root71, _tokenRef$root72, _tokenRef$root73, _tokenRef$root74, _tokenRef$root75, _tokenRef$root76, _tokenRef$root77, _tokenRef$root78, _tokenRef$root79, _tokenRef$root80, _tokenRef$root81, _tokenRef$root82, _tokenRef$root83, _tokenRef$root84, _tokenRef$root85, _tokenRef$root86, _tokenRef$root87, _tokenRef$root88, _tokenRef$root89, _tokenRef$root90, _tokenRef$root91, _tokenRef$root92, _tokenRef$root93, _tokenRef$root94, _tokenRef$root95, _tokenRef$root96, _tokenRef$root97, _tokenRef$root98, _tokenRef$root99, _tokenRef$root100, _tokenRef$root101, _tokenRef$root102, _tokenRef$root103, _tokenRef$root104, _tokenRef$root105, _tokenRef$root106, _tokenRef$root107, _tokenRef$root108, _tokenRef$root109, _tokenRef$root110, _tokenRef$root111, _tokenRef$root112, _tokenRef$root113, _tokenRef$root114, _tokenRef$root115, _tokenRef$root116, _tokenRef$root117, _tokenRef$root118, _tokenRef$root119, _tokenRef$root120, _tokenRef$root121, _tokenRef$root122, _tokenRef$root123, _tokenRef$root124, _tokenRef$root125, _tokenRef$root126, _tokenRef$root127, _tokenRef$root128, _tokenRef$root129, _tokenRef$root130, _tokenRef$root131, _tokenRef$root132, _tokenRef$root133, _tokenRef$root134, _tokenRef$root135, _tokenRef$root136, _tokenRef$root137, _tokenRef$root138, _tokenRef$root139, _tokenRef$root140, _tokenRef$root141, _tokenRef$root142, _tokenRef$root143, _tokenRef$root144, _tokenRef$root145, _tokenRef$root146, _tokenRef$root147, _tokenRef$root148, _tokenRef$root149, _tokenRef$root150, _tokenRef$root151, _tokenRef$root152, _tokenRef$root153, _tokenRef$root154, _tokenRef$root155, _tokenRef$root156, _tokenRef$root157, _tokenRef$root158, _tokenRef$root159, _tokenRef$root160, _tokenRef$root161, _tokenRef$root162, _tokenRef$root163, _tokenRef$root164, _tokenRef$root165, _tokenRef$root166, _tokenRef$root167, _tokenRef$root168, _tokenRef$root169, _tokenRef$root170, _tokenRef$root171, _tokenRef$root172, _tokenRef$root173, _tokenRef$root174, _tokenRef$root175, _tokenRef$root176, _tokenRef$root177, _tokenRef$root178, _tokenRef$root179, _tokenRef$root180, _tokenRef$root181, _tokenRef$root182, _tokenRef$root183, _tokenRef$root184, _tokenRef$root185, _tokenRef$root186, _tokenRef$root187, _tokenRef$root188, _tokenRef$root189, _tokenRef$root190, _tokenRef$root191, _tokenRef$root192, _tokenRef$root193, _tokenRef$root194, _tokenRef$root195, _tokenRef$root196, _tokenRef$root197, _tokenRef$root198, _tokenRef$root199, _tokenRef$root200, _tokenRef$root201, _tokenRef$root202, _tokenRef$root203, _tokenRef$root204, _tokenRef$root205, _tokenRef$root206, _tokenRef$root207, _tokenRef$root208, _tokenRef$root209, _tokenRef$root210, _tokenRef$root211, _tokenRef$root212, _tokenRef$root213, _tokenRef$root214, _tokenRef$root215, _tokenRef$root216, _tokenRef$root217, _tokenRef$root218, _tokenRef$root219, _tokenRef$root220, _tokenRef$root221, _tokenRef$root222, _tokenRef$root223, _tokenRef$root224, _tokenRef$root225, _tokenRef$root226, _tokenRef$root227, _tokenRef$root228, _tokenRef$root229, _tokenRef$root230, _tokenRef$root231, _tokenRef$root232, _tokenRef$root233, _tokenRef$root234, _tokenRef$root235, _tokenRef$root236, _tokenRef$root237, _tokenRef$root238, _tokenRef$root239, _tokenRef$root240, _tokenRef$root241, _tokenRef$root242, _tokenRef$root243, _tokenRef$root244, _tokenRef$root245, _tokenRef$root246, _tokenRef$root247, _tokenRef$root248, _tokenRef$root249, _tokenRef$root250, _tokenRef$root251, _tokenRef$root252, _tokenRef$root253, _tokenRef$root254, _tokenRef$root255, _tokenRef$root256, _tokenRef$root257, _tokenRef$root258, _tokenRef$root259, _tokenRef$root260, _tokenRef$root261, _tokenRef$root262, _tokenRef$root263, _tokenRef$root264, _tokenRef$root265, _tokenRef$root266, _tokenRef$root267, _tokenRef$root268, _tokenRef$root269, _tokenRef$root270, _tokenRef$root271, _tokenRef$root272, _tokenRef$root273, _tokenRef$root274, _tokenRef$root275, _tokenRef$root276, _tokenRef$root277, _tokenRef$root278, _tokenRef$root279, _tokenRef$root280, _tokenRef$root281, _tokenRef$root282, _tokenRef$root283, _tokenRef$root284, _tokenRef$root285, _tokenRef$root286, _tokenRef$root287, _tokenRef$root288, _tokenRef$root289, _tokenRef$root290, _tokenRef$root291, _tokenRef$root292, _tokenRef$root293, _tokenRef$root294, _tokenRef$root295, _tokenRef$root296, _tokenRef$root297, _tokenRef$root298, _tokenRef$root299, _tokenRef$root300, _tokenRef$root301, _tokenRef$root302, _tokenRef$root303, _tokenRef$root304, _tokenRef$root305, _tokenRef$root306, _tokenRef$root307, _tokenRef$root308, _tokenRef$root309, _tokenRef$root310, _tokenRef$root311, _tokenRef$root312, _tokenRef$root313, _tokenRef$root314, _tokenRef$root315, _tokenRef$root316, _tokenRef$root317, _tokenRef$root318, _tokenRef$root319, _tokenRef$root320, _tokenRef$root321, _tokenRef$root322, _tokenRef$root323, _tokenRef$root324, _tokenRef$root325, _tokenRef$root326, _tokenRef$root327, _tokenRef$root328, _tokenRef$root329, _tokenRef$root330, _tokenRef$root331, _tokenRef$root332, _tokenRef$root333, _tokenRef$root334, _tokenRef$root335, _tokenRef$root336, _tokenRef$root337, _tokenRef$root338, _tokenRef$root339, _tokenRef$root340, _tokenRef$root341, _tokenRef$root342, _tokenRef$root343, _tokenRef$root344, _tokenRef$root345, _tokenRef$root346, _tokenRef$root347, _tokenRef$root348, _tokenRef$root349, _tokenRef$root350, _tokenRef$root351, _tokenRef$root352, _tokenRef$root353, _tokenRef$root354, _tokenRef$root355, _tokenRef$root356, _tokenRef$root357, _tokenRef$root358, _tokenRef$root359, _tokenRef$root360, _tokenRef$root361, _tokenRef$root362, _tokenRef$root363, _tokenRef$root364, _tokenRef$root365, _tokenRef$root366, _tokenRef$root367, _tokenRef$root368, _tokenRef$root369, _tokenRef$root370, _tokenRef$root371, _tokenRef$root372, _tokenRef$root373, _tokenRef$root374, _tokenRef$root375, _tokenRef$root376, _tokenRef$root377, _tokenRef$root378, _tokenRef$root379, _tokenRef$root380, _tokenRef$root381, _tokenRef$root382, _tokenRef$root383, _tokenRef$root384, _tokenRef$root385, _tokenRef$root386, _tokenRef$root387, _tokenRef$root388, _tokenRef$root389, _tokenRef$root390, _tokenRef$root391, _tokenRef$root392, _tokenRef$root393, _tokenRef$root394, _tokenRef$root395, _tokenRef$root396, _tokenRef$root397, _tokenRef$root398, _tokenRef$root399, _tokenRef$root400, _tokenRef$root401, _tokenRef$root402, _tokenRef$root403, _tokenRef$root404, _tokenRef$root405, _tokenRef$root406, _tokenRef$root407, _tokenRef$root408, _tokenRef$root409, _tokenRef$root410, _tokenRef$root411, _tokenRef$root412, _tokenRef$root413, _tokenRef$root414, _tokenRef$root415, _tokenRef$root416, _tokenRef$root417, _tokenRef$root418, _tokenRef$root419, _tokenRef$root420, _tokenRef$root421, _tokenRef$root422, _tokenRef$root423, _tokenRef$root424, _tokenRef$root425, _tokenRef$root426, _tokenRef$root427, _tokenRef$root428, _tokenRef$root429, _tokenRef$root430, _tokenRef$root431, _tokenRef$root432, _tokenRef$root433, _tokenRef$root434, _tokenRef$root435, _tokenRef$root436, _tokenRef$root437, _tokenRef$root438, _tokenRef$root439, _tokenRef$root440, _tokenRef$root441, _tokenRef$root442, _tokenRef$root443, _tokenRef$root444, _tokenRef$root445, _tokenRef$root446, _tokenRef$root447, _tokenRef$root448, _tokenRef$root449, _tokenRef$root450, _tokenRef$root451, _tokenRef$root452, _tokenRef$root453, _tokenRef$root454, _tokenRef$root455, _tokenRef$root456, _tokenRef$root457, _tokenRef$root458, _tokenRef$root459, _tokenRef$root460, _tokenRef$root461, _tokenRef$root462, _tokenRef$root463, _tokenRef$root464, _tokenRef$root465, _tokenRef$root466, _tokenRef$root467, _tokenRef$root468, _tokenRef$root469, _tokenRef$root470, _tokenRef$root471, _tokenRef$root472, _tokenRef$root473, _tokenRef$root474, _tokenRef$root475, _tokenRef$root476, _tokenRef$root477, _tokenRef$root478, _tokenRef$root479, _tokenRef$root480, _tokenRef$root481, _tokenRef$root482, _tokenRef$root483, _tokenRef$root484, _tokenRef$root485, _tokenRef$root486, _tokenRef$root487, _tokenRef$root488, _tokenRef$root489, _tokenRef$root490, _tokenRef$root491, _tokenRef$root492, _tokenRef$root493, _tokenRef$root494, _tokenRef$root495, _tokenRef$root496, _tokenRef$root497, _tokenRef$root498, _tokenRef$root499, _tokenRef$root500, _tokenRef$root501, _tokenRef$root502, _tokenRef$root503, _tokenRef$root504, _tokenRef$root505, _tokenRef$root506, _tokenRef$root507, _tokenRef$root508, _tokenRef$root509, _tokenRef$root510, _tokenRef$root511, _tokenRef$root512, _tokenRef$root513, _tokenRef$root514, _tokenRef$root515, _tokenRef$root516, _tokenRef$root517, _tokenRef$root518, _tokenRef$root519, _tokenRef$root520, _tokenRef$root521, _tokenRef$root522, _tokenRef$root523, _tokenRef$root524, _tokenRef$root525, _tokenRef$root526, _tokenRef$root527, _tokenRef$root528, _tokenRef$root529, _tokenRef$root530, _tokenRef$root531, _tokenRef$root532, _tokenRef$root533, _tokenRef$root534, _tokenRef$root535, _tokenRef$root536, _tokenRef$root537, _tokenRef$root538, _tokenRef$root539, _tokenRef$root540, _tokenRef$root541, _tokenRef$root542, _tokenRef$root543, _tokenRef$root544, _tokenRef$root545, _tokenRef$root546, _tokenRef$root547, _tokenRef$root548, _tokenRef$root549, _tokenRef$root550, _tokenRef$root551, _tokenRef$root552, _tokenRef$root553, _tokenRef$root554, _tokenRef$root555, _tokenRef$root556, _tokenRef$root557, _tokenRef$root558, _tokenRef$root559, _tokenRef$root560, _tokenRef$root561, _tokenRef$root562, _tokenRef$root563, _tokenRef$root564, _tokenRef$root565, _tokenRef$root566, _tokenRef$root567, _tokenRef$root568, _tokenRef$root569, _tokenRef$root570, _tokenRef$root571, _tokenRef$root572, _tokenRef$root573, _tokenRef$root574, _tokenRef$root575, _tokenRef$root576, _tokenRef$root577, _tokenRef$root578, _tokenRef$root579, _tokenRef$root580, _tokenRef$root581, _tokenRef$root582, _tokenRef$root583, _tokenRef$root584, _tokenRef$root585, _tokenRef$root586, _tokenRef$root587, _tokenRef$root588, _tokenRef$root589, _tokenRef$root590, _tokenRef$root591, _tokenRef$root592, _tokenRef$root593, _tokenRef$root594, _tokenRef$root595, _tokenRef$root596, _tokenRef$root597, _tokenRef$root598, _tokenRef$root599, _tokenRef$root600, _tokenRef$root601, _tokenRef$root602, _tokenRef$root603, _tokenRef$root604, _tokenRef$root605, _tokenRef$root606, _tokenRef$root607, _tokenRef$root608, _tokenRef$root609, _tokenRef$root610, _tokenRef$root611, _tokenRef$root612, _tokenRef$root613, _tokenRef$root614, _tokenRef$root615, _tokenRef$root616, _tokenRef$root617, _tokenRef$root618, _tokenRef$root619, _tokenRef$root620, _tokenRef$root621, _tokenRef$root622, _tokenRef$root623, _tokenRef$root624, _tokenRef$root625, _tokenRef$root626, _tokenRef$root627, _tokenRef$root628, _tokenRef$root629, _tokenRef$root630, _tokenRef$root631, _tokenRef$root632, _tokenRef$root633, _tokenRef$root634, _tokenRef$root635, _tokenRef$root636, _tokenRef$root637, _tokenRef$root638, _tokenRef$root639, _tokenRef$root640, _tokenRef$root641, _tokenRef$root642, _tokenRef$root643, _tokenRef$root644, _tokenRef$root645, _tokenRef$root646, _tokenRef$root647, _tokenRef$root648, _tokenRef$root649, _tokenRef$root650, _tokenRef$root651, _tokenRef$root652, _tokenRef$root653, _tokenRef$root654, _tokenRef$root655, _tokenRef$root656, _tokenRef$root657, _tokenRef$root658, _tokenRef$root659, _tokenRef$root660, _tokenRef$root661, _tokenRef$root662, _tokenRef$root663, _tokenRef$root664, _tokenRef$root665, _tokenRef$root666, _tokenRef$root667, _tokenRef$root668, _tokenRef$root669, _tokenRef$root670, _tokenRef$root671, _tokenRef$root672, _tokenRef$root673, _tokenRef$root674, _tokenRef$root675, _tokenRef$root676, _tokenRef$root677, _tokenRef$root678, _tokenRef$root679, _tokenRef$root680, _tokenRef$root681, _tokenRef$root682, _tokenRef$root683, _tokenRef$root684, _tokenRef$root685, _tokenRef$root686, _tokenRef$root687, _tokenRef$root688, _tokenRef$root689, _tokenRef$root690, _tokenRef$root691, _tokenRef$root692, _tokenRef$root693, _tokenRef$root694, _tokenRef$root695, _tokenRef$root696, _tokenRef$root697, _tokenRef$root698, _tokenRef$root699, _tokenRef$root700, _tokenRef$root701, _tokenRef$root702, _tokenRef$root703, _tokenRef$root704, _tokenRef$root705, _tokenRef$root706, _tokenRef$root707, _tokenRef$root708, _tokenRef$root709, _tokenRef$root710, _tokenRef$root711, _tokenRef$root712, _tokenRef$root713, _tokenRef$root714, _tokenRef$root715, _tokenRef$root716, _tokenRef$root717, _tokenRef$root718, _tokenRef$root719, _tokenRef$root720, _tokenRef$root721, _tokenRef$root722, _tokenRef$root723, _tokenRef$root724, _tokenRef$root725, _tokenRef$root726, _tokenRef$root727, _tokenRef$root728, _tokenRef$root729, _tokenRef$root730, _tokenRef$root731, _tokenRef$root732, _tokenRef$root733, _tokenRef$root734, _tokenRef$root735, _tokenRef$root736, _tokenRef$root737, _tokenRef$root738, _tokenRef$root739, _tokenRef$root740, _tokenRef$root741, _tokenRef$root742, _tokenRef$root743, _tokenRef$root744, _tokenRef$root745, _tokenRef$root746, _tokenRef$root747, _tokenRef$root748, _tokenRef$root749, _tokenRef$root750, _tokenRef$root751, _tokenRef$root752, _tokenRef$root753, _tokenRef$root754, _tokenRef$root755, _tokenRef$root756, _tokenRef$root757, _tokenRef$root758, _tokenRef$root759, _tokenRef$root760, _tokenRef$root761, _tokenRef$root762, _tokenRef$root763, _tokenRef$root764, _tokenRef$root765, _tokenRef$root766, _tokenRef$root767, _tokenRef$root768, _tokenRef$root769, _tokenRef$root770, _tokenRef$root771, _tokenRef$root772, _tokenRef$root773, _tokenRef$root774;
   return {
     spacinginputpaddingVerticalM: wSacle(typeof (tokenRef === null || tokenRef === void 0 || (_tokenRef$root = tokenRef.root) === null || _tokenRef$root === void 0 ? void 0 : _tokenRef$root.spacingInputMd) === 'number' ? tokenRef === null || tokenRef === void 0 || (_tokenRef$root2 = tokenRef.root) === null || _tokenRef$root2 === void 0 ? void 0 : _tokenRef$root2.spacingInputMd : 0),
     fontSizeDesktopTitleT23: tokenRef === null || tokenRef === void 0 || (_tokenRef$root3 = tokenRef.root) === null || _tokenRef$root3 === void 0 ? void 0 : _tokenRef$root3.fontSizeDesktopTitleT23,
@@ -586,7 +586,7 @@ export var getComponentToken = function getComponentToken() {
     colorTopNavigationGradient: tokenRef === null || tokenRef === void 0 || (_tokenRef$root573 = tokenRef.root) === null || _tokenRef$root573 === void 0 ? void 0 : _tokenRef$root573.colorGradientNeutral,
     colorTopNavigationBackground: tokenRef === null || tokenRef === void 0 || (_tokenRef$root574 = tokenRef.root) === null || _tokenRef$root574 === void 0 ? void 0 : _tokenRef$root574.colorBackgroundStandard,
     colorTopNavigationBackgroundHaze: tokenRef === null || tokenRef === void 0 || (_tokenRef$root575 = tokenRef.root) === null || _tokenRef$root575 === void 0 ? void 0 : _tokenRef$root575.colorBackgroundSubtle,
-    colorTopNavigationBackgroundInverse: tokenRef === null || tokenRef === void 0 || (_tokenRef$root576 = tokenRef.root) === null || _tokenRef$root576 === void 0 ? void 0 : _tokenRef$root576.colorTopNavigationBackgroundInverse,
+    colorTopNavigationBackgroundInverse: tokenRef === null || tokenRef === void 0 || (_tokenRef$root576 = tokenRef.root) === null || _tokenRef$root576 === void 0 ? void 0 : _tokenRef$root576.colorBackgroundActive,
     colorTopNavigationBorderBottom: tokenRef === null || tokenRef === void 0 || (_tokenRef$root577 = tokenRef.root) === null || _tokenRef$root577 === void 0 ? void 0 : _tokenRef$root577.colorBorderWeak,
     colorBottomNavigationTextActive: tokenRef === null || tokenRef === void 0 || (_tokenRef$root578 = tokenRef.root) === null || _tokenRef$root578 === void 0 ? void 0 : _tokenRef$root578.colorTextNavigationActive,
     colorBottomNavigationTextInactive: tokenRef === null || tokenRef === void 0 || (_tokenRef$root579 = tokenRef.root) === null || _tokenRef$root579 === void 0 ? void 0 : _tokenRef$root579.colorTextLabel,
@@ -778,7 +778,13 @@ export var getComponentToken = function getComponentToken() {
     opacityButtonHover: tokenRef === null || tokenRef === void 0 || (_tokenRef$root765 = tokenRef.root) === null || _tokenRef$root765 === void 0 ? void 0 : _tokenRef$root765.opacityHover,
     opacityButtonPressed: tokenRef === null || tokenRef === void 0 || (_tokenRef$root766 = tokenRef.root) === null || _tokenRef$root766 === void 0 ? void 0 : _tokenRef$root766.opacityPressed,
     colorButtonBackgroundPrimaryDisable: tokenRef === null || tokenRef === void 0 || (_tokenRef$root767 = tokenRef.root) === null || _tokenRef$root767 === void 0 ? void 0 : _tokenRef$root767.colorBackgroundDisabled,
-    colorButtonTextDisable: tokenRef === null || tokenRef === void 0 || (_tokenRef$root768 = tokenRef.root) === null || _tokenRef$root768 === void 0 ? void 0 : _tokenRef$root768.colorTextInverse
+    colorButtonTextDisable: tokenRef === null || tokenRef === void 0 || (_tokenRef$root768 = tokenRef.root) === null || _tokenRef$root768 === void 0 ? void 0 : _tokenRef$root768.colorTextInverse,
+    fontFamilyPromaryBold: tokenRef === null || tokenRef === void 0 || (_tokenRef$root769 = tokenRef.root) === null || _tokenRef$root769 === void 0 ? void 0 : _tokenRef$root769.fontFamilyPromaryBold,
+    fontFamilyPromaryRegular: tokenRef === null || tokenRef === void 0 || (_tokenRef$root770 = tokenRef.root) === null || _tokenRef$root770 === void 0 ? void 0 : _tokenRef$root770.fontFamilyPromaryRegular,
+    fontFamilyPromarySemiBold: tokenRef === null || tokenRef === void 0 || (_tokenRef$root771 = tokenRef.root) === null || _tokenRef$root771 === void 0 ? void 0 : _tokenRef$root771.fontFamilyPromarySemiBold,
+    fontFamilySecondaryBold: tokenRef === null || tokenRef === void 0 || (_tokenRef$root772 = tokenRef.root) === null || _tokenRef$root772 === void 0 ? void 0 : _tokenRef$root772.fontFamilySecondaryBold,
+    fontFamilySecondaryRegular: tokenRef === null || tokenRef === void 0 || (_tokenRef$root773 = tokenRef.root) === null || _tokenRef$root773 === void 0 ? void 0 : _tokenRef$root773.fontFamilySecondaryRegular,
+    fontFamilySecondarySemiBold: tokenRef === null || tokenRef === void 0 || (_tokenRef$root774 = tokenRef.root) === null || _tokenRef$root774 === void 0 ? void 0 : _tokenRef$root774.fontFamilySecondarySemiBold
   };
 };
 // @ts-expect-error
@@ -786,8 +792,8 @@ var tokenKey = function tokenKey(key) {
   return getComponentToken()[key] || '';
 };
 var designTokenKey = function designTokenKey(key) {
-  var _tokenRef$root769;
-  return (tokenRef === null || tokenRef === void 0 || (_tokenRef$root769 = tokenRef.root) === null || _tokenRef$root769 === void 0 ? void 0 : _tokenRef$root769[key]) || '#fff';
+  var _tokenRef$root775;
+  return (tokenRef === null || tokenRef === void 0 || (_tokenRef$root775 = tokenRef.root) === null || _tokenRef$root775 === void 0 ? void 0 : _tokenRef$root775[key]) || '#fff';
 };
 var TokenManager = {
   tokenRef: tokenRef,

package/lib/assets/token.json

@@ -1,5 +1,6 @@
 {
 	"gomo": {
+		"colorGradientNeutral": "linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%)",
 		"spacingGapXs": 4,
 		"spacingGapSm": 8,
 		"spacingGapLg": 24,
@@ -300,6 +301,7 @@
 		"colorTextCta2": "#4d28e8"
 	},
 	"eSales": {
+		"colorGradientNeutral": "linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%)",
 		"spacingGapXs": 4,
 		"spacingGapSm": 8,
 		"spacingGapLg": 24,
@@ -599,6 +601,7 @@
 		"colorTextCta2": "#180c8e"
 	},
 	"tm": {
+		"colorGradientNeutral": "linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%)",
 		"spacingGapXs": 4,
 		"spacingGapSm": 8,
 		"spacingGapLg": 24,
@@ -897,4 +900,4 @@
 		"colorIconCta2": "#ff5e00",
 		"colorTextCta2": "#ff5e00"
 	}
-}
+}

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

@@ -9,6 +9,7 @@ export interface AmountProps {
     position?: Position;
     style?: React.CSSProperties;
     onClick?: React.MouseEventHandler;
+    onDropDownClick?: React.MouseEventHandler;
     [key: string]: any;
 }
 export default class Amount extends PureComponent<AmountProps> {

package/lib/components/Amount/index.js

@@ -80,7 +80,8 @@ var Amount = class extends import_react.PureComponent {
       style,
       priceColor,
       textColor,
-      colorStrikethrough
+      colorStrikethrough,
+      onDropDownClick
     } = _a, attr = __objRest(_a, [
       "children",
       "className",
@@ -92,7 +93,8 @@ var Amount = class extends import_react.PureComponent {
       "style",
       "priceColor",
       "textColor",
-      "colorStrikethrough"
+      "colorStrikethrough",
+      "onDropDownClick"
     ]);
     const {
       colorCardTextPrice,
@@ -125,7 +127,7 @@ var Amount = class extends import_react.PureComponent {
           return "ContentC12Bold";
       }
     };
-    const TitleDom = () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, title === "discount" ? /* @__PURE__ */ import_react.default.createElement(import__.Text, { size: "ContentC12Bold", style: { color: textColor || "#D01660" } }, "Discount") : /* @__PURE__ */ import_react.default.createElement(import__.Text, { size: "ContentC12Regular", style: { color: textColor || colorCardTextTitle } }, title, /* @__PURE__ */ import_react.default.createElement(import__.Icon, { size: 12, name: "icon-a-Arrow-Down" })));
+    const TitleDom = () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, title === "discount" ? /* @__PURE__ */ import_react.default.createElement(import__.Text, { size: "ContentC12Bold", style: { color: textColor || "#D01660" } }, "Discount") : /* @__PURE__ */ import_react.default.createElement(import__.Text, { size: "ContentC12Regular", style: { color: textColor || colorCardTextTitle } }, title, /* @__PURE__ */ import_react.default.createElement(import__.Icon, { size: 12, name: "icon-a-Arrow-Down", onClick: onDropDownClick })));
     const PriceDom = () => /* @__PURE__ */ import_react.default.createElement(import__.Text, { size: getSize(size), style: { color: priceColor || colorCardTextPrice } }, children);
     const PriceStrikethroughDom = () => /* @__PURE__ */ import_react.default.createElement(import__.Text, { size: "ContentC12Strikethrough", style: { color: colorStrikethrough || colorCardTextPriceStrikethrough } }, priceStrikethrough);
     const positionLeft = () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(TitleDom, null), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(PriceStrikethroughDom, null), /* @__PURE__ */ import_react.default.createElement(PriceDom, null)));

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ButtonDemo: React.FC;
+export default ButtonDemo;

package/lib/components/Button/demo/index.js

@@ -0,0 +1,138 @@
+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 __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/demo/index.tsx
+var demo_exports = {};
+__export(demo_exports, {
+  default: () => demo_default
+});
+module.exports = __toCommonJS(demo_exports);
+var import_react = __toESM(require("react"));
+var import__ = __toESM(require("../index"));
+var ButtonDemo = () => {
+  const blueTheme = {
+    components: {
+      Button: {
+        colorPrimary: "#1677ff",
+        borderRadius: 4,
+        primaryColor: "#ffffff"
+      }
+    }
+  };
+  const orangeTheme = {
+    components: {
+      Button: {
+        colorPrimary: "#ff7a45",
+        borderRadius: 8,
+        paddingInline: 24,
+        primaryColor: "#ffffff"
+      }
+    }
+  };
+  const purpleRoundedTheme = {
+    components: {
+      Button: {
+        colorPrimary: "#722ed1",
+        borderRadius: 20,
+        paddingInline: 30,
+        primaryColor: "#ffffff"
+      }
+    }
+  };
+  const flatGreenTheme = {
+    components: {
+      Button: {
+        colorPrimary: "#389e0d",
+        borderRadius: 0,
+        primaryColor: "#ffffff"
+      }
+    }
+  };
+  const customInverseTheme = {
+    components: {
+      Button: {
+        colorPrimary: "#faad14",
+        borderRadius: 4
+      }
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "24px" } }, /* @__PURE__ */ import_react.default.createElement("h2", null, "Button 组件示例"), /* @__PURE__ */ import_react.default.createElement("h3", null, "基础用法"), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "8px", marginBottom: "16px" } }, /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "primary" }, "主要按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, null, "默认按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "dashed" }, "虚线按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "link" }, "链接按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "text" }, "文本按钮")), /* @__PURE__ */ import_react.default.createElement("h3", null, "按钮尺寸"), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "8px", marginBottom: "16px", alignItems: "center" } }, /* @__PURE__ */ import_react.default.createElement(import__.default, { size: "large" }, "大号按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { size: "middle" }, "中号按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { size: "small" }, "小号按钮")), /* @__PURE__ */ import_react.default.createElement("h3", null, "加载状态"), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "8px", marginBottom: "16px" } }, /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "primary", loading: true }, "加载中"), /* @__PURE__ */ import_react.default.createElement(import__.default, { loading: true }, "加载中")), /* @__PURE__ */ import_react.default.createElement("h3", null, "禁用状态"), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "8px", marginBottom: "16px" } }, /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "primary", disabled: true }, "禁用主要按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { disabled: true }, "禁用默认按钮")), /* @__PURE__ */ import_react.default.createElement("h3", null, "反色模式（深色背景）"), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style: {
+        background: "#1f1f1f",
+        padding: "16px",
+        borderRadius: "4px",
+        display: "flex",
+        gap: "8px",
+        marginBottom: "16px"
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "primary", inverse: true }, "主要按钮"),
+    /* @__PURE__ */ import_react.default.createElement(import__.default, { inverse: true }, "默认按钮"),
+    /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "text", inverse: true }, "文本按钮")
+  ), /* @__PURE__ */ import_react.default.createElement("h3", null, "自定义主题（使用antd theme API）"), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "8px", marginBottom: "16px", flexWrap: "wrap" } }, /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "primary", theme: blueTheme }, "蓝色按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "primary", theme: orangeTheme }, "橙色按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "primary", theme: purpleRoundedTheme }, "圆角紫色按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "primary", theme: flatGreenTheme }, "无圆角绿色按钮")), /* @__PURE__ */ import_react.default.createElement("h3", null, "深色背景下的自定义反色按钮"), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style: {
+        background: "#1f1f1f",
+        padding: "16px",
+        borderRadius: "4px",
+        display: "flex",
+        gap: "8px",
+        marginBottom: "16px"
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import__.default, { inverse: true, type: "primary" }, "反色按钮（默认）"),
+    /* @__PURE__ */ import_react.default.createElement(
+      import__.default,
+      {
+        inverse: true,
+        type: "primary",
+        theme: customInverseTheme
+      },
+      "反色自定义按钮"
+    )
+  ), /* @__PURE__ */ import_react.default.createElement("h3", null, "块级按钮"), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "8px", maxWidth: "400px" } }, /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "primary", block: true }, "块级主要按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { block: true }, "块级默认按钮"), /* @__PURE__ */ import_react.default.createElement(
+    import__.default,
+    {
+      type: "primary",
+      block: true,
+      theme: {
+        components: {
+          Button: {
+            colorPrimary: "#eb2f96",
+            borderRadius: 16
+          }
+        }
+      }
+    },
+    "自定义块级按钮"
+  )));
+};
+var demo_default = ButtonDemo;

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

@@ -1,11 +1,20 @@
-import React, { PureComponent } from 'react';
+import React from 'react';
 import type { TextProps } from "../Text";
-import { noop } from '../../utils/noop';
 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;
 }
@@ -20,24 +29,11 @@ export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonE
     disabled?: boolean;
     block?: boolean;
     style?: React.CSSProperties;
-    theme?: string;
+    theme?: string | ButtonThemeConfig;
     prefixCls?: string;
     'aria-label'?: React.AriaAttributes['aria-label'];
     contentClassName?: string;
     [key: string]: any;
 }
-export default class Button extends PureComponent<ButtonProps> {
-    static defaultProps: {
-        disabled: boolean;
-        size: string;
-        type: string;
-        theme: string;
-        htmlType: string;
-        onMouseDown: typeof noop;
-        onClick: typeof noop;
-        onMouseEnter: typeof noop;
-        onMouseLeave: typeof noop;
-        prefixCls: string;
-    };
-    render(): React.JSX.Element;
-}
+declare const ButtonWithContext: React.FC<ButtonProps>;
+export default ButtonWithContext;

package/lib/components/Button/index.js

@@ -1,6 +1,8 @@
 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;
@@ -18,6 +20,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -55,7 +58,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/Button/index.tsx
 var Button_exports = {};
 __export(Button_exports, {
-  default: () => Button
+  default: () => Button_default
 });
 module.exports = __toCommonJS(Button_exports);
 var import_react = __toESM(require("react"));
@@ -65,29 +68,52 @@ var import_constants = require("../../constants");
 var import_noop = require("../../utils/noop");
 var import_designTokens = require("./designTokens");
 var import_style = require("./style/index.less");
-var Button = class extends import_react.PureComponent {
+var ButtonComponent = class extends import_react.PureComponent {
   render() {
-    const { children, inverse, fontSize } = this.props;
-    const _a = this.props, { fontSize: _, theme: __, inverse: ___ } = _a, filteredProps = __objRest(_a, ["fontSize", "theme", "inverse"]);
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    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: {
-          //token: designTokens,
-          components: {
-            Button: __spreadValues({}, inverse ? import_designTokens.inverseDesignTokens : import_designTokens.designTokens)
-          },
-          cssVar: true,
-          hashed: false
-        }
+        theme: themeConfig
       },
       /* @__PURE__ */ import_react.default.createElement(import_antd.Button, __spreadValues({}, filteredProps), /* @__PURE__ */ import_react.default.createElement(import_Text.default, { size: fontSize }, children))
-    ));
+    );
   }
 };
-Button.defaultProps = {
+ButtonComponent.defaultProps = {
   disabled: false,
   size: "large",
   type: "default",
@@ -99,3 +125,8 @@ Button.defaultProps = {
   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/Icon/index.d.ts

@@ -6,7 +6,7 @@ export interface IIconProps {
     style?: React.CSSProperties;
     inverse?: boolean;
     className?: string;
-    onClick?: () => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
 }
 declare const Icon: (props: IIconProps) => React.JSX.Element;
 export default Icon;