@hitachivantara/uikit-react-core 6.0.0-next.2 → 6.0.0-next.4
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/dist/ActionBar/ActionBar.styles.js +1 -1
- package/dist/CheckBox/CheckBox.js +2 -1
- package/dist/CheckBox/CheckBox.styles.js +10 -11
- package/dist/Header/Actions/Actions.styles.js +2 -5
- package/dist/Header/Header.js +0 -1
- package/dist/Header/Header.styles.js +1 -2
- package/dist/OverflowTooltip/OverflowTooltip.js +2 -2
- package/dist/Pagination/Pagination.js +17 -39
- package/dist/Pagination/Pagination.styles.js +32 -54
- package/dist/Radio/Radio.js +2 -2
- package/dist/Radio/Radio.styles.js +9 -11
- package/dist/SearchInput/SearchInput.styles.js +1 -2
- package/dist/Select/Select.js +3 -2
- package/dist/StatusIcon/StatusIcon.js +3 -3
- package/dist/StatusIcon/StatusIcon.styles.js +9 -14
- package/dist/index.d.ts +95 -108
- package/dist/index.js +5 -6
- package/dist/providers/Provider.js +3 -3
- package/dist/providers/ThemeProvider.js +5 -4
- package/dist/themes/index.js +5 -5
- package/dist/themes/{ds5.js → next.js} +3 -3
- package/dist/themes/{pentahoPlus.js → pentaho.js} +36 -3
- package/dist/utils/theme.js +0 -20
- package/package.json +8 -8
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { mergeTheme,
|
|
2
|
-
const
|
|
1
|
+
import { mergeTheme, next as next$1, theme } from "@hitachivantara/uikit-styles";
|
|
2
|
+
const next = mergeTheme(next$1, {
|
|
3
3
|
components: {
|
|
4
4
|
HvAvatar: {
|
|
5
5
|
classes: {
|
|
@@ -280,5 +280,5 @@ const ds5 = mergeTheme(ds5$1, {
|
|
|
280
280
|
}
|
|
281
281
|
});
|
|
282
282
|
export {
|
|
283
|
-
|
|
283
|
+
next
|
|
284
284
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { mergeTheme,
|
|
1
|
+
import { mergeTheme, pentaho as pentaho$1, theme, neutral, slate, blue } from "@hitachivantara/uikit-styles";
|
|
2
2
|
const ld = (c1, c2) => `light-dark(${c1}, ${c2})`;
|
|
3
3
|
const semaColors = ["positive", "warning", "negative", "info"];
|
|
4
4
|
const notificationMap = {
|
|
@@ -13,12 +13,25 @@ const inputColors = {
|
|
|
13
13
|
bg: ld("#FFFFFF", "#020617")
|
|
14
14
|
};
|
|
15
15
|
const popperStyles = {
|
|
16
|
+
margin: theme.spacing("xxs", 0),
|
|
16
17
|
backgroundColor: theme.colors.bgContainer,
|
|
17
18
|
border: `1px solid ${theme.colors.borderSubtle}`,
|
|
18
19
|
borderRadius: theme.radii.large,
|
|
19
20
|
boxShadow: `0px 0px 6px 0px rgba(65, 65, 65, 0.08)`
|
|
20
21
|
};
|
|
21
|
-
const
|
|
22
|
+
const pentaho = mergeTheme(pentaho$1, {
|
|
23
|
+
icons: {
|
|
24
|
+
viewBox: "0 0 256 256",
|
|
25
|
+
// Semantic icons
|
|
26
|
+
Success: "M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z",
|
|
27
|
+
Caution: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z",
|
|
28
|
+
Fail: "M128,72a8,8,0,0,1,8,8v56a8,8,0,0,1-16,0V80A8,8,0,0,1,128,72ZM116,172a12,12,0,1,0,12-12A12,12,0,0,0,116,172Zm124-44a15.85,15.85,0,0,1-4.67,11.28l-96.05,96.06a16,16,0,0,1-22.56,0h0l-96-96.06a16,16,0,0,1,0-22.56l96.05-96.06a16,16,0,0,1,22.56,0l96.05,96.06A15.85,15.85,0,0,1,240,128Zm-16,0L128,32,32,128,128,224h0Z",
|
|
29
|
+
Info: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z",
|
|
30
|
+
Start: "M205.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L131.31,128ZM51.31,128l74.35-74.34a8,8,0,0,0-11.32-11.32l-80,80a8,8,0,0,0,0,11.32l80,80a8,8,0,0,0,11.32-11.32Z",
|
|
31
|
+
Backwards: "M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z",
|
|
32
|
+
Forwards: "M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z",
|
|
33
|
+
End: "M141.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L124.69,128,50.34,53.66A8,8,0,0,1,61.66,42.34l80,80A8,8,0,0,1,141.66,133.66Zm80-11.32-80-80a8,8,0,0,0-11.32,11.32L204.69,128l-74.35,74.34a8,8,0,0,0,11.32,11.32l80-80A8,8,0,0,0,221.66,122.34Z"
|
|
34
|
+
},
|
|
22
35
|
components: {
|
|
23
36
|
HvLoading: {
|
|
24
37
|
classes: {
|
|
@@ -537,6 +550,16 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
|
|
|
537
550
|
}
|
|
538
551
|
}
|
|
539
552
|
},
|
|
553
|
+
HvPagination: {
|
|
554
|
+
classes: {
|
|
555
|
+
root: {
|
|
556
|
+
...theme.typography.caption1
|
|
557
|
+
},
|
|
558
|
+
icon: {
|
|
559
|
+
fontSize: 16
|
|
560
|
+
}
|
|
561
|
+
}
|
|
562
|
+
},
|
|
540
563
|
HvHeader: {
|
|
541
564
|
classes: {
|
|
542
565
|
root: {
|
|
@@ -682,6 +705,9 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
|
|
|
682
705
|
display: "none"
|
|
683
706
|
}
|
|
684
707
|
},
|
|
708
|
+
"& .MuiCardContent-root:last-child": {
|
|
709
|
+
paddingBottom: 0
|
|
710
|
+
},
|
|
685
711
|
"& > :last-child:not(.HvCardMedia-root)": {
|
|
686
712
|
paddingBottom: theme.space.sm
|
|
687
713
|
},
|
|
@@ -838,9 +864,16 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
|
|
|
838
864
|
borderRadius: theme.radii.none
|
|
839
865
|
}
|
|
840
866
|
}
|
|
867
|
+
},
|
|
868
|
+
HvTooltip: {
|
|
869
|
+
classes: {
|
|
870
|
+
tooltip: {
|
|
871
|
+
padding: theme.spacing("xs", "sm")
|
|
872
|
+
}
|
|
873
|
+
}
|
|
841
874
|
}
|
|
842
875
|
}
|
|
843
876
|
});
|
|
844
877
|
export {
|
|
845
|
-
|
|
878
|
+
pentaho
|
|
846
879
|
};
|
package/dist/utils/theme.js
CHANGED
|
@@ -1,29 +1,9 @@
|
|
|
1
|
-
import { themes } from "../themes/index.js";
|
|
2
1
|
const setElementAttrs = (element, themeName, modeName) => {
|
|
3
2
|
element.dataset.theme = themeName;
|
|
4
3
|
element.dataset.colorMode = modeName;
|
|
5
4
|
element.classList.add("uikit-root-element");
|
|
6
5
|
element.style.colorScheme = modeName;
|
|
7
6
|
};
|
|
8
|
-
const processThemes = (themesList) => {
|
|
9
|
-
if (themesList && Array.isArray(themesList) && themesList.length > 0) {
|
|
10
|
-
const list = [];
|
|
11
|
-
themesList.forEach((thm) => {
|
|
12
|
-
const i = list.findIndex(
|
|
13
|
-
(t) => t.name.trim() === thm.name.trim()
|
|
14
|
-
);
|
|
15
|
-
if (i !== -1) {
|
|
16
|
-
list.splice(i, 1);
|
|
17
|
-
list.push(thm);
|
|
18
|
-
} else {
|
|
19
|
-
list.push(thm);
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
return list;
|
|
23
|
-
}
|
|
24
|
-
return [themes.ds5];
|
|
25
|
-
};
|
|
26
7
|
export {
|
|
27
|
-
processThemes,
|
|
28
8
|
setElementAttrs
|
|
29
9
|
};
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hitachivantara/uikit-react-core",
|
|
3
|
-
"version": "6.0.0-next.
|
|
3
|
+
"version": "6.0.0-next.4",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"private": false,
|
|
6
6
|
"author": "Hitachi Vantara UI Kit Team",
|
|
7
7
|
"description": "UI Kit Core React components.",
|
|
8
|
-
"homepage": "https://github.com/
|
|
8
|
+
"homepage": "https://github.com/pentaho/hv-uikit-react",
|
|
9
9
|
"sideEffects": false,
|
|
10
10
|
"keywords": [
|
|
11
11
|
"hitachi-vantara",
|
|
@@ -16,12 +16,12 @@
|
|
|
16
16
|
],
|
|
17
17
|
"repository": {
|
|
18
18
|
"type": "git",
|
|
19
|
-
"url": "git+https://github.com/
|
|
19
|
+
"url": "git+https://github.com/pentaho/hv-uikit-react.git",
|
|
20
20
|
"directory": "packages/core"
|
|
21
21
|
},
|
|
22
22
|
"license": "Apache-2.0",
|
|
23
23
|
"bugs": {
|
|
24
|
-
"url": "https://github.com/
|
|
24
|
+
"url": "https://github.com/pentaho/hv-uikit-react/issues"
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|
|
27
27
|
"@emotion/react": "^11.11.1",
|
|
@@ -33,9 +33,9 @@
|
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@emotion/cache": "^11.11.0",
|
|
35
35
|
"@emotion/serialize": "^1.1.2",
|
|
36
|
-
"@hitachivantara/uikit-react-shared": "^6.0.0-next.
|
|
37
|
-
"@hitachivantara/uikit-react-utils": "^6.0.0-next.
|
|
38
|
-
"@hitachivantara/uikit-styles": "^6.0.0-next.
|
|
36
|
+
"@hitachivantara/uikit-react-shared": "^6.0.0-next.4",
|
|
37
|
+
"@hitachivantara/uikit-react-utils": "^6.0.0-next.4",
|
|
38
|
+
"@hitachivantara/uikit-styles": "^6.0.0-next.4",
|
|
39
39
|
"@internationalized/date": "^3.2.0",
|
|
40
40
|
"@mui/base": "5.0.0-beta.68",
|
|
41
41
|
"@popperjs/core": "^2.11.8",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"access": "public",
|
|
61
61
|
"directory": "package"
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "66ab53a4c56da226078cf7dd92881ba7f0f521a4",
|
|
64
64
|
"exports": {
|
|
65
65
|
".": {
|
|
66
66
|
"types": "./dist/index.d.ts",
|