@aotearoan/neon 22.4.0 → 22.5.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 (69) hide show
  1. package/dist/common/enums/NeonInputIndicatorStyle.cjs.js +2 -0
  2. package/dist/common/enums/NeonInputIndicatorStyle.cjs.js.map +1 -0
  3. package/dist/common/enums/NeonInputIndicatorStyle.es.js +5 -0
  4. package/dist/common/enums/NeonInputIndicatorStyle.es.js.map +1 -0
  5. package/dist/components/navigation/link/NeonLink.cjs.js +1 -1
  6. package/dist/components/navigation/link/NeonLink.cjs.js.map +1 -1
  7. package/dist/components/navigation/link/NeonLink.es.js +23 -22
  8. package/dist/components/navigation/link/NeonLink.es.js.map +1 -1
  9. package/dist/components/navigation/link/NeonLink.vue.cjs.js +1 -1
  10. package/dist/components/navigation/link/NeonLink.vue.cjs.js.map +1 -1
  11. package/dist/components/navigation/link/NeonLink.vue.es.js +14 -11
  12. package/dist/components/navigation/link/NeonLink.vue.es.js.map +1 -1
  13. package/dist/components/presentation/tabs/NeonTabs.cjs.js +1 -1
  14. package/dist/components/presentation/tabs/NeonTabs.cjs.js.map +1 -1
  15. package/dist/components/presentation/tabs/NeonTabs.es.js +35 -18
  16. package/dist/components/presentation/tabs/NeonTabs.es.js.map +1 -1
  17. package/dist/components/presentation/tabs/NeonTabs.vue.cjs.js +1 -1
  18. package/dist/components/presentation/tabs/NeonTabs.vue.cjs.js.map +1 -1
  19. package/dist/components/presentation/tabs/NeonTabs.vue.es.js +55 -42
  20. package/dist/components/presentation/tabs/NeonTabs.vue.es.js.map +1 -1
  21. package/dist/components/user-input/field-group/NeonFieldGroup.cjs.js +1 -1
  22. package/dist/components/user-input/field-group/NeonFieldGroup.cjs.js.map +1 -1
  23. package/dist/components/user-input/field-group/NeonFieldGroup.es.js +22 -4
  24. package/dist/components/user-input/field-group/NeonFieldGroup.es.js.map +1 -1
  25. package/dist/components/user-input/field-group/NeonFieldGroup.vue.cjs.js +1 -1
  26. package/dist/components/user-input/field-group/NeonFieldGroup.vue.cjs.js.map +1 -1
  27. package/dist/components/user-input/field-group/NeonFieldGroup.vue.es.js +15 -10
  28. package/dist/components/user-input/field-group/NeonFieldGroup.vue.es.js.map +1 -1
  29. package/dist/components/user-input/number/NeonNumber.vue.cjs.js +1 -1
  30. package/dist/components/user-input/number/NeonNumber.vue.cjs.js.map +1 -1
  31. package/dist/components/user-input/number/NeonNumber.vue.es.js +7 -6
  32. package/dist/components/user-input/number/NeonNumber.vue.es.js.map +1 -1
  33. package/dist/neon.cjs.js +1 -1
  34. package/dist/neon.es.js +99 -97
  35. package/dist/neon.es.js.map +1 -1
  36. package/dist/src/common/enums/NeonInputIndicatorStyle.d.ts +10 -0
  37. package/dist/src/common/models/NeonTabModel.d.ts +2 -0
  38. package/dist/src/components/feedback/alert/NeonAlert.d.ts +1 -0
  39. package/dist/src/components/feedback/alert/container/NeonAlertContainer.d.ts +1 -0
  40. package/dist/src/components/feedback/dialog/NeonDialog.d.ts +6 -12
  41. package/dist/src/components/feedback/note/NeonNote.d.ts +9 -8
  42. package/dist/src/components/layout/card-list/NeonCardList.d.ts +4 -8
  43. package/dist/src/components/layout/modal/NeonModal.d.ts +1 -0
  44. package/dist/src/components/navigation/action-menu/NeonActionMenu.d.ts +3 -6
  45. package/dist/src/components/navigation/dropdown-menu/NeonDropdownMenu.d.ts +7 -0
  46. package/dist/src/components/navigation/link/NeonLink.d.ts +1 -0
  47. package/dist/src/components/navigation/menu/NeonMenu.d.ts +8 -0
  48. package/dist/src/components/navigation/mobile-menu/NeonMobileMenu.d.ts +8 -0
  49. package/dist/src/components/navigation/tree-menu/NeonTreeMenu.d.ts +1 -0
  50. package/dist/src/components/presentation/badge/NeonBadge.d.ts +1 -0
  51. package/dist/src/components/presentation/dropdown/NeonDropdown.d.ts +8 -2
  52. package/dist/src/components/presentation/image-carousel/NeonImageCarousel.d.ts +2 -0
  53. package/dist/src/components/presentation/tabs/NeonTabs.d.ts +374 -0
  54. package/dist/src/components/user-input/button/NeonButton.d.ts +1 -0
  55. package/dist/src/components/user-input/date-picker/NeonDatePicker.d.ts +3 -0
  56. package/dist/src/components/user-input/field-group/NeonFieldGroup.d.ts +55 -1
  57. package/dist/src/components/user-input/file/NeonFile.d.ts +2 -4
  58. package/dist/src/components/user-input/filter-list/NeonFilterList.d.ts +1 -0
  59. package/dist/src/components/user-input/number/NeonNumber.d.ts +32 -1
  60. package/dist/src/components/user-input/search/NeonSearch.d.ts +30 -6
  61. package/dist/src/components/user-input/select/NeonSelect.d.ts +6 -0
  62. package/dist/src/neon.d.ts +1 -0
  63. package/package.json +1 -1
  64. package/src/sass/components/_field-group.scss +121 -34
  65. package/src/sass/components/_input-indicator.scss +13 -9
  66. package/src/sass/components/_input.scss +36 -28
  67. package/src/sass/components/_tabs.scss +50 -30
  68. package/src/sass/includes/_dependencies.scss +1 -1
  69. package/src/sass/variables.scss +24 -5
