@digitalc/dxp-ui 0.0.6-alpha.1 → 0.0.6-alpha.10

package/es/components/IconButton/index.js

@@ -76,7 +76,7 @@ var IconButton = function IconButton(props) {
       token: {},
       path: [prefixCls]
     }, function () {
-      return "\n      .".concat(prefixCls, "-container {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        // width: ").concat(iconSize, "px;\n        // height: ").concat(iconSize, "px;\n        cursor: ").concat(disabled ? 'not-allowed' : 'pointer', ";\n        opacity: ").concat(disabled ? 0.5 : 1, ";\n        transition: ").concat(designTokens.transitionIconButton, ";\n      }\n\n      .").concat(prefixCls, "-medium {\n        width: ").concat(designTokens.sizingIconButtonMedium, "px;\n        height: ").concat(designTokens.sizingIconButtonMedium, "px;\n        padding:  ").concat(designTokens.spacingIconButtonPaddingHorizontal, "px ").concat(designTokens.spacingIconButtonPaddingVertical, "px;\n      }\n\n      .").concat(prefixCls, "-small {\n        width: ").concat(designTokens.sizingIconButtonSmall, "px;\n        height: ").concat(designTokens.sizingIconButtonSmall, "px;\n        padding: ").concat(designTokens.spacingIconButtonPaddingHorizontalSm, "px ").concat(designTokens.spacingIconButtonPaddingVerticalSm, "px;\n      }\n\n      .").concat(prefixCls, "-container:hover {\n        opacity: 0.8;\n        color: ").concat(designTokens.colorIconButtonHover, ";\n      }\n\n      .").concat(prefixCls, "-container:active {\n        opacity: 0.7;\n        color: ").concat(designTokens.colorIconButtonActive, ";\n      }\n\n      .").concat(prefixCls, "-loading i {\n        animation: loadingCircle 1s infinite linear;\n      }\n\n      .").concat(prefixCls, "-group {\n        gap: ").concat(gap, "px;\n      }\n\n      .").concat(prefixCls, "-group .").concat(prefixCls, "-medium + .").concat(prefixCls, "-medium {\n        padding-left: ").concat(designTokens.spacingIconButtonHorizontalGap, "px;\n      }\n\n      .").concat(prefixCls, "-group .").concat(prefixCls, "-small + .").concat(prefixCls, "-small {\n        padding-left: ").concat(designTokens.spacingIconButtonHorizontalGapSm, "px;\n      }\n    ");
+      return "\n      .".concat(prefixCls, "-container {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        // width: ").concat(iconSize, "px;\n        // height: ").concat(iconSize, "px;\n        cursor: ").concat(disabled ? 'not-allowed' : 'pointer', ";\n        opacity: ").concat(disabled ? 0.5 : 1, ";\n        transition: ").concat(designTokens.transitionIconButton, ";\n      }\n\n      .").concat(prefixCls, "-medium {\n        width: ").concat(designTokens.sizingIconButtonMedium, "px;\n        height: ").concat(designTokens.sizingIconButtonMedium, "px;\n        padding:  ").concat(designTokens.spacingIconButtonPaddingHorizontal, "px ").concat(designTokens.spacingIconButtonPaddingVertical, "px;\n        box-sizing: content-box;\n      }\n\n      .").concat(prefixCls, "-small {\n        width: ").concat(designTokens.sizingIconButtonSmall, "px;\n        height: ").concat(designTokens.sizingIconButtonSmall, "px;\n        padding: ").concat(designTokens.spacingIconButtonPaddingHorizontalSm, "px ").concat(designTokens.spacingIconButtonPaddingVerticalSm, "px;\n        box-sizing: content-box;\n      }\n\n      .").concat(prefixCls, "-container:hover {\n        opacity: 0.8;\n        color: ").concat(designTokens.colorIconButtonHover, ";\n      }\n\n      .").concat(prefixCls, "-container:active {\n        opacity: 0.7;\n        color: ").concat(designTokens.colorIconButtonActive, ";\n      }\n\n      .").concat(prefixCls, "-loading i {\n        animation: loadingCircle 1s infinite linear;\n      }\n\n      .").concat(prefixCls, "-group {\n        gap: ").concat(gap, "px;\n      }\n\n      .").concat(prefixCls, "-group .").concat(prefixCls, "-medium + .").concat(prefixCls, "-medium {\n        padding-left: ").concat(designTokens.spacingIconButtonHorizontalGap, "px;\n      }\n\n      .").concat(prefixCls, "-group .").concat(prefixCls, "-small + .").concat(prefixCls, "-small {\n        padding-left: ").concat(designTokens.spacingIconButtonHorizontalGapSm, "px;\n      }\n    ");
     });
     return hashId;
   };

