@hitachivantara/uikit-react-lab 3.53.0 → 3.54.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.
Files changed (76) hide show
  1. package/dist/ImageCarousel/ImageCarousel.d.ts +11 -0
  2. package/dist/ImageCarousel/ImageCarousel.js +615 -0
  3. package/dist/ImageCarousel/ImageCarousel.js.map +1 -0
  4. package/dist/ImageCarousel/index.d.ts +2 -0
  5. package/dist/ImageCarousel/index.js +16 -0
  6. package/dist/ImageCarousel/index.js.map +1 -0
  7. package/dist/ImageCarousel/stories/resources/Ahsoka.jpg +0 -0
  8. package/dist/ImageCarousel/stories/resources/AnakinSkywalker.jpg +0 -0
  9. package/dist/ImageCarousel/stories/resources/BobaFett.jpg +0 -0
  10. package/dist/ImageCarousel/stories/resources/DarthVader.jpg +0 -0
  11. package/dist/ImageCarousel/stories/resources/MaceWindu.jpg +0 -0
  12. package/dist/ImageCarousel/stories/resources/ObiWan.png +0 -0
  13. package/dist/ImageCarousel/stories/resources/Panoramic.jpg +0 -0
  14. package/dist/ImageCarousel/stories/resources/Revan.jpg +0 -0
  15. package/dist/ImageCarousel/stories/resources/TheMandalorian.jpg +0 -0
  16. package/dist/ImageCarousel/stories/resources/Yoda.jpg +0 -0
  17. package/dist/ImageCarousel/styles.js +238 -0
  18. package/dist/ImageCarousel/styles.js.map +1 -0
  19. package/dist/StepNavigation/SimpleNavigation/Dot/Dot.js +3 -0
  20. package/dist/StepNavigation/SimpleNavigation/Dot/Dot.js.map +1 -1
  21. package/dist/StepNavigation/SimpleNavigation/Dot/styles.js +0 -3
  22. package/dist/StepNavigation/SimpleNavigation/Dot/styles.js.map +1 -1
  23. package/dist/index.d.ts +3 -0
  24. package/dist/index.js +10 -1
  25. package/dist/index.js.map +1 -1
  26. package/dist/legacy/ImageCarousel/ImageCarousel.d.ts +11 -0
  27. package/dist/legacy/ImageCarousel/ImageCarousel.js +574 -0
  28. package/dist/legacy/ImageCarousel/ImageCarousel.js.map +1 -0
  29. package/dist/legacy/ImageCarousel/index.d.ts +2 -0
  30. package/dist/legacy/ImageCarousel/index.js +2 -0
  31. package/dist/legacy/ImageCarousel/index.js.map +1 -0
  32. package/dist/legacy/ImageCarousel/stories/resources/Ahsoka.jpg +0 -0
  33. package/dist/legacy/ImageCarousel/stories/resources/AnakinSkywalker.jpg +0 -0
  34. package/dist/legacy/ImageCarousel/stories/resources/BobaFett.jpg +0 -0
  35. package/dist/legacy/ImageCarousel/stories/resources/DarthVader.jpg +0 -0
  36. package/dist/legacy/ImageCarousel/stories/resources/MaceWindu.jpg +0 -0
  37. package/dist/legacy/ImageCarousel/stories/resources/ObiWan.png +0 -0
  38. package/dist/legacy/ImageCarousel/stories/resources/Panoramic.jpg +0 -0
  39. package/dist/legacy/ImageCarousel/stories/resources/Revan.jpg +0 -0
  40. package/dist/legacy/ImageCarousel/stories/resources/TheMandalorian.jpg +0 -0
  41. package/dist/legacy/ImageCarousel/stories/resources/Yoda.jpg +0 -0
  42. package/dist/legacy/ImageCarousel/styles.js +228 -0
  43. package/dist/legacy/ImageCarousel/styles.js.map +1 -0
  44. package/dist/legacy/StepNavigation/SimpleNavigation/Dot/Dot.js +3 -0
  45. package/dist/legacy/StepNavigation/SimpleNavigation/Dot/Dot.js.map +1 -1
  46. package/dist/legacy/StepNavigation/SimpleNavigation/Dot/styles.js +0 -3
  47. package/dist/legacy/StepNavigation/SimpleNavigation/Dot/styles.js.map +1 -1
  48. package/dist/legacy/index.d.ts +3 -0
  49. package/dist/legacy/index.js +1 -0
  50. package/dist/legacy/index.js.map +1 -1
  51. package/dist/modern/ImageCarousel/ImageCarousel.d.ts +11 -0
  52. package/dist/modern/ImageCarousel/ImageCarousel.js +499 -0
  53. package/dist/modern/ImageCarousel/ImageCarousel.js.map +1 -0
  54. package/dist/modern/ImageCarousel/index.d.ts +2 -0
  55. package/dist/modern/ImageCarousel/index.js +2 -0
  56. package/dist/modern/ImageCarousel/index.js.map +1 -0
  57. package/dist/modern/ImageCarousel/stories/resources/Ahsoka.jpg +0 -0
  58. package/dist/modern/ImageCarousel/stories/resources/AnakinSkywalker.jpg +0 -0
  59. package/dist/modern/ImageCarousel/stories/resources/BobaFett.jpg +0 -0
  60. package/dist/modern/ImageCarousel/stories/resources/DarthVader.jpg +0 -0
  61. package/dist/modern/ImageCarousel/stories/resources/MaceWindu.jpg +0 -0
  62. package/dist/modern/ImageCarousel/stories/resources/ObiWan.png +0 -0
  63. package/dist/modern/ImageCarousel/stories/resources/Panoramic.jpg +0 -0
  64. package/dist/modern/ImageCarousel/stories/resources/Revan.jpg +0 -0
  65. package/dist/modern/ImageCarousel/stories/resources/TheMandalorian.jpg +0 -0
  66. package/dist/modern/ImageCarousel/stories/resources/Yoda.jpg +0 -0
  67. package/dist/modern/ImageCarousel/styles.js +241 -0
  68. package/dist/modern/ImageCarousel/styles.js.map +1 -0
  69. package/dist/modern/StepNavigation/SimpleNavigation/Dot/Dot.js +3 -0
  70. package/dist/modern/StepNavigation/SimpleNavigation/Dot/Dot.js.map +1 -1
  71. package/dist/modern/StepNavigation/SimpleNavigation/Dot/styles.js +0 -3
  72. package/dist/modern/StepNavigation/SimpleNavigation/Dot/styles.js.map +1 -1
  73. package/dist/modern/index.d.ts +3 -0
  74. package/dist/modern/index.js +1 -0
  75. package/dist/modern/index.js.map +1 -1
  76. package/package.json +3 -3
@@ -0,0 +1,228 @@
1
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
+
3
+ var styles = function styles(theme) {
4
+ var _notFullscreen, _img, _thumbnailSelected, _imageContainer;
5
+
6
+ return {
7
+ root: {
8
+ "&:not(.xs)": {
9
+ background: theme.hv.palette.atmosphere.atmo1,
10
+ display: "flex",
11
+ alignItems: "center",
12
+ flexDirection: "column",
13
+ margin: "0px",
14
+ paddingTop: "15px",
15
+ paddingBottom: "15px"
16
+ },
17
+ "&:not(.nxs)": {
18
+ width: "100%",
19
+ maxWidth: "500px",
20
+ height: "200px",
21
+ padding: "0px"
22
+ }
23
+ },
24
+ fullscreenStyle: {
25
+ width: "100vw",
26
+ height: "100vh",
27
+ position: "fixed",
28
+ padding: "10px 150px 10px 150px",
29
+ top: 0,
30
+ left: 0,
31
+ zIndex: 1300
32
+ },
33
+ closeButton: {
34
+ position: "absolute",
35
+ right: "25px"
36
+ },
37
+ selectedImage: {
38
+ "&:not(.contain)": {
39
+ objectFit: "cover"
40
+ },
41
+ "&:not(.cover)": {
42
+ objectFit: "contain"
43
+ },
44
+ "&:not(.xs)": {
45
+ width: "100%",
46
+ textAlign: "center",
47
+ "&:not(.fullscreen)": (_notFullscreen = {}, _defineProperty(_notFullscreen, theme.breakpoints.up("xs"), {
48
+ height: "150px",
49
+ minHeight: "150px"
50
+ }), _defineProperty(_notFullscreen, theme.breakpoints.up("sm"), {
51
+ height: "300px",
52
+ minHeight: "300px"
53
+ }), _defineProperty(_notFullscreen, theme.breakpoints.up("lg"), {
54
+ height: "450px",
55
+ minHeight: "450px"
56
+ }), _notFullscreen),
57
+ "&:not(.notFullscreen)": {
58
+ height: "100%"
59
+ }
60
+ },
61
+ "&:not(.nxs)": {
62
+ width: "100%",
63
+ textAlign: "center"
64
+ }
65
+ },
66
+ xsMode: {
67
+ width: "min-content",
68
+ height: "min-content",
69
+ margin: "0px",
70
+ textAlign: "center"
71
+ },
72
+ circles: {
73
+ display: "flex",
74
+ alignItems: "center",
75
+ justifyContent: "center"
76
+ },
77
+ xsCircles: {
78
+ display: "flex",
79
+ alignItems: "center",
80
+ justifyContent: "center",
81
+ position: "relative",
82
+ transform: "translateY(-63px)"
83
+ },
84
+ hidden: {
85
+ visibility: "hidden"
86
+ },
87
+ title: {
88
+ display: "flex",
89
+ alignItems: "flex-start",
90
+ width: "100%",
91
+ justifyContent: "space-between"
92
+ },
93
+ divCounter: {
94
+ width: "100%",
95
+ paddingTop: "10px",
96
+ paddingRight: "15px",
97
+ display: "flex",
98
+ justifyContent: "flex-end",
99
+ position: "relative",
100
+ bottom: "102%",
101
+ "&:not(.nxs)": {
102
+ right: "5%",
103
+ bottom: "262px",
104
+ padding: "0px"
105
+ }
106
+ },
107
+ counter: {
108
+ width: "45px",
109
+ backgroundColor: theme.hv.palette.base.base2
110
+ },
111
+ img: (_img = {
112
+ width: "100%",
113
+ height: "70px"
114
+ }, _defineProperty(_img, theme.breakpoints.up("lg"), {
115
+ height: "75px"
116
+ }), _defineProperty(_img, "textAlign", "center"), _defineProperty(_img, "objectFit", "cover"), _img),
117
+ thumbnailSelected: (_thumbnailSelected = {
118
+ width: "100%",
119
+ height: "70px"
120
+ }, _defineProperty(_thumbnailSelected, theme.breakpoints.up("lg"), {
121
+ height: "75px"
122
+ }), _defineProperty(_thumbnailSelected, "textAlign", "center"), _defineProperty(_thumbnailSelected, "objectFit", "cover"), _defineProperty(_thumbnailSelected, "borderStyle", "solid"), _defineProperty(_thumbnailSelected, "borderColor", theme.hv.palette.base.base2), _defineProperty(_thumbnailSelected, "opacity", "50%"), _thumbnailSelected),
123
+ thumbnailButton: _defineProperty({
124
+ width: "110px",
125
+ height: "70px",
126
+ padding: "0px 0px"
127
+ }, theme.breakpoints.up("lg"), {
128
+ width: "120px",
129
+ height: "75px"
130
+ }),
131
+ miniCircle: {
132
+ width: "5px",
133
+ height: "5px",
134
+ borderRadius: "50%",
135
+ backgroundColor: theme.hv.palette.atmosphere.atmo4,
136
+ display: "inline-block",
137
+ margin: "10px"
138
+ },
139
+ selectedCircle: {
140
+ width: "10px",
141
+ height: "10px",
142
+ borderRadius: "50%",
143
+ backgroundColor: theme.hv.palette.atmosphere.atmo5,
144
+ display: "inline-block",
145
+ margin: "10px"
146
+ },
147
+ xsSelectedCircle: {
148
+ width: "10px",
149
+ height: "10px",
150
+ borderRadius: "50%",
151
+ backgroundColor: theme.hv.palette.atmosphere.atmo3,
152
+ display: "inline-block",
153
+ margin: "10px"
154
+ },
155
+ lowButtons: {
156
+ width: "95%",
157
+ display: "inline-flex",
158
+ justifyContent: "space-between",
159
+ position: "relative",
160
+ top: "-50%",
161
+ transform: "translateY(-16px)",
162
+ "&:not(.nxs)": {
163
+ width: "90%",
164
+ top: "-99px"
165
+ }
166
+ },
167
+ imageContainer: (_imageContainer = {
168
+ width: "100%",
169
+ marginTop: "20px",
170
+ margin: "0px",
171
+ textAlign: "center",
172
+ padding: "0px"
173
+ }, _defineProperty(_imageContainer, theme.breakpoints.up("xs"), {
174
+ height: "150px",
175
+ minHeight: "150px"
176
+ }), _defineProperty(_imageContainer, theme.breakpoints.up("sm"), {
177
+ height: "300px",
178
+ minHeight: "300px"
179
+ }), _defineProperty(_imageContainer, theme.breakpoints.up("lg"), {
180
+ height: "450px",
181
+ minHeight: "450px"
182
+ }), _defineProperty(_imageContainer, "&:not(.notFullscreen)", {
183
+ height: "85%",
184
+ alignItems: "center"
185
+ }), _imageContainer),
186
+ button: {
187
+ backgroundColor: theme.hv.palette.atmosphere.atmo3
188
+ },
189
+ inputImage: _defineProperty({
190
+ width: "110px",
191
+ height: "70px",
192
+ padding: "0px 0px"
193
+ }, theme.breakpoints.up("lg"), {
194
+ width: "120px",
195
+ height: "75px"
196
+ }),
197
+ stack: {
198
+ "&:not(.xs)": {
199
+ width: "100%",
200
+ display: "flex",
201
+ alignSelf: "center",
202
+ height: "100%",
203
+ padding: "0px"
204
+ },
205
+ "&:not(.flag)": {
206
+ overflowX: "hidden"
207
+ },
208
+ "&:not(.nxs)": {
209
+ height: "200px",
210
+ display: "flex",
211
+ padding: "0px"
212
+ }
213
+ },
214
+ normalButtons: {
215
+ padding: "5px 0px"
216
+ },
217
+ panel: {
218
+ display: "flex",
219
+ width: "100%",
220
+ overflow: "hidden",
221
+ padding: "3px",
222
+ height: "75px"
223
+ }
224
+ };
225
+ };
226
+
227
+ export default styles;
228
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","names":["styles","theme","root","background","hv","palette","atmosphere","atmo1","display","alignItems","flexDirection","margin","paddingTop","paddingBottom","width","maxWidth","height","padding","fullscreenStyle","position","top","left","zIndex","closeButton","right","selectedImage","objectFit","textAlign","breakpoints","up","minHeight","xsMode","circles","justifyContent","xsCircles","transform","hidden","visibility","title","divCounter","paddingRight","bottom","counter","backgroundColor","base","base2","img","thumbnailSelected","thumbnailButton","miniCircle","borderRadius","atmo4","selectedCircle","atmo5","xsSelectedCircle","atmo3","lowButtons","imageContainer","marginTop","button","inputImage","stack","alignSelf","overflowX","normalButtons","panel","overflow"],"sources":["../../../src/ImageCarousel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n \"&:not(.xs)\": {\n background: theme.hv.palette.atmosphere.atmo1,\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: \"column\",\n margin: \"0px\",\n paddingTop: \"15px\",\n paddingBottom: \"15px\",\n },\n \"&:not(.nxs)\": {\n width: \"100%\",\n maxWidth: \"500px\",\n height: \"200px\",\n padding: \"0px\",\n },\n },\n fullscreenStyle: {\n width: \"100vw\",\n height: \"100vh\",\n position: \"fixed\",\n padding: \"10px 150px 10px 150px\",\n top: 0,\n left: 0,\n zIndex: 1300,\n },\n closeButton: {\n position: \"absolute\",\n right: \"25px\",\n },\n selectedImage: {\n \"&:not(.contain)\": {\n objectFit: \"cover\",\n },\n \"&:not(.cover)\": {\n objectFit: \"contain\",\n },\n \"&:not(.xs)\": {\n width: \"100%\",\n textAlign: \"center\",\n \"&:not(.fullscreen)\": {\n [theme.breakpoints.up(\"xs\")]: {\n height: \"150px\",\n minHeight: \"150px\",\n },\n [theme.breakpoints.up(\"sm\")]: {\n height: \"300px\",\n minHeight: \"300px\",\n },\n [theme.breakpoints.up(\"lg\")]: {\n height: \"450px\",\n minHeight: \"450px\",\n },\n },\n \"&:not(.notFullscreen)\": {\n height: \"100%\",\n },\n },\n \"&:not(.nxs)\": {\n width: \"100%\",\n textAlign: \"center\",\n },\n },\n xsMode: {\n width: \"min-content\",\n height: \"min-content\",\n margin: \"0px\",\n textAlign: \"center\",\n },\n circles: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n xsCircles: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\",\n transform: \"translateY(-63px)\",\n },\n hidden: {\n visibility: \"hidden\",\n },\n title: {\n display: \"flex\",\n alignItems: \"flex-start\",\n width: \"100%\",\n justifyContent: \"space-between\",\n },\n divCounter: {\n width: \"100%\",\n paddingTop: \"10px\",\n paddingRight: \"15px\",\n display: \"flex\",\n justifyContent: \"flex-end\",\n position: \"relative\",\n bottom: \"102%\",\n \"&:not(.nxs)\": {\n right: \"5%\",\n bottom: \"262px\",\n padding: \"0px\",\n },\n },\n counter: {\n width: \"45px\",\n backgroundColor: theme.hv.palette.base.base2,\n },\n img: {\n width: \"100%\",\n height: \"70px\",\n [theme.breakpoints.up(\"lg\")]: {\n height: \"75px\",\n },\n textAlign: \"center\",\n objectFit: \"cover\",\n },\n thumbnailSelected: {\n width: \"100%\",\n height: \"70px\",\n [theme.breakpoints.up(\"lg\")]: {\n height: \"75px\",\n },\n textAlign: \"center\",\n objectFit: \"cover\",\n borderStyle: \"solid\",\n borderColor: theme.hv.palette.base.base2,\n opacity: \"50%\",\n },\n thumbnailButton: {\n width: \"110px\",\n height: \"70px\",\n padding: \"0px 0px\",\n [theme.breakpoints.up(\"lg\")]: {\n width: \"120px\",\n height: \"75px\",\n },\n },\n miniCircle: {\n width: \"5px\",\n height: \"5px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n display: \"inline-block\",\n margin: \"10px\",\n },\n selectedCircle: {\n width: \"10px\",\n height: \"10px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo5,\n display: \"inline-block\",\n margin: \"10px\",\n },\n xsSelectedCircle: {\n width: \"10px\",\n height: \"10px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n display: \"inline-block\",\n margin: \"10px\",\n },\n lowButtons: {\n width: \"95%\",\n display: \"inline-flex\",\n justifyContent: \"space-between\",\n position: \"relative\",\n top: \"-50%\",\n transform: \"translateY(-16px)\",\n \"&:not(.nxs)\": {\n width: \"90%\",\n top: \"-99px\",\n },\n },\n imageContainer: {\n width: \"100%\",\n marginTop: \"20px\",\n margin: \"0px\",\n textAlign: \"center\",\n padding: \"0px\",\n [theme.breakpoints.up(\"xs\")]: {\n height: \"150px\",\n minHeight: \"150px\",\n },\n [theme.breakpoints.up(\"sm\")]: {\n height: \"300px\",\n minHeight: \"300px\",\n },\n [theme.breakpoints.up(\"lg\")]: {\n height: \"450px\",\n minHeight: \"450px\",\n },\n \"&:not(.notFullscreen)\": {\n height: \"85%\",\n alignItems: \"center\",\n },\n },\n button: {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n },\n inputImage: {\n width: \"110px\",\n height: \"70px\",\n padding: \"0px 0px\",\n [theme.breakpoints.up(\"lg\")]: {\n width: \"120px\",\n height: \"75px\",\n },\n },\n stack: {\n \"&:not(.xs)\": {\n width: \"100%\",\n display: \"flex\",\n alignSelf: \"center\",\n height: \"100%\",\n padding: \"0px\",\n },\n \"&:not(.flag)\": {\n overflowX: \"hidden\",\n },\n \"&:not(.nxs)\": {\n height: \"200px\",\n display: \"flex\",\n padding: \"0px\",\n },\n },\n normalButtons: {\n padding: \"5px 0px\",\n },\n panel: {\n display: \"flex\",\n width: \"100%\",\n overflow: \"hidden\",\n padding: \"3px\",\n height: \"75px\",\n },\n});\n\nexport default styles;\n"],"mappings":"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"}
@@ -45,6 +45,9 @@ var HvDot = function HvDot(_ref) {
45
45
  width: dotSize,
46
46
  height: dotSize,
47
47
  backgroundColor: backgroundColor,
48
+ "&:hover": {
49
+ backgroundColor: backgroundColor
50
+ },
48
51
  "&$ghostDisabled": _objectSpread(_objectSpread({}, styles.ghost["&$ghostDisabled"]), {}, {
49
52
  backgroundColor: backgroundColor
50
53
  }),
@@ -1 +1 @@
1
- {"version":3,"file":"Dot.js","names":["React","useCallback","useMemo","PropTypes","clsx","HvButton","makeStyles","withStyles","defaultColor","disabledColor","dotSizes","styles","HvDot","classes","className","state","title","size","onClick","dotSize","getBackgroundColor","theme","customClasses","backgroundColor","ghostDisabled","active","ghost","width","height","root","includes","propTypes","string","shape","isRequired","oneOf","func","name"],"sources":["../../../../../src/StepNavigation/SimpleNavigation/Dot/Dot.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { HvButton } from \"@hitachivantara/uikit-react-core\";\nimport { makeStyles, withStyles } from \"@material-ui/core\";\n\nimport { defaultColor, disabledColor, dotSizes } from \"../utils\";\nimport styles from \"./styles\";\n\n/**\n * Step element of \"Simple\" Step Navigation root component\n */\nconst HvDot = ({ classes, className, state, title, size, onClick }) => {\n const dotSize = dotSizes[size] * (state === \"Current\" ? 1.5 : 1);\n const getBackgroundColor = useCallback(\n (theme) => (state === \"Disabled\" ? disabledColor(theme) : defaultColor(theme)),\n [state]\n );\n const customClasses = useMemo(\n () =>\n makeStyles((theme) => {\n const backgroundColor = getBackgroundColor(theme);\n return {\n ghostDisabled: {},\n active: {},\n ghost: {\n ...styles.ghost,\n width: dotSize,\n height: dotSize,\n backgroundColor,\n \"&$ghostDisabled\": {\n ...styles.ghost[\"&$ghostDisabled\"],\n backgroundColor,\n },\n \"&$ghostDisabled&:hover\": {\n ...styles.ghost[\"&$ghostDisabled&:hover\"],\n backgroundColor,\n },\n },\n };\n }),\n [dotSize, getBackgroundColor]\n )();\n return (\n <HvButton\n className={clsx(\n classes.root,\n customClasses.ghost,\n {\n [customClasses.active]: state === \"Current\",\n [customClasses.ghostDisabled]: [\"Current\", \"Disabled\"].includes(state),\n },\n className\n )}\n aria-label={`step-${title}`}\n icon\n overrideIconColors={false}\n disabled={[\"Current\", \"Disabled\"].includes(state)}\n onClick={onClick}\n >\n {[]}\n </HvButton>\n );\n};\n\nHvDot.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the active class.\n */\n active: PropTypes.string,\n /**\n * Styles applied to the ghost class.\n */\n ghost: PropTypes.string,\n /**\n * Styles applied to the ghostDisabled class.\n */\n ghostDisabled: PropTypes.string,\n }).isRequired,\n /**\n * State of the step. Values = {\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\"}\n */\n state: PropTypes.oneOf([\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\"]).isRequired,\n /**\n * Title of the step.\n */\n title: PropTypes.string.isRequired,\n /**\n * Sets one of the standard sizes of the steps\n */\n size: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]).isRequired,\n /**\n * Event onClick of the step.\n */\n onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvDot\" })(HvDot);\n"],"mappings":"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"}
1
+ {"version":3,"file":"Dot.js","names":["React","useCallback","useMemo","PropTypes","clsx","HvButton","makeStyles","withStyles","defaultColor","disabledColor","dotSizes","styles","HvDot","classes","className","state","title","size","onClick","dotSize","getBackgroundColor","theme","customClasses","backgroundColor","ghostDisabled","active","ghost","width","height","root","includes","propTypes","string","shape","isRequired","oneOf","func","name"],"sources":["../../../../../src/StepNavigation/SimpleNavigation/Dot/Dot.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { HvButton } from \"@hitachivantara/uikit-react-core\";\nimport { makeStyles, withStyles } from \"@material-ui/core\";\n\nimport { defaultColor, disabledColor, dotSizes } from \"../utils\";\nimport styles from \"./styles\";\n\n/**\n * Step element of \"Simple\" Step Navigation root component\n */\nconst HvDot = ({ classes, className, state, title, size, onClick }) => {\n const dotSize = dotSizes[size] * (state === \"Current\" ? 1.5 : 1);\n const getBackgroundColor = useCallback(\n (theme) => (state === \"Disabled\" ? disabledColor(theme) : defaultColor(theme)),\n [state]\n );\n const customClasses = useMemo(\n () =>\n makeStyles((theme) => {\n const backgroundColor = getBackgroundColor(theme);\n return {\n ghostDisabled: {},\n active: {},\n ghost: {\n ...styles.ghost,\n width: dotSize,\n height: dotSize,\n backgroundColor,\n \"&:hover\": {\n backgroundColor,\n },\n \"&$ghostDisabled\": {\n ...styles.ghost[\"&$ghostDisabled\"],\n backgroundColor,\n },\n \"&$ghostDisabled&:hover\": {\n ...styles.ghost[\"&$ghostDisabled&:hover\"],\n backgroundColor,\n },\n },\n };\n }),\n [dotSize, getBackgroundColor]\n )();\n return (\n <HvButton\n className={clsx(\n classes.root,\n customClasses.ghost,\n {\n [customClasses.active]: state === \"Current\",\n [customClasses.ghostDisabled]: [\"Current\", \"Disabled\"].includes(state),\n },\n className\n )}\n aria-label={`step-${title}`}\n icon\n overrideIconColors={false}\n disabled={[\"Current\", \"Disabled\"].includes(state)}\n onClick={onClick}\n >\n {[]}\n </HvButton>\n );\n};\n\nHvDot.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the active class.\n */\n active: PropTypes.string,\n /**\n * Styles applied to the ghost class.\n */\n ghost: PropTypes.string,\n /**\n * Styles applied to the ghostDisabled class.\n */\n ghostDisabled: PropTypes.string,\n }).isRequired,\n /**\n * State of the step. Values = {\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\"}\n */\n state: PropTypes.oneOf([\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\"]).isRequired,\n /**\n * Title of the step.\n */\n title: PropTypes.string.isRequired,\n /**\n * Sets one of the standard sizes of the steps\n */\n size: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]).isRequired,\n /**\n * Event onClick of the step.\n */\n onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvDot\" })(HvDot);\n"],"mappings":"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"}
@@ -6,9 +6,6 @@ var styles = {
6
6
  ghostDisabled: {},
7
7
  active: {},
8
8
  ghost: {
9
- "&:hover": {
10
- backgroundColor: "transparent"
11
- },
12
9
  "&$active": {
13
10
  cursor: "default"
14
11
  },
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","names":["styles","root","borderRadius","zIndex","ghostDisabled","active","ghost","backgroundColor","cursor"],"sources":["../../../../../src/StepNavigation/SimpleNavigation/Dot/styles.js"],"sourcesContent":["const styles = {\n root: {\n borderRadius: \"50%\",\n zIndex: 1,\n },\n ghostDisabled: {},\n active: {},\n ghost: {\n \"&:hover\": {\n backgroundColor: \"transparent\",\n },\n \"&$active\": {\n cursor: \"default\",\n },\n \"&$active&:hover\": {\n cursor: \"default\",\n },\n },\n};\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,YAAY,EAAE,KADV;IAEJC,MAAM,EAAE;EAFJ,CADO;EAKbC,aAAa,EAAE,EALF;EAMbC,MAAM,EAAE,EANK;EAObC,KAAK,EAAE;IACL,WAAW;MACTC,eAAe,EAAE;IADR,CADN;IAIL,YAAY;MACVC,MAAM,EAAE;IADE,CAJP;IAOL,mBAAmB;MACjBA,MAAM,EAAE;IADS;EAPd;AAPM,CAAf;AAoBA,eAAeR,MAAf"}
1
+ {"version":3,"file":"styles.js","names":["styles","root","borderRadius","zIndex","ghostDisabled","active","ghost","cursor"],"sources":["../../../../../src/StepNavigation/SimpleNavigation/Dot/styles.js"],"sourcesContent":["const styles = {\n root: {\n borderRadius: \"50%\",\n zIndex: 1,\n },\n ghostDisabled: {},\n active: {},\n ghost: {\n \"&$active\": {\n cursor: \"default\",\n },\n \"&$active&:hover\": {\n cursor: \"default\",\n },\n },\n};\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,YAAY,EAAE,KADV;IAEJC,MAAM,EAAE;EAFJ,CADO;EAKbC,aAAa,EAAE,EALF;EAMbC,MAAM,EAAE,EANK;EAObC,KAAK,EAAE;IACL,YAAY;MACVC,MAAM,EAAE;IADE,CADP;IAIL,mBAAmB;MACjBA,MAAM,EAAE;IADS;EAJd;AAPM,CAAf;AAiBA,eAAeP,MAAf"}
@@ -48,3 +48,6 @@ export * from "./Controls";
48
48
 
49
49
  export { default as HvStepNavigation } from "./StepNavigation";
50
50
  export * from "./StepNavigation";
51
+
52
+ export { default as HvImageCarousel } from "./ImageCarousel";
53
+ export * from "./ImageCarousel";
@@ -21,4 +21,5 @@ export { default as HvInlineEditor } from "./InlineEditor";
21
21
  export { default as HvProgressBar } from "./ProgressBar";
22
22
  export { default as HvDotPagination } from "./DotPagination";
23
23
  export { default as HvStepNavigation } from "./StepNavigation";
24
+ export { default as HvImageCarousel } from "./ImageCarousel";
24
25
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["default","HvAppSwitcherPanel","HvFormComposer","HvNavigationAnchors","HvNotificationPanel","HvSlider","HvTable","HvTimeAgo","HvTimePicker","HvTag","HvDrawer","HvColorPicker","HvQueryBuilder","HvControls","HvInlineEditor","HvProgressBar","HvDotPagination","HvStepNavigation"],"sources":["../../src/index.js"],"sourcesContent":["// components\nexport { default as HvAppSwitcherPanel } from \"./AppSwitcherPanel\";\nexport * from \"./AppSwitcherPanel\";\nexport { default as HvFormComposer } from \"./FormComposer\";\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\nexport { default as HvSlider } from \"./Slider\";\nexport { default as HvTable } from \"./Table\";\nexport * from \"./Table\";\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvDrawer } from \"./Drawer\";\nexport { default as HvColorPicker } from \"./ColorPicker\";\nexport { default as HvQueryBuilder } from \"./QueryBuilder\";\nexport { default as HvControls } from \"./Controls\";\nexport * from \"./Controls\";\nexport * from \"./QueryBuilder\";\nexport { default as HvInlineEditor } from \"./InlineEditor\";\nexport { default as HvProgressBar } from \"./ProgressBar\";\nexport { default as HvDotPagination } from \"./DotPagination\";\nexport { default as HvStepNavigation } from \"./StepNavigation\";\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,kBAApB,QAA8C,oBAA9C;AACA,cAAc,oBAAd;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,gBAA1C;AACA,SAASF,OAAO,IAAIG,mBAApB,QAA+C,qBAA/C;AACA,SAASH,OAAO,IAAII,mBAApB,QAA+C,qBAA/C;AACA,SAASJ,OAAO,IAAIK,QAApB,QAAoC,UAApC;AACA,SAASL,OAAO,IAAIM,OAApB,QAAmC,SAAnC;AACA,cAAc,SAAd;AACA,SAASN,OAAO,IAAIO,SAApB,QAAqC,WAArC;AACA,cAAc,WAAd;AACA,SAASP,OAAO,IAAIQ,YAApB,QAAwC,cAAxC;AACA,SAASR,OAAO,IAAIS,KAApB,QAAiC,OAAjC;AACA,SAAST,OAAO,IAAIU,QAApB,QAAoC,UAApC;AACA,SAASV,OAAO,IAAIW,aAApB,QAAyC,eAAzC;AACA,SAASX,OAAO,IAAIY,cAApB,QAA0C,gBAA1C;AACA,SAASZ,OAAO,IAAIa,UAApB,QAAsC,YAAtC;AACA,cAAc,YAAd;AACA,cAAc,gBAAd;AACA,SAASb,OAAO,IAAIc,cAApB,QAA0C,gBAA1C;AACA,SAASd,OAAO,IAAIe,aAApB,QAAyC,eAAzC;AACA,SAASf,OAAO,IAAIgB,eAApB,QAA2C,iBAA3C;AACA,SAAShB,OAAO,IAAIiB,gBAApB,QAA4C,kBAA5C"}
1
+ {"version":3,"file":"index.js","names":["default","HvAppSwitcherPanel","HvFormComposer","HvNavigationAnchors","HvNotificationPanel","HvSlider","HvTable","HvTimeAgo","HvTimePicker","HvTag","HvDrawer","HvColorPicker","HvQueryBuilder","HvControls","HvInlineEditor","HvProgressBar","HvDotPagination","HvStepNavigation","HvImageCarousel"],"sources":["../../src/index.js"],"sourcesContent":["// components\nexport { default as HvAppSwitcherPanel } from \"./AppSwitcherPanel\";\nexport * from \"./AppSwitcherPanel\";\nexport { default as HvFormComposer } from \"./FormComposer\";\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\nexport { default as HvSlider } from \"./Slider\";\nexport { default as HvTable } from \"./Table\";\nexport * from \"./Table\";\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvDrawer } from \"./Drawer\";\nexport { default as HvColorPicker } from \"./ColorPicker\";\nexport { default as HvQueryBuilder } from \"./QueryBuilder\";\nexport { default as HvControls } from \"./Controls\";\nexport * from \"./Controls\";\nexport * from \"./QueryBuilder\";\nexport { default as HvInlineEditor } from \"./InlineEditor\";\nexport { default as HvProgressBar } from \"./ProgressBar\";\nexport { default as HvDotPagination } from \"./DotPagination\";\nexport { default as HvStepNavigation } from \"./StepNavigation\";\nexport { default as HvImageCarousel } from \"./ImageCarousel\";\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,kBAApB,QAA8C,oBAA9C;AACA,cAAc,oBAAd;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,gBAA1C;AACA,SAASF,OAAO,IAAIG,mBAApB,QAA+C,qBAA/C;AACA,SAASH,OAAO,IAAII,mBAApB,QAA+C,qBAA/C;AACA,SAASJ,OAAO,IAAIK,QAApB,QAAoC,UAApC;AACA,SAASL,OAAO,IAAIM,OAApB,QAAmC,SAAnC;AACA,cAAc,SAAd;AACA,SAASN,OAAO,IAAIO,SAApB,QAAqC,WAArC;AACA,cAAc,WAAd;AACA,SAASP,OAAO,IAAIQ,YAApB,QAAwC,cAAxC;AACA,SAASR,OAAO,IAAIS,KAApB,QAAiC,OAAjC;AACA,SAAST,OAAO,IAAIU,QAApB,QAAoC,UAApC;AACA,SAASV,OAAO,IAAIW,aAApB,QAAyC,eAAzC;AACA,SAASX,OAAO,IAAIY,cAApB,QAA0C,gBAA1C;AACA,SAASZ,OAAO,IAAIa,UAApB,QAAsC,YAAtC;AACA,cAAc,YAAd;AACA,cAAc,gBAAd;AACA,SAASb,OAAO,IAAIc,cAApB,QAA0C,gBAA1C;AACA,SAASd,OAAO,IAAIe,aAApB,QAAyC,eAAzC;AACA,SAASf,OAAO,IAAIgB,eAApB,QAA2C,iBAA3C;AACA,SAAShB,OAAO,IAAIiB,gBAApB,QAA4C,kBAA5C;AACA,SAASjB,OAAO,IAAIkB,eAApB,QAA2C,iBAA3C"}
@@ -0,0 +1,11 @@
1
+ import * as React from "react";
2
+ import { StandardProps } from "@material-ui/core";
3
+
4
+ export type HvImageCarouselClassKey = "root";
5
+
6
+ export type HvImageCarouselProps = StandardProps<
7
+ React.HTMLAttributes<HTMLDivElement>,
8
+ HvImageCarouselClassKey
9
+ >;
10
+
11
+ export default function HvImageCarousel(props: HvImageCarouselProps): JSX.Element | null;