package/src/sass/variables.scss CHANGED
@@ -245,8 +245,12 @@
245
245
  --neon-letter-spacing-button: var(--neon-letter-spacing-m);
246
246
 
247
247
  /* tabs */
248
- --neon-border-width-tabs: 4rem;
248
+ --neon-height-tabs: 48rem;
249
+ --neon-border-width-tabs: 2rem;
249
250
  --neon-border-radius-tabs: 0;
251
+ --neon-font-weight-tabs: var(--neon-font-weight-normal);
252
+ --neon-font-weight-tabs-selected: var(--neon-font-weight-bold);
253
+ --neon-opacity-tab-focus: 0.125;
250
254
 
251
255
  /* chips */
252
256
  --neon-border-radius-chip: var(--neon-border-radius);
@@ -315,8 +319,23 @@
315
319
  /* input */
316
320
  --neon-border-radius-input: var(--neon-border-radius);
317
321
  --neon-border-width-input: var(--neon-border-width);
322
+ --neon-font-size-placeholder: var(--neon-font-size-s);
323
+ --neon-font-style-placeholder: italic;
324
+ --neon-font-weight-placeholder: var(--neon-font-weight-normal);
325
+ --neon-font-weight-input: var(--neon-font-weight-normal);
326
+ --neon-line-height-input: var(--neon-line-height-ratio-large);
318
327
  --neon-opacity-input-background-active: 0.03125;
319
328
 
329
+ --neon-font-size-input-s: var(--neon-font-size-s);
330
+ --neon-font-size-input-m: var(--neon-font-size-m);
331
+ --neon-font-size-input-l: var(--neon-font-size-m);
332
+
333
+ /* input indicator */
334
+ --neon-font-size-input-indicator-s: var(--neon-font-size-s);
335
+ --neon-font-size-input-indicator-m: var(--neon-font-size-m);
336
+ --neon-font-size-input-indicator-l: var(--neon-font-size-m);
337
+ --neon-font-weight-input-indicator: var(--neon-font-weight-normal);
338
+
320
339
  /* skeleton loader */
321
340
  --neon-border-radius-skeleton-loader: 0rem;
322
341
  --neon-height-skeleton-loader: var(--neon-size-m);
@@ -592,7 +611,7 @@
592
611
  --neon-box-shadow-tooltip: 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);
593
612
 
594
613
  /* tabs */
595
- --neon-border-color-tabs-underline: transparent;
614
+ --neon-border-color-tabs-underline: var(--neon-border-color);
596
615
  --neon-color-tab-selected-low-contrast: var(--neon-color-low-contrast-l1);
597
616
  --neon-color-tab-selected-neutral: var(--neon-color-neutral-l1);
598
617
  --neon-color-tab-selected-high-contrast: var(--neon-color-high-contrast-l1);
@@ -651,7 +670,7 @@
651
670
 
652
671
  /* input indicators */
653
672
  --neon-background-color-input-indicator: var(--neon-background-color-input);
654
- --neon-color-input-indicator: var(--neon-color-neutral);
673
+ --neon-color-input-indicator: var(--neon-color-text-tertiary);
655
674
 
656
675
  /* stepper */
657
676
  --neon-color-stepper-indicator: var(--neon-color-inverse);
@@ -902,7 +921,7 @@
902
921
  --neon-box-shadow-tooltip: 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);
903
922
 
904
923
  /* tabs */
905
- --neon-border-color-tabs-underline: transparent;
924
+ --neon-border-color-tabs-underline: var(--neon-border-color);
906
925
  --neon-color-tab-selected-low-contrast: var(--neon-color-low-contrast-d2);
907
926
  --neon-color-tab-selected-neutral: var(--neon-color-neutral-d2);
908
927
  --neon-color-tab-selected-high-contrast: var(--neon-color-high-contrast-d2);
@@ -965,7 +984,7 @@
965
984
 
966
985
  /* input indicators */
967
986
  --neon-background-color-input-indicator: var(--neon-background-color-input);
968
- --neon-color-input-indicator: var(--neon-color-neutral);
987
+ --neon-color-input-indicator: var(--neon-color-text-tertiary);
969
988
 
970
989
  /* stepper */
971
990
  --neon-color-stepper-indicator: var(--neon-color-high-contrast-l5);