@canmingir/link 1.2.26 → 1.2.30
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/package.json +9 -5
- package/src/Platform.jsx +1 -0
- package/src/assets/illustrations/avatar-shape.jsx +6 -7
- package/src/assets/illustrations/booking-illustration.jsx +4 -14
- package/src/assets/illustrations/check-in-illustration.jsx +4 -10
- package/src/assets/illustrations/check-out-illustration.jsx +4 -3
- package/src/assets/illustrations/coming-soon-illustration.jsx +4 -17
- package/src/assets/illustrations/forbidden-illustration.jsx +4 -12
- package/src/assets/illustrations/maintenance-illustration.jsx +4 -24
- package/src/assets/illustrations/motivation-illustration.jsx +4 -9
- package/src/assets/illustrations/order-complete-illustration.jsx +4 -12
- package/src/assets/illustrations/page-not-found-illustration.jsx +4 -9
- package/src/assets/illustrations/seo-illustration.jsx +4 -16
- package/src/assets/illustrations/sever-error-illustration.jsx +4 -21
- package/src/assets/illustrations/upgrade-storage-illustration.jsx +4 -20
- package/src/assets/illustrations/upload-illustration.jsx +4 -81
- package/src/components/TopNavBar/TopNavBar.jsx +6 -2
- package/src/components/file-thumbnail/file-thumbnail.jsx +5 -6
- package/src/components/label/label.jsx +0 -4
- package/src/components/nav-section/horizontal/nav-section-horizontal.jsx +5 -6
- package/src/components/settings/drawer/layout-options.jsx +5 -4
- package/src/components/settings/drawer/presets-options.jsx +6 -5
- package/src/components/settings/drawer/settings-drawer.jsx +7 -4
- package/src/components/settings/drawer/stretch-options.jsx +5 -5
- package/src/hooks/index.js +2 -1
- package/src/hooks/use-beta.js +8 -0
- package/src/layouts/DashboardLayout/header.jsx +5 -4
- package/src/layouts/DashboardLayout/nav-mini.jsx +5 -7
- package/src/layouts/DashboardLayout/nav-vertical.jsx +11 -11
- package/src/layouts/FullScreenLayout/FullScreenLayout.jsx +5 -1
- package/src/layouts/FullScreenLayout/nav-vertical.jsx +11 -11
- package/src/layouts/MainLayout/footer.jsx +7 -7
- package/src/layouts/MainLayout/header.jsx +3 -2
- package/src/layouts/MainLayout/nav/desktop/nav-list.jsx +8 -8
- package/src/layouts/MainLayout/nav/mobile/index.jsx +7 -6
- package/src/layouts/TwoSideLayout/TwoSideLayout.jsx +9 -3
- package/src/layouts/auth/classic.jsx +6 -6
- package/src/layouts/auth/modern.jsx +3 -4
- package/src/layouts/common/ProjectBar/index.jsx +13 -11
- package/src/layouts/common/header-sim.jsx +3 -2
- package/src/layouts/common/header-simple.jsx +6 -3
- package/src/layouts/common/notifications-popover/index.jsx +18 -13
- package/src/layouts/common/notifications-popover/notification-item.jsx +28 -16
- package/src/lib/APIPath/APIPath.jsx +2 -2
- package/src/lib/APITree/APITree.jsx +3 -1
- package/src/lib/AddItemWizard/AddItemWizard.jsx +21 -10
- package/src/lib/CustomBreadcrumbs/CustomBreadcrumbs.jsx +3 -2
- package/src/lib/Flow/layouts/CardLayout.jsx +4 -3
- package/src/lib/Flow/nodes/DefaultCard.jsx +6 -8
- package/src/lib/IconSelector/IconSelector.jsx +5 -1
- package/src/lib/ItemSummary/ItemSummary.jsx +11 -6
- package/src/lib/ItemSummary/ItemsSummary.jsx +38 -26
- package/src/lib/Label/Label.jsx +0 -4
- package/src/lib/ResourceMenu/ResourceMenu.jsx +3 -1
- package/src/lib/SparkleInput/SparkleInput.jsx +31 -28
- package/src/lib/TableSelectedAction/TableSelectedAction.jsx +7 -8
- package/src/pages/ConfigError.jsx +3 -1
- package/src/theme/index.jsx +47 -48
- package/src/theme/overrides/components/loading-button.js +5 -5
- package/src/theme/overrides/default-props.jsx +17 -11
- package/src/widgets/Login/CognitoLogin.jsx +61 -53
- package/src/widgets/Login/DemoLogin.jsx +34 -31
- package/src/widgets/SettingsDialog.jsx +62 -19
|
@@ -20,27 +20,25 @@ function PageNotFoundIllustration({ ...other }) {
|
|
|
20
20
|
return (
|
|
21
21
|
<Box
|
|
22
22
|
component="svg"
|
|
23
|
-
width="100%"
|
|
24
|
-
height="100%"
|
|
25
23
|
viewBox="0 0 480 360"
|
|
26
24
|
xmlns="http://www.w3.org/2000/svg"
|
|
27
25
|
{...other}
|
|
28
|
-
|
|
26
|
+
sx={[{
|
|
27
|
+
width: "100%",
|
|
28
|
+
height: "100%"
|
|
29
|
+
}, ...(Array.isArray(other.sx) ? other.sx : [other.sx])]}>
|
|
29
30
|
<BackgroundShape />
|
|
30
|
-
|
|
31
31
|
<image
|
|
32
32
|
href="/assets/illustrations/characters/character_6.png"
|
|
33
33
|
height="300"
|
|
34
34
|
x="205"
|
|
35
35
|
y="30"
|
|
36
36
|
/>
|
|
37
|
-
|
|
38
37
|
<path
|
|
39
38
|
fill="#FFAB00"
|
|
40
39
|
d="M111.1 141.2c58.7-1 58.6-88.3 0-89.2-58.6 1-58.6 88.3 0 89.2z"
|
|
41
40
|
opacity="0.12"
|
|
42
41
|
/>
|
|
43
|
-
|
|
44
42
|
<path
|
|
45
43
|
fill="#FFD666"
|
|
46
44
|
d="M111.1 120c30.8-.5 30.8-46.3 0-46.8-30.8.5-30.8 46.3 0 46.8z"
|
|
@@ -49,18 +47,15 @@ function PageNotFoundIllustration({ ...other }) {
|
|
|
49
47
|
fill={PRIMARY_DARKER}
|
|
50
48
|
d="M244.9 182.5c82.3 1.4 82.2 123.8 0 125.2-82.3-1.5-82.3-123.8 0-125.2zm0 23.1c-51.8.9-51.8 77.9 0 78.8 51.8-.9 51.7-77.9 0-78.8z"
|
|
51
49
|
/>
|
|
52
|
-
|
|
53
50
|
<path
|
|
54
51
|
fill="url(#paint0_linear_1_119)"
|
|
55
52
|
d="M175 265.6c1-8.7-12.1-4.8-17-5.6v-66.6c0-4.5-1.5-5.6-5.6-5.6-5.3.3-13.8-1.4-17.1 4l-55 68.3c-2.7 3.3-1.8 8.8-2 12.8 0 4.1 1.5 5.6 5.6 5.6h54.7v21.7c-.9 7.9 9.1 5.2 13.7 5.6 4.1 0 5.6-1.5 5.6-5.6v-21.7c13.8-1.1 18.1 4.5 17.1-12.9zm-72.5-5.6l36-44.4V260h-36zm309.1 5.6c1-8.7-12.2-4.8-17.1-5.6v-66.6c0-4.5-1.5-5.6-5.6-5.6-5.3.3-13.7-1.4-17.1 4l-55 68.3c-2.7 3.3-1.9 8.8-2 12.8 0 4.1 1.5 5.6 5.6 5.6h54.7v21.7c-.9 7.9 9.1 5.2 13.7 5.6 4.1 0 5.6-1.5 5.6-5.6v-21.7c14.1-1.1 18.2 4.5 17.2-12.9zm-72.4-5.6l36-44.4V260h-36z"
|
|
56
53
|
/>
|
|
57
|
-
|
|
58
54
|
<path
|
|
59
55
|
fill={PRIMARY_MAIN}
|
|
60
56
|
d="M425.6 118.2c0-5-4.6-9-9.6-8.2-2-3.7-6-6-10.2-5.9 4.3-21.4-30-21.4-25.7 0-8.7-.8-15.1 9.4-10.4 16.8 2.1 3.5 5.9 5.6 10 5.5h38.7v-.1c4.1-.4 7.2-3.9 7.2-8.1zM104.3 200c.1-4.2-4.1-7.8-8.2-7-1.7-3.2-5.1-5.1-8.8-5 3.8-18.4-25.8-18.4-22 0-7.4-.7-12.9 8.1-8.9 14.4 1.8 3 5.1 4.8 8.6 4.7h33.2v-.1c3.4-.4 6.1-3.4 6.1-7z"
|
|
61
57
|
opacity="0.08"
|
|
62
58
|
/>
|
|
63
|
-
|
|
64
59
|
<defs>
|
|
65
60
|
<linearGradient
|
|
66
61
|
id="paint0_linear_1_119"
|
|
@@ -16,14 +16,14 @@ function SeoIllustration({ ...other }) {
|
|
|
16
16
|
return (
|
|
17
17
|
<Box
|
|
18
18
|
component="svg"
|
|
19
|
-
width="100%"
|
|
20
|
-
height="100%"
|
|
21
19
|
viewBox="0 0 480 360"
|
|
22
20
|
xmlns="http://www.w3.org/2000/svg"
|
|
23
21
|
{...other}
|
|
24
|
-
|
|
22
|
+
sx={[{
|
|
23
|
+
width: "100%",
|
|
24
|
+
height: "100%"
|
|
25
|
+
}, ...(Array.isArray(other.sx) ? other.sx : [other.sx])]}>
|
|
25
26
|
<BackgroundShape />
|
|
26
|
-
|
|
27
27
|
<path
|
|
28
28
|
fill={PRIMARY_DARK}
|
|
29
29
|
fillRule="evenodd"
|
|
@@ -31,32 +31,26 @@ function SeoIllustration({ ...other }) {
|
|
|
31
31
|
clipRule="evenodd"
|
|
32
32
|
opacity="0.24"
|
|
33
33
|
/>
|
|
34
|
-
|
|
35
34
|
<path
|
|
36
35
|
fill="#fff"
|
|
37
36
|
d="M47.943 122.571L96.231 273.55a11.4 11.4 0 0011.786 7.805l63.326-5.36 148.013-12.644a11.316 11.316 0 009.904-7.823c.456-1.421.627-2.918.503-4.405a12.314 12.314 0 00-.729-3.122l-11.838-31.221-21.412-57.238-16.599-44.23a11.37 11.37 0 00-10.641-7.362H58.741a11.345 11.345 0 00-11.344 11.343c.016 1.114.2 2.219.546 3.278z"
|
|
38
37
|
/>
|
|
39
|
-
|
|
40
38
|
<path
|
|
41
39
|
fill="#fff"
|
|
42
40
|
d="M47.943 122.571L96.231 273.55a11.4 11.4 0 0011.786 7.805l63.326-5.36 148.013-12.644a11.316 11.316 0 009.904-7.823c.456-1.421.627-2.918.503-4.405a12.314 12.314 0 00-.729-3.122l-11.838-31.221-21.412-57.238-16.599-44.23a11.37 11.37 0 00-10.641-7.362H58.741a11.345 11.345 0 00-11.344 11.343c.016 1.114.2 2.219.546 3.278z"
|
|
43
41
|
/>
|
|
44
|
-
|
|
45
42
|
<path
|
|
46
43
|
fill="url(#paint0_linear_1_51)"
|
|
47
44
|
d="M170.575 276.06l-62.558 5.295a11.4 11.4 0 01-11.785-7.805L47.942 122.571a11.028 11.028 0 01-.546-3.278A11.34 11.34 0 0158.74 107.95h57.453l54.382 168.11z"
|
|
48
45
|
/>
|
|
49
|
-
|
|
50
46
|
<path
|
|
51
47
|
fill="#F4F6F8"
|
|
52
48
|
d="M227.879 191.221c2.613-.162 4.368-2.749 3.553-5.237l-8.483-25.895a4.002 4.002 0 00-3.993-2.75l-61.621 2.961c-2.666.128-4.461 2.782-3.588 5.304l9.248 26.717a3.999 3.999 0 004.028 2.683l60.856-3.783z"
|
|
53
49
|
/>
|
|
54
|
-
|
|
55
50
|
<path
|
|
56
51
|
fill="#DFE3E8"
|
|
57
52
|
d="M244.879 239.221c2.613-.162 4.368-2.749 3.553-5.237l-8.483-25.895a4.002 4.002 0 00-3.993-2.75l-61.621 2.961c-2.666.128-4.461 2.782-3.588 5.304l9.248 26.717a3.999 3.999 0 004.028 2.683l60.856-3.783z"
|
|
58
53
|
/>
|
|
59
|
-
|
|
60
54
|
<g filter="url(#filter0_f_1_51)" opacity="0.4">
|
|
61
55
|
<path
|
|
62
56
|
fill="#919EAB"
|
|
@@ -67,12 +61,10 @@ function SeoIllustration({ ...other }) {
|
|
|
67
61
|
fill="#fff"
|
|
68
62
|
d="M330.082 174.424l-16.495-46.701a4.03 4.03 0 00-3.512-2.732l-69.518-4.111a3.676 3.676 0 00-3.061 1.481 3.663 3.663 0 00-.53 3.358l15.949 52.92a4.057 4.057 0 003.902 2.966l70.091-2.108a3.663 3.663 0 002.898-1.716 3.667 3.667 0 00.276-3.357z"
|
|
69
63
|
/>
|
|
70
|
-
|
|
71
64
|
<path
|
|
72
65
|
fill={PRIMARY_DARK}
|
|
73
66
|
d="M295.375 166.976c.478 1.237.718 1.856 1.229 2.206.511.351 1.174.351 2.501.351h.32c2.648 0 3.972 0 4.568-.87.596-.869.118-2.104-.837-4.574l-6.427-16.612c-.479-1.238-.719-1.856-1.23-2.207-.511-.35-1.174-.35-2.501-.35h-.32c-2.648 0-3.972 0-4.568.87-.596.869-.118 2.104.837 4.573l6.428 16.613z"
|
|
74
67
|
/>
|
|
75
|
-
|
|
76
68
|
<g opacity="0.48">
|
|
77
69
|
<path
|
|
78
70
|
fill="url(#paint1_linear_1_51)"
|
|
@@ -105,17 +97,14 @@ function SeoIllustration({ ...other }) {
|
|
|
105
97
|
fill="url(#paint6_linear_1_51)"
|
|
106
98
|
d="M151.154 76l-26.668 12.332 4.501 15.715L151.154 76z"
|
|
107
99
|
/>
|
|
108
|
-
|
|
109
100
|
<path
|
|
110
101
|
fill="url(#paint7_linear_1_51)"
|
|
111
102
|
d="M117.435 95.279l7.051-6.947L151.154 76 117.435 95.28z"
|
|
112
103
|
/>
|
|
113
|
-
|
|
114
104
|
<path
|
|
115
105
|
fill={PRIMARY_DARK}
|
|
116
106
|
d="M117.435 95.279l7.051-6.947L151.154 76l-28.905 7.727-4.814 11.552z"
|
|
117
107
|
/>
|
|
118
|
-
|
|
119
108
|
<defs>
|
|
120
109
|
<filter
|
|
121
110
|
id="filter0_f_1_51"
|
|
@@ -230,7 +219,6 @@ function SeoIllustration({ ...other }) {
|
|
|
230
219
|
<stop offset="1" stopColor={PRIMARY_DARK} />
|
|
231
220
|
</linearGradient>
|
|
232
221
|
</defs>
|
|
233
|
-
|
|
234
222
|
<image
|
|
235
223
|
href="/assets/illustrations/characters/character_3.png"
|
|
236
224
|
height="300"
|
|
@@ -22,104 +22,87 @@ function SeverErrorIllustration({ ...other }) {
|
|
|
22
22
|
return (
|
|
23
23
|
<Box
|
|
24
24
|
component="svg"
|
|
25
|
-
width="100%"
|
|
26
|
-
height="100%"
|
|
27
25
|
viewBox="0 0 480 360"
|
|
28
26
|
xmlns="http://www.w3.org/2000/svg"
|
|
29
27
|
{...other}
|
|
30
|
-
|
|
28
|
+
sx={[{
|
|
29
|
+
width: "100%",
|
|
30
|
+
height: "100%"
|
|
31
|
+
}, ...(Array.isArray(other.sx) ? other.sx : [other.sx])]}>
|
|
31
32
|
<BackgroundShape />
|
|
32
|
-
|
|
33
33
|
<image
|
|
34
34
|
href="/assets/illustrations/characters/character_8.png"
|
|
35
35
|
height="300"
|
|
36
36
|
x="340"
|
|
37
37
|
y="30"
|
|
38
38
|
/>
|
|
39
|
-
|
|
40
39
|
<path
|
|
41
40
|
fill={PRIMARY_MAIN}
|
|
42
41
|
d="M292.4 266.4h-7.3v-.6h6.7v-59.6h-25.7V118h-23.6v-.6h24.2v88.2h25.7v60.8zM146 164.5h-.6v-21.1h16.5v-19h.6v19.7H146v20.4z"
|
|
43
42
|
/>
|
|
44
|
-
|
|
45
43
|
<path
|
|
46
44
|
fill={PRIMARY_MAIN}
|
|
47
45
|
d="M242.5 112.3c0 3.2-1.3 6.3-3.5 8.5-2.3 2.3-5.3 3.5-8.5 3.5h-82.9c-4.4.1-8.5-2.2-10.7-5.9-2.2-3.8-2.2-8.5 0-12.3 2.2-3.8 6.3-6.1 10.7-5.9h2.8c-2-7.2-.6-14.9 3.9-20.8s11.6-9.4 19-9.4h7c8.9 0 17 4.9 21.1 12.8 2-1 4.2-1.6 6.5-1.6h1.8c3.8 0 7.4 1.5 10.1 4.2 2.7 2.7 4.2 6.3 4.2 10.1v.7c0 1.3-.2 2.7-.6 3.9h6.9c6.8.2 12.2 5.6 12.2 12.2z"
|
|
48
46
|
opacity="0.08"
|
|
49
47
|
/>
|
|
50
|
-
|
|
51
48
|
<path
|
|
52
49
|
fill="#fff"
|
|
53
50
|
d="M275.4 228.3v14c0 .8-.4 1.5-1.1 1.8-.3.2-.7.3-1.1.3-1.2 0-2.2-1-2.2-2.1v-14c0-4.7-3.5-8.6-8.1-9.1-.4 0-.7-.1-1.1-.1-5.1 0-9.2 4.1-9.2 9.2v14c0 .8-.4 1.5-1.1 1.8-.3.2-.7.3-1.1.3-1.2 0-2.2-1-2.2-2.2v-14c0-7.5 6.1-13.5 13.5-13.5.4 0 .7 0 1.1.1 7.2.6 12.6 6.4 12.6 13.5z"
|
|
54
51
|
/>
|
|
55
|
-
|
|
56
52
|
<path
|
|
57
53
|
fill="#DFE3E8"
|
|
58
54
|
d="M275.4 228.3v14c.3.5.2 1.2-.3 1.6-.5.4-1.1.4-1.6 0s-.6-1.1-.3-1.6v-14c0-5.1-4.1-9.2-9.2-9.2-.4 0-.7 0-1.1.1-.4 0-.7-.1-1.1-.1-5.1 0-9.2 4.1-9.2 9.2v14c.3.5.2 1.2-.3 1.6-.5.4-1.1.4-1.6 0s-.6-1-.3-1.6v-14c-.4-4.7 1.9-9.2 5.9-11.7s9.1-2.5 13.1 0c4.1 2.4 6.4 7 6 11.7z"
|
|
59
55
|
/>
|
|
60
|
-
|
|
61
56
|
<path
|
|
62
57
|
fill={PRIMARY_DARKER}
|
|
63
58
|
d="M277.8 242.2h-33.2c-4 0-7.3 3.3-7.3 7.3v33.2c0 4 3.3 7.3 7.3 7.3h33.2c4 0 7.3-3.3 7.3-7.3v-33.2c0-4-3.3-7.3-7.3-7.3z"
|
|
64
59
|
/>
|
|
65
|
-
|
|
66
60
|
<path
|
|
67
61
|
fill={PRIMARY_DARK}
|
|
68
62
|
d="M277.8 242.2h-24.9c-4 0-7.3 3.3-7.3 7.3v33.2c0 4 3.3 7.3 7.3 7.3h24.9c4 0 7.3-3.3 7.3-7.3v-33.2c0-4-3.3-7.3-7.3-7.3z"
|
|
69
63
|
/>
|
|
70
|
-
|
|
71
64
|
<path
|
|
72
65
|
fill="url(#paint0_linear_1_140)"
|
|
73
66
|
d="M278 145h-22c-4.4 0-8 3.6-8 8v22.8c0 4.4 3.6 8 8 8h22c4.4 0 8-3.6 8-8V153c0-4.4-3.6-8-8-8z"
|
|
74
67
|
/>
|
|
75
|
-
|
|
76
68
|
<path
|
|
77
69
|
fill={PRIMARY_MAIN}
|
|
78
70
|
d="M126 129.7h-22.4c-1.7 0-3 1.3-3 3v32.8c0 1.7 1.3 3 3 3H126c1.7 0 3-1.3 3-3v-32.8c0-1.7-1.4-3-3-3z"
|
|
79
71
|
opacity="0.08"
|
|
80
72
|
/>
|
|
81
|
-
|
|
82
73
|
<path
|
|
83
74
|
fill="#fff"
|
|
84
75
|
d="M119.1 135.9H96.6c-1.7 0-3 1.3-3 3v32.8c0 1.7 1.3 3 3 3H119c1.7 0 3-1.3 3-3v-32.8c.1-1.6-1.3-3-2.9-3z"
|
|
85
76
|
/>
|
|
86
|
-
|
|
87
77
|
<path
|
|
88
78
|
fill={PRIMARY_MAIN}
|
|
89
79
|
d="M119.1 135.9H96.6c-1.7 0-3 1.3-3 3v32.8c0 1.7 1.3 3 3 3H119c1.7 0 3-1.3 3-3v-32.8c.1-1.6-1.3-3-2.9-3z"
|
|
90
80
|
opacity="0.48"
|
|
91
81
|
/>
|
|
92
|
-
|
|
93
82
|
<path
|
|
94
83
|
fill={PRIMARY_MAIN}
|
|
95
84
|
d="M80 243.5c.2 2 .9 3.9 2 5.5 4.4 7.8 9.4 15.5 16.2 21.3 10.1 8.5 23.2 12.2 36 15.7-1.1-.6-2.5-6.4-3-7.7-1-2.5-1.9-5.1-2.8-7.6-1.5-4-4.6-7.2-7.7-10.2-6.9-6.7-15.3-11.6-24.5-14.4-5.3-1.7-10.8-2.6-16.2-2.6z"
|
|
96
85
|
/>
|
|
97
|
-
|
|
98
86
|
<path
|
|
99
87
|
fill={PRIMARY_DARKER}
|
|
100
88
|
d="M129.8 247.8c-1-7.3-2.1-14.6-5-21.4-2.9-6.7-8-12.9-14.9-15.4l-.6 31.2c-.1 6-.2 12.1 1.5 17.9 3 10.1 13.5 21.9 23.6 25.3 1.5-4.8-1-12.2-1.7-17.2l-2.9-20.4z"
|
|
101
89
|
/>
|
|
102
|
-
|
|
103
90
|
<path
|
|
104
91
|
fill={PRIMARY_DARK}
|
|
105
92
|
d="M237.2 164H140c-4.7 0-8.4 3.8-8.4 8.4v19.1c0 4.7 3.8 8.4 8.4 8.4h97.1c4.7 0 8.4-3.8 8.4-8.4v-19.1c.1-4.6-3.7-8.4-8.3-8.4zm0 44H140c-4.7 0-8.4 3.8-8.4 8.4v19.1c0 4.7 3.8 8.4 8.4 8.4h97.1c4.7 0 8.4-3.8 8.4-8.4v-19.1c.1-4.6-3.7-8.4-8.3-8.4zm0 44.2H140c-4.7 0-8.4 3.8-8.4 8.4v19.1c0 4.7 3.8 8.4 8.4 8.4h97.1c4.7 0 8.4-3.8 8.4-8.4v-19.1c.1-4.6-3.7-8.4-8.3-8.4z"
|
|
106
93
|
/>
|
|
107
|
-
|
|
108
94
|
<path
|
|
109
95
|
fill="url(#paint1_linear_1_140)"
|
|
110
96
|
d="M237.6 164h-91.2c-4.7 0-8.4 3.8-8.4 8.4v19.1c0 4.7 3.8 8.4 8.4 8.4h91.1c4.7 0 8.4-3.8 8.4-8.4v-19.1c.1-4.6-3.7-8.4-8.3-8.4zm8.4 53.6v16.8c0 2.5-1 5-2.9 6.8-1.9 1.8-4.4 2.8-7.1 2.8h-88c-2.7 0-5.2-1-7.1-2.8-1.9-1.8-2.9-4.2-2.9-6.8v-16.8c0-5.3 4.5-9.6 10-9.6h88c2.7 0 5.2 1 7.1 2.8 1.8 1.8 2.9 4.2 2.9 6.8zm-8.4 34.4h-91.2c-4.7 0-8.4 3.8-8.4 8.4v19.1c0 4.7 3.8 8.4 8.4 8.4h91.1c4.7 0 8.4-3.8 8.4-8.4v-19.1c.1-4.6-3.7-8.4-8.3-8.4z"
|
|
111
97
|
/>
|
|
112
|
-
|
|
113
98
|
<path
|
|
114
99
|
fill={PRIMARY_LIGHTER}
|
|
115
100
|
d="M161.6 182c0 2.2-1.8 4-4 4s-4-1.8-4-4 1.8-4 4-4 4 1.8 4 4zm12 0c0 2.2-1.8 4-4 4s-4-1.8-4-4 1.8-4 4-4 4 1.8 4 4zm8 4c2.2 0 4-1.8 4-4s-1.8-4-4-4-4 1.8-4 4 1.8 4 4 4zM162 226c0 2.2-1.8 4-4 4s-4-1.8-4-4 1.8-4 4-4 4 1.8 4 4zm12 0c0 2.2-1.8 4-4 4s-4-1.8-4-4 1.8-4 4-4 4 1.8 4 4zm8 4c2.2 0 4-1.8 4-4s-1.8-4-4-4-4 1.8-4 4 1.8 4 4 4zm52-6h-30c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1h30c.6 0 1-.4 1-1v-2c0-.6-.4-1-1-1zm-72 46c0 2.2-1.8 4-4 4s-4-1.8-4-4 1.8-4 4-4 4 1.8 4 4zm12 0c0 2.2-1.8 4-4 4s-4-1.8-4-4 1.8-4 4-4 4 1.8 4 4zm8 4c2.2 0 4-1.8 4-4s-1.8-4-4-4-4 1.8-4 4 1.8 4 4 4zm52-6h-30c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1h30c.6 0 1-.4 1-1v-2c0-.6-.4-1-1-1z"
|
|
116
101
|
/>
|
|
117
|
-
|
|
118
102
|
<path
|
|
119
103
|
fill={PRIMARY_DARKER}
|
|
120
104
|
d="M264.4 267.7c.5-1.8-.8-3.7-1.2-5.5-.1-.3-.1-.7 0-1 .2-1.5 1.5-2.6 3-2.6s2.8 1.1 3 2.6c.1.3 0 .7 0 1-.3 1.8-1.6 3.8-1.1 5.6l.4 1.3c.5 1.5-.7 3.1-2.3 3.1-1.6 0-2.7-1.5-2.3-3l.5-1.5zM258 158.8l9.2-4.8 8.8 4.8s-1.6 11.8-8.6 15.2c0 0-8.6-3.3-9.4-15.2z"
|
|
121
105
|
/>
|
|
122
|
-
|
|
123
106
|
<defs>
|
|
124
107
|
<linearGradient
|
|
125
108
|
id="paint0_linear_1_140"
|
|
@@ -20,77 +20,66 @@ function UpgradeStorageIllustration({ ...other }) {
|
|
|
20
20
|
return (
|
|
21
21
|
<Box
|
|
22
22
|
component="svg"
|
|
23
|
-
width="100%"
|
|
24
|
-
height="100%"
|
|
25
23
|
viewBox="0 0 480 360"
|
|
26
24
|
xmlns="http://www.w3.org/2000/svg"
|
|
27
25
|
{...other}
|
|
28
|
-
|
|
26
|
+
sx={[{
|
|
27
|
+
width: "100%",
|
|
28
|
+
height: "100%"
|
|
29
|
+
}, ...(Array.isArray(other.sx) ? other.sx : [other.sx])]}>
|
|
29
30
|
<BackgroundShape />
|
|
30
|
-
|
|
31
31
|
<image
|
|
32
32
|
href="/assets/illustrations/characters/character_2.png"
|
|
33
33
|
height="300"
|
|
34
34
|
x="322"
|
|
35
35
|
y="30"
|
|
36
36
|
/>
|
|
37
|
-
|
|
38
37
|
<path
|
|
39
38
|
fill={PRIMARY_MAIN}
|
|
40
39
|
d="M70.6 79.545c0-2.7.7-5.4 2-7.8 1.3-2.4 3.1-4.4 5.4-5.9 2.3-1.5 4.9-2.4 7.6-2.7 2.7-.3 5.4.1 8 1.1 1.8-3.8 4.8-6.8 8.499-8.8 3.7-2 7.9-2.8 12-2.3s8 2.3 11.1 5.1c3.1 2.8 5.3 6.5 6.2 10.6 4.5.3 8.7 2.3 11.7 5.7 3 3.3 4.6 7.7 4.5 12.2-.1 4.5-2 8.7-5.2 11.9-3.2 3.1-7.5 4.9-12 4.9h-55.5c-2.9 0-5.7-1-7.9-2.8-2.2-1.8-3.7-4.4-4.2-7.2s0-5.7 1.4-8.3c1.4-2.7 3.7-4.7 6.4-5.7zm195.699 136c0-1.7.4-3.3 1.2-4.8.8-1.5 1.9-2.7 3.3-3.7 1.4-.9 3-1.5 4.7-1.7 1.7-.2 3.4.1 4.9.7 1.1-2.3 3-4.2 5.2-5.5 2.2-1.3 4.9-1.7 7.4-1.4 2.6.3 5 1.4 6.9 3.1 1.9 1.7 3.2 4 3.8 6.5 2.8.2 5.4 1.4 7.2 3.5 1.9 2.1 2.9 4.8 2.8 7.5-.1 2.8-1.3 5.4-3.3 7.3-2 1.9-4.7 3-7.5 3h-34c-1.8 0-3.5-.6-4.8-1.8-1.4-1.1-2.3-2.7-2.6-4.4-.3-1.7 0-3.5.8-5.1 1-1.3 2.4-2.5 4-3.2zm-184.2-30.4c0-2.9.7-5.7 2.1-8.2 1.4-2.5 3.3-4.7 5.7-6.2 2.4-1.6 5.1-2.6 7.9-2.9 2.8-.3 5.7.1 8.3 1.2 1.9-3.9 5-7.2 8.9-9.3 3.8-2.1 8.2-3 12.6-2.4 4.4.5 8.4 2.4 11.7 5.3 3.2 2.9 5.5 6.8 6.5 11.1 4.8.2 9.4 2.2 12.7 5.7 3.3 3.5 5.1 8.2 4.9 13-.2 4.8-2.2 9.4-5.7 12.7-3.5 3.3-8.2 5.1-13 4.9h-58c-3 0-5.9-1.1-8.2-3-2.3-1.9-3.9-4.6-4.4-7.6-.5-3 0-6 1.4-8.6 1.4-2.6 3.8-4.6 6.6-5.7zm180.4-84.4c0-2 .5-3.9 1.5-5.6.9-1.7 2.3-3.2 3.9-4.3 1.6-1.1 3.5-1.8 5.5-2 2-.2 3.9.1 5.8.8 1.3-2.7 3.5-4.9 6.1-6.4 2.7-1.4 5.7-2 8.7-1.7 3 .4 5.8 1.6 8.1 3.7 2.3 2 3.8 4.7 4.5 7.6 3.3.1 6.5 1.5 8.8 4 2.3 2.4 3.5 5.7 3.4 9-.1 3.3-1.5 6.5-4 8.8-2.4 2.3-5.7 3.5-9 3.4h-40.1c-2.1 0-4.1-.7-5.7-2.1-1.6-1.3-2.7-3.2-3.1-5.2-.4-2.1 0-4.2 1-6 1-1.9 2.7-3.3 4.6-4z"
|
|
41
40
|
opacity="0.08"
|
|
42
41
|
/>
|
|
43
|
-
|
|
44
42
|
<path
|
|
45
43
|
fill={PRIMARY_DARKER}
|
|
46
44
|
d="M185.3 306.145c74.7 0 135.3-3.5 135.3-7.9s-60.6-7.9-135.3-7.9c-74.7 0-135.3 3.5-135.3 7.9s60.5 7.9 135.3 7.9z"
|
|
47
45
|
opacity="0.24"
|
|
48
46
|
/>
|
|
49
|
-
|
|
50
47
|
<path
|
|
51
48
|
fill="url(#paint0_linear_1_99)"
|
|
52
49
|
d="M138.6 75.745h12.8c8 0 15.8 2.3 22.5 6.7 6.9 4.5 12.3 10.9 15.4 18.5 7.6.5 14.8 3.3 20.6 8.2 5.8 4.9 9.9 11.5 11.6 18.8 5.1 1.5 9.5 4.7 12.5 9.2 2.9 4.5 4.1 9.8 3.4 15.1-.7 5.3-3.4 10.1-7.4 13.6s-9.2 5.4-14.5 5.4h-125c-4.7.1-9.3-.8-13.6-2.5-4.3-1.7-8.3-4.3-11.6-7.6-3.3-3.3-6-7.2-7.8-11.5-1.8-4.3-2.7-8.9-2.7-13.6 0-4.7.9-9.3 2.7-13.6 1.8-4.3 4.4-8.2 7.8-11.5 3.3-3.3 7.3-5.9 11.6-7.6 4.3-1.7 9-2.6 13.6-2.5h10.2c3.1-7.4 8.4-13.8 15.1-18.2 6.8-4.5 14.7-6.9 22.8-6.9z"
|
|
53
50
|
/>
|
|
54
|
-
|
|
55
51
|
<path
|
|
56
52
|
fill="url(#paint1_linear_1_99)"
|
|
57
53
|
d="M124.2 171.245h16.4v16.5c0 1.8-.7 3.6-2 4.9-.6.6-1.2 1-1.9 1.3v10.6c0 1-.4 1.9-1.1 2.6-.6.6-1.5 1-2.3 1.1h.8v4.2c0 4.3 1.7 8.5 4.8 11.6 3.1 3.1 7.2 4.8 11.6 4.8h36.6v3.5h-36.6c-5.3 0-10.3-2.1-14.1-5.8-3.7-3.7-5.8-8.8-5.8-14.1v-4.3h.8c-.9-.1-1.7-.4-2.3-1.1-.7-.7-1.1-1.6-1.1-2.6v-10.6c-.7-.3-1.3-.8-1.9-1.3-1.3-1.3-2-3-2-4.9v-16.4h.1z"
|
|
58
54
|
/>
|
|
59
|
-
|
|
60
55
|
<path
|
|
61
56
|
fill={PRIMARY_LIGHTER}
|
|
62
57
|
fillRule="evenodd"
|
|
63
58
|
d="M216.1 130.245l1.6.4c4.5 1.3 8.3 4.1 10.9 8 2.5 3.9 3.6 8.6 2.9 13.2-.6 4.6-2.9 8.8-6.4 11.9-3.5 3.1-8 4.7-12.7 4.7H103.3c-8.4 0-16.5-3.4-22.6-9.3-6-5.9-9.5-13.9-9.7-22.4-.2-8.4 2.9-16.6 8.6-22.7 5.8-6.2 13.7-9.9 22.2-10.4h1.5c2.9 0 5.9.4 8.7 1.2l.2.1 2.5.7.9-2.4c2.7-7 7.4-13.1 13.5-17.4 6.1-4.4 13.3-6.9 20.8-7.2 7.3.3 14.3 2.6 20.3 6.8 6 4.2 10.7 9.9 13.5 16.7l.7 1.6 1.7.1c6.9.4 13.6 3.1 18.9 7.6 5.3 4.5 9.1 10.5 10.7 17.3l.4 1.5zm-78.7 24.4v-27.7h-8.8l22.8-25.6 22.8 25.6h-8.8v27.7h-28z"
|
|
64
59
|
clipRule="evenodd"
|
|
65
60
|
/>
|
|
66
|
-
|
|
67
61
|
<path
|
|
68
62
|
fill={PRIMARY_LIGHTER}
|
|
69
63
|
d="M297.8 112.745c.2-.3.3-.6.3-1 0-.5-.2-.9-.5-1.2-.3-.3-.8-.5-1.2-.5-.3 0-.7.1-1 .3-.3.2-.5.5-.6.8-.1.3-.2.7-.1 1 .1.3.2.6.5.9.2.2.5.4.9.5.3.1.7 0 1-.1l.7-.7zm-195.2 90.5c.3-.4.4-.9.4-1.5a2.732 2.732 0 00-2.7-2.7c-.5 0-1 .2-1.5.4-.4.3-.8.7-1 1.2-.2.5-.3 1-.2 1.5.1.5.4 1 .7 1.3.4.4.8.6 1.4.7.5.1 1 .1 1.5-.1.7 0 1.1-.4 1.4-.8zm201.9-91.5c0 .3-.1.7-.3 1-.2.3-.5.5-.8.6-.3.1-.7.2-1 .1-.3-.1-.6-.2-.9-.5-.2-.2-.4-.5-.5-.9-.1-.3 0-.7.1-1 .1-.3.3-.6.6-.8.3-.2.6-.3 1-.3.5 0 .9.2 1.2.5.4.4.6.8.6 1.3zm-166.1 71.9c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2 0-1.2 1-2.2 2.2-2.2 1.2.1 2.2 1 2.2 2.2z"
|
|
70
64
|
opacity="0.48"
|
|
71
65
|
/>
|
|
72
|
-
|
|
73
66
|
<path
|
|
74
67
|
fill={PRIMARY_LIGHTER}
|
|
75
68
|
d="M291.6 111.745c0 .3-.1.7-.3 1-.2.3-.5.5-.8.6-.3.1-.7.2-1 .1-.3-.1-.6-.2-.9-.5-.2-.2-.4-.5-.5-.9-.1-.3 0-.7.1-1 .1-.3.4-.6.6-.8.3-.2.6-.3 1-.3.5 0 .9.2 1.2.5.5.4.6.8.6 1.3zm-198.5 90c0 .5-.2 1-.4 1.5-.3.4-.7.8-1.2 1-.5.2-1 .3-1.5.1-.5-.1-1-.4-1.4-.7-.4-.3-.6-.8-.7-1.3-.1-.5 0-1 .2-1.5s.5-.9 1-1.2c.4-.3.9-.4 1.5-.4.7 0 1.4.3 1.9.8.3.4.6 1 .6 1.7zm39.5-18.1c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2 0-1.2 1-2.2 2.2-2.2 1.2 0 2.2 1 2.2 2.2z"
|
|
76
69
|
opacity="0.12"
|
|
77
70
|
/>
|
|
78
|
-
|
|
79
71
|
<path
|
|
80
72
|
fill={PRIMARY_MAIN}
|
|
81
73
|
d="M256.3 144.745h-60c-5 0-9.1 4.1-9.1 9.1v135.3c0 5 4.1 9.1 9.1 9.1h60c5 0 9.1-4.1 9.1-9.1v-135.3c0-5-4.1-9.1-9.1-9.1z"
|
|
82
74
|
/>
|
|
83
|
-
|
|
84
75
|
<path
|
|
85
76
|
fill={PRIMARY_DARK}
|
|
86
77
|
d="M256.3 298.245h16.3c5 0 9.1-4.1 9.1-9.1v-135.3c0-5-4.1-9.1-9.1-9.1h-16.3c5 0 9.1 4.1 9.1 9.1v135.3c0 5-4.1 9.1-9.1 9.1z"
|
|
87
78
|
/>
|
|
88
|
-
|
|
89
79
|
<path
|
|
90
80
|
fill="#fff"
|
|
91
81
|
d="M262.4 289.145v-135.3c0-3.3-2.7-6.1-6.1-6.1h-57.2c-3.3 0-6.1 2.7-6.1 6.1v135.3c0 3.3 2.7 6.1 6.1 6.1h57.2c3.3 0 6.1-2.8 6.1-6.1z"
|
|
92
82
|
/>
|
|
93
|
-
|
|
94
83
|
<path
|
|
95
84
|
fill={PRIMARY_MAIN}
|
|
96
85
|
fillRule="evenodd"
|
|
@@ -98,27 +87,22 @@ function UpgradeStorageIllustration({ ...other }) {
|
|
|
98
87
|
clipRule="evenodd"
|
|
99
88
|
opacity="0.24"
|
|
100
89
|
/>
|
|
101
|
-
|
|
102
90
|
<path
|
|
103
91
|
fill="#FFAB00"
|
|
104
92
|
d="M248.8 161.845c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1-.1.6.4 1 1 1zm0 15.2c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1-.1.5.4 1 1 1zm0 15.2c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1-.1.5.4 1 1 1zm-4.6 15.1c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1 0 .6.4 1 1 1zm0 15.2c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1s.4 1 1 1zm0 15.2c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1s.4 1 1 1zm0 15.1c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1 0 .6.4 1 1 1zm4.6 15.2c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1-.1.5.4 1 1 1zm0 15.2c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1-.1.5.4 1 1 1z"
|
|
105
93
|
/>
|
|
106
|
-
|
|
107
94
|
<path
|
|
108
95
|
fill={PRIMARY_DARK}
|
|
109
96
|
d="M253.3 161.845c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1 0 .6.4 1 1 1zm0 15.2c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1s.4 1 1 1zm0 15.2c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1s.4 1 1 1zm-4.5 15.1c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1-.1.6.4 1 1 1zm0 15.2c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1-.1.5.4 1 1 1zm4.5 15.2c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1s.4 1 1 1zm0 15.1c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1 0 .6.4 1 1 1zm0 15.2c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1s.4 1 1 1zm0 15.2c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1s.4 1 1 1zm-9.1-121.4c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1 0 .6.4 1 1 1zm0 15.2c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1s.4 1 1 1zm0 15.2c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1s.4 1 1 1zm9.1 15.1c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1 0 .6.4 1 1 1zm0 15.2c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1s.4 1 1 1zm-4.5 15.2c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1-.1.5.4 1 1 1zm0 15.1c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1-.1.6.4 1 1 1zm-4.6 15.2c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1s.4 1 1 1zm0 15.2c.6 0 1-.5 1-1 0-.6-.5-1-1-1-.6 0-1 .5-1 1s.4 1 1 1z"
|
|
110
97
|
/>
|
|
111
|
-
|
|
112
98
|
<path
|
|
113
99
|
fill={PRIMARY_DARKER}
|
|
114
100
|
d="M170.6 243.645l-4.5 5.6c-.4.5-.9.9-1.5 1.2-.6.3-1.2.4-1.8.4h-40.2c-1.1 0-2.1.4-2.8 1.1-.8.7-1.3 1.7-1.4 2.7l-3.6 42.9c-.1.5 0 1 .2 1.5s.4.9.7 1.3c.3.4.7.7 1.2.9.5.2 1 .3 1.5.3h78.9c1.1 0 2.1-.4 2.8-1.1.8-.7 1.3-1.7 1.4-2.7l4.3-51.6c.1-.5 0-1-.2-1.5s-.4-.9-.7-1.3c-.3-.4-.7-.7-1.2-.9-.5-.2-1-.3-1.4-.3h-28.5c-.6 0-1.2.1-1.8.4-.5.2-1 .6-1.4 1.1z"
|
|
115
101
|
/>
|
|
116
|
-
|
|
117
102
|
<path
|
|
118
103
|
fill="url(#paint2_linear_1_99)"
|
|
119
104
|
d="M154.6 246.645l-3.6 5.3c-.3.5-.8.9-1.3 1.1-.5.3-1.1.4-1.7.4h-33.1c-.5 0-1 .1-1.4.2-.4.2-.9.5-1.2.8-.3.3-.6.8-.8 1.2-.2.5-.2.9-.2 1.4l3 40.6c.1 1 .6 2 1.4 2.6.8.7 1.8 1 2.8 1h78.9c.5 0 1-.1 1.4-.2.4-.2.9-.5 1.2-.8.3-.3.6-.8.8-1.2.2-.5.2-.9.2-1.4l-3.6-48.9c-.1-1-.6-1.9-1.4-2.6-.8-.7-1.8-1-2.8-1h-35.5c-.6 0-1.2.1-1.7.4-.5.3-1 .7-1.4 1.1z"
|
|
120
105
|
/>
|
|
121
|
-
|
|
122
106
|
<defs>
|
|
123
107
|
<linearGradient
|
|
124
108
|
id="paint0_linear_1_99"
|