@digitalc/dxp-ui 0.0.5-alpha.12 → 0.0.5-alpha.14

package/es/assets/token.json

@@ -831,12 +831,12 @@
 		"borderRadiusXs": 4,
 		"colorTextAmount": "#ff5e00",
 		"opacityDefault": 100,
-		"fontFamilySecondaryRegular": "Roboto",
-		"fontFamilyPromaryRegular": "Roboto",
-		"fontFamilyPromaryBold": "Roboto",
-		"fontFamilyPromarySemiBold": "Roboto",
-		"fontFamilySecondarySemiBold": "Roboto",
-		"fontFamilySecondaryBold": "Roboto",
+		"fontFamilySecondaryRegular": "SF Pro Text",
+		"fontFamilyPromaryRegular": "SF Pro Text",
+		"fontFamilyPromaryBold": "SF Pro Text",
+		"fontFamilyPromarySemiBold": "SF Pro Text",
+		"fontFamilySecondarySemiBold": "SF Pro Text",
+		"fontFamilySecondaryBold": "SF Pro Text",
 		"boolean": true,
 		"colorTagGrey": "#545454",
 		"colorTagRed": "#fa2c2c",

package/es/components/Amount/index.js

@@ -5,7 +5,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["children", "className", "size", "title", "position", "prefixCls", "priceStrikethrough", "style", "priceColor", "textColor", "colorStrikethrough", "onDropDownClick"];
+var _excluded = ["children", "className", "size", "title", "position", "prefixCls", "priceStrikethrough", "style", "priceColor", "textColor", "colorStrikethrough", "onDropDownClick", "showIcon", "iconType"];
 import React, { PureComponent } from 'react';
 import { default as classNames } from 'classnames';
 import { designTokens } from "./designTokens";