package/es/components/Modal/index.js

@@ -27,7 +27,7 @@ var Modal = function Modal(props) {
     _props$prefix = props.prefix,
     prefix = _props$prefix === void 0 ? "".concat(cssClasses.PREFIX, "-modal") : _props$prefix,
     _props$footerAlign = props.footerAlign,
-    footerAlign = _props$footerAlign === void 0 ? 'right' : _props$footerAlign,
+    footerAlign = _props$footerAlign === void 0 ? 'center' : _props$footerAlign,
     _props$footer = props.footer,
     footer = _props$footer === void 0 ? null : _props$footer,
     _props$className = props.className,

package/es/components/Modal/style/index.less

@@ -74,7 +74,6 @@
       background: #fff;
       border-bottom-right-radius: var(~"--@{prefix}-border-radius-lg");
       border-bottom-left-radius: var(~"--@{prefix}-border-radius-lg");
-      text-align: center;
     }
   }
 

package/es/components/Navigation/index.d.ts

@@ -20,6 +20,7 @@ export interface INavigationProps {
     hidegoback?: boolean;
     rightLink?: RightLinkConfig;
     titleIconBadge?: TitleIconBadgeConfig;
+    titleStyle?: React.CSSProperties;
     title?: string;
     hideBorder?: boolean;
     className?: string;

package/es/components/Navigation/index.js

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["hideBorder", "className", "rightIcons", "rightLink", "title", "goBack", "isInverse", "titleIconBadge", "imgBackground", "noRight", "leftIconName", "leftIconSize", "hidegoback"];
+var _excluded = ["hideBorder", "className", "rightIcons", "rightLink", "title", "goBack", "isInverse", "titleIconBadge", "imgBackground", "noRight", "leftIconName", "leftIconSize", "hidegoback", "titleStyle"];
 import React from 'react';
 import { useDesignTokens } from "./designTokens";
 import { useStyleRegister } from '@ant-design/cssinjs';
@@ -29,6 +29,8 @@ var Navigation = function Navigation(_ref) {
     leftIconSize = _ref.leftIconSize,
     _ref$hidegoback = _ref.hidegoback,
     hidegoback = _ref$hidegoback === void 0 ? false : _ref$hidegoback,
+    _ref$titleStyle = _ref.titleStyle,
+    titleStyle = _ref$titleStyle === void 0 ? {} : _ref$titleStyle,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var designTokens = useDesignTokens();
   var spacingTopNavigationPaddingHorizontal = designTokens.spacingTopNavigationPaddingHorizontal,
@@ -68,7 +70,7 @@ var Navigation = function Navigation(_ref) {
   }, restProps), {}, {
     children: [!hidegoback && /*#__PURE__*/_jsx(IconButton, {
       className: "".concat(cssClasses.PREFIX, "-header-back"),
-      customeIconSize: leftIconSize,
+      customIconSize: leftIconSize,
       inverse: isInverse,
       size: "medium",
       name: leftIconName || "icon-a-Backarrow-copy",
@@ -87,6 +89,7 @@ var Navigation = function Navigation(_ref) {
           },
           type: titleIconBadge.iconName
         }), /*#__PURE__*/_jsx(Text, {
+          style: titleStyle,
           inverse: isInverse,
           size: "NavigationBold",
           className: "".concat(cssClasses.PREFIX, "-title ").concat(isInverse ? 'inverse' : '', " "),
@@ -96,6 +99,7 @@ var Navigation = function Navigation(_ref) {
           children: +titleIconBadge.badge > 99 ? '99+' : titleIconBadge.badge
         })]
       }) : /*#__PURE__*/_jsx(Text, {
+        style: titleStyle,
         inverse: isInverse,
         size: "NavigationBold",
         className: "".concat(cssClasses.PREFIX, "-title ").concat(isInverse ? 'inverse' : '', " "),

package/es/components/Notification/style/index.less

@@ -24,7 +24,7 @@
         height: 16px;
         width: 8px;
         position: absolute;
-        z-index: 99;
+        z-index: 8;
         top: -8px;
         border: 1px solid #d5d5d5;
       }

package/es/components/Selector/ESelector.js

@@ -98,7 +98,7 @@ var ESelector = function ESelector(props) {
       token: {},
       path: ["".concat(prefix, "-warp")]
     }, function () {
-      return "\n      .".concat(prefix, "-warp {\n        div + div {\n          margin-top:").concat(gap || 16, "px;\n        }\n        .itemSelect {\n          .filterOptions {\n            background: ").concat(colorSelectorBackground, ";\n            border: ").concat(borderWidthSelectorStandard || 1, "px solid ").concat(colorSelectorBorderStandard, ";\n            border-radius: ").concat(borderRadiusSelector, "px;\n            padding: ").concat(spacingSelectorPaddingVertical, "px ").concat(spacingSelectorPaddingHorizontal, "px;\n              &.active {\n                border: ").concat(borderWidthSelectorActive || 1, "px solid ").concat(colorSelectorBorderActive, ";\n                border-radius: ").concat(borderRadiusSelector, "px;\n                &.activeBg {\n                  background: ").concat(colorSelectorBackgroundActive, ";\n                }\n              }         \n              &.active.showActiveIcon:after {\n                background: ").concat(colorSelectorBorderActive, ";\n              }    \n              &.disabled {\n                opacity: ").concat(opacitySelectorTextDisabled / 100, ";\n                border-color: ").concat(colorSelectorBorderDisabled, ";\n                color:").concat(colorSelectorTextDisabled, ";\n              }\n          }\n        }\n    ");
+      return "\n      .".concat(prefix, "-warp {\n        > div + div {\n          margin-top: ").concat(gap || 16, "px;\n        }\n        .itemSelect {\n          .filterOptions {\n            background: ").concat(colorSelectorBackground, ";\n            border: ").concat(borderWidthSelectorStandard || 1, "px solid ").concat(colorSelectorBorderStandard, ";\n            border-radius: ").concat(borderRadiusSelector, "px;\n            padding: ").concat(spacingSelectorPaddingVertical, "px ").concat(spacingSelectorPaddingHorizontal, "px;\n              &.active {\n                border: ").concat(borderWidthSelectorActive || 1, "px solid ").concat(colorSelectorBorderActive, ";\n                border-radius: ").concat(borderRadiusSelector, "px;\n                &.activeBg {\n                  background: ").concat(colorSelectorBackgroundActive, ";\n                }\n              }         \n              &.active.showActiveIcon:after {\n                background: ").concat(colorSelectorBorderActive, ";\n              }    \n              &.disabled {\n                opacity: ").concat(opacitySelectorTextDisabled / 100, ";\n                border-color: ").concat(colorSelectorBorderDisabled, ";\n                color:").concat(colorSelectorTextDisabled, ";\n              }\n          }\n        }\n    ");
     });
     return hashId;
   };
