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

package/README.md

@@ -1,13 +1,16 @@
 # @digitalc/dxp-ui
 
-React Component.
+React 基础组件库。
 
-## Feature
+## ✨ 特性
 
-- React life cycle support [@digitalc/dxp-ui](https://www.npmjs.com/package/@digitalc/dxp-ui) component
-目前计划是提供基于antd5的基础组件库，分别 支持 TM、esales、GOMO 不同风格，后续提供全量定业务组件库。即可不用使用第三方组件，快速切换组件风格，同时支持业务组件库，方便业务组件二次开发。
+- 基于 Ant Design 5 二次封装，提供更符合业务场景的 React 组件。
+- 支持多种主题风格（如 TM、esales、GOMO），方便快速切换。
+- 提供业务组件库，支持二次开发和定制。
+- NPM 包: [@digitalc/dxp-ui](https://www.npmjs.com/package/@digitalc/dxp-ui)
+- 在线演示文档： [https://dxp-ui.vercel.app/dxp-design/](https://dxp-ui.vercel.app/dxp-design/)
 
-## Install
+## 📦 安装
 
 ```bash | pure
 npm install @digitalc/dxp-ui
@@ -15,13 +18,14 @@ npm install @digitalc/dxp-ui
 npm config set registry https://registry.npmjs.org/
 ```
 
-## Usage
+## 🚀 使用
 
 <!-- prettier-ignore -->
 ```tsx | pure
 import { Button } from '@digitalc/dxp-ui';
-// 后续完善打包工具后，会自动引入样式，目前如果样式不对的情况下，需要手动引入样式。
-import "@digitalc/dxp-ui/umd/dxp-ui.min.css"
+// 如果项目使用了 Umi 4+, Vite 5+ 或 Turbopack，构建工具会自动处理样式引入。
+// 对于其他构建环境（如 Webpack、Umi 3），如果样式未生效，请手动引入 CSS 文件：
+import "@digitalc/dxp-ui/umd/dxp-ui.min.css";
 
 const Demo = () => {
     return (
@@ -44,42 +48,46 @@ const Demo = () => {
 export default Demo;
 ```
 
-注意：
-如果是使用的 Umi4、Vite 5 和 Turbopack 将原生支持智能样式编译的（：内置各种语言预处理工具），可以直接引用即可。
 
-但如果是 使用的 webpack 或 umi3 脚手架的前端项目，需要在内部的 webpack 配置less编译。（因为包是esm格式，并支持了按需加载，所以没编译less文件），具体是通过 webpack-chain 添加指定的包，并进行构建。
 
-```
-  chainWebpack(memo, { webpack, env }) {
-    // 额外 处理 dxp-ui-less...  需要安装 less-loader： npm install less-loader --save-dev
 
-     代码在下面，第4条。
+## 🎨 自定义主题
 
-  }
+可以通过注入自定义的 Token JSON 数据来替换默认主题。
+
+```tsx | pure
+
+import { tokenManager } from '@digitalc/dxp-ui';
+
+// 传入自定义token JSON数据（找UI要）
+tokenManager.loadExternalToken(customTokenJSON);
 ```
 
-## 兼容 @digitalc/dxp-ui 组件库
+## 🤝 兼容 Ant Design v4 项目
 
-dxp-ui 使用了 antd5 做二次开发，但在"umi": "^3.x"项目中，已有组件库版本是 antd 4.x。
-底层依赖的版本与4有差异，编译时会报错，所以需要兼容 @digitalc/dxp-ui 组件库。
+`@digitalc/dxp-ui` 基于 Ant Design 5 开发。如果在 Ant Design 4.x 的项目（如 Umi 3）中使用，可能会因底层依赖版本差异导致编译报错。以下是兼容方案：
 
-整体兼容方案如下：
+### 1. 安装 Ant Design v4 和 v5
 
-### 1、安装两个版本npm
+使用 npm alias 功能同时安装两个版本的 Ant Design。
 
-如果必须需要用到 antd4 版本,可以看这篇 antd 多版本共存：
-https://ant-design.antgroup.com/docs/react/migration-v5-cn
+参考 Ant Design 文档：
+- [多版本共存](https://ant-design.antgroup.com/docs/react/migration-v5-cn#%E5%A4%9A%E7%89%88%E6%9C%AC%E5%85%B1%E5%AD%98)
+- [v5 不兼容变化](https://ant-design.antgroup.com/docs/react/migration-v5-cn#50-%E6%9C%89%E5%93%AA%E4%BA%9B%E4%B8%8D%E5%85%BC%E5%AE%B9%E7%9A%84%E5%8F%98%E5%8C%96)
 
-5.0 有哪些不兼容的变化: https://ant-design.antgroup.com/docs/react/migration-v5-cn
+在 `package.json` 中添加依赖别名，然后执行 `npm install`：
 
-```bash
-在 package.json 文件，添加以下内容，并执行 npm install ：
-"@digitalc/dxp-ui": "^0.0.5-alpha.6",
-"antd": "^5.24.5",
-"antd4": "npm:antd@4.24.16", // 兼容 antd4 ，但需要把 antd 前缀让出来。
+```json
+{
+  "dependencies": {
+    "@digitalc/dxp-ui": "^0.0.5-alpha.6",
+    "antd": "^5.14.2", // antd v5
+    "antd4": "npm:antd@^4.24.16" // antd v4
+  }
+}
 ```
 
-### 2、在 umi.config.ts 中配置以下代码：
+### 2. 配置 Umi (umi.config.ts)
 
 ```js
 export default {
@@ -105,7 +113,9 @@ $ yarn add @umijs/plugin-esbuild
 // },
 ```
 
-### 3、在 根 BaseLayout.jsx 中，引入 ConfigProvider，将 children 用 ConfigProvider 包裹。
+### 3. 配置 Ant Design v5 Provider
+
+在应用的根组件（例如 `layouts/BaseLayout.jsx`）中引入 Ant Design v5 的 `ConfigProvider`，并包裹子组件。设置 `prefixCls` 以避免与 Ant Design v4 的样式冲突。
 
 ```js
 import { ConfigProvider as Antd5ConfigProvider } from 'antd';
@@ -122,7 +132,7 @@ import { ConfigProvider as Antd5ConfigProvider } from 'antd';
 </Antd5ConfigProvider>;
 ```
 
-### 4、正常情况下，已经可用了，不需要配置额外操作（也不需要将之前的antd，改成antd4，直接用5覆盖，具体修改内容：看下v4 to v5 升级指南）。
+### 4. 使用组件
 
 ```js
 import { Button as AntdBtn4 } from 'antd4';
@@ -141,36 +151,60 @@ import { Button, IconButton, IconButtonGroup, Toast, Stepper } from '@digitalc/d
 
 ![image.png](https://p.ipic.vip/xa5nz7.png)
 
-改完后，尽量对项目做全量测试。
-如果出现 less 格式不对，则需要做额外处理。
+### 5. Webpack/Umi 3 Less 配置 (如果需要)
 
-原因是使用的 Umi4、Vite 5 和 Turbopack 将原生支持智能样式编译的（：内置各种语言预处理工具），可以直接引用即可。
+`@digitalc/dxp-ui` 使用 ES Modules 并支持按需加载，其 Less 文件默认未编译。
 
-但如果是使用的 webpack 或 umi3 脚手架的前端项目，需要在内部的 webpack 配置less编译。（因为包是esm格式，并支持了按需加载, 基于 ES modules 的 tree shaking，未编译less文件），具体是通过 webpack-chain 添加指定的包，并进行构建。
+- **Umi 4+, Vite 5+, Turbopack:** 这些现代构建工具通常内置了对 npm 包内 Less 文件的编译支持，无需额外配置。
+- **Webpack 或 Umi 3:** 如果遇到样式问题（Less 未被正确编译），需要在 Webpack 配置中添加对 `@digitalc/dxp-ui` 包内 Less 文件的处理。
+
+首先，安装 `less-loader`:
 
 ```bash
-  chainWebpack(memo, { webpack, env }) {
-    // 额外 处理 dxp-ui-less...  需要安装 less-loader： npm install less-loader --save-dev
+npm install less-loader --save-dev
+# 或者
+yarn add less-loader -D
+```
+
+然后，在 `umi.config.ts` 或 Webpack 配置文件中，使用 `webpack-chain` 添加 Less 处理规则：
+
+```javascript
+// umi3 的 .config.ts
+export default {
+  // ... 其他配置
+  chainWebpack(memo) {
+    // 处理 @digitalc/dxp-ui 中的 Less 文件
     memo.module
       .rule('dxp-ui-less')
       .test(/\.less$/)
-      .include.add(/node_modules[\\/]@digitalc[\\/]dxp-ui/) // 替换为你的包名（如 antd-mobile）
+      .include.add(/node_modules[\\/]@digitalc[\\/]dxp-ui/)
+      .end()
+      .use('style-loader')
+      .loader('style-loader')
+      .end()
+      .use('css-loader')
+      .loader('css-loader')
       .end()
       .use('less-loader')
       .loader('less-loader')
       .options({
         lessOptions: {
           javascriptEnabled: true,
-          // 可选：覆盖变量
-          modifyVars: {
-            'primary-color': '#1890ff',
-          },
-          // 其他自定义变量...
+          math: 'always',
         },
       });
-  }
+
+    // 修改 Umi 默认的 Less 处理规则
+    const lessRule = memo.module.rule('less');
+    lessRule.exclude.add(/node_modules[\\/]@digitalc[\\/]dxp-ui/);
+
+    return memo;
+  },
+};
 ```
 
-end。
+**注意:** 添加 Less 规则后，请务必进行充分测试，确保样式正确加载且没有冲突。
+
+完成以上步骤后，尽量对项目进行全量测试。
 
-<img src="https://p.ipic.vip/xa5nz7.png" width="880" />
+---

package/es/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
 	}
 }