@hitachivantara/uikit-react-core 5.63.3 → 5.64.0

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.
@@ -15,10 +15,7 @@ const { staticClasses, useClasses } = classes.createClasses(
15
15
  },
16
16
  overlay: {
17
17
  position: "absolute",
18
- top: 0,
19
- bottom: 0,
20
- left: 0,
21
- right: 0,
18
+ inset: 0,
22
19
  display: "none",
23
20
  justifyContent: "center",
24
21
  alignItems: "center",
@@ -70,10 +70,7 @@ const { staticClasses, useClasses } = classes.createClasses("HvSkeleton", {
70
70
  content: "''",
71
71
  position: "absolute",
72
72
  transform: "translateX(-100%)",
73
- bottom: 0,
74
- left: 0,
75
- right: 0,
76
- top: 0
73
+ inset: 0
77
74
  }
78
75
  }
79
76
  });
@@ -13,10 +13,7 @@ const { staticClasses, useClasses } = createClasses(
13
13
  },
14
14
  overlay: {
15
15
  position: "absolute",
16
- top: 0,
17
- bottom: 0,
18
- left: 0,
19
- right: 0,
16
+ inset: 0,
20
17
  display: "none",
21
18
  justifyContent: "center",
22
19
  alignItems: "center",
@@ -1 +1 @@
1
- {"version":3,"file":"Preview.styles.js","sources":["../../../../src/FileUploader/Preview/Preview.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n \"HvFileUploaderPreview\",\n {\n previewButton: {\n position: \"relative\",\n width: \"48px\",\n height: \"48px\",\n \"&:hover *\": {\n display: \"flex\",\n },\n },\n overlay: {\n position: \"absolute\",\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n display: \"none\",\n justifyContent: \"center\",\n alignItems: \"center\",\n backgroundColor: theme.colors.primary_20,\n opacity: \"1\",\n borderRadius: theme.radii.base,\n },\n },\n);\n"],"names":[],"mappings":";;AAIa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,eAAe;AAAA,MACb,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,aAAa;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,iBAAiB,MAAM,OAAO;AAAA,MAC9B,SAAS;AAAA,MACT,cAAc,MAAM,MAAM;AAAA,IAC5B;AAAA,EACF;AACF;"}
1
+ {"version":3,"file":"Preview.styles.js","sources":["../../../../src/FileUploader/Preview/Preview.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n \"HvFileUploaderPreview\",\n {\n previewButton: {\n position: \"relative\",\n width: \"48px\",\n height: \"48px\",\n \"&:hover *\": {\n display: \"flex\",\n },\n },\n overlay: {\n position: \"absolute\",\n inset: 0,\n display: \"none\",\n justifyContent: \"center\",\n alignItems: \"center\",\n backgroundColor: theme.colors.primary_20,\n opacity: \"1\",\n borderRadius: theme.radii.base,\n },\n },\n);\n"],"names":[],"mappings":";;AAIa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,eAAe;AAAA,MACb,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,aAAa;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,iBAAiB,MAAM,OAAO;AAAA,MAC9B,SAAS;AAAA,MACT,cAAc,MAAM,MAAM;AAAA,IAC5B;AAAA,EACF;AACF;"}
@@ -68,10 +68,7 @@ const { staticClasses, useClasses } = createClasses("HvSkeleton", {
68
68
  content: "''",
69
69
  position: "absolute",
70
70
  transform: "translateX(-100%)",
71
- bottom: 0,
72
- left: 0,
73
- right: 0,
74
- top: 0
71
+ inset: 0
75
72
  }
76
73
  }
77
74
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.styles.js","sources":["../../../src/Skeleton/Skeleton.styles.tsx"],"sourcesContent":["import { keyframes } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../utils/classes\";\n\nconst pulse = keyframes`\n 0%, 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n`;\n\n// Animation taken from Material UI:\n// https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Skeleton/Skeleton.js\nconst wave = keyframes`\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(100%);\n }\n`;\n\nconst fadeIn = keyframes`\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n`;\n\nexport const { staticClasses, useClasses } = createClasses(\"HvSkeleton\", {\n root: {\n backgroundColor: theme.colors.atmo3,\n width: \"fit-content\",\n \"& > *\": {\n visibility: \"hidden\",\n },\n },\n content: {\n opacity: 0,\n animation: `${fadeIn} 0.5s ease forwards`,\n },\n circle: {\n borderRadius: theme.radii.circle,\n },\n square: {\n borderRadius: theme.radii.base,\n },\n text: {\n borderRadius: theme.radii.full,\n width: \"100%\",\n height: \"1.5em\",\n },\n pulse: {\n animation: `${pulse} 2s infinite`,\n },\n wave: {\n overflow: \"hidden\",\n position: \"relative\",\n \"&::after\": {\n animation: `${wave} 2s linear 0.5s infinite`,\n background: `linear-gradient(\n 90deg,\n transparent,\n ${theme.colors.atmo4},\n transparent\n )`,\n content: \"''\",\n position: \"absolute\",\n transform: \"translateX(-100%)\",\n bottom: 0,\n left: 0,\n right: 0,\n top: 0,\n },\n },\n});\n"],"names":[],"mappings":";;;AAKA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWd,MAAM,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYb,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASR,MAAM,EAAE,eAAe,eAAe,cAAc,cAAc;AAAA,EACvE,MAAM;AAAA,IACJ,iBAAiB,MAAM,OAAO;AAAA,IAC9B,OAAO;AAAA,IACP,SAAS;AAAA,MACP,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,IACT,WAAW,GAAG,MAAM;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,IACN,cAAc,MAAM,MAAM;AAAA,EAC5B;AAAA,EACA,QAAQ;AAAA,IACN,cAAc,MAAM,MAAM;AAAA,EAC5B;AAAA,EACA,MAAM;AAAA,IACJ,cAAc,MAAM,MAAM;AAAA,IAC1B,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACL,WAAW,GAAG,KAAK;AAAA,EACrB;AAAA,EACA,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,MACV,WAAW,GAAG,IAAI;AAAA,MAClB,YAAY;AAAA;AAAA;AAAA,cAGJ,MAAM,OAAO,KAAK;AAAA;AAAA;AAAA,MAG1B,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,KAAK;AAAA,IACP;AAAA,EACF;AACF,CAAC;"}
1
+ {"version":3,"file":"Skeleton.styles.js","sources":["../../../src/Skeleton/Skeleton.styles.tsx"],"sourcesContent":["import { keyframes } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../utils/classes\";\n\nconst pulse = keyframes`\n 0%, 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n`;\n\n// Animation taken from Material UI:\n// https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Skeleton/Skeleton.js\nconst wave = keyframes`\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(100%);\n }\n`;\n\nconst fadeIn = keyframes`\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n`;\n\nexport const { staticClasses, useClasses } = createClasses(\"HvSkeleton\", {\n root: {\n backgroundColor: theme.colors.atmo3,\n width: \"fit-content\",\n \"& > *\": {\n visibility: \"hidden\",\n },\n },\n content: {\n opacity: 0,\n animation: `${fadeIn} 0.5s ease forwards`,\n },\n circle: {\n borderRadius: theme.radii.circle,\n },\n square: {\n borderRadius: theme.radii.base,\n },\n text: {\n borderRadius: theme.radii.full,\n width: \"100%\",\n height: \"1.5em\",\n },\n pulse: {\n animation: `${pulse} 2s infinite`,\n },\n wave: {\n overflow: \"hidden\",\n position: \"relative\",\n \"&::after\": {\n animation: `${wave} 2s linear 0.5s infinite`,\n background: `linear-gradient(\n 90deg,\n transparent,\n ${theme.colors.atmo4},\n transparent\n )`,\n content: \"''\",\n position: \"absolute\",\n transform: \"translateX(-100%)\",\n inset: 0,\n },\n },\n});\n"],"names":[],"mappings":";;;AAKA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWd,MAAM,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYb,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASR,MAAM,EAAE,eAAe,eAAe,cAAc,cAAc;AAAA,EACvE,MAAM;AAAA,IACJ,iBAAiB,MAAM,OAAO;AAAA,IAC9B,OAAO;AAAA,IACP,SAAS;AAAA,MACP,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,IACT,WAAW,GAAG,MAAM;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,IACN,cAAc,MAAM,MAAM;AAAA,EAC5B;AAAA,EACA,QAAQ;AAAA,IACN,cAAc,MAAM,MAAM;AAAA,EAC5B;AAAA,EACA,MAAM;AAAA,IACJ,cAAc,MAAM,MAAM;AAAA,IAC1B,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACL,WAAW,GAAG,KAAK;AAAA,EACrB;AAAA,EACA,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,MACV,WAAW,GAAG,IAAI;AAAA,MAClB,YAAY;AAAA;AAAA;AAAA,cAGJ,MAAM,OAAO,KAAK;AAAA;AAAA;AAAA,MAG1B,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAW;AAAA,MACX,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hitachivantara/uikit-react-core",
3
- "version": "5.63.3",
3
+ "version": "5.64.0",
4
4
  "private": false,
5
5
  "author": "Hitachi Vantara UI Kit Team",
6
6
  "description": "Core React components for the NEXT Design System.",
@@ -33,9 +33,9 @@
33
33
  "@emotion/css": "^11.11.2",
34
34
  "@emotion/serialize": "^1.1.2",
35
35
  "@emotion/utils": "^1.2.1",
36
- "@hitachivantara/uikit-react-icons": "^5.9.9",
37
- "@hitachivantara/uikit-react-shared": "^5.1.39",
38
- "@hitachivantara/uikit-styles": "^5.28.1",
36
+ "@hitachivantara/uikit-react-icons": "^5.9.10",
37
+ "@hitachivantara/uikit-react-shared": "^5.1.40",
38
+ "@hitachivantara/uikit-styles": "^5.29.0",
39
39
  "@internationalized/date": "^3.2.0",
40
40
  "@mui/base": "^5.0.0-beta.34",
41
41
  "@popperjs/core": "^2.11.8",
@@ -62,7 +62,7 @@
62
62
  "access": "public",
63
63
  "directory": "package"
64
64
  },
65
- "gitHead": "fecc39b18d92c0e39b519af0675e5404a52aa562",
65
+ "gitHead": "deb91297e6f26f90ba5e86e520ad96751fffb0ff",
66
66
  "main": "dist/cjs/index.cjs",
67
67
  "exports": {
68
68
  ".": {