@@ -125,7 +125,7 @@ var ESelector = function ESelector(props) {
           children: [/*#__PURE__*/_jsx(Icon, {
             className: "select-tick",
             type: "icon-Tick",
-            size: 32,
+            size: 14,
             color: "#fff"
           }), hasImg ? /*#__PURE__*/_jsxs("div", {
             className: "imgStyle",

package/es/components/Selector/style/index.less

@@ -44,14 +44,11 @@
     &.active {
       &.showActiveIcon {
         .select-tick {
-          width: 16px;
-          height: 16px;
           display: block;
           position: absolute;
-          right: 8px;
-          bottom: 4px;
+          right: 2px;
+          bottom: 0;
           z-index: 2;
-          transform: scale(0.5, 0.5);
         }
 
         &:before {
@@ -61,12 +58,12 @@
         &:after {
           position: absolute;
           content: '';
-          width: 64px;
-          height: 64px;
+          width: 48px;
+          height: 48px;
           overflow: hidden;
           border-radius: 10000px;
-          bottom: -32px;
-          right: -32px;
+          bottom: -24px;
+          right: -24px;
           border-radius: 10000px;
           z-index: 1;
         }

package/es/components/SelectorItem/index.d.ts

@@ -9,6 +9,7 @@ export interface ISelectorItemProps {
     children?: React.ReactNode;
     prefix?: string;
     onChange?: () => void;
+    style?: React.CSSProperties;
 }
 declare const SelectorItem: React.FC<ISelectorItemProps>;
 export default SelectorItem;

package/es/components/SelectorItem/index.js

@@ -19,6 +19,7 @@ var SelectorItem = function SelectorItem(props) {
     children = props.children,
     _props$prefix = props.prefix,
     prefix = _props$prefix === void 0 ? "".concat(cssClasses.PREFIX, "-selectorItem") : _props$prefix,
+    style = props.style,
     onChange = props.onChange;
   var designTokens = useDesignTokens();
   var colorSelectorBackground = designTokens.colorSelectorBackground,
@@ -56,10 +57,11 @@ var SelectorItem = function SelectorItem(props) {
         onChange();
       }
     },
+    style: style,
     children: [/*#__PURE__*/_jsx(Icon, {
       className: "select-tick",
       type: "icon-Tick",
-      size: 32,
+      size: 14,
       color: "#fff"
     }), children]
   });

package/es/components/SelectorItem/style/index.less

@@ -23,14 +23,11 @@
   &.active {
     &.showActiveIcon {
       .select-tick {
-        width: 16px;
-        height: 16px;
         display: block;
         position: absolute;
-        right: 8px;
-        bottom: 4px;
+        right: 2px;
+        bottom: 0;
         z-index: 2;
-        transform: scale(0.5, 0.5);
       }
 
       &:before {
@@ -40,12 +37,12 @@
       &:after {
         position: absolute;
         content: '';
-        width: 64px;
-        height: 64px;
+        width: 48px;
+        height: 48px;
         overflow: hidden;
         border-radius: 10000px;
-        bottom: -32px;
-        right: -32px;
+        bottom: -24px;
+        right: -24px;
         border-radius: 10000px;
         z-index: 1;
       }

package/es/components/Stepper/index.js

@@ -84,8 +84,9 @@ var Stepper = function Stepper(_ref) {
   var _useMemo = useMemo(function () {
       var _items$current, _items;
       var hasNextStep = items && current !== undefined && current < items.length - 1;
+      var curStep = items && current !== undefined;
       return {
-        title: hasNextStep ? ((_items$current = items[current]) === null || _items$current === void 0 ? void 0 : _items$current.title) || '' : '',
+        title: curStep ? ((_items$current = items[current]) === null || _items$current === void 0 ? void 0 : _items$current.title) || '' : '',
         nextStep: hasNextStep ? ((_items = items[current + 1]) === null || _items === void 0 ? void 0 : _items.title) || '' : ''
       };
     }, [items, current]),

package/es/components/Tabs/index.js

@@ -47,13 +47,14 @@ var Tabs = function Tabs(props) {
   var iconColor = inverse ? otherDesignToken.colorTabsIconInactiveInverse : otherDesignToken.colorTabsIconInactive; // 选中的subTitle颜色
   var iconActiveColor = inverse ? otherDesignToken.colorTabsIconActiveInverse : otherDesignToken.colorTabsIconActive; // 选中的subTitle颜色
 
+  var per = "".concat(BASE_CLASS_PREFIX, "-tabs");
   var useCustomButtonStyle = function useCustomButtonStyle() {
     var hashId = useStyleRegister({
       theme: theme,
       token: {},
       path: ["".concat(prefixCls)]
     }, function () {
-      return "\n      .".concat(prefixCls, "-card.").concat(prefixCls, "-fill>.").concat(prefixCls, "-nav .").concat(prefixCls, "-tab {\n        border-radius: 32px;\n        height:40px;\n      }\n      .").concat(prefixCls, "-card.").concat(prefixCls, "-fill .").concat(prefixCls, "-nav-list {\n        background: ").concat(designFillTokens.colorFillAlter, ";\n        border-radius: 32px;\n      }\n      .").concat(prefixCls, "-tab-active .").concat(prefixCls, "-item-title {\n        font-family:").concat(fontFamilySecondaryBold, "-Bold;\n      }\n      .").concat(prefixCls, "-fill .").concat(prefixCls, "-tab-active .").concat(prefixCls, "-item-title {\n        font-family:").concat(fontFamilySecondaryBold, "-Bold;\n        font-size: ").concat(fontSizeMobileContentC14, ";\n      }\n    ");
+      return "\n      .".concat(per, "-card.").concat(prefixCls, "-fill>.").concat(per, "-nav .").concat(per, "-tab {\n        border-radius: 32px;\n        height:40px;\n      }\n      .").concat(per, "-card.").concat(prefixCls, "-fill .").concat(per, "-nav-list {\n        background: ").concat(designFillTokens.colorFillAlter, ";\n        border-radius: 32px;\n      }\n      .").concat(per, "-tab-active .").concat(prefixCls, "-item-title {\n        font-family:").concat(fontFamilySecondaryBold, "-Bold;\n      }\n      .").concat(prefixCls, "-fill .").concat(per, "-tab-active .").concat(prefixCls, "-item-title {\n        font-family:").concat(fontFamilySecondaryBold, "-Bold;\n        font-size: ").concat(fontSizeMobileContentC14, ";\n      }\n    ");
     });
     return hashId;
   };

package/es/components/Text/index.js

@@ -88,7 +88,7 @@ var Text = function Text(props) {
       token: {},
       path: ["".concat(prefixCls, "-size")]
     }, function () {
-      return "\n      .".concat(prefixCls, "-mobile {\n        &.").concat(prefixCls, "-size-NavigationBold {\n          font-size: ").concat(fontSizeMobileNavigation, ";\n          line-height: 1.25;\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT41Bold {\n          font-size: ").concat(fontSizeMobileTitleT41, ";\n          line-height: 1.25;\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT34Bold {\n          font-size: ").concat(fontSizeMobileTitleT34, ";\n          line-height: 1.25;\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT32Bold {\n          font-size: ").concat(fontSizeMobileTitleT32, ";\n          line-height: 1.25;\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT23Bold {\n          font-size: ").concat(fontSizeMobileTitleT23, ";\n          line-height: 1.25;\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT21Bold {\n          font-size: ").concat(fontSizeMobileTitleT21, ";\n          line-height: 1.25;\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT16Bold {\n          font-size: ").concat(fontSizeMobileTitleT16, ";\n          line-height: ").concat(lineHeightT16M, ";\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT15Bold {\n          font-size: ").concat(fontSizeMobileTitleT15, ";\n          line-height: ").concat(lineHeightT15M, ";\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT14Bold {\n          font-size: ").concat(fontSizeMobileTitleT14, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT13Bold {\n          font-size: ").concat(fontSizeMobileTitleT13, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT12Bold {\n          font-size: ").concat(fontSizeMobileTitleT12, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC23Bold {\n          font-size: ").concat(fontSizeMobileContentC23, ";\n          line-height: 1.25;\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC21Bold {\n          font-size: ").concat(fontSizeMobileContentC21, ";\n          line-height: ").concat(lineHeightC21M, ";\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC16Bold {\n          font-size: ").concat(fontSizeMobileContentC16, ";\n          line-height: ").concat(lineHeightC16M, ";\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC15Bold {\n          font-size: ").concat(fontSizeMobileContentC15, ";\n          line-height: ").concat(lineHeightC15M, ";\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC14Bold {\n          font-size: ").concat(fontSizeMobileContentC14, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC14Regular {\n          font-size: ").concat(fontSizeMobileContentC14, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC14Strikethrough {\n          color: #757575;\n          font-size: ").concat(fontSizeMobileContentC14, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          text-decoration: line-through;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC14TextLink {\n          color: #4E28E8;\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeMobileContentC14, ";\n          line-height: 1.5;\n          text-decoration: underline;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC13Bold {\n          font-size: ").concat(fontSizeMobileContentC13, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC13Regular {\n          font-size: ").concat(fontSizeMobileContentC13, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC13Strikethrough {\n          color: #757575;\n          font-size: ").concat(fontSizeMobileContentC13, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          text-decoration: line-through;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC13TextLink {\n          color: #4E28E8;\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeMobileContentC13, ";\n          line-height: 1.5;\n          text-decoration: underline;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12Regular {\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          font-size: ").concat(fontSizeMobileContentC12, ";\n          line-height: 1.5;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12Strikethrough {\n          color: #757575;\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          font-size: ").concat(fontSizeMobileContentC12, ";\n          line-height: 1.5;\n          text-decoration: line-through;\n          letter-spacing: 0.2px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12SemiBold {\n          font-family: ").concat(fontFamilySecondarySemiBold, "-").concat(fontFamilyMap.fontFamilySecondarySemiBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeMobileContentC12, ";\n          line-height: 1.5;\n          letter-spacing: 0.2px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12Bold {\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeMobileContentC12, ";\n          line-height: 1.5;\n          letter-spacing: 0.2px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12TextLink  {\n          color: #4E28E8;\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeMobileContentC12, ";\n          line-height: 1.5;\n          text-decoration: underline;\n          letter-spacing: 0.2px;\n        }\n      }\n      .").concat(prefixCls, "-desktop {\n        &.").concat(prefixCls, "-size-TitleT41Bold {\n          font-size: ").concat(fontSizeDesktopTitleT41, ";\n          line-height: 1.25;\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT34Bold {\n          font-size: ").concat(fontSizeDesktopTitleT34, ";\n          line-height: 1.25;\n          font-family:  ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT32Bold {\n          font-size: ").concat(fontSizeDesktopTitleT32, ";\n          line-height: 1.25;\n          font-family:  ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT23Bold {\n          font-size: ").concat(fontSizeDesktopTitleT23, ";\n          line-height: 1.25;\n          font-family:  ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT21Bold {\n          font-size: ").concat(fontSizeDesktopTitleT21, ";\n          line-height: 1.25;\n          font-family:  ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT16Bold {\n          font-size: ").concat(fontSizeDesktopTitleT16, ";\n          line-height: ").concat(lineHeightT16, ";\n          font-family:  ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT15Bold {\n          font-size: ").concat(fontSizeDesktopTitleT15, ";\n          line-height: ").concat(lineHeightT15, ";\n          font-family:  ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT14Bold {\n          font-size: ").concat(fontSizeDesktopTitleT14, ";\n          line-height: 1.5;\n          font-family:  ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT13Bold {\n          font-size: ").concat(fontSizeDesktopTitleT13, ";\n          line-height: 1.5;\n          font-family:  ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT12Bold {\n          font-size: ").concat(fontSizeDesktopTitleT12, ";\n          line-height: 1.5;\n          font-family:  ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC23Bold {\n          font-size: ").concat(fontSizeDesktopContentC23, ";\n          line-height: 1.25;\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC21Bold {\n          font-size: ").concat(fontSizeDesktopContentC21, ";\n          line-height: ").concat(lineHeightC21, ";\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC16Bold {\n          font-size: ").concat(fontSizeDesktopContentC16, ";\n          line-height: ").concat(lineHeightC16, ";\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC15Bold {\n          font-size: ").concat(fontSizeDesktopContentC15, ";\n          line-height: ").concat(lineHeightC15, ";\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC14Bold {\n          font-size: ").concat(fontSizeDesktopContentC14, ";\n          line-height: ").concat(lineHeightC14, ";\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC14Regular {\n          font-size: ").concat(fontSizeDesktopContentC14, ";\n          line-height: ").concat(lineHeightC14, ";\n          font-family:  ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC14Strikethrough {\n          color: #757575;\n          font-size: ").concat(fontSizeDesktopContentC14, ";\n          line-height: ").concat(lineHeightC14, ";\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          text-decoration: line-through;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC14TextLink {\n          color: #4E28E8;\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeDesktopContentC14, ";\n          line-height: ").concat(lineHeightC14, ";\n          text-decoration: underline;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC13Bold {\n          font-size: ").concat(fontSizeDesktopContentC13, ";\n          line-height: 1.5;\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC13Regular {\n          font-size: ").concat(fontSizeDesktopContentC13, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC13Strikethrough {\n          color: #757575;\n          font-size: ").concat(fontSizeDesktopContentC13, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          text-decoration: line-through;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC13TextLink {\n          color: #4E28E8;\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeDesktopContentC13, ";\n          line-height: 1.5;\n          text-decoration: underline;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12Regular {\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          font-size: ").concat(fontSizeDesktopContentC12, ";\n          line-height: 1.5;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12Strikethrough {\n          color: #757575;\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          font-size: ").concat(fontSizeDesktopContentC12, ";\n          line-height: 1.5;\n          text-decoration: line-through;\n          letter-spacing: 0.2px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12SemiBold {\n          font-family: ").concat(fontFamilySecondarySemiBold, "-").concat(fontFamilyMap.fontFamilySecondarySemiBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeDesktopContentC12, ";\n          line-height: 1.5;\n          letter-spacing: 0.2px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12Bold {\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeDesktopContentC12, ";\n          line-height: 1.5;\n          letter-spacing: 0.2px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12TextLink  {\n          color: #4E28E8;\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeDesktopContentC12, ";\n          line-height: 1.5;\n          text-decoration: underline;\n          letter-spacing: 0.2px;\n        }\n      }\n    ");
+      return "\n      .".concat(prefixCls, "-mobile {\n        &.").concat(prefixCls, "-size-NavigationBold {\n          font-size: ").concat(fontSizeMobileNavigation, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT41Bold {\n          font-size: ").concat(fontSizeMobileTitleT41, ";\n          line-height: 1.25;\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT34Bold {\n          font-size: ").concat(fontSizeMobileTitleT34, ";\n          line-height: 1.25;\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT32Bold {\n          font-size: ").concat(fontSizeMobileTitleT32, ";\n          line-height: 1.25;\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT23Bold {\n          font-size: ").concat(fontSizeMobileTitleT23, ";\n          line-height: 1.25;\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT21Bold {\n          font-size: ").concat(fontSizeMobileTitleT21, ";\n          line-height: 1.25;\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT16Bold {\n          font-size: ").concat(fontSizeMobileTitleT16, ";\n          line-height: ").concat(lineHeightT16M, ";\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT15Bold {\n          font-size: ").concat(fontSizeMobileTitleT15, ";\n          line-height: ").concat(lineHeightT15M, ";\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT14Bold {\n          font-size: ").concat(fontSizeMobileTitleT14, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT13Bold {\n          font-size: ").concat(fontSizeMobileTitleT13, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT12Bold {\n          font-size: ").concat(fontSizeMobileTitleT12, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC23Bold {\n          font-size: ").concat(fontSizeMobileContentC23, ";\n          line-height: 1.25;\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC21Bold {\n          font-size: ").concat(fontSizeMobileContentC21, ";\n          line-height: ").concat(lineHeightC21M, ";\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC16Bold {\n          font-size: ").concat(fontSizeMobileContentC16, ";\n          line-height: ").concat(lineHeightC16M, ";\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC15Bold {\n          font-size: ").concat(fontSizeMobileContentC15, ";\n          line-height: ").concat(lineHeightC15M, ";\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC14Bold {\n          font-size: ").concat(fontSizeMobileContentC14, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC14Regular {\n          font-size: ").concat(fontSizeMobileContentC14, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC14Strikethrough {\n          color: #757575;\n          font-size: ").concat(fontSizeMobileContentC14, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          text-decoration: line-through;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC14TextLink {\n          color: #4E28E8;\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeMobileContentC14, ";\n          line-height: 1.5;\n          text-decoration: underline;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC13Bold {\n          font-size: ").concat(fontSizeMobileContentC13, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC13Regular {\n          font-size: ").concat(fontSizeMobileContentC13, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC13Strikethrough {\n          color: #757575;\n          font-size: ").concat(fontSizeMobileContentC13, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          text-decoration: line-through;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC13TextLink {\n          color: #4E28E8;\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeMobileContentC13, ";\n          line-height: 1.5;\n          text-decoration: underline;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12Regular {\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          font-size: ").concat(fontSizeMobileContentC12, ";\n          line-height: 1.5;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12Strikethrough {\n          color: #757575;\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          font-size: ").concat(fontSizeMobileContentC12, ";\n          line-height: 1.5;\n          text-decoration: line-through;\n          letter-spacing: 0.2px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12SemiBold {\n          font-family: ").concat(fontFamilySecondarySemiBold, "-").concat(fontFamilyMap.fontFamilySecondarySemiBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeMobileContentC12, ";\n          line-height: 1.5;\n          letter-spacing: 0.2px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12Bold {\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeMobileContentC12, ";\n          line-height: 1.5;\n          letter-spacing: 0.2px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12TextLink  {\n          color: #4E28E8;\n          font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeMobileContentC12, ";\n          line-height: 1.5;\n          text-decoration: underline;\n          letter-spacing: 0.2px;\n        }\n      }\n      .").concat(prefixCls, "-desktop {\n        &.").concat(prefixCls, "-size-TitleT41Bold {\n          font-size: ").concat(fontSizeDesktopTitleT41, ";\n          line-height: 1.25;\n          font-family: ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT34Bold {\n          font-size: ").concat(fontSizeDesktopTitleT34, ";\n          line-height: 1.25;\n          font-family:  ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT32Bold {\n          font-size: ").concat(fontSizeDesktopTitleT32, ";\n          line-height: 1.25;\n          font-family:  ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT23Bold {\n          font-size: ").concat(fontSizeDesktopTitleT23, ";\n          line-height: 1.25;\n          font-family:  ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT21Bold {\n          font-size: ").concat(fontSizeDesktopTitleT21, ";\n          line-height: 1.25;\n          font-family:  ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT16Bold {\n          font-size: ").concat(fontSizeDesktopTitleT16, ";\n          line-height: ").concat(lineHeightT16, ";\n          font-family:  ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT15Bold {\n          font-size: ").concat(fontSizeDesktopTitleT15, ";\n          line-height: ").concat(lineHeightT15, ";\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT14Bold {\n          font-size: ").concat(fontSizeDesktopTitleT14, ";\n          line-height: 1.5;\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT13Bold {\n          font-size: ").concat(fontSizeDesktopTitleT13, ";\n          line-height: 1.5;\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-TitleT12Bold {\n          font-size: ").concat(fontSizeDesktopTitleT12, ";\n          line-height: 1.5;\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC23Bold {\n          font-size: ").concat(fontSizeDesktopContentC23, ";\n          line-height: 1.25;\n          font-family:  ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC21Bold {\n          font-size: ").concat(fontSizeDesktopContentC21, ";\n          line-height: ").concat(lineHeightC21, ";\n          font-family:  ").concat(fontFamilyPrimaryBold, "-").concat(fontFamilyMap.fontFamilyPrimaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC16Bold {\n          font-size: ").concat(fontSizeDesktopContentC16, ";\n          line-height: ").concat(lineHeightC16, ";\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC15Bold {\n          font-size: ").concat(fontSizeDesktopContentC15, ";\n          line-height: ").concat(lineHeightC15, ";\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC14Bold {\n          font-size: ").concat(fontSizeDesktopContentC14, ";\n          line-height: ").concat(lineHeightC14, ";\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC14Regular {\n          font-size: ").concat(fontSizeDesktopContentC14, ";\n          line-height: ").concat(lineHeightC14, ";\n          font-family:  ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC14Strikethrough {\n          color: #757575;\n          font-size: ").concat(fontSizeDesktopContentC14, ";\n          line-height: ").concat(lineHeightC14, ";\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          text-decoration: line-through;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC14TextLink {\n          color: #4E28E8;\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeDesktopContentC14, ";\n          line-height: ").concat(lineHeightC14, ";\n          text-decoration: underline;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC13Bold {\n          font-size: ").concat(fontSizeDesktopContentC13, ";\n          line-height: 1.5;\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n        }\n        &.").concat(prefixCls, "-size-ContentC13Regular {\n          font-size: ").concat(fontSizeDesktopContentC13, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC13Strikethrough {\n          color: #757575;\n          font-size: ").concat(fontSizeDesktopContentC13, ";\n          line-height: 1.5;\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          text-decoration: line-through;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC13TextLink {\n          color: #4E28E8;\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeDesktopContentC13, ";\n          line-height: 1.5;\n          text-decoration: underline;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12Regular {\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          font-size: ").concat(fontSizeDesktopContentC12, ";\n          line-height: 1.5;\n          letter-spacing: 0.1px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12Strikethrough {\n          color: #757575;\n          font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n          font-weight: normal;\n          font-size: ").concat(fontSizeDesktopContentC12, ";\n          line-height: 1.5;\n          text-decoration: line-through;\n          letter-spacing: 0.2px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12SemiBold {\n          font-family: ").concat(fontFamilySecondarySemiBold, "-").concat(fontFamilyMap.fontFamilySecondarySemiBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeDesktopContentC12, ";\n          line-height: 1.5;\n          letter-spacing: 0.2px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12Bold {\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeDesktopContentC12, ";\n          line-height: 1.5;\n          letter-spacing: 0.2px;\n        }\n        &.").concat(prefixCls, "-size-ContentC12TextLink  {\n          color: #4E28E8;\n          font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n          font-weight: bold;\n          font-size: ").concat(fontSizeDesktopContentC12, ";\n          line-height: 1.5;\n          text-decoration: underline;\n          letter-spacing: 0.2px;\n        }\n      }\n    ");
     });
     return hashId;
   };

package/es/components/index.d.ts

@@ -67,3 +67,4 @@ export { default as AppStyleWrapper } from './AppStyleWrapper';
 export { default as Row } from './Row';
 export { default as Col } from './Col';
 export { default as GlobalTokenProvider } from './GlobalTokenProvider';
+export { default as BaseSpin } from './BaseSpin';

package/es/components/index.js

@@ -41,4 +41,5 @@ export { default as Radio } from "./Radio";
 export { default as AppStyleWrapper } from "./AppStyleWrapper";
 export { default as Row } from "./Row";
 export { default as Col } from "./Col";
-export { default as GlobalTokenProvider } from "./GlobalTokenProvider";
+export { default as GlobalTokenProvider } from "./GlobalTokenProvider";
+export { default as BaseSpin } from "./BaseSpin";

package/es/tokens/DXPGlobal.js

@@ -3,6 +3,6 @@
 import local_dxpGlobaltoken from "../assets/token.json";
 
 // const dxpToken = local_dxpGlobaltoken.gomo
-// const dxpToken = local_dxpGlobaltoken.eSales
-var dxpToken = local_dxpGlobaltoken.tm;
+var dxpToken = local_dxpGlobaltoken.eSales;
+// const dxpToken = local_dxpGlobaltoken.tm
 export default dxpToken;

package/es/utils/deviceType.js

@@ -14,7 +14,10 @@ export var checkIsMobile = function checkIsMobile() {
   }
 
   // Check for touch points (more reliable for modern devices)
-  if (navigator.maxTouchPoints > 0) {
+  //  优先检测触摸屏 + 小屏幕（避免误判带触摸屏的台式机）
+  var hasTouch = navigator.maxTouchPoints > 0;
+  var isSmallScreen = window.matchMedia('(max-width: 768px)').matches;
+  if (hasTouch && isSmallScreen) {
     return true;
   }
 

package/es/utils/scaleTool.js

@@ -1,3 +1,4 @@
+import { checkIsMobile } from "./deviceType";
 var getViewportSize = function getViewportSize() {
   var _document$documentEle, _document$body, _document$documentEle2, _document$body2;
   if (typeof document === 'undefined') {
@@ -21,7 +22,7 @@ export var viewportSize = function viewportSize() {
 export var wScale = function wScale(size) {
   var _getViewportSize = getViewportSize(),
     width = _getViewportSize.width;
-  if (width < 375 || width > 768) {
+  if (width < 375 || width > 768 || !checkIsMobile()) {
     return size || 0;
   }
   return parseFloat((width / DesignWidth * (size || 0)).toFixed(1));
@@ -30,7 +31,7 @@ export var hScale = function hScale(size) {
   var _getViewportSize2 = getViewportSize(),
     height = _getViewportSize2.height,
     width = _getViewportSize2.width;
-  if (width < 375 || width > 768) {
+  if (width < 375 || width > 768 || !checkIsMobile()) {
     return size;
   }
   return parseFloat((height / DesignHeight * size).toFixed(1));