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

package/lib/assets/token.json

@@ -1,6 +1,5 @@
 {
 	"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,
@@ -98,7 +97,7 @@
 		"colorIconRating": "#ffb524",
 		"colorTagPrimary": "#d01660",
 		"colorTagSecondary": "#1700e8",
-		"colorBorderDivider": "#bfbfc7",
+		"colorBorderDivider": "#dfdfe4",
 		"colorBorderCta": "#4d28e8",
 		"colorBorderCtaInverse": "#e5ff17",
 		"colorBorderError": "#bd341c",
@@ -228,7 +227,7 @@
 		"sizingIconUtilityXs2": 24,
 		"sizingIconGeneralXs2": 20,
 		"borderRadiusXs": 4,
-		"colorTextAmount": "#4d28e8",
+		"colorTextAmount": "#151518",
 		"opacityDefault": 100,
 		"fontFamilySecondaryRegular": "Roboto",
 		"fontFamilyPromaryRegular": "Poppins",
@@ -243,45 +242,42 @@
 		"colorTagGreen": "#00bc6f",
 		"colorTagCyan": "#1482cc",
 		"colorTagOrange": "#ff8d1b",
-		"colorTagPrimarylight": "#ffeaf2",
-		"colorTagSecondarylight": "#e8e6fd",
-		"colorTagGreylight": "#e6e6e6",
-		"colorTagRedlight": "#ffeaea",
-		"colorTagYellowlight": "#fff8e5",
-		"colorTagGreenlight": "#e8fbf3",
-		"colorTagCyanlight": "#e8f6ff",
-		"colorTagOrangelight": "#fff4e9",
+		"colorTagPrimaryLight": "#ffeaf2",
+		"colorTagSecondaryLight": "#e8e6fd",
+		"colorTagGreyLight": "#e6e6e6",
+		"colorTagRedLight": "#ffeaea",
+		"colorTagYellowLight": "#fff8e5",
+		"colorTagGreenLight": "#e8fbf3",
+		"colorTagCyanLight": "#e8f6ff",
+		"colorTagOrangeLight": "#fff4e9",
 		"colorTagBlack": "#545454",
 		"fontSizeDesktopTitleT23": 32,
 		"fontSizeDesktopContentC14": 18,
 		"fontSizeDesktopContentC21": 20,
 		"fontSizeDesktopTitleT21": 24,
-		"fontSizeDesktopTitleT15": 20,
 		"fontSizeDesktopContentC12": 14,
 		"fontSizeDesktopContentC10": 10,
 		"fontSizeDesktopContentC11": 12,
-		"fontSizeDesktopContentC13": 16,
-		"fontSizeDesktopTitleT1": 12,
+		"fontSizeDesktopContentC13": 0,
+		"fontSizeDesktopTitleT12": 12,
 		"fontSizeDesktopTitleT32": 40,
 		"fontSizeDesktopTitleT41": 48,
 		"fontSizeDesktopContentC05": 8,
 		"fontSizeDesktopContentC04": 6,
 		"borderRadiusButton": 32,
 		"colorTextItemtitle": "#242328",
-		"fontSizeDesktopTitleT7": 24,
-		"fontSizeDesktopTitleT8": 24,
-		"fontSizeDesktopTitleT2": 20,
-		"fontSizeDesktopTitleT5": 20,
-		"fontSizeDesktopTitleT3": 16,
-		"fontSizeDesktopTitleT4": 18,
-		"fontSizeDesktopTitleT10": 36,
+		"fontSizeDesktopTitleT13": 14,
+		"fontSizeDesktopTitleT16": 20,
+		"fontSizeDesktopTitleT14": 16,
+		"fontSizeDesktopTitleT15": 18,
+		"fontSizeDesktopTitleT34": 36,
 		"fontSizeMobileContentC04": 6,
 		"fontSizeMobileContentC05": 8,
 		"fontSizeMobileContentC11": 10,
 		"fontSizeMobileContentC12": 12,
-		"fontSizeMobileContentC13": 14,
+		"fontSizeMobileContentC13": 0,
 		"fontSizeMobileContentC14": 16,
-		"fontSizeMobileContentC15": 18,
+		"fontSizeMobileContentC15": 16,
 		"fontSizeMobileContentC21": 20,
 		"fontSizeMobileTitleT12": 12,
 		"fontSizeMobileTitleT13": 14,
@@ -289,19 +285,30 @@
 		"fontSizeMobileTitleT15": 18,
 		"fontSizeMobileTitleT21": 20,
 		"fontSizeMobileTitleT23": 24,
-		"fontSizeMobileTitleT24": 24,
-		"fontSizeMobileTitleT25": 24,
+		"fontSizeMobileTitleT24": 26,
+		"fontSizeMobileTitleT25": 28,
 		"fontSizeMobileTitleT32": 32,
 		"fontSizeMobileTitleT34": 36,
 		"fontSizeMobileTitleT41": 40,
 		"fontSizeMobileTitleT45": 48,
 		"fontSizeMobileNavigation": 16,
 		"colorTextHintMessage": "#151518",
-		"colorIconCta2": "#4d28e8",
-		"colorTextCta2": "#4d28e8"
+		"colorTextCta2": "#4d28e8",
+		"colorBackgroundHeaderActive": "#e5ff17",
+		"spacingTopNavigationPaddingTop": 0,
+		"spacingTopNavigationPaddingBottom": 8,
+		"fontSizeMobileTitleT16": 0,
+		"fontSizeMobileContentC23": 24,
+		"fontSizeMobileContentC16": 18,
+		"fontSizeDesktopContentC23": 24,
+		"fontSizeDesktopContentC15": 18,
+		"fontSizeDesktopContentC16": 0,
+		"fontSizeMobileContentC10": 0,
+		"fontSizeDesktopTitleT24": 26,
+		"fontSizeDesktopTitleT25": 28,
+		"fontSizeDesktopTitleT45": 0
 	},
 	"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,
