@digitalc/dxp-ui 0.0.6-alpha.1 → 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 (55) hide show
  1. package/es/assets/iconFont/demo_index.html +535 -6
  2. package/es/assets/iconFont/iconfont.css +98 -6
  3. package/es/assets/iconFont/iconfont.eot +0 -0
  4. package/es/assets/iconFont/iconfont.js +10 -10
  5. package/es/assets/iconFont/iconfont.json +161 -0
  6. package/es/assets/iconFont/iconfont.svg +46 -0
  7. package/es/assets/iconFont/iconfont.ttf +0 -0
  8. package/es/assets/iconFont/iconfont.woff +0 -0
  9. package/es/assets/iconFont/iconfont.woff2 +0 -0
  10. package/es/components/Button/designTokens.d.ts +4 -0
  11. package/es/components/Button/designTokens.js +5 -1
  12. package/es/components/Card/index.js +1 -1
  13. package/es/components/Drawer/index.d.ts +5 -1
  14. package/es/components/Drawer/index.js +11 -5
  15. package/es/components/Drawer/style/index.less +1 -0
  16. package/es/components/IconButton/index.js +1 -1
  17. package/es/components/Modal/index.js +1 -1
  18. package/es/components/Modal/style/index.less +0 -1
  19. package/es/components/Navigation/index.js +1 -1
  20. package/es/components/Selector/ESelector.js +2 -2
  21. package/es/components/Selector/style/index.less +6 -9
  22. package/es/components/SelectorItem/index.d.ts +1 -0
  23. package/es/components/SelectorItem/index.js +3 -1
  24. package/es/components/SelectorItem/style/index.less +6 -9
  25. package/es/components/Stepper/index.js +2 -1
  26. package/es/components/Tabs/index.js +2 -1
  27. package/es/components/Text/index.js +1 -1
  28. package/lib/assets/iconFont/demo_index.html +535 -6
  29. package/lib/assets/iconFont/iconfont.css +98 -6
  30. package/lib/assets/iconFont/iconfont.eot +0 -0
  31. package/lib/assets/iconFont/iconfont.js +9 -9
  32. package/lib/assets/iconFont/iconfont.json +161 -0
  33. package/lib/assets/iconFont/iconfont.svg +46 -0
  34. package/lib/assets/iconFont/iconfont.ttf +0 -0
  35. package/lib/assets/iconFont/iconfont.woff +0 -0
  36. package/lib/assets/iconFont/iconfont.woff2 +0 -0
  37. package/lib/components/Button/designTokens.d.ts +4 -0
  38. package/lib/components/Button/designTokens.js +5 -1
  39. package/lib/components/Card/index.js +1 -1
  40. package/lib/components/Drawer/index.d.ts +5 -1
  41. package/lib/components/Drawer/index.js +29 -7
  42. package/lib/components/Drawer/style/index.less +1 -0
  43. package/lib/components/IconButton/index.js +2 -0
  44. package/lib/components/Modal/index.js +1 -1
  45. package/lib/components/Modal/style/index.less +0 -1
  46. package/lib/components/Navigation/index.js +1 -1
  47. package/lib/components/Selector/ESelector.js +3 -3
  48. package/lib/components/Selector/style/index.less +6 -9
  49. package/lib/components/SelectorItem/index.d.ts +1 -0
  50. package/lib/components/SelectorItem/index.js +4 -2
  51. package/lib/components/SelectorItem/style/index.less +6 -9
  52. package/lib/components/Stepper/index.js +2 -1
  53. package/lib/components/Tabs/index.js +5 -4
  54. package/lib/components/Text/index.js +1 -1
  55. package/package.json +2 -2
@@ -23,14 +23,11 @@
23
23
  &.active {
24
24
  &.showActiveIcon {
25
25
  .select-tick {
26
- width: 16px;
27
- height: 16px;
28
26
  display: block;
29
27
  position: absolute;
30
- right: 8px;
31
- bottom: 4px;
28
+ right: 2px;
29
+ bottom: 0;
32
30
  z-index: 2;
33
- transform: scale(0.5, 0.5);
34
31
  }
35
32
 
36
33
  &:before {
@@ -40,12 +37,12 @@
40
37
  &:after {
41
38
  position: absolute;
42
39
  content: '';
43
- width: 64px;
44
- height: 64px;
40
+ width: 48px;
41
+ height: 48px;
45
42
  overflow: hidden;
46
43
  border-radius: 10000px;
47
- bottom: -32px;
48
- right: -32px;
44
+ bottom: -24px;
45
+ right: -24px;
49
46
  border-radius: 10000px;
50
47
  z-index: 1;
51
48
  }
@@ -125,8 +125,9 @@ var Stepper = (_a) => {
125
125
  const { title, nextStep } = (0, import_react.useMemo)(() => {
126
126
  var _a2, _b2;
127
127
  const hasNextStep = items && current !== void 0 && current < items.length - 1;
128
+ const curStep = items && current !== void 0;
128
129
  return {
129
- title: hasNextStep ? ((_a2 = items[current]) == null ? void 0 : _a2.title) || "" : "",
130
+ title: curStep ? ((_a2 = items[current]) == null ? void 0 : _a2.title) || "" : "",
130
131
  nextStep: hasNextStep ? ((_b2 = items[current + 1]) == null ? void 0 : _b2.title) || "" : ""
131
132
  };
132
133
  }, [items, current]);
@@ -102,24 +102,25 @@ var Tabs = (props) => {
102
102
  const subTitleActiveColor = inverse ? otherDesignToken.colorTabsTextSubtitleInverse : otherDesignToken.colorTabsTextSubtitle;
103
103
  const iconColor = inverse ? otherDesignToken.colorTabsIconInactiveInverse : otherDesignToken.colorTabsIconInactive;
104
104
  const iconActiveColor = inverse ? otherDesignToken.colorTabsIconActiveInverse : otherDesignToken.colorTabsIconActive;
105
+ const per = `${import_constants.BASE_CLASS_PREFIX}-tabs`;
105
106
  const useCustomButtonStyle = () => {
106
107
  const hashId = (0, import_cssinjs.useStyleRegister)({
107
108
  theme: import_theme.theme,
108
109
  token: {},
109
110
  path: [`${prefixCls}`]
110
111
  }, () => `
111
- .${prefixCls}-card.${prefixCls}-fill>.${prefixCls}-nav .${prefixCls}-tab {
112
+ .${per}-card.${prefixCls}-fill>.${per}-nav .${per}-tab {
112
113
  border-radius: 32px;
113
114
  height:40px;
114
115
  }
115
- .${prefixCls}-card.${prefixCls}-fill .${prefixCls}-nav-list {
116
+ .${per}-card.${prefixCls}-fill .${per}-nav-list {
116
117
  background: ${designFillTokens.colorFillAlter};
117
118
  border-radius: 32px;
118
119
  }
119
- .${prefixCls}-tab-active .${prefixCls}-item-title {
120
+ .${per}-tab-active .${prefixCls}-item-title {
120
121
  font-family:${fontFamilySecondaryBold}-Bold;
121
122
  }
122
- .${prefixCls}-fill .${prefixCls}-tab-active .${prefixCls}-item-title {
123
+ .${prefixCls}-fill .${per}-tab-active .${prefixCls}-item-title {
123
124
  font-family:${fontFamilySecondaryBold}-Bold;
124
125
  font-size: ${fontSizeMobileContentC14};
125
126
  }
@@ -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.1",
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
+ }