@aotearoan/neon 28.3.0 → 28.4.1
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/components/feedback/alert/NeonAlert.cjs.js +1 -1
- package/dist/components/feedback/alert/NeonAlert.cjs.js.map +1 -1
- package/dist/components/feedback/alert/NeonAlert.es.js +1 -1
- package/dist/components/feedback/alert/NeonAlert.es.js.map +1 -1
- package/dist/components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js +1 -1
- package/dist/components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js.map +1 -1
- package/dist/components/feedback/splash-loader/NeonSplashLoader.vue.es.js +15 -15
- package/dist/components/feedback/splash-loader/NeonSplashLoader.vue.es.js.map +1 -1
- package/dist/components/layout/card-list/NeonCardList.cjs.js +1 -1
- package/dist/components/layout/card-list/NeonCardList.cjs.js.map +1 -1
- package/dist/components/layout/card-list/NeonCardList.es.js +28 -15
- package/dist/components/layout/card-list/NeonCardList.es.js.map +1 -1
- package/dist/components/layout/card-list/NeonCardList.vue.cjs.js +1 -1
- package/dist/components/layout/card-list/NeonCardList.vue.cjs.js.map +1 -1
- package/dist/components/layout/card-list/NeonCardList.vue.es.js +62 -65
- package/dist/components/layout/card-list/NeonCardList.vue.es.js.map +1 -1
- package/dist/components/layout/list-layout/NeonListLayout.cjs.js +2 -0
- package/dist/components/layout/list-layout/NeonListLayout.cjs.js.map +1 -0
- package/dist/components/layout/list-layout/NeonListLayout.es.js +107 -0
- package/dist/components/layout/list-layout/NeonListLayout.es.js.map +1 -0
- package/dist/components/layout/list-layout/NeonListLayout.vue.cjs.js +2 -0
- package/dist/components/layout/list-layout/NeonListLayout.vue.cjs.js.map +1 -0
- package/dist/components/layout/list-layout/NeonListLayout.vue.es.js +59 -0
- package/dist/components/layout/list-layout/NeonListLayout.vue.es.js.map +1 -0
- package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.vue.cjs.js +1 -1
- package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.vue.cjs.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.vue.es.js +10 -10
- package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.vue.es.js.map +1 -1
- package/dist/components/navigation/pagination/NeonPagination.cjs.js +1 -1
- package/dist/components/navigation/pagination/NeonPagination.cjs.js.map +1 -1
- package/dist/components/navigation/pagination/NeonPagination.es.js +31 -21
- package/dist/components/navigation/pagination/NeonPagination.es.js.map +1 -1
- package/dist/components/navigation/pagination/NeonPagination.vue.cjs.js +1 -1
- package/dist/components/navigation/pagination/NeonPagination.vue.cjs.js.map +1 -1
- package/dist/components/navigation/pagination/NeonPagination.vue.es.js +43 -36
- package/dist/components/navigation/pagination/NeonPagination.vue.es.js.map +1 -1
- package/dist/components/presentation/empty-state/NeonEmptyState.cjs.js +2 -0
- package/dist/components/presentation/empty-state/NeonEmptyState.cjs.js.map +1 -0
- package/dist/components/presentation/empty-state/NeonEmptyState.es.js +62 -0
- package/dist/components/presentation/empty-state/NeonEmptyState.es.js.map +1 -0
- package/dist/components/presentation/empty-state/NeonEmptyState.vue.cjs.js +2 -0
- package/dist/components/presentation/empty-state/NeonEmptyState.vue.cjs.js.map +1 -0
- package/dist/components/presentation/empty-state/NeonEmptyState.vue.es.js +54 -0
- package/dist/components/presentation/empty-state/NeonEmptyState.vue.es.js.map +1 -0
- package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js +1 -1
- package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js.map +1 -1
- package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.es.js +7 -7
- package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.es.js.map +1 -1
- package/dist/components/user-input/date-picker/NeonDatePicker.vue.cjs.js +1 -1
- package/dist/components/user-input/date-picker/NeonDatePicker.vue.cjs.js.map +1 -1
- package/dist/components/user-input/date-picker/NeonDatePicker.vue.es.js +40 -40
- package/dist/components/user-input/date-picker/NeonDatePicker.vue.es.js.map +1 -1
- package/dist/model/presentation/empty-state/NeonEmptyStateType.cjs.js +2 -0
- package/dist/model/presentation/empty-state/NeonEmptyStateType.cjs.js.map +1 -0
- package/dist/model/presentation/empty-state/NeonEmptyStateType.es.js +5 -0
- package/dist/model/presentation/empty-state/NeonEmptyStateType.es.js.map +1 -0
- package/dist/neon.cjs.js +1 -1
- package/dist/neon.es.js +229 -223
- package/dist/neon.es.js.map +1 -1
- package/dist/src/components/layout/card-list/NeonCardList.d.ts +121 -10
- package/dist/src/components/layout/drawer/NeonDrawer.d.ts +1 -1
- package/dist/src/components/layout/list-layout/NeonListLayout.d.ts +2726 -0
- package/dist/src/components/layout/list-layout/NeonListLayout.vue.d.ts +2 -0
- package/dist/src/components/navigation/pagination/NeonPagination.d.ts +6 -5
- package/dist/src/components/presentation/empty-state/NeonEmptyState.d.ts +613 -0
- package/dist/src/components/presentation/empty-state/NeonEmptyState.vue.d.ts +2 -0
- package/dist/src/model/navigation/pagination/NeonPaginationModel.d.ts +1 -1
- package/dist/src/model/presentation/empty-state/NeonEmptyStateType.d.ts +9 -0
- package/dist/src/model/user-input/button/NeonButtonModel.d.ts +19 -0
- package/dist/src/neon.d.ts +4 -0
- package/package.json +1 -1
- package/src/sass/components/_card-list.scss +19 -0
- package/src/sass/components/_empty-state.scss +47 -0
- package/src/sass/components/_header.scss +2 -0
- package/src/sass/components/_list-layout.scss +37 -0
- package/src/sass/components/_page-container.scss +1 -0
- package/src/sass/components/components.scss +2 -0
- package/src/sass/core/_transitions.scss +15 -0
- package/src/sass/global/base-html.scss +0 -4
- package/src/sass/includes/_dependencies.scss +2 -0
- package/src/sass/theme.scss +8 -0
- package/src/sass/variables-global.scss +7 -0
- package/dist/components/feedback/alert/container/NeonDialogContainer.cjs2.js +0 -2
- package/dist/components/feedback/alert/container/NeonDialogContainer.cjs2.js.map +0 -1
- package/dist/components/feedback/alert/container/NeonDialogContainer.es2.js +0 -25
- package/dist/components/feedback/alert/container/NeonDialogContainer.es2.js.map +0 -1
|
@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
23
23
|
required: true;
|
|
24
24
|
};
|
|
25
25
|
/**
|
|
26
|
-
* Specify a selection
|
|
26
|
+
* * Specify a selection, hover & pagination accent color for the cards.
|
|
27
27
|
*/
|
|
28
28
|
color: {
|
|
29
29
|
type: () => NeonFunctionalColor;
|
|
@@ -48,8 +48,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
48
48
|
pagination: {
|
|
49
49
|
type: () => NeonPaginationModel;
|
|
50
50
|
};
|
|
51
|
+
/**
|
|
52
|
+
* Show splash loader when loading new items.
|
|
53
|
+
*/
|
|
54
|
+
loading: {
|
|
55
|
+
type: BooleanConstructor;
|
|
56
|
+
};
|
|
51
57
|
}>, {
|
|
52
|
-
emit: (event: "show-more" | "
|
|
58
|
+
emit: (event: "page-change" | "show-more" | "toggle-selected", ...args: any[]) => void;
|
|
53
59
|
n: typeof NeonNumberUtils.formatNumber;
|
|
54
60
|
NeonButtonStyle: typeof NeonButtonStyle;
|
|
55
61
|
NeonFunctionalColor: typeof NeonFunctionalColor;
|
|
@@ -61,7 +67,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
61
67
|
slots: Readonly<{
|
|
62
68
|
[name: string]: import("vue").Slot<any> | undefined;
|
|
63
69
|
}>;
|
|
64
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show-more" | "
|
|
70
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("page-change" | "show-more" | "toggle-selected")[], "page-change" | "show-more" | "toggle-selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
65
71
|
/**
|
|
66
72
|
* Items to display as cards. Each item should be a NeonCardListModel.
|
|
67
73
|
*/
|
|
@@ -70,7 +76,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
70
76
|
required: true;
|
|
71
77
|
};
|
|
72
78
|
/**
|
|
73
|
-
* Specify a selection
|
|
79
|
+
* * Specify a selection, hover & pagination accent color for the cards.
|
|
74
80
|
*/
|
|
75
81
|
color: {
|
|
76
82
|
type: () => NeonFunctionalColor;
|
|
@@ -95,11 +101,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
95
101
|
pagination: {
|
|
96
102
|
type: () => NeonPaginationModel;
|
|
97
103
|
};
|
|
104
|
+
/**
|
|
105
|
+
* Show splash loader when loading new items.
|
|
106
|
+
*/
|
|
107
|
+
loading: {
|
|
108
|
+
type: BooleanConstructor;
|
|
109
|
+
};
|
|
98
110
|
}>> & Readonly<{
|
|
111
|
+
"onPage-change"?: ((...args: any[]) => any) | undefined;
|
|
99
112
|
"onShow-more"?: ((...args: any[]) => any) | undefined;
|
|
100
|
-
|
|
113
|
+
"onToggle-selected"?: ((...args: any[]) => any) | undefined;
|
|
101
114
|
}>, {
|
|
102
115
|
color: NeonFunctionalColor;
|
|
116
|
+
loading: boolean;
|
|
103
117
|
selectable: boolean;
|
|
104
118
|
}, {}, {
|
|
105
119
|
NeonSelectableCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -339,7 +353,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
339
353
|
};
|
|
340
354
|
urlTemplate: {
|
|
341
355
|
type: StringConstructor;
|
|
342
|
-
required: true;
|
|
343
356
|
};
|
|
344
357
|
pageSize: {
|
|
345
358
|
type: NumberConstructor;
|
|
@@ -367,15 +380,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
367
380
|
showFirstPageWithEllipsis: import("vue").ComputedRef<boolean>;
|
|
368
381
|
showLastPageWithEllipsis: import("vue").ComputedRef<boolean>;
|
|
369
382
|
pageRange: import("vue").ComputedRef<number[]>;
|
|
370
|
-
url: (page: number) => string;
|
|
371
|
-
|
|
383
|
+
url: (page: number) => string | undefined;
|
|
384
|
+
emit: (event: "page-change", ...args: any[]) => void;
|
|
385
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "page-change"[], "page-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
372
386
|
page: {
|
|
373
387
|
type: NumberConstructor;
|
|
374
388
|
required: true;
|
|
375
389
|
};
|
|
376
390
|
urlTemplate: {
|
|
377
391
|
type: StringConstructor;
|
|
378
|
-
required: true;
|
|
379
392
|
};
|
|
380
393
|
pageSize: {
|
|
381
394
|
type: NumberConstructor;
|
|
@@ -393,7 +406,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
393
406
|
type: () => NeonFunctionalColor;
|
|
394
407
|
default: () => NeonFunctionalColor;
|
|
395
408
|
};
|
|
396
|
-
}>> & Readonly<{
|
|
409
|
+
}>> & Readonly<{
|
|
410
|
+
"onPage-change"?: ((...args: any[]) => any) | undefined;
|
|
411
|
+
}>, {
|
|
397
412
|
color: NeonFunctionalColor;
|
|
398
413
|
pageSize: number;
|
|
399
414
|
displayFirstAndLast: boolean;
|
|
@@ -1371,6 +1386,102 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1371
1386
|
disabled: boolean;
|
|
1372
1387
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
1373
1388
|
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
1389
|
+
NeonSplashLoader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
1390
|
+
color: {
|
|
1391
|
+
type: () => NeonFunctionalColor;
|
|
1392
|
+
default: NeonFunctionalColor;
|
|
1393
|
+
};
|
|
1394
|
+
size: {
|
|
1395
|
+
type: () => import("../../../neon").NeonSplashLoaderSize;
|
|
1396
|
+
default: import("../../../neon").NeonSplashLoaderSize;
|
|
1397
|
+
};
|
|
1398
|
+
overlay: {
|
|
1399
|
+
type: BooleanConstructor;
|
|
1400
|
+
default: boolean;
|
|
1401
|
+
};
|
|
1402
|
+
fullscreen: {
|
|
1403
|
+
type: BooleanConstructor;
|
|
1404
|
+
default: boolean;
|
|
1405
|
+
};
|
|
1406
|
+
}>, {
|
|
1407
|
+
ready: import("vue").Ref<boolean, boolean>;
|
|
1408
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
1409
|
+
color: {
|
|
1410
|
+
type: () => NeonFunctionalColor;
|
|
1411
|
+
default: NeonFunctionalColor;
|
|
1412
|
+
};
|
|
1413
|
+
size: {
|
|
1414
|
+
type: () => import("../../../neon").NeonSplashLoaderSize;
|
|
1415
|
+
default: import("../../../neon").NeonSplashLoaderSize;
|
|
1416
|
+
};
|
|
1417
|
+
overlay: {
|
|
1418
|
+
type: BooleanConstructor;
|
|
1419
|
+
default: boolean;
|
|
1420
|
+
};
|
|
1421
|
+
fullscreen: {
|
|
1422
|
+
type: BooleanConstructor;
|
|
1423
|
+
default: boolean;
|
|
1424
|
+
};
|
|
1425
|
+
}>> & Readonly<{}>, {
|
|
1426
|
+
color: NeonFunctionalColor;
|
|
1427
|
+
size: import("../../../neon").NeonSplashLoaderSize;
|
|
1428
|
+
overlay: boolean;
|
|
1429
|
+
fullscreen: boolean;
|
|
1430
|
+
}, {}, {
|
|
1431
|
+
NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
1432
|
+
name: {
|
|
1433
|
+
type: StringConstructor;
|
|
1434
|
+
required: true;
|
|
1435
|
+
};
|
|
1436
|
+
id: {
|
|
1437
|
+
type: StringConstructor;
|
|
1438
|
+
default: null;
|
|
1439
|
+
};
|
|
1440
|
+
color: {
|
|
1441
|
+
type: () => NeonFunctionalColor;
|
|
1442
|
+
default: null;
|
|
1443
|
+
};
|
|
1444
|
+
inverse: {
|
|
1445
|
+
type: BooleanConstructor;
|
|
1446
|
+
default: boolean;
|
|
1447
|
+
};
|
|
1448
|
+
disabled: {
|
|
1449
|
+
type: BooleanConstructor;
|
|
1450
|
+
default: boolean;
|
|
1451
|
+
};
|
|
1452
|
+
}>, {
|
|
1453
|
+
sanitizedAttributes: import("vue").ComputedRef<{
|
|
1454
|
+
[x: string]: unknown;
|
|
1455
|
+
}>;
|
|
1456
|
+
icon: import("vue").ComputedRef<string | undefined>;
|
|
1457
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
1458
|
+
name: {
|
|
1459
|
+
type: StringConstructor;
|
|
1460
|
+
required: true;
|
|
1461
|
+
};
|
|
1462
|
+
id: {
|
|
1463
|
+
type: StringConstructor;
|
|
1464
|
+
default: null;
|
|
1465
|
+
};
|
|
1466
|
+
color: {
|
|
1467
|
+
type: () => NeonFunctionalColor;
|
|
1468
|
+
default: null;
|
|
1469
|
+
};
|
|
1470
|
+
inverse: {
|
|
1471
|
+
type: BooleanConstructor;
|
|
1472
|
+
default: boolean;
|
|
1473
|
+
};
|
|
1474
|
+
disabled: {
|
|
1475
|
+
type: BooleanConstructor;
|
|
1476
|
+
default: boolean;
|
|
1477
|
+
};
|
|
1478
|
+
}>> & Readonly<{}>, {
|
|
1479
|
+
color: NeonFunctionalColor;
|
|
1480
|
+
id: string;
|
|
1481
|
+
inverse: boolean;
|
|
1482
|
+
disabled: boolean;
|
|
1483
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
1484
|
+
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
1374
1485
|
NeonStack: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
1375
1486
|
gap: {
|
|
1376
1487
|
type: () => import("../../../neon").NeonLayoutSize;
|
|
@@ -83,7 +83,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
83
83
|
}>, {
|
|
84
84
|
fullWidth: boolean;
|
|
85
85
|
dismissible: boolean;
|
|
86
|
-
position: NeonPosition;
|
|
87
86
|
overlay: boolean;
|
|
87
|
+
position: NeonPosition;
|
|
88
88
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
89
89
|
export default _default;
|