@digitalc/dxp-ui 0.0.6-alpha.2 → 0.0.6-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/es/components/Drawer/index.d.ts +4 -1
  2. package/es/components/Drawer/index.js +9 -4
  3. package/es/components/Modal/index.js +1 -1
  4. package/es/components/Modal/style/index.less +0 -1
  5. package/es/components/SelectorItem/index.d.ts +1 -0
  6. package/es/components/SelectorItem/index.js +2 -0
  7. package/es/components/Text/index.js +1 -1
  8. package/lib/components/Drawer/index.d.ts +4 -1
  9. package/lib/components/Drawer/index.js +27 -6
  10. package/lib/components/Modal/index.js +1 -1
  11. package/lib/components/Modal/style/index.less +0 -1
  12. package/lib/components/SelectorItem/index.d.ts +1 -0
  13. package/lib/components/SelectorItem/index.js +3 -1
  14. package/lib/components/Text/index.js +1 -1
  15. package/package.json +2 -2
package/es/components/Drawer/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import './style/index.less';
3
3
  export type DrawerType = 'DrawerTypeHandler' | 'DrawerTypeCloseBtn' | 'DrawerTypeDefault';
4
+ export type placementType = 'right' | 'bottom';
4
5
  export declare const DrawerTypeEnum: Record<string, DrawerType>;
5
6
  export interface BottomDrawerProps {
6
7
  showClose?: boolean;
@@ -9,7 +10,7 @@ export interface BottomDrawerProps {
9
10
  visible: boolean;
10
11
  onClose: () => void;
11
12
  children: React.ReactNode;
12
- height?: number | string;
13
+ height?: string;
13
14
  title?: string;
14
15
  drawerType?: DrawerType;
15
16
  bottomBtnText?: string;
@@ -22,6 +23,8 @@ export interface BottomDrawerProps {
22
23
  onBottomBtnClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
23
24
  btnDisabled?: boolean;
24
25
  extra?: React.ReactNode;
26
+ placement?: placementType;
27
+ width?: string;
25
28
  }
26
29
  declare const BottomDrawer: React.FC<BottomDrawerProps>;
27
30
  export default BottomDrawer;
package/es/components/Drawer/index.js CHANGED
@@ -24,7 +24,10 @@ var BottomDrawer = function BottomDrawer(_ref) {
24
24
  visible = _ref.visible,
25
25
  onClose = _ref.onClose,
26
26
  children = _ref.children,
27
- height = _ref.height,
27
+ _ref$width = _ref.width,
28
+ width = _ref$width === void 0 ? '400px' : _ref$width,
29
+ _ref$height = _ref.height,
30
+ height = _ref$height === void 0 ? 'auto' : _ref$height,
28
31
  title = _ref.title,
29
32
  _ref$drawerType = _ref.drawerType,
30
33
  drawerType = _ref$drawerType === void 0 ? DrawerTypeEnum.DrawerTypeDefault : _ref$drawerType,
@@ -37,7 +40,9 @@ var BottomDrawer = function BottomDrawer(_ref) {
37
40
  onLinkClick = _ref.onLinkClick,
38
41
  onBottomBtnClick = _ref.onBottomBtnClick,
39
42
  btnDisabled = _ref.btnDisabled,
40
- extra = _ref.extra;
43
+ extra = _ref.extra,
44
+ _ref$placement = _ref.placement,
45
+ placement = _ref$placement === void 0 ? 'bottom' : _ref$placement;
41
46
  var originalBodyOverflow = useRef('');
42
47
  var _useState = useState(false),
43
48
  _useState2 = _slicedToArray(_useState, 2),
@@ -112,7 +117,7 @@ var BottomDrawer = function BottomDrawer(_ref) {
112
117
  token: {},
113
118
  path: ["".concat(prefix)]
114
119
  }, function () {
115
- return "\n .".concat(prefix, "-mask {\n background: ").concat(colorDrawerBackgroundOverlay, ";\n }\n .").concat(prefix, "-content {\n background: ").concat(colorDrawerBackgroundStandard, ";\n border-top-left-radius: ").concat(borderTopLeftRadius, "px;\n border-top-right-radius:").concat(borderTopRightRadius, "px;\n height:").concat(height, "px;\n }\n .").concat(prefix, "-inner {\n padding-left: ").concat(spacingDrawerPaddingHorizontal, "px;\n padding-right: ").concat(spacingDrawerPaddingHorizontal, "px;\n padding-bottom:").concat(spacingDrawerPaddingBottom, "px;\n }\n .").concat(prefix, "-header {\n .").concat(prefix, "-header-text {\n color: ").concat(colorDrawerTextHeader, ";\n margin-bottom: ").concat(spacingDrawerListOptionHorizontalGap, "px;\n display: block;\n }\n &.center{\n width: 100%;\n text-align: center;\n }\n }\n .").concat(prefix, "-handle-bar {\n width:").concat(sizingDrawerHandle || 0, "px;\n background: ").concat(colorDrawerHandle, ";\n margin-top: ").concat(spacingDrawerHandlePaddingTop, "px !important;\n margin-bottom: ").concat(spacingDrawerHandlePaddingBottom, "px !important; \n }\n .").concat(prefix, "-close-warp {\n padding-top: ").concat(spacingDrawerPaddingTop, "px;\n padding-left: ").concat(spacingDrawerPaddingHorizontal, "px;\n padding-right: ").concat(spacingDrawerPaddingHorizontal, "px;\n }\n ");
120
+ return "\n .".concat(prefix, "-mask {\n background: ").concat(colorDrawerBackgroundOverlay, ";\n }\n .").concat(prefix, "-content {\n background: ").concat(colorDrawerBackgroundStandard, ";\n }\n .").concat(prefix, "-inner {\n padding-left: ").concat(spacingDrawerPaddingHorizontal, "px;\n padding-right: ").concat(spacingDrawerPaddingHorizontal, "px;\n padding-bottom:").concat(spacingDrawerPaddingBottom, "px;\n }\n .").concat(prefix, "-header {\n .").concat(prefix, "-header-text {\n color: ").concat(colorDrawerTextHeader, ";\n margin-bottom: ").concat(spacingDrawerListOptionHorizontalGap, "px;\n display: block;\n }\n &.center{\n width: 100%;\n text-align: center;\n }\n }\n .").concat(prefix, "-handle-bar {\n width:").concat(sizingDrawerHandle || 0, "px;\n background: ").concat(colorDrawerHandle, ";\n margin-top: ").concat(spacingDrawerHandlePaddingTop, "px !important;\n margin-bottom: ").concat(spacingDrawerHandlePaddingBottom, "px !important; \n }\n .").concat(prefix, "-close-warp {\n padding-top: ").concat(spacingDrawerPaddingTop, "px;\n padding-left: ").concat(spacingDrawerPaddingHorizontal, "px;\n padding-right: ").concat(spacingDrawerPaddingHorizontal, "px;\n }\n .").concat(prefix, "-bottom {\n .").concat(prefix, "-content {\n border-top-left-radius: ").concat(borderTopLeftRadius, "px;\n border-top-right-radius: ").concat(borderTopRightRadius, "px;\n height: ").concat(height, ";\n }\n }\n .").concat(prefix, "-right {\n .").concat(prefix, "-content {\n border-radius: 0;\n height: 100%;\n width: ").concat(width, ";\n right: 0;\n left: auto;\n top: 0;\n bottom: auto;\n max-height: 100%;\n }\n .dxp-stickyFooter {\n position: absolute;\n }\n }\n ");
116
121
  });
117
122
  return hashId;
118
123
  };
@@ -136,7 +141,7 @@ var BottomDrawer = function BottomDrawer(_ref) {
136
141
  })
137
142
  }) : /*#__PURE__*/_jsx("div", {});
