@aotearoan/neon 23.0.0 → 23.0.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 (50) hide show
  1. package/dist/components/layout/page-container/NeonPageContainer.cjs.js +2 -0
  2. package/dist/components/layout/page-container/NeonPageContainer.cjs.js.map +1 -0
  3. package/dist/components/layout/page-container/NeonPageContainer.es.js +20 -0
  4. package/dist/components/layout/page-container/NeonPageContainer.es.js.map +1 -0
  5. package/dist/components/layout/page-container/NeonPageContainer.vue.cjs.js +2 -0
  6. package/dist/components/layout/page-container/NeonPageContainer.vue.cjs.js.map +1 -0
  7. package/dist/components/layout/page-container/NeonPageContainer.vue.es.js +23 -0
  8. package/dist/components/layout/page-container/NeonPageContainer.vue.es.js.map +1 -0
  9. package/dist/components/navigation/menu/NeonMenu.vue.cjs.js +1 -1
  10. package/dist/components/navigation/menu/NeonMenu.vue.cjs.js.map +1 -1
  11. package/dist/components/navigation/menu/NeonMenu.vue.es.js +2 -2
  12. package/dist/components/navigation/menu/NeonMenu.vue.es.js.map +1 -1
  13. package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js +1 -1
  14. package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js.map +1 -1
  15. package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.es.js +1 -1
  16. package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.es.js.map +1 -1
  17. package/dist/components/user-input/input/NeonInput.cjs.js +1 -1
  18. package/dist/components/user-input/input/NeonInput.cjs.js.map +1 -1
  19. package/dist/components/user-input/input/NeonInput.es.js +62 -69
  20. package/dist/components/user-input/input/NeonInput.es.js.map +1 -1
  21. package/dist/neon.cjs.js +1 -1
  22. package/dist/neon.es.js +145 -143
  23. package/dist/neon.es.js.map +1 -1
  24. package/dist/src/components/layout/page-container/NeonPageContainer.d.ts +96 -0
  25. package/dist/src/components/layout/page-container/NeonPageContainer.vue.d.ts +2 -0
  26. package/dist/src/components/navigation/dropdown-menu/NeonDropdownMenu.d.ts +33 -33
  27. package/dist/src/components/navigation/menu/NeonMenu.d.ts +33 -33
  28. package/dist/src/components/navigation/mobile-menu/NeonMobileMenu.d.ts +33 -33
  29. package/dist/src/components/presentation/badge/NeonBadge.d.ts +23 -65
  30. package/dist/src/components/presentation/dropdown/NeonDropdown.d.ts +47 -23
  31. package/dist/src/components/user-input/color/NeonColor.d.ts +3 -3
  32. package/dist/src/components/user-input/date-picker/NeonDatePicker.d.ts +38 -94
  33. package/dist/src/components/user-input/file/NeonFile.d.ts +29 -77
  34. package/dist/src/components/user-input/input/NeonInput.d.ts +3 -3
  35. package/dist/src/components/user-input/number/NeonNumber.d.ts +3 -3
  36. package/dist/src/components/user-input/password/NeonPassword.d.ts +3 -3
  37. package/dist/src/components/user-input/search/NeonSearch.d.ts +212 -68
  38. package/dist/src/components/user-input/select/NeonSelect.d.ts +51 -213
  39. package/dist/src/neon.d.ts +1 -0
  40. package/package.json +1 -1
  41. package/src/sass/components/_drawer.scss +2 -1
  42. package/src/sass/components/_dropdown.scss +1 -0
  43. package/src/sass/components/_field-group.scss +15 -4
  44. package/src/sass/components/_number.scss +6 -6
  45. package/src/sass/components/_page-container.scss +55 -0
  46. package/src/sass/components/_toggle-chip.scss +7 -6
  47. package/src/sass/components/components.scss +2 -1
  48. package/src/sass/includes/_dependencies.scss +1 -0
  49. package/src/sass/theme.scss +4 -0
  50. package/src/sass/variables.scss +5 -0
package/dist/src/components/user-input/select/NeonSelect.d.ts CHANGED
@@ -425,11 +425,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
425
425
  default: import("../../../neon").NeonInputMode;
426
426
  };
427
427
  autocomplete: {
428
- type: () => import("../../../neon").NeonInputMode;
429
- default: string; /**
430
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
431
- * multiple = true.
432
- */
428
+ type: StringConstructor;
429
+ default: string;
433
430
  };
434
431
  state: {
435
432
  type: () => import("../../../neon").NeonState;
@@ -443,13 +440,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
443
440
  type: StringConstructor;
444
441
  default: null;
445
442
  };
446
- /**
447
- * The size of the dropdown - Small, Medium or Large.
448
- */
449
443
  iconReadonly: {
450
- /**
451
- * The color of the select.
452
- */
453
444
  type: BooleanConstructor;
454
445
  default: boolean;
455
446
  };
@@ -521,7 +512,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
521
512
  inputmode: import("../../../neon").NeonInputMode;
522
513
  modelValue: string;
523
514
  state: import("../../../neon").NeonState;
524
- autocomplete: import("../../../neon").NeonInputMode;
515
+ autocomplete: string;
525
516
  rows: number;
526
517
  iconReadonly: boolean;
527
518
  hideIcon: boolean;
@@ -622,11 +613,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
622
613
  default: import("../../../neon").NeonInputMode;
623
614
  };
624
615
  autocomplete: {
625
- type: () => import("../../../neon").NeonInputMode;
626
- default: string; /**
627
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
628
- * multiple = true.
629
- */
616
+ type: StringConstructor;
617
+ default: string;
630
618
  };
631
619
  state: {
632
620
  type: () => import("../../../neon").NeonState;
@@ -640,13 +628,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
640
628
  type: StringConstructor;
641
629
  default: null;
642
630
  };
643
- /**
644
- * The size of the dropdown - Small, Medium or Large.
645
- */
646
631
  iconReadonly: {
647
- /**
648
- * The color of the select.
649
- */
650
632
  type: BooleanConstructor;
651
633
  default: boolean;
652
634
  };
@@ -718,7 +700,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
718
700
  inputmode: import("../../../neon").NeonInputMode;
719
701
  modelValue: string;
720
702
  state: import("../../../neon").NeonState;
721
- autocomplete: import("../../../neon").NeonInputMode;
703
+ autocomplete: string;
722
704
  rows: number;
723
705
  iconReadonly: boolean;
724
706
  hideIcon: boolean;
@@ -758,11 +740,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
758
740
  default: import("../../../neon").NeonInputMode;
759
741
  };
760
742
  autocomplete: {
761
- type: () => import("../../../neon").NeonInputMode;
762
- default: string; /**
763
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
764
- * multiple = true.
765
- */
743
+ type: StringConstructor;
744
+ default: string;
766
745
  };
767
746
  state: {
768
747
  type: () => import("../../../neon").NeonState;
@@ -776,13 +755,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
776
755
  type: StringConstructor;
777
756
  default: null;
778
757
  };
779
- /**
780
- * The size of the dropdown - Small, Medium or Large.
781
- */
782
758
  iconReadonly: {
783
- /**
784
- * The color of the select.
785
- */
786
759
  type: BooleanConstructor;
787
760
  default: boolean;
788
761
  };
@@ -854,7 +827,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
854
827
  inputmode: import("../../../neon").NeonInputMode;
855
828
  modelValue: string;
856
829
  state: import("../../../neon").NeonState;
857
- autocomplete: import("../../../neon").NeonInputMode;
830
+ autocomplete: string;
858
831
  rows: number;
859
832
  iconReadonly: boolean;
860
833
  hideIcon: boolean;
@@ -955,11 +928,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
955
928
  default: import("../../../neon").NeonInputMode;
956
929
  };
957
930
  autocomplete: {
958
- type: () => import("../../../neon").NeonInputMode;
959
- default: string; /**
960
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
961
- * multiple = true.
962
- */
931
+ type: StringConstructor;
932
+ default: string;
963
933
  };
964
934
  state: {
965
935
  type: () => import("../../../neon").NeonState;
@@ -973,13 +943,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
973
943
  type: StringConstructor;
974
944
  default: null;
975
945
  };
976
- /**
977
- * The size of the dropdown - Small, Medium or Large.
978
- */
979
946
  iconReadonly: {
980
- /**
981
- * The color of the select.
982
- */
983
947
  type: BooleanConstructor;
984
948
  default: boolean;
985
949
  };
@@ -1051,7 +1015,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1051
1015
  inputmode: import("../../../neon").NeonInputMode;
1052
1016
  modelValue: string;
1053
1017
  state: import("../../../neon").NeonState;
1054
- autocomplete: import("../../../neon").NeonInputMode;
1018
+ autocomplete: string;
1055
1019
  rows: number;
1056
1020
  iconReadonly: boolean;
1057
1021
  hideIcon: boolean;
@@ -1615,11 +1579,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1615
1579
  default: import("../../../neon").NeonInputMode;
1616
1580
  };
1617
1581
  autocomplete: {
1618
- type: () => import("../../../neon").NeonInputMode;
1619
- default: string; /**
1620
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
1621
- * multiple = true.
1622
- */
1582
+ type: StringConstructor;
1583
+ default: string;
1623
1584
  };
1624
1585
  state: {
1625
1586
  type: () => import("../../../neon").NeonState;
@@ -1633,13 +1594,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1633
1594
  type: StringConstructor;
1634
1595
  default: null;
1635
1596
  };
1636
- /**
1637
- * The size of the dropdown - Small, Medium or Large.
1638
- */
1639
1597
  iconReadonly: {
1640
- /**
1641
- * The color of the select.
1642
- */
1643
1598
  type: BooleanConstructor;
1644
1599
  default: boolean;
1645
1600
  };
@@ -1725,11 +1680,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1725
1680
  default: import("../../../neon").NeonInputMode;
1726
1681
  };
1727
1682
  autocomplete: {
1728
- type: () => import("../../../neon").NeonInputMode;
1729
- default: string; /**
1730
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
1731
- * multiple = true.
1732
- */
1683
+ type: StringConstructor;
1684
+ default: string;
1733
1685
  };
1734
1686
  state: {
1735
1687
  type: () => import("../../../neon").NeonState;
@@ -1743,13 +1695,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1743
1695
  type: StringConstructor;
1744
1696
  default: null;
1745
1697
  };
1746
- /**
1747
- * The size of the dropdown - Small, Medium or Large.
1748
- */
1749
1698
  iconReadonly: {
1750
- /**
1751
- * The color of the select.
1752
- */
1753
1699
  type: BooleanConstructor;
1754
1700
  default: boolean;
1755
1701
  };
@@ -1803,7 +1749,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1803
1749
  inputmode: import("../../../neon").NeonInputMode;
1804
1750
  modelValue: string;
1805
1751
  state: import("../../../neon").NeonState;
1806
- autocomplete: import("../../../neon").NeonInputMode;
1752
+ autocomplete: string;
1807
1753
  rows: number;
1808
1754
  iconReadonly: boolean;
1809
1755
  hideIcon: boolean;
@@ -2911,11 +2857,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2911
2857
  default: import("../../../neon").NeonInputMode;
2912
2858
  };
2913
2859
  autocomplete: {
2914
- type: () => import("../../../neon").NeonInputMode;
2915
- default: string; /**
2916
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
2917
- * multiple = true.
2918
- */
2860
+ type: StringConstructor;
2861
+ default: string;
2919
2862
  };
2920
2863
  state: {
2921
2864
  type: () => import("../../../neon").NeonState;
@@ -2929,13 +2872,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2929
2872
  type: StringConstructor;
2930
2873
  default: null;
2931
2874
  };
2932
- /**
2933
- * The size of the dropdown - Small, Medium or Large.
2934
- */
2935
2875
  iconReadonly: {
2936
- /**
2937
- * The color of the select.
2938
- */
2939
2876
  type: BooleanConstructor;
2940
2877
  default: boolean;
2941
2878
  };
@@ -3007,7 +2944,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3007
2944
  inputmode: import("../../../neon").NeonInputMode;
3008
2945
  modelValue: string;
3009
2946
  state: import("../../../neon").NeonState;
3010
- autocomplete: import("../../../neon").NeonInputMode;
2947
+ autocomplete: string;
3011
2948
  rows: number;
3012
2949
  iconReadonly: boolean;
3013
2950
  hideIcon: boolean;
@@ -3108,11 +3045,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3108
3045
  default: import("../../../neon").NeonInputMode;
3109
3046
  };
3110
3047
  autocomplete: {
3111
- type: () => import("../../../neon").NeonInputMode;
3112
- default: string; /**
3113
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
3114
- * multiple = true.
3115
- */
3048
+ type: StringConstructor;
3049
+ default: string;
3116
3050
  };
3117
3051
  state: {
3118
3052
  type: () => import("../../../neon").NeonState;
@@ -3126,13 +3060,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3126
3060
  type: StringConstructor;
3127
3061
  default: null;
3128
3062
  };
3129
- /**
3130
- * The size of the dropdown - Small, Medium or Large.
3131
- */
3132
3063
  iconReadonly: {
3133
- /**
3134
- * The color of the select.
3135
- */
3136
3064
  type: BooleanConstructor;
3137
3065
  default: boolean;
3138
3066
  };
@@ -3204,7 +3132,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3204
3132
  inputmode: import("../../../neon").NeonInputMode;
3205
3133
  modelValue: string;
3206
3134
  state: import("../../../neon").NeonState;
3207
- autocomplete: import("../../../neon").NeonInputMode;
3135
+ autocomplete: string;
3208
3136
  rows: number;
3209
3137
  iconReadonly: boolean;
3210
3138
  hideIcon: boolean;
@@ -3244,11 +3172,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3244
3172
  default: import("../../../neon").NeonInputMode;
3245
3173
  };
3246
3174
  autocomplete: {
3247
- type: () => import("../../../neon").NeonInputMode;
3248
- default: string; /**
3249
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
3250
- * multiple = true.
3251
- */
3175
+ type: StringConstructor;
3176
+ default: string;
3252
3177
  };
3253
3178
  state: {
3254
3179
  type: () => import("../../../neon").NeonState;
@@ -3262,13 +3187,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3262
3187
  type: StringConstructor;
3263
3188
  default: null;
3264
3189
  };
3265
- /**
3266
- * The size of the dropdown - Small, Medium or Large.
3267
- */
3268
3190
  iconReadonly: {
3269
- /**
3270
- * The color of the select.
3271
- */
3272
3191
  type: BooleanConstructor;
3273
3192
  default: boolean;
3274
3193
  };
@@ -3340,7 +3259,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3340
3259
  inputmode: import("../../../neon").NeonInputMode;
3341
3260
  modelValue: string;
3342
3261
  state: import("../../../neon").NeonState;
3343
- autocomplete: import("../../../neon").NeonInputMode;
3262
+ autocomplete: string;
3344
3263
  rows: number;
3345
3264
  iconReadonly: boolean;
3346
3265
  hideIcon: boolean;
@@ -3441,11 +3360,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3441
3360
  default: import("../../../neon").NeonInputMode;
3442
3361
  };
3443
3362
  autocomplete: {
3444
- type: () => import("../../../neon").NeonInputMode;
3445
- default: string; /**
3446
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
3447
- * multiple = true.
3448
- */
3363
+ type: StringConstructor;
3364
+ default: string;
3449
3365
  };
3450
3366
  state: {
3451
3367
  type: () => import("../../../neon").NeonState;
@@ -3459,13 +3375,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3459
3375
  type: StringConstructor;
3460
3376
  default: null;
3461
3377
  };
3462
- /**
3463
- * The size of the dropdown - Small, Medium or Large.
3464
- */
3465
3378
  iconReadonly: {
3466
- /**
3467
- * The color of the select.
3468
- */
3469
3379
  type: BooleanConstructor;
3470
3380
  default: boolean;
3471
3381
  };
@@ -3537,7 +3447,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3537
3447
  inputmode: import("../../../neon").NeonInputMode;
3538
3448
  modelValue: string;
3539
3449
  state: import("../../../neon").NeonState;
3540
- autocomplete: import("../../../neon").NeonInputMode;
3450
+ autocomplete: string;
3541
3451
  rows: number;
3542
3452
  iconReadonly: boolean;
3543
3453
  hideIcon: boolean;
@@ -4101,11 +4011,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
4101
4011
  default: import("../../../neon").NeonInputMode;
4102
4012
  };
4103
4013
  autocomplete: {
4104
- type: () => import("../../../neon").NeonInputMode;
4105
- default: string; /**
4106
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
4107
- * multiple = true.
4108
- */
4014
+ type: StringConstructor;
4015
+ default: string;
4109
4016
  };
4110
4017
  state: {
4111
4018
  type: () => import("../../../neon").NeonState;
@@ -4119,13 +4026,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
4119
4026
  type: StringConstructor;
4120
4027
  default: null;
4121
4028
  };
4122
- /**
4123
- * The size of the dropdown - Small, Medium or Large.
4124
- */
4125
4029
  iconReadonly: {
4126
- /**
4127
- * The color of the select.
4128
- */
4129
4030
  type: BooleanConstructor;
4130
4031
  default: boolean;
4131
4032
  };
@@ -4211,11 +4112,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
4211
4112
  default: import("../../../neon").NeonInputMode;
4212
4113
  };
4213
4114
  autocomplete: {
4214
- type: () => import("../../../neon").NeonInputMode;
4215
- default: string; /**
4216
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
4217
- * multiple = true.
4218
- */
4115
+ type: StringConstructor;
4116
+ default: string;
4219
4117
  };
4220
4118
  state: {
4221
4119
  type: () => import("../../../neon").NeonState;
@@ -4229,13 +4127,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
4229
4127
  type: StringConstructor;
4230
4128
  default: null;
4231
4129
  };
4232
- /**
4233
- * The size of the dropdown - Small, Medium or Large.
4234
- */
4235
4130
  iconReadonly: {
4236
- /**
4237
- * The color of the select.
4238
- */
4239
4131
  type: BooleanConstructor;
4240
4132
  default: boolean;
4241
4133
  };
@@ -4289,7 +4181,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
4289
4181
  inputmode: import("../../../neon").NeonInputMode;
4290
4182
  modelValue: string;
4291
4183
  state: import("../../../neon").NeonState;
4292
- autocomplete: import("../../../neon").NeonInputMode;
4184
+ autocomplete: string;
4293
4185
  rows: number;
4294
4186
  iconReadonly: boolean;
4295
4187
  hideIcon: boolean;
@@ -5586,11 +5478,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5586
5478
  default: import("../../../neon").NeonInputMode;
5587
5479
  };
5588
5480
  autocomplete: {
5589
- type: () => import("../../../neon").NeonInputMode;
5590
- default: string; /**
5591
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
5592
- * multiple = true.
5593
- */
5481
+ type: StringConstructor;
5482
+ default: string;
5594
5483
  };
5595
5484
  state: {
5596
5485
  type: () => import("../../../neon").NeonState;
@@ -5604,13 +5493,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5604
5493
  type: StringConstructor;
5605
5494
  default: null;
5606
5495
  };
5607
- /**
5608
- * The size of the dropdown - Small, Medium or Large.
5609
- */
5610
5496
  iconReadonly: {
5611
- /**
5612
- * The color of the select.
5613
- */
5614
5497
  type: BooleanConstructor;
5615
5498
  default: boolean;
5616
5499
  };
@@ -5682,7 +5565,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5682
5565
  inputmode: import("../../../neon").NeonInputMode;
5683
5566
  modelValue: string;
5684
5567
  state: import("../../../neon").NeonState;
5685
- autocomplete: import("../../../neon").NeonInputMode;
5568
+ autocomplete: string;
5686
5569
  rows: number;
5687
5570
  iconReadonly: boolean;
5688
5571
  hideIcon: boolean;
@@ -5783,11 +5666,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5783
5666
  default: import("../../../neon").NeonInputMode;
5784
5667
  };
5785
5668
  autocomplete: {
5786
- type: () => import("../../../neon").NeonInputMode;
5787
- default: string; /**
5788
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
5789
- * multiple = true.
5790
- */
5669
+ type: StringConstructor;
5670
+ default: string;
5791
5671
  };
5792
5672
  state: {
5793
5673
  type: () => import("../../../neon").NeonState;
@@ -5801,13 +5681,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5801
5681
  type: StringConstructor;
5802
5682
  default: null;
5803
5683
  };
5804
- /**
5805
- * The size of the dropdown - Small, Medium or Large.
5806
- */
5807
5684
  iconReadonly: {
5808
- /**
5809
- * The color of the select.
5810
- */
5811
5685
  type: BooleanConstructor;
5812
5686
  default: boolean;
5813
5687
  };
@@ -5879,7 +5753,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5879
5753
  inputmode: import("../../../neon").NeonInputMode;
5880
5754
  modelValue: string;
5881
5755
  state: import("../../../neon").NeonState;
5882
- autocomplete: import("../../../neon").NeonInputMode;
5756
+ autocomplete: string;
5883
5757
  rows: number;
5884
5758
  iconReadonly: boolean;
5885
5759
  hideIcon: boolean;
@@ -5919,11 +5793,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5919
5793
  default: import("../../../neon").NeonInputMode;
5920
5794
  };
5921
5795
  autocomplete: {
5922
- type: () => import("../../../neon").NeonInputMode;
5923
- default: string; /**
5924
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
5925
- * multiple = true.
5926
- */
5796
+ type: StringConstructor;
5797
+ default: string;
5927
5798
  };
5928
5799
  state: {
5929
5800
  type: () => import("../../../neon").NeonState;
@@ -5937,13 +5808,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5937
5808
  type: StringConstructor;
5938
5809
  default: null;
5939
5810
  };
5940
- /**
5941
- * The size of the dropdown - Small, Medium or Large.
5942
- */
5943
5811
  iconReadonly: {
5944
- /**
5945
- * The color of the select.
5946
- */
5947
5812
  type: BooleanConstructor;
5948
5813
  default: boolean;
5949
5814
  };
@@ -6015,7 +5880,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
6015
5880
  inputmode: import("../../../neon").NeonInputMode;
6016
5881
  modelValue: string;
6017
5882
  state: import("../../../neon").NeonState;
6018
- autocomplete: import("../../../neon").NeonInputMode;
5883
+ autocomplete: string;
6019
5884
  rows: number;
6020
5885
  iconReadonly: boolean;
6021
5886
  hideIcon: boolean;
@@ -6116,11 +5981,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
6116
5981
  default: import("../../../neon").NeonInputMode;
6117
5982
  };
6118
5983
  autocomplete: {
6119
- type: () => import("../../../neon").NeonInputMode;
6120
- default: string; /**
6121
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
6122
- * multiple = true.
6123
- */
5984
+ type: StringConstructor;
5985
+ default: string;
6124
5986
  };
6125
5987
  state: {
6126
5988
  type: () => import("../../../neon").NeonState;
@@ -6134,13 +5996,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
6134
5996
  type: StringConstructor;
6135
5997
  default: null;
6136
5998
  };
6137
- /**
6138
- * The size of the dropdown - Small, Medium or Large.
6139
- */
6140
5999
  iconReadonly: {
6141
- /**
6142
- * The color of the select.
6143
- */
6144
6000
  type: BooleanConstructor;
6145
6001
  default: boolean;
6146
6002
  };
@@ -6212,7 +6068,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
6212
6068
  inputmode: import("../../../neon").NeonInputMode;
6213
6069
  modelValue: string;
6214
6070
  state: import("../../../neon").NeonState;
6215
- autocomplete: import("../../../neon").NeonInputMode;
6071
+ autocomplete: string;
6216
6072
  rows: number;
6217
6073
  iconReadonly: boolean;
6218
6074
  hideIcon: boolean;
@@ -6776,11 +6632,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
6776
6632
  default: import("../../../neon").NeonInputMode;
6777
6633
  };
6778
6634
  autocomplete: {
6779
- type: () => import("../../../neon").NeonInputMode;
6780
- default: string; /**
6781
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
6782
- * multiple = true.
6783
- */
6635
+ type: StringConstructor;
6636
+ default: string;
6784
6637
  };
6785
6638
  state: {
6786
6639
  type: () => import("../../../neon").NeonState;
@@ -6794,13 +6647,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
6794
6647
  type: StringConstructor;
6795
6648
  default: null;
6796
6649
  };
6797
- /**
6798
- * The size of the dropdown - Small, Medium or Large.
6799
- */
6800
6650
  iconReadonly: {
6801
- /**
6802
- * The color of the select.
6803
- */
6804
6651
  type: BooleanConstructor;
6805
6652
  default: boolean;
6806
6653
  };
@@ -6886,11 +6733,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
6886
6733
  default: import("../../../neon").NeonInputMode;
6887
6734
  };
6888
6735
  autocomplete: {
6889
- type: () => import("../../../neon").NeonInputMode;
6890
- default: string; /**
6891
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
6892
- * multiple = true.
6893
- */
6736
+ type: StringConstructor;
6737
+ default: string;
6894
6738
  };
6895
6739
  state: {
6896
6740
  type: () => import("../../../neon").NeonState;
@@ -6904,13 +6748,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
6904
6748
  type: StringConstructor;
6905
6749
  default: null;
6906
6750
  };
6907
- /**
6908
- * The size of the dropdown - Small, Medium or Large.
6909
- */
6910
6751
  iconReadonly: {
6911
- /**
6912
- * The color of the select.
6913
- */
6914
6752
  type: BooleanConstructor;
6915
6753
  default: boolean;
6916
6754
  };
@@ -6964,7 +6802,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
6964
6802
  inputmode: import("../../../neon").NeonInputMode;
6965
6803
  modelValue: string;
6966
6804
  state: import("../../../neon").NeonState;
6967
- autocomplete: import("../../../neon").NeonInputMode;
6805
+ autocomplete: string;
6968
6806
  rows: number;
6969
6807
  iconReadonly: boolean;
6970
6808
  hideIcon: boolean;
package/dist/src/neon.d.ts CHANGED
@@ -42,6 +42,7 @@ export { default as NeonNote } from './components/feedback/note/NeonNote.vue';
42
42
  export { default as NeonNotificationCounter } from './components/feedback/notification-counter/NeonNotificationCounter.vue';
43
43
  export { default as NeonNumber } from './components/user-input/number/NeonNumber.vue';
44
44
  export { default as NeonPage } from './components/layout/page/NeonPage.vue';
45
+ export { default as NeonPageContainer } from './components/layout/page-container/NeonPageContainer.vue';
45
46
  export { default as NeonPassword } from './components/user-input/password/NeonPassword.vue';
46
47
  export { default as NeonRangeSlider } from './components/user-input/range-slider/NeonRangeSlider.vue';
47
48
  export { default as NeonSideNav } from './components/layout/side-nav/NeonSideNav.vue';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@aotearoan/neon",
3
3
  "description": "Neon is a lightweight design library of Vue 3 components with minimal dependencies.",
4
- "version": "23.0.0",
4
+ "version": "23.0.2",
5
5
  "main": "./dist/neon.cjs.js",
6
6
  "module": "./dist/neon.es.js",
7
7
  "types": "./dist/src/neon.d.ts",
package/src/sass/components/_drawer.scss CHANGED
@@ -24,7 +24,7 @@
24
24
  &--right {
25
25
  .neon-drawer__container {
26
26
  top: 0;
27
- width: var(--neon-side-nav-width);
27
+ width: var(--neon-width-drawer);
28
28
  @include layout.min-height(100);
29
29
  @include layout.height(100);
30
30
  }
@@ -61,6 +61,7 @@
61
61
  .neon-drawer__container {
62
62
  left: 0;
63
63
  @include layout.width(100);
64
+ height: var(--neon-height-drawer);
64
65
  }
65
66
  }
66
67