@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.
- package/es/assets/iconFont/demo_index.html +535 -6
- package/es/assets/iconFont/iconfont.css +98 -6
- package/es/assets/iconFont/iconfont.eot +0 -0
- package/es/assets/iconFont/iconfont.js +10 -10
- package/es/assets/iconFont/iconfont.json +161 -0
- package/es/assets/iconFont/iconfont.svg +46 -0
- package/es/assets/iconFont/iconfont.ttf +0 -0
- package/es/assets/iconFont/iconfont.woff +0 -0
- package/es/assets/iconFont/iconfont.woff2 +0 -0
- package/es/components/Button/designTokens.d.ts +4 -0
- package/es/components/Button/designTokens.js +5 -1
- package/es/components/Card/index.js +1 -1
- package/es/components/Drawer/index.d.ts +5 -1
- package/es/components/Drawer/index.js +11 -5
- package/es/components/Drawer/style/index.less +1 -0
- package/es/components/IconButton/index.js +1 -1
- package/es/components/Modal/index.js +1 -1
- package/es/components/Modal/style/index.less +0 -1
- package/es/components/Navigation/index.js +1 -1
- package/es/components/Selector/ESelector.js +2 -2
- package/es/components/Selector/style/index.less +6 -9
- package/es/components/SelectorItem/index.d.ts +1 -0
- package/es/components/SelectorItem/index.js +3 -1
- package/es/components/SelectorItem/style/index.less +6 -9
- package/es/components/Stepper/index.js +2 -1
- package/es/components/Tabs/index.js +2 -1
- package/es/components/Text/index.js +1 -1
- package/lib/assets/iconFont/demo_index.html +535 -6
- package/lib/assets/iconFont/iconfont.css +98 -6
- package/lib/assets/iconFont/iconfont.eot +0 -0
- package/lib/assets/iconFont/iconfont.js +9 -9
- package/lib/assets/iconFont/iconfont.json +161 -0
- package/lib/assets/iconFont/iconfont.svg +46 -0
- package/lib/assets/iconFont/iconfont.ttf +0 -0
- package/lib/assets/iconFont/iconfont.woff +0 -0
- package/lib/assets/iconFont/iconfont.woff2 +0 -0
- package/lib/components/Button/designTokens.d.ts +4 -0
- package/lib/components/Button/designTokens.js +5 -1
- package/lib/components/Card/index.js +1 -1
- package/lib/components/Drawer/index.d.ts +5 -1
- package/lib/components/Drawer/index.js +29 -7
- package/lib/components/Drawer/style/index.less +1 -0
- package/lib/components/IconButton/index.js +2 -0
- package/lib/components/Modal/index.js +1 -1
- package/lib/components/Modal/style/index.less +0 -1
- package/lib/components/Navigation/index.js +1 -1
- package/lib/components/Selector/ESelector.js +3 -3
- package/lib/components/Selector/style/index.less +6 -9
- package/lib/components/SelectorItem/index.d.ts +1 -0
- package/lib/components/SelectorItem/index.js +4 -2
- package/lib/components/SelectorItem/style/index.less +6 -9
- package/lib/components/Stepper/index.js +2 -1
- package/lib/components/Tabs/index.js +5 -4
- package/lib/components/Text/index.js +1 -1
- 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:
|
|
31
|
-
bottom:
|
|
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:
|
|
44
|
-
height:
|
|
40
|
+
width: 48px;
|
|
41
|
+
height: 48px;
|
|
45
42
|
overflow: hidden;
|
|
46
43
|
border-radius: 10000px;
|
|
47
|
-
bottom: -
|
|
48
|
-
right: -
|
|
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:
|
|
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
|
-
.${
|
|
112
|
+
.${per}-card.${prefixCls}-fill>.${per}-nav .${per}-tab {
|
|
112
113
|
border-radius: 32px;
|
|
113
114
|
height:40px;
|
|
114
115
|
}
|
|
115
|
-
.${
|
|
116
|
+
.${per}-card.${prefixCls}-fill .${per}-nav-list {
|
|
116
117
|
background: ${designFillTokens.colorFillAlter};
|
|
117
118
|
border-radius: 32px;
|
|
118
119
|
}
|
|
119
|
-
.${
|
|
120
|
+
.${per}-tab-active .${prefixCls}-item-title {
|
|
120
121
|
font-family:${fontFamilySecondaryBold}-Bold;
|
|
121
122
|
}
|
|
122
|
-
.${prefixCls}-fill .${
|
|
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: ${
|
|
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.
|
|
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
|
+
}
|