@@ -36,6 +36,9 @@ var Amount = /*#__PURE__*/function (_PureComponent) {
         textColor = _this$props.textColor,
         colorStrikethrough = _this$props.colorStrikethrough,
         onDropDownClick = _this$props.onDropDownClick,
+        showIcon = _this$props.showIcon,
+        _this$props$iconType = _this$props.iconType,
+        iconType = _this$props$iconType === void 0 ? 'icon-a-Arrow-Down' : _this$props$iconType,
         attr = _objectWithoutProperties(_this$props, _excluded);
       var colorCardTextPrice = designTokens.colorCardTextPrice,
         colorCardTextPriceStrikethrough = designTokens.colorCardTextPriceStrikethrough,
@@ -71,9 +74,9 @@ var Amount = /*#__PURE__*/function (_PureComponent) {
             style: {
               color: textColor || colorCardTextTitle
             },
-            children: [title, /*#__PURE__*/_jsx(Icon, {
+            children: [title, showIcon && /*#__PURE__*/_jsx(Icon, {
               size: 12,
-              name: "icon-a-Arrow-Down",
+              name: iconType,
               onClick: onDropDownClick
             })]
           })

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

@@ -2,6 +2,7 @@ import React from 'react';
 import './style/index.less';
 export type Size = 'medium' | 'small';
 export interface IconButtonProps {
+    customeIconSize?: string | number;
     prefixCls?: string;
     name: string;
     color?: string;

package/es/components/IconButton/index.js

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["prefixCls", "size", "disabled", "loading", "style", "className", "onMouseDown", "onClick", "onMouseEnter", "onMouseLeave"];
+var _excluded = ["prefixCls", "size", "customeIconSize", "disabled", "loading", "style", "className", "onMouseDown", "onClick", "onMouseEnter", "onMouseLeave"];
 import React from 'react';
 import classNames from 'classnames';
 import { Theme, useStyleRegister } from '@ant-design/cssinjs';
@@ -31,6 +31,7 @@ var IconButton = function IconButton(props) {
     prefixCls = _props$prefixCls === void 0 ? cssClasses.PREFIX + '-icon-button' : _props$prefixCls,
     _props$size = props.size,
     size = _props$size === void 0 ? 'medium' : _props$size,
+    customeIconSize = props.customeIconSize,
     _props$disabled = props.disabled,
     disabled = _props$disabled === void 0 ? false : _props$disabled,
     _props$loading = props.loading,
@@ -88,7 +89,7 @@ var IconButton = function IconButton(props) {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     children: /*#__PURE__*/_jsx(Icon, _objectSpread(_objectSpread({}, restProps), {}, {
-      size: iconSize,
+      size: customeIconSize || iconSize,
       style: _objectSpread({}, otherDesignTokens)
     }))
   });

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

@@ -15,6 +15,7 @@ export interface TitleIconBadgeConfig {
 }
 export interface INavigationProps {
     rightIcons?: RightIcon[];
+    leftIconName?: string;
     imgBackground?: boolean;
     rightLink?: RightLinkConfig;
     titleIconBadge?: TitleIconBadgeConfig;
@@ -24,6 +25,7 @@ export interface INavigationProps {
     goBack?: () => void;
     isInverse?: boolean;
     noRight?: boolean;
+    leftIconSize?: string | number;
 }
 declare const Navigation: React.FC<INavigationProps>;
 export default Navigation;

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"];
+var _excluded = ["hideBorder", "className", "rightIcons", "rightLink", "title", "goBack", "isInverse", "titleIconBadge", "imgBackground", "noRight", "leftIconName", "leftIconSize"];
 import React from 'react';
 import designTokens from "./designTokens";
 import { useStyleRegister } from '@ant-design/cssinjs';
@@ -23,6 +23,8 @@ var Navigation = function Navigation(_ref) {
     imgBackground = _ref.imgBackground,
     _ref$noRight = _ref.noRight,
     noRight = _ref$noRight === void 0 ? false : _ref$noRight,
+    leftIconName = _ref.leftIconName,
+    leftIconSize = _ref.leftIconSize,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var spacingTopNavigationPaddingHorizontal = designTokens.spacingTopNavigationPaddingHorizontal,
     spacingTopNavigationPaddingBottom = designTokens.spacingTopNavigationPaddingBottom,
@@ -40,7 +42,7 @@ var Navigation = function Navigation(_ref) {
       token: {},
       path: ["".concat(cssClasses.PREFIX, "-header")]
     }, function () {
-      return "\n      .".concat(cssClasses.PREFIX, "-header {\n        padding-left: ").concat(spacingTopNavigationPaddingHorizontal, "px;\n        padding-right: ").concat(spacingTopNavigationPaddingHorizontal, "px;\n        padding-bottom: ").concat(spacingTopNavigationPaddingBottom, "px;\n        padding-top: ").concat(spacingTopNavigationPaddingBottom, "px;  // TODO\uFF1A\u8BBE\u8BA1\u7A3F\u4E0A\u6CA1\u6709\u6682\u65F6\u52A0\u7684\n        border-bottom: 1px solid ").concat(colorTopNavigationBorderBottom, ";\n        background-color:").concat(colorTopNavigationBackground, ";\n        &.inverse {\n          background-color:").concat(colorTopNavigationBackgroundInverse, ";\n        }\n        &.imgBackground {\n          background:").concat(colorTopNavigationGradient, ";\n        }\n        &.hideBorder {\n          border-bottom:none;\n        }\n        &.noRight{\n          justify-content:center !important;\n          .").concat(cssClasses.PREFIX, "-header-back {\n            position:absolute;\n            left: ").concat(spacingTopNavigationPaddingHorizontal, "px;\n          }\n        }\n      }\n      .").concat(cssClasses.PREFIX, "-title {\n          color:").concat(colorTopNavigationTitleStandard, ";\n        &.inverse {\n          color:").concat(colorTopNavigationTitleInverse, ";\n        }\n      }\n      .").concat(cssClasses.PREFIX, "-right-link {\n        padding-right: ").concat(spacingTopNavigationTextLinkPaddingRight, "px;\n      }\n    ");
+      return "\n      .".concat(cssClasses.PREFIX, "-header {\n        padding-left: ").concat(spacingTopNavigationPaddingHorizontal, "px;\n        padding-right: ").concat(spacingTopNavigationPaddingHorizontal, "px;\n        padding-bottom: ").concat(spacingTopNavigationPaddingBottom, "px;\n        padding-top: ").concat(spacingTopNavigationPaddingBottom, "px;  // TODO\uFF1A\u8BBE\u8BA1\u7A3F\u4E0A\u6CA1\u6709\u6682\u65F6\u52A0\u7684\n        border-bottom: 1px solid ").concat(colorTopNavigationBorderBottom, ";\n        background-color:").concat(colorTopNavigationBackground, ";\n        &.inverse {\n          background-color:").concat(colorTopNavigationBackgroundInverse, ";\n        }\n        &.imgBackground {\n          background:").concat(colorTopNavigationGradient, ";\n        }\n        &.hideBorder {\n          border-bottom:none;\n          box-shadow: 0px -2px 10px 0px rgba(26, 24, 134, 0.1);\n        }\n        &.noRight{\n          justify-content:center !important;\n          .dxp-title-warp{\n             line-height:41px;\n          }\n          .").concat(cssClasses.PREFIX, "-header-back {\n            position:absolute;\n            left: ").concat(spacingTopNavigationPaddingHorizontal, "px;\n          }\n        }\n      }\n      .").concat(cssClasses.PREFIX, "-title {\n          color:").concat(colorTopNavigationTitleStandard, ";\n        &.inverse {\n          color:").concat(colorTopNavigationTitleInverse, ";\n        }\n      }\n      .").concat(cssClasses.PREFIX, "-right-link {\n        padding-right: ").concat(spacingTopNavigationTextLinkPaddingRight, "px;\n      }\n    ");
     });
     return hashId;
   };
@@ -51,13 +53,14 @@ var Navigation = function Navigation(_ref) {
     }
   };
   return /*#__PURE__*/_jsxs("header", _objectSpread(_objectSpread({
-    className: "\n        ".concat(cssClasses.PREFIX, "-header \n        ").concat(hideBorder ? 'hideBorder' : '', " \n        ").concat(isInverse ? 'inverse' : '', " \n        ").concat(imgBackground ? 'imgBackground' : '', "\n        ").concat(noRight ? 'noRight' : '', "\n        ").concat(className || '', "\n      ")
+    className: "".concat(cssClasses.PREFIX, "-header  ").concat(hideBorder ? 'hideBorder' : '', "  ").concat(isInverse ? 'inverse' : '', " ").concat(imgBackground ? 'imgBackground' : '', " ").concat(noRight ? 'noRight' : '', " ").concat(className || '')
   }, restProps), {}, {
     children: [/*#__PURE__*/_jsx(IconButton, {
       className: "".concat(cssClasses.PREFIX, "-header-back"),
+      customeIconSize: leftIconSize,
       inverse: isInverse,
       size: "medium",
-      name: "icon-a-Backarrow-copy",
+      name: leftIconName || "icon-a-Backarrow-copy",
       onClick: onGoBack
     }), /*#__PURE__*/_jsx("div", {
       className: "\n        ".concat(cssClasses.PREFIX, "-title-warp\n      "),

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

@@ -11,7 +11,6 @@
   right: 0;
   margin: 0 auto;
   z-index: 999;
-  box-shadow: 0px -2px 10px 0px rgba(26, 24, 134, 0.1);
 
 
   .@{prefix}-title-warp {

package/es/components/Search/designTokens.js

@@ -32,8 +32,8 @@ var designTokens = {
   // hover边框颜色
   activeBorderColor: getToken('colorInputBorderActive'),
   // active边框颜色
-  activeShadow: '0px 0px 0px 2px #180C8E33',
-  // 边框shadow颜色
+  activeShadow: 'none',
+  // activeShadow: '0px 0px 0px 2px #180C8E33', // 边框shadow颜色
   colorBgContainer: getToken('colorInputBackground'),
   // 背景颜色
   borderWidthInputStandard: getToken('borderWidthInputStandard'),
@@ -42,7 +42,7 @@ var designTokens = {
   // 标准边框颜色
   colorInputTextPlaceholder: getToken('colorInputTextPlaceholder'),
   // placeholder文本颜色
-  fontSize: getToken('fontSizeMobile013'),
+  fontSize: getToken('ContentC14Regular'),
   // 字体大小
   lineHeight: 1.5
   // colorBgContainerDisabled: getToken('colorInputBackgroundHaze'), // 背景颜色

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

@@ -4,6 +4,7 @@ export type type = 'default' | 'priceVariant1' | 'priceVariant2';
 export interface StickyFooterProps {
     children?: React.ReactNode;
     className?: string;
+    colorPrice?: string;
     type?: type;
     priceStrikethrough?: string;
     style?: React.CSSProperties;

package/es/components/StickyFooter/index.js

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["type", "price", "priceStrikethrough", "buttonText", "title", "position", "size", "children", "onDropDownClick", "onRightBtnClick", "onBtnClick"];
+var _excluded = ["type", "colorPrice", "price", "priceStrikethrough", "buttonText", "title", "position", "size", "children", "onDropDownClick", "onRightBtnClick", "onBtnClick", "showIcon", "iconType"];
 import React from 'react';
 import { useStyleRegister } from '@ant-design/cssinjs';
 import { theme } from "../../utils/theme";
@@ -12,6 +12,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 var StickyFooter = function StickyFooter(props) {
   var _props$type = props.type,
     type = _props$type === void 0 ? 'default' : _props$type,
+    colorPrice = props.colorPrice,
     price = props.price,
     priceStrikethrough = props.priceStrikethrough,
     _props$buttonText = props.buttonText,
@@ -23,6 +24,9 @@ var StickyFooter = function StickyFooter(props) {
     onDropDownClick = props.onDropDownClick,
     onRightBtnClick = props.onRightBtnClick,
     onBtnClick = props.onBtnClick,
+    _props$showIcon = props.showIcon,
+    showIcon = _props$showIcon === void 0 ? true : _props$showIcon,
+    iconType = props.iconType,
     attr = _objectWithoutProperties(props, _excluded);
   var padding = designTokens.padding,
     borderTop = designTokens.borderTop,
@@ -58,13 +62,15 @@ var StickyFooter = function StickyFooter(props) {
     }), type === 'priceVariant1' && /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(Amount, {
         priceStrikethrough: priceStrikethrough,
-        priceColor: priceColor,
+        priceColor: colorPrice || priceColor,
         textColor: title === 'discount' ? textDiscontColor : textColor,
         colorStrikethrough: colorStrikethrough,
         title: title,
         position: position,
         size: size,
+        showIcon: showIcon,
         onDropDownClick: onDropDownClick,
+        iconType: iconType,
         children: price
       }), /*#__PURE__*/_jsx(Button, {
         type: "primary",

package/es/components/TextInputOutside/designTokens.d.ts

@@ -11,7 +11,7 @@ declare const designTokens: {
     borderWidthInputStandard: any;
     colorBorder: any;
     colorInputTextPlaceholder: any;
-    fontSize: number;
+    fontSize: any;
     colorBgContainerDisabled: any;
 };
 declare const designFormTokens: {
@@ -20,8 +20,8 @@ declare const designFormTokens: {
     lineHeight: number;
     labelHeight: number;
     labelColor: any;
-    labelFontSize: number;
-    fontSize: number;
+    labelFontSize: any;
+    fontSize: any;
     itemMarginBottom: number;
 };
 declare const designFormHorizontalTokens: {
@@ -31,8 +31,8 @@ declare const designFormHorizontalTokens: {
     labelHeight: string;
     labelColor: any;
     lineHeight: number;
-    labelFontSize: number;
-    fontSize: number;
+    labelFontSize: any;
+    fontSize: any;
     itemMarginBottom: number;
 };
 declare const styleToken: {

package/es/components/TextInputOutside/designTokens.js

@@ -27,7 +27,7 @@ var designTokens = {
   // 标准边框颜色
   colorInputTextPlaceholder: getToken('colorInputTextPlaceholder'),
   // placeholder文本颜色
-  fontSize: 14,
+  fontSize: getToken('ContentC14Regular'),
   // 字体大小
   colorBgContainerDisabled: getToken('colorInputBackgroundHaze') // 背景颜色
 };
@@ -35,14 +35,14 @@ var designFormTokens = {
   labelRequiredMarkColor: getToken('colorInputTextError'),
   colorError: getToken('colorInputTextError'),
   // 错误信息文本颜色
-  lineHeight: 24 / 14,
+  lineHeight: 24 / getToken('ContentC14Regular'),
   // 行高
-  labelHeight: 24 / 14,
+  labelHeight: 24 / getToken('ContentC14Regular'),
   // 行高
   labelColor: getToken('colorInputTextLabel'),
   // label文本颜色
-  labelFontSize: 16,
-  fontSize: 16,
+  labelFontSize: getToken('ContentC14Regular'),
+  fontSize: getToken('ContentC14Regular'),
   // 字体大小
   itemMarginBottom: 28
 };
@@ -55,10 +55,10 @@ var designFormHorizontalTokens = {
   // label高
   labelColor: getToken('colorInputTextLabel'),
   // label文本颜色
-  lineHeight: 24 / 14,
+  lineHeight: 24 / getToken('ContentC14Regular'),
   // 行高
-  labelFontSize: 16,
-  fontSize: 16,
+  labelFontSize: getToken('ContentC14Regular'),
+  fontSize: getToken('ContentC14Regular'),
   // 字体大小
   itemMarginBottom: 28
 };

package/es/utils/tokenManager.js

@@ -752,7 +752,7 @@ export var getComponentToken = function getComponentToken() {
     borderWidthChip: tokenRef === null || tokenRef === void 0 || (_tokenRef$root739 = tokenRef.root) === null || _tokenRef$root739 === void 0 ? void 0 : _tokenRef$root739.borderWidthStandard,
     borderRadiusDrawerTopLeft: tokenRef === null || tokenRef === void 0 || (_tokenRef$root740 = tokenRef.root) === null || _tokenRef$root740 === void 0 ? void 0 : _tokenRef$root740.borderRadiusMd,
     borderRadiusDrawerTopRight: tokenRef === null || tokenRef === void 0 || (_tokenRef$root741 = tokenRef.root) === null || _tokenRef$root741 === void 0 ? void 0 : _tokenRef$root741.borderRadiusMd,
-    borderRadiusButton: tokenRef === null || tokenRef === void 0 || (_tokenRef$root742 = tokenRef.root) === null || _tokenRef$root742 === void 0 ? void 0 : _tokenRef$root742.borderRadiusXl,
+    borderRadiusButton: tokenRef === null || tokenRef === void 0 || (_tokenRef$root742 = tokenRef.root) === null || _tokenRef$root742 === void 0 ? void 0 : _tokenRef$root742.borderRadiusButton,
     borderRadiusCarouselFixed: tokenRef === null || tokenRef === void 0 || (_tokenRef$root743 = tokenRef.root) === null || _tokenRef$root743 === void 0 ? void 0 : _tokenRef$root743.borderRadiusSm,
     borderRadiusInput: tokenRef === null || tokenRef === void 0 || (_tokenRef$root744 = tokenRef.root) === null || _tokenRef$root744 === void 0 ? void 0 : _tokenRef$root744.borderRadiusSm,
     borderRadiusSearchInput: tokenRef === null || tokenRef === void 0 || (_tokenRef$root745 = tokenRef.root) === null || _tokenRef$root745 === void 0 ? void 0 : _tokenRef$root745.borderRadiusSm,

package/lib/assets/token.json

@@ -831,12 +831,12 @@
 		"borderRadiusXs": 4,
 		"colorTextAmount": "#ff5e00",
 		"opacityDefault": 100,
-		"fontFamilySecondaryRegular": "Roboto",
-		"fontFamilyPromaryRegular": "Roboto",
-		"fontFamilyPromaryBold": "Roboto",
-		"fontFamilyPromarySemiBold": "Roboto",
-		"fontFamilySecondarySemiBold": "Roboto",
-		"fontFamilySecondaryBold": "Roboto",
+		"fontFamilySecondaryRegular": "SF Pro Text",
+		"fontFamilyPromaryRegular": "SF Pro Text",
+		"fontFamilyPromaryBold": "SF Pro Text",
+		"fontFamilyPromarySemiBold": "SF Pro Text",
+		"fontFamilySecondarySemiBold": "SF Pro Text",
+		"fontFamilySecondaryBold": "SF Pro Text",
 		"boolean": true,
 		"colorTagGrey": "#545454",
 		"colorTagRed": "#fa2c2c",

package/lib/components/Amount/index.js

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

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

@@ -2,6 +2,7 @@ import React from 'react';
 import './style/index.less';
 export type Size = 'medium' | 'small';
 export interface IconButtonProps {
+    customeIconSize?: string | number;
     prefixCls?: string;
     name: string;
     color?: string;

package/lib/components/IconButton/index.js

@@ -82,6 +82,7 @@ var IconButton = (props) => {
   const _a = props, {
     prefixCls = import_constants.cssClasses.PREFIX + "-icon-button",
     size = "medium",
+    customeIconSize,
     disabled = false,
     loading = false,
     style,
@@ -93,6 +94,7 @@ var IconButton = (props) => {
   } = _a, restProps = __objRest(_a, [
     "prefixCls",
     "size",
+    "customeIconSize",
     "disabled",
     "loading",
     "style",
@@ -194,7 +196,7 @@ var IconButton = (props) => {
       onMouseEnter,
       onMouseLeave
     },
-    /* @__PURE__ */ import_react.default.createElement(import_Icon.default, __spreadProps(__spreadValues({}, restProps), { size: iconSize, style: __spreadValues({}, import_designTokens.otherDesignTokens) }))
+    /* @__PURE__ */ import_react.default.createElement(import_Icon.default, __spreadProps(__spreadValues({}, restProps), { size: customeIconSize || iconSize, style: __spreadValues({}, import_designTokens.otherDesignTokens) }))
   );
 };
 var IconButton_default = IconButton;

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

@@ -15,6 +15,7 @@ export interface TitleIconBadgeConfig {
 }
 export interface INavigationProps {
     rightIcons?: RightIcon[];
+    leftIconName?: string;
     imgBackground?: boolean;
     rightLink?: RightLinkConfig;
     titleIconBadge?: TitleIconBadgeConfig;
@@ -24,6 +25,7 @@ export interface INavigationProps {
     goBack?: () => void;
     isInverse?: boolean;
     noRight?: boolean;
+    leftIconSize?: string | number;
 }
 declare const Navigation: React.FC<INavigationProps>;
 export default Navigation;

package/lib/components/Navigation/index.js

@@ -77,7 +77,9 @@ var Navigation = (_a) => {
     isInverse,
     titleIconBadge,
     imgBackground,
-    noRight = false
+    noRight = false,
+    leftIconName,
+    leftIconSize
   } = _b, restProps = __objRest(_b, [
     "hideBorder",
     "className",
@@ -88,7 +90,9 @@ var Navigation = (_a) => {
     "isInverse",
     "titleIconBadge",
     "imgBackground",
-    "noRight"
+    "noRight",
+    "leftIconName",
+    "leftIconSize"
   ]);
   var _a2;
   const {
@@ -124,9 +128,13 @@ var Navigation = (_a) => {
         }
         &.hideBorder {
           border-bottom:none;
+          box-shadow: 0px -2px 10px 0px rgba(26, 24, 134, 0.1);
         }
         &.noRight{
           justify-content:center !important;
+          .dxp-title-warp{
+             line-height:41px;
+          }
           .${import_constants.cssClasses.PREFIX}-header-back {
             position:absolute;
             left: ${spacingTopNavigationPaddingHorizontal}px;
@@ -154,16 +162,9 @@ var Navigation = (_a) => {
   return /* @__PURE__ */ import_react.default.createElement(
     "header",
     __spreadValues({
-      className: `
-        ${import_constants.cssClasses.PREFIX}-header 
-        ${hideBorder ? "hideBorder" : ""} 
-        ${isInverse ? "inverse" : ""} 
-        ${imgBackground ? "imgBackground" : ""}
-        ${noRight ? "noRight" : ""}
-        ${className || ""}
-      `
+      className: `${import_constants.cssClasses.PREFIX}-header  ${hideBorder ? "hideBorder" : ""}  ${isInverse ? "inverse" : ""} ${imgBackground ? "imgBackground" : ""} ${noRight ? "noRight" : ""} ${className || ""}`
     }, restProps),
-    /* @__PURE__ */ import_react.default.createElement(import__.IconButton, { className: `${import_constants.cssClasses.PREFIX}-header-back`, inverse: isInverse, size: "medium", name: "icon-a-Backarrow-copy", onClick: onGoBack }),
+    /* @__PURE__ */ import_react.default.createElement(import__.IconButton, { className: `${import_constants.cssClasses.PREFIX}-header-back`, customeIconSize: leftIconSize, inverse: isInverse, size: "medium", name: leftIconName || "icon-a-Backarrow-copy", onClick: onGoBack }),
     /* @__PURE__ */ import_react.default.createElement("div", { className: `
         ${import_constants.cssClasses.PREFIX}-title-warp
       ` }, !(0, import_lodash.isEmpty)(titleIconBadge) ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${import_constants.cssClasses.PREFIX}-title-badge` }, /* @__PURE__ */ import_react.default.createElement(import__.Icon, { inverse: isInverse, size: 24, style: { marginRight: "4px" }, name: titleIconBadge.iconName }), /* @__PURE__ */ import_react.default.createElement(import__.Text, { inverse: isInverse, size: "ContentC14Bold", className: `${import_constants.cssClasses.PREFIX}-title ${isInverse ? "inverse" : ""} ` }, titleIconBadge.title), /* @__PURE__ */ import_react.default.createElement("div", { className: `${import_constants.cssClasses.PREFIX}-badge` }, +titleIconBadge.badge > 99 ? "99+" : titleIconBadge.badge)) : /* @__PURE__ */ import_react.default.createElement(import__.Text, { inverse: isInverse, size: "ContentC14Bold", className: `${import_constants.cssClasses.PREFIX}-title ${isInverse ? "inverse" : ""} ` }, title)),

package/lib/components/Navigation/style/index.less

@@ -11,7 +11,6 @@
   right: 0;
   margin: 0 auto;
   z-index: 999;
-  box-shadow: 0px -2px 10px 0px rgba(26, 24, 134, 0.1);
 
 
   .@{prefix}-title-warp {

package/lib/components/Search/designTokens.js

@@ -56,8 +56,8 @@ var designTokens = {
   // hover边框颜色
   activeBorderColor: (0, import_tokenHelper.getToken)("colorInputBorderActive"),
   // active边框颜色
-  activeShadow: "0px 0px 0px 2px #180C8E33",
-  // 边框shadow颜色
+  activeShadow: "none",
+  // activeShadow: '0px 0px 0px 2px #180C8E33', // 边框shadow颜色
   colorBgContainer: (0, import_tokenHelper.getToken)("colorInputBackground"),
   // 背景颜色
   borderWidthInputStandard: (0, import_tokenHelper.getToken)("borderWidthInputStandard"),
@@ -66,7 +66,7 @@ var designTokens = {
   // 标准边框颜色
   colorInputTextPlaceholder: (0, import_tokenHelper.getToken)("colorInputTextPlaceholder"),
   // placeholder文本颜色
-  fontSize: (0, import_tokenHelper.getToken)("fontSizeMobile013"),
+  fontSize: (0, import_tokenHelper.getToken)("ContentC14Regular"),
   // 字体大小
   lineHeight: 1.5
   // colorBgContainerDisabled: getToken('colorInputBackgroundHaze'), // 背景颜色

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

@@ -4,6 +4,7 @@ export type type = 'default' | 'priceVariant1' | 'priceVariant2';
 export interface StickyFooterProps {
     children?: React.ReactNode;
     className?: string;
+    colorPrice?: string;
     type?: type;
     priceStrikethrough?: string;
     style?: React.CSSProperties;

package/lib/components/StickyFooter/index.js

@@ -68,6 +68,7 @@ var import_style = require("./style/index.less");
 var StickyFooter = (props) => {
   const _a = props, {
     type = "default",
+    colorPrice,
     price,
     priceStrikethrough,
     buttonText = "Confirm",
@@ -77,9 +78,12 @@ var StickyFooter = (props) => {
     children,
     onDropDownClick,
     onRightBtnClick,
-    onBtnClick
+    onBtnClick,
+    showIcon = true,
+    iconType
   } = _a, attr = __objRest(_a, [
     "type",
+    "colorPrice",
     "price",
     "priceStrikethrough",
     "buttonText",
@@ -89,7 +93,9 @@ var StickyFooter = (props) => {
     "children",
     "onDropDownClick",
     "onRightBtnClick",
-    "onBtnClick"
+    "onBtnClick",
+    "showIcon",
+    "iconType"
   ]);
   const {
     padding,
@@ -126,13 +132,15 @@ var StickyFooter = (props) => {
       import__.Amount,
       {
         priceStrikethrough,
-        priceColor,
+        priceColor: colorPrice || priceColor,
         textColor: title === "discount" ? textDiscontColor : textColor,
         colorStrikethrough,
         title,
         position,
         size,
-        onDropDownClick
+        showIcon,
+        onDropDownClick,
+        iconType
       },
       price
     ), /* @__PURE__ */ import_react.default.createElement(import__.Button, { type: "primary", onClick: onRightBtnClick }, buttonText)),

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

@@ -11,7 +11,7 @@ declare const designTokens: {
     borderWidthInputStandard: any;
     colorBorder: any;
     colorInputTextPlaceholder: any;
-    fontSize: number;
+    fontSize: any;
     colorBgContainerDisabled: any;
 };
 declare const designFormTokens: {
@@ -20,8 +20,8 @@ declare const designFormTokens: {
     lineHeight: number;
     labelHeight: number;
     labelColor: any;
-    labelFontSize: number;
-    fontSize: number;
+    labelFontSize: any;
+    fontSize: any;
     itemMarginBottom: number;
 };
 declare const designFormHorizontalTokens: {
@@ -31,8 +31,8 @@ declare const designFormHorizontalTokens: {
     labelHeight: string;
     labelColor: any;
     lineHeight: number;
-    labelFontSize: number;
-    fontSize: number;
+    labelFontSize: any;
+    fontSize: any;
     itemMarginBottom: number;
 };
 declare const styleToken: {

package/lib/components/TextInputOutside/designTokens.js

@@ -53,7 +53,7 @@ var designTokens = {
   // 标准边框颜色
   colorInputTextPlaceholder: (0, import_tokenHelper.getToken)("colorInputTextPlaceholder"),
   // placeholder文本颜色
-  fontSize: 14,
+  fontSize: (0, import_tokenHelper.getToken)("ContentC14Regular"),
   // 字体大小
   colorBgContainerDisabled: (0, import_tokenHelper.getToken)("colorInputBackgroundHaze")
   // 背景颜色
@@ -62,14 +62,14 @@ var designFormTokens = {
   labelRequiredMarkColor: (0, import_tokenHelper.getToken)("colorInputTextError"),
   colorError: (0, import_tokenHelper.getToken)("colorInputTextError"),
   // 错误信息文本颜色
-  lineHeight: 24 / 14,
+  lineHeight: 24 / (0, import_tokenHelper.getToken)("ContentC14Regular"),
   // 行高
-  labelHeight: 24 / 14,
+  labelHeight: 24 / (0, import_tokenHelper.getToken)("ContentC14Regular"),
   // 行高
   labelColor: (0, import_tokenHelper.getToken)("colorInputTextLabel"),
   // label文本颜色
-  labelFontSize: 16,
-  fontSize: 16,
+  labelFontSize: (0, import_tokenHelper.getToken)("ContentC14Regular"),
+  fontSize: (0, import_tokenHelper.getToken)("ContentC14Regular"),
   // 字体大小
   itemMarginBottom: 28
 };
@@ -82,10 +82,10 @@ var designFormHorizontalTokens = {
   // label高
   labelColor: (0, import_tokenHelper.getToken)("colorInputTextLabel"),
   // label文本颜色
-  lineHeight: 24 / 14,
+  lineHeight: 24 / (0, import_tokenHelper.getToken)("ContentC14Regular"),
   // 行高
-  labelFontSize: 16,
-  fontSize: 16,
+  labelFontSize: (0, import_tokenHelper.getToken)("ContentC14Regular"),
+  fontSize: (0, import_tokenHelper.getToken)("ContentC14Regular"),
   // 字体大小
   itemMarginBottom: 28
 };