138
143
  return /*#__PURE__*/_jsx("div", {
139
- className: "".concat(prefix, "-mask ").concat(visible ? 'visible' : '', " ").concat(className || ''),
144
+ className: "".concat(prefix, "-mask ").concat(visible ? 'visible' : '', " ").concat(className || '', " ").concat(prefix, "-").concat(placement),
140
145
  onClick: onClose,
141
146
  children: /*#__PURE__*/_jsxs("div", {
142
147
  className: "".concat(prefix, "-content ").concat(visible ? 'active' : ''),
package/es/components/Modal/index.js CHANGED
@@ -27,7 +27,7 @@ var Modal = function Modal(props) {
27
27
  _props$prefix = props.prefix,
28
28
  prefix = _props$prefix === void 0 ? "".concat(cssClasses.PREFIX, "-modal") : _props$prefix,
29
29
  _props$footerAlign = props.footerAlign,
30
- footerAlign = _props$footerAlign === void 0 ? 'right' : _props$footerAlign,
30
+ footerAlign = _props$footerAlign === void 0 ? 'center' : _props$footerAlign,
31
31
  _props$footer = props.footer,
32
32
  footer = _props$footer === void 0 ? null : _props$footer,
33
33
  _props$className = props.className,
package/es/components/Modal/style/index.less CHANGED
@@ -74,7 +74,6 @@
74
74
  background: #fff;
75
75
  border-bottom-right-radius: var(~"--@{prefix}-border-radius-lg");
76
76
  border-bottom-left-radius: var(~"--@{prefix}-border-radius-lg");
77
- text-align: center;
78
77
  }
79
78
  }
80
79
 
package/es/components/SelectorItem/index.d.ts CHANGED
@@ -9,6 +9,7 @@ export interface ISelectorItemProps {
9
9
  children?: React.ReactNode;
10
10
  prefix?: string;
11
11
  onChange?: () => void;
12
+ style?: React.CSSProperties;
12
13
  }
13
14
  declare const SelectorItem: React.FC<ISelectorItemProps>;
14
15
  export default SelectorItem;
package/es/components/SelectorItem/index.js CHANGED
@@ -19,6 +19,7 @@ var SelectorItem = function SelectorItem(props) {
19
19
  children = props.children,
20
20
  _props$prefix = props.prefix,
21
21
  prefix = _props$prefix === void 0 ? "".concat(cssClasses.PREFIX, "-selectorItem") : _props$prefix,
22
+ style = props.style,
22
23
  onChange = props.onChange;
23
24
  var designTokens = useDesignTokens();
24
25
  var colorSelectorBackground = designTokens.colorSelectorBackground,
@@ -56,6 +57,7 @@ var SelectorItem = function SelectorItem(props) {
56
57
  onChange();
57
58
  }
58
59
  },
60
+ style: style,
59
61
  children: [/*#__PURE__*/_jsx(Icon, {
60
62
  className: "select-tick",
61
63
  type: "icon-Tick",
package/es/components/Text/index.js CHANGED
@@ -88,7 +88,7 @@ var Text = function Text(props) {
88
88
  token: {},
89
89
  path: ["".concat(prefixCls, "-size")]
90
90
  }, function () {
91
- 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 ");
91
+ return "\n .".concat(prefixCls, "-mobile {\n &.").concat(prefixCls, "-size-NavigationBold {\n font-size: ").concat(fontSizeMobileNavigation, ";\n line-height: 1.25;\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(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 ");
92
92
  });
93
93
  return hashId;
94
94
  };
package/lib/components/Drawer/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import './style/index.less';
3
3
  export type DrawerType = 'DrawerTypeHandler' | 'DrawerTypeCloseBtn' | 'DrawerTypeDefault';
4
+ export type placementType = 'right' | 'bottom';
4
5
  export declare const DrawerTypeEnum: Record<string, DrawerType>;
5
6
  export interface BottomDrawerProps {
6
7
  showClose?: boolean;
@@ -9,7 +10,7 @@ export interface BottomDrawerProps {
9
10
  visible: boolean;
10
11
  onClose: () => void;
11
12
  children: React.ReactNode;
12
- height?: number | string;
13
+ height?: string;
13
14
  title?: string;
14
15
  drawerType?: DrawerType;
15
16
  bottomBtnText?: string;
@@ -22,6 +23,8 @@ export interface BottomDrawerProps {
22
23
  onBottomBtnClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
23
24
  btnDisabled?: boolean;
24
25
  extra?: React.ReactNode;
26
+ placement?: placementType;
27
+ width?: string;
25
28
  }
26
29
  declare const BottomDrawer: React.FC<BottomDrawerProps>;
27
30
  export default BottomDrawer;
package/lib/components/Drawer/index.js CHANGED
@@ -67,7 +67,8 @@ var BottomDrawer = ({
67
67
  visible,
68
68
  onClose,
69
69
  children,
70
- height,
70
+ width = "400px",
71
+ height = "auto",
71
72
  title,
72
73
  drawerType = DrawerTypeEnum.DrawerTypeDefault,
73
74
  bottomBtnText,
@@ -79,7 +80,8 @@ var BottomDrawer = ({
79
80
  onLinkClick,
80
81
  onBottomBtnClick,
81
82
  btnDisabled,
82
- extra
83
+ extra,
84
+ placement = "bottom"
83
85
  }) => {
84
86
  const originalBodyOverflow = (0, import_react.useRef)("");
85
87
  const [isMounted, setIsMounted] = (0, import_react.useState)(false);
@@ -142,9 +144,6 @@ var BottomDrawer = ({
142
144
  }
143
145
  .${prefix}-content {
144
146
  background: ${colorDrawerBackgroundStandard};
145
- border-top-left-radius: ${borderTopLeftRadius}px;
146
- border-top-right-radius:${borderTopRightRadius}px;
147
- height:${height}px;
148
147
  }
149
148
  .${prefix}-inner {
150
149
  padding-left: ${spacingDrawerPaddingHorizontal}px;
@@ -173,6 +172,28 @@ var BottomDrawer = ({
173
172
  padding-left: ${spacingDrawerPaddingHorizontal}px;
174
173
  padding-right: ${spacingDrawerPaddingHorizontal}px;
175
174
  }
175
+ .${prefix}-bottom {
176
+ .${prefix}-content {
177
+ border-top-left-radius: ${borderTopLeftRadius}px;
178
+ border-top-right-radius: ${borderTopRightRadius}px;
179
+ height: ${height};
180
+ }
181
+ }
182
+ .${prefix}-right {
183
+ .${prefix}-content {
184
+ border-radius: 0;
185
+ height: 100%;
186
+ width: ${width};
187
+ right: 0;
188
+ left: auto;
189
+ top: 0;
190
+ bottom: auto;
191
+ max-height: 100%;
192
+ }
193
+ .dxp-stickyFooter {
194
+ position: absolute;
195
+ }
196
+ }
176
197
  `);
177
198
  return hashId;
178
199
  };
@@ -195,7 +216,7 @@ var BottomDrawer = ({
195
216
  return /* @__PURE__ */ import_react.default.createElement(
196
217
  "div",
197
218
  {
198
- className: `${prefix}-mask ${visible ? "visible" : ""} ${className || ""}`,
219
+ className: `${prefix}-mask ${visible ? "visible" : ""} ${className || ""} ${prefix}-${placement}`,
199
220
  onClick: onClose
200
221
  },
201
222
  /* @__PURE__ */ import_react.default.createElement(
package/lib/components/Modal/index.js CHANGED
@@ -78,7 +78,7 @@ var Modal = (props) => {
78
78
  breakpoint = "mobile",
79
79
  size = "50%",
80
80
  prefix = `${import_constants.cssClasses.PREFIX}-modal`,
81
- footerAlign = "right",
81
+ footerAlign = "center",
82
82
  footer = null,
83
83
  className = "",
84
84
  centered
package/lib/components/Modal/style/index.less CHANGED
@@ -74,7 +74,6 @@
74
74
  background: #fff;
75
75
  border-bottom-right-radius: var(~"--@{prefix}-border-radius-lg");
76
76
  border-bottom-left-radius: var(~"--@{prefix}-border-radius-lg");
77
- text-align: center;
78
77
  }
79
78
  }
80
79
 
package/lib/components/SelectorItem/index.d.ts CHANGED
@@ -9,6 +9,7 @@ export interface ISelectorItemProps {
9
9
  children?: React.ReactNode;
10
10
  prefix?: string;
11
11
  onChange?: () => void;
12
+ style?: React.CSSProperties;
12
13
  }
13
14
  declare const SelectorItem: React.FC<ISelectorItemProps>;
14
15
  export default SelectorItem;
package/lib/components/SelectorItem/index.js CHANGED
@@ -48,6 +48,7 @@ var SelectorItem = (props) => {
48
48
  showActiveIcon = false,
49
49
  children,
50
50
  prefix = `${import_constants.cssClasses.PREFIX}-selectorItem`,
51
+ style,
51
52
  onChange
52
53
  } = props;
53
54
  const designTokens = (0, import_designTokens.useDesignTokens)();
@@ -112,7 +113,8 @@ var SelectorItem = (props) => {
112
113
  if (!disabled && onChange) {
113
114
  onChange();
114
115
  }
115
- }
116
+ },
117
+ style
116
118
  },
117
119
  /* @__PURE__ */ import_react.default.createElement(import_Icon.default, { className: "select-tick", type: "icon-Tick", size: 14, color: "#fff" }),
118
120
  children
package/lib/components/Text/index.js CHANGED
@@ -157,7 +157,7 @@ var Text = (props) => {
157
157
  &.${prefixCls}-size-NavigationBold {
158
158
  font-size: ${fontSizeMobileNavigation};
159
159
  line-height: 1.25;
160
- font-family: ${fontFamilyPrimaryBold}-${fontFamilyMap.fontFamilyPrimaryBold};
160
+ font-family: ${fontFamilySecondaryBold}-${fontFamilyMap.fontFamilySecondaryBold};
161
161
  font-weight: bold;
162
162
  }
163
163
  &.${prefixCls}-size-TitleT41Bold {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digitalc/dxp-ui",
3
- "version": "0.0.6-alpha.2",
3
+ "version": "0.0.6-alpha.3",
4
4
  "description": "A UI library of Digitalc Design React Component",
5
5
  "type": "module",
6
6
  "keywords": [
@@ -132,4 +132,4 @@
132
132
  "publishConfig": {
133
133
  "access": "public"
134
134
  }
135
- }
135
+ }