@aotearoan/neon 22.1.0 → 22.1.2
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/dist/common/enums/NeonButtonType.cjs.js +2 -0
- package/dist/common/enums/NeonButtonType.cjs.js.map +1 -0
- package/dist/common/enums/NeonButtonType.es.js +5 -0
- package/dist/common/enums/NeonButtonType.es.js.map +1 -0
- package/dist/common/enums/NeonResponsive.cjs.js.map +1 -1
- package/dist/common/enums/NeonResponsive.es.js.map +1 -1
- package/dist/common/utils/NeonResponsiveUtils.cjs.js +1 -1
- package/dist/common/utils/NeonResponsiveUtils.cjs.js.map +1 -1
- package/dist/common/utils/NeonResponsiveUtils.es.js +4 -4
- package/dist/common/utils/NeonResponsiveUtils.es.js.map +1 -1
- package/dist/components/navigation/link/NeonLink.cjs.js +1 -1
- package/dist/components/navigation/link/NeonLink.cjs.js.map +1 -1
- package/dist/components/navigation/link/NeonLink.es.js +1 -1
- package/dist/components/navigation/link/NeonLink.es.js.map +1 -1
- package/dist/components/navigation/menu/NeonMenu.cjs.js.map +1 -1
- package/dist/components/navigation/menu/NeonMenu.es.js.map +1 -1
- package/dist/components/navigation/menu/NeonMenu.vue.cjs.js +1 -1
- package/dist/components/navigation/menu/NeonMenu.vue.cjs.js.map +1 -1
- package/dist/components/navigation/menu/NeonMenu.vue.es.js +30 -28
- package/dist/components/navigation/menu/NeonMenu.vue.es.js.map +1 -1
- package/dist/components/user-input/button/NeonButton.cjs.js +1 -1
- package/dist/components/user-input/button/NeonButton.cjs.js.map +1 -1
- package/dist/components/user-input/button/NeonButton.es.js +18 -12
- package/dist/components/user-input/button/NeonButton.es.js.map +1 -1
- package/dist/components/user-input/button/NeonButton.vue.cjs.js +1 -1
- package/dist/components/user-input/button/NeonButton.vue.cjs.js.map +1 -1
- package/dist/components/user-input/button/NeonButton.vue.es.js +9 -8
- package/dist/components/user-input/button/NeonButton.vue.es.js.map +1 -1
- package/dist/neon.cjs.js +1 -1
- package/dist/neon.es.js +101 -99
- package/dist/neon.es.js.map +1 -1
- package/dist/src/common/enums/NeonButtonType.d.ts +5 -0
- package/dist/src/common/enums/NeonResponsive.d.ts +4 -4
- package/dist/src/components/feedback/dialog/NeonDialog.d.ts +20 -6
- package/dist/src/components/feedback/note/NeonNote.d.ts +9 -0
- package/dist/src/components/layout/card-list/NeonCardList.d.ts +21 -16
- package/dist/src/components/layout/modal/NeonModal.d.ts +9 -0
- package/dist/src/components/navigation/dropdown-menu/NeonDropdownMenu.d.ts +69 -30
- package/dist/src/components/navigation/menu/NeonMenu.d.ts +145 -100
- package/dist/src/components/navigation/mobile-menu/NeonMobileMenu.d.ts +27 -0
- package/dist/src/components/presentation/dropdown/NeonDropdown.d.ts +27 -10
- package/dist/src/components/presentation/image-carousel/NeonImageCarousel.d.ts +31 -6
- package/dist/src/components/user-input/button/NeonButton.d.ts +23 -6
- package/dist/src/components/user-input/date-picker/NeonDatePicker.d.ts +26 -0
- package/dist/src/components/user-input/file/NeonFile.d.ts +9 -0
- package/dist/src/components/user-input/number/NeonNumber.d.ts +14 -21
- package/dist/src/components/user-input/search/NeonSearch.d.ts +63 -6
- package/dist/src/components/user-input/select/NeonSelect.d.ts +135 -72
- package/dist/src/neon.d.ts +1 -0
- package/package.json +1 -1
- package/src/sass/components/_menu.scss +83 -32
- package/src/sass/includes/_responsive.scss +4 -4
- package/src/sass/variables.scss +6 -0
|
@@ -460,15 +460,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
460
460
|
};
|
|
461
461
|
iconPosition: {
|
|
462
462
|
type: () => import("../../../neon").NeonHorizontalPosition;
|
|
463
|
-
default: import("../../../neon").NeonHorizontalPosition;
|
|
464
|
-
};
|
|
465
|
-
buttonStyle: {
|
|
466
|
-
/**
|
|
463
|
+
default: import("../../../neon").NeonHorizontalPosition; /**
|
|
467
464
|
* Show the dropdown button's indicator (chevron).
|
|
468
465
|
*/
|
|
466
|
+
}; /**
|
|
467
|
+
* Show the dropdown button's indicator (chevron).
|
|
468
|
+
*/
|
|
469
|
+
buttonStyle: {
|
|
469
470
|
type: () => import("../../../neon").NeonButtonStyle;
|
|
470
471
|
default: import("../../../neon").NeonButtonStyle;
|
|
471
472
|
};
|
|
473
|
+
buttonType: {
|
|
474
|
+
type: () => import("../../../neon").NeonButtonType;
|
|
475
|
+
default: import("../../../neon").NeonButtonType;
|
|
476
|
+
};
|
|
472
477
|
state: {
|
|
473
478
|
type: () => import("../../../neon").NeonState;
|
|
474
479
|
default: import("../../../neon").NeonState;
|
|
@@ -496,7 +501,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
496
501
|
indicator: {
|
|
497
502
|
type: BooleanConstructor;
|
|
498
503
|
default: boolean;
|
|
499
|
-
};
|
|
504
|
+
}; /**
|
|
505
|
+
* Emitted on initialisation.
|
|
506
|
+
* @type {NeonDropdownPlacement} the placement of the dropdown.
|
|
507
|
+
*/
|
|
500
508
|
indicatorExpanded: {
|
|
501
509
|
type: BooleanConstructor;
|
|
502
510
|
default: null;
|
|
@@ -558,15 +566,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
558
566
|
};
|
|
559
567
|
iconPosition: {
|
|
560
568
|
type: () => import("../../../neon").NeonHorizontalPosition;
|
|
561
|
-
default: import("../../../neon").NeonHorizontalPosition;
|
|
562
|
-
};
|
|
563
|
-
buttonStyle: {
|
|
564
|
-
/**
|
|
569
|
+
default: import("../../../neon").NeonHorizontalPosition; /**
|
|
565
570
|
* Show the dropdown button's indicator (chevron).
|
|
566
571
|
*/
|
|
572
|
+
}; /**
|
|
573
|
+
* Show the dropdown button's indicator (chevron).
|
|
574
|
+
*/
|
|
575
|
+
buttonStyle: {
|
|
567
576
|
type: () => import("../../../neon").NeonButtonStyle;
|
|
568
577
|
default: import("../../../neon").NeonButtonStyle;
|
|
569
578
|
};
|
|
579
|
+
buttonType: {
|
|
580
|
+
type: () => import("../../../neon").NeonButtonType;
|
|
581
|
+
default: import("../../../neon").NeonButtonType;
|
|
582
|
+
};
|
|
570
583
|
state: {
|
|
571
584
|
type: () => import("../../../neon").NeonState;
|
|
572
585
|
default: import("../../../neon").NeonState;
|
|
@@ -594,7 +607,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
594
607
|
indicator: {
|
|
595
608
|
type: BooleanConstructor;
|
|
596
609
|
default: boolean;
|
|
597
|
-
};
|
|
610
|
+
}; /**
|
|
611
|
+
* Emitted on initialisation.
|
|
612
|
+
* @type {NeonDropdownPlacement} the placement of the dropdown.
|
|
613
|
+
*/
|
|
598
614
|
indicatorExpanded: {
|
|
599
615
|
type: BooleanConstructor;
|
|
600
616
|
default: null;
|
|
@@ -614,6 +630,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
614
630
|
alternateColor: NeonFunctionalColor;
|
|
615
631
|
iconPosition: import("../../../neon").NeonHorizontalPosition;
|
|
616
632
|
buttonStyle: import("../../../neon").NeonButtonStyle;
|
|
633
|
+
buttonType: import("../../../neon").NeonButtonType;
|
|
617
634
|
state: import("../../../neon").NeonState;
|
|
618
635
|
transparent: boolean;
|
|
619
636
|
fullWidth: boolean;
|
|
@@ -109,12 +109,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
109
109
|
};
|
|
110
110
|
size: {
|
|
111
111
|
type: () => import("../../../neon").NeonButtonSize;
|
|
112
|
-
default: import("../../../neon").NeonButtonSize;
|
|
113
|
-
|
|
112
|
+
default: import("../../../neon").NeonButtonSize; /**
|
|
113
|
+
* Provide an alternative label for the Next button.
|
|
114
|
+
*/
|
|
115
|
+
}; /**
|
|
116
|
+
* Provide an alternative label for the Next button.
|
|
117
|
+
*/
|
|
114
118
|
color: {
|
|
115
119
|
type: () => import("../../../neon").NeonFunctionalColor;
|
|
116
120
|
default: import("../../../neon").NeonFunctionalColor;
|
|
117
|
-
};
|
|
121
|
+
}; /**
|
|
122
|
+
* The index of the currently visible image.
|
|
123
|
+
*
|
|
124
|
+
* @type {number}
|
|
125
|
+
*/
|
|
118
126
|
inverse: {
|
|
119
127
|
type: BooleanConstructor;
|
|
120
128
|
default: boolean;
|
|
@@ -138,6 +146,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
138
146
|
type: () => import("../../../neon").NeonButtonStyle;
|
|
139
147
|
default: import("../../../neon").NeonButtonStyle;
|
|
140
148
|
};
|
|
149
|
+
buttonType: {
|
|
150
|
+
type: () => import("../../../neon").NeonButtonType;
|
|
151
|
+
default: import("../../../neon").NeonButtonType;
|
|
152
|
+
};
|
|
141
153
|
state: {
|
|
142
154
|
type: () => import("../../../neon").NeonState;
|
|
143
155
|
default: import("../../../neon").NeonState;
|
|
@@ -204,12 +216,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
204
216
|
};
|
|
205
217
|
size: {
|
|
206
218
|
type: () => import("../../../neon").NeonButtonSize;
|
|
207
|
-
default: import("../../../neon").NeonButtonSize;
|
|
208
|
-
|
|
219
|
+
default: import("../../../neon").NeonButtonSize; /**
|
|
220
|
+
* Provide an alternative label for the Next button.
|
|
221
|
+
*/
|
|
222
|
+
}; /**
|
|
223
|
+
* Provide an alternative label for the Next button.
|
|
224
|
+
*/
|
|
209
225
|
color: {
|
|
210
226
|
type: () => import("../../../neon").NeonFunctionalColor;
|
|
211
227
|
default: import("../../../neon").NeonFunctionalColor;
|
|
212
|
-
};
|
|
228
|
+
}; /**
|
|
229
|
+
* The index of the currently visible image.
|
|
230
|
+
*
|
|
231
|
+
* @type {number}
|
|
232
|
+
*/
|
|
213
233
|
inverse: {
|
|
214
234
|
type: BooleanConstructor;
|
|
215
235
|
default: boolean;
|
|
@@ -233,6 +253,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
233
253
|
type: () => import("../../../neon").NeonButtonStyle;
|
|
234
254
|
default: import("../../../neon").NeonButtonStyle;
|
|
235
255
|
};
|
|
256
|
+
buttonType: {
|
|
257
|
+
type: () => import("../../../neon").NeonButtonType;
|
|
258
|
+
default: import("../../../neon").NeonButtonType;
|
|
259
|
+
};
|
|
236
260
|
state: {
|
|
237
261
|
type: () => import("../../../neon").NeonState;
|
|
238
262
|
default: import("../../../neon").NeonState;
|
|
@@ -280,6 +304,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
280
304
|
alternateColor: import("../../../neon").NeonFunctionalColor;
|
|
281
305
|
iconPosition: import("../../../neon").NeonHorizontalPosition;
|
|
282
306
|
buttonStyle: import("../../../neon").NeonButtonStyle;
|
|
307
|
+
buttonType: import("../../../neon").NeonButtonType;
|
|
283
308
|
state: import("../../../neon").NeonState;
|
|
284
309
|
transparent: boolean;
|
|
285
310
|
fullWidth: boolean;
|
|
@@ -3,8 +3,10 @@ import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
|
|
|
3
3
|
import { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';
|
|
4
4
|
import { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';
|
|
5
5
|
import { NeonState } from '@/common/enums/NeonState';
|
|
6
|
+
import { NeonButtonType } from '@/common/enums/NeonButtonType';
|
|
6
7
|
/**
|
|
7
|
-
* A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a
|
|
8
|
+
* A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a
|
|
9
|
+
* button. NeonButton supports all events and attributes of HTML buttons, e.g, @click.
|
|
8
10
|
*/
|
|
9
11
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
10
12
|
/**
|
|
@@ -78,7 +80,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
78
80
|
default: NeonButtonStyle;
|
|
79
81
|
};
|
|
80
82
|
/**
|
|
81
|
-
*
|
|
83
|
+
* The type of button, see <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button">button</a>.
|
|
84
|
+
*/
|
|
85
|
+
buttonType: {
|
|
86
|
+
type: () => NeonButtonType;
|
|
87
|
+
default: NeonButtonType;
|
|
88
|
+
};
|
|
89
|
+
/**
|
|
90
|
+
* Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with
|
|
91
|
+
* icons) to reflect the state.
|
|
82
92
|
*/
|
|
83
93
|
state: {
|
|
84
94
|
type: () => NeonState;
|
|
@@ -230,7 +240,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
230
240
|
default: NeonButtonStyle;
|
|
231
241
|
};
|
|
232
242
|
/**
|
|
233
|
-
*
|
|
243
|
+
* The type of button, see <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button">button</a>.
|
|
244
|
+
*/
|
|
245
|
+
buttonType: {
|
|
246
|
+
type: () => NeonButtonType;
|
|
247
|
+
default: NeonButtonType;
|
|
248
|
+
};
|
|
249
|
+
/**
|
|
250
|
+
* Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with
|
|
251
|
+
* icons) to reflect the state.
|
|
234
252
|
*/
|
|
235
253
|
state: {
|
|
236
254
|
type: () => NeonState;
|
|
@@ -302,6 +320,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
302
320
|
alternateColor: NeonFunctionalColor;
|
|
303
321
|
iconPosition: NeonHorizontalPosition;
|
|
304
322
|
buttonStyle: NeonButtonStyle;
|
|
323
|
+
buttonType: NeonButtonType;
|
|
305
324
|
state: NeonState;
|
|
306
325
|
transparent: boolean;
|
|
307
326
|
fullWidth: boolean;
|
|
@@ -415,9 +434,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
415
434
|
[x: string]: unknown;
|
|
416
435
|
}>;
|
|
417
436
|
activeRoute: import("vue").ComputedRef<boolean | "">;
|
|
418
|
-
exactRoute: import("vue").ComputedRef<boolean | "">;
|
|
419
|
-
* Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with icons) to reflect the state.
|
|
420
|
-
*/
|
|
437
|
+
exactRoute: import("vue").ComputedRef<boolean | "">;
|
|
421
438
|
onClick: () => void;
|
|
422
439
|
onSpace: () => Promise<void>;
|
|
423
440
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -427,6 +427,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
427
427
|
type: () => import("../../../neon").NeonButtonStyle;
|
|
428
428
|
default: import("../../../neon").NeonButtonStyle;
|
|
429
429
|
};
|
|
430
|
+
buttonType: {
|
|
431
|
+
type: () => import("../../../neon").NeonButtonType;
|
|
432
|
+
default: import("../../../neon").NeonButtonType; /**
|
|
433
|
+
* The placement of the dropdown calendar popup.
|
|
434
|
+
*/
|
|
435
|
+
};
|
|
430
436
|
state: {
|
|
431
437
|
type: () => import("../../../neon").NeonState;
|
|
432
438
|
default: import("../../../neon").NeonState;
|
|
@@ -522,6 +528,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
522
528
|
type: () => import("../../../neon").NeonButtonStyle;
|
|
523
529
|
default: import("../../../neon").NeonButtonStyle;
|
|
524
530
|
};
|
|
531
|
+
buttonType: {
|
|
532
|
+
type: () => import("../../../neon").NeonButtonType;
|
|
533
|
+
default: import("../../../neon").NeonButtonType; /**
|
|
534
|
+
* The placement of the dropdown calendar popup.
|
|
535
|
+
*/
|
|
536
|
+
};
|
|
525
537
|
state: {
|
|
526
538
|
type: () => import("../../../neon").NeonState;
|
|
527
539
|
default: import("../../../neon").NeonState;
|
|
@@ -569,6 +581,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
569
581
|
alternateColor: NeonFunctionalColor;
|
|
570
582
|
iconPosition: import("../../../neon").NeonHorizontalPosition;
|
|
571
583
|
buttonStyle: import("../../../neon").NeonButtonStyle;
|
|
584
|
+
buttonType: import("../../../neon").NeonButtonType;
|
|
572
585
|
state: import("../../../neon").NeonState;
|
|
573
586
|
transparent: boolean;
|
|
574
587
|
fullWidth: boolean;
|
|
@@ -1152,6 +1165,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1152
1165
|
type: () => import("../../../neon").NeonButtonStyle;
|
|
1153
1166
|
default: import("../../../neon").NeonButtonStyle;
|
|
1154
1167
|
};
|
|
1168
|
+
buttonType: {
|
|
1169
|
+
type: () => import("../../../neon").NeonButtonType;
|
|
1170
|
+
default: import("../../../neon").NeonButtonType; /**
|
|
1171
|
+
* The placement of the dropdown calendar popup.
|
|
1172
|
+
*/
|
|
1173
|
+
};
|
|
1155
1174
|
state: {
|
|
1156
1175
|
type: () => import("../../../neon").NeonState;
|
|
1157
1176
|
default: import("../../../neon").NeonState;
|
|
@@ -1247,6 +1266,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1247
1266
|
type: () => import("../../../neon").NeonButtonStyle;
|
|
1248
1267
|
default: import("../../../neon").NeonButtonStyle;
|
|
1249
1268
|
};
|
|
1269
|
+
buttonType: {
|
|
1270
|
+
type: () => import("../../../neon").NeonButtonType;
|
|
1271
|
+
default: import("../../../neon").NeonButtonType; /**
|
|
1272
|
+
* The placement of the dropdown calendar popup.
|
|
1273
|
+
*/
|
|
1274
|
+
};
|
|
1250
1275
|
state: {
|
|
1251
1276
|
type: () => import("../../../neon").NeonState;
|
|
1252
1277
|
default: import("../../../neon").NeonState;
|
|
@@ -1294,6 +1319,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1294
1319
|
alternateColor: NeonFunctionalColor;
|
|
1295
1320
|
iconPosition: import("../../../neon").NeonHorizontalPosition;
|
|
1296
1321
|
buttonStyle: import("../../../neon").NeonButtonStyle;
|
|
1322
|
+
buttonType: import("../../../neon").NeonButtonType;
|
|
1297
1323
|
state: import("../../../neon").NeonState;
|
|
1298
1324
|
transparent: boolean;
|
|
1299
1325
|
fullWidth: boolean;
|
|
@@ -237,6 +237,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
237
237
|
type: () => import("../../../neon").NeonButtonStyle;
|
|
238
238
|
default: import("../../../neon").NeonButtonStyle;
|
|
239
239
|
};
|
|
240
|
+
buttonType: {
|
|
241
|
+
type: () => import("../../../neon").NeonButtonType;
|
|
242
|
+
default: import("../../../neon").NeonButtonType;
|
|
243
|
+
};
|
|
240
244
|
state: {
|
|
241
245
|
type: () => NeonState;
|
|
242
246
|
default: NeonState;
|
|
@@ -332,6 +336,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
332
336
|
type: () => import("../../../neon").NeonButtonStyle;
|
|
333
337
|
default: import("../../../neon").NeonButtonStyle;
|
|
334
338
|
};
|
|
339
|
+
buttonType: {
|
|
340
|
+
type: () => import("../../../neon").NeonButtonType;
|
|
341
|
+
default: import("../../../neon").NeonButtonType;
|
|
342
|
+
};
|
|
335
343
|
state: {
|
|
336
344
|
type: () => NeonState;
|
|
337
345
|
default: NeonState;
|
|
@@ -379,6 +387,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
379
387
|
alternateColor: NeonFunctionalColor;
|
|
380
388
|
iconPosition: import("../../../neon").NeonHorizontalPosition;
|
|
381
389
|
buttonStyle: import("../../../neon").NeonButtonStyle;
|
|
390
|
+
buttonType: import("../../../neon").NeonButtonType;
|
|
382
391
|
state: NeonState;
|
|
383
392
|
transparent: boolean;
|
|
384
393
|
fullWidth: boolean;
|
|
@@ -285,12 +285,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
285
285
|
NeonButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
286
286
|
href: {
|
|
287
287
|
type: StringConstructor;
|
|
288
|
-
default: null;
|
|
289
|
-
|
|
290
|
-
*/
|
|
291
|
-
}; /**
|
|
292
|
-
* The value of the number input. Either a valid number or null.
|
|
293
|
-
*/
|
|
288
|
+
default: null;
|
|
289
|
+
};
|
|
294
290
|
label: {
|
|
295
291
|
type: StringConstructor;
|
|
296
292
|
default: null;
|
|
@@ -311,9 +307,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
311
307
|
type: () => NeonFunctionalColor;
|
|
312
308
|
default: null;
|
|
313
309
|
};
|
|
314
|
-
/**
|
|
315
|
-
* Placeholder text to display in the input
|
|
316
|
-
*/
|
|
317
310
|
icon: {
|
|
318
311
|
type: StringConstructor;
|
|
319
312
|
default: null;
|
|
@@ -329,6 +322,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
329
322
|
type: () => import("../../../neon").NeonButtonStyle;
|
|
330
323
|
default: import("../../../neon").NeonButtonStyle;
|
|
331
324
|
};
|
|
325
|
+
buttonType: {
|
|
326
|
+
type: () => import("../../../neon").NeonButtonType;
|
|
327
|
+
default: import("../../../neon").NeonButtonType;
|
|
328
|
+
};
|
|
332
329
|
state: {
|
|
333
330
|
type: () => import("../../../neon").NeonState;
|
|
334
331
|
default: import("../../../neon").NeonState;
|
|
@@ -387,12 +384,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
387
384
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
388
385
|
href: {
|
|
389
386
|
type: StringConstructor;
|
|
390
|
-
default: null;
|
|
391
|
-
|
|
392
|
-
*/
|
|
393
|
-
}; /**
|
|
394
|
-
* The value of the number input. Either a valid number or null.
|
|
395
|
-
*/
|
|
387
|
+
default: null;
|
|
388
|
+
};
|
|
396
389
|
label: {
|
|
397
390
|
type: StringConstructor;
|
|
398
391
|
default: null;
|
|
@@ -413,9 +406,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
413
406
|
type: () => NeonFunctionalColor;
|
|
414
407
|
default: null;
|
|
415
408
|
};
|
|
416
|
-
/**
|
|
417
|
-
* Placeholder text to display in the input
|
|
418
|
-
*/
|
|
419
409
|
icon: {
|
|
420
410
|
type: StringConstructor;
|
|
421
411
|
default: null;
|
|
@@ -431,6 +421,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
431
421
|
type: () => import("../../../neon").NeonButtonStyle;
|
|
432
422
|
default: import("../../../neon").NeonButtonStyle;
|
|
433
423
|
};
|
|
424
|
+
buttonType: {
|
|
425
|
+
type: () => import("../../../neon").NeonButtonType;
|
|
426
|
+
default: import("../../../neon").NeonButtonType;
|
|
427
|
+
};
|
|
434
428
|
state: {
|
|
435
429
|
type: () => import("../../../neon").NeonState;
|
|
436
430
|
default: import("../../../neon").NeonState;
|
|
@@ -478,6 +472,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
478
472
|
alternateColor: NeonFunctionalColor;
|
|
479
473
|
iconPosition: import("../../../neon").NeonHorizontalPosition;
|
|
480
474
|
buttonStyle: import("../../../neon").NeonButtonStyle;
|
|
475
|
+
buttonType: import("../../../neon").NeonButtonType;
|
|
481
476
|
state: import("../../../neon").NeonState;
|
|
482
477
|
transparent: boolean;
|
|
483
478
|
fullWidth: boolean;
|
|
@@ -592,9 +587,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
592
587
|
}>;
|
|
593
588
|
activeRoute: import("vue").ComputedRef<boolean | "">;
|
|
594
589
|
exactRoute: import("vue").ComputedRef<boolean | "">;
|
|
595
|
-
onClick: () => void;
|
|
596
|
-
* Automatically applies % formatting, e.g. if the value = 0.15 it will be displayed as 15%.
|
|
597
|
-
*/
|
|
590
|
+
onClick: () => void;
|
|
598
591
|
onSpace: () => Promise<void>;
|
|
599
592
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
600
593
|
href: {
|
|
@@ -367,13 +367,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
367
367
|
type: () => NeonFunctionalColor;
|
|
368
368
|
default: null;
|
|
369
369
|
};
|
|
370
|
+
/**
|
|
371
|
+
* Allow multi-select.
|
|
372
|
+
*/
|
|
370
373
|
icon: {
|
|
371
374
|
type: StringConstructor;
|
|
372
375
|
default: null;
|
|
373
376
|
};
|
|
374
377
|
iconAriaLabel: {
|
|
375
378
|
type: StringConstructor;
|
|
376
|
-
};
|
|
379
|
+
}; /**
|
|
380
|
+
* The size of the dropdown - Small, Medium or Large.
|
|
381
|
+
*/
|
|
377
382
|
iconPosition: {
|
|
378
383
|
type: () => import("../../../neon").NeonHorizontalPosition;
|
|
379
384
|
default: import("../../../neon").NeonHorizontalPosition;
|
|
@@ -382,6 +387,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
382
387
|
type: () => import("../../../neon").NeonButtonStyle;
|
|
383
388
|
default: import("../../../neon").NeonButtonStyle;
|
|
384
389
|
};
|
|
390
|
+
buttonType: {
|
|
391
|
+
type: () => import("../../../neon").NeonButtonType;
|
|
392
|
+
default: import("../../../neon").NeonButtonType;
|
|
393
|
+
};
|
|
385
394
|
state: {
|
|
386
395
|
type: () => import("../../../neon").NeonState;
|
|
387
396
|
default: import("../../../neon").NeonState;
|
|
@@ -462,13 +471,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
462
471
|
type: () => NeonFunctionalColor;
|
|
463
472
|
default: null;
|
|
464
473
|
};
|
|
474
|
+
/**
|
|
475
|
+
* Allow multi-select.
|
|
476
|
+
*/
|
|
465
477
|
icon: {
|
|
466
478
|
type: StringConstructor;
|
|
467
479
|
default: null;
|
|
468
480
|
};
|
|
469
481
|
iconAriaLabel: {
|
|
470
482
|
type: StringConstructor;
|
|
471
|
-
};
|
|
483
|
+
}; /**
|
|
484
|
+
* The size of the dropdown - Small, Medium or Large.
|
|
485
|
+
*/
|
|
472
486
|
iconPosition: {
|
|
473
487
|
type: () => import("../../../neon").NeonHorizontalPosition;
|
|
474
488
|
default: import("../../../neon").NeonHorizontalPosition;
|
|
@@ -477,6 +491,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
477
491
|
type: () => import("../../../neon").NeonButtonStyle;
|
|
478
492
|
default: import("../../../neon").NeonButtonStyle;
|
|
479
493
|
};
|
|
494
|
+
buttonType: {
|
|
495
|
+
type: () => import("../../../neon").NeonButtonType;
|
|
496
|
+
default: import("../../../neon").NeonButtonType;
|
|
497
|
+
};
|
|
480
498
|
state: {
|
|
481
499
|
type: () => import("../../../neon").NeonState;
|
|
482
500
|
default: import("../../../neon").NeonState;
|
|
@@ -524,6 +542,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
524
542
|
alternateColor: NeonFunctionalColor;
|
|
525
543
|
iconPosition: import("../../../neon").NeonHorizontalPosition;
|
|
526
544
|
buttonStyle: import("../../../neon").NeonButtonStyle;
|
|
545
|
+
buttonType: import("../../../neon").NeonButtonType;
|
|
527
546
|
state: import("../../../neon").NeonState;
|
|
528
547
|
transparent: boolean;
|
|
529
548
|
fullWidth: boolean;
|
|
@@ -1153,13 +1172,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1153
1172
|
type: () => NeonFunctionalColor;
|
|
1154
1173
|
default: null;
|
|
1155
1174
|
};
|
|
1175
|
+
/**
|
|
1176
|
+
* Allow multi-select.
|
|
1177
|
+
*/
|
|
1156
1178
|
icon: {
|
|
1157
1179
|
type: StringConstructor;
|
|
1158
1180
|
default: null;
|
|
1159
1181
|
};
|
|
1160
1182
|
iconAriaLabel: {
|
|
1161
1183
|
type: StringConstructor;
|
|
1162
|
-
};
|
|
1184
|
+
}; /**
|
|
1185
|
+
* The size of the dropdown - Small, Medium or Large.
|
|
1186
|
+
*/
|
|
1163
1187
|
iconPosition: {
|
|
1164
1188
|
type: () => import("../../../neon").NeonHorizontalPosition;
|
|
1165
1189
|
default: import("../../../neon").NeonHorizontalPosition;
|
|
@@ -1168,6 +1192,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1168
1192
|
type: () => import("../../../neon").NeonButtonStyle;
|
|
1169
1193
|
default: import("../../../neon").NeonButtonStyle;
|
|
1170
1194
|
};
|
|
1195
|
+
buttonType: {
|
|
1196
|
+
type: () => import("../../../neon").NeonButtonType;
|
|
1197
|
+
default: import("../../../neon").NeonButtonType;
|
|
1198
|
+
};
|
|
1171
1199
|
state: {
|
|
1172
1200
|
type: () => import("../../../neon").NeonState;
|
|
1173
1201
|
default: import("../../../neon").NeonState;
|
|
@@ -1248,13 +1276,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1248
1276
|
type: () => NeonFunctionalColor;
|
|
1249
1277
|
default: null;
|
|
1250
1278
|
};
|
|
1279
|
+
/**
|
|
1280
|
+
* Allow multi-select.
|
|
1281
|
+
*/
|
|
1251
1282
|
icon: {
|
|
1252
1283
|
type: StringConstructor;
|
|
1253
1284
|
default: null;
|
|
1254
1285
|
};
|
|
1255
1286
|
iconAriaLabel: {
|
|
1256
1287
|
type: StringConstructor;
|
|
1257
|
-
};
|
|
1288
|
+
}; /**
|
|
1289
|
+
* The size of the dropdown - Small, Medium or Large.
|
|
1290
|
+
*/
|
|
1258
1291
|
iconPosition: {
|
|
1259
1292
|
type: () => import("../../../neon").NeonHorizontalPosition;
|
|
1260
1293
|
default: import("../../../neon").NeonHorizontalPosition;
|
|
@@ -1263,6 +1296,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1263
1296
|
type: () => import("../../../neon").NeonButtonStyle;
|
|
1264
1297
|
default: import("../../../neon").NeonButtonStyle;
|
|
1265
1298
|
};
|
|
1299
|
+
buttonType: {
|
|
1300
|
+
type: () => import("../../../neon").NeonButtonType;
|
|
1301
|
+
default: import("../../../neon").NeonButtonType;
|
|
1302
|
+
};
|
|
1266
1303
|
state: {
|
|
1267
1304
|
type: () => import("../../../neon").NeonState;
|
|
1268
1305
|
default: import("../../../neon").NeonState;
|
|
@@ -1310,6 +1347,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1310
1347
|
alternateColor: NeonFunctionalColor;
|
|
1311
1348
|
iconPosition: import("../../../neon").NeonHorizontalPosition;
|
|
1312
1349
|
buttonStyle: import("../../../neon").NeonButtonStyle;
|
|
1350
|
+
buttonType: import("../../../neon").NeonButtonType;
|
|
1313
1351
|
state: import("../../../neon").NeonState;
|
|
1314
1352
|
transparent: boolean;
|
|
1315
1353
|
fullWidth: boolean;
|
|
@@ -2836,13 +2874,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
2836
2874
|
type: () => NeonFunctionalColor;
|
|
2837
2875
|
default: null;
|
|
2838
2876
|
};
|
|
2877
|
+
/**
|
|
2878
|
+
* Allow multi-select.
|
|
2879
|
+
*/
|
|
2839
2880
|
icon: {
|
|
2840
2881
|
type: StringConstructor;
|
|
2841
2882
|
default: null;
|
|
2842
2883
|
};
|
|
2843
2884
|
iconAriaLabel: {
|
|
2844
2885
|
type: StringConstructor;
|
|
2845
|
-
};
|
|
2886
|
+
}; /**
|
|
2887
|
+
* The size of the dropdown - Small, Medium or Large.
|
|
2888
|
+
*/
|
|
2846
2889
|
iconPosition: {
|
|
2847
2890
|
type: () => import("../../../neon").NeonHorizontalPosition;
|
|
2848
2891
|
default: import("../../../neon").NeonHorizontalPosition;
|
|
@@ -2851,6 +2894,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
2851
2894
|
type: () => import("../../../neon").NeonButtonStyle;
|
|
2852
2895
|
default: import("../../../neon").NeonButtonStyle;
|
|
2853
2896
|
};
|
|
2897
|
+
buttonType: {
|
|
2898
|
+
type: () => import("../../../neon").NeonButtonType;
|
|
2899
|
+
default: import("../../../neon").NeonButtonType;
|
|
2900
|
+
};
|
|
2854
2901
|
state: {
|
|
2855
2902
|
type: () => import("../../../neon").NeonState;
|
|
2856
2903
|
default: import("../../../neon").NeonState;
|
|
@@ -2931,13 +2978,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
2931
2978
|
type: () => NeonFunctionalColor;
|
|
2932
2979
|
default: null;
|
|
2933
2980
|
};
|
|
2981
|
+
/**
|
|
2982
|
+
* Allow multi-select.
|
|
2983
|
+
*/
|
|
2934
2984
|
icon: {
|
|
2935
2985
|
type: StringConstructor;
|
|
2936
2986
|
default: null;
|
|
2937
2987
|
};
|
|
2938
2988
|
iconAriaLabel: {
|
|
2939
2989
|
type: StringConstructor;
|
|
2940
|
-
};
|
|
2990
|
+
}; /**
|
|
2991
|
+
* The size of the dropdown - Small, Medium or Large.
|
|
2992
|
+
*/
|
|
2941
2993
|
iconPosition: {
|
|
2942
2994
|
type: () => import("../../../neon").NeonHorizontalPosition;
|
|
2943
2995
|
default: import("../../../neon").NeonHorizontalPosition;
|
|
@@ -2946,6 +2998,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
2946
2998
|
type: () => import("../../../neon").NeonButtonStyle;
|
|
2947
2999
|
default: import("../../../neon").NeonButtonStyle;
|
|
2948
3000
|
};
|
|
3001
|
+
buttonType: {
|
|
3002
|
+
type: () => import("../../../neon").NeonButtonType;
|
|
3003
|
+
default: import("../../../neon").NeonButtonType;
|
|
3004
|
+
};
|
|
2949
3005
|
state: {
|
|
2950
3006
|
type: () => import("../../../neon").NeonState;
|
|
2951
3007
|
default: import("../../../neon").NeonState;
|
|
@@ -2993,6 +3049,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
2993
3049
|
alternateColor: NeonFunctionalColor;
|
|
2994
3050
|
iconPosition: import("../../../neon").NeonHorizontalPosition;
|
|
2995
3051
|
buttonStyle: import("../../../neon").NeonButtonStyle;
|
|
3052
|
+
buttonType: import("../../../neon").NeonButtonType;
|
|
2996
3053
|
state: import("../../../neon").NeonState;
|
|
2997
3054
|
transparent: boolean;
|
|
2998
3055
|
fullWidth: boolean;
|