@hitachivantara/app-shell-ui 2.2.1 → 2.2.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.
@@ -0,0 +1,542 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { theme } from "@hitachivantara/uikit-react-core";
3
+ function DogeSpace({
4
+ title = "Shiba Inu lost in space",
5
+ ...others
6
+ }) {
7
+ return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 846 500", role: "img", "aria-label": title, ...others, children: [
8
+ /* @__PURE__ */ jsxs("defs", { children: [
9
+ /* @__PURE__ */ jsx("clipPath", { id: "a", children: /* @__PURE__ */ jsx(
10
+ "path",
11
+ {
12
+ d: "M296.891 1.168c163.08-5.931 294.564 11.311 293.677 38.51S456.762 93.734 293.682 99.665-.882 88.354 0 61.155 133.811 7.1 296.891 1.168Z",
13
+ transform: "rotate(-11 585.15 56.343)",
14
+ fill: "#fff"
15
+ }
16
+ ) }),
17
+ /* @__PURE__ */ jsx("clipPath", { id: "b", children: /* @__PURE__ */ jsx("path", { fill: "none", d: "M0 0h1047.005v527.177H0z" }) }),
18
+ /* @__PURE__ */ jsx("clipPath", { id: "d", children: /* @__PURE__ */ jsx(
19
+ "path",
20
+ {
21
+ d: "M124.819.491C193.382-2 248.66 5.246 248.288 16.682S192.032 39.408 123.47 41.9-.371 37.146 0 25.711 56.257 2.984 124.819.491Z",
22
+ transform: "rotate(-11 246.01 23.688)",
23
+ fill: "#fff"
24
+ }
25
+ ) }),
26
+ /* @__PURE__ */ jsx("clipPath", { id: "e", children: /* @__PURE__ */ jsx("path", { fill: "none", d: "M0 0h440.184v221.636H0z" }) }),
27
+ /* @__PURE__ */ jsx("clipPath", { id: "f", children: /* @__PURE__ */ jsx(
28
+ "circle",
29
+ {
30
+ cx: "64.7",
31
+ cy: "64.7",
32
+ r: "64.7",
33
+ transform: "translate(49.317)",
34
+ fill: "#ededed"
35
+ }
36
+ ) }),
37
+ /* @__PURE__ */ jsx("clipPath", { id: "g", children: /* @__PURE__ */ jsx("path", { fill: "none", d: "M0 0h1263.6v564.4H0z" }) }),
38
+ /* @__PURE__ */ jsx(
39
+ "image",
40
+ {
41
+ id: "noise",
42
+ width: "632.62",
43
+ height: "457.793",
44
+ href: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAngAAAHKCAQAAAA6dP5SAAAEkUlEQVR42u3UQREAAAjDMOZfAWpBB0cioY+mpwBeiOEBhgdgeACGB2B4AIYHYHgAhgdgeACGB2B4gOEBGB6A4QEYHoDhARgegOEBGB6A4QEYHmB4AIYHYHgAhgdgeACGB2B4AIYHYHgAhgcYnuEBhgdgeACGB2B4AIYHYHgAhgdgeACGB2B4gOEBGB6A4QEYHoDhARgegOEBGB6A4QEYHmB4AIYHYHgAhgdgeACGB2B4AIYHYHgAhgcYngiA4QEYHoDhARgegOEBGB6A4QEYHoDhARgeYHgAhgdgeACGB2B4AIYHYHgAhgdgeACGBxgegOEBGB6A4QEYHoDhARgegOEBGB6A4QGGB2B4AIYHYHgAhgdgeACGB2B4AIYHYHgAhgcYHoDhARgegOEBGB6A4QEYHoDhARgegOEBhgdgeACGB2B4AIYHYHgAhgdgeACGB2B4gOEBGB6A4QEYHoDhARgegOEBGB6A4QEYHoDhAYYHYHgAhgdgeACGB2B4AIYHYHgAhgdgeIDhARgegOEBGB6A4QEYHoDhARgegOEBGB5geACGB2B4AIYHYHgAhgdgeACGB2B4AIYHYHiA4QEYHoDhARgegOEBGB6A4QEYHoDhARgeYHgAhgdgeACGB2B4AIYHYHgAhgdgeACGBxgegOEBGB6A4QEYHoDhARgegOEBGB6A4QEYHmB4AIYHYHgAhgdgeACGB2B4AIYHYHgAhgcYHoDhARgegOEBGB6A4QEYHoDhARgegOEBhgdgeACGB2B4AIYHYHgAhgdgeACGB2B4AIYHGB6A4QEYHoDhARgegOEBGB6A4QEYHoDhAYYHYHgAhgdgeACGB2B4AIYHYHgAhgdgeIDhARgegOEBGB6A4QEYHoDhARgegOEBGB5geIYHGB6A4QEYHoDhARgegOEBGB6A4QEYHoDhAYYHYHgAhgdgeACGB2B4AIYHYHgAhgdgeIDhARgegOEBGB6A4QEYHoDhARgegOEBGB5geIYHGB6A4QEYHoDhARgegOEBGB6A4QEYHoDhAYYHYHgAhgdgeACGB2B4AIYHYHgAhgdgeIDhARgegOEBGB6A4QEYHoDhARgegOEBGB5geCIAhgdgeACGB2B4AIYHYHgAhgdgeACGB2B4gOEBGB6A4QEYHoDhARgegOEBGB6A4QEYHmB4AIYHYHgAhgdgeACGB2B4AIYHYHgAhgcYHoDhARgegOEBGB6A4QEYHoDhARgegOEBGB5geACGB2B4AIYHYHgAhgdgeACGB2B4AIYHGB6A4QEYHoDhARgegOEBGB6A4QEYHoDhAYYHYHgAhgdgeACGB2B4AIYHYHgAhgdgeACGBxgegOEBGB6A4QEYHoDhARgegOEBGB6A4QGGB2B4AIYHYHgAhgdgeACGB2B4AIYHYHiA4QEYHoDhARgegOEBGB6A4QEYHoDhARgegOEBhgdgeACGB2B4AIYHYHgAhgdgeACGB2B4gOEBGB6A4QEYHoDhARgegOEBGB6A4QEYHmB4AIYHYHgAhgdgeACGB2B4AIYHYHgAhgdgeIDhARgewFULsLnb2UNmayMAAAAASUVORK5CYII="
45
+ }
46
+ )
47
+ ] }),
48
+ /* @__PURE__ */ jsxs("g", { fill: "none", children: [
49
+ /* @__PURE__ */ jsxs("g", { stroke: "#ffa803", strokeLinecap: "round", strokeWidth: "2", children: [
50
+ /* @__PURE__ */ jsx("path", { d: "m675.754 107.508 17.706.62", strokeWidth: "1.99922" }),
51
+ /* @__PURE__ */ jsx("path", { d: "m684.297 116.671.62-17.706", strokeWidth: "1.99922" })
52
+ ] }),
53
+ /* @__PURE__ */ jsxs("g", { stroke: "#ffa803", strokeLinecap: "round", strokeWidth: "2", children: [
54
+ /* @__PURE__ */ jsx("path", { d: "M320.114 477.739h23.8" }),
55
+ /* @__PURE__ */ jsx("path", { d: "M332.016 489.641v-23.8" })
56
+ ] }),
57
+ /* @__PURE__ */ jsxs(
58
+ "g",
59
+ {
60
+ transform: "translate(824.62 467.483)",
61
+ stroke: theme.colors.border,
62
+ strokeWidth: "2",
63
+ children: [
64
+ /* @__PURE__ */ jsx("circle", { cx: "10.484", cy: "10.484", stroke: "none", r: "10.484" }),
65
+ /* @__PURE__ */ jsx("circle", { cx: "10.484", cy: "10.484", r: "9.484" })
66
+ ]
67
+ }
68
+ ),
69
+ /* @__PURE__ */ jsxs("g", { transform: "translate(128.575 262.437)", stroke: theme.colors.border, children: [
70
+ /* @__PURE__ */ jsx("circle", { cx: "18.518", cy: "18.518", stroke: "none", r: "18.518" }),
71
+ /* @__PURE__ */ jsx("circle", { cx: "18.518", cy: "18.518", r: "18.018" })
72
+ ] }),
73
+ /* @__PURE__ */ jsxs("g", { stroke: "#999", strokeLinecap: "round", strokeWidth: "2", children: [
74
+ /* @__PURE__ */ jsx("path", { d: "M69.975 465.398h7.96" }),
75
+ /* @__PURE__ */ jsx("path", { d: "M73.955 469.378v-7.96" })
76
+ ] }),
77
+ /* @__PURE__ */ jsxs("g", { stroke: "#999", strokeLinecap: "round", strokeWidth: "2", children: [
78
+ /* @__PURE__ */ jsx("path", { d: "M648.907 318.739h7.96" }),
79
+ /* @__PURE__ */ jsx("path", { d: "M652.887 322.719v-7.96" })
80
+ ] }),
81
+ /* @__PURE__ */ jsxs("g", { stroke: "#fff", strokeLinecap: "round", strokeWidth: "2", children: [
82
+ /* @__PURE__ */ jsx("path", { d: "M465.651 117.053h7.96" }),
83
+ /* @__PURE__ */ jsx("path", { d: "M469.631 121.033v-7.96" })
84
+ ] })
85
+ ] }),
86
+ /* @__PURE__ */ jsx(
87
+ "path",
88
+ {
89
+ d: "m751.66 444.998-1.246-2.674c7.014-26.383-29.792-52.125-52.19-36.447l-2.944-.256 1.652-18.972a1.476 1.476 0 0 1 1.6-1.343l20.821 1.813 11.837-21.088a68.849 68.849 0 0 1 31.1-28.849l23.453-10.95a6.661 6.661 0 0 1 9.45 6.617l-2.245 25.78a68.86 68.86 0 0 1-16.454 39.099l-15.751 18.353 8.834 18.928a1.474 1.474 0 0 1-.715 1.96Z",
90
+ fill: "#e8e8e8"
91
+ }
92
+ ),
93
+ /* @__PURE__ */ jsxs("g", { fill: "none", stroke: "#999", strokeLinecap: "round", children: [
94
+ /* @__PURE__ */ jsx("path", { d: "m722.993 423.166 21.21-31.597", strokeWidth: "1.00014" }),
95
+ /* @__PURE__ */ jsx("path", { d: "m725.053 440.485 21.21-31.597", strokeWidth: "1.00014" }),
96
+ /* @__PURE__ */ jsx("path", { d: "m706.528 428.92 21.21-31.596", strokeWidth: "1.00014" })
97
+ ] }),
98
+ /* @__PURE__ */ jsx("g", { transform: "rotate(-7 2029.333 -1042.204)", clipPath: "url(#a)", children: /* @__PURE__ */ jsx(
99
+ "g",
100
+ {
101
+ transform: "rotate(-9 -1085.014 288.63)",
102
+ opacity: ".2",
103
+ clipPath: "url(#b)",
104
+ children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("g", { clipPath: "url(#b)", children: /* @__PURE__ */ jsx("use", { href: "#noise" }) }) })
105
+ }
106
+ ) }),
107
+ /* @__PURE__ */ jsx(
108
+ "path",
109
+ {
110
+ d: "M422.412 223.36c161.985-57.21 300.936-76.08 310.36-42.155s-114.25 107.803-276.232 165.01-300.933 76.084-310.362 42.16S260.431 280.57 422.412 223.36Z",
111
+ fill: "#fff",
112
+ opacity: ".65"
113
+ }
114
+ ),
115
+ /* @__PURE__ */ jsx("g", { transform: "rotate(-7 1889.52 -2080.612)", clipPath: "url(#d)", children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx(
116
+ "g",
117
+ {
118
+ transform: "rotate(-9 -456.165 121.347)",
119
+ opacity: ".2",
120
+ clipPath: "url(#e)",
121
+ children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("g", { clipPath: "url(#e)", children: /* @__PURE__ */ jsx("use", { transform: "scale(.42)", href: "#noise" }) }) })
122
+ }
123
+ ) }) }),
124
+ /* @__PURE__ */ jsx(
125
+ "path",
126
+ {
127
+ d: "M385.481 207.963c68.101-24.051 126.523-31.987 130.483-17.723s-48.034 45.322-116.136 69.372-126.518 31.986-130.482 17.724 48.032-45.322 116.135-69.373Z",
128
+ fill: "#fff",
129
+ opacity: ".65"
130
+ }
131
+ ),
132
+ /* @__PURE__ */ jsxs("g", { transform: "rotate(-49.98 419.393 -792.484)", children: [
133
+ /* @__PURE__ */ jsx(
134
+ "circle",
135
+ {
136
+ cx: "17.754",
137
+ cy: "17.754",
138
+ r: "17.754",
139
+ transform: "translate(13.532)",
140
+ fill: "#e8e8e8"
141
+ }
142
+ ),
143
+ /* @__PURE__ */ jsx(
144
+ "path",
145
+ {
146
+ d: "M18.217 6.423s-21.823-3.762-13.99 2.81 33.362 19.35 50.034 20.415-5.038-9.351-5.038-9.351",
147
+ fill: "none",
148
+ stroke: "#999"
149
+ }
150
+ )
151
+ ] }),
152
+ /* @__PURE__ */ jsxs("g", { children: [
153
+ /* @__PURE__ */ jsx("g", { clipPath: "url(#f)", transform: "rotate(-8 461.388 84.355)", children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx(
154
+ "g",
155
+ {
156
+ opacity: ".2",
157
+ clipPath: "url(#g)",
158
+ transform: "rotate(12 1712.137 -532.838)",
159
+ children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("g", { clipPath: "url(#g)", children: /* @__PURE__ */ jsx("use", { transform: "scale(1.233)", href: "#noise" }) }) })
160
+ }
161
+ ) }) }),
162
+ /* @__PURE__ */ jsx(
163
+ "path",
164
+ {
165
+ d: "M60.604 80.276s-81.092-2.803-49.215 16.06 131.157 50.787 192.157 46.743-23.199-29.654-23.199-29.654",
166
+ fill: "none",
167
+ stroke: "#999",
168
+ strokeWidth: ".99971"
169
+ }
170
+ )
171
+ ] }),
172
+ /* @__PURE__ */ jsxs("g", { transform: "rotate(-12.04 892.385 -1268.729)", children: [
173
+ /* @__PURE__ */ jsxs("g", { children: [
174
+ /* @__PURE__ */ jsx(
175
+ "path",
176
+ {
177
+ d: "M121.43 294.248s-17.608-10.043-18.498 3.597 4.912 19.96 7.54 22.343 14.688 10.117 22.76-.048c.651-5.21-1.706-10.839-4.16-15.305a47.623 47.623 0 0 0-7.643-10.587Z",
178
+ fill: "#ffa803",
179
+ stroke: theme.colors.textDark,
180
+ strokeLinecap: "round",
181
+ strokeWidth: "2.499675"
182
+ }
183
+ ),
184
+ /* @__PURE__ */ jsx(
185
+ "path",
186
+ {
187
+ d: "M104.682 270.909c15.136 29.32 16.842 26.136 25.697 40.322s6.179 26.731 10.11 39.313 11.021 12.507 11.021 12.507 23.157-1.577 24.532-7.651-.212-9.965-2.145-15.268-5.317-12.688.017-18.195 16.403-5.536 24.5-13.996 7.446-14.676 12.529-15.587 10.436 4.137 17.4 5.37 16.219.991 21.496-3.019 1.765-16.041-2.648-18.857-7.629-2.868-14.423-6.936-10.187-12.975-12.159-25.499-2.313-11.852-5.275-24.829-49.893-65.825-49.893-65.825-7.1 11.156-28.464 19.857-56.982-.007-56.982-.007Z",
188
+ fill: "#ffa803",
189
+ stroke: theme.colors.textDark,
190
+ strokeLinecap: "round",
191
+ strokeLinejoin: "round",
192
+ strokeWidth: "2.500825"
193
+ }
194
+ ),
195
+ /* @__PURE__ */ jsx(
196
+ "path",
197
+ {
198
+ d: "M137.11 330.976s.856 33.03 16.558 32.188 26.265-6.003 23.395-14.646-5.936-16.49-5.936-16.49-7.93-7.85-13.522-4.413-8.899 3.5-9.762 2.076-6.448-10.779-9.705-9.665-1.028 10.95-1.028 10.95Z",
199
+ fill: "#f0f0f0"
200
+ }
201
+ ),
202
+ /* @__PURE__ */ jsx(
203
+ "path",
204
+ {
205
+ d: "M223.558 255.672a22.74 22.74 0 0 0 14.032 15.608c12.014 4.805 12.584 7.865 12.584 7.865s6.756 14.374-3.811 17.277-17.7 2.223-26.474-1.982-4.32-4.491-3.546-9.504 9.205-1.611 6.617-10.544.598-18.72.598-18.72Z",
206
+ fill: "#f0f0f0"
207
+ }
208
+ ),
209
+ /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx(
210
+ "path",
211
+ {
212
+ fill: "none",
213
+ stroke: theme.colors.textDark,
214
+ strokeLinecap: "round",
215
+ strokeWidth: "2.499675",
216
+ d: "m246.797 285.923 1.606 7.553"
217
+ }
218
+ ) }),
219
+ /* @__PURE__ */ jsx(
220
+ "path",
221
+ {
222
+ d: "M104.681 270.909c15.136 29.32 16.842 26.136 25.697 40.322s6.179 26.731 10.11 39.313 11.021 12.507 11.021 12.507 23.157-1.577 24.532-7.651-.212-9.965-2.145-15.268-5.317-12.689.017-18.195 16.403-5.537 24.5-13.996 7.446-14.676 12.529-15.587 10.436 4.137 17.4 5.37 16.219.991 21.496-3.019 1.764-16.041-2.648-18.857-7.629-2.868-14.424-6.936-10.186-12.976-12.158-25.5-2.313-11.852-5.275-24.828-49.893-65.825-49.893-65.825-6.87 11.156-28.234 19.856-55.728 3.323-55.728 3.323Z",
223
+ fill: "none",
224
+ stroke: theme.colors.textDark,
225
+ strokeLinecap: "round",
226
+ strokeLinejoin: "round",
227
+ strokeWidth: "2.500825"
228
+ }
229
+ ),
230
+ /* @__PURE__ */ jsx(
231
+ "path",
232
+ {
233
+ d: "M81.344 170.94c-12.566 11.988-7.622 41.898-5.743 63.331a95.916 95.916 0 0 0 11.405 37.29s3.502 6.19 9.557 3.104l13.352-6.805s6.838-3.744 3.599-9.81-4.061-7.087-5.192-10.188-1.405-11.635-1.405-11.635",
234
+ fill: "#ffa803",
235
+ stroke: theme.colors.textDark,
236
+ strokeLinecap: "round",
237
+ strokeWidth: "2.499675"
238
+ }
239
+ ),
240
+ /* @__PURE__ */ jsxs(
241
+ "g",
242
+ {
243
+ fill: "none",
244
+ stroke: theme.colors.textDark,
245
+ strokeLinecap: "round",
246
+ strokeWidth: "2.5",
247
+ children: [
248
+ /* @__PURE__ */ jsx("path", { d: "m155.784 354.788 1.606 7.553", strokeWidth: "2.499675" }),
249
+ /* @__PURE__ */ jsx("path", { d: "m165.494 352.723 1.606 7.553", strokeWidth: "2.499675" })
250
+ ]
251
+ }
252
+ ),
253
+ /* @__PURE__ */ jsx(
254
+ "path",
255
+ {
256
+ d: "M190.14 194.573s7.682 3.722 10.06 6.014 2.973 3.46 7.197 8.886 10.428.702 10.428.702 7.196-6.094 11.645-9.433 2.853-6.368 1.048-9.994-12.416-12.58-23.236-23.65-16.312-14.274-29.188-20.69-14.016-8.335-20.607-6.883c-4.035.889-1.518 12.925-4.66 13.879",
257
+ fill: "#ffa803",
258
+ stroke: theme.colors.textDark,
259
+ strokeLinecap: "round",
260
+ strokeWidth: "2.499675"
261
+ }
262
+ ),
263
+ /* @__PURE__ */ jsx(
264
+ "path",
265
+ {
266
+ d: "M196.642 193.401c-1.024 4.197 5.028 7.809 7.793 11.739s6.408 9.46 12.061 5.684a132.247 132.247 0 0 0 12.837-10.405s6.17-3.29.476-11.091-11.135-14.014-11.135-14.014-6.359-5.061-8.719 1.264 2.08 8.624-1.424 11.775-10.867.847-11.89 5.048Z",
267
+ fill: "#f0f0f0"
268
+ }
269
+ ),
270
+ /* @__PURE__ */ jsx(
271
+ "path",
272
+ {
273
+ d: "M104.168 242.41c4.172.756 4.997 7.623 7.415 11.67s5.928 9.523.286 13.083a129.719 129.719 0 0 1-14.451 7.36s-5.411 4.22-10.134-3.998-8.12-15.571-8.12-15.571-2.003-7.719 4.613-7.31 6.902 5.305 11.12 3.42 5.1-9.41 9.271-8.655Z",
274
+ fill: "#f0f0f0"
275
+ }
276
+ ),
277
+ /* @__PURE__ */ jsx(
278
+ "path",
279
+ {
280
+ d: "M81.344 170.94c-12.566 11.988-7.622 41.898-5.743 63.331a95.916 95.916 0 0 0 11.405 37.29s3.502 6.19 9.557 3.104l13.352-6.805s6.838-3.744 3.599-9.81-4.061-7.087-5.192-10.188-1.405-11.635-1.405-11.635",
281
+ fill: "none",
282
+ stroke: theme.colors.textDark,
283
+ strokeLinecap: "round",
284
+ strokeWidth: "2.499675"
285
+ }
286
+ ),
287
+ /* @__PURE__ */ jsx(
288
+ "path",
289
+ {
290
+ d: "M190.139 194.573s7.683 3.722 10.06 6.014 2.974 3.461 7.198 8.886 10.426.7 10.426.7 7.196-6.095 11.645-9.433 2.852-6.369 1.048-9.994-11.707-12.445-22.524-23.519-16.311-14.274-29.188-20.69-15.734-6.422-22.324-4.97c-4.036.889-.513 10.883-3.653 11.837",
291
+ fill: "none",
292
+ stroke: theme.colors.textDark,
293
+ strokeLinecap: "round",
294
+ strokeWidth: "2.499675"
295
+ }
296
+ ),
297
+ /* @__PURE__ */ jsxs(
298
+ "g",
299
+ {
300
+ fill: "none",
301
+ stroke: theme.colors.textDark,
302
+ strokeLinecap: "round",
303
+ strokeWidth: "2.5",
304
+ children: [
305
+ /* @__PURE__ */ jsx("path", { d: "m222.674 194.507 4.648 6.167", strokeWidth: "2.499675" }),
306
+ /* @__PURE__ */ jsx("path", { d: "m214.746 200.483 4.648 6.166", strokeWidth: "2.499675" })
307
+ ]
308
+ }
309
+ ),
310
+ /* @__PURE__ */ jsxs(
311
+ "g",
312
+ {
313
+ fill: "none",
314
+ stroke: theme.colors.textDark,
315
+ strokeLinecap: "round",
316
+ strokeWidth: "2.5",
317
+ children: [
318
+ /* @__PURE__ */ jsx("path", { d: "m95.17 264.92 3.506 6.88", strokeWidth: "2.499675" }),
319
+ /* @__PURE__ */ jsx("path", { d: "m104.015 260.413 3.507 6.88", strokeWidth: "2.499675" })
320
+ ]
321
+ }
322
+ ),
323
+ /* @__PURE__ */ jsx(
324
+ "path",
325
+ {
326
+ d: "M90.828 174.45a49.202 49.202 0 0 0 19.327 33.761c18.09 13.357 19.778 27.187 29.318 44.59s31.845 41.588 44.534 39.243 18.935-17.305 20.81-27.12 6.786-25.037-3.215-36.985-25.275-27.14-24.908-40.098-9.174-35.61-31-35.92-54.866 22.529-54.866 22.529Z",
327
+ fill: "#f0f0f0"
328
+ }
329
+ ),
330
+ /* @__PURE__ */ jsxs("g", { children: [
331
+ /* @__PURE__ */ jsx(
332
+ "path",
333
+ {
334
+ d: "m79.827 94.477 29.093-13.419s3.096-25.466 9.802-26.063 16.966 9.512 17.753 31.65c0 0 10.363 3.913 18.695 15.984s5.45 32.67-3.859 47.327-27.177 20.613-27.177 20.613-22.118 7.074-40.778-3.192-23.276-24.655-18.095-42.459c0 0-22.386-30.643-16.25-36.979s27.752 5.79 30.816 6.538Z",
335
+ fill: "#f0f0f0",
336
+ stroke: theme.colors.textDark,
337
+ strokeLinejoin: "round",
338
+ strokeWidth: "2.499375"
339
+ }
340
+ ),
341
+ /* @__PURE__ */ jsx(
342
+ "path",
343
+ {
344
+ d: "M107.391 172.94c.134-.218.231-.38.332-.561a33.158 33.158 0 0 0 4.435.31h.372a65.062 65.062 0 0 1-5.139.25Zm13.94-1.635a44.373 44.373 0 0 0 3.372-1.171 87.804 87.804 0 0 0 14.511-7.746c.427-.271.846-.55 1.246-.825a63.794 63.794 0 0 1-11.225 6.861 49.887 49.887 0 0 1-5.091 2.143H124.126c-.111.035-1.14.353-2.798.735Zm-51.318-14.542a29.966 29.966 0 0 1-4.292-6.962 28.952 28.952 0 0 1-2.135-7.643 35.28 35.28 0 0 1-.106-8.298 49.932 49.932 0 0 1 1.79-8.939v-.005c-.233-.32-5.76-7.95-10.423-16.108A71.299 71.299 0 0 1 48.97 96.39c-1.368-4.163-1.35-7.006.049-8.45 1.171-1.212 3.008-1.826 5.457-1.826 6.476 0 15.762 4.179 21.311 6.675h.008l.025.011a36.009 36.009 0 0 0 4.007 1.673l29.093-13.419v-.008a119.953 119.953 0 0 1 2.387-12.797 45.289 45.289 0 0 1 3.056-8.93c1.363-2.733 2.83-4.188 4.361-4.324.17-.017.36-.025.57-.025a9.717 9.717 0 0 1 5.403 1.922 20.67 20.67 0 0 1 5.413 5.844c2.664 4.143 5.93 11.655 6.366 23.909a31.015 31.015 0 0 1 4.868 2.574 47.648 47.648 0 0 1 10.518 9.122 20.636 20.636 0 0 0-11.53 10.962 82.593 82.593 0 0 1-9.817 13.888 62.011 62.011 0 0 1-4.879 5.038l-3.94 7.676a10.847 10.847 0 0 0-5.835-2.264 5.199 5.199 0 0 0-4.321 2.264c-.867 1.163-2.546 2.189-4.993 3.05a43.297 43.297 0 0 1-7.278 1.737 87.16 87.16 0 0 1-9.42.963 20.572 20.572 0 0 0-19.833 15.109Zm25.33-41.765c-1.249 0-2.435.332-2.647.74-.3.571-1.279.807-2.907 1.199-.54.13-1.154.277-1.836.458-2.261.6-2.348 1.51-2.48 2.883-.027.284-.056.578-.1.9a.986.986 0 0 0 .183.826 1.75 1.75 0 0 0 1.362.428 6.651 6.651 0 0 0 1.385-.168 90.177 90.177 0 0 1 8.866-2.383 1.852 1.852 0 0 0 1.614-1.036c.336-.884-.263-2.187-1.005-3.086a3.215 3.215 0 0 0-2.435-.76Zm-38.49-23.556c-1.655 0-2.606.5-2.826 1.5-.517 2.326 1.141 7.076 4.223 12.097 3.277 5.34 7.249 9.54 10.626 11.237l.007-.01a46.207 46.207 0 0 0 2.644-4.399c2.045-3.937 1.99-5.727 1.586-6.536a1.75 1.75 0 0 1 .487-2.466c.3-.277.576-.54.572-.89s-.283-.754-.874-1.274a2.8 2.8 0 0 1-1.177-2.215 2.65 2.65 0 0 1 1.106-1.792l-.03-.014a97.524 97.524 0 0 0-6.229-2.634c-3.116-1.19-7.398-2.61-10.113-2.61Zm58.478 10.085c-.37 0-1 .56-1.573 1.4-.632.927-1.192 2.218-.863 3.057.349.887 1.245 2.387 2.4 2.387a1.982 1.982 0 0 0 1.499-.924 90.326 90.326 0 0 1 6.382-6.598c.014-.015 1.362-1.483 1.134-2.432a.948.948 0 0 0-.663-.66c-.3-.107-.56-.222-.815-.333l-.02-.01a4.045 4.045 0 0 0-1.566-.458 3.138 3.138 0 0 0-2.16 1.23c-.492.51-.917.974-1.292 1.384-1.118 1.222-1.794 1.96-2.431 1.96h-.034Zm3.761-19.995a1.76 1.76 0 0 1 1.524 1.068c.558.95 2.168 1.635 4.785 2.037a40.173 40.173 0 0 0 5.716.383c.37 0 .694 0 .963-.012h.02c.419-3.753-.94-9.373-3.634-15.03-2.53-5.32-5.617-9.298-7.85-10.132a1.666 1.666 0 0 0-.583-.109c-.988 0-1.956.96-2.876 2.853a33.255 33.255 0 0 0-2.109 6.276c-1.067 4.276-1.67 8.634-1.736 9.117v.012h.007a3.053 3.053 0 0 1 1.064-.2c.863 0 1.954.424 2.25 2.445.2 1.359.623 1.542 1.008 1.542a2.732 2.732 0 0 0 .624-.106H118.283l.043-.011a3.116 3.116 0 0 1 .766-.13Zm4.767 69.582c-2.324 0-4.044-.53-4.282-1.318-.145-.48.246-1.044 1.13-1.633a5.732 5.732 0 0 0 2.275-2.973 8.967 8.967 0 0 0 .4-3.472 14.743 14.743 0 0 0-.876-4.084 13.14 13.14 0 0 0 7.106 2.522 7.505 7.505 0 0 0 4.221-1.259 6.35 6.35 0 0 0 1.391-1.248v-.005a.007.007 0 0 1 0 .007v.01a21.027 21.027 0 0 1-.264 4.375c-.373 2.2-1.3 5.198-3.589 6.98-1.99 1.549-5.187 2.102-7.512 2.102Z",
345
+ fill: "#ffa803"
346
+ }
347
+ ),
348
+ /* @__PURE__ */ jsx(
349
+ "path",
350
+ {
351
+ d: "M132.106 85.011c.916-8.278-6.791-23.41-11.49-25.165s-7.305 18.149-7.305 18.149 2.815-1.2 3.322 2.241 2.375-.37 3.984 2.368 11.489 2.407 11.489 2.407Z",
352
+ fill: "#fafafa",
353
+ stroke: theme.colors.textDark,
354
+ strokeLinejoin: "round",
355
+ strokeWidth: "2.499375"
356
+ }
357
+ ),
358
+ /* @__PURE__ */ jsx(
359
+ "path",
360
+ {
361
+ d: "M68.876 116.282c-7.444-3.738-15.937-18.443-14.85-23.339s19.2 3.757 19.2 3.757-2.54 1.708.07 4.007-1.603 1.791-.184 4.63-4.236 10.945-4.236 10.945Z",
362
+ fill: "#fafafa",
363
+ stroke: theme.colors.textDark,
364
+ strokeLinejoin: "round",
365
+ strokeWidth: "2.499375"
366
+ }
367
+ ),
368
+ /* @__PURE__ */ jsx(
369
+ "path",
370
+ {
371
+ fill: "none",
372
+ stroke: theme.colors.textDark,
373
+ strokeLinecap: "round",
374
+ strokeWidth: "2.499375",
375
+ d: "m130.616 154.617 5.416-3.696"
376
+ }
377
+ ),
378
+ /* @__PURE__ */ jsxs(
379
+ "g",
380
+ {
381
+ transform: "rotate(-54 168.47 -60.769)",
382
+ fill: "#f0f0f0",
383
+ stroke: theme.colors.textDark,
384
+ strokeWidth: "2",
385
+ children: [
386
+ /* @__PURE__ */ jsx(
387
+ "ellipse",
388
+ {
389
+ cx: "6.878",
390
+ cy: "4.991",
391
+ rx: "6.878",
392
+ ry: "4.991",
393
+ stroke: "none"
394
+ }
395
+ ),
396
+ /* @__PURE__ */ jsx(
397
+ "ellipse",
398
+ {
399
+ cx: "6.878",
400
+ cy: "4.991",
401
+ rx: "5.878",
402
+ ry: "3.991",
403
+ fill: "none"
404
+ }
405
+ )
406
+ ]
407
+ }
408
+ ),
409
+ /* @__PURE__ */ jsxs(
410
+ "g",
411
+ {
412
+ transform: "rotate(-14 555.297 -289.22)",
413
+ fill: "#f0f0f0",
414
+ stroke: theme.colors.textDark,
415
+ strokeWidth: "2",
416
+ children: [
417
+ /* @__PURE__ */ jsx(
418
+ "ellipse",
419
+ {
420
+ cx: "7.063",
421
+ cy: "5.043",
422
+ rx: "7.063",
423
+ ry: "5.043",
424
+ stroke: "none"
425
+ }
426
+ ),
427
+ /* @__PURE__ */ jsx(
428
+ "ellipse",
429
+ {
430
+ cx: "7.063",
431
+ cy: "5.043",
432
+ rx: "6.063",
433
+ ry: "4.043",
434
+ fill: "none"
435
+ }
436
+ )
437
+ ]
438
+ }
439
+ ),
440
+ /* @__PURE__ */ jsx(
441
+ "path",
442
+ {
443
+ d: "M70.475 158.89c-.27 1.685-1.664 8.657 3.114 13.796s15.267 7.097 39.302 13.708 22.969 16.997 24.528 17.644 11.358-6.758 17.637-30.855 10.216-35.391 6.144-39.724-5.326 15.456-17.6 25.38c-6.383 5.16-19.002 13.202-32.415 13.65-11.895.396-24.865-.702-40.709-13.6",
444
+ fill: "#f0f0f0",
445
+ stroke: theme.colors.textDark,
446
+ strokeLinecap: "round",
447
+ strokeLinejoin: "round",
448
+ strokeWidth: "2.499375"
449
+ }
450
+ ),
451
+ /* @__PURE__ */ jsx(
452
+ "path",
453
+ {
454
+ d: "M112.617 135.99c-2.364-1.634-1.093-3.002.005-3.84a54.612 54.612 0 0 1 4.817-2.781 54.76 54.76 0 0 1 4.498-3.272c1.213-.661 2.98-1.267 3.516 1.556a7.878 7.878 0 0 1-3.499 8.285l-.058.038-.118.076a7.895 7.895 0 0 1-9.16-.061Z",
455
+ fill: theme.colors.textDark,
456
+ stroke: theme.colors.textDark,
457
+ strokeWidth: "2.400528"
458
+ }
459
+ ),
460
+ /* @__PURE__ */ jsx(
461
+ "path",
462
+ {
463
+ d: "M121.663 136.431s7.401 12.625-8.855 14.486",
464
+ fill: "none",
465
+ stroke: theme.colors.textDark,
466
+ strokeLinecap: "round",
467
+ strokeLinejoin: "round",
468
+ strokeWidth: "2.4984"
469
+ }
470
+ ),
471
+ /* @__PURE__ */ jsx(
472
+ "path",
473
+ {
474
+ d: "M122.032 136.422s9.917 10.78 16.458-4.236",
475
+ fill: "none",
476
+ stroke: theme.colors.textDark,
477
+ strokeLinecap: "round",
478
+ strokeLinejoin: "round",
479
+ strokeWidth: "2.50085"
480
+ }
481
+ ),
482
+ /* @__PURE__ */ jsx(
483
+ "path",
484
+ {
485
+ d: "m79.827 94.477 29.093-13.419s3.096-25.466 9.802-26.063 16.966 9.512 17.753 31.65c0 0 10.363 3.913 18.695 15.984s5.45 32.67-3.859 47.327-27.177 20.613-27.177 20.613-22.118 7.074-40.778-3.192-23.276-24.655-18.095-42.459c0 0-22.386-30.643-16.25-36.979s27.752 5.79 30.816 6.538Z",
486
+ fill: "none",
487
+ stroke: theme.colors.textDark,
488
+ strokeLinejoin: "round",
489
+ strokeWidth: "2.499375"
490
+ }
491
+ )
492
+ ] }),
493
+ /* @__PURE__ */ jsxs(
494
+ "g",
495
+ {
496
+ fill: "none",
497
+ stroke: theme.colors.textDark,
498
+ strokeWidth: "2.5",
499
+ transform: "rotate(-12.04 203.906 21.567)",
500
+ children: [
501
+ /* @__PURE__ */ jsx("circle", { cx: "83.425", cy: "83.425", stroke: "none", r: "83.425" }),
502
+ /* @__PURE__ */ jsx("circle", { cx: "83.425", cy: "83.425", r: "82.175" })
503
+ ]
504
+ }
505
+ ),
506
+ /* @__PURE__ */ jsx(
507
+ "path",
508
+ {
509
+ d: "M32.125 86.01s9.728-25.828 30.045-37.313",
510
+ fill: "none",
511
+ stroke: theme.colors.textDark,
512
+ strokeLinecap: "round",
513
+ strokeWidth: "2.499675"
514
+ }
515
+ )
516
+ ] }),
517
+ /* @__PURE__ */ jsx(
518
+ "circle",
519
+ {
520
+ cx: "2.867",
521
+ cy: "2.867",
522
+ transform: "translate(125.986 105.849)",
523
+ fill: theme.colors.textDark,
524
+ r: "2.867"
525
+ }
526
+ ),
527
+ /* @__PURE__ */ jsx(
528
+ "circle",
529
+ {
530
+ cx: "2.867",
531
+ cy: "2.867",
532
+ transform: "translate(93.095 127.205)",
533
+ fill: theme.colors.textDark,
534
+ r: "2.867"
535
+ }
536
+ )
537
+ ] })
538
+ ] });
539
+ }
540
+ export {
541
+ DogeSpace as default
542
+ };
@@ -1,7 +1,8 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
+ import { lazy } from "react";
2
3
  import { useTranslation } from "react-i18next";
3
- import DogeSpace from "./404.svg.js";
4
- import ErrorPage from "../ErrorPage/ErrorPage.js";
4
+ import { ErrorPage } from "../ErrorPage/ErrorPage.js";
5
+ const DogeSpace = lazy(() => import("./DogeSpace.js"));
5
6
  const NotFound = () => {
6
7
  const { t } = useTranslation(void 0, { keyPrefix: "errors.notFound" });
7
8
  return /* @__PURE__ */ jsx(
@@ -9,8 +10,7 @@ const NotFound = () => {
9
10
  {
10
11
  code: t("code"),
11
12
  title: t("title"),
12
- backgroundLabel: t("image_description"),
13
- background: `url(${DogeSpace})`
13
+ image: /* @__PURE__ */ jsx(DogeSpace, { title: t("image_description") })
14
14
  }
15
15
  );
16
16
  };
@@ -14,7 +14,7 @@ import GenericError from "./GenericError/GenericError.js";
14
14
  const RootRoute = () => {
15
15
  const { services } = useHvAppShellModel();
16
16
  const { providers } = useHvAppShellCombinedProviders();
17
- return /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(GenericError, { fullPage: true }), children: /* @__PURE__ */ jsx(ServiceManagerProvider, { config: { services }, children: /* @__PURE__ */ jsx(CombinedProviders, { providers, children: /* @__PURE__ */ jsx(NavigationProvider, { children: /* @__PURE__ */ jsxs(BannerProvider, { children: [
17
+ return /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(GenericError, {}), children: /* @__PURE__ */ jsx(ServiceManagerProvider, { config: { services }, children: /* @__PURE__ */ jsx(CombinedProviders, { providers, children: /* @__PURE__ */ jsx(NavigationProvider, { children: /* @__PURE__ */ jsxs(BannerProvider, { children: [
18
18
  /* @__PURE__ */ jsx(CustomHooksInitializer, {}),
19
19
  /* @__PURE__ */ jsx(HvAppShellLayout, { children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingPage, {}), children: /* @__PURE__ */ jsx(Outlet, {}) }) })
20
20
  ] }) }) }) }) });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hitachivantara/app-shell-ui",
3
- "version": "2.2.1",
3
+ "version": "2.2.3",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "author": "Hitachi Vantara UI Kit Team",
@@ -18,12 +18,12 @@
18
18
  "@emotion/css": "^11.10.5",
19
19
  "@emotion/react": "^11.10.5",
20
20
  "@emotion/styled": "^11.10.5",
21
- "@hitachivantara/app-shell-events": "^2.0.2",
22
- "@hitachivantara/app-shell-navigation": "^2.1.6",
21
+ "@hitachivantara/app-shell-events": "^2.0.3",
22
+ "@hitachivantara/app-shell-navigation": "^2.1.8",
23
23
  "@hitachivantara/app-shell-services": "^2.0.2",
24
- "@hitachivantara/app-shell-shared": "^2.2.1",
25
- "@hitachivantara/uikit-react-core": "^6.4.3",
26
- "@hitachivantara/uikit-react-icons": "^6.0.2",
24
+ "@hitachivantara/app-shell-shared": "^2.2.3",
25
+ "@hitachivantara/uikit-react-core": "^6.6.0",
26
+ "@hitachivantara/uikit-react-icons": "^6.0.3",
27
27
  "@mui/material": "^7.0.2",
28
28
  "i18next": "^24.2.2",
29
29
  "i18next-browser-languagedetector": "^8.0.3",
@@ -44,7 +44,7 @@
44
44
  "access": "public",
45
45
  "directory": "package"
46
46
  },
47
- "gitHead": "fe1e806628c08552c969d2b99d3d2e977be12b21",
47
+ "gitHead": "a80406b1865bb35a4e5c23e1c4fa2e7266f77f4e",
48
48
  "exports": {
49
49
  ".": {
50
50
  "types": "./dist/index.d.ts",
@@ -1,41 +0,0 @@
1
- import styled from "@emotion/styled";
2
- import { theme } from "@hitachivantara/uikit-react-core";
3
- const calcHeight = ({
4
- showHeaderSubMenu,
5
- isCompactMode,
6
- fullPage
7
- }) => {
8
- if (fullPage) {
9
- return `100vh`;
10
- }
11
- if (showHeaderSubMenu && !isCompactMode) {
12
- return `calc(100vh - (${theme.header.height} + ${theme.header.secondLevelHeight}px + ${theme.space.lg} + ${theme.space.lg}))`;
13
- }
14
- return `calc(100vh - (${theme.header.height} + ${theme.space.lg} + ${theme.space.lg}))`;
15
- };
16
- const StyledErrorPage = styled("div")(
17
- {
18
- flex: 1,
19
- display: "flex",
20
- flexDirection: "column",
21
- marginTop: theme.space.lg
22
- },
23
- (props) => ({ height: calcHeight(props) })
24
- );
25
- const StyledImageWrapper = styled("div")({
26
- flex: 1,
27
- display: "flex",
28
- backgroundSize: "contain",
29
- backgroundPosition: "center center",
30
- backgroundRepeat: "no-repeat",
31
- flexDirection: "column",
32
- height: "100%"
33
- });
34
- const StyledTitleWrapper = styled("div")({
35
- textAlign: "center"
36
- });
37
- export {
38
- StyledErrorPage,
39
- StyledImageWrapper,
40
- StyledTitleWrapper
41
- };