@aotearoan/neon 22.5.1 → 22.5.2

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 (36) hide show
  1. package/dist/components/user-input/field/NeonField.cjs.js +1 -1
  2. package/dist/components/user-input/field/NeonField.cjs.js.map +1 -1
  3. package/dist/components/user-input/field/NeonField.es.js +2 -6
  4. package/dist/components/user-input/field/NeonField.es.js.map +1 -1
  5. package/dist/components/user-input/field/NeonField.vue.cjs.js +1 -1
  6. package/dist/components/user-input/field/NeonField.vue.cjs.js.map +1 -1
  7. package/dist/components/user-input/field/NeonField.vue.es.js +22 -26
  8. package/dist/components/user-input/field/NeonField.vue.es.js.map +1 -1
  9. package/dist/components/user-input/input/NeonInput.cjs.js +1 -1
  10. package/dist/components/user-input/input/NeonInput.cjs.js.map +1 -1
  11. package/dist/components/user-input/input/NeonInput.es.js +65 -47
  12. package/dist/components/user-input/input/NeonInput.es.js.map +1 -1
  13. package/dist/components/user-input/input/NeonInput.vue.cjs.js +1 -1
  14. package/dist/components/user-input/input/NeonInput.vue.cjs.js.map +1 -1
  15. package/dist/components/user-input/input/NeonInput.vue.es.js +35 -31
  16. package/dist/components/user-input/input/NeonInput.vue.es.js.map +1 -1
  17. package/dist/src/components/navigation/dropdown-menu/NeonDropdownMenu.d.ts +150 -48
  18. package/dist/src/components/navigation/menu/NeonMenu.d.ts +150 -48
  19. package/dist/src/components/navigation/mobile-menu/NeonMobileMenu.d.ts +150 -48
  20. package/dist/src/components/presentation/badge/NeonBadge.d.ts +104 -28
  21. package/dist/src/components/presentation/dropdown/NeonDropdown.d.ts +62 -52
  22. package/dist/src/components/user-input/color/NeonColor.d.ts +14 -4
  23. package/dist/src/components/user-input/date-picker/NeonDatePicker.d.ts +144 -44
  24. package/dist/src/components/user-input/field/NeonField.d.ts +1 -122
  25. package/dist/src/components/user-input/file/NeonFile.d.ts +116 -34
  26. package/dist/src/components/user-input/input/NeonInput.d.ts +24 -8
  27. package/dist/src/components/user-input/number/NeonNumber.d.ts +14 -4
  28. package/dist/src/components/user-input/password/NeonPassword.d.ts +14 -4
  29. package/dist/src/components/user-input/search/NeonSearch.d.ts +224 -232
  30. package/dist/src/components/user-input/select/NeonSelect.d.ts +330 -66
  31. package/package.json +1 -1
  32. package/src/sass/components/_field.scss +8 -0
  33. package/src/sass/components/_input.scss +3 -3
  34. package/src/sass/includes/_dependencies.scss +1 -1
  35. package/src/sass/includes/_typography.scss +3 -2
  36. package/src/sass/variables.scss +4 -0
package/dist/src/components/presentation/dropdown/NeonDropdown.d.ts CHANGED
@@ -483,15 +483,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
483
483
  default: import("../../../neon").NeonInputMode;
484
484
  };
485
485
  autocomplete: {
486
- type: StringConstructor;
486
+ type: () => import("../../../neon").NeonInputMode;
487
487
  default: string;
488
488
  };
489
489
  state: {
490
490
  type: () => import("../../../neon").NeonState;
491
491
  default: import("../../../neon").NeonState;
492
- }; /**
493
- * aria label of the button icon
494
- */
492
+ };
495
493
  rows: {
496
494
  type: NumberConstructor;
497
495
  default: null;
@@ -515,9 +513,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
515
513
  disabled: {
516
514
  type: BooleanConstructor;
517
515
  default: boolean;
518
- }; /**
519
- * Placement of the dropdown contents.
520
- */
516
+ };
521
517
  stateHighlight: {
522
518
  type: BooleanConstructor;
523
519
  default: boolean;
@@ -530,6 +526,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
530
526
  type: NumberConstructor;
531
527
  default: null;
532
528
  };
529
+ maxlengthLabel: {
530
+ type: StringConstructor;
531
+ default: string;
532
+ };
533
533
  debounce: {
534
534
  type: NumberConstructor;
535
535
  default: undefined;
@@ -549,12 +549,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
549
549
  iconName: import("vue").ComputedRef<string | undefined>;
550
550
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
551
551
  computedPlaceholder: import("vue").ComputedRef<string>;
552
+ counterLabel: import("vue").ComputedRef<string | null>;
552
553
  focus: () => void;
553
554
  click: () => void;
554
555
  onFocus: () => void;
555
556
  onBlur: () => void;
556
557
  iconClicked: ($event: Event) => void;
557
- changeValue: (event: Event) => void;
558
+ changeValue: (event: InputEvent) => void;
558
559
  onKeyDown: (event: KeyboardEvent) => void;
559
560
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
560
561
  disabled: boolean;
@@ -569,13 +570,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
569
570
  inputmode: import("../../../neon").NeonInputMode;
570
571
  modelValue: string;
571
572
  state: import("../../../neon").NeonState;
572
- autocomplete: string;
573
+ autocomplete: import("../../../neon").NeonInputMode;
573
574
  rows: number;
574
575
  iconReadonly: boolean;
575
576
  hideIcon: boolean;
576
577
  stateHighlight: boolean;
577
578
  stateIcon: boolean;
578
579
  maxlength: number;
580
+ maxlengthLabel: string;
579
581
  }, true, {}, {}, {
580
582
  NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
581
583
  name: {
@@ -667,15 +669,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
667
669
  default: import("../../../neon").NeonInputMode;
668
670
  };
669
671
  autocomplete: {
670
- type: StringConstructor;
672
+ type: () => import("../../../neon").NeonInputMode;
671
673
  default: string;
672
674
  };
673
675
  state: {
674
676
  type: () => import("../../../neon").NeonState;
675
677
  default: import("../../../neon").NeonState;
676
- }; /**
677
- * aria label of the button icon
678
- */
678
+ };
679
679
  rows: {
680
680
  type: NumberConstructor;
681
681
  default: null;
@@ -699,9 +699,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
699
699
  disabled: {
700
700
  type: BooleanConstructor;
701
701
  default: boolean;
702
- }; /**
703
- * Placement of the dropdown contents.
704
- */
702
+ };
705
703
  stateHighlight: {
706
704
  type: BooleanConstructor;
707
705
  default: boolean;
@@ -714,6 +712,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
714
712
  type: NumberConstructor;
715
713
  default: null;
716
714
  };
715
+ maxlengthLabel: {
716
+ type: StringConstructor;
717
+ default: string;
718
+ };
717
719
  debounce: {
718
720
  type: NumberConstructor;
719
721
  default: undefined;
@@ -733,12 +735,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
733
735
  iconName: import("vue").ComputedRef<string | undefined>;
734
736
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
735
737
  computedPlaceholder: import("vue").ComputedRef<string>;
738
+ counterLabel: import("vue").ComputedRef<string | null>;
736
739
  focus: () => void;
737
740
  click: () => void;
738
741
  onFocus: () => void;
739
742
  onBlur: () => void;
740
743
  iconClicked: ($event: Event) => void;
741
- changeValue: (event: Event) => void;
744
+ changeValue: (event: InputEvent) => void;
742
745
  onKeyDown: (event: KeyboardEvent) => void;
743
746
  }, {}, {}, {}, {
744
747
  disabled: boolean;
@@ -753,13 +756,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
753
756
  inputmode: import("../../../neon").NeonInputMode;
754
757
  modelValue: string;
755
758
  state: import("../../../neon").NeonState;
756
- autocomplete: string;
759
+ autocomplete: import("../../../neon").NeonInputMode;
757
760
  rows: number;
758
761
  iconReadonly: boolean;
759
762
  hideIcon: boolean;
760
763
  stateHighlight: boolean;
761
764
  stateIcon: boolean;
762
765
  maxlength: number;
766
+ maxlengthLabel: string;
763
767
  }> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
764
768
  id: {
765
769
  type: StringConstructor;
@@ -790,15 +794,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
790
794
  default: import("../../../neon").NeonInputMode;
791
795
  };
792
796
  autocomplete: {
793
- type: StringConstructor;
797
+ type: () => import("../../../neon").NeonInputMode;
794
798
  default: string;
795
799
  };
796
800
  state: {
797
801
  type: () => import("../../../neon").NeonState;
798
802
  default: import("../../../neon").NeonState;
799
- }; /**
800
- * aria label of the button icon
801
- */
803
+ };
802
804
  rows: {
803
805
  type: NumberConstructor;
804
806
  default: null;
@@ -822,9 +824,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
822
824
  disabled: {
823
825
  type: BooleanConstructor;
824
826
  default: boolean;
825
- }; /**
826
- * Placement of the dropdown contents.
827
- */
827
+ };
828
828
  stateHighlight: {
829
829
  type: BooleanConstructor;
830
830
  default: boolean;
@@ -837,6 +837,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
837
837
  type: NumberConstructor;
838
838
  default: null;
839
839
  };
840
+ maxlengthLabel: {
841
+ type: StringConstructor;
842
+ default: string;
843
+ };
840
844
  debounce: {
841
845
  type: NumberConstructor;
842
846
  default: undefined;
@@ -856,12 +860,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
856
860
  iconName: import("vue").ComputedRef<string | undefined>;
857
861
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
858
862
  computedPlaceholder: import("vue").ComputedRef<string>;
863
+ counterLabel: import("vue").ComputedRef<string | null>;
859
864
  focus: () => void;
860
865
  click: () => void;
861
866
  onFocus: () => void;
862
867
  onBlur: () => void;
863
868
  iconClicked: ($event: Event) => void;
864
- changeValue: (event: Event) => void;
869
+ changeValue: (event: InputEvent) => void;
865
870
  onKeyDown: (event: KeyboardEvent) => void;
866
871
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
867
872
  disabled: boolean;
@@ -876,13 +881,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
876
881
  inputmode: import("../../../neon").NeonInputMode;
877
882
  modelValue: string;
878
883
  state: import("../../../neon").NeonState;
879
- autocomplete: string;
884
+ autocomplete: import("../../../neon").NeonInputMode;
880
885
  rows: number;
881
886
  iconReadonly: boolean;
882
887
  hideIcon: boolean;
883
888
  stateHighlight: boolean;
884
889
  stateIcon: boolean;
885
890
  maxlength: number;
891
+ maxlengthLabel: string;
886
892
  }, true, {}, {}, {
887
893
  NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
888
894
  name: {
@@ -974,15 +980,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
974
980
  default: import("../../../neon").NeonInputMode;
975
981
  };
976
982
  autocomplete: {
977
- type: StringConstructor;
983
+ type: () => import("../../../neon").NeonInputMode;
978
984
  default: string;
979
985
  };
980
986
  state: {
981
987
  type: () => import("../../../neon").NeonState;
982
988
  default: import("../../../neon").NeonState;
983
- }; /**
984
- * aria label of the button icon
985
- */
989
+ };
986
990
  rows: {
987
991
  type: NumberConstructor;
988
992
  default: null;
@@ -1006,9 +1010,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1006
1010
  disabled: {
1007
1011
  type: BooleanConstructor;
1008
1012
  default: boolean;
1009
- }; /**
1010
- * Placement of the dropdown contents.
1011
- */
1013
+ };
1012
1014
  stateHighlight: {
1013
1015
  type: BooleanConstructor;
1014
1016
  default: boolean;
@@ -1021,6 +1023,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1021
1023
  type: NumberConstructor;
1022
1024
  default: null;
1023
1025
  };
1026
+ maxlengthLabel: {
1027
+ type: StringConstructor;
1028
+ default: string;
1029
+ };
1024
1030
  debounce: {
1025
1031
  type: NumberConstructor;
1026
1032
  default: undefined;
@@ -1040,12 +1046,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1040
1046
  iconName: import("vue").ComputedRef<string | undefined>;
1041
1047
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
1042
1048
  computedPlaceholder: import("vue").ComputedRef<string>;
1049
+ counterLabel: import("vue").ComputedRef<string | null>;
1043
1050
  focus: () => void;
1044
1051
  click: () => void;
1045
1052
  onFocus: () => void;
1046
1053
  onBlur: () => void;
1047
1054
  iconClicked: ($event: Event) => void;
1048
- changeValue: (event: Event) => void;
1055
+ changeValue: (event: InputEvent) => void;
1049
1056
  onKeyDown: (event: KeyboardEvent) => void;
1050
1057
  }, {}, {}, {}, {
1051
1058
  disabled: boolean;
@@ -1060,13 +1067,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1060
1067
  inputmode: import("../../../neon").NeonInputMode;
1061
1068
  modelValue: string;
1062
1069
  state: import("../../../neon").NeonState;
1063
- autocomplete: string;
1070
+ autocomplete: import("../../../neon").NeonInputMode;
1064
1071
  rows: number;
1065
1072
  iconReadonly: boolean;
1066
1073
  hideIcon: boolean;
1067
1074
  stateHighlight: boolean;
1068
1075
  stateIcon: boolean;
1069
1076
  maxlength: number;
1077
+ maxlengthLabel: string;
1070
1078
  }> | null>;
1071
1079
  files: import("vue").Ref<{
1072
1080
  readonly lastModified: number;
@@ -1608,15 +1616,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1608
1616
  default: import("../../../neon").NeonInputMode;
1609
1617
  };
1610
1618
  autocomplete: {
1611
- type: StringConstructor;
1619
+ type: () => import("../../../neon").NeonInputMode;
1612
1620
  default: string;
1613
1621
  };
1614
1622
  state: {
1615
1623
  type: () => import("../../../neon").NeonState;
1616
1624
  default: import("../../../neon").NeonState;
1617
- }; /**
1618
- * aria label of the button icon
1619
- */
1625
+ };
1620
1626
  rows: {
1621
1627
  type: NumberConstructor;
1622
1628
  default: null;
@@ -1640,9 +1646,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1640
1646
  disabled: {
1641
1647
  type: BooleanConstructor;
1642
1648
  default: boolean;
1643
- }; /**
1644
- * Placement of the dropdown contents.
1645
- */
1649
+ };
1646
1650
  stateHighlight: {
1647
1651
  type: BooleanConstructor;
1648
1652
  default: boolean;
@@ -1655,6 +1659,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1655
1659
  type: NumberConstructor;
1656
1660
  default: null;
1657
1661
  };
1662
+ maxlengthLabel: {
1663
+ type: StringConstructor;
1664
+ default: string;
1665
+ };
1658
1666
  debounce: {
1659
1667
  type: NumberConstructor;
1660
1668
  default: undefined;
@@ -1669,12 +1677,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1669
1677
  iconName: import("vue").ComputedRef<string | undefined>;
1670
1678
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
1671
1679
  computedPlaceholder: import("vue").ComputedRef<string>;
1680
+ counterLabel: import("vue").ComputedRef<string | null>;
1672
1681
  focus: () => void;
1673
1682
  click: () => void;
1674
1683
  onFocus: () => void;
1675
1684
  onBlur: () => void;
1676
1685
  iconClicked: ($event: Event) => void;
1677
- changeValue: (event: Event) => void;
1686
+ changeValue: (event: InputEvent) => void;
1678
1687
  onKeyDown: (event: KeyboardEvent) => void;
1679
1688
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], "update:modelValue" | "focus" | "blur" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
1680
1689
  id: {
@@ -1706,15 +1715,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1706
1715
  default: import("../../../neon").NeonInputMode;
1707
1716
  };
1708
1717
  autocomplete: {
1709
- type: StringConstructor;
1718
+ type: () => import("../../../neon").NeonInputMode;
1710
1719
  default: string;
1711
1720
  };
1712
1721
  state: {
1713
1722
  type: () => import("../../../neon").NeonState;
1714
1723
  default: import("../../../neon").NeonState;
1715
- }; /**
1716
- * aria label of the button icon
1717
- */
1724
+ };
1718
1725
  rows: {
1719
1726
  type: NumberConstructor;
1720
1727
  default: null;
@@ -1738,9 +1745,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1738
1745
  disabled: {
1739
1746
  type: BooleanConstructor;
1740
1747
  default: boolean;
1741
- }; /**
1742
- * Placement of the dropdown contents.
1743
- */
1748
+ };
1744
1749
  stateHighlight: {
1745
1750
  type: BooleanConstructor;
1746
1751
  default: boolean;
@@ -1753,6 +1758,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1753
1758
  type: NumberConstructor;
1754
1759
  default: null;
1755
1760
  };
1761
+ maxlengthLabel: {
1762
+ type: StringConstructor;
1763
+ default: string;
1764
+ };
1756
1765
  debounce: {
1757
1766
  type: NumberConstructor;
1758
1767
  default: undefined;
@@ -1775,13 +1784,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1775
1784
  inputmode: import("../../../neon").NeonInputMode;
1776
1785
  modelValue: string;
1777
1786
  state: import("../../../neon").NeonState;
1778
- autocomplete: string;
1787
+ autocomplete: import("../../../neon").NeonInputMode;
1779
1788
  rows: number;
1780
1789
  iconReadonly: boolean;
1781
1790
  hideIcon: boolean;
1782
1791
  stateHighlight: boolean;
1783
1792
  stateIcon: boolean;
1784
1793
  maxlength: number;
1794
+ maxlengthLabel: string;
1785
1795
  }, {}, {
1786
1796
  NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
1787
1797
  name: {
package/dist/src/components/user-input/color/NeonColor.d.ts CHANGED
@@ -139,7 +139,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
139
139
  default: import("../../../neon").NeonInputMode;
140
140
  };
141
141
  autocomplete: {
142
- type: StringConstructor;
142
+ type: () => import("../../../neon").NeonInputMode;
143
143
  default: string;
144
144
  };
145
145
  state: {
@@ -182,6 +182,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
182
182
  type: NumberConstructor;
183
183
  default: null;
184
184
  };
185
+ maxlengthLabel: {
186
+ type: StringConstructor;
187
+ default: string;
188
+ };
185
189
  debounce: {
186
190
  type: NumberConstructor;
187
191
  default: undefined;
@@ -196,12 +200,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
196
200
  iconName: import("vue").ComputedRef<string | undefined>;
197
201
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
198
202
  computedPlaceholder: import("vue").ComputedRef<string>;
203
+ counterLabel: import("vue").ComputedRef<string | null>;
199
204
  focus: () => void;
200
205
  click: () => void;
201
206
  onFocus: () => void;
202
207
  onBlur: () => void;
203
208
  iconClicked: ($event: Event) => void;
204
- changeValue: (event: Event) => void;
209
+ changeValue: (event: InputEvent) => void;
205
210
  onKeyDown: (event: KeyboardEvent) => void;
206
211
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], "update:modelValue" | "focus" | "blur" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
207
212
  id: {
@@ -233,7 +238,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
233
238
  default: import("../../../neon").NeonInputMode;
234
239
  };
235
240
  autocomplete: {
236
- type: StringConstructor;
241
+ type: () => import("../../../neon").NeonInputMode;
237
242
  default: string;
238
243
  };
239
244
  state: {
@@ -276,6 +281,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
276
281
  type: NumberConstructor;
277
282
  default: null;
278
283
  };
284
+ maxlengthLabel: {
285
+ type: StringConstructor;
286
+ default: string;
287
+ };
279
288
  debounce: {
280
289
  type: NumberConstructor;
281
290
  default: undefined;
@@ -298,13 +307,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
298
307
  inputmode: import("../../../neon").NeonInputMode;
299
308
  modelValue: string;
300
309
  state: import("../../../neon").NeonState;
301
- autocomplete: string;
310
+ autocomplete: import("../../../neon").NeonInputMode;
302
311
  rows: number;
303
312
  iconReadonly: boolean;
304
313
  hideIcon: boolean;
305
314
  stateHighlight: boolean;
306
315
  stateIcon: boolean;
307
316
  maxlength: number;
317
+ maxlengthLabel: string;
308
318
  }, {}, {
309
319
  NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
310
320
  name: {