@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/badge/NeonBadge.d.ts CHANGED
@@ -291,21 +291,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
291
291
  default: import("../../../neon").NeonInputMode;
292
292
  };
293
293
  autocomplete: {
294
- type: StringConstructor;
294
+ type: () => import("../../../neon").NeonInputMode;
295
295
  default: string;
296
296
  };
297
297
  state: {
298
298
  type: () => import("../../../neon").NeonState;
299
299
  default: import("../../../neon").NeonState;
300
300
  };
301
+ /**
302
+ * Accept string for the filetype to support selecting.
303
+ */
301
304
  rows: {
302
305
  type: NumberConstructor;
303
306
  default: null;
304
307
  };
305
308
  icon: {
306
309
  type: StringConstructor;
307
- default: null;
308
- };
310
+ default: null; /**
311
+ * Badge image alt text.
312
+ */
313
+ }; /**
314
+ * Badge image alt text.
315
+ */
309
316
  iconReadonly: {
310
317
  type: BooleanConstructor;
311
318
  default: boolean;
@@ -334,6 +341,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
334
341
  type: NumberConstructor;
335
342
  default: null;
336
343
  };
344
+ maxlengthLabel: {
345
+ type: StringConstructor;
346
+ default: string;
347
+ };
337
348
  debounce: {
338
349
  type: NumberConstructor;
339
350
  default: undefined;
@@ -353,12 +364,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
353
364
  iconName: import("vue").ComputedRef<string | undefined>;
354
365
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
355
366
  computedPlaceholder: import("vue").ComputedRef<string>;
367
+ counterLabel: import("vue").ComputedRef<string | null>;
356
368
  focus: () => void;
357
369
  click: () => void;
358
370
  onFocus: () => void;
359
371
  onBlur: () => void;
360
372
  iconClicked: ($event: Event) => void;
361
- changeValue: (event: Event) => void;
373
+ changeValue: (event: InputEvent) => void;
362
374
  onKeyDown: (event: KeyboardEvent) => void;
363
375
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
364
376
  disabled: boolean;
@@ -373,13 +385,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
373
385
  inputmode: import("../../../neon").NeonInputMode;
374
386
  modelValue: string;
375
387
  state: import("../../../neon").NeonState;
376
- autocomplete: string;
388
+ autocomplete: import("../../../neon").NeonInputMode;
377
389
  rows: number;
378
390
  iconReadonly: boolean;
379
391
  hideIcon: boolean;
380
392
  stateHighlight: boolean;
381
393
  stateIcon: boolean;
382
394
  maxlength: number;
395
+ maxlengthLabel: string;
383
396
  }, true, {}, {}, {
384
397
  NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
385
398
  name: {
@@ -473,21 +486,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
473
486
  default: import("../../../neon").NeonInputMode;
474
487
  };
475
488
  autocomplete: {
476
- type: StringConstructor;
489
+ type: () => import("../../../neon").NeonInputMode;
477
490
  default: string;
478
491
  };
479
492
  state: {
480
493
  type: () => import("../../../neon").NeonState;
481
494
  default: import("../../../neon").NeonState;
482
495
  };
496
+ /**
497
+ * Accept string for the filetype to support selecting.
498
+ */
483
499
  rows: {
484
500
  type: NumberConstructor;
485
501
  default: null;
486
502
  };
487
503
  icon: {
488
504
  type: StringConstructor;
489
- default: null;
490
- };
505
+ default: null; /**
506
+ * Badge image alt text.
507
+ */
508
+ }; /**
509
+ * Badge image alt text.
510
+ */
491
511
  iconReadonly: {
492
512
  type: BooleanConstructor;
493
513
  default: boolean;
@@ -516,6 +536,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
516
536
  type: NumberConstructor;
517
537
  default: null;
518
538
  };
539
+ maxlengthLabel: {
540
+ type: StringConstructor;
541
+ default: string;
542
+ };
519
543
  debounce: {
520
544
  type: NumberConstructor;
521
545
  default: undefined;
@@ -535,12 +559,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
535
559
  iconName: import("vue").ComputedRef<string | undefined>;
536
560
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
537
561
  computedPlaceholder: import("vue").ComputedRef<string>;
562
+ counterLabel: import("vue").ComputedRef<string | null>;
538
563
  focus: () => void;
539
564
  click: () => void;
540
565
  onFocus: () => void;
541
566
  onBlur: () => void;
542
567
  iconClicked: ($event: Event) => void;
543
- changeValue: (event: Event) => void;
568
+ changeValue: (event: InputEvent) => void;
544
569
  onKeyDown: (event: KeyboardEvent) => void;
545
570
  }, {}, {}, {}, {
546
571
  disabled: boolean;
@@ -555,13 +580,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
555
580
  inputmode: import("../../../neon").NeonInputMode;
556
581
  modelValue: string;
557
582
  state: import("../../../neon").NeonState;
558
- autocomplete: string;
583
+ autocomplete: import("../../../neon").NeonInputMode;
559
584
  rows: number;
560
585
  iconReadonly: boolean;
561
586
  hideIcon: boolean;
562
587
  stateHighlight: boolean;
563
588
  stateIcon: boolean;
564
589
  maxlength: number;
590
+ maxlengthLabel: string;
565
591
  }> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
566
592
  id: {
567
593
  type: StringConstructor;
@@ -594,21 +620,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
594
620
  default: import("../../../neon").NeonInputMode;
595
621
  };
596
622
  autocomplete: {
597
- type: StringConstructor;
623
+ type: () => import("../../../neon").NeonInputMode;
598
624
  default: string;
599
625
  };
600
626
  state: {
601
627
  type: () => import("../../../neon").NeonState;
602
628
  default: import("../../../neon").NeonState;
603
629
  };
630
+ /**
631
+ * Accept string for the filetype to support selecting.
632
+ */
604
633
  rows: {
605
634
  type: NumberConstructor;
606
635
  default: null;
607
636
  };
608
637
  icon: {
609
638
  type: StringConstructor;
610
- default: null;
611
- };
639
+ default: null; /**
640
+ * Badge image alt text.
641
+ */
642
+ }; /**
643
+ * Badge image alt text.
644
+ */
612
645
  iconReadonly: {
613
646
  type: BooleanConstructor;
614
647
  default: boolean;
@@ -637,6 +670,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
637
670
  type: NumberConstructor;
638
671
  default: null;
639
672
  };
673
+ maxlengthLabel: {
674
+ type: StringConstructor;
675
+ default: string;
676
+ };
640
677
  debounce: {
641
678
  type: NumberConstructor;
642
679
  default: undefined;
@@ -656,12 +693,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
656
693
  iconName: import("vue").ComputedRef<string | undefined>;
657
694
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
658
695
  computedPlaceholder: import("vue").ComputedRef<string>;
696
+ counterLabel: import("vue").ComputedRef<string | null>;
659
697
  focus: () => void;
660
698
  click: () => void;
661
699
  onFocus: () => void;
662
700
  onBlur: () => void;
663
701
  iconClicked: ($event: Event) => void;
664
- changeValue: (event: Event) => void;
702
+ changeValue: (event: InputEvent) => void;
665
703
  onKeyDown: (event: KeyboardEvent) => void;
666
704
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
667
705
  disabled: boolean;
@@ -676,13 +714,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
676
714
  inputmode: import("../../../neon").NeonInputMode;
677
715
  modelValue: string;
678
716
  state: import("../../../neon").NeonState;
679
- autocomplete: string;
717
+ autocomplete: import("../../../neon").NeonInputMode;
680
718
  rows: number;
681
719
  iconReadonly: boolean;
682
720
  hideIcon: boolean;
683
721
  stateHighlight: boolean;
684
722
  stateIcon: boolean;
685
723
  maxlength: number;
724
+ maxlengthLabel: string;
686
725
  }, true, {}, {}, {
687
726
  NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
688
727
  name: {
@@ -776,21 +815,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
776
815
  default: import("../../../neon").NeonInputMode;
777
816
  };
778
817
  autocomplete: {
779
- type: StringConstructor;
818
+ type: () => import("../../../neon").NeonInputMode;
780
819
  default: string;
781
820
  };
782
821
  state: {
783
822
  type: () => import("../../../neon").NeonState;
784
823
  default: import("../../../neon").NeonState;
785
824
  };
825
+ /**
826
+ * Accept string for the filetype to support selecting.
827
+ */
786
828
  rows: {
787
829
  type: NumberConstructor;
788
830
  default: null;
789
831
  };
790
832
  icon: {
791
833
  type: StringConstructor;
792
- default: null;
793
- };
834
+ default: null; /**
835
+ * Badge image alt text.
836
+ */
837
+ }; /**
838
+ * Badge image alt text.
839
+ */
794
840
  iconReadonly: {
795
841
  type: BooleanConstructor;
796
842
  default: boolean;
@@ -819,6 +865,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
819
865
  type: NumberConstructor;
820
866
  default: null;
821
867
  };
868
+ maxlengthLabel: {
869
+ type: StringConstructor;
870
+ default: string;
871
+ };
822
872
  debounce: {
823
873
  type: NumberConstructor;
824
874
  default: undefined;
@@ -838,12 +888,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
838
888
  iconName: import("vue").ComputedRef<string | undefined>;
839
889
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
840
890
  computedPlaceholder: import("vue").ComputedRef<string>;
891
+ counterLabel: import("vue").ComputedRef<string | null>;
841
892
  focus: () => void;
842
893
  click: () => void;
843
894
  onFocus: () => void;
844
895
  onBlur: () => void;
845
896
  iconClicked: ($event: Event) => void;
846
- changeValue: (event: Event) => void;
897
+ changeValue: (event: InputEvent) => void;
847
898
  onKeyDown: (event: KeyboardEvent) => void;
848
899
  }, {}, {}, {}, {
849
900
  disabled: boolean;
@@ -858,13 +909,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
858
909
  inputmode: import("../../../neon").NeonInputMode;
859
910
  modelValue: string;
860
911
  state: import("../../../neon").NeonState;
861
- autocomplete: string;
912
+ autocomplete: import("../../../neon").NeonInputMode;
862
913
  rows: number;
863
914
  iconReadonly: boolean;
864
915
  hideIcon: boolean;
865
916
  stateHighlight: boolean;
866
917
  stateIcon: boolean;
867
918
  maxlength: number;
919
+ maxlengthLabel: string;
868
920
  }> | null>;
869
921
  files: import("vue").Ref<{
870
922
  readonly lastModified: number;
@@ -1390,21 +1442,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1390
1442
  default: import("../../../neon").NeonInputMode;
1391
1443
  };
1392
1444
  autocomplete: {
1393
- type: StringConstructor;
1445
+ type: () => import("../../../neon").NeonInputMode;
1394
1446
  default: string;
1395
1447
  };
1396
1448
  state: {
1397
1449
  type: () => import("../../../neon").NeonState;
1398
1450
  default: import("../../../neon").NeonState;
1399
1451
  };
1452
+ /**
1453
+ * Accept string for the filetype to support selecting.
1454
+ */
1400
1455
  rows: {
1401
1456
  type: NumberConstructor;
1402
1457
  default: null;
1403
1458
  };
1404
1459
  icon: {
1405
1460
  type: StringConstructor;
1406
- default: null;
1407
- };
1461
+ default: null; /**
1462
+ * Badge image alt text.
1463
+ */
1464
+ }; /**
1465
+ * Badge image alt text.
1466
+ */
1408
1467
  iconReadonly: {
1409
1468
  type: BooleanConstructor;
1410
1469
  default: boolean;
@@ -1433,6 +1492,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1433
1492
  type: NumberConstructor;
1434
1493
  default: null;
1435
1494
  };
1495
+ maxlengthLabel: {
1496
+ type: StringConstructor;
1497
+ default: string;
1498
+ };
1436
1499
  debounce: {
1437
1500
  type: NumberConstructor;
1438
1501
  default: undefined;
@@ -1447,12 +1510,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1447
1510
  iconName: import("vue").ComputedRef<string | undefined>;
1448
1511
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
1449
1512
  computedPlaceholder: import("vue").ComputedRef<string>;
1513
+ counterLabel: import("vue").ComputedRef<string | null>;
1450
1514
  focus: () => void;
1451
1515
  click: () => void;
1452
1516
  onFocus: () => void;
1453
1517
  onBlur: () => void;
1454
1518
  iconClicked: ($event: Event) => void;
1455
- changeValue: (event: Event) => void;
1519
+ changeValue: (event: InputEvent) => void;
1456
1520
  onKeyDown: (event: KeyboardEvent) => void;
1457
1521
  }, {}, {}, {}, 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<{
1458
1522
  id: {
@@ -1486,21 +1550,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1486
1550
  default: import("../../../neon").NeonInputMode;
1487
1551
  };
1488
1552
  autocomplete: {
1489
- type: StringConstructor;
1553
+ type: () => import("../../../neon").NeonInputMode;
1490
1554
  default: string;
1491
1555
  };
1492
1556
  state: {
1493
1557
  type: () => import("../../../neon").NeonState;
1494
1558
  default: import("../../../neon").NeonState;
1495
1559
  };
1560
+ /**
1561
+ * Accept string for the filetype to support selecting.
1562
+ */
1496
1563
  rows: {
1497
1564
  type: NumberConstructor;
1498
1565
  default: null;
1499
1566
  };
1500
1567
  icon: {
1501
1568
  type: StringConstructor;
1502
- default: null;
1503
- };
1569
+ default: null; /**
1570
+ * Badge image alt text.
1571
+ */
1572
+ }; /**
1573
+ * Badge image alt text.
1574
+ */
1504
1575
  iconReadonly: {
1505
1576
  type: BooleanConstructor;
1506
1577
  default: boolean;
@@ -1529,6 +1600,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1529
1600
  type: NumberConstructor;
1530
1601
  default: null;
1531
1602
  };
1603
+ maxlengthLabel: {
1604
+ type: StringConstructor;
1605
+ default: string;
1606
+ };
1532
1607
  debounce: {
1533
1608
  type: NumberConstructor;
1534
1609
  default: undefined;
@@ -1551,13 +1626,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1551
1626
  inputmode: import("../../../neon").NeonInputMode;
1552
1627
  modelValue: string;
1553
1628
  state: import("../../../neon").NeonState;
1554
- autocomplete: string;
1629
+ autocomplete: import("../../../neon").NeonInputMode;
1555
1630
  rows: number;
1556
1631
  iconReadonly: boolean;
1557
1632
  hideIcon: boolean;
1558
1633
  stateHighlight: boolean;
1559
1634
  stateIcon: boolean;
1560
1635
  maxlength: number;
1636
+ maxlengthLabel: string;
1561
1637
  }, {}, {
1562
1638
  NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
1563
1639
  name: {