@aotearoan/neon 23.0.2 → 23.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/dist/common/utils/NeonAlertService.cjs.js +1 -1
  2. package/dist/common/utils/NeonAlertService.cjs.js.map +1 -1
  3. package/dist/common/utils/NeonAlertService.es.js +31 -18
  4. package/dist/common/utils/NeonAlertService.es.js.map +1 -1
  5. package/dist/common/utils/NeonBannerService.cjs.js +2 -0
  6. package/dist/common/utils/NeonBannerService.cjs.js.map +1 -0
  7. package/dist/common/utils/NeonBannerService.es.js +67 -0
  8. package/dist/common/utils/NeonBannerService.es.js.map +1 -0
  9. package/dist/common/utils/NeonToastService.cjs.js +1 -1
  10. package/dist/common/utils/NeonToastService.cjs.js.map +1 -1
  11. package/dist/common/utils/NeonToastService.es.js +31 -18
  12. package/dist/common/utils/NeonToastService.es.js.map +1 -1
  13. package/dist/components/feedback/alert/NeonAlert.cjs.js +1 -1
  14. package/dist/components/feedback/alert/NeonAlert.cjs.js.map +1 -1
  15. package/dist/components/feedback/alert/NeonAlert.es.js +82 -72
  16. package/dist/components/feedback/alert/NeonAlert.es.js.map +1 -1
  17. package/dist/components/feedback/banner/NeonBanner.cjs.js +2 -0
  18. package/dist/components/feedback/banner/NeonBanner.cjs.js.map +1 -0
  19. package/dist/components/feedback/banner/NeonBanner.es.js +53 -0
  20. package/dist/components/feedback/banner/NeonBanner.es.js.map +1 -0
  21. package/dist/components/feedback/banner/NeonBanner.vue.cjs.js +2 -0
  22. package/dist/components/feedback/banner/NeonBanner.vue.cjs.js.map +1 -0
  23. package/dist/components/feedback/banner/NeonBanner.vue.es.js +36 -0
  24. package/dist/components/feedback/banner/NeonBanner.vue.es.js.map +1 -0
  25. package/dist/components/layout/page/NeonPage.cjs.js +1 -1
  26. package/dist/components/layout/page/NeonPage.cjs.js.map +1 -1
  27. package/dist/components/layout/page/NeonPage.es.js +13 -7
  28. package/dist/components/layout/page/NeonPage.es.js.map +1 -1
  29. package/dist/components/layout/page/NeonPage.vue.cjs.js +1 -1
  30. package/dist/components/layout/page/NeonPage.vue.cjs.js.map +1 -1
  31. package/dist/components/layout/page/NeonPage.vue.es.js +18 -13
  32. package/dist/components/layout/page/NeonPage.vue.es.js.map +1 -1
  33. package/dist/neon.cjs.js +1 -1
  34. package/dist/neon.es.js +217 -213
  35. package/dist/neon.es.js.map +1 -1
  36. package/dist/src/common/models/NeonAlertMessage.d.ts +4 -0
  37. package/dist/src/common/models/NeonBannerMessage.d.ts +20 -0
  38. package/dist/src/common/models/NeonToastMessage.d.ts +4 -0
  39. package/dist/src/common/utils/NeonAlertService.d.ts +7 -0
  40. package/dist/src/common/utils/NeonBannerService.d.ts +47 -0
  41. package/dist/src/common/utils/NeonToastService.d.ts +7 -0
  42. package/dist/src/components/feedback/alert/NeonAlert.d.ts +12 -0
  43. package/dist/src/components/feedback/banner/NeonBanner.d.ts +966 -0
  44. package/dist/src/components/feedback/banner/NeonBanner.vue.d.ts +2 -0
  45. package/dist/src/components/feedback/banner/NeonBannerModel.d.ts +6 -0
  46. package/dist/src/components/layout/page/NeonPage.d.ts +1433 -1
  47. package/dist/src/neon.d.ts +4 -0
  48. package/package.json +1 -1
  49. package/src/sass/components/_banner.scss +26 -0
  50. package/src/sass/components/_footer.scss +4 -22
  51. package/src/sass/components/_grid.scss +6 -20
  52. package/src/sass/components/_link.scss +1 -1
  53. package/src/sass/components/_page.scss +31 -5
  54. package/src/sass/components/_side-nav.scss +3 -3
  55. package/src/sass/components/_tabs.scss +3 -3
  56. package/src/sass/components/_top-nav.scss +1 -1
  57. package/src/sass/components/components.scss +1 -0
  58. package/src/sass/global/_base-html.scss +20 -0
  59. package/src/sass/includes/_dependencies.scss +3 -7
  60. package/src/sass/theme.scss +4 -0
  61. package/src/sass/variables.scss +27 -3
@@ -0,0 +1,966 @@
1
+ import type { NeonBannerModel } from '@/components/feedback/banner/NeonBannerModel';
2
+ import { NeonAlertLevel } from '@/common/enums/NeonAlertLevel';
3
+ /**
4
+ * NeonBanner is a component for displaying important information to the user above the page content.
5
+ */
6
+ declare const _default: import("vue").DefineComponent<{}, {
7
+ onAction: () => void;
8
+ messages: import("vue").Ref<{
9
+ id: number;
10
+ level: NeonAlertLevel;
11
+ key?: string | undefined;
12
+ message: string;
13
+ action: {
14
+ label: string;
15
+ callback: () => void;
16
+ };
17
+ }[], NeonBannerModel[] | {
18
+ id: number;
19
+ level: NeonAlertLevel;
20
+ key?: string | undefined;
21
+ message: string;
22
+ action: {
23
+ label: string;
24
+ callback: () => void;
25
+ };
26
+ }[]>;
27
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
28
+ NeonNote: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
29
+ title: {
30
+ type: StringConstructor;
31
+ };
32
+ color: {
33
+ type: () => import("../../../neon").NeonFunctionalColor;
34
+ default: import("../../../neon").NeonFunctionalColor;
35
+ };
36
+ closable: {
37
+ type: BooleanConstructor;
38
+ default: boolean;
39
+ };
40
+ icon: {
41
+ type: BooleanConstructor;
42
+ default: boolean;
43
+ };
44
+ ariaLabelCloseNote: {
45
+ type: StringConstructor;
46
+ default: string;
47
+ };
48
+ }>, {
49
+ iconName: import("vue").ComputedRef<"info-circle" | "check-circle" | "exclamation-circle" | "times-circle" | undefined>;
50
+ slots: Readonly<{
51
+ [name: string]: import("vue").Slot<any> | undefined;
52
+ }>;
53
+ closeNote: () => void;
54
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close-note"[], "close-note", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
55
+ title: {
56
+ type: StringConstructor;
57
+ };
58
+ color: {
59
+ type: () => import("../../../neon").NeonFunctionalColor;
60
+ default: import("../../../neon").NeonFunctionalColor;
61
+ };
62
+ closable: {
63
+ type: BooleanConstructor;
64
+ default: boolean;
65
+ };
66
+ icon: {
67
+ type: BooleanConstructor;
68
+ default: boolean;
69
+ };
70
+ ariaLabelCloseNote: {
71
+ type: StringConstructor;
72
+ default: string;
73
+ };
74
+ }>> & Readonly<{
75
+ "onClose-note"?: ((...args: any[]) => any) | undefined;
76
+ }>, {
77
+ icon: boolean;
78
+ color: import("../../../neon").NeonFunctionalColor;
79
+ closable: boolean;
80
+ ariaLabelCloseNote: string;
81
+ }, {}, {
82
+ NeonButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
83
+ href: {
84
+ type: StringConstructor;
85
+ default: null;
86
+ };
87
+ label: {
88
+ type: StringConstructor;
89
+ default: null;
90
+ };
91
+ size: {
92
+ type: () => import("../../../neon").NeonButtonSize;
93
+ default: import("../../../neon").NeonButtonSize;
94
+ };
95
+ color: {
96
+ type: () => import("../../../neon").NeonFunctionalColor;
97
+ default: import("../../../neon").NeonFunctionalColor;
98
+ };
99
+ inverse: {
100
+ type: BooleanConstructor;
101
+ default: boolean;
102
+ };
103
+ alternateColor: {
104
+ type: () => import("../../../neon").NeonFunctionalColor;
105
+ default: null;
106
+ };
107
+ icon: {
108
+ type: StringConstructor;
109
+ default: null;
110
+ };
111
+ iconAriaLabel: {
112
+ type: StringConstructor;
113
+ };
114
+ iconPosition: {
115
+ type: () => import("../../../neon").NeonHorizontalPosition;
116
+ default: import("../../../neon").NeonHorizontalPosition;
117
+ };
118
+ buttonStyle: {
119
+ type: () => import("../../../neon").NeonButtonStyle;
120
+ default: import("../../../neon").NeonButtonStyle;
121
+ };
122
+ buttonType: {
123
+ type: () => import("../../../neon").NeonButtonType;
124
+ default: import("../../../neon").NeonButtonType;
125
+ };
126
+ state: {
127
+ type: () => import("../../../neon").NeonState;
128
+ default: import("../../../neon").NeonState;
129
+ };
130
+ disabled: {
131
+ type: BooleanConstructor;
132
+ default: boolean;
133
+ };
134
+ transparent: {
135
+ type: BooleanConstructor;
136
+ default: boolean;
137
+ };
138
+ outline: {
139
+ type: BooleanConstructor;
140
+ default: boolean;
141
+ };
142
+ circular: {
143
+ type: BooleanConstructor;
144
+ default: null;
145
+ };
146
+ fullWidth: {
147
+ type: BooleanConstructor;
148
+ default: null;
149
+ };
150
+ indicator: {
151
+ type: BooleanConstructor;
152
+ default: boolean;
153
+ };
154
+ indicatorExpanded: {
155
+ type: BooleanConstructor;
156
+ default: null;
157
+ };
158
+ }>, {
159
+ iconName: import("vue").ComputedRef<string>;
160
+ classes: import("vue").ComputedRef<(string | false | {
161
+ [x: string]: boolean | "" | import("../../../neon").NeonFunctionalColor;
162
+ 'neon-button--text-transparent': boolean;
163
+ 'neon-button--disabled': boolean;
164
+ 'neon-button--inverse': boolean;
165
+ 'neon-button--circular': boolean;
166
+ 'neon-button--no-outline': boolean;
167
+ 'neon-button--full-width': boolean;
168
+ 'neon-button--with-icon neon-button--icon-only': boolean | "";
169
+ 'neon-button--with-icon neon-button--icon-left': boolean | "";
170
+ 'neon-button--with-icon neon-button--icon-right': boolean | "";
171
+ })[]>;
172
+ button: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
173
+ attrs: {
174
+ [x: string]: unknown;
175
+ };
176
+ sanitizedAttributes: import("vue").ComputedRef<{
177
+ [x: string]: unknown;
178
+ }>;
179
+ clickLink: () => void | undefined;
180
+ clickButton: () => void;
181
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
182
+ href: {
183
+ type: StringConstructor;
184
+ default: null;
185
+ };
186
+ label: {
187
+ type: StringConstructor;
188
+ default: null;
189
+ };
190
+ size: {
191
+ type: () => import("../../../neon").NeonButtonSize;
192
+ default: import("../../../neon").NeonButtonSize;
193
+ };
194
+ color: {
195
+ type: () => import("../../../neon").NeonFunctionalColor;
196
+ default: import("../../../neon").NeonFunctionalColor;
197
+ };
198
+ inverse: {
199
+ type: BooleanConstructor;
200
+ default: boolean;
201
+ };
202
+ alternateColor: {
203
+ type: () => import("../../../neon").NeonFunctionalColor;
204
+ default: null;
205
+ };
206
+ icon: {
207
+ type: StringConstructor;
208
+ default: null;
209
+ };
210
+ iconAriaLabel: {
211
+ type: StringConstructor;
212
+ };
213
+ iconPosition: {
214
+ type: () => import("../../../neon").NeonHorizontalPosition;
215
+ default: import("../../../neon").NeonHorizontalPosition;
216
+ };
217
+ buttonStyle: {
218
+ type: () => import("../../../neon").NeonButtonStyle;
219
+ default: import("../../../neon").NeonButtonStyle;
220
+ };
221
+ buttonType: {
222
+ type: () => import("../../../neon").NeonButtonType;
223
+ default: import("../../../neon").NeonButtonType;
224
+ };
225
+ state: {
226
+ type: () => import("../../../neon").NeonState;
227
+ default: import("../../../neon").NeonState;
228
+ };
229
+ disabled: {
230
+ type: BooleanConstructor;
231
+ default: boolean;
232
+ };
233
+ transparent: {
234
+ type: BooleanConstructor;
235
+ default: boolean;
236
+ };
237
+ outline: {
238
+ type: BooleanConstructor;
239
+ default: boolean;
240
+ };
241
+ circular: {
242
+ type: BooleanConstructor;
243
+ default: null;
244
+ };
245
+ fullWidth: {
246
+ type: BooleanConstructor;
247
+ default: null;
248
+ };
249
+ indicator: {
250
+ type: BooleanConstructor;
251
+ default: boolean;
252
+ };
253
+ indicatorExpanded: {
254
+ type: BooleanConstructor;
255
+ default: null;
256
+ };
257
+ }>> & Readonly<{
258
+ onClick?: ((...args: any[]) => any) | undefined;
259
+ }>, {
260
+ outline: boolean;
261
+ disabled: boolean;
262
+ label: string;
263
+ href: string;
264
+ icon: string;
265
+ size: import("../../../neon").NeonButtonSize;
266
+ color: import("../../../neon").NeonFunctionalColor;
267
+ inverse: boolean;
268
+ alternateColor: import("../../../neon").NeonFunctionalColor;
269
+ iconPosition: import("../../../neon").NeonHorizontalPosition;
270
+ buttonStyle: import("../../../neon").NeonButtonStyle;
271
+ buttonType: import("../../../neon").NeonButtonType;
272
+ state: import("../../../neon").NeonState;
273
+ transparent: boolean;
274
+ circular: boolean;
275
+ fullWidth: boolean;
276
+ indicator: boolean;
277
+ indicatorExpanded: boolean;
278
+ }, {}, {
279
+ NeonExpansionIndicator: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
280
+ expanded: {
281
+ type: BooleanConstructor;
282
+ default: boolean;
283
+ };
284
+ inverse: {
285
+ type: BooleanConstructor;
286
+ default: boolean;
287
+ };
288
+ disabled: {
289
+ type: BooleanConstructor;
290
+ default: boolean;
291
+ };
292
+ color: {
293
+ type: () => import("../../../neon").NeonFunctionalColor;
294
+ default: null;
295
+ };
296
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
297
+ expanded: {
298
+ type: BooleanConstructor;
299
+ default: boolean;
300
+ };
301
+ inverse: {
302
+ type: BooleanConstructor;
303
+ default: boolean;
304
+ };
305
+ disabled: {
306
+ type: BooleanConstructor;
307
+ default: boolean;
308
+ };
309
+ color: {
310
+ type: () => import("../../../neon").NeonFunctionalColor;
311
+ default: null;
312
+ };
313
+ }>> & Readonly<{}>, {
314
+ disabled: boolean;
315
+ expanded: boolean;
316
+ color: import("../../../neon").NeonFunctionalColor;
317
+ inverse: boolean;
318
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
319
+ NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
320
+ name: {
321
+ type: StringConstructor;
322
+ required: true;
323
+ };
324
+ id: {
325
+ type: StringConstructor;
326
+ default: null;
327
+ };
328
+ color: {
329
+ type: () => import("../../../neon").NeonFunctionalColor;
330
+ default: null;
331
+ };
332
+ inverse: {
333
+ type: BooleanConstructor;
334
+ default: boolean;
335
+ };
336
+ disabled: {
337
+ type: BooleanConstructor;
338
+ default: boolean;
339
+ };
340
+ }>, {
341
+ sanitizedAttributes: import("vue").ComputedRef<{
342
+ [x: string]: unknown;
343
+ }>;
344
+ icon: import("vue").ComputedRef<string | undefined>;
345
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
346
+ name: {
347
+ type: StringConstructor;
348
+ required: true;
349
+ };
350
+ id: {
351
+ type: StringConstructor;
352
+ default: null;
353
+ };
354
+ color: {
355
+ type: () => import("../../../neon").NeonFunctionalColor;
356
+ default: null;
357
+ };
358
+ inverse: {
359
+ type: BooleanConstructor;
360
+ default: boolean;
361
+ };
362
+ disabled: {
363
+ type: BooleanConstructor;
364
+ default: boolean;
365
+ };
366
+ }>> & Readonly<{}>, {
367
+ disabled: boolean;
368
+ color: import("../../../neon").NeonFunctionalColor;
369
+ id: string;
370
+ inverse: boolean;
371
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
372
+ NeonLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
373
+ href: {
374
+ type: StringConstructor;
375
+ default: null;
376
+ };
377
+ noStyle: {
378
+ type: BooleanConstructor;
379
+ default: boolean;
380
+ };
381
+ outlineStyle: {
382
+ type: () => import("../../../neon").NeonOutlineStyle;
383
+ default: import("../../../neon").NeonOutlineStyle;
384
+ };
385
+ externalIndicator: {
386
+ type: BooleanConstructor;
387
+ default: boolean;
388
+ };
389
+ }>, {
390
+ neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
391
+ routerUrl: import("vue").ComputedRef<string | undefined>;
392
+ sanitizedAttributes: import("vue").ComputedRef<{
393
+ [x: string]: unknown;
394
+ }>;
395
+ activeRoute: import("vue").ComputedRef<boolean | "">;
396
+ exactRoute: import("vue").ComputedRef<boolean | "">;
397
+ onClick: () => void;
398
+ onSpace: () => Promise<void>;
399
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
400
+ href: {
401
+ type: StringConstructor;
402
+ default: null;
403
+ };
404
+ noStyle: {
405
+ type: BooleanConstructor;
406
+ default: boolean;
407
+ };
408
+ outlineStyle: {
409
+ type: () => import("../../../neon").NeonOutlineStyle;
410
+ default: import("../../../neon").NeonOutlineStyle;
411
+ };
412
+ externalIndicator: {
413
+ type: BooleanConstructor;
414
+ default: boolean;
415
+ };
416
+ }>> & Readonly<{
417
+ onClick?: ((...args: any[]) => any) | undefined;
418
+ }>, {
419
+ href: string;
420
+ noStyle: boolean;
421
+ outlineStyle: import("../../../neon").NeonOutlineStyle;
422
+ externalIndicator: boolean;
423
+ }, {}, {
424
+ NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
425
+ name: {
426
+ type: StringConstructor;
427
+ required: true;
428
+ };
429
+ id: {
430
+ type: StringConstructor;
431
+ default: null;
432
+ };
433
+ color: {
434
+ type: () => import("../../../neon").NeonFunctionalColor;
435
+ default: null;
436
+ };
437
+ inverse: {
438
+ type: BooleanConstructor;
439
+ default: boolean;
440
+ };
441
+ disabled: {
442
+ type: BooleanConstructor;
443
+ default: boolean;
444
+ };
445
+ }>, {
446
+ sanitizedAttributes: import("vue").ComputedRef<{
447
+ [x: string]: unknown;
448
+ }>;
449
+ icon: import("vue").ComputedRef<string | undefined>;
450
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
451
+ name: {
452
+ type: StringConstructor;
453
+ required: true;
454
+ };
455
+ id: {
456
+ type: StringConstructor;
457
+ default: null;
458
+ };
459
+ color: {
460
+ type: () => import("../../../neon").NeonFunctionalColor;
461
+ default: null;
462
+ };
463
+ inverse: {
464
+ type: BooleanConstructor;
465
+ default: boolean;
466
+ };
467
+ disabled: {
468
+ type: BooleanConstructor;
469
+ default: boolean;
470
+ };
471
+ }>> & Readonly<{}>, {
472
+ disabled: boolean;
473
+ color: import("../../../neon").NeonFunctionalColor;
474
+ id: string;
475
+ inverse: boolean;
476
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
477
+ }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
478
+ }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
479
+ NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
480
+ name: {
481
+ type: StringConstructor;
482
+ required: true;
483
+ };
484
+ id: {
485
+ type: StringConstructor;
486
+ default: null;
487
+ };
488
+ color: {
489
+ type: () => import("../../../neon").NeonFunctionalColor;
490
+ default: null;
491
+ };
492
+ inverse: {
493
+ type: BooleanConstructor;
494
+ default: boolean;
495
+ };
496
+ disabled: {
497
+ type: BooleanConstructor;
498
+ default: boolean;
499
+ };
500
+ }>, {
501
+ sanitizedAttributes: import("vue").ComputedRef<{
502
+ [x: string]: unknown;
503
+ }>;
504
+ icon: import("vue").ComputedRef<string | undefined>;
505
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
506
+ name: {
507
+ type: StringConstructor;
508
+ required: true;
509
+ };
510
+ id: {
511
+ type: StringConstructor;
512
+ default: null;
513
+ };
514
+ color: {
515
+ type: () => import("../../../neon").NeonFunctionalColor;
516
+ default: null;
517
+ };
518
+ inverse: {
519
+ type: BooleanConstructor;
520
+ default: boolean;
521
+ };
522
+ disabled: {
523
+ type: BooleanConstructor;
524
+ default: boolean;
525
+ };
526
+ }>> & Readonly<{}>, {
527
+ disabled: boolean;
528
+ color: import("../../../neon").NeonFunctionalColor;
529
+ id: string;
530
+ inverse: boolean;
531
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
532
+ NeonInline: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
533
+ gap: {
534
+ type: () => import("../../../neon").NeonSize;
535
+ default: () => import("../../../neon").NeonSize;
536
+ };
537
+ breakpoint: {
538
+ type: () => import("../../../neon").NeonSize;
539
+ default: () => import("../../../neon").NeonResponsive;
540
+ };
541
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
542
+ gap: {
543
+ type: () => import("../../../neon").NeonSize;
544
+ default: () => import("../../../neon").NeonSize;
545
+ };
546
+ breakpoint: {
547
+ type: () => import("../../../neon").NeonSize;
548
+ default: () => import("../../../neon").NeonResponsive;
549
+ };
550
+ }>> & Readonly<{}>, {
551
+ breakpoint: import("../../../neon").NeonSize;
552
+ gap: import("../../../neon").NeonSize;
553
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
554
+ NeonStack: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
555
+ gap: {
556
+ type: () => import("../../../neon").NeonSize;
557
+ default: () => import("../../../neon").NeonSize;
558
+ };
559
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
560
+ gap: {
561
+ type: () => import("../../../neon").NeonSize;
562
+ default: () => import("../../../neon").NeonSize;
563
+ };
564
+ }>> & Readonly<{}>, {
565
+ gap: import("../../../neon").NeonSize;
566
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
567
+ }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
568
+ NeonButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
569
+ href: {
570
+ type: StringConstructor;
571
+ default: null;
572
+ };
573
+ label: {
574
+ type: StringConstructor;
575
+ default: null;
576
+ };
577
+ size: {
578
+ type: () => import("../../../neon").NeonButtonSize;
579
+ default: import("../../../neon").NeonButtonSize;
580
+ };
581
+ color: {
582
+ type: () => import("../../../neon").NeonFunctionalColor;
583
+ default: import("../../../neon").NeonFunctionalColor;
584
+ };
585
+ inverse: {
586
+ type: BooleanConstructor;
587
+ default: boolean;
588
+ };
589
+ alternateColor: {
590
+ type: () => import("../../../neon").NeonFunctionalColor;
591
+ default: null;
592
+ };
593
+ icon: {
594
+ type: StringConstructor;
595
+ default: null;
596
+ };
597
+ iconAriaLabel: {
598
+ type: StringConstructor;
599
+ };
600
+ iconPosition: {
601
+ type: () => import("../../../neon").NeonHorizontalPosition;
602
+ default: import("../../../neon").NeonHorizontalPosition;
603
+ };
604
+ buttonStyle: {
605
+ type: () => import("../../../neon").NeonButtonStyle;
606
+ default: import("../../../neon").NeonButtonStyle;
607
+ };
608
+ buttonType: {
609
+ type: () => import("../../../neon").NeonButtonType;
610
+ default: import("../../../neon").NeonButtonType;
611
+ };
612
+ state: {
613
+ type: () => import("../../../neon").NeonState;
614
+ default: import("../../../neon").NeonState;
615
+ };
616
+ disabled: {
617
+ type: BooleanConstructor;
618
+ default: boolean;
619
+ };
620
+ transparent: {
621
+ type: BooleanConstructor;
622
+ default: boolean;
623
+ };
624
+ outline: {
625
+ type: BooleanConstructor;
626
+ default: boolean;
627
+ };
628
+ circular: {
629
+ type: BooleanConstructor;
630
+ default: null;
631
+ };
632
+ fullWidth: {
633
+ type: BooleanConstructor;
634
+ default: null;
635
+ };
636
+ indicator: {
637
+ type: BooleanConstructor;
638
+ default: boolean;
639
+ };
640
+ indicatorExpanded: {
641
+ type: BooleanConstructor;
642
+ default: null;
643
+ };
644
+ }>, {
645
+ iconName: import("vue").ComputedRef<string>;
646
+ classes: import("vue").ComputedRef<(string | false | {
647
+ [x: string]: boolean | "" | import("../../../neon").NeonFunctionalColor;
648
+ 'neon-button--text-transparent': boolean;
649
+ 'neon-button--disabled': boolean;
650
+ 'neon-button--inverse': boolean;
651
+ 'neon-button--circular': boolean;
652
+ 'neon-button--no-outline': boolean;
653
+ 'neon-button--full-width': boolean;
654
+ 'neon-button--with-icon neon-button--icon-only': boolean | "";
655
+ 'neon-button--with-icon neon-button--icon-left': boolean | "";
656
+ 'neon-button--with-icon neon-button--icon-right': boolean | "";
657
+ })[]>;
658
+ button: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
659
+ attrs: {
660
+ [x: string]: unknown;
661
+ };
662
+ sanitizedAttributes: import("vue").ComputedRef<{
663
+ [x: string]: unknown;
664
+ }>;
665
+ clickLink: () => void | undefined;
666
+ clickButton: () => void;
667
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
668
+ href: {
669
+ type: StringConstructor;
670
+ default: null;
671
+ };
672
+ label: {
673
+ type: StringConstructor;
674
+ default: null;
675
+ };
676
+ size: {
677
+ type: () => import("../../../neon").NeonButtonSize;
678
+ default: import("../../../neon").NeonButtonSize;
679
+ };
680
+ color: {
681
+ type: () => import("../../../neon").NeonFunctionalColor;
682
+ default: import("../../../neon").NeonFunctionalColor;
683
+ };
684
+ inverse: {
685
+ type: BooleanConstructor;
686
+ default: boolean;
687
+ };
688
+ alternateColor: {
689
+ type: () => import("../../../neon").NeonFunctionalColor;
690
+ default: null;
691
+ };
692
+ icon: {
693
+ type: StringConstructor;
694
+ default: null;
695
+ };
696
+ iconAriaLabel: {
697
+ type: StringConstructor;
698
+ };
699
+ iconPosition: {
700
+ type: () => import("../../../neon").NeonHorizontalPosition;
701
+ default: import("../../../neon").NeonHorizontalPosition;
702
+ };
703
+ buttonStyle: {
704
+ type: () => import("../../../neon").NeonButtonStyle;
705
+ default: import("../../../neon").NeonButtonStyle;
706
+ };
707
+ buttonType: {
708
+ type: () => import("../../../neon").NeonButtonType;
709
+ default: import("../../../neon").NeonButtonType;
710
+ };
711
+ state: {
712
+ type: () => import("../../../neon").NeonState;
713
+ default: import("../../../neon").NeonState;
714
+ };
715
+ disabled: {
716
+ type: BooleanConstructor;
717
+ default: boolean;
718
+ };
719
+ transparent: {
720
+ type: BooleanConstructor;
721
+ default: boolean;
722
+ };
723
+ outline: {
724
+ type: BooleanConstructor;
725
+ default: boolean;
726
+ };
727
+ circular: {
728
+ type: BooleanConstructor;
729
+ default: null;
730
+ };
731
+ fullWidth: {
732
+ type: BooleanConstructor;
733
+ default: null;
734
+ };
735
+ indicator: {
736
+ type: BooleanConstructor;
737
+ default: boolean;
738
+ };
739
+ indicatorExpanded: {
740
+ type: BooleanConstructor;
741
+ default: null;
742
+ };
743
+ }>> & Readonly<{
744
+ onClick?: ((...args: any[]) => any) | undefined;
745
+ }>, {
746
+ outline: boolean;
747
+ disabled: boolean;
748
+ label: string;
749
+ href: string;
750
+ icon: string;
751
+ size: import("../../../neon").NeonButtonSize;
752
+ color: import("../../../neon").NeonFunctionalColor;
753
+ inverse: boolean;
754
+ alternateColor: import("../../../neon").NeonFunctionalColor;
755
+ iconPosition: import("../../../neon").NeonHorizontalPosition;
756
+ buttonStyle: import("../../../neon").NeonButtonStyle;
757
+ buttonType: import("../../../neon").NeonButtonType;
758
+ state: import("../../../neon").NeonState;
759
+ transparent: boolean;
760
+ circular: boolean;
761
+ fullWidth: boolean;
762
+ indicator: boolean;
763
+ indicatorExpanded: boolean;
764
+ }, {}, {
765
+ NeonExpansionIndicator: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
766
+ expanded: {
767
+ type: BooleanConstructor;
768
+ default: boolean;
769
+ };
770
+ inverse: {
771
+ type: BooleanConstructor;
772
+ default: boolean;
773
+ };
774
+ disabled: {
775
+ type: BooleanConstructor;
776
+ default: boolean;
777
+ };
778
+ color: {
779
+ type: () => import("../../../neon").NeonFunctionalColor;
780
+ default: null;
781
+ };
782
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
783
+ expanded: {
784
+ type: BooleanConstructor;
785
+ default: boolean;
786
+ };
787
+ inverse: {
788
+ type: BooleanConstructor;
789
+ default: boolean;
790
+ };
791
+ disabled: {
792
+ type: BooleanConstructor;
793
+ default: boolean;
794
+ };
795
+ color: {
796
+ type: () => import("../../../neon").NeonFunctionalColor;
797
+ default: null;
798
+ };
799
+ }>> & Readonly<{}>, {
800
+ disabled: boolean;
801
+ expanded: boolean;
802
+ color: import("../../../neon").NeonFunctionalColor;
803
+ inverse: boolean;
804
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
805
+ NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
806
+ name: {
807
+ type: StringConstructor;
808
+ required: true;
809
+ };
810
+ id: {
811
+ type: StringConstructor;
812
+ default: null;
813
+ };
814
+ color: {
815
+ type: () => import("../../../neon").NeonFunctionalColor;
816
+ default: null;
817
+ };
818
+ inverse: {
819
+ type: BooleanConstructor;
820
+ default: boolean;
821
+ };
822
+ disabled: {
823
+ type: BooleanConstructor;
824
+ default: boolean;
825
+ };
826
+ }>, {
827
+ sanitizedAttributes: import("vue").ComputedRef<{
828
+ [x: string]: unknown;
829
+ }>;
830
+ icon: import("vue").ComputedRef<string | undefined>;
831
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
832
+ name: {
833
+ type: StringConstructor;
834
+ required: true;
835
+ };
836
+ id: {
837
+ type: StringConstructor;
838
+ default: null;
839
+ };
840
+ color: {
841
+ type: () => import("../../../neon").NeonFunctionalColor;
842
+ default: null;
843
+ };
844
+ inverse: {
845
+ type: BooleanConstructor;
846
+ default: boolean;
847
+ };
848
+ disabled: {
849
+ type: BooleanConstructor;
850
+ default: boolean;
851
+ };
852
+ }>> & Readonly<{}>, {
853
+ disabled: boolean;
854
+ color: import("../../../neon").NeonFunctionalColor;
855
+ id: string;
856
+ inverse: boolean;
857
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
858
+ NeonLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
859
+ href: {
860
+ type: StringConstructor;
861
+ default: null;
862
+ };
863
+ noStyle: {
864
+ type: BooleanConstructor;
865
+ default: boolean;
866
+ };
867
+ outlineStyle: {
868
+ type: () => import("../../../neon").NeonOutlineStyle;
869
+ default: import("../../../neon").NeonOutlineStyle;
870
+ };
871
+ externalIndicator: {
872
+ type: BooleanConstructor;
873
+ default: boolean;
874
+ };
875
+ }>, {
876
+ neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
877
+ routerUrl: import("vue").ComputedRef<string | undefined>;
878
+ sanitizedAttributes: import("vue").ComputedRef<{
879
+ [x: string]: unknown;
880
+ }>;
881
+ activeRoute: import("vue").ComputedRef<boolean | "">;
882
+ exactRoute: import("vue").ComputedRef<boolean | "">;
883
+ onClick: () => void;
884
+ onSpace: () => Promise<void>;
885
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
886
+ href: {
887
+ type: StringConstructor;
888
+ default: null;
889
+ };
890
+ noStyle: {
891
+ type: BooleanConstructor;
892
+ default: boolean;
893
+ };
894
+ outlineStyle: {
895
+ type: () => import("../../../neon").NeonOutlineStyle;
896
+ default: import("../../../neon").NeonOutlineStyle;
897
+ };
898
+ externalIndicator: {
899
+ type: BooleanConstructor;
900
+ default: boolean;
901
+ };
902
+ }>> & Readonly<{
903
+ onClick?: ((...args: any[]) => any) | undefined;
904
+ }>, {
905
+ href: string;
906
+ noStyle: boolean;
907
+ outlineStyle: import("../../../neon").NeonOutlineStyle;
908
+ externalIndicator: boolean;
909
+ }, {}, {
910
+ NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
911
+ name: {
912
+ type: StringConstructor;
913
+ required: true;
914
+ };
915
+ id: {
916
+ type: StringConstructor;
917
+ default: null;
918
+ };
919
+ color: {
920
+ type: () => import("../../../neon").NeonFunctionalColor;
921
+ default: null;
922
+ };
923
+ inverse: {
924
+ type: BooleanConstructor;
925
+ default: boolean;
926
+ };
927
+ disabled: {
928
+ type: BooleanConstructor;
929
+ default: boolean;
930
+ };
931
+ }>, {
932
+ sanitizedAttributes: import("vue").ComputedRef<{
933
+ [x: string]: unknown;
934
+ }>;
935
+ icon: import("vue").ComputedRef<string | undefined>;
936
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
937
+ name: {
938
+ type: StringConstructor;
939
+ required: true;
940
+ };
941
+ id: {
942
+ type: StringConstructor;
943
+ default: null;
944
+ };
945
+ color: {
946
+ type: () => import("../../../neon").NeonFunctionalColor;
947
+ default: null;
948
+ };
949
+ inverse: {
950
+ type: BooleanConstructor;
951
+ default: boolean;
952
+ };
953
+ disabled: {
954
+ type: BooleanConstructor;
955
+ default: boolean;
956
+ };
957
+ }>> & Readonly<{}>, {
958
+ disabled: boolean;
959
+ color: import("../../../neon").NeonFunctionalColor;
960
+ id: string;
961
+ inverse: boolean;
962
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
963
+ }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
964
+ }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
965
+ }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
966
+ export default _default;