@imaginario27/air-ui-ds 1.0.18 → 1.0.19
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/assets/css/main.css +237 -237
- package/assets/images/logo/air-ui-logo-color.svg +34 -34
- package/assets/images/logo/air-ui-logo-white.svg +8 -8
- package/components/layouts/{Error.vue → ErrorDisplay.vue} +113 -59
- package/eslint.config.mjs +15 -15
- package/models/types/errors.ts +6 -0
- package/models/types/pdfExportTable.ts +5 -5
- package/nuxt.config.ts +39 -39
- package/package.json +1 -1
- package/tsconfig.json +7 -7
package/assets/css/main.css
CHANGED
|
@@ -1,238 +1,238 @@
|
|
|
1
|
-
@import "tailwindcss";
|
|
2
|
-
@import "./theme/primitives.css";
|
|
3
|
-
@import "./theme/colors.css";
|
|
4
|
-
@import "./theme/ui-theme.css";
|
|
5
|
-
@import "./defaults.css";
|
|
6
|
-
|
|
7
|
-
@theme {
|
|
8
|
-
/* Disables Tailwind default colors */
|
|
9
|
-
/* --color-*: initial; */
|
|
10
|
-
|
|
11
|
-
--color-background-container-surface: var(--color-background-container-surface);
|
|
12
|
-
--color-background-overlay: var(--color-background-overlay);
|
|
13
|
-
--color-background-surface: var(--color-background-surface);
|
|
14
|
-
--color-background-danger-bold: var(--color-background-danger-bold);
|
|
15
|
-
--color-background-danger-subtler: var(--color-background-danger-subtler);
|
|
16
|
-
--color-background-danger-subtlest: var(--color-background-danger-subtlest);
|
|
17
|
-
--color-background-delete-default: var(--color-background-delete-default);
|
|
18
|
-
--color-background-delete-hover: var(--color-background-delete-hover);
|
|
19
|
-
--color-background-delete-on-neutral-hover: var(--color-background-delete-on-neutral-hover);
|
|
20
|
-
--color-background-delete-soft: var(--color-background-delete-soft);
|
|
21
|
-
--color-background-delete-soft-hover: var(--color-background-delete-soft-hover);
|
|
22
|
-
--color-background-info-bold: var(--color-background-info-bold);
|
|
23
|
-
--color-background-info-subtler: var(--color-background-info-subtler);
|
|
24
|
-
--color-background-info-subtlest: var(--color-background-info-subtlest);
|
|
25
|
-
--color-background-neutral-active: var(--color-background-neutral-active);
|
|
26
|
-
--color-background-neutral-bold: var(--color-background-neutral-bold);
|
|
27
|
-
--color-background-neutral-default: var(--color-background-neutral-default);
|
|
28
|
-
--color-background-neutral-disabled: var(--color-background-neutral-disabled);
|
|
29
|
-
--color-background-neutral-filled-transparent: var(--color-background-neutral-filled-transparent);
|
|
30
|
-
--color-background-neutral-hover: var(--color-background-neutral-hover);
|
|
31
|
-
--color-background-neutral-hover-subtle: var(--color-background-neutral-hover-subtle);
|
|
32
|
-
--color-background-neutral-sublter: var(--color-background-neutral-sublter);
|
|
33
|
-
--color-background-neutral-subtle: var(--color-background-neutral-subtle);
|
|
34
|
-
--color-background-neutral-subtlest: var(--color-background-neutral-subtlest);
|
|
35
|
-
--color-background-neutral-subtlest-on-container-surface: var(--color-background-neutral-subtlest-on-container-surface);
|
|
36
|
-
--color-background-neutral-filled-default: var(--color-background-neutral-filled-default);
|
|
37
|
-
--color-background-neutral-filled-hover: var(--color-background-neutral-filled-hover);
|
|
38
|
-
--color-background-primary-brand-active: var(--color-background-primary-brand-active);
|
|
39
|
-
--color-background-primary-brand-checked: var(--color-background-primary-brand-checked);
|
|
40
|
-
--color-background-primary-brand-checked-subtlest: var(--color-background-primary-brand-checked-subtlest);
|
|
41
|
-
--color-background-primary-brand-default: var(--color-background-primary-brand-default);
|
|
42
|
-
--color-background-primary-brand-hover: var(--color-background-primary-brand-hover);
|
|
43
|
-
--color-background-primary-brand-on-checked-subtle-bg: var(--color-background-primary-brand-on-checked-subtle-bg);
|
|
44
|
-
--color-background-primary-brand-soft: var(--color-background-primary-brand-soft);
|
|
45
|
-
--color-background-primary-brand-soft-hover: var(--color-background-primary-brand-soft-hover);
|
|
46
|
-
--color-background-primary-brand-subtle-active: var(--color-background-primary-brand-subtle-active);
|
|
47
|
-
--color-background-secondary-brand-checked: var(--color-background-secondary-brand-checked);
|
|
48
|
-
--color-background-secondary-brand-checked-subtlest: var(--color-background-secondary-brand-checked-subtlest);
|
|
49
|
-
--color-background-secondary-brand-default: var(--color-background-secondary-brand-default);
|
|
50
|
-
--color-background-secondary-brand-hover: var(--color-background-secondary-brand-hover);
|
|
51
|
-
--color-background-secondary-brand-on-checked-subtle-bg: var(--color-background-secondary-brand-on-checked-subtle-bg);
|
|
52
|
-
--color-background-secondary-brand-soft: var(--color-background-secondary-brand-soft);
|
|
53
|
-
--color-background-success-bold: var(--color-background-success-bold);
|
|
54
|
-
--color-background-success-subtler: var(--color-background-success-subtler);
|
|
55
|
-
--color-background-success-subtlest: var(--color-background-success-subtlest);
|
|
56
|
-
--color-background-warning-bold: var(--color-background-warning-bold);
|
|
57
|
-
--color-background-warning-subtler: var(--color-background-warning-subtler);
|
|
58
|
-
--color-background-warning-subtlest: var(--color-background-warning-subtlest);
|
|
59
|
-
--color-border-danger: var(--color-border-danger);
|
|
60
|
-
--color-border-default: var(--color-border-default);
|
|
61
|
-
--color-border-error: var(--color-border-error);
|
|
62
|
-
--color-border-inactive: var(--color-border-inactive);
|
|
63
|
-
--color-border-info: var(--color-border-info);
|
|
64
|
-
--color-border-secondary-brand: var(--color-border-secondary-brand);
|
|
65
|
-
--color-border-success: var(--color-border-success);
|
|
66
|
-
--color-border-warning: var(--color-border-warning);
|
|
67
|
-
--color-border-delete-default: var(--color-border-delete-default);
|
|
68
|
-
--color-border-delete-subtle: var(--color-border-delete-subtle);
|
|
69
|
-
--color-border-neutral-disabled: var(--color-border-neutral-disabled);
|
|
70
|
-
--color-border-neutral-hover: var(--color-border-neutral-hover);
|
|
71
|
-
--color-border-neutral-on-filled: var(--color-border-neutral-on-filled);
|
|
72
|
-
--color-border-neutral-stacked: var(--color-border-neutral-stacked);
|
|
73
|
-
--color-border-neutral-subtle: var(--color-border-neutral-subtle);
|
|
74
|
-
--color-border-primary-brand-active: var(--color-border-primary-brand-active);
|
|
75
|
-
--color-border-primary-brand-default: var(--color-border-primary-brand-default);
|
|
76
|
-
--color-border-primary-brand-hover: var(--color-border-primary-brand-hover);
|
|
77
|
-
--color-chart-variant-five: var(--color-chart-variant-five);
|
|
78
|
-
--color-chart-variant-four: var(--color-chart-variant-four);
|
|
79
|
-
--color-chart-variant-one: var(--color-chart-variant-one);
|
|
80
|
-
--color-chart-variant-six: var(--color-chart-variant-six);
|
|
81
|
-
--color-chart-variant-three: var(--color-chart-variant-three);
|
|
82
|
-
--color-chart-variant-two: var(--color-chart-variant-two);
|
|
83
|
-
--color-icon-danger: var(--color-icon-danger);
|
|
84
|
-
--color-icon-danger-subtle: var(--color-icon-danger-subtle);
|
|
85
|
-
--color-icon-default: var(--color-icon-default);
|
|
86
|
-
--color-icon-delete: var(--color-icon-delete);
|
|
87
|
-
--color-icon-error: var(--color-icon-error);
|
|
88
|
-
--color-icon-info: var(--color-icon-info);
|
|
89
|
-
--color-icon-info-subtle-strong: var(--color-icon-info-subtle-strong);
|
|
90
|
-
--color-icon-rating: var(--color-icon-rating);
|
|
91
|
-
--color-icon-success: var(--color-icon-success);
|
|
92
|
-
--color-icon-success-subtle: var(--color-icon-success-subtle);
|
|
93
|
-
--color-icon-warning: var(--color-icon-warning);
|
|
94
|
-
--color-icon-warning-on-bg: var(--color-icon-warning-on-bg);
|
|
95
|
-
--color-icon-warning-subtle: var(--color-icon-warning-subtle);
|
|
96
|
-
--color-icon-neutral-disabled: var(--color-icon-neutral-disabled);
|
|
97
|
-
--color-icon-neutral-inactive: var(--color-icon-neutral-inactive);
|
|
98
|
-
--color-icon-neutral-on-filled-bg: var(--color-icon-neutral-on-filled-bg);
|
|
99
|
-
--color-icon-neutral-on-filled-secondary-brand-bg: var(--color-icon-neutral-on-filled-secondary-brand-bg);
|
|
100
|
-
--color-icon-neutral-on-monochrome-active-bg: var(--color-icon-neutral-on-monochrome-active-bg);
|
|
101
|
-
--color-icon-neutral-on-monochrome-hover-bg: var(--color-icon-neutral-on-monochrome-hover-bg);
|
|
102
|
-
--color-icon-neutral-on-neutral-bg: var(--color-icon-neutral-on-neutral-bg);
|
|
103
|
-
--color-icon-neutral-on-primary-brand-soft-bg: var(--color-icon-neutral-on-primary-brand-soft-bg);
|
|
104
|
-
--color-icon-neutral-on-subtlest-bg: var(--color-icon-neutral-on-subtlest-bg);
|
|
105
|
-
--color-icon-neutral-subtle: var(--color-icon-neutral-subtle);
|
|
106
|
-
--color-icon-neutral-subtle-on-subtler-bg: var(--color-icon-neutral-subtle-on-subtler-bg);
|
|
107
|
-
--color-icon-neutral-subtler: var(--color-icon-neutral-subtler);
|
|
108
|
-
--color-icon-neutral-subtlest: var(--color-icon-neutral-subtlest);
|
|
109
|
-
--color-icon-primary-brand-active: var(--color-icon-primary-brand-active);
|
|
110
|
-
--color-icon-primary-brand-default: var(--color-icon-primary-brand-default);
|
|
111
|
-
--color-icon-primary-brand-hover: var(--color-icon-primary-brand-hover);
|
|
112
|
-
--color-icon-primary-brand-on-neutral-hover-bg: var(--color-icon-primary-brand-on-neutral-hover-bg);
|
|
113
|
-
--color-icon-primary-brand-on-soft-bg: var(--color-icon-primary-brand-on-soft-bg);
|
|
114
|
-
--color-icon-primary-brand-rating: var(--color-icon-primary-brand-rating);
|
|
115
|
-
--color-icon-secondary-brand-active: var(--color-icon-secondary-brand-active);
|
|
116
|
-
--color-icon-secondary-brand-default: var(--color-icon-secondary-brand-default);
|
|
117
|
-
--color-text-danger: var(--color-text-danger);
|
|
118
|
-
--color-text-default: var(--color-text-default);
|
|
119
|
-
--color-text-delete: var(--color-text-delete);
|
|
120
|
-
--color-text-error: var(--color-text-error);
|
|
121
|
-
--color-text-info: var(--color-text-info);
|
|
122
|
-
--color-text-success: var(--color-text-success);
|
|
123
|
-
--color-text-warning: var(--color-text-warning);
|
|
124
|
-
--color-text-warning-on-bg: var(--color-text-warning-on-bg);
|
|
125
|
-
--color-text-neutral-disabled: var(--color-text-neutral-disabled);
|
|
126
|
-
--color-text-neutral-inactive: var(--color-text-neutral-inactive);
|
|
127
|
-
--color-text-neutral-on-filled: var(--color-text-neutral-on-filled);
|
|
128
|
-
--color-text-neutral-on-monochrome-active-bg: var(--color-text-neutral-on-monochrome-active-bg);
|
|
129
|
-
--color-text-neutral-on-monochrome-hover-bg: var(--color-text-neutral-on-monochrome-hover-bg);
|
|
130
|
-
--color-text-neutral-on-neutral-bg: var(--color-text-neutral-on-neutral-bg);
|
|
131
|
-
--color-text-neutral-on-neutral-filled-bg: var(--color-text-neutral-on-neutral-filled-bg);
|
|
132
|
-
--color-text-neutral-on-primary-brand-soft-bg: var(--color-text-neutral-on-primary-brand-soft-bg);
|
|
133
|
-
--color-text-neutral-subtle: var(--color-text-neutral-subtle);
|
|
134
|
-
--color-text-neutral-subtle-on-disabled-bg: var(--color-text-neutral-subtle-on-disabled-bg);
|
|
135
|
-
--color-text-neutral-subtle-on-subtler-bg: var(--color-text-neutral-subtle-on-subtler-bg);
|
|
136
|
-
--color-text-neutral-subtler: var(--color-text-neutral-subtler);
|
|
137
|
-
--color-text-neutral-subtlest: var(--color-text-neutral-subtlest);
|
|
138
|
-
--color-text-primary-brand-active: var(--color-text-primary-brand-active);
|
|
139
|
-
--color-text-primary-brand-default: var(--color-text-primary-brand-default);
|
|
140
|
-
--color-text-primary-brand-hover: var(--color-text-primary-brand-hover);
|
|
141
|
-
--color-text-primary-brand-on-checked-subtlest: var(--color-text-primary-brand-on-checked-subtlest);
|
|
142
|
-
--color-text-primary-brand-on-neutral-hover-bg: var(--color-text-primary-brand-on-neutral-hover-bg);
|
|
143
|
-
--color-text-primary-brand-on-soft-bg: var(--color-text-primary-brand-on-soft-bg);
|
|
144
|
-
--color-text-secondary-brand-default: var(--color-text-secondary-brand-default);
|
|
145
|
-
--color-text-secondary-brand-on-checked-subtlest: var(--color-text-secondary-brand-on-checked-subtlest);
|
|
146
|
-
--color-text-secondary-brand-on-soft-bg: var(--color-text-secondary-brand-on-soft-bg);
|
|
147
|
-
--color-theme-danger-100: var(--color-theme-danger-100);
|
|
148
|
-
--color-theme-danger-200: var(--color-theme-danger-200);
|
|
149
|
-
--color-theme-danger-300: var(--color-theme-danger-300);
|
|
150
|
-
--color-theme-danger-400: var(--color-theme-danger-400);
|
|
151
|
-
--color-theme-danger-50: var(--color-theme-danger-50);
|
|
152
|
-
--color-theme-danger-500: var(--color-theme-danger-500);
|
|
153
|
-
--color-theme-danger-600: var(--color-theme-danger-600);
|
|
154
|
-
--color-theme-danger-700: var(--color-theme-danger-700);
|
|
155
|
-
--color-theme-danger-800: var(--color-theme-danger-800);
|
|
156
|
-
--color-theme-danger-900: var(--color-theme-danger-900);
|
|
157
|
-
--color-theme-danger-950: var(--color-theme-danger-950);
|
|
158
|
-
--color-theme-info-100: var(--color-theme-info-100);
|
|
159
|
-
--color-theme-info-200: var(--color-theme-info-200);
|
|
160
|
-
--color-theme-info-300: var(--color-theme-info-300);
|
|
161
|
-
--color-theme-info-400: var(--color-theme-info-400);
|
|
162
|
-
--color-theme-info-50: var(--color-theme-info-50);
|
|
163
|
-
--color-theme-info-500: var(--color-theme-info-500);
|
|
164
|
-
--color-theme-info-600: var(--color-theme-info-600);
|
|
165
|
-
--color-theme-info-700: var(--color-theme-info-700);
|
|
166
|
-
--color-theme-info-800: var(--color-theme-info-800);
|
|
167
|
-
--color-theme-info-900: var(--color-theme-info-900);
|
|
168
|
-
--color-theme-info-950: var(--color-theme-info-950);
|
|
169
|
-
--color-theme-neutral-100: var(--color-theme-neutral-100);
|
|
170
|
-
--color-theme-neutral-200: var(--color-theme-neutral-200);
|
|
171
|
-
--color-theme-neutral-300: var(--color-theme-neutral-300);
|
|
172
|
-
--color-theme-neutral-400: var(--color-theme-neutral-400);
|
|
173
|
-
--color-theme-neutral-50: var(--color-theme-neutral-50);
|
|
174
|
-
--color-theme-neutral-500: var(--color-theme-neutral-500);
|
|
175
|
-
--color-theme-neutral-600: var(--color-theme-neutral-600);
|
|
176
|
-
--color-theme-neutral-700: var(--color-theme-neutral-700);
|
|
177
|
-
--color-theme-neutral-800: var(--color-theme-neutral-800);
|
|
178
|
-
--color-theme-neutral-900: var(--color-theme-neutral-900);
|
|
179
|
-
--color-theme-neutral-950: var(--color-theme-neutral-950);
|
|
180
|
-
--color-theme-neutral-black: var(--color-theme-neutral-black);
|
|
181
|
-
--color-theme-neutral-white: var(--color-theme-neutral-white);
|
|
182
|
-
--color-theme-primary-brand-100: var(--color-theme-primary-brand-100);
|
|
183
|
-
--color-theme-primary-brand-200: var(--color-theme-primary-brand-200);
|
|
184
|
-
--color-theme-primary-brand-300: var(--color-theme-primary-brand-300);
|
|
185
|
-
--color-theme-primary-brand-400: var(--color-theme-primary-brand-400);
|
|
186
|
-
--color-theme-primary-brand-50: var(--color-theme-primary-brand-50);
|
|
187
|
-
--color-theme-primary-brand-500: var(--color-theme-primary-brand-500);
|
|
188
|
-
--color-theme-primary-brand-600: var(--color-theme-primary-brand-600);
|
|
189
|
-
--color-theme-primary-brand-700: var(--color-theme-primary-brand-700);
|
|
190
|
-
--color-theme-primary-brand-800: var(--color-theme-primary-brand-800);
|
|
191
|
-
--color-theme-primary-brand-900: var(--color-theme-primary-brand-900);
|
|
192
|
-
--color-theme-primary-brand-950: var(--color-theme-primary-brand-950);
|
|
193
|
-
--color-theme-secondary-brand-100: var(--color-theme-secondary-brand-100);
|
|
194
|
-
--color-theme-secondary-brand-200: var(--color-theme-secondary-brand-200);
|
|
195
|
-
--color-theme-secondary-brand-300: var(--color-theme-secondary-brand-300);
|
|
196
|
-
--color-theme-secondary-brand-400: var(--color-theme-secondary-brand-400);
|
|
197
|
-
--color-theme-secondary-brand-50: var(--color-theme-secondary-brand-50);
|
|
198
|
-
--color-theme-secondary-brand-500: var(--color-theme-secondary-brand-500);
|
|
199
|
-
--color-theme-secondary-brand-600: var(--color-theme-secondary-brand-600);
|
|
200
|
-
--color-theme-secondary-brand-700: var(--color-theme-secondary-brand-700);
|
|
201
|
-
--color-theme-secondary-brand-800: var(--color-theme-secondary-brand-800);
|
|
202
|
-
--color-theme-secondary-brand-900: var(--color-theme-secondary-brand-900);
|
|
203
|
-
--color-theme-secondary-brand-950: var(--color-theme-secondary-brand-950);
|
|
204
|
-
--color-theme-success-100: var(--color-theme-success-100);
|
|
205
|
-
--color-theme-success-200: var(--color-theme-success-200);
|
|
206
|
-
--color-theme-success-300: var(--color-theme-success-300);
|
|
207
|
-
--color-theme-success-400: var(--color-theme-success-400);
|
|
208
|
-
--color-theme-success-50: var(--color-theme-success-50);
|
|
209
|
-
--color-theme-success-500: var(--color-theme-success-500);
|
|
210
|
-
--color-theme-success-600: var(--color-theme-success-600);
|
|
211
|
-
--color-theme-success-700: var(--color-theme-success-700);
|
|
212
|
-
--color-theme-success-800: var(--color-theme-success-800);
|
|
213
|
-
--color-theme-success-900: var(--color-theme-success-900);
|
|
214
|
-
--color-theme-success-950: var(--color-theme-success-950);
|
|
215
|
-
--color-theme-warning-100: var(--color-theme-warning-100);
|
|
216
|
-
--color-theme-warning-200: var(--color-theme-warning-200);
|
|
217
|
-
--color-theme-warning-300: var(--color-theme-warning-300);
|
|
218
|
-
--color-theme-warning-400: var(--color-theme-warning-400);
|
|
219
|
-
--color-theme-warning-50: var(--color-theme-warning-50);
|
|
220
|
-
--color-theme-warning-500: var(--color-theme-warning-500);
|
|
221
|
-
--color-theme-warning-600: var(--color-theme-warning-600);
|
|
222
|
-
--color-theme-warning-700: var(--color-theme-warning-700);
|
|
223
|
-
--color-theme-warning-800: var(--color-theme-warning-800);
|
|
224
|
-
--color-theme-warning-900: var(--color-theme-warning-900);
|
|
225
|
-
--color-theme-warning-950: var(--color-theme-warning-950);
|
|
226
|
-
|
|
227
|
-
--opacity-disabled: var(--opacity-disabled);
|
|
228
|
-
--radius-button: var(--radius-button);
|
|
229
|
-
--spacing-column-gap: var(--spacing-column-gap);
|
|
230
|
-
--spacing-content-body-bottom-padding: var(--spacing-content-body-bottom-padding);
|
|
231
|
-
--spacing-content-side-padding: var(--spacing-content-side-padding);
|
|
232
|
-
--spacing-content-side-padding-mobile: var(--spacing-content-side-padding-mobile);
|
|
233
|
-
--spacing-section-xs: var(--spacing-section-xs);
|
|
234
|
-
--spacing-section-sm: var(--spacing-section-sm);
|
|
235
|
-
--spacing-section-md: var(--spacing-section-md);
|
|
236
|
-
--spacing-section-lg: var(--spacing-section-lg);
|
|
237
|
-
--spacing-section-xl: var(--spacing-section-xl);
|
|
1
|
+
@import "tailwindcss";
|
|
2
|
+
@import "./theme/primitives.css";
|
|
3
|
+
@import "./theme/colors.css";
|
|
4
|
+
@import "./theme/ui-theme.css";
|
|
5
|
+
@import "./defaults.css";
|
|
6
|
+
|
|
7
|
+
@theme {
|
|
8
|
+
/* Disables Tailwind default colors */
|
|
9
|
+
/* --color-*: initial; */
|
|
10
|
+
|
|
11
|
+
--color-background-container-surface: var(--color-background-container-surface);
|
|
12
|
+
--color-background-overlay: var(--color-background-overlay);
|
|
13
|
+
--color-background-surface: var(--color-background-surface);
|
|
14
|
+
--color-background-danger-bold: var(--color-background-danger-bold);
|
|
15
|
+
--color-background-danger-subtler: var(--color-background-danger-subtler);
|
|
16
|
+
--color-background-danger-subtlest: var(--color-background-danger-subtlest);
|
|
17
|
+
--color-background-delete-default: var(--color-background-delete-default);
|
|
18
|
+
--color-background-delete-hover: var(--color-background-delete-hover);
|
|
19
|
+
--color-background-delete-on-neutral-hover: var(--color-background-delete-on-neutral-hover);
|
|
20
|
+
--color-background-delete-soft: var(--color-background-delete-soft);
|
|
21
|
+
--color-background-delete-soft-hover: var(--color-background-delete-soft-hover);
|
|
22
|
+
--color-background-info-bold: var(--color-background-info-bold);
|
|
23
|
+
--color-background-info-subtler: var(--color-background-info-subtler);
|
|
24
|
+
--color-background-info-subtlest: var(--color-background-info-subtlest);
|
|
25
|
+
--color-background-neutral-active: var(--color-background-neutral-active);
|
|
26
|
+
--color-background-neutral-bold: var(--color-background-neutral-bold);
|
|
27
|
+
--color-background-neutral-default: var(--color-background-neutral-default);
|
|
28
|
+
--color-background-neutral-disabled: var(--color-background-neutral-disabled);
|
|
29
|
+
--color-background-neutral-filled-transparent: var(--color-background-neutral-filled-transparent);
|
|
30
|
+
--color-background-neutral-hover: var(--color-background-neutral-hover);
|
|
31
|
+
--color-background-neutral-hover-subtle: var(--color-background-neutral-hover-subtle);
|
|
32
|
+
--color-background-neutral-sublter: var(--color-background-neutral-sublter);
|
|
33
|
+
--color-background-neutral-subtle: var(--color-background-neutral-subtle);
|
|
34
|
+
--color-background-neutral-subtlest: var(--color-background-neutral-subtlest);
|
|
35
|
+
--color-background-neutral-subtlest-on-container-surface: var(--color-background-neutral-subtlest-on-container-surface);
|
|
36
|
+
--color-background-neutral-filled-default: var(--color-background-neutral-filled-default);
|
|
37
|
+
--color-background-neutral-filled-hover: var(--color-background-neutral-filled-hover);
|
|
38
|
+
--color-background-primary-brand-active: var(--color-background-primary-brand-active);
|
|
39
|
+
--color-background-primary-brand-checked: var(--color-background-primary-brand-checked);
|
|
40
|
+
--color-background-primary-brand-checked-subtlest: var(--color-background-primary-brand-checked-subtlest);
|
|
41
|
+
--color-background-primary-brand-default: var(--color-background-primary-brand-default);
|
|
42
|
+
--color-background-primary-brand-hover: var(--color-background-primary-brand-hover);
|
|
43
|
+
--color-background-primary-brand-on-checked-subtle-bg: var(--color-background-primary-brand-on-checked-subtle-bg);
|
|
44
|
+
--color-background-primary-brand-soft: var(--color-background-primary-brand-soft);
|
|
45
|
+
--color-background-primary-brand-soft-hover: var(--color-background-primary-brand-soft-hover);
|
|
46
|
+
--color-background-primary-brand-subtle-active: var(--color-background-primary-brand-subtle-active);
|
|
47
|
+
--color-background-secondary-brand-checked: var(--color-background-secondary-brand-checked);
|
|
48
|
+
--color-background-secondary-brand-checked-subtlest: var(--color-background-secondary-brand-checked-subtlest);
|
|
49
|
+
--color-background-secondary-brand-default: var(--color-background-secondary-brand-default);
|
|
50
|
+
--color-background-secondary-brand-hover: var(--color-background-secondary-brand-hover);
|
|
51
|
+
--color-background-secondary-brand-on-checked-subtle-bg: var(--color-background-secondary-brand-on-checked-subtle-bg);
|
|
52
|
+
--color-background-secondary-brand-soft: var(--color-background-secondary-brand-soft);
|
|
53
|
+
--color-background-success-bold: var(--color-background-success-bold);
|
|
54
|
+
--color-background-success-subtler: var(--color-background-success-subtler);
|
|
55
|
+
--color-background-success-subtlest: var(--color-background-success-subtlest);
|
|
56
|
+
--color-background-warning-bold: var(--color-background-warning-bold);
|
|
57
|
+
--color-background-warning-subtler: var(--color-background-warning-subtler);
|
|
58
|
+
--color-background-warning-subtlest: var(--color-background-warning-subtlest);
|
|
59
|
+
--color-border-danger: var(--color-border-danger);
|
|
60
|
+
--color-border-default: var(--color-border-default);
|
|
61
|
+
--color-border-error: var(--color-border-error);
|
|
62
|
+
--color-border-inactive: var(--color-border-inactive);
|
|
63
|
+
--color-border-info: var(--color-border-info);
|
|
64
|
+
--color-border-secondary-brand: var(--color-border-secondary-brand);
|
|
65
|
+
--color-border-success: var(--color-border-success);
|
|
66
|
+
--color-border-warning: var(--color-border-warning);
|
|
67
|
+
--color-border-delete-default: var(--color-border-delete-default);
|
|
68
|
+
--color-border-delete-subtle: var(--color-border-delete-subtle);
|
|
69
|
+
--color-border-neutral-disabled: var(--color-border-neutral-disabled);
|
|
70
|
+
--color-border-neutral-hover: var(--color-border-neutral-hover);
|
|
71
|
+
--color-border-neutral-on-filled: var(--color-border-neutral-on-filled);
|
|
72
|
+
--color-border-neutral-stacked: var(--color-border-neutral-stacked);
|
|
73
|
+
--color-border-neutral-subtle: var(--color-border-neutral-subtle);
|
|
74
|
+
--color-border-primary-brand-active: var(--color-border-primary-brand-active);
|
|
75
|
+
--color-border-primary-brand-default: var(--color-border-primary-brand-default);
|
|
76
|
+
--color-border-primary-brand-hover: var(--color-border-primary-brand-hover);
|
|
77
|
+
--color-chart-variant-five: var(--color-chart-variant-five);
|
|
78
|
+
--color-chart-variant-four: var(--color-chart-variant-four);
|
|
79
|
+
--color-chart-variant-one: var(--color-chart-variant-one);
|
|
80
|
+
--color-chart-variant-six: var(--color-chart-variant-six);
|
|
81
|
+
--color-chart-variant-three: var(--color-chart-variant-three);
|
|
82
|
+
--color-chart-variant-two: var(--color-chart-variant-two);
|
|
83
|
+
--color-icon-danger: var(--color-icon-danger);
|
|
84
|
+
--color-icon-danger-subtle: var(--color-icon-danger-subtle);
|
|
85
|
+
--color-icon-default: var(--color-icon-default);
|
|
86
|
+
--color-icon-delete: var(--color-icon-delete);
|
|
87
|
+
--color-icon-error: var(--color-icon-error);
|
|
88
|
+
--color-icon-info: var(--color-icon-info);
|
|
89
|
+
--color-icon-info-subtle-strong: var(--color-icon-info-subtle-strong);
|
|
90
|
+
--color-icon-rating: var(--color-icon-rating);
|
|
91
|
+
--color-icon-success: var(--color-icon-success);
|
|
92
|
+
--color-icon-success-subtle: var(--color-icon-success-subtle);
|
|
93
|
+
--color-icon-warning: var(--color-icon-warning);
|
|
94
|
+
--color-icon-warning-on-bg: var(--color-icon-warning-on-bg);
|
|
95
|
+
--color-icon-warning-subtle: var(--color-icon-warning-subtle);
|
|
96
|
+
--color-icon-neutral-disabled: var(--color-icon-neutral-disabled);
|
|
97
|
+
--color-icon-neutral-inactive: var(--color-icon-neutral-inactive);
|
|
98
|
+
--color-icon-neutral-on-filled-bg: var(--color-icon-neutral-on-filled-bg);
|
|
99
|
+
--color-icon-neutral-on-filled-secondary-brand-bg: var(--color-icon-neutral-on-filled-secondary-brand-bg);
|
|
100
|
+
--color-icon-neutral-on-monochrome-active-bg: var(--color-icon-neutral-on-monochrome-active-bg);
|
|
101
|
+
--color-icon-neutral-on-monochrome-hover-bg: var(--color-icon-neutral-on-monochrome-hover-bg);
|
|
102
|
+
--color-icon-neutral-on-neutral-bg: var(--color-icon-neutral-on-neutral-bg);
|
|
103
|
+
--color-icon-neutral-on-primary-brand-soft-bg: var(--color-icon-neutral-on-primary-brand-soft-bg);
|
|
104
|
+
--color-icon-neutral-on-subtlest-bg: var(--color-icon-neutral-on-subtlest-bg);
|
|
105
|
+
--color-icon-neutral-subtle: var(--color-icon-neutral-subtle);
|
|
106
|
+
--color-icon-neutral-subtle-on-subtler-bg: var(--color-icon-neutral-subtle-on-subtler-bg);
|
|
107
|
+
--color-icon-neutral-subtler: var(--color-icon-neutral-subtler);
|
|
108
|
+
--color-icon-neutral-subtlest: var(--color-icon-neutral-subtlest);
|
|
109
|
+
--color-icon-primary-brand-active: var(--color-icon-primary-brand-active);
|
|
110
|
+
--color-icon-primary-brand-default: var(--color-icon-primary-brand-default);
|
|
111
|
+
--color-icon-primary-brand-hover: var(--color-icon-primary-brand-hover);
|
|
112
|
+
--color-icon-primary-brand-on-neutral-hover-bg: var(--color-icon-primary-brand-on-neutral-hover-bg);
|
|
113
|
+
--color-icon-primary-brand-on-soft-bg: var(--color-icon-primary-brand-on-soft-bg);
|
|
114
|
+
--color-icon-primary-brand-rating: var(--color-icon-primary-brand-rating);
|
|
115
|
+
--color-icon-secondary-brand-active: var(--color-icon-secondary-brand-active);
|
|
116
|
+
--color-icon-secondary-brand-default: var(--color-icon-secondary-brand-default);
|
|
117
|
+
--color-text-danger: var(--color-text-danger);
|
|
118
|
+
--color-text-default: var(--color-text-default);
|
|
119
|
+
--color-text-delete: var(--color-text-delete);
|
|
120
|
+
--color-text-error: var(--color-text-error);
|
|
121
|
+
--color-text-info: var(--color-text-info);
|
|
122
|
+
--color-text-success: var(--color-text-success);
|
|
123
|
+
--color-text-warning: var(--color-text-warning);
|
|
124
|
+
--color-text-warning-on-bg: var(--color-text-warning-on-bg);
|
|
125
|
+
--color-text-neutral-disabled: var(--color-text-neutral-disabled);
|
|
126
|
+
--color-text-neutral-inactive: var(--color-text-neutral-inactive);
|
|
127
|
+
--color-text-neutral-on-filled: var(--color-text-neutral-on-filled);
|
|
128
|
+
--color-text-neutral-on-monochrome-active-bg: var(--color-text-neutral-on-monochrome-active-bg);
|
|
129
|
+
--color-text-neutral-on-monochrome-hover-bg: var(--color-text-neutral-on-monochrome-hover-bg);
|
|
130
|
+
--color-text-neutral-on-neutral-bg: var(--color-text-neutral-on-neutral-bg);
|
|
131
|
+
--color-text-neutral-on-neutral-filled-bg: var(--color-text-neutral-on-neutral-filled-bg);
|
|
132
|
+
--color-text-neutral-on-primary-brand-soft-bg: var(--color-text-neutral-on-primary-brand-soft-bg);
|
|
133
|
+
--color-text-neutral-subtle: var(--color-text-neutral-subtle);
|
|
134
|
+
--color-text-neutral-subtle-on-disabled-bg: var(--color-text-neutral-subtle-on-disabled-bg);
|
|
135
|
+
--color-text-neutral-subtle-on-subtler-bg: var(--color-text-neutral-subtle-on-subtler-bg);
|
|
136
|
+
--color-text-neutral-subtler: var(--color-text-neutral-subtler);
|
|
137
|
+
--color-text-neutral-subtlest: var(--color-text-neutral-subtlest);
|
|
138
|
+
--color-text-primary-brand-active: var(--color-text-primary-brand-active);
|
|
139
|
+
--color-text-primary-brand-default: var(--color-text-primary-brand-default);
|
|
140
|
+
--color-text-primary-brand-hover: var(--color-text-primary-brand-hover);
|
|
141
|
+
--color-text-primary-brand-on-checked-subtlest: var(--color-text-primary-brand-on-checked-subtlest);
|
|
142
|
+
--color-text-primary-brand-on-neutral-hover-bg: var(--color-text-primary-brand-on-neutral-hover-bg);
|
|
143
|
+
--color-text-primary-brand-on-soft-bg: var(--color-text-primary-brand-on-soft-bg);
|
|
144
|
+
--color-text-secondary-brand-default: var(--color-text-secondary-brand-default);
|
|
145
|
+
--color-text-secondary-brand-on-checked-subtlest: var(--color-text-secondary-brand-on-checked-subtlest);
|
|
146
|
+
--color-text-secondary-brand-on-soft-bg: var(--color-text-secondary-brand-on-soft-bg);
|
|
147
|
+
--color-theme-danger-100: var(--color-theme-danger-100);
|
|
148
|
+
--color-theme-danger-200: var(--color-theme-danger-200);
|
|
149
|
+
--color-theme-danger-300: var(--color-theme-danger-300);
|
|
150
|
+
--color-theme-danger-400: var(--color-theme-danger-400);
|
|
151
|
+
--color-theme-danger-50: var(--color-theme-danger-50);
|
|
152
|
+
--color-theme-danger-500: var(--color-theme-danger-500);
|
|
153
|
+
--color-theme-danger-600: var(--color-theme-danger-600);
|
|
154
|
+
--color-theme-danger-700: var(--color-theme-danger-700);
|
|
155
|
+
--color-theme-danger-800: var(--color-theme-danger-800);
|
|
156
|
+
--color-theme-danger-900: var(--color-theme-danger-900);
|
|
157
|
+
--color-theme-danger-950: var(--color-theme-danger-950);
|
|
158
|
+
--color-theme-info-100: var(--color-theme-info-100);
|
|
159
|
+
--color-theme-info-200: var(--color-theme-info-200);
|
|
160
|
+
--color-theme-info-300: var(--color-theme-info-300);
|
|
161
|
+
--color-theme-info-400: var(--color-theme-info-400);
|
|
162
|
+
--color-theme-info-50: var(--color-theme-info-50);
|
|
163
|
+
--color-theme-info-500: var(--color-theme-info-500);
|
|
164
|
+
--color-theme-info-600: var(--color-theme-info-600);
|
|
165
|
+
--color-theme-info-700: var(--color-theme-info-700);
|
|
166
|
+
--color-theme-info-800: var(--color-theme-info-800);
|
|
167
|
+
--color-theme-info-900: var(--color-theme-info-900);
|
|
168
|
+
--color-theme-info-950: var(--color-theme-info-950);
|
|
169
|
+
--color-theme-neutral-100: var(--color-theme-neutral-100);
|
|
170
|
+
--color-theme-neutral-200: var(--color-theme-neutral-200);
|
|
171
|
+
--color-theme-neutral-300: var(--color-theme-neutral-300);
|
|
172
|
+
--color-theme-neutral-400: var(--color-theme-neutral-400);
|
|
173
|
+
--color-theme-neutral-50: var(--color-theme-neutral-50);
|
|
174
|
+
--color-theme-neutral-500: var(--color-theme-neutral-500);
|
|
175
|
+
--color-theme-neutral-600: var(--color-theme-neutral-600);
|
|
176
|
+
--color-theme-neutral-700: var(--color-theme-neutral-700);
|
|
177
|
+
--color-theme-neutral-800: var(--color-theme-neutral-800);
|
|
178
|
+
--color-theme-neutral-900: var(--color-theme-neutral-900);
|
|
179
|
+
--color-theme-neutral-950: var(--color-theme-neutral-950);
|
|
180
|
+
--color-theme-neutral-black: var(--color-theme-neutral-black);
|
|
181
|
+
--color-theme-neutral-white: var(--color-theme-neutral-white);
|
|
182
|
+
--color-theme-primary-brand-100: var(--color-theme-primary-brand-100);
|
|
183
|
+
--color-theme-primary-brand-200: var(--color-theme-primary-brand-200);
|
|
184
|
+
--color-theme-primary-brand-300: var(--color-theme-primary-brand-300);
|
|
185
|
+
--color-theme-primary-brand-400: var(--color-theme-primary-brand-400);
|
|
186
|
+
--color-theme-primary-brand-50: var(--color-theme-primary-brand-50);
|
|
187
|
+
--color-theme-primary-brand-500: var(--color-theme-primary-brand-500);
|
|
188
|
+
--color-theme-primary-brand-600: var(--color-theme-primary-brand-600);
|
|
189
|
+
--color-theme-primary-brand-700: var(--color-theme-primary-brand-700);
|
|
190
|
+
--color-theme-primary-brand-800: var(--color-theme-primary-brand-800);
|
|
191
|
+
--color-theme-primary-brand-900: var(--color-theme-primary-brand-900);
|
|
192
|
+
--color-theme-primary-brand-950: var(--color-theme-primary-brand-950);
|
|
193
|
+
--color-theme-secondary-brand-100: var(--color-theme-secondary-brand-100);
|
|
194
|
+
--color-theme-secondary-brand-200: var(--color-theme-secondary-brand-200);
|
|
195
|
+
--color-theme-secondary-brand-300: var(--color-theme-secondary-brand-300);
|
|
196
|
+
--color-theme-secondary-brand-400: var(--color-theme-secondary-brand-400);
|
|
197
|
+
--color-theme-secondary-brand-50: var(--color-theme-secondary-brand-50);
|
|
198
|
+
--color-theme-secondary-brand-500: var(--color-theme-secondary-brand-500);
|
|
199
|
+
--color-theme-secondary-brand-600: var(--color-theme-secondary-brand-600);
|
|
200
|
+
--color-theme-secondary-brand-700: var(--color-theme-secondary-brand-700);
|
|
201
|
+
--color-theme-secondary-brand-800: var(--color-theme-secondary-brand-800);
|
|
202
|
+
--color-theme-secondary-brand-900: var(--color-theme-secondary-brand-900);
|
|
203
|
+
--color-theme-secondary-brand-950: var(--color-theme-secondary-brand-950);
|
|
204
|
+
--color-theme-success-100: var(--color-theme-success-100);
|
|
205
|
+
--color-theme-success-200: var(--color-theme-success-200);
|
|
206
|
+
--color-theme-success-300: var(--color-theme-success-300);
|
|
207
|
+
--color-theme-success-400: var(--color-theme-success-400);
|
|
208
|
+
--color-theme-success-50: var(--color-theme-success-50);
|
|
209
|
+
--color-theme-success-500: var(--color-theme-success-500);
|
|
210
|
+
--color-theme-success-600: var(--color-theme-success-600);
|
|
211
|
+
--color-theme-success-700: var(--color-theme-success-700);
|
|
212
|
+
--color-theme-success-800: var(--color-theme-success-800);
|
|
213
|
+
--color-theme-success-900: var(--color-theme-success-900);
|
|
214
|
+
--color-theme-success-950: var(--color-theme-success-950);
|
|
215
|
+
--color-theme-warning-100: var(--color-theme-warning-100);
|
|
216
|
+
--color-theme-warning-200: var(--color-theme-warning-200);
|
|
217
|
+
--color-theme-warning-300: var(--color-theme-warning-300);
|
|
218
|
+
--color-theme-warning-400: var(--color-theme-warning-400);
|
|
219
|
+
--color-theme-warning-50: var(--color-theme-warning-50);
|
|
220
|
+
--color-theme-warning-500: var(--color-theme-warning-500);
|
|
221
|
+
--color-theme-warning-600: var(--color-theme-warning-600);
|
|
222
|
+
--color-theme-warning-700: var(--color-theme-warning-700);
|
|
223
|
+
--color-theme-warning-800: var(--color-theme-warning-800);
|
|
224
|
+
--color-theme-warning-900: var(--color-theme-warning-900);
|
|
225
|
+
--color-theme-warning-950: var(--color-theme-warning-950);
|
|
226
|
+
|
|
227
|
+
--opacity-disabled: var(--opacity-disabled);
|
|
228
|
+
--radius-button: var(--radius-button);
|
|
229
|
+
--spacing-column-gap: var(--spacing-column-gap);
|
|
230
|
+
--spacing-content-body-bottom-padding: var(--spacing-content-body-bottom-padding);
|
|
231
|
+
--spacing-content-side-padding: var(--spacing-content-side-padding);
|
|
232
|
+
--spacing-content-side-padding-mobile: var(--spacing-content-side-padding-mobile);
|
|
233
|
+
--spacing-section-xs: var(--spacing-section-xs);
|
|
234
|
+
--spacing-section-sm: var(--spacing-section-sm);
|
|
235
|
+
--spacing-section-md: var(--spacing-section-md);
|
|
236
|
+
--spacing-section-lg: var(--spacing-section-lg);
|
|
237
|
+
--spacing-section-xl: var(--spacing-section-xl);
|
|
238
238
|
}
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
<svg width="138" height="46" viewBox="0 0 138 46" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M4.36129 45H0L16.5773 0H21.0276L37.605 45H33.2437L18.9582 5.33936H18.6467L4.36129 45ZM7.49874 27.7515H30.1062V31.4429H7.49874V27.7515Z" fill="url(#paint0_linear_4002_260)"/>
|
|
3
|
-
<path d="M49.5763 0V45H45.4152V0H49.5763Z" fill="url(#paint1_linear_4002_260)"/>
|
|
4
|
-
<path d="M61.6922 45V0H76.4004C79.6343 0 82.3341 0.578614 84.4999 1.73584C86.6806 2.87842 88.3198 4.46777 89.4175 6.50391C90.5301 8.52539 91.0864 10.8472 91.0864 13.4692C91.0864 16.0913 90.5301 18.4058 89.4175 20.4126C88.3198 22.4194 86.688 23.9868 84.5222 25.1147C82.3564 26.2427 79.6714 26.8066 76.4672 26.8066H63.9396V23.0493H76.3559C78.7294 23.0493 80.7024 22.6611 82.2748 21.8848C83.8621 21.1084 85.0414 20.0024 85.8128 18.5669C86.599 17.1313 86.9921 15.4321 86.9921 13.4692C86.9921 11.5063 86.599 9.79248 85.8128 8.32764C85.0266 6.84815 83.8398 5.70557 82.2525 4.8999C80.6801 4.09424 78.6923 3.6914 76.2891 3.6914H65.8532V45H61.6922ZM81.7853 24.6973L93 45H88.1937L77.0902 24.6973H81.7853Z" fill="url(#paint2_linear_4002_260)"/>
|
|
5
|
-
<path d="M118.668 16H125.869V35.108C125.869 37.3163 125.34 39.2401 124.28 40.8795C123.221 42.5092 121.744 43.7724 119.849 44.6692C117.954 45.5564 115.753 46 113.245 46C110.709 46 108.493 45.5564 106.598 44.6692C104.703 43.7724 103.231 42.5092 102.182 40.8795C101.132 39.2401 100.607 37.3163 100.607 35.108V16H107.823V34.486C107.823 35.5082 108.046 36.4195 108.493 37.2199C108.95 38.0203 109.587 38.6471 110.403 39.1003C111.219 39.5535 112.167 39.7801 113.245 39.7801C114.324 39.7801 115.267 39.5535 116.073 39.1003C116.89 38.6471 117.526 38.0203 117.983 37.2199C118.44 36.4195 118.668 35.5082 118.668 34.486V16Z" fill="url(#paint3_linear_4002_260)"/>
|
|
6
|
-
<path d="M137.607 16V45.6239H130.392V16H137.607Z" fill="url(#paint4_linear_4002_260)"/>
|
|
7
|
-
<rect x="100.607" y="5.18182" width="37" height="5" fill="url(#paint5_linear_4002_260)"/>
|
|
8
|
-
<defs>
|
|
9
|
-
<linearGradient id="paint0_linear_4002_260" x1="46.5" y1="0" x2="46.5" y2="45" gradientUnits="userSpaceOnUse">
|
|
10
|
-
<stop stop-color="#1C17B4"/>
|
|
11
|
-
<stop offset="1" stop-color="#130F77"/>
|
|
12
|
-
</linearGradient>
|
|
13
|
-
<linearGradient id="paint1_linear_4002_260" x1="46.5" y1="0" x2="46.5" y2="45" gradientUnits="userSpaceOnUse">
|
|
14
|
-
<stop stop-color="#1C17B4"/>
|
|
15
|
-
<stop offset="1" stop-color="#130F77"/>
|
|
16
|
-
</linearGradient>
|
|
17
|
-
<linearGradient id="paint2_linear_4002_260" x1="46.5" y1="0" x2="46.5" y2="45" gradientUnits="userSpaceOnUse">
|
|
18
|
-
<stop stop-color="#1C17B4"/>
|
|
19
|
-
<stop offset="1" stop-color="#130F77"/>
|
|
20
|
-
</linearGradient>
|
|
21
|
-
<linearGradient id="paint3_linear_4002_260" x1="119.107" y1="16" x2="119.107" y2="46" gradientUnits="userSpaceOnUse">
|
|
22
|
-
<stop stop-color="#E11DEB"/>
|
|
23
|
-
<stop offset="1" stop-color="#141085"/>
|
|
24
|
-
</linearGradient>
|
|
25
|
-
<linearGradient id="paint4_linear_4002_260" x1="119.107" y1="16" x2="119.107" y2="46" gradientUnits="userSpaceOnUse">
|
|
26
|
-
<stop stop-color="#E11DEB"/>
|
|
27
|
-
<stop offset="1" stop-color="#141085"/>
|
|
28
|
-
</linearGradient>
|
|
29
|
-
<linearGradient id="paint5_linear_4002_260" x1="119.107" y1="5.18182" x2="119.107" y2="13.1818" gradientUnits="userSpaceOnUse">
|
|
30
|
-
<stop stop-color="#E11DEB"/>
|
|
31
|
-
<stop offset="1" stop-color="#141085"/>
|
|
32
|
-
</linearGradient>
|
|
33
|
-
</defs>
|
|
34
|
-
</svg>
|
|
1
|
+
<svg width="138" height="46" viewBox="0 0 138 46" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M4.36129 45H0L16.5773 0H21.0276L37.605 45H33.2437L18.9582 5.33936H18.6467L4.36129 45ZM7.49874 27.7515H30.1062V31.4429H7.49874V27.7515Z" fill="url(#paint0_linear_4002_260)"/>
|
|
3
|
+
<path d="M49.5763 0V45H45.4152V0H49.5763Z" fill="url(#paint1_linear_4002_260)"/>
|
|
4
|
+
<path d="M61.6922 45V0H76.4004C79.6343 0 82.3341 0.578614 84.4999 1.73584C86.6806 2.87842 88.3198 4.46777 89.4175 6.50391C90.5301 8.52539 91.0864 10.8472 91.0864 13.4692C91.0864 16.0913 90.5301 18.4058 89.4175 20.4126C88.3198 22.4194 86.688 23.9868 84.5222 25.1147C82.3564 26.2427 79.6714 26.8066 76.4672 26.8066H63.9396V23.0493H76.3559C78.7294 23.0493 80.7024 22.6611 82.2748 21.8848C83.8621 21.1084 85.0414 20.0024 85.8128 18.5669C86.599 17.1313 86.9921 15.4321 86.9921 13.4692C86.9921 11.5063 86.599 9.79248 85.8128 8.32764C85.0266 6.84815 83.8398 5.70557 82.2525 4.8999C80.6801 4.09424 78.6923 3.6914 76.2891 3.6914H65.8532V45H61.6922ZM81.7853 24.6973L93 45H88.1937L77.0902 24.6973H81.7853Z" fill="url(#paint2_linear_4002_260)"/>
|
|
5
|
+
<path d="M118.668 16H125.869V35.108C125.869 37.3163 125.34 39.2401 124.28 40.8795C123.221 42.5092 121.744 43.7724 119.849 44.6692C117.954 45.5564 115.753 46 113.245 46C110.709 46 108.493 45.5564 106.598 44.6692C104.703 43.7724 103.231 42.5092 102.182 40.8795C101.132 39.2401 100.607 37.3163 100.607 35.108V16H107.823V34.486C107.823 35.5082 108.046 36.4195 108.493 37.2199C108.95 38.0203 109.587 38.6471 110.403 39.1003C111.219 39.5535 112.167 39.7801 113.245 39.7801C114.324 39.7801 115.267 39.5535 116.073 39.1003C116.89 38.6471 117.526 38.0203 117.983 37.2199C118.44 36.4195 118.668 35.5082 118.668 34.486V16Z" fill="url(#paint3_linear_4002_260)"/>
|
|
6
|
+
<path d="M137.607 16V45.6239H130.392V16H137.607Z" fill="url(#paint4_linear_4002_260)"/>
|
|
7
|
+
<rect x="100.607" y="5.18182" width="37" height="5" fill="url(#paint5_linear_4002_260)"/>
|
|
8
|
+
<defs>
|
|
9
|
+
<linearGradient id="paint0_linear_4002_260" x1="46.5" y1="0" x2="46.5" y2="45" gradientUnits="userSpaceOnUse">
|
|
10
|
+
<stop stop-color="#1C17B4"/>
|
|
11
|
+
<stop offset="1" stop-color="#130F77"/>
|
|
12
|
+
</linearGradient>
|
|
13
|
+
<linearGradient id="paint1_linear_4002_260" x1="46.5" y1="0" x2="46.5" y2="45" gradientUnits="userSpaceOnUse">
|
|
14
|
+
<stop stop-color="#1C17B4"/>
|
|
15
|
+
<stop offset="1" stop-color="#130F77"/>
|
|
16
|
+
</linearGradient>
|
|
17
|
+
<linearGradient id="paint2_linear_4002_260" x1="46.5" y1="0" x2="46.5" y2="45" gradientUnits="userSpaceOnUse">
|
|
18
|
+
<stop stop-color="#1C17B4"/>
|
|
19
|
+
<stop offset="1" stop-color="#130F77"/>
|
|
20
|
+
</linearGradient>
|
|
21
|
+
<linearGradient id="paint3_linear_4002_260" x1="119.107" y1="16" x2="119.107" y2="46" gradientUnits="userSpaceOnUse">
|
|
22
|
+
<stop stop-color="#E11DEB"/>
|
|
23
|
+
<stop offset="1" stop-color="#141085"/>
|
|
24
|
+
</linearGradient>
|
|
25
|
+
<linearGradient id="paint4_linear_4002_260" x1="119.107" y1="16" x2="119.107" y2="46" gradientUnits="userSpaceOnUse">
|
|
26
|
+
<stop stop-color="#E11DEB"/>
|
|
27
|
+
<stop offset="1" stop-color="#141085"/>
|
|
28
|
+
</linearGradient>
|
|
29
|
+
<linearGradient id="paint5_linear_4002_260" x1="119.107" y1="5.18182" x2="119.107" y2="13.1818" gradientUnits="userSpaceOnUse">
|
|
30
|
+
<stop stop-color="#E11DEB"/>
|
|
31
|
+
<stop offset="1" stop-color="#141085"/>
|
|
32
|
+
</linearGradient>
|
|
33
|
+
</defs>
|
|
34
|
+
</svg>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
<svg width="138" height="46" viewBox="0 0 138 46" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M4.36129 45H0L16.5773 0H21.0276L37.605 45H33.2437L18.9582 5.33936H18.6467L4.36129 45ZM7.49874 27.7515H30.1062V31.4429H7.49874V27.7515Z" fill="#FFFFFF"/>
|
|
3
|
-
<path d="M49.5763 0V45H45.4152V0H49.5763Z" fill="#FFFFFF"/>
|
|
4
|
-
<path d="M61.6922 45V0H76.4004C79.6343 0 82.3341 0.578614 84.4999 1.73584C86.6806 2.87842 88.3198 4.46777 89.4175 6.50391C90.5301 8.52539 91.0864 10.8472 91.0864 13.4692C91.0864 16.0913 90.5301 18.4058 89.4175 20.4126C88.3198 22.4194 86.688 23.9868 84.5222 25.1147C82.3564 26.2427 79.6714 26.8066 76.4672 26.8066H63.9396V23.0493H76.3559C78.7294 23.0493 80.7024 22.6611 82.2748 21.8848C83.8621 21.1084 85.0414 20.0024 85.8128 18.5669C86.599 17.1313 86.9921 15.4321 86.9921 13.4692C86.9921 11.5063 86.599 9.79248 85.8128 8.32764C85.0266 6.84815 83.8398 5.70557 82.2525 4.8999C80.6801 4.09424 78.6923 3.6914 76.2891 3.6914H65.8532V45H61.6922ZM81.7853 24.6973L93 45H88.1937L77.0902 24.6973H81.7853Z" fill="#FFFFFF"/>
|
|
5
|
-
<path d="M118.668 16H125.869V35.108C125.869 37.3163 125.34 39.2401 124.28 40.8795C123.221 42.5092 121.744 43.7724 119.849 44.6692C117.954 45.5564 115.753 46 113.245 46C110.709 46 108.493 45.5564 106.598 44.6692C104.703 43.7724 103.231 42.5092 102.182 40.8795C101.132 39.2401 100.607 37.3163 100.607 35.108V16H107.823V34.486C107.823 35.5082 108.046 36.4195 108.493 37.2199C108.95 38.0203 109.587 38.6471 110.403 39.1003C111.219 39.5535 112.167 39.7801 113.245 39.7801C114.324 39.7801 115.267 39.5535 116.073 39.1003C116.89 38.6471 117.526 38.0203 117.983 37.2199C118.44 36.4195 118.668 35.5082 118.668 34.486V16Z" fill="#FFFFFF"/>
|
|
6
|
-
<path d="M137.607 16V45.6239H130.392V16H137.607Z" fill="#FFFFFF"/>
|
|
7
|
-
<rect x="100.607" y="5.18182" width="37" height="5" fill="#FFFFFF"/>
|
|
8
|
-
</svg>
|
|
1
|
+
<svg width="138" height="46" viewBox="0 0 138 46" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M4.36129 45H0L16.5773 0H21.0276L37.605 45H33.2437L18.9582 5.33936H18.6467L4.36129 45ZM7.49874 27.7515H30.1062V31.4429H7.49874V27.7515Z" fill="#FFFFFF"/>
|
|
3
|
+
<path d="M49.5763 0V45H45.4152V0H49.5763Z" fill="#FFFFFF"/>
|
|
4
|
+
<path d="M61.6922 45V0H76.4004C79.6343 0 82.3341 0.578614 84.4999 1.73584C86.6806 2.87842 88.3198 4.46777 89.4175 6.50391C90.5301 8.52539 91.0864 10.8472 91.0864 13.4692C91.0864 16.0913 90.5301 18.4058 89.4175 20.4126C88.3198 22.4194 86.688 23.9868 84.5222 25.1147C82.3564 26.2427 79.6714 26.8066 76.4672 26.8066H63.9396V23.0493H76.3559C78.7294 23.0493 80.7024 22.6611 82.2748 21.8848C83.8621 21.1084 85.0414 20.0024 85.8128 18.5669C86.599 17.1313 86.9921 15.4321 86.9921 13.4692C86.9921 11.5063 86.599 9.79248 85.8128 8.32764C85.0266 6.84815 83.8398 5.70557 82.2525 4.8999C80.6801 4.09424 78.6923 3.6914 76.2891 3.6914H65.8532V45H61.6922ZM81.7853 24.6973L93 45H88.1937L77.0902 24.6973H81.7853Z" fill="#FFFFFF"/>
|
|
5
|
+
<path d="M118.668 16H125.869V35.108C125.869 37.3163 125.34 39.2401 124.28 40.8795C123.221 42.5092 121.744 43.7724 119.849 44.6692C117.954 45.5564 115.753 46 113.245 46C110.709 46 108.493 45.5564 106.598 44.6692C104.703 43.7724 103.231 42.5092 102.182 40.8795C101.132 39.2401 100.607 37.3163 100.607 35.108V16H107.823V34.486C107.823 35.5082 108.046 36.4195 108.493 37.2199C108.95 38.0203 109.587 38.6471 110.403 39.1003C111.219 39.5535 112.167 39.7801 113.245 39.7801C114.324 39.7801 115.267 39.5535 116.073 39.1003C116.89 38.6471 117.526 38.0203 117.983 37.2199C118.44 36.4195 118.668 35.5082 118.668 34.486V16Z" fill="#FFFFFF"/>
|
|
6
|
+
<path d="M137.607 16V45.6239H130.392V16H137.607Z" fill="#FFFFFF"/>
|
|
7
|
+
<rect x="100.607" y="5.18182" width="37" height="5" fill="#FFFFFF"/>
|
|
8
|
+
</svg>
|
|
@@ -2,9 +2,8 @@
|
|
|
2
2
|
<div
|
|
3
3
|
:class="[
|
|
4
4
|
'w-full',
|
|
5
|
-
isFullScreen
|
|
5
|
+
isFullScreen ? 'h-screen py-[10vw] md:py-[20vw]' : 'py-6',
|
|
6
6
|
'px-content-side-padding',
|
|
7
|
-
'py-[10vw] md:py-[20vw]',
|
|
8
7
|
'flex',
|
|
9
8
|
orientation === Orientation.VERTICAL ? 'flex-col' : 'flex-col md:flex-row',
|
|
10
9
|
'gap-9',
|
|
@@ -30,7 +29,7 @@
|
|
|
30
29
|
<ContainedIcon
|
|
31
30
|
v-if="!$slots['visual-top'] && showIcon"
|
|
32
31
|
:color="ColorAccent.DANGER"
|
|
33
|
-
:icon
|
|
32
|
+
:icon="resolvedErrorMapping.icon ?? icon"
|
|
34
33
|
:size="IconContainerSize.XXL"
|
|
35
34
|
/>
|
|
36
35
|
|
|
@@ -45,19 +44,15 @@
|
|
|
45
44
|
'max-w-[600px]',
|
|
46
45
|
]"
|
|
47
46
|
>
|
|
48
|
-
<!--
|
|
49
|
-
Overtitle will only display if useGenericErrorTitle is true.
|
|
50
|
-
Otherwise, it will not be displayed because the error code is shown as the title
|
|
51
|
-
-->
|
|
52
47
|
<Heading
|
|
53
|
-
:title="
|
|
54
|
-
:overtitle="
|
|
48
|
+
:title="resolvedErrorMapping.title"
|
|
49
|
+
:overtitle="showErrorCode ? statusCode.toString() : ''"
|
|
55
50
|
:align="alignContent"
|
|
56
51
|
:size="HeadingSize.MD"
|
|
57
52
|
:isMobileCentered
|
|
58
53
|
/>
|
|
59
54
|
|
|
60
|
-
<p
|
|
55
|
+
<p
|
|
61
56
|
:class="[
|
|
62
57
|
'text-text-neutral-subtle',
|
|
63
58
|
'font-semibold',
|
|
@@ -65,11 +60,7 @@
|
|
|
65
60
|
'leading-6',
|
|
66
61
|
]"
|
|
67
62
|
>
|
|
68
|
-
{{
|
|
69
|
-
error.statusCode === 404
|
|
70
|
-
? pageNotFoundMessage
|
|
71
|
-
: error.message ?? genericErrorMessage
|
|
72
|
-
}}
|
|
63
|
+
{{ resolvedErrorMapping.message }}
|
|
73
64
|
</p>
|
|
74
65
|
</div>
|
|
75
66
|
|
|
@@ -84,12 +75,13 @@
|
|
|
84
75
|
actionsAlignmentClass,
|
|
85
76
|
'flex-col',
|
|
86
77
|
'md:flex-row',
|
|
87
|
-
'mb-4 md:mb-10' // Visual fix to push content a bit up
|
|
78
|
+
'mb-4 md:mb-10', // Visual fix to push content a bit up
|
|
88
79
|
]"
|
|
89
80
|
>
|
|
90
81
|
<ActionButton
|
|
91
82
|
v-if="!$slots['actions']"
|
|
92
83
|
:actionType="ButtonActionType.LINK"
|
|
84
|
+
:styleType="ButtonStyleType.PRIMARY_BRAND_FILLED"
|
|
93
85
|
:text="backToHomeText"
|
|
94
86
|
class="w-full md:w-auto"
|
|
95
87
|
:icon="backToHomeIcon"
|
|
@@ -105,55 +97,41 @@
|
|
|
105
97
|
<slot name="visual-right" />
|
|
106
98
|
</div>
|
|
107
99
|
</template>
|
|
108
|
-
<script setup lang="ts">
|
|
109
|
-
// Imports
|
|
110
|
-
import type { NuxtError } from "#app"
|
|
111
100
|
|
|
101
|
+
<script setup lang="ts">
|
|
112
102
|
// Props
|
|
113
103
|
const props = defineProps({
|
|
114
|
-
|
|
115
|
-
type:
|
|
104
|
+
statusCode: {
|
|
105
|
+
type: Number,
|
|
116
106
|
required: true,
|
|
117
107
|
},
|
|
108
|
+
errorMappings: {
|
|
109
|
+
type: Array as PropType<ErrorMapping[]>,
|
|
110
|
+
default: () => [],
|
|
111
|
+
},
|
|
118
112
|
showIcon: {
|
|
119
113
|
type: Boolean as PropType<boolean>,
|
|
120
114
|
default: true,
|
|
121
115
|
},
|
|
122
|
-
|
|
123
|
-
type: String as PropType<any>,
|
|
124
|
-
default: "mdiAlertCircleOutline",
|
|
125
|
-
},
|
|
126
|
-
pageNotFoundTitle: {
|
|
127
|
-
type: String as PropType<string>,
|
|
128
|
-
default: "Page not found",
|
|
129
|
-
},
|
|
130
|
-
pageNotFoundMessage: {
|
|
131
|
-
type: String as PropType<string>,
|
|
132
|
-
default: "The page you are looking for does not exist or may have been moved. Please try with another page.",
|
|
133
|
-
},
|
|
134
|
-
useGenericErrorTitle: {
|
|
116
|
+
showErrorCode: {
|
|
135
117
|
type: Boolean as PropType<boolean>,
|
|
136
|
-
default:
|
|
137
|
-
},
|
|
138
|
-
genericErrorTitle: {
|
|
139
|
-
type: String as PropType<string>,
|
|
140
|
-
default: "Oops! Something went wrong",
|
|
118
|
+
default: true,
|
|
141
119
|
},
|
|
142
|
-
|
|
143
|
-
type: String as PropType<
|
|
144
|
-
default:
|
|
120
|
+
icon: {
|
|
121
|
+
type: String as PropType<any>,
|
|
122
|
+
default: 'mdiAlertCircleOutline',
|
|
145
123
|
},
|
|
146
124
|
backToHomeText: {
|
|
147
125
|
type: String as PropType<string>,
|
|
148
|
-
default:
|
|
126
|
+
default: 'Back to home page',
|
|
149
127
|
},
|
|
150
128
|
backToHomeIcon: {
|
|
151
129
|
type: String as PropType<string>,
|
|
152
|
-
default:
|
|
130
|
+
default: 'mdiHomeOutline',
|
|
153
131
|
},
|
|
154
132
|
homeRoute: {
|
|
155
133
|
type: String as PropType<string>,
|
|
156
|
-
default:
|
|
134
|
+
default: '/',
|
|
157
135
|
},
|
|
158
136
|
isFullScreen: {
|
|
159
137
|
type: Boolean as PropType<boolean>,
|
|
@@ -166,7 +144,7 @@ const props = defineProps({
|
|
|
166
144
|
},
|
|
167
145
|
alignContent: {
|
|
168
146
|
type: String as PropType<Align>,
|
|
169
|
-
default: Align.
|
|
147
|
+
default: Align.CENTER,
|
|
170
148
|
validator: (value: Align) => Object.values(Align).includes(value),
|
|
171
149
|
},
|
|
172
150
|
isMobileCentered: {
|
|
@@ -175,27 +153,104 @@ const props = defineProps({
|
|
|
175
153
|
},
|
|
176
154
|
})
|
|
177
155
|
|
|
178
|
-
//
|
|
179
|
-
const
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
156
|
+
// Constants
|
|
157
|
+
const defaultErrorMappings: ErrorMapping[] = [
|
|
158
|
+
// 4xx Client Errors
|
|
159
|
+
{
|
|
160
|
+
statusCode: 400,
|
|
161
|
+
title: 'Bad request',
|
|
162
|
+
message: 'The request could not be understood by the server due to malformed syntax.',
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
statusCode: 401,
|
|
166
|
+
title: 'Unauthorized',
|
|
167
|
+
message: 'You are not authorized to access this resource. Please log in.',
|
|
168
|
+
},
|
|
169
|
+
{
|
|
170
|
+
statusCode: 403,
|
|
171
|
+
title: 'Forbidden',
|
|
172
|
+
message: 'You do not have permission to access this page.',
|
|
173
|
+
},
|
|
174
|
+
{
|
|
175
|
+
statusCode: 404,
|
|
176
|
+
title: 'Page not found',
|
|
177
|
+
message: 'The page you are looking for does not exist or may have been moved.',
|
|
178
|
+
},
|
|
179
|
+
{
|
|
180
|
+
statusCode: 405,
|
|
181
|
+
title: 'Method not allowed',
|
|
182
|
+
message: 'The method is not allowed for the requested URL.',
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
statusCode: 408,
|
|
186
|
+
title: 'Request timeout',
|
|
187
|
+
message: 'The server timed out waiting for the request.',
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
statusCode: 429,
|
|
191
|
+
title: 'Too many requests',
|
|
192
|
+
message: 'You have made too many requests in a short period of time. Please try again later.',
|
|
193
|
+
},
|
|
183
194
|
|
|
184
|
-
|
|
185
|
-
|
|
195
|
+
// 5xx Server Errors
|
|
196
|
+
{
|
|
197
|
+
statusCode: 500,
|
|
198
|
+
title: 'Internal server error',
|
|
199
|
+
message: 'Something went wrong on our end. Please try again later.',
|
|
200
|
+
},
|
|
201
|
+
{
|
|
202
|
+
statusCode: 501,
|
|
203
|
+
title: 'Not implemented',
|
|
204
|
+
message: 'The server does not support the functionality required to fulfill the request.',
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
statusCode: 502,
|
|
208
|
+
title: 'Bad gateway',
|
|
209
|
+
message: 'The server received an invalid response from the upstream server.',
|
|
210
|
+
},
|
|
211
|
+
{
|
|
212
|
+
statusCode: 503,
|
|
213
|
+
title: 'Service unavailable',
|
|
214
|
+
message: 'The server is temporarily unable to handle the request. Please try again later.',
|
|
215
|
+
},
|
|
216
|
+
{
|
|
217
|
+
statusCode: 504,
|
|
218
|
+
title: 'Gateway timeout',
|
|
219
|
+
message: 'The upstream server failed to send a request in time.',
|
|
220
|
+
},
|
|
221
|
+
{
|
|
222
|
+
statusCode: 505,
|
|
223
|
+
title: 'HTTP version not supported',
|
|
224
|
+
message: 'The server does not support the HTTP protocol version used in the request.',
|
|
225
|
+
},
|
|
226
|
+
|
|
227
|
+
// Fallback for unknown errors
|
|
228
|
+
{
|
|
229
|
+
statusCode: -1,
|
|
230
|
+
title: 'Unexpected error',
|
|
231
|
+
message: 'An unknown error occurred. Please try again.',
|
|
186
232
|
}
|
|
233
|
+
]
|
|
187
234
|
|
|
188
|
-
return String(props.error.statusCode)
|
|
189
|
-
})
|
|
190
235
|
|
|
191
|
-
|
|
236
|
+
// Computed
|
|
237
|
+
const resolvedErrorMapping = computed(() => {
|
|
238
|
+
const code = Number(props.statusCode)
|
|
239
|
+
|
|
240
|
+
const combined = [...props.errorMappings, ...defaultErrorMappings]
|
|
241
|
+
|
|
242
|
+
return (
|
|
243
|
+
combined.find(mapping => mapping.statusCode === code) ??
|
|
244
|
+
combined.find(mapping => mapping.statusCode === -1)!
|
|
245
|
+
)
|
|
246
|
+
})
|
|
247
|
+
const pageTitleText = computed(() => resolvedErrorMapping.value.title)
|
|
192
248
|
|
|
193
|
-
// Dynamically set the page title with a watcher (only for error page)
|
|
194
249
|
watchEffect(() => {
|
|
195
250
|
document.title = pageTitle(pageTitleText.value, App.NAME)
|
|
196
251
|
})
|
|
197
252
|
|
|
198
|
-
//
|
|
253
|
+
// Alignment classes
|
|
199
254
|
const contentAlignmentClass = computed(() => {
|
|
200
255
|
const base = {
|
|
201
256
|
[Align.LEFT]: 'md:items-start',
|
|
@@ -234,5 +289,4 @@ const textAlignmentClass = computed(() => {
|
|
|
234
289
|
base[props.alignContent as Align] || 'md:text-center',
|
|
235
290
|
].join(' ').trim()
|
|
236
291
|
})
|
|
237
|
-
|
|
238
292
|
</script>
|
package/eslint.config.mjs
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
// https://eslint.nuxt.com/packages/module
|
|
2
|
-
|
|
3
|
-
// @ts-check
|
|
4
|
-
import withNuxt from './.nuxt/eslint.config.mjs'
|
|
5
|
-
|
|
6
|
-
export default withNuxt({
|
|
7
|
-
rules: {
|
|
8
|
-
'vue/attribute-hyphenation': 'off',
|
|
9
|
-
'vue/no-multiple-template-root': 'off',
|
|
10
|
-
'vue/require-default-prop': 'off',
|
|
11
|
-
'vue/multi-word-component-names': 'off',
|
|
12
|
-
'@typescript-eslint/no-explicit-any': 'warn',
|
|
13
|
-
'@typescript-eslint/ban-ts-comment': 'error'
|
|
14
|
-
}
|
|
15
|
-
})
|
|
1
|
+
// https://eslint.nuxt.com/packages/module
|
|
2
|
+
|
|
3
|
+
// @ts-check
|
|
4
|
+
import withNuxt from './.nuxt/eslint.config.mjs'
|
|
5
|
+
|
|
6
|
+
export default withNuxt({
|
|
7
|
+
rules: {
|
|
8
|
+
'vue/attribute-hyphenation': 'off',
|
|
9
|
+
'vue/no-multiple-template-root': 'off',
|
|
10
|
+
'vue/require-default-prop': 'off',
|
|
11
|
+
'vue/multi-word-component-names': 'off',
|
|
12
|
+
'@typescript-eslint/no-explicit-any': 'warn',
|
|
13
|
+
'@typescript-eslint/ban-ts-comment': 'error'
|
|
14
|
+
}
|
|
15
|
+
})
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export interface HeaderConfig {
|
|
2
|
-
field: string
|
|
3
|
-
callback?: (value: any) => string
|
|
4
|
-
}
|
|
5
|
-
|
|
1
|
+
export interface HeaderConfig {
|
|
2
|
+
field: string
|
|
3
|
+
callback?: (value: any) => string
|
|
4
|
+
}
|
|
5
|
+
|
|
6
6
|
export type Headers = Record<string, string | HeaderConfig>
|
package/nuxt.config.ts
CHANGED
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
// https://nuxt.com/docs/api/configuration/nuxt-config
|
|
2
|
-
import tailwindcss from "@tailwindcss/vite"
|
|
3
|
-
|
|
4
|
-
export default defineNuxtConfig({
|
|
5
|
-
compatibilityDate: "2024-11-01",
|
|
6
|
-
devtools: { enabled: false },
|
|
7
|
-
ssr: false,
|
|
8
|
-
|
|
9
|
-
extends: [
|
|
10
|
-
'../air-ui-utils',
|
|
11
|
-
],
|
|
12
|
-
|
|
13
|
-
modules: ["@nuxt/image", "nuxt-mdi", "@nuxt/eslint", '@vueuse/nuxt'],
|
|
14
|
-
|
|
15
|
-
plugins: ["@/plugins/vue3-toastify"],
|
|
16
|
-
|
|
17
|
-
imports: {
|
|
18
|
-
dirs: [
|
|
19
|
-
"models/**"
|
|
20
|
-
],
|
|
21
|
-
},
|
|
22
|
-
|
|
23
|
-
components: [
|
|
24
|
-
// Auto-import components based only on its name, not path,
|
|
25
|
-
{
|
|
26
|
-
path: "./components",
|
|
27
|
-
pathPrefix: false,
|
|
28
|
-
},
|
|
29
|
-
],
|
|
30
|
-
|
|
31
|
-
eslint: {
|
|
32
|
-
// options here
|
|
33
|
-
},
|
|
34
|
-
|
|
35
|
-
css: ["./assets/css/main.css"],
|
|
36
|
-
|
|
37
|
-
vite: {
|
|
38
|
-
plugins: [tailwindcss()],
|
|
39
|
-
},
|
|
1
|
+
// https://nuxt.com/docs/api/configuration/nuxt-config
|
|
2
|
+
import tailwindcss from "@tailwindcss/vite"
|
|
3
|
+
|
|
4
|
+
export default defineNuxtConfig({
|
|
5
|
+
compatibilityDate: "2024-11-01",
|
|
6
|
+
devtools: { enabled: false },
|
|
7
|
+
ssr: false,
|
|
8
|
+
|
|
9
|
+
extends: [
|
|
10
|
+
'../air-ui-utils',
|
|
11
|
+
],
|
|
12
|
+
|
|
13
|
+
modules: ["@nuxt/image", "nuxt-mdi", "@nuxt/eslint", '@vueuse/nuxt'],
|
|
14
|
+
|
|
15
|
+
plugins: ["@/plugins/vue3-toastify"],
|
|
16
|
+
|
|
17
|
+
imports: {
|
|
18
|
+
dirs: [
|
|
19
|
+
"models/**"
|
|
20
|
+
],
|
|
21
|
+
},
|
|
22
|
+
|
|
23
|
+
components: [
|
|
24
|
+
// Auto-import components based only on its name, not path,
|
|
25
|
+
{
|
|
26
|
+
path: "./components",
|
|
27
|
+
pathPrefix: false,
|
|
28
|
+
},
|
|
29
|
+
],
|
|
30
|
+
|
|
31
|
+
eslint: {
|
|
32
|
+
// options here
|
|
33
|
+
},
|
|
34
|
+
|
|
35
|
+
css: ["./assets/css/main.css"],
|
|
36
|
+
|
|
37
|
+
vite: {
|
|
38
|
+
plugins: [tailwindcss()],
|
|
39
|
+
},
|
|
40
40
|
})
|
package/package.json
CHANGED
package/tsconfig.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
{
|
|
2
|
-
// https://nuxt.com/docs/guide/concepts/typescript
|
|
3
|
-
"extends": "./.nuxt/tsconfig.json",
|
|
4
|
-
"compilerOptions": {
|
|
5
|
-
"types": ["vitest/globals"],
|
|
6
|
-
}
|
|
7
|
-
}
|
|
1
|
+
{
|
|
2
|
+
// https://nuxt.com/docs/guide/concepts/typescript
|
|
3
|
+
"extends": "./.nuxt/tsconfig.json",
|
|
4
|
+
"compilerOptions": {
|
|
5
|
+
"types": ["vitest/globals"],
|
|
6
|
+
}
|
|
7
|
+
}
|