@digitalc/dxp-ui 0.0.5-alpha.11 → 0.0.5-alpha.13

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 (8) hide show
  1. package/es/assets/token.json +6 -6
  2. package/es/components/Navigation/index.d.ts +1 -0
  3. package/es/components/Navigation/index.js +3 -2
  4. package/lib/assets/token.json +6 -6
  5. package/lib/components/Navigation/index.d.ts +1 -0
  6. package/lib/components/Navigation/index.js +5 -3
  7. package/package.json +1 -1
  8. package/umd/dxp-ui.min.js +1 -1
package/es/assets/token.json CHANGED
@@ -831,12 +831,12 @@
831
831
  "borderRadiusXs": 4,
832
832
  "colorTextAmount": "#ff5e00",
833
833
  "opacityDefault": 100,
834
- "fontFamilySecondaryRegular": "Roboto",
835
- "fontFamilyPromaryRegular": "Roboto",
836
- "fontFamilyPromaryBold": "Roboto",
837
- "fontFamilyPromarySemiBold": "Roboto",
838
- "fontFamilySecondarySemiBold": "Roboto",
839
- "fontFamilySecondaryBold": "Roboto",
834
+ "fontFamilySecondaryRegular": "SF Pro Text",
835
+ "fontFamilyPromaryRegular": "SF Pro Text",
836
+ "fontFamilyPromaryBold": "SF Pro Text",
837
+ "fontFamilyPromarySemiBold": "SF Pro Text",
838
+ "fontFamilySecondarySemiBold": "SF Pro Text",
839
+ "fontFamilySecondaryBold": "SF Pro Text",
840
840
  "boolean": true,
841
841
  "colorTagGrey": "#545454",
842
842
  "colorTagRed": "#fa2c2c",
package/es/components/Navigation/index.d.ts CHANGED
@@ -15,6 +15,7 @@ export interface TitleIconBadgeConfig {
15
15
  }
16
16
  export interface INavigationProps {
17
17
  rightIcons?: RightIcon[];
18
+ leftIconName?: string;
18
19
  imgBackground?: boolean;
19
20
  rightLink?: RightLinkConfig;
20
21
  titleIconBadge?: TitleIconBadgeConfig;
package/es/components/Navigation/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- var _excluded = ["hideBorder", "className", "rightIcons", "rightLink", "title", "goBack", "isInverse", "titleIconBadge", "imgBackground", "noRight"];
3
+ var _excluded = ["hideBorder", "className", "rightIcons", "rightLink", "title", "goBack", "isInverse", "titleIconBadge", "imgBackground", "noRight", "leftIconName"];
4
4
  import React from 'react';
5
5
  import designTokens from "./designTokens";
6
6
  import { useStyleRegister } from '@ant-design/cssinjs';
@@ -23,6 +23,7 @@ var Navigation = function Navigation(_ref) {
23
23
  imgBackground = _ref.imgBackground,
24
24
  _ref$noRight = _ref.noRight,
25
25
  noRight = _ref$noRight === void 0 ? false : _ref$noRight,
26
+ leftIconName = _ref.leftIconName,
26
27
  restProps = _objectWithoutProperties(_ref, _excluded);
27
28
  var spacingTopNavigationPaddingHorizontal = designTokens.spacingTopNavigationPaddingHorizontal,
28
29
  spacingTopNavigationPaddingBottom = designTokens.spacingTopNavigationPaddingBottom,
@@ -57,7 +58,7 @@ var Navigation = function Navigation(_ref) {
57
58
  className: "".concat(cssClasses.PREFIX, "-header-back"),
58
59
  inverse: isInverse,
59
60
  size: "medium",
60
- name: "icon-a-Backarrow-copy",
61
+ name: leftIconName || "icon-a-Backarrow-copy",
61
62
  onClick: onGoBack
62
63
  }), /*#__PURE__*/_jsx("div", {
63
64
  className: "\n ".concat(cssClasses.PREFIX, "-title-warp\n "),
package/lib/assets/token.json CHANGED
@@ -831,12 +831,12 @@
831
831
  "borderRadiusXs": 4,
832
832
  "colorTextAmount": "#ff5e00",
833
833
  "opacityDefault": 100,
834
- "fontFamilySecondaryRegular": "Roboto",
835
- "fontFamilyPromaryRegular": "Roboto",
836
- "fontFamilyPromaryBold": "Roboto",
837
- "fontFamilyPromarySemiBold": "Roboto",
838
- "fontFamilySecondarySemiBold": "Roboto",
839
- "fontFamilySecondaryBold": "Roboto",
834
+ "fontFamilySecondaryRegular": "SF Pro Text",
835
+ "fontFamilyPromaryRegular": "SF Pro Text",
836
+ "fontFamilyPromaryBold": "SF Pro Text",
837
+ "fontFamilyPromarySemiBold": "SF Pro Text",
838
+ "fontFamilySecondarySemiBold": "SF Pro Text",
839
+ "fontFamilySecondaryBold": "SF Pro Text",
840
840
  "boolean": true,
841
841
  "colorTagGrey": "#545454",
842
842
  "colorTagRed": "#fa2c2c",
package/lib/components/Navigation/index.d.ts CHANGED
@@ -15,6 +15,7 @@ export interface TitleIconBadgeConfig {
15
15
  }
16
16
  export interface INavigationProps {
17
17
  rightIcons?: RightIcon[];
18
+ leftIconName?: string;
18
19
  imgBackground?: boolean;
19
20
  rightLink?: RightLinkConfig;
20
21
  titleIconBadge?: TitleIconBadgeConfig;
package/lib/components/Navigation/index.js CHANGED
@@ -77,7 +77,8 @@ var Navigation = (_a) => {
77
77
  isInverse,
78
78
  titleIconBadge,
79
79
  imgBackground,
80
- noRight = false
80
+ noRight = false,
81
+ leftIconName
81
82
  } = _b, restProps = __objRest(_b, [
82
83
  "hideBorder",
83
84
  "className",
@@ -88,7 +89,8 @@ var Navigation = (_a) => {
88
89
  "isInverse",
89
90
  "titleIconBadge",
90
91
  "imgBackground",
91
- "noRight"
92
+ "noRight",
93
+ "leftIconName"
92
94
  ]);
93
95
  var _a2;
94
96
  const {
@@ -163,7 +165,7 @@ var Navigation = (_a) => {
163
165
  ${className || ""}
164
166
  `
165
167
  }, restProps),
166
- /* @__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 }),
168
+ /* @__PURE__ */ import_react.default.createElement(import__.IconButton, { className: `${import_constants.cssClasses.PREFIX}-header-back`, inverse: isInverse, size: "medium", name: leftIconName || "icon-a-Backarrow-copy", onClick: onGoBack }),
167
169
  /* @__PURE__ */ import_react.default.createElement("div", { className: `
168
170
  ${import_constants.cssClasses.PREFIX}-title-warp
169
171
  ` }, !(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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digitalc/dxp-ui",
3
- "version": "0.0.5-alpha.11",
3
+ "version": "0.0.5-alpha.13",
4
4
  "description": "A UI library of Digitalc Design React Component",
5
5
  "keywords": [
6
6
  "react",