@@ -339,7 +346,7 @@
 		"colorBackgroundSubtle": "#f2f2f2",
 		"colorBackgroundHover": "#e8e7f4",
 		"colorBackgroundHoverNeutral": "#f5f5f8cc",
-		"colorBackgroundSelected": "#e8e7f4",
+		"colorBackgroundSelected": "#f6f5fb",
 		"colorBackgroundActive": "#180c8e",
 		"colorBackgroundOverlay": "#00000099",
 		"colorBackgroundOverlayLight": "#dfdfe4cc",
@@ -351,7 +358,7 @@
 		"colorBackgroundActiveWeak": "#d1cee8",
 		"colorBackgroundActiveWeakInverse": "#f5ffc0",
 		"colorBackgroundActiveInverse": "#07d39f",
-		"colorBackgroundSubtle2": "#f6f5fb",
+		"colorBackgroundSubtle2": "#e8e7f4",
 		"colorBackgroundHeader": "#160b7f",
 		"colorBackgroundFooter": "#d5d5d5",
 		"colorBackgroundCoachmark": "#180c8e",
@@ -362,22 +369,22 @@
 		"colorTextDisabled": "#8c8c8c",
 		"colorTextInverse": "#ffffff",
 		"colorTextLink": "#3e51f4",
-		"colorTextLinkInverse": "#07d39f",
+		"colorTextLinkInverse": "#38bffc",
 		"colorTextAlert": "#d82e00",
 		"colorTextSuccess": "#00b379",
 		"colorTextNavigationActive": "#180c8e",
-		"colorTextHeaderActive": "#e5ff17",
+		"colorTextHeaderActive": "#38bffc",
 		"colorTextCta": "#180c8e",
-		"colorTextCtaInverse": "#07d39f",
+		"colorTextCtaInverse": "#ffffff",
 		"colorTextSubtleInverse": "#b5b5b5",
 		"colorTextHeaderHighlight": "#242424",
-		"colorTextHeaderHighlightInverse": "#f5ffc0",
+		"colorTextHeaderHighlightInverse": "#ebf8fe",
 		"colorTextHeaderActiveInverse": "#ffffff",
 		"colorTextCoachmark": "#ffffff",
 		"colorIconLink": "#3e51f4",
 		"colorIconNeutral": "#242424",
-		"colorIconCta": "#3e51f4",
-		"colorIconCtaInverse": "#07d39f",
+		"colorIconCta": "#180c8e",
+		"colorIconCtaInverse": "#ffffff",
 		"colorIconSubtle": "#545454",
 		"colorIconWeak": "#b5b5b5",
 		"colorIconDisabled": "#b5b5b5",
@@ -394,12 +401,12 @@
 		"colorIconNotice": "#ff5d76",
 		"colorBottomNavigationInactive": "#8c8c8c",
 		"colorBottomNavigationActive": "#180c8e",
-		"colorIconLinkInverse": "#07d39f",
+		"colorIconLinkInverse": "#38bffc",
 		"colorIconSubtleInverse": "#b5b5b5",
 		"colorIconRating": "#ffb524",
 		"colorTagPrimary": "#d01660",
 		"colorTagSecondary": "#180c8e",
-		"colorBorderDivider": "#f2f2f2",
+		"colorBorderDivider": "#e6e6e6",
 		"colorBorderCta": "#180c8e",
 		"colorBorderCtaInverse": "#07d39f",
 		"colorBorderError": "#d82e00",
@@ -407,7 +414,7 @@
 		"colorBorderStandard": "#d9d9d9",
 		"colorBorderActive": "#180c8e",
 		"colorBorderDisabled": "#8c8c987f",
-		"colorBorderWeak": "#d5d5d5",
+		"colorBorderWeak": "#d9d9d9",
 		"colorBorderStrikeout": "#b5b5b5",
 		"colorBorderStrikeoutInverse": "#ffffff",
 		"colorBorderStrong": "#b5b5b5",
@@ -544,42 +551,40 @@
 		"colorTagGreen": "#00bc6f",
 		"colorTagCyan": "#1482cc",
 		"colorTagOrange": "#ff8d1b",
-		"colorTagPrimarylight": "#ffeaf2",
-		"colorTagSecondarylight": "#e8e6fd",
-		"colorTagGreylight": "#e6e6e6",
-		"colorTagRedlight": "#ffeaea",
-		"colorTagYellowlight": "#fff8e5",
-		"colorTagGreenlight": "#e8fbf3",
-		"colorTagCyanlight": "#e8f6ff",
-		"colorTagOrangelight": "#fff4e9",
+		"colorTagPrimaryLight": "#ffeaf2",
+		"colorTagSecondaryLight": "#e8e6fd",
+		"colorTagGreyLight": "#e6e6e6",
+		"colorTagRedLight": "#ffeaea",
+		"colorTagYellowLight": "#fff8e5",
+		"colorTagGreenLight": "#e8fbf3",
+		"colorTagCyanLight": "#e8f6ff",
+		"colorTagOrangeLight": "#fff4e9",
 		"colorTagBlack": "#545454",
 		"fontSizeDesktopTitleT23": 32,
-		"fontSizeDesktopContentC14": 18,
-		"fontSizeDesktopContentC21": 16,
+		"fontSizeDesktopContentC14": 16,
+		"fontSizeDesktopContentC21": 20,
 		"fontSizeDesktopTitleT21": 24,
 		"fontSizeDesktopContentC12": 14,
 		"fontSizeDesktopContentC10": 10,
 		"fontSizeDesktopContentC11": 12,
-		"fontSizeDesktopContentC13": 16,
-		"fontSizeDesktopTitleT1": 12,
+		"fontSizeDesktopContentC13": 0,
+		"fontSizeDesktopTitleT12": 12,
 		"fontSizeDesktopTitleT32": 40,
 		"fontSizeDesktopTitleT41": 48,
 		"fontSizeDesktopContentC05": 8,
 		"fontSizeDesktopContentC04": 6,
 		"borderRadiusButton": 8,
 		"colorTextItemtitle": "#8c8c8c",
-		"fontSizeDesktopTitleT7": 24,
-		"fontSizeDesktopTitleT8": 24,
-		"fontSizeDesktopTitleT2": 20,
-		"fontSizeDesktopTitleT5": 20,
-		"fontSizeDesktopTitleT3": 16,
-		"fontSizeDesktopTitleT4": 18,
-		"fontSizeDesktopTitleT10": 36,
+		"fontSizeDesktopTitleT13": 14,
+		"fontSizeDesktopTitleT16": 20,
+		"fontSizeDesktopTitleT14": 16,
+		"fontSizeDesktopTitleT15": 18,
+		"fontSizeDesktopTitleT34": 36,
 		"fontSizeMobileContentC04": 6,
 		"fontSizeMobileContentC05": 8,
 		"fontSizeMobileContentC11": 10,
 		"fontSizeMobileContentC12": 12,
-		"fontSizeMobileContentC13": 14,
+		"fontSizeMobileContentC13": 0,
 		"fontSizeMobileContentC14": 14,
 		"fontSizeMobileContentC15": 16,
 		"fontSizeMobileContentC21": 20,
@@ -589,19 +594,30 @@
 		"fontSizeMobileTitleT15": 18,
 		"fontSizeMobileTitleT21": 20,
 		"fontSizeMobileTitleT23": 24,
-		"fontSizeMobileTitleT24": 24,
-		"fontSizeMobileTitleT25": 24,
+		"fontSizeMobileTitleT24": 26,
+		"fontSizeMobileTitleT25": 28,
 		"fontSizeMobileTitleT32": 32,
 		"fontSizeMobileTitleT34": 36,
 		"fontSizeMobileTitleT41": 40,
 		"fontSizeMobileTitleT45": 48,
 		"fontSizeMobileNavigation": 18,
 		"colorTextHintMessage": "#8c8c8c",
-		"colorIconCta2": "#180c8e",
-		"colorTextCta2": "#180c8e"
+		"colorTextCta2": "#180c8e",
+		"colorBackgroundHeaderActive": "#3e51f4",
+		"spacingTopNavigationPaddingTop": 4,
+		"spacingTopNavigationPaddingBottom": 4,
+		"fontSizeMobileTitleT16": 0,
+		"fontSizeMobileContentC23": 24,
+		"fontSizeMobileContentC16": 18,
+		"fontSizeDesktopContentC23": 24,
+		"fontSizeDesktopContentC15": 18,
+		"fontSizeDesktopContentC16": 0,
+		"fontSizeMobileContentC10": 0,
+		"fontSizeDesktopTitleT24": 26,
+		"fontSizeDesktopTitleT25": 28,
+		"fontSizeDesktopTitleT45": 0
 	},
 	"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,
@@ -639,14 +655,14 @@
 		"colorBackgroundSubtle": "#f2f2f2",
 		"colorBackgroundHover": "#ffefe6",
 		"colorBackgroundHoverNeutral": "#f5f5f8cc",
-		"colorBackgroundSelected": "#ffefe6",
+		"colorBackgroundSelected": "#fff7f2",
 		"colorBackgroundActive": "#ff5e00",
 		"colorBackgroundOverlay": "#00000099",
 		"colorBackgroundOverlayLight": "#dfdfe4cc",
 		"colorBackgroundCtaSuccess": "#00b379",
 		"colorBackgroundDark": "#545454",
 		"colorBackgroundDark2": "#242424",
-		"colorBackgroundDisabled": "#b5b5b5",
+		"colorBackgroundDisabled": "#e6e6e6",
 		"colorBackgroundWeak": "#b5b5b5",
 		"colorBackgroundActiveWeak": "#ffdfcc",
 		"colorBackgroundActiveWeakInverse": "#f5ffc0",
@@ -662,22 +678,22 @@
 		"colorTextDisabled": "#8c8c8c",
 		"colorTextInverse": "#ffffff",
 		"colorTextLink": "#1700e8",
-		"colorTextLinkInverse": "#1700e8",
+		"colorTextLinkInverse": "#ff5e00",
 		"colorTextAlert": "#fa2c2c",
 		"colorTextSuccess": "#00b379",
 		"colorTextNavigationActive": "#ff5e00",
 		"colorTextHeaderActive": "#1700e8",
 		"colorTextCta": "#ff5e00",
-		"colorTextCtaInverse": "#1700e8",
+		"colorTextCtaInverse": "#ffffff",
 		"colorTextSubtleInverse": "#b5b5b5",
 		"colorTextHeaderHighlight": "#242424",
-		"colorTextHeaderHighlightInverse": "#f5ffc0",
+		"colorTextHeaderHighlightInverse": "#ebebfc",
 		"colorTextHeaderActiveInverse": "#ffffff",
 		"colorTextCoachmark": "#ffffff",
 		"colorIconLink": "#1700e8",
 		"colorIconNeutral": "#242424",
 		"colorIconCta": "#ff5e00",
-		"colorIconCtaInverse": "#1700e8",
+		"colorIconCtaInverse": "#ffffff",
 		"colorIconSubtle": "#545454",
 		"colorIconWeak": "#b5b5b5",
 		"colorIconDisabled": "#b5b5b5",
@@ -699,15 +715,15 @@
 		"colorIconRating": "#ffb524",
 		"colorTagPrimary": "#ff5e00",
 		"colorTagSecondary": "#1700e8",
-		"colorBorderDivider": "#f2f2f2",
+		"colorBorderDivider": "#e6e6e6",
 		"colorBorderCta": "#ff5e00",
 		"colorBorderCtaInverse": "#07d39f",
 		"colorBorderError": "#fa2c2c",
 		"colorBorderSelected": "#ff5e00",
-		"colorBorderStandard": "#b5b5b5",
+		"colorBorderStandard": "#d9d9d9",
 		"colorBorderActive": "#ff5e00",
 		"colorBorderDisabled": "#8c8c987f",
-		"colorBorderWeak": "#d5d5d5",
+		"colorBorderWeak": "#d9d9d9",
 		"colorBorderStrikeout": "#b5b5b5",
 		"colorBorderStrikeoutInverse": "#ffffff",
 		"colorBorderStrong": "#b5b5b5",
@@ -791,7 +807,7 @@
 		"borderWidthSelected": 2,
 		"borderWidthHover": 1,
 		"borderWidthStrikeout": 2,
-		"borderRadiusSm": 12,
+		"borderRadiusSm": 8,
 		"borderRadiusMd": 16,
 		"borderRadiusXl": 32,
 		"borderRadiusLg": 40,
@@ -844,44 +860,42 @@
 		"colorTagGreen": "#00bc6f",
 		"colorTagCyan": "#1482cc",
 		"colorTagOrange": "#ff8d1b",
-		"colorTagPrimarylight": "#ffefe6",
-		"colorTagSecondarylight": "#e8e6fd",
-		"colorTagGreylight": "#e6e6e6",
-		"colorTagRedlight": "#ffeaea",
-		"colorTagYellowlight": "#fff8e5",
-		"colorTagGreenlight": "#e8fbf3",
-		"colorTagCyanlight": "#e8f6ff",
-		"colorTagOrangelight": "#fff4e9",
+		"colorTagPrimaryLight": "#ffefe6",
+		"colorTagSecondaryLight": "#e8e6fd",
+		"colorTagGreyLight": "#e6e6e6",
+		"colorTagRedLight": "#ffeaea",
+		"colorTagYellowLight": "#fff8e5",
+		"colorTagGreenLight": "#e8fbf3",
+		"colorTagCyanLight": "#e8f6ff",
+		"colorTagOrangeLight": "#fff4e9",
 		"colorTagBlack": "#545454",
 		"fontSizeDesktopTitleT23": 32,
-		"fontSizeDesktopContentC14": 18,
-		"fontSizeDesktopContentC21": 16,
+		"fontSizeDesktopContentC14": 16,
+		"fontSizeDesktopContentC21": 20,
 		"fontSizeDesktopTitleT21": 24,
 		"fontSizeDesktopContentC12": 14,
 		"fontSizeDesktopContentC10": 10,
 		"fontSizeDesktopContentC11": 12,
-		"fontSizeDesktopContentC13": 16,
-		"fontSizeDesktopTitleT1": 12,
+		"fontSizeDesktopContentC13": 0,
+		"fontSizeDesktopTitleT12": 12,
 		"fontSizeDesktopTitleT32": 40,
 		"fontSizeDesktopTitleT41": 48,
 		"fontSizeDesktopContentC05": 8,
 		"fontSizeDesktopContentC04": 6,
 		"borderRadiusButton": 8,
-		"colorTextItemtitle": "#242424",
-		"fontSizeDesktopTitleT7": 24,
-		"fontSizeDesktopTitleT8": 24,
-		"fontSizeDesktopTitleT2": 20,
-		"fontSizeDesktopTitleT5": 20,
-		"fontSizeDesktopTitleT3": 16,
-		"fontSizeDesktopTitleT4": 18,
-		"fontSizeDesktopTitleT10": 36,
+		"colorTextItemtitle": "#8c8c8c",
+		"fontSizeDesktopTitleT13": 14,
+		"fontSizeDesktopTitleT16": 20,
+		"fontSizeDesktopTitleT14": 16,
+		"fontSizeDesktopTitleT15": 18,
+		"fontSizeDesktopTitleT34": 36,
 		"fontSizeMobileContentC04": 6,
 		"fontSizeMobileContentC05": 8,
 		"fontSizeMobileContentC11": 10,
 		"fontSizeMobileContentC12": 12,
-		"fontSizeMobileContentC13": 14,
-		"fontSizeMobileContentC14": 16,
-		"fontSizeMobileContentC15": 18,
+		"fontSizeMobileContentC13": 0,
+		"fontSizeMobileContentC14": 14,
+		"fontSizeMobileContentC15": 16,
 		"fontSizeMobileContentC21": 20,
 		"fontSizeMobileTitleT12": 12,
 		"fontSizeMobileTitleT13": 14,
@@ -889,15 +903,27 @@
 		"fontSizeMobileTitleT15": 18,
 		"fontSizeMobileTitleT21": 20,
 		"fontSizeMobileTitleT23": 24,
-		"fontSizeMobileTitleT24": 24,
-		"fontSizeMobileTitleT25": 24,
+		"fontSizeMobileTitleT24": 26,
+		"fontSizeMobileTitleT25": 28,
 		"fontSizeMobileTitleT32": 32,
 		"fontSizeMobileTitleT34": 36,
 		"fontSizeMobileTitleT41": 40,
 		"fontSizeMobileTitleT45": 48,
-		"fontSizeMobileNavigation": 16,
+		"fontSizeMobileNavigation": 18,
 		"colorTextHintMessage": "#242424",
-		"colorIconCta2": "#ff5e00",
-		"colorTextCta2": "#ff5e00"
+		"colorTextCta2": "#ff5e00",
+		"colorBackgroundHeaderActive": "#e65500",
+		"spacingTopNavigationPaddingTop": 4,
+		"spacingTopNavigationPaddingBottom": 4,
+		"fontSizeMobileTitleT16": 0,
+		"fontSizeMobileContentC23": 24,
+		"fontSizeMobileContentC16": 18,
+		"fontSizeDesktopContentC23": 24,
+		"fontSizeDesktopContentC15": 18,
+		"fontSizeDesktopContentC16": 0,
+		"fontSizeMobileContentC10": 0,
+		"fontSizeDesktopTitleT24": 26,
+		"fontSizeDesktopTitleT25": 28,
+		"fontSizeDesktopTitleT45": 0
 	}
 }

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

@@ -1,11 +1,11 @@
-declare const designTokens: {
+declare const useDesignTokens: () => {
     headerBg: string;
     headerPadding: string;
     contentPadding: string;
 };
-declare const designBorderTokens: {
+declare const useDesignBorderTokens: () => {
     headerBg: string;
     headerPadding: string;
     contentPadding: string;
 };
-export { designTokens, designBorderTokens };
+export { useDesignTokens, useDesignBorderTokens };

package/lib/components/Accordion/designTokens.js

@@ -19,24 +19,32 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/Accordion/designTokens.ts
 var designTokens_exports = {};
 __export(designTokens_exports, {
-  designBorderTokens: () => designBorderTokens,
-  designTokens: () => designTokens
+  useDesignBorderTokens: () => useDesignBorderTokens,
+  useDesignTokens: () => useDesignTokens
 });
 module.exports = __toCommonJS(designTokens_exports);
-var import_tokenHelper = require("../../utils/tokenHelper");
-var designTokens = {
-  headerBg: "transparent",
-  // header背景色
-  headerPadding: `${(0, import_tokenHelper.getToken)("spacingAccordionTitlePaddingVertical")}px 0`,
-  // header边距
-  contentPadding: `${(0, import_tokenHelper.getToken)("spacingAccordionBodyPaddingBottom")}px 0`
-  // content边距
+var import_utils = require("../../utils");
+var useDesignTokens = () => {
+  const getToken = (0, import_utils.useDynamicTokens)();
+  const designTokens = {
+    headerBg: "transparent",
+    // header背景色
+    headerPadding: `${getToken("spacingAccordionTitlePaddingVertical")}px 0`,
+    // header边距
+    contentPadding: `${getToken("spacingAccordionBodyPaddingBottom")}px 0`
+    // content边距
+  };
+  return designTokens;
 };
-var designBorderTokens = {
-  headerBg: "#F5F5F8",
-  // header背景色
-  headerPadding: `${(0, import_tokenHelper.getToken)("spacingAccordionTitlePaddingVertical")}px 16px`,
-  // header边距
-  contentPadding: `${(0, import_tokenHelper.getToken)("spacingAccordionBodyPaddingBottom")}px 16px`
-  // content边距
+var useDesignBorderTokens = () => {
+  const getToken = (0, import_utils.useDynamicTokens)();
+  const designBorderTokens = {
+    headerBg: "#F5F5F8",
+    // header背景色
+    headerPadding: `${getToken("spacingAccordionTitlePaddingVertical")}px 16px`,
+    // header边距
+    contentPadding: `${getToken("spacingAccordionBodyPaddingBottom")}px 16px`
+    // content边距
+  };
+  return designBorderTokens;
 };

package/lib/components/Accordion/index.js

@@ -68,18 +68,22 @@ var Accordion = (props) => {
   const _a = props, {
     prefixCls = import_constants.BASE_CLASS_PREFIX + "-accordion",
     bordered = true,
-    items = []
+    items = [],
+    className = ""
   } = _a, attr = __objRest(_a, [
     "prefixCls",
     "bordered",
-    "items"
+    "items",
+    "className"
   ]);
   const newItems = items.map((item) => ({
     key: item.key,
     label: /* @__PURE__ */ import_react.default.createElement(import_Text.default, { size: "ContentC14Bold" }, item.label),
     children: /* @__PURE__ */ import_react.default.createElement(import_Text.default, { size: "ContentC14Regular" }, item.children)
   }));
-  const showBorder = bordered ? import_designTokens.designBorderTokens : import_designTokens.designTokens;
+  const designTokens = (0, import_designTokens.useDesignTokens)();
+  const designBorderTokens = (0, import_designTokens.useDesignBorderTokens)();
+  const showBorder = bordered ? designBorderTokens : designTokens;
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.ConfigProvider,
     {
@@ -90,7 +94,7 @@ var Accordion = (props) => {
         }
       }
     },
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Collapse, __spreadValues({ items: newItems, className: `${prefixCls}`, showArrow: false, bordered }, attr))
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Collapse, __spreadValues({ items: newItems, className: `${prefixCls} ${className}`, showArrow: false, bordered }, attr))
   );
 };
 var Accordion_default = Accordion;

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

@@ -1,6 +1,6 @@
-declare const designTokens: {
+declare const useDesignTokens: () => {
     colorCardTextTitle: any;
     colorCardTextPriceStrikethrough: any;
     colorCardTextPrice: any;
 };
-export { designTokens };
+export { useDesignTokens };

package/lib/components/Amount/designTokens.js

@@ -19,15 +19,19 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/Amount/designTokens.ts
 var designTokens_exports = {};
 __export(designTokens_exports, {
-  designTokens: () => designTokens
+  useDesignTokens: () => useDesignTokens
 });
 module.exports = __toCommonJS(designTokens_exports);
-var import_tokenHelper = require("../../utils/tokenHelper");
-var designTokens = {
-  colorCardTextTitle: (0, import_tokenHelper.getToken)("colorCardTextTitle"),
-  // title颜色
-  colorCardTextPriceStrikethrough: (0, import_tokenHelper.getToken)("colorCardTextPriceStrikethrough"),
-  // 划线价颜色
-  colorCardTextPrice: (0, import_tokenHelper.getToken)("colorCardTextPrice")
-  // 金额颜色
+var import_utils = require("../../utils");
+var useDesignTokens = () => {
+  const getToken = (0, import_utils.useDynamicTokens)();
+  const designTokens = {
+    colorCardTextTitle: getToken("colorCardTextTitle"),
+    // title颜色
+    colorCardTextPriceStrikethrough: getToken("colorCardTextPriceStrikethrough"),
+    // 划线价颜色
+    colorCardTextPrice: getToken("colorCardTextPrice")
+    // 金额颜色
+  };
+  return designTokens;
 };

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

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import React from 'react';
 import './style/index.less';
 export type Size = 'XS' | 'S' | 'M' | 'L' | 'LG';
 export type Position = 'up' | 'right' | 'down' | 'left';
@@ -12,12 +12,5 @@ export interface AmountProps {
     onDropDownClick?: React.MouseEventHandler;
     [key: string]: any;
 }
-export default class Amount extends PureComponent<AmountProps> {
-    static defaultProps: {
-        size: string;
-        title: string;
-        position: string;
-        prefixCls: string;
-    };
-    render(): React.JSX.Element;
-}
+declare const Amount: (props: AmountProps) => React.JSX.Element;
+export default Amount;