@imaginario27/air-ui-ds 1.0.18 → 1.0.20
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} +120 -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,45 @@
|
|
|
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
|
},
|
|
118
|
-
|
|
108
|
+
errorMappings: {
|
|
109
|
+
type: Array as PropType<ErrorMapping[]>,
|
|
110
|
+
default: () => [],
|
|
111
|
+
},
|
|
112
|
+
setPageTitle: {
|
|
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
|
+
showIcon: {
|
|
135
117
|
type: Boolean as PropType<boolean>,
|
|
136
|
-
default:
|
|
118
|
+
default: true,
|
|
137
119
|
},
|
|
138
|
-
|
|
139
|
-
type:
|
|
140
|
-
default:
|
|
120
|
+
showErrorCode: {
|
|
121
|
+
type: Boolean as PropType<boolean>,
|
|
122
|
+
default: true,
|
|
141
123
|
},
|
|
142
|
-
|
|
143
|
-
type: String as PropType<
|
|
144
|
-
default:
|
|
124
|
+
icon: {
|
|
125
|
+
type: String as PropType<any>,
|
|
126
|
+
default: 'mdiAlertCircleOutline',
|
|
145
127
|
},
|
|
146
128
|
backToHomeText: {
|
|
147
129
|
type: String as PropType<string>,
|
|
148
|
-
default:
|
|
130
|
+
default: 'Back to home page',
|
|
149
131
|
},
|
|
150
132
|
backToHomeIcon: {
|
|
151
133
|
type: String as PropType<string>,
|
|
152
|
-
default:
|
|
134
|
+
default: 'mdiHomeOutline',
|
|
153
135
|
},
|
|
154
136
|
homeRoute: {
|
|
155
137
|
type: String as PropType<string>,
|
|
156
|
-
default:
|
|
138
|
+
default: '/',
|
|
157
139
|
},
|
|
158
140
|
isFullScreen: {
|
|
159
141
|
type: Boolean as PropType<boolean>,
|
|
@@ -166,7 +148,7 @@ const props = defineProps({
|
|
|
166
148
|
},
|
|
167
149
|
alignContent: {
|
|
168
150
|
type: String as PropType<Align>,
|
|
169
|
-
default: Align.
|
|
151
|
+
default: Align.CENTER,
|
|
170
152
|
validator: (value: Align) => Object.values(Align).includes(value),
|
|
171
153
|
},
|
|
172
154
|
isMobileCentered: {
|
|
@@ -175,27 +157,107 @@ const props = defineProps({
|
|
|
175
157
|
},
|
|
176
158
|
})
|
|
177
159
|
|
|
178
|
-
//
|
|
179
|
-
const
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
160
|
+
// Constants
|
|
161
|
+
const defaultErrorMappings: ErrorMapping[] = [
|
|
162
|
+
// 4xx Client Errors
|
|
163
|
+
{
|
|
164
|
+
statusCode: 400,
|
|
165
|
+
title: 'Bad request',
|
|
166
|
+
message: 'The request could not be understood by the server due to malformed syntax.',
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
statusCode: 401,
|
|
170
|
+
title: 'Unauthorized',
|
|
171
|
+
message: 'You are not authorized to access this resource. Please log in.',
|
|
172
|
+
},
|
|
173
|
+
{
|
|
174
|
+
statusCode: 403,
|
|
175
|
+
title: 'Forbidden',
|
|
176
|
+
message: 'You do not have permission to access this page.',
|
|
177
|
+
},
|
|
178
|
+
{
|
|
179
|
+
statusCode: 404,
|
|
180
|
+
title: 'Page not found',
|
|
181
|
+
message: 'The page you are looking for does not exist or may have been moved.',
|
|
182
|
+
},
|
|
183
|
+
{
|
|
184
|
+
statusCode: 405,
|
|
185
|
+
title: 'Method not allowed',
|
|
186
|
+
message: 'The method is not allowed for the requested URL.',
|
|
187
|
+
},
|
|
188
|
+
{
|
|
189
|
+
statusCode: 408,
|
|
190
|
+
title: 'Request timeout',
|
|
191
|
+
message: 'The server timed out waiting for the request.',
|
|
192
|
+
},
|
|
193
|
+
{
|
|
194
|
+
statusCode: 429,
|
|
195
|
+
title: 'Too many requests',
|
|
196
|
+
message: 'You have made too many requests in a short period of time. Please try again later.',
|
|
197
|
+
},
|
|
198
|
+
|
|
199
|
+
// 5xx Server Errors
|
|
200
|
+
{
|
|
201
|
+
statusCode: 500,
|
|
202
|
+
title: 'Internal server error',
|
|
203
|
+
message: 'Something went wrong on our end. Please try again later.',
|
|
204
|
+
},
|
|
205
|
+
{
|
|
206
|
+
statusCode: 501,
|
|
207
|
+
title: 'Not implemented',
|
|
208
|
+
message: 'The server does not support the functionality required to fulfill the request.',
|
|
209
|
+
},
|
|
210
|
+
{
|
|
211
|
+
statusCode: 502,
|
|
212
|
+
title: 'Bad gateway',
|
|
213
|
+
message: 'The server received an invalid response from the upstream server.',
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
statusCode: 503,
|
|
217
|
+
title: 'Service unavailable',
|
|
218
|
+
message: 'The server is temporarily unable to handle the request. Please try again later.',
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
statusCode: 504,
|
|
222
|
+
title: 'Gateway timeout',
|
|
223
|
+
message: 'The upstream server failed to send a request in time.',
|
|
224
|
+
},
|
|
225
|
+
{
|
|
226
|
+
statusCode: 505,
|
|
227
|
+
title: 'HTTP version not supported',
|
|
228
|
+
message: 'The server does not support the HTTP protocol version used in the request.',
|
|
229
|
+
},
|
|
183
230
|
|
|
184
|
-
|
|
185
|
-
|
|
231
|
+
// Fallback for unknown errors
|
|
232
|
+
{
|
|
233
|
+
statusCode: -1,
|
|
234
|
+
title: 'Unexpected error',
|
|
235
|
+
message: 'An unknown error occurred. Please try again.',
|
|
186
236
|
}
|
|
237
|
+
]
|
|
238
|
+
|
|
187
239
|
|
|
188
|
-
|
|
240
|
+
// Computed
|
|
241
|
+
const resolvedErrorMapping = computed(() => {
|
|
242
|
+
const code = Number(props.statusCode)
|
|
243
|
+
|
|
244
|
+
const combined = [...props.errorMappings, ...defaultErrorMappings]
|
|
245
|
+
|
|
246
|
+
return (
|
|
247
|
+
combined.find(mapping => mapping.statusCode === code) ??
|
|
248
|
+
combined.find(mapping => mapping.statusCode === -1)!
|
|
249
|
+
)
|
|
189
250
|
})
|
|
190
251
|
|
|
191
|
-
const pageTitleText = computed(() =>
|
|
252
|
+
const pageTitleText = computed(() => resolvedErrorMapping.value.title)
|
|
192
253
|
|
|
193
|
-
// Dynamically set the page title with a watcher (only for error page)
|
|
194
254
|
watchEffect(() => {
|
|
195
|
-
|
|
255
|
+
if (props.setPageTitle) {
|
|
256
|
+
document.title = pageTitle(pageTitleText.value, App.NAME)
|
|
257
|
+
}
|
|
196
258
|
})
|
|
197
259
|
|
|
198
|
-
//
|
|
260
|
+
// Alignment classes
|
|
199
261
|
const contentAlignmentClass = computed(() => {
|
|
200
262
|
const base = {
|
|
201
263
|
[Align.LEFT]: 'md:items-start',
|
|
@@ -234,5 +296,4 @@ const textAlignmentClass = computed(() => {
|
|
|
234
296
|
base[props.alignContent as Align] || 'md:text-center',
|
|
235
297
|
].join(' ').trim()
|
|
236
298
|
})
|
|
237
|
-
|
|
238
299
|
</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
|
+
}
|