@aotearoan/neon 22.5.2 → 23.0.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 (50) 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/tree-menu/NeonTreeMenu.vue.cjs.js +1 -1
  14. package/dist/components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js.map +1 -1
  15. package/dist/components/navigation/tree-menu/NeonTreeMenu.vue.es.js +8 -7
  16. package/dist/components/navigation/tree-menu/NeonTreeMenu.vue.es.js.map +1 -1
  17. package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js +1 -1
  18. package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js.map +1 -1
  19. package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.es.js +1 -0
  20. package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.es.js.map +1 -1
  21. package/dist/components/user-input/button/NeonButton.vue.cjs.js +1 -1
  22. package/dist/components/user-input/button/NeonButton.vue.cjs.js.map +1 -1
  23. package/dist/components/user-input/button/NeonButton.vue.es.js +1 -0
  24. package/dist/components/user-input/button/NeonButton.vue.es.js.map +1 -1
  25. package/dist/components/user-input/filter-list/NeonFilterList.vue.cjs.js +1 -1
  26. package/dist/components/user-input/filter-list/NeonFilterList.vue.cjs.js.map +1 -1
  27. package/dist/components/user-input/filter-list/NeonFilterList.vue.es.js +1 -0
  28. package/dist/components/user-input/filter-list/NeonFilterList.vue.es.js.map +1 -1
  29. package/dist/src/common/models/NeonAlertMessage.d.ts +4 -0
  30. package/dist/src/components/feedback/alert/NeonAlert.d.ts +8 -0
  31. package/dist/src/components/feedback/dialog/NeonDialog.d.ts +24 -8
  32. package/dist/src/components/feedback/note/NeonNote.d.ts +8 -8
  33. package/dist/src/components/layout/card-list/NeonCardList.d.ts +8 -2
  34. package/dist/src/components/navigation/link/NeonLink.d.ts +4 -4
  35. package/dist/src/components/presentation/badge/NeonBadge.d.ts +6 -2
  36. package/dist/src/components/presentation/dropdown/NeonDropdown.d.ts +2 -6
  37. package/dist/src/components/user-input/filter-list/NeonFilterList.d.ts +6 -0
  38. package/dist/src/components/user-input/number/NeonNumber.d.ts +12 -4
  39. package/dist/src/components/user-input/search/NeonSearch.d.ts +6 -24
  40. package/package.json +1 -1
  41. package/src/sass/components/_action-menu.scss +1 -0
  42. package/src/sass/components/_alert-container.scss +45 -48
  43. package/src/sass/components/_button.scss +10 -3
  44. package/src/sass/components/_card-list.scss +0 -11
  45. package/src/sass/components/_link.scss +36 -52
  46. package/src/sass/components/_tabs.scss +2 -24
  47. package/src/sass/components/_toast-container.scss +15 -23
  48. package/src/sass/global/_base-html.scss +2 -30
  49. package/src/sass/includes/_outline.scss +6 -6
  50. package/src/sass/variables.scss +74 -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);
@@ -306,12 +336,12 @@
306
336
  --neon-max-width-note: 100%;
307
337
 
308
338
  /* outline */
309
- --neon-border-width-outline: 1rem;
339
+ --neon-border-width-outline: 1.5rem;
310
340
 
311
341
  /* link */
312
- --neon-border-width-link: 1rem;
313
- --neon-border-width-link-hover: 1rem;
314
- --neon-border-bottom-offset-link: 2rem;
342
+ --neon-text-decoration-thickness-link: 1rem;
343
+ --neon-text-decoration-thickness-link-hover: 1rem;
344
+ --neon-text-underline-offset-link: 2rem;
315
345
 
316
346
  /* slider & range slider */
317
347
  --neon-height-slider-track: 8rem;
@@ -592,20 +622,25 @@
592
622
  /* alerts */
593
623
  --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
624
 
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);
625
+ --neon-background-color-alert-info: var(--neon-color-info);
626
+ --neon-background-color-alert-success: var(--neon-color-success);
627
+ --neon-background-color-alert-warn: var(--neon-color-warn);
628
+ --neon-background-color-alert-error: var(--neon-color-error);
629
+
630
+ --neon-color-alert-info: var(--neon-color-inverse);
631
+ --neon-color-alert-success: var(--neon-color-inverse);
632
+ --neon-color-alert-warn: var(--neon-color-inverse);
633
+ --neon-color-alert-error: var(--neon-color-inverse);
599
634
 
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);
635
+ --neon-background-color-toast-info: var(--neon-color-info);
636
+ --neon-background-color-toast-success: var(--neon-color-success);
637
+ --neon-background-color-toast-warn: var(--neon-color-warn);
638
+ --neon-background-color-toast-error: var(--neon-color-error);
604
639
 
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);
640
+ --neon-color-toast-info: var(--neon-color-inverse);
641
+ --neon-color-toast-success: var(--neon-color-inverse);
642
+ --neon-color-toast-warn: var(--neon-color-inverse);
643
+ --neon-color-toast-error: var(--neon-color-inverse);
609
644
 
610
645
  /* dropdown / dropdown menu / select */
611
646
  --neon-border-color-dropdown: var(--neon-color-neutral-d3);
@@ -904,20 +939,25 @@
904
939
  /* alerts */
905
940
  --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
941
 
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);
942
+ --neon-background-color-alert-info: var(--neon-color-info);
943
+ --neon-background-color-alert-success: var(--neon-color-success);
944
+ --neon-background-color-alert-warn: var(--neon-color-warn);
945
+ --neon-background-color-alert-error: var(--neon-color-error);
946
+
947
+ --neon-color-alert-info: var(--neon-color-inverse);
948
+ --neon-color-alert-success: var(--neon-color-inverse);
949
+ --neon-color-alert-warn: var(--neon-color-inverse);
950
+ --neon-color-alert-error: var(--neon-color-inverse);
951
+
952
+ --neon-background-color-toast-info: var(--neon-color-info);
953
+ --neon-background-color-toast-success: var(--neon-color-success);
954
+ --neon-background-color-toast-warn: var(--neon-color-warn);
955
+ --neon-background-color-toast-error: var(--neon-color-error);
956
+
957
+ --neon-color-toast-info: var(--neon-color-inverse);
958
+ --neon-color-toast-success: var(--neon-color-inverse);
959
+ --neon-color-toast-warn: var(--neon-color-inverse);
960
+ --neon-color-toast-error: var(--neon-color-inverse);
921
961
 
922
962
  /* dropdown / dropdown menu / select */
923
963
  --neon-border-color-dropdown: var(--neon-color-neutral-l4);