@aotearoan/neon 22.5.2 → 23.0.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 (76) hide show
  1. package/dist/components/feedback/alert/container/NeonAlertContainer.vue.cjs.js +1 -1
  2. package/dist/components/feedback/alert/container/NeonAlertContainer.vue.cjs.js.map +1 -1
  3. package/dist/components/feedback/alert/container/NeonAlertContainer.vue.es.js +30 -29
  4. package/dist/components/feedback/alert/container/NeonAlertContainer.vue.es.js.map +1 -1
  5. package/dist/components/layout/card-list/NeonCardList.vue.cjs.js +1 -1
  6. package/dist/components/layout/card-list/NeonCardList.vue.cjs.js.map +1 -1
  7. package/dist/components/layout/card-list/NeonCardList.vue.es.js +8 -6
  8. package/dist/components/layout/card-list/NeonCardList.vue.es.js.map +1 -1
  9. package/dist/components/navigation/link/NeonLink.cjs.js +1 -1
  10. package/dist/components/navigation/link/NeonLink.cjs.js.map +1 -1
  11. package/dist/components/navigation/link/NeonLink.es.js +6 -6
  12. package/dist/components/navigation/link/NeonLink.es.js.map +1 -1
  13. package/dist/components/navigation/menu/NeonMenu.vue.cjs.js +1 -1
  14. package/dist/components/navigation/menu/NeonMenu.vue.cjs.js.map +1 -1
  15. package/dist/components/navigation/menu/NeonMenu.vue.es.js +2 -2
  16. package/dist/components/navigation/menu/NeonMenu.vue.es.js.map +1 -1
  17. package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js +1 -1
  18. package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js.map +1 -1
  19. package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.es.js +1 -1
  20. package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.es.js.map +1 -1
  21. package/dist/components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js +1 -1
  22. package/dist/components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js.map +1 -1
  23. package/dist/components/navigation/tree-menu/NeonTreeMenu.vue.es.js +8 -7
  24. package/dist/components/navigation/tree-menu/NeonTreeMenu.vue.es.js.map +1 -1
  25. package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js +1 -1
  26. package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js.map +1 -1
  27. package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.es.js +1 -0
  28. package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.es.js.map +1 -1
  29. package/dist/components/user-input/button/NeonButton.vue.cjs.js +1 -1
  30. package/dist/components/user-input/button/NeonButton.vue.cjs.js.map +1 -1
  31. package/dist/components/user-input/button/NeonButton.vue.es.js +1 -0
  32. package/dist/components/user-input/button/NeonButton.vue.es.js.map +1 -1
  33. package/dist/components/user-input/filter-list/NeonFilterList.vue.cjs.js +1 -1
  34. package/dist/components/user-input/filter-list/NeonFilterList.vue.cjs.js.map +1 -1
  35. package/dist/components/user-input/filter-list/NeonFilterList.vue.es.js +1 -0
  36. package/dist/components/user-input/filter-list/NeonFilterList.vue.es.js.map +1 -1
  37. package/dist/components/user-input/input/NeonInput.cjs.js +1 -1
  38. package/dist/components/user-input/input/NeonInput.cjs.js.map +1 -1
  39. package/dist/components/user-input/input/NeonInput.es.js +62 -69
  40. package/dist/components/user-input/input/NeonInput.es.js.map +1 -1
  41. package/dist/src/common/models/NeonAlertMessage.d.ts +4 -0
  42. package/dist/src/components/feedback/alert/NeonAlert.d.ts +8 -0
  43. package/dist/src/components/feedback/dialog/NeonDialog.d.ts +24 -8
  44. package/dist/src/components/feedback/note/NeonNote.d.ts +8 -8
  45. package/dist/src/components/layout/card-list/NeonCardList.d.ts +8 -2
  46. package/dist/src/components/navigation/dropdown-menu/NeonDropdownMenu.d.ts +33 -33
  47. package/dist/src/components/navigation/link/NeonLink.d.ts +4 -4
  48. package/dist/src/components/navigation/menu/NeonMenu.d.ts +33 -33
  49. package/dist/src/components/navigation/mobile-menu/NeonMobileMenu.d.ts +33 -33
  50. package/dist/src/components/presentation/badge/NeonBadge.d.ts +29 -67
  51. package/dist/src/components/presentation/dropdown/NeonDropdown.d.ts +49 -29
  52. package/dist/src/components/user-input/color/NeonColor.d.ts +3 -3
  53. package/dist/src/components/user-input/date-picker/NeonDatePicker.d.ts +38 -94
  54. package/dist/src/components/user-input/file/NeonFile.d.ts +29 -77
  55. package/dist/src/components/user-input/filter-list/NeonFilterList.d.ts +6 -0
  56. package/dist/src/components/user-input/input/NeonInput.d.ts +3 -3
  57. package/dist/src/components/user-input/number/NeonNumber.d.ts +15 -7
  58. package/dist/src/components/user-input/password/NeonPassword.d.ts +3 -3
  59. package/dist/src/components/user-input/search/NeonSearch.d.ts +218 -92
  60. package/dist/src/components/user-input/select/NeonSelect.d.ts +51 -213
  61. package/package.json +1 -1
  62. package/src/sass/components/_action-menu.scss +1 -0
  63. package/src/sass/components/_alert-container.scss +45 -48
  64. package/src/sass/components/_button.scss +10 -3
  65. package/src/sass/components/_card-list.scss +0 -11
  66. package/src/sass/components/_drawer.scss +2 -1
  67. package/src/sass/components/_dropdown.scss +1 -0
  68. package/src/sass/components/_field-group.scss +15 -4
  69. package/src/sass/components/_link.scss +36 -52
  70. package/src/sass/components/_number.scss +6 -6
  71. package/src/sass/components/_tabs.scss +2 -24
  72. package/src/sass/components/_toast-container.scss +15 -23
  73. package/src/sass/components/_toggle-chip.scss +7 -6
  74. package/src/sass/global/_base-html.scss +2 -30
  75. package/src/sass/includes/_outline.scss +6 -6
  76. package/src/sass/variables.scss +76 -34
package/src/sass/variables.scss CHANGED
@@ -217,11 +217,41 @@
217
217
  --neon-border-radius-checkbox: 2rem;
218
218
 
219
219
  /* alerts */
220
- --neon-width-alert: 400rem;
221
- --neon-width-alert-action: 80rem;
222
- --neon-border-radius-alert: calc(2 * var(--neon-border-radius));
223
- --neon-border-opacity-alert-action: 0.25;
220
+ --neon-width-alert: 415rem;
221
+ --neon-padding-alert: var(--neon-space-20);
222
+ --neon-gap-alert: var(--neon-space-16);
223
+ --neon-border-radius-alert: 0;
224
+ --neon-size-alert-icon: 24rem;
225
+ --neon-size-alert-close-icon: 24rem;
226
+
227
+ --neon-line-height-alert-title: var(--neon-line-height-one);
228
+ --neon-font-size-alert-title: var(--neon-font-size-m);
229
+ --neon-font-weight-alert-title: var(--neon-font-weight-normal);
230
+ --neon-font-family-alert-title: var(--neon-font-family-body);
231
+ --neon-letter-spacing-alert-title: var(--neon-letter-spacing-s);
232
+
233
+ --neon-line-height-alert-body: var(--neon-line-height-one);
234
+ --neon-font-size-alert-body: var(--neon-font-size-s);
235
+ --neon-font-weight-alert-body: var(--neon-font-weight-normal);
236
+ --neon-font-family-alert-body: var(--neon-font-family-body);
237
+ --neon-letter-spacing-alert-body: var(--neon-letter-spacing-s);
238
+
239
+ --neon-font-size-alert-action: var(--neon-font-size-m);
240
+ --neon-font-weight-alert-action: var(--neon-font-weight-bold);
241
+ --neon-letter-spacing-alert-action: var(--neon-letter-spacing-m);
242
+
243
+ /* toast */
224
244
  --neon-width-toast: 250rem;
245
+ --neon-padding-toast: var(--neon-space-16);
246
+ --neon-gap-toast: var(--neon-space-8);
247
+ --neon-border-radius-toast: 0;
248
+ --neon-size-toast-close-icon: 24rem;
249
+
250
+ --neon-line-height-toast: var(--neon-line-height-one);
251
+ --neon-font-size-toast: var(--neon-font-size-m);
252
+ --neon-font-weight-toast: var(--neon-font-weight-normal);
253
+ --neon-font-family-toast: var(--neon-font-family-body);
254
+ --neon-letter-spacing-toast: var(--neon-letter-spacing-s);
225
255
 
226
256
  /* menu */
227
257
  --neon-font-family-menu: var(--neon-font-family-body);
@@ -281,6 +311,8 @@
281
311
  /* drawer */
282
312
  --neon-border-width-drawer: 0;
283
313
  --neon-border-radius-drawer: 16rem;
314
+ --neon-height-drawer: auto;
315
+ --neon-width-drawer: --neon-side-nav-width;
284
316
 
285
317
  /* radio buttons */
286
318
  --neon-border-radius-radio-button: 50%;
@@ -306,12 +338,12 @@
306
338
  --neon-max-width-note: 100%;
307
339
 
308
340
  /* outline */
309
- --neon-border-width-outline: 1rem;
341
+ --neon-border-width-outline: 1.5rem;
310
342
 
311
343
  /* link */
312
- --neon-border-width-link: 1rem;
313
- --neon-border-width-link-hover: 1rem;
314
- --neon-border-bottom-offset-link: 2rem;
344
+ --neon-text-decoration-thickness-link: 1rem;
345
+ --neon-text-decoration-thickness-link-hover: 1rem;
346
+ --neon-text-underline-offset-link: 2rem;
315
347
 
316
348
  /* slider & range slider */
317
349
  --neon-height-slider-track: 8rem;
@@ -592,20 +624,25 @@
592
624
  /* alerts */
593
625
  --neon-box-shadow-alert: calc(0.5 * var(--neon-base-space)) calc(0.5 * var(--neon-base-space)) calc(2 * var(--neon-base-space)) var(--neon-color-neutral-d5);
594
626
 
595
- --neon-color-toast-info: var(--neon-color-info-d4);
596
- --neon-color-toast-success: var(--neon-color-success-d4);
597
- --neon-color-toast-warn: var(--neon-color-warn-d4);
598
- --neon-color-toast-error: var(--neon-color-error-d4);
627
+ --neon-background-color-alert-info: var(--neon-color-info);
628
+ --neon-background-color-alert-success: var(--neon-color-success);
629
+ --neon-background-color-alert-warn: var(--neon-color-warn);
630
+ --neon-background-color-alert-error: var(--neon-color-error);
631
+
632
+ --neon-color-alert-info: var(--neon-color-inverse);
633
+ --neon-color-alert-success: var(--neon-color-inverse);
634
+ --neon-color-alert-warn: var(--neon-color-inverse);
635
+ --neon-color-alert-error: var(--neon-color-inverse);
599
636
 
600
- --neon-background-color-alert-info: var(--neon-color-info-l5);
601
- --neon-background-color-alert-success: var(--neon-color-success-l5);
602
- --neon-background-color-alert-warn: var(--neon-color-warn-l5);
603
- --neon-background-color-alert-error: var(--neon-color-error-l5);
637
+ --neon-background-color-toast-info: var(--neon-color-info);
638
+ --neon-background-color-toast-success: var(--neon-color-success);
639
+ --neon-background-color-toast-warn: var(--neon-color-warn);
640
+ --neon-background-color-toast-error: var(--neon-color-error);
604
641
 
605
- --neon-rgb-alert-info: var(--neon-rgb-info-d1);
606
- --neon-rgb-alert-success: var(--neon-rgb-success-d1);
607
- --neon-rgb-alert-warn: var(--neon-rgb-warn-d1);
608
- --neon-rgb-alert-error: var(--neon-rgb-error-d1);
642
+ --neon-color-toast-info: var(--neon-color-inverse);
643
+ --neon-color-toast-success: var(--neon-color-inverse);
644
+ --neon-color-toast-warn: var(--neon-color-inverse);
645
+ --neon-color-toast-error: var(--neon-color-inverse);
609
646
 
610
647
  /* dropdown / dropdown menu / select */
611
648
  --neon-border-color-dropdown: var(--neon-color-neutral-d3);
@@ -904,20 +941,25 @@
904
941
  /* alerts */
905
942
  --neon-box-shadow-alert: calc(0.5 * var(--neon-base-space)) calc(0.5 * var(--neon-base-space)) calc(2 * var(--neon-base-space)) rgba(var(--neon-rgb-neutral-d1), 0.5);
906
943
 
907
- --neon-color-toast-info: var(--neon-color-info-l5);
908
- --neon-color-toast-success: var(--neon-color-success-l5);
909
- --neon-color-toast-warn: var(--neon-color-warn-l5);
910
- --neon-color-toast-error: var(--neon-color-error-l5);
911
-
912
- --neon-background-color-alert-info: var(--neon-color-info-d5);
913
- --neon-background-color-alert-success: var(--neon-color-success-d5);
914
- --neon-background-color-alert-warn: var(--neon-color-warn-d5);
915
- --neon-background-color-alert-error: var(--neon-color-error-d5);
916
-
917
- --neon-rgb-alert-info: var(--neon-rgb-info-l1);
918
- --neon-rgb-alert-success: var(--neon-rgb-success-l1);
919
- --neon-rgb-alert-warn: var(--neon-rgb-warn-l1);
920
- --neon-rgb-alert-error: var(--neon-rgb-error-l1);
944
+ --neon-background-color-alert-info: var(--neon-color-info);
945
+ --neon-background-color-alert-success: var(--neon-color-success);
946
+ --neon-background-color-alert-warn: var(--neon-color-warn);
947
+ --neon-background-color-alert-error: var(--neon-color-error);
948
+
949
+ --neon-color-alert-info: var(--neon-color-inverse);
950
+ --neon-color-alert-success: var(--neon-color-inverse);
951
+ --neon-color-alert-warn: var(--neon-color-inverse);
952
+ --neon-color-alert-error: var(--neon-color-inverse);
953
+
954
+ --neon-background-color-toast-info: var(--neon-color-info);
955
+ --neon-background-color-toast-success: var(--neon-color-success);
956
+ --neon-background-color-toast-warn: var(--neon-color-warn);
957
+ --neon-background-color-toast-error: var(--neon-color-error);
958
+
959
+ --neon-color-toast-info: var(--neon-color-inverse);
960
+ --neon-color-toast-success: var(--neon-color-inverse);
961
+ --neon-color-toast-warn: var(--neon-color-inverse);
962
+ --neon-color-toast-error: var(--neon-color-inverse);
921
963
 
922
964
  /* dropdown / dropdown menu / select */
923
965
  --neon-border-color-dropdown: var(--neon-color-neutral-l4);