@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.
Files changed (86) hide show
  1. package/dist/components/feedback/alert/NeonAlert.cjs.js +1 -1
  2. package/dist/components/feedback/alert/NeonAlert.cjs.js.map +1 -1
  3. package/dist/components/feedback/alert/NeonAlert.es.js +1 -1
  4. package/dist/components/feedback/alert/NeonAlert.es.js.map +1 -1
  5. package/dist/components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js +1 -1
  6. package/dist/components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js.map +1 -1
  7. package/dist/components/feedback/splash-loader/NeonSplashLoader.vue.es.js +15 -15
  8. package/dist/components/feedback/splash-loader/NeonSplashLoader.vue.es.js.map +1 -1
  9. package/dist/components/layout/card-list/NeonCardList.cjs.js +1 -1
  10. package/dist/components/layout/card-list/NeonCardList.cjs.js.map +1 -1
  11. package/dist/components/layout/card-list/NeonCardList.es.js +28 -15
  12. package/dist/components/layout/card-list/NeonCardList.es.js.map +1 -1
  13. package/dist/components/layout/card-list/NeonCardList.vue.cjs.js +1 -1
  14. package/dist/components/layout/card-list/NeonCardList.vue.cjs.js.map +1 -1
  15. package/dist/components/layout/card-list/NeonCardList.vue.es.js +62 -65
  16. package/dist/components/layout/card-list/NeonCardList.vue.es.js.map +1 -1
  17. package/dist/components/layout/list-layout/NeonListLayout.cjs.js +2 -0
  18. package/dist/components/layout/list-layout/NeonListLayout.cjs.js.map +1 -0
  19. package/dist/components/layout/list-layout/NeonListLayout.es.js +107 -0
  20. package/dist/components/layout/list-layout/NeonListLayout.es.js.map +1 -0
  21. package/dist/components/layout/list-layout/NeonListLayout.vue.cjs.js +2 -0
  22. package/dist/components/layout/list-layout/NeonListLayout.vue.cjs.js.map +1 -0
  23. package/dist/components/layout/list-layout/NeonListLayout.vue.es.js +59 -0
  24. package/dist/components/layout/list-layout/NeonListLayout.vue.es.js.map +1 -0
  25. package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.vue.cjs.js +1 -1
  26. package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.vue.cjs.js.map +1 -1
  27. package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.vue.es.js +10 -10
  28. package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.vue.es.js.map +1 -1
  29. package/dist/components/navigation/pagination/NeonPagination.cjs.js +1 -1
  30. package/dist/components/navigation/pagination/NeonPagination.cjs.js.map +1 -1
  31. package/dist/components/navigation/pagination/NeonPagination.es.js +31 -21
  32. package/dist/components/navigation/pagination/NeonPagination.es.js.map +1 -1
  33. package/dist/components/navigation/pagination/NeonPagination.vue.cjs.js +1 -1
  34. package/dist/components/navigation/pagination/NeonPagination.vue.cjs.js.map +1 -1
  35. package/dist/components/navigation/pagination/NeonPagination.vue.es.js +43 -36
  36. package/dist/components/navigation/pagination/NeonPagination.vue.es.js.map +1 -1
  37. package/dist/components/presentation/empty-state/NeonEmptyState.cjs.js +2 -0
  38. package/dist/components/presentation/empty-state/NeonEmptyState.cjs.js.map +1 -0
  39. package/dist/components/presentation/empty-state/NeonEmptyState.es.js +62 -0
  40. package/dist/components/presentation/empty-state/NeonEmptyState.es.js.map +1 -0
  41. package/dist/components/presentation/empty-state/NeonEmptyState.vue.cjs.js +2 -0
  42. package/dist/components/presentation/empty-state/NeonEmptyState.vue.cjs.js.map +1 -0
  43. package/dist/components/presentation/empty-state/NeonEmptyState.vue.es.js +54 -0
  44. package/dist/components/presentation/empty-state/NeonEmptyState.vue.es.js.map +1 -0
  45. package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js +1 -1
  46. package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js.map +1 -1
  47. package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.es.js +7 -7
  48. package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.es.js.map +1 -1
  49. package/dist/components/user-input/date-picker/NeonDatePicker.vue.cjs.js +1 -1
  50. package/dist/components/user-input/date-picker/NeonDatePicker.vue.cjs.js.map +1 -1
  51. package/dist/components/user-input/date-picker/NeonDatePicker.vue.es.js +40 -40
  52. package/dist/components/user-input/date-picker/NeonDatePicker.vue.es.js.map +1 -1
  53. package/dist/model/presentation/empty-state/NeonEmptyStateType.cjs.js +2 -0
  54. package/dist/model/presentation/empty-state/NeonEmptyStateType.cjs.js.map +1 -0
  55. package/dist/model/presentation/empty-state/NeonEmptyStateType.es.js +5 -0
  56. package/dist/model/presentation/empty-state/NeonEmptyStateType.es.js.map +1 -0
  57. package/dist/neon.cjs.js +1 -1
  58. package/dist/neon.es.js +229 -223
  59. package/dist/neon.es.js.map +1 -1
  60. package/dist/src/components/layout/card-list/NeonCardList.d.ts +121 -10
  61. package/dist/src/components/layout/drawer/NeonDrawer.d.ts +1 -1
  62. package/dist/src/components/layout/list-layout/NeonListLayout.d.ts +2726 -0
  63. package/dist/src/components/layout/list-layout/NeonListLayout.vue.d.ts +2 -0
  64. package/dist/src/components/navigation/pagination/NeonPagination.d.ts +6 -5
  65. package/dist/src/components/presentation/empty-state/NeonEmptyState.d.ts +613 -0
  66. package/dist/src/components/presentation/empty-state/NeonEmptyState.vue.d.ts +2 -0
  67. package/dist/src/model/navigation/pagination/NeonPaginationModel.d.ts +1 -1
  68. package/dist/src/model/presentation/empty-state/NeonEmptyStateType.d.ts +9 -0
  69. package/dist/src/model/user-input/button/NeonButtonModel.d.ts +19 -0
  70. package/dist/src/neon.d.ts +4 -0
  71. package/package.json +1 -1
  72. package/src/sass/components/_card-list.scss +19 -0
  73. package/src/sass/components/_empty-state.scss +47 -0
  74. package/src/sass/components/_header.scss +2 -0
  75. package/src/sass/components/_list-layout.scss +37 -0
  76. package/src/sass/components/_page-container.scss +1 -0
  77. package/src/sass/components/components.scss +2 -0
  78. package/src/sass/core/_transitions.scss +15 -0
  79. package/src/sass/global/base-html.scss +0 -4
  80. package/src/sass/includes/_dependencies.scss +2 -0
  81. package/src/sass/theme.scss +8 -0
  82. package/src/sass/variables-global.scss +7 -0
  83. package/dist/components/feedback/alert/container/NeonDialogContainer.cjs2.js +0 -2
  84. package/dist/components/feedback/alert/container/NeonDialogContainer.cjs2.js.map +0 -1
  85. package/dist/components/feedback/alert/container/NeonDialogContainer.es2.js +0 -25
  86. 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/hover color for the cards.
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" | "toggleSelected", ...args: any[]) => void;
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" | "toggleSelected")[], "show-more" | "toggleSelected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
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/hover color for the cards.
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
- onToggleSelected?: ((...args: any[]) => any) | undefined;
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
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
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;