@aotearoan/neon 19.0.2 → 21.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 (151) hide show
  1. package/dist/common/enums/NeonButtonStyle.cjs.js +1 -1
  2. package/dist/common/enums/NeonButtonStyle.cjs.js.map +1 -1
  3. package/dist/common/enums/NeonButtonStyle.es.js +1 -1
  4. package/dist/common/enums/NeonButtonStyle.es.js.map +1 -1
  5. package/dist/common/enums/NeonDropdownStyle.cjs.js +1 -1
  6. package/dist/common/enums/NeonDropdownStyle.cjs.js.map +1 -1
  7. package/dist/common/enums/NeonDropdownStyle.es.js +2 -2
  8. package/dist/common/enums/NeonDropdownStyle.es.js.map +1 -1
  9. package/dist/common/enums/NeonMode.cjs.js +1 -1
  10. package/dist/common/enums/NeonMode.cjs.js.map +1 -1
  11. package/dist/common/enums/NeonMode.es.js +1 -1
  12. package/dist/common/enums/NeonMode.es.js.map +1 -1
  13. package/dist/common/icons/light-mode-sunny.svg.cjs.js +26 -0
  14. package/dist/common/icons/light-mode-sunny.svg.cjs.js.map +1 -0
  15. package/dist/common/icons/light-mode-sunny.svg.es.js +29 -0
  16. package/dist/common/icons/light-mode-sunny.svg.es.js.map +1 -0
  17. package/dist/common/utils/NeonModeUtils.cjs.js +1 -1
  18. package/dist/common/utils/NeonModeUtils.cjs.js.map +1 -1
  19. package/dist/common/utils/NeonModeUtils.es.js +38 -43
  20. package/dist/common/utils/NeonModeUtils.es.js.map +1 -1
  21. package/dist/common/utils/RegisterIcons.cjs.js +1 -1
  22. package/dist/common/utils/RegisterIcons.cjs.js.map +1 -1
  23. package/dist/common/utils/RegisterIcons.es.js +23 -22
  24. package/dist/common/utils/RegisterIcons.es.js.map +1 -1
  25. package/dist/components/feedback/dialog/NeonDialog.vue.cjs.js +1 -1
  26. package/dist/components/feedback/dialog/NeonDialog.vue.cjs.js.map +1 -1
  27. package/dist/components/feedback/dialog/NeonDialog.vue.es.js +6 -5
  28. package/dist/components/feedback/dialog/NeonDialog.vue.es.js.map +1 -1
  29. package/dist/components/feedback/note/NeonNote.vue.cjs.js +1 -1
  30. package/dist/components/feedback/note/NeonNote.vue.cjs.js.map +1 -1
  31. package/dist/components/feedback/note/NeonNote.vue.es.js +1 -0
  32. package/dist/components/feedback/note/NeonNote.vue.es.js.map +1 -1
  33. package/dist/components/navigation/mobile-menu/NeonMobileMenu.cjs.js +2 -0
  34. package/dist/components/navigation/mobile-menu/NeonMobileMenu.cjs.js.map +1 -0
  35. package/dist/components/navigation/mobile-menu/NeonMobileMenu.es.js +44 -0
  36. package/dist/components/navigation/mobile-menu/NeonMobileMenu.es.js.map +1 -0
  37. package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js +2 -0
  38. package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js.map +1 -0
  39. package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.es.js +57 -0
  40. package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.es.js.map +1 -0
  41. package/dist/components/presentation/dropdown/NeonDropdown.cjs.js +1 -1
  42. package/dist/components/presentation/dropdown/NeonDropdown.cjs.js.map +1 -1
  43. package/dist/components/presentation/dropdown/NeonDropdown.es.js +44 -40
  44. package/dist/components/presentation/dropdown/NeonDropdown.es.js.map +1 -1
  45. package/dist/components/presentation/dropdown/NeonDropdown.vue.cjs.js +1 -1
  46. package/dist/components/presentation/dropdown/NeonDropdown.vue.cjs.js.map +1 -1
  47. package/dist/components/presentation/dropdown/NeonDropdown.vue.es.js +9 -9
  48. package/dist/components/presentation/dropdown/NeonDropdown.vue.es.js.map +1 -1
  49. package/dist/components/presentation/icon/NeonIcon.cjs.js.map +1 -1
  50. package/dist/components/presentation/icon/NeonIcon.es.js.map +1 -1
  51. package/dist/components/presentation/tabs/NeonTabs.cjs.js +1 -1
  52. package/dist/components/presentation/tabs/NeonTabs.cjs.js.map +1 -1
  53. package/dist/components/presentation/tabs/NeonTabs.es.js +13 -19
  54. package/dist/components/presentation/tabs/NeonTabs.es.js.map +1 -1
  55. package/dist/components/presentation/tabs/NeonTabs.vue.cjs.js +1 -1
  56. package/dist/components/presentation/tabs/NeonTabs.vue.cjs.js.map +1 -1
  57. package/dist/components/presentation/tabs/NeonTabs.vue.es.js +6 -6
  58. package/dist/components/presentation/tabs/NeonTabs.vue.es.js.map +1 -1
  59. package/dist/components/user-input/button/NeonButton.vue.cjs.js +1 -1
  60. package/dist/components/user-input/button/NeonButton.vue.cjs.js.map +1 -1
  61. package/dist/components/user-input/button/NeonButton.vue.es.js +12 -12
  62. package/dist/components/user-input/button/NeonButton.vue.es.js.map +1 -1
  63. package/dist/components/user-input/field/NeonField.vue.cjs.js +1 -1
  64. package/dist/components/user-input/field/NeonField.vue.cjs.js.map +1 -1
  65. package/dist/components/user-input/field/NeonField.vue.es.js +1 -1
  66. package/dist/components/user-input/field/NeonField.vue.es.js.map +1 -1
  67. package/dist/components/user-input/file/NeonFile.vue.cjs.js +1 -1
  68. package/dist/components/user-input/file/NeonFile.vue.cjs.js.map +1 -1
  69. package/dist/components/user-input/file/NeonFile.vue.es.js +1 -0
  70. package/dist/components/user-input/file/NeonFile.vue.es.js.map +1 -1
  71. package/dist/components/user-input/input/NeonInput.cjs.js +1 -1
  72. package/dist/components/user-input/input/NeonInput.cjs.js.map +1 -1
  73. package/dist/components/user-input/input/NeonInput.es.js +17 -17
  74. package/dist/components/user-input/input/NeonInput.es.js.map +1 -1
  75. package/dist/components/user-input/select/NeonSelect.cjs.js +1 -1
  76. package/dist/components/user-input/select/NeonSelect.cjs.js.map +1 -1
  77. package/dist/components/user-input/select/NeonSelect.es.js +75 -69
  78. package/dist/components/user-input/select/NeonSelect.es.js.map +1 -1
  79. package/dist/components/user-input/select/NeonSelect.vue.cjs.js +1 -1
  80. package/dist/components/user-input/select/NeonSelect.vue.cjs.js.map +1 -1
  81. package/dist/components/user-input/select/NeonSelect.vue.es.js +29 -21
  82. package/dist/components/user-input/select/NeonSelect.vue.es.js.map +1 -1
  83. package/dist/neon.cjs.js +1 -1
  84. package/dist/neon.es.js +96 -96
  85. package/dist/src/common/enums/NeonButtonStyle.d.ts +6 -1
  86. package/dist/src/common/enums/NeonDropdownStyle.d.ts +5 -2
  87. package/dist/src/common/enums/NeonMode.d.ts +3 -1
  88. package/dist/src/common/models/NeonMenuItem.d.ts +2 -2
  89. package/dist/src/common/utils/NeonModeUtils.d.ts +17 -21
  90. package/dist/src/components/feedback/linear-progress/NeonLinearProgress.d.ts +2 -6
  91. package/dist/src/components/navigation/dropdown-menu/NeonDropdownMenu.d.ts +5 -0
  92. package/dist/src/components/navigation/menu/NeonMenu.d.ts +9 -4
  93. package/dist/src/components/navigation/mobile-menu/NeonMobileMenu.d.ts +2630 -0
  94. package/dist/src/components/navigation/mobile-menu/NeonMobileMenu.vue.d.ts +2 -0
  95. package/dist/src/components/presentation/dropdown/NeonDropdown.d.ts +16 -16
  96. package/dist/src/components/presentation/icon/NeonIcon.d.ts +1 -1
  97. package/dist/src/components/presentation/tabs/NeonTabs.d.ts +2 -19
  98. package/dist/src/components/user-input/date-picker/NeonDatePicker.d.ts +21 -2
  99. package/dist/src/components/user-input/file/NeonFile.d.ts +8 -24
  100. package/dist/src/components/user-input/filter-list/NeonFilterList.d.ts +4 -12
  101. package/dist/src/components/user-input/input/NeonInput.d.ts +8 -2
  102. package/dist/src/components/user-input/search/NeonSearch.d.ts +77 -42
  103. package/dist/src/components/user-input/select/NeonSelect.d.ts +133 -203
  104. package/dist/src/neon.d.ts +1 -1
  105. package/package.json +1 -1
  106. package/src/sass/color-variables.scss +6 -4
  107. package/src/sass/components/_action-menu.scss +1 -1
  108. package/src/sass/components/_alert-container.scss +2 -2
  109. package/src/sass/components/_badge.scss +2 -2
  110. package/src/sass/components/_button.scss +25 -1
  111. package/src/sass/components/_card-list.scss +2 -2
  112. package/src/sass/components/_date-picker.scss +7 -7
  113. package/src/sass/components/_dropdown-menu.scss +2 -2
  114. package/src/sass/components/_expansion-panel.scss +2 -2
  115. package/src/sass/components/_filter-list.scss +6 -6
  116. package/src/sass/components/_icon.scss +1 -1
  117. package/src/sass/components/_image-carousel.scss +2 -1
  118. package/src/sass/components/_input.scss +11 -11
  119. package/src/sass/components/_label.scss +1 -1
  120. package/src/sass/components/_linear-progress.scss +1 -1
  121. package/src/sass/components/_list.scss +2 -2
  122. package/src/sass/components/_menu.scss +1 -1
  123. package/src/sass/components/_mobile-menu.scss +110 -0
  124. package/src/sass/components/_note.scss +1 -1
  125. package/src/sass/components/_notification-counter.scss +2 -2
  126. package/src/sass/components/_number.scss +2 -2
  127. package/src/sass/components/_range-slider.scss +1 -1
  128. package/src/sass/components/_search.scss +2 -2
  129. package/src/sass/components/_select.scss +16 -2
  130. package/src/sass/components/_slider.scss +1 -1
  131. package/src/sass/components/_stepper.scss +3 -3
  132. package/src/sass/components/_switch.scss +1 -1
  133. package/src/sass/components/_tabs.scss +46 -81
  134. package/src/sass/components/_toggle.scss +3 -3
  135. package/src/sass/components/_tooltip.scss +7 -7
  136. package/src/sass/components/_tree-menu.scss +6 -6
  137. package/src/sass/components/components.scss +1 -0
  138. package/src/sass/global/_base-html.scss +23 -15
  139. package/src/sass/global/_table.scss +4 -4
  140. package/src/sass/global/_typography.scss +2 -1
  141. package/src/sass/includes/_dependencies.scss +1 -0
  142. package/src/sass/includes/_outline.scss +1 -1
  143. package/src/sass/includes/_typography.scss +1 -1
  144. package/src/sass/palette.scss +6 -9
  145. package/src/sass/theme.scss +4 -0
  146. package/src/sass/variables.scss +63 -55
  147. package/dist/common/enums/NeonTabsStyle.cjs.js +0 -2
  148. package/dist/common/enums/NeonTabsStyle.cjs.js.map +0 -1
  149. package/dist/common/enums/NeonTabsStyle.es.js +0 -5
  150. package/dist/common/enums/NeonTabsStyle.es.js.map +0 -1
  151. package/dist/src/common/enums/NeonTabsStyle.d.ts +0 -9
@@ -3,6 +3,7 @@ import type { NeonSelectGroup } from '@/common/models/NeonSelectGroup';
3
3
  import type { NeonSelectOption } from '@/common/models/NeonSelectOption';
4
4
  import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
5
5
  import { NeonDropdownPlacement } from '@/common/enums/NeonDropdownPlacement';
6
+ import { NeonDropdownStyle } from '@/common/enums/NeonDropdownStyle';
6
7
  /**
7
8
  * <p>The <strong>NeonSelect</strong> is the equivalent of an HTML &lt;select&gt; form control. On touch devices
8
9
  * NeonSelect will use the native select for input. <strong>NeonSelect</strong> supports grouping and multiselect.</p>
@@ -94,6 +95,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
94
95
  type: () => NeonFunctionalColor;
95
96
  default: NeonFunctionalColor;
96
97
  };
98
+ /**
99
+ * The button style of the select.
100
+ */
101
+ buttonStyle: {
102
+ type: () => NeonDropdownStyle;
103
+ default: NeonDropdownStyle;
104
+ };
97
105
  /**
98
106
  * Placement of the dropdown contents.
99
107
  */
@@ -108,6 +116,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
108
116
  };
109
117
  modelValue: {
110
118
  type: BooleanConstructor;
119
+ /**
120
+ * Optional placeholder icon.
121
+ */
111
122
  required: true;
112
123
  };
113
124
  label: {
@@ -121,17 +132,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
121
132
  imageAlt: {
122
133
  type: StringConstructor;
123
134
  default: null;
124
- }; /**
125
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
126
- * multiple = true.
127
- */
135
+ };
128
136
  icon: {
129
137
  type: StringConstructor;
130
138
  default: null;
131
139
  };
132
140
  indicator: {
133
141
  type: BooleanConstructor;
134
- default: boolean;
142
+ default: boolean; /**
143
+ * Allow multi-select.
144
+ */
135
145
  };
136
146
  disabled: {
137
147
  type: BooleanConstructor;
@@ -139,12 +149,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
139
149
  };
140
150
  size: {
141
151
  type: () => NeonSize;
142
- default: NeonSize; /**
143
- * The size of the dropdown - Small, Medium or Large.
144
- */
145
- }; /**
146
- * The size of the dropdown - Small, Medium or Large.
147
- */
152
+ default: NeonSize;
153
+ };
148
154
  color: {
149
155
  type: () => NeonFunctionalColor;
150
156
  default: NeonFunctionalColor;
@@ -154,8 +160,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
154
160
  default: null;
155
161
  };
156
162
  dropdownStyle: {
157
- type: () => import("../../../neon").NeonDropdownStyle;
158
- default: import("../../../neon").NeonDropdownStyle;
163
+ type: () => NeonDropdownStyle;
164
+ default: NeonDropdownStyle;
159
165
  };
160
166
  placement: {
161
167
  type: () => NeonDropdownPlacement;
@@ -190,6 +196,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
190
196
  escapeKeyListener: (event: KeyboardEvent) => void;
191
197
  close: () => void;
192
198
  } | null>;
199
+ isButtonStyle: import("vue").ComputedRef<boolean>;
193
200
  onClose: () => void;
194
201
  close: () => void;
195
202
  toggleOpen: () => void;
@@ -207,7 +214,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
207
214
  alternateColor: NeonFunctionalColor;
208
215
  imageAlt: string;
209
216
  indicator: boolean;
210
- dropdownStyle: import("../../../neon").NeonDropdownStyle;
217
+ dropdownStyle: NeonDropdownStyle;
211
218
  openOnHover: boolean;
212
219
  }, true, {}, {}, {
213
220
  NeonBadge: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -312,9 +319,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
312
319
  required: true;
313
320
  };
314
321
  color: {
315
- type: () => NeonFunctionalColor; /**
316
- * Optional placeholder icon.
317
- */
322
+ type: () => NeonFunctionalColor;
318
323
  default: null;
319
324
  };
320
325
  inverse: {
@@ -336,9 +341,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
336
341
  required: true;
337
342
  };
338
343
  color: {
339
- type: () => NeonFunctionalColor; /**
340
- * Optional placeholder icon.
341
- */
344
+ type: () => NeonFunctionalColor;
342
345
  default: null;
343
346
  };
344
347
  inverse: {
@@ -379,9 +382,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
379
382
  alternateColor: {
380
383
  type: () => NeonFunctionalColor;
381
384
  default: null;
382
- }; /**
383
- * A list of grouped options to render in the select.
384
- */
385
+ };
385
386
  icon: {
386
387
  type: StringConstructor;
387
388
  default: null;
@@ -392,12 +393,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
392
393
  };
393
394
  buttonStyle: {
394
395
  type: () => import("../../../neon").NeonButtonStyle;
395
- default: import("../../../neon").NeonButtonStyle; /**
396
- * Allow multi-select.
397
- */
398
- }; /**
399
- * Allow multi-select.
400
- */
396
+ default: import("../../../neon").NeonButtonStyle;
397
+ };
401
398
  state: {
402
399
  type: () => import("../../../neon").NeonState;
403
400
  default: import("../../../neon").NeonState;
@@ -477,9 +474,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
477
474
  alternateColor: {
478
475
  type: () => NeonFunctionalColor;
479
476
  default: null;
480
- }; /**
481
- * A list of grouped options to render in the select.
482
- */
477
+ };
483
478
  icon: {
484
479
  type: StringConstructor;
485
480
  default: null;
@@ -490,12 +485,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
490
485
  };
491
486
  buttonStyle: {
492
487
  type: () => import("../../../neon").NeonButtonStyle;
493
- default: import("../../../neon").NeonButtonStyle; /**
494
- * Allow multi-select.
495
- */
496
- }; /**
497
- * Allow multi-select.
498
- */
488
+ default: import("../../../neon").NeonButtonStyle;
489
+ };
499
490
  state: {
500
491
  type: () => import("../../../neon").NeonState;
501
492
  default: import("../../../neon").NeonState;
@@ -595,9 +586,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
595
586
  required: true;
596
587
  };
597
588
  color: {
598
- type: () => NeonFunctionalColor; /**
599
- * Optional placeholder icon.
600
- */
589
+ type: () => NeonFunctionalColor;
601
590
  default: null;
602
591
  };
603
592
  inverse: {
@@ -619,9 +608,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
619
608
  required: true;
620
609
  };
621
610
  color: {
622
- type: () => NeonFunctionalColor; /**
623
- * Optional placeholder icon.
624
- */
611
+ type: () => NeonFunctionalColor;
625
612
  default: null;
626
613
  };
627
614
  inverse: {
@@ -694,9 +681,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
694
681
  required: true;
695
682
  };
696
683
  color: {
697
- type: () => NeonFunctionalColor; /**
698
- * Optional placeholder icon.
699
- */
684
+ type: () => NeonFunctionalColor;
700
685
  default: null;
701
686
  };
702
687
  inverse: {
@@ -718,9 +703,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
718
703
  required: true;
719
704
  };
720
705
  color: {
721
- type: () => NeonFunctionalColor; /**
722
- * Optional placeholder icon.
723
- */
706
+ type: () => NeonFunctionalColor;
724
707
  default: null;
725
708
  };
726
709
  inverse: {
@@ -791,6 +774,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
791
774
  };
792
775
  modelValue: {
793
776
  type: BooleanConstructor;
777
+ /**
778
+ * Optional placeholder icon.
779
+ */
794
780
  required: true;
795
781
  };
796
782
  label: {
@@ -804,17 +790,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
804
790
  imageAlt: {
805
791
  type: StringConstructor;
806
792
  default: null;
807
- }; /**
808
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
809
- * multiple = true.
810
- */
793
+ };
811
794
  icon: {
812
795
  type: StringConstructor;
813
796
  default: null;
814
797
  };
815
798
  indicator: {
816
799
  type: BooleanConstructor;
817
- default: boolean;
800
+ default: boolean; /**
801
+ * Allow multi-select.
802
+ */
818
803
  };
819
804
  disabled: {
820
805
  type: BooleanConstructor;
@@ -822,12 +807,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
822
807
  };
823
808
  size: {
824
809
  type: () => NeonSize;
825
- default: NeonSize; /**
826
- * The size of the dropdown - Small, Medium or Large.
827
- */
828
- }; /**
829
- * The size of the dropdown - Small, Medium or Large.
830
- */
810
+ default: NeonSize;
811
+ };
831
812
  color: {
832
813
  type: () => NeonFunctionalColor;
833
814
  default: NeonFunctionalColor;
@@ -837,8 +818,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
837
818
  default: null;
838
819
  };
839
820
  dropdownStyle: {
840
- type: () => import("../../../neon").NeonDropdownStyle;
841
- default: import("../../../neon").NeonDropdownStyle;
821
+ type: () => NeonDropdownStyle;
822
+ default: NeonDropdownStyle;
842
823
  };
843
824
  placement: {
844
825
  type: () => NeonDropdownPlacement;
@@ -873,6 +854,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
873
854
  escapeKeyListener: (event: KeyboardEvent) => void;
874
855
  close: () => void;
875
856
  } | null>;
857
+ isButtonStyle: import("vue").ComputedRef<boolean>;
876
858
  onClose: () => void;
877
859
  close: () => void;
878
860
  toggleOpen: () => void;
@@ -890,7 +872,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
890
872
  alternateColor: NeonFunctionalColor;
891
873
  imageAlt: string;
892
874
  indicator: boolean;
893
- dropdownStyle: import("../../../neon").NeonDropdownStyle;
875
+ dropdownStyle: NeonDropdownStyle;
894
876
  openOnHover: boolean;
895
877
  }> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
896
878
  id: {
@@ -898,6 +880,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
898
880
  };
899
881
  modelValue: {
900
882
  type: BooleanConstructor;
883
+ /**
884
+ * Optional placeholder icon.
885
+ */
901
886
  required: true;
902
887
  };
903
888
  label: {
@@ -911,17 +896,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
911
896
  imageAlt: {
912
897
  type: StringConstructor;
913
898
  default: null;
914
- }; /**
915
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
916
- * multiple = true.
917
- */
899
+ };
918
900
  icon: {
919
901
  type: StringConstructor;
920
902
  default: null;
921
903
  };
922
904
  indicator: {
923
905
  type: BooleanConstructor;
924
- default: boolean;
906
+ default: boolean; /**
907
+ * Allow multi-select.
908
+ */
925
909
  };
926
910
  disabled: {
927
911
  type: BooleanConstructor;
@@ -929,12 +913,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
929
913
  };
930
914
  size: {
931
915
  type: () => NeonSize;
932
- default: NeonSize; /**
933
- * The size of the dropdown - Small, Medium or Large.
934
- */
935
- }; /**
936
- * The size of the dropdown - Small, Medium or Large.
937
- */
916
+ default: NeonSize;
917
+ };
938
918
  color: {
939
919
  type: () => NeonFunctionalColor;
940
920
  default: NeonFunctionalColor;
@@ -944,8 +924,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
944
924
  default: null;
945
925
  };
946
926
  dropdownStyle: {
947
- type: () => import("../../../neon").NeonDropdownStyle;
948
- default: import("../../../neon").NeonDropdownStyle;
927
+ type: () => NeonDropdownStyle;
928
+ default: NeonDropdownStyle;
949
929
  };
950
930
  placement: {
951
931
  type: () => NeonDropdownPlacement;
@@ -980,6 +960,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
980
960
  escapeKeyListener: (event: KeyboardEvent) => void;
981
961
  close: () => void;
982
962
  } | null>;
963
+ isButtonStyle: import("vue").ComputedRef<boolean>;
983
964
  onClose: () => void;
984
965
  close: () => void;
985
966
  toggleOpen: () => void;
@@ -997,7 +978,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
997
978
  alternateColor: NeonFunctionalColor;
998
979
  imageAlt: string;
999
980
  indicator: boolean;
1000
- dropdownStyle: import("../../../neon").NeonDropdownStyle;
981
+ dropdownStyle: NeonDropdownStyle;
1001
982
  openOnHover: boolean;
1002
983
  }, true, {}, {}, {
1003
984
  NeonBadge: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1102,9 +1083,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1102
1083
  required: true;
1103
1084
  };
1104
1085
  color: {
1105
- type: () => NeonFunctionalColor; /**
1106
- * Optional placeholder icon.
1107
- */
1086
+ type: () => NeonFunctionalColor;
1108
1087
  default: null;
1109
1088
  };
1110
1089
  inverse: {
@@ -1126,9 +1105,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1126
1105
  required: true;
1127
1106
  };
1128
1107
  color: {
1129
- type: () => NeonFunctionalColor; /**
1130
- * Optional placeholder icon.
1131
- */
1108
+ type: () => NeonFunctionalColor;
1132
1109
  default: null;
1133
1110
  };
1134
1111
  inverse: {
@@ -1169,9 +1146,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1169
1146
  alternateColor: {
1170
1147
  type: () => NeonFunctionalColor;
1171
1148
  default: null;
1172
- }; /**
1173
- * A list of grouped options to render in the select.
1174
- */
1149
+ };
1175
1150
  icon: {
1176
1151
  type: StringConstructor;
1177
1152
  default: null;
@@ -1182,12 +1157,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1182
1157
  };
1183
1158
  buttonStyle: {
1184
1159
  type: () => import("../../../neon").NeonButtonStyle;
1185
- default: import("../../../neon").NeonButtonStyle; /**
1186
- * Allow multi-select.
1187
- */
1188
- }; /**
1189
- * Allow multi-select.
1190
- */
1160
+ default: import("../../../neon").NeonButtonStyle;
1161
+ };
1191
1162
  state: {
1192
1163
  type: () => import("../../../neon").NeonState;
1193
1164
  default: import("../../../neon").NeonState;
@@ -1267,9 +1238,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1267
1238
  alternateColor: {
1268
1239
  type: () => NeonFunctionalColor;
1269
1240
  default: null;
1270
- }; /**
1271
- * A list of grouped options to render in the select.
1272
- */
1241
+ };
1273
1242
  icon: {
1274
1243
  type: StringConstructor;
1275
1244
  default: null;
@@ -1280,12 +1249,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1280
1249
  };
1281
1250
  buttonStyle: {
1282
1251
  type: () => import("../../../neon").NeonButtonStyle;
1283
- default: import("../../../neon").NeonButtonStyle; /**
1284
- * Allow multi-select.
1285
- */
1286
- }; /**
1287
- * Allow multi-select.
1288
- */
1252
+ default: import("../../../neon").NeonButtonStyle;
1253
+ };
1289
1254
  state: {
1290
1255
  type: () => import("../../../neon").NeonState;
1291
1256
  default: import("../../../neon").NeonState;
@@ -1385,9 +1350,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1385
1350
  required: true;
1386
1351
  };
1387
1352
  color: {
1388
- type: () => NeonFunctionalColor; /**
1389
- * Optional placeholder icon.
1390
- */
1353
+ type: () => NeonFunctionalColor;
1391
1354
  default: null;
1392
1355
  };
1393
1356
  inverse: {
@@ -1409,9 +1372,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1409
1372
  required: true;
1410
1373
  };
1411
1374
  color: {
1412
- type: () => NeonFunctionalColor; /**
1413
- * Optional placeholder icon.
1414
- */
1375
+ type: () => NeonFunctionalColor;
1415
1376
  default: null;
1416
1377
  };
1417
1378
  inverse: {
@@ -1484,9 +1445,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1484
1445
  required: true;
1485
1446
  };
1486
1447
  color: {
1487
- type: () => NeonFunctionalColor; /**
1488
- * Optional placeholder icon.
1489
- */
1448
+ type: () => NeonFunctionalColor;
1490
1449
  default: null;
1491
1450
  };
1492
1451
  inverse: {
@@ -1508,9 +1467,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1508
1467
  required: true;
1509
1468
  };
1510
1469
  color: {
1511
- type: () => NeonFunctionalColor; /**
1512
- * Optional placeholder icon.
1513
- */
1470
+ type: () => NeonFunctionalColor;
1514
1471
  default: null;
1515
1472
  };
1516
1473
  inverse: {
@@ -1581,6 +1538,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1581
1538
  };
1582
1539
  modelValue: {
1583
1540
  type: BooleanConstructor;
1541
+ /**
1542
+ * Optional placeholder icon.
1543
+ */
1584
1544
  required: true;
1585
1545
  };
1586
1546
  label: {
@@ -1594,17 +1554,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1594
1554
  imageAlt: {
1595
1555
  type: StringConstructor;
1596
1556
  default: null;
1597
- }; /**
1598
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
1599
- * multiple = true.
1600
- */
1557
+ };
1601
1558
  icon: {
1602
1559
  type: StringConstructor;
1603
1560
  default: null;
1604
1561
  };
1605
1562
  indicator: {
1606
1563
  type: BooleanConstructor;
1607
- default: boolean;
1564
+ default: boolean; /**
1565
+ * Allow multi-select.
1566
+ */
1608
1567
  };
1609
1568
  disabled: {
1610
1569
  type: BooleanConstructor;
@@ -1612,12 +1571,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1612
1571
  };
1613
1572
  size: {
1614
1573
  type: () => NeonSize;
1615
- default: NeonSize; /**
1616
- * The size of the dropdown - Small, Medium or Large.
1617
- */
1618
- }; /**
1619
- * The size of the dropdown - Small, Medium or Large.
1620
- */
1574
+ default: NeonSize;
1575
+ };
1621
1576
  color: {
1622
1577
  type: () => NeonFunctionalColor;
1623
1578
  default: NeonFunctionalColor;
@@ -1627,8 +1582,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1627
1582
  default: null;
1628
1583
  };
1629
1584
  dropdownStyle: {
1630
- type: () => import("../../../neon").NeonDropdownStyle;
1631
- default: import("../../../neon").NeonDropdownStyle;
1585
+ type: () => NeonDropdownStyle;
1586
+ default: NeonDropdownStyle;
1632
1587
  };
1633
1588
  placement: {
1634
1589
  type: () => NeonDropdownPlacement;
@@ -1663,6 +1618,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1663
1618
  escapeKeyListener: (event: KeyboardEvent) => void;
1664
1619
  close: () => void;
1665
1620
  } | null>;
1621
+ isButtonStyle: import("vue").ComputedRef<boolean>;
1666
1622
  onClose: () => void;
1667
1623
  close: () => void;
1668
1624
  toggleOpen: () => void;
@@ -1680,7 +1636,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1680
1636
  alternateColor: NeonFunctionalColor;
1681
1637
  imageAlt: string;
1682
1638
  indicator: boolean;
1683
- dropdownStyle: import("../../../neon").NeonDropdownStyle;
1639
+ dropdownStyle: NeonDropdownStyle;
1684
1640
  openOnHover: boolean;
1685
1641
  }> | null>;
1686
1642
  open: import("vue").Ref<boolean, boolean>;
@@ -1693,6 +1649,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1693
1649
  }>;
1694
1650
  computedOptions: import("vue").ComputedRef<NeonSelectGroup[]>;
1695
1651
  computedIcon: import("vue").ComputedRef<string | undefined>;
1652
+ labelIsPlaceholder: import("vue").ComputedRef<boolean>;
1696
1653
  clickOption: (option: NeonSelectOption) => void;
1697
1654
  nativeSelectChange: (event: Event) => void;
1698
1655
  changeHighlighted: (key: string) => void;
@@ -1782,6 +1739,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1782
1739
  type: () => NeonFunctionalColor;
1783
1740
  default: NeonFunctionalColor;
1784
1741
  };
1742
+ /**
1743
+ * The button style of the select.
1744
+ */
1745
+ buttonStyle: {
1746
+ type: () => NeonDropdownStyle;
1747
+ default: NeonDropdownStyle;
1748
+ };
1785
1749
  /**
1786
1750
  * Placement of the dropdown contents.
1787
1751
  */
@@ -1796,6 +1760,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1796
1760
  placement: NeonDropdownPlacement;
1797
1761
  size: NeonSize;
1798
1762
  color: NeonFunctionalColor;
1763
+ buttonStyle: NeonDropdownStyle;
1799
1764
  multiple: boolean;
1800
1765
  placeholderAsOption: boolean;
1801
1766
  }, {}, {
@@ -1805,6 +1770,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1805
1770
  };
1806
1771
  modelValue: {
1807
1772
  type: BooleanConstructor;
1773
+ /**
1774
+ * Optional placeholder icon.
1775
+ */
1808
1776
  required: true;
1809
1777
  };
1810
1778
  label: {
@@ -1818,17 +1786,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1818
1786
  imageAlt: {
1819
1787
  type: StringConstructor;
1820
1788
  default: null;
1821
- }; /**
1822
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
1823
- * multiple = true.
1824
- */
1789
+ };
1825
1790
  icon: {
1826
1791
  type: StringConstructor;
1827
1792
  default: null;
1828
1793
  };
1829
1794
  indicator: {
1830
1795
  type: BooleanConstructor;
1831
- default: boolean;
1796
+ default: boolean; /**
1797
+ * Allow multi-select.
1798
+ */
1832
1799
  };
1833
1800
  disabled: {
1834
1801
  type: BooleanConstructor;
@@ -1836,12 +1803,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1836
1803
  };
1837
1804
  size: {
1838
1805
  type: () => NeonSize;
1839
- default: NeonSize; /**
1840
- * The size of the dropdown - Small, Medium or Large.
1841
- */
1842
- }; /**
1843
- * The size of the dropdown - Small, Medium or Large.
1844
- */
1806
+ default: NeonSize;
1807
+ };
1845
1808
  color: {
1846
1809
  type: () => NeonFunctionalColor;
1847
1810
  default: NeonFunctionalColor;
@@ -1851,8 +1814,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1851
1814
  default: null;
1852
1815
  };
1853
1816
  dropdownStyle: {
1854
- type: () => import("../../../neon").NeonDropdownStyle;
1855
- default: import("../../../neon").NeonDropdownStyle;
1817
+ type: () => NeonDropdownStyle;
1818
+ default: NeonDropdownStyle;
1856
1819
  };
1857
1820
  placement: {
1858
1821
  type: () => NeonDropdownPlacement;
@@ -1881,6 +1844,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1881
1844
  escapeKeyListener: (event: KeyboardEvent) => void;
1882
1845
  close: () => void;
1883
1846
  } | null>;
1847
+ isButtonStyle: import("vue").ComputedRef<boolean>;
1884
1848
  onClose: () => void;
1885
1849
  close: () => void;
1886
1850
  toggleOpen: () => void;
@@ -1892,6 +1856,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1892
1856
  };
1893
1857
  modelValue: {
1894
1858
  type: BooleanConstructor;
1859
+ /**
1860
+ * Optional placeholder icon.
1861
+ */
1895
1862
  required: true;
1896
1863
  };
1897
1864
  label: {
@@ -1905,17 +1872,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1905
1872
  imageAlt: {
1906
1873
  type: StringConstructor;
1907
1874
  default: null;
1908
- }; /**
1909
- * Either a single string, indicating the key of the selected option or an array of selected keys in the case
1910
- * multiple = true.
1911
- */
1875
+ };
1912
1876
  icon: {
1913
1877
  type: StringConstructor;
1914
1878
  default: null;
1915
1879
  };
1916
1880
  indicator: {
1917
1881
  type: BooleanConstructor;
1918
- default: boolean;
1882
+ default: boolean; /**
1883
+ * Allow multi-select.
1884
+ */
1919
1885
  };
1920
1886
  disabled: {
1921
1887
  type: BooleanConstructor;
@@ -1923,12 +1889,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1923
1889
  };
1924
1890
  size: {
1925
1891
  type: () => NeonSize;
1926
- default: NeonSize; /**
1927
- * The size of the dropdown - Small, Medium or Large.
1928
- */
1929
- }; /**
1930
- * The size of the dropdown - Small, Medium or Large.
1931
- */
1892
+ default: NeonSize;
1893
+ };
1932
1894
  color: {
1933
1895
  type: () => NeonFunctionalColor;
1934
1896
  default: NeonFunctionalColor;
@@ -1938,8 +1900,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1938
1900
  default: null;
1939
1901
  };
1940
1902
  dropdownStyle: {
1941
- type: () => import("../../../neon").NeonDropdownStyle;
1942
- default: import("../../../neon").NeonDropdownStyle;
1903
+ type: () => NeonDropdownStyle;
1904
+ default: NeonDropdownStyle;
1943
1905
  };
1944
1906
  placement: {
1945
1907
  type: () => NeonDropdownPlacement;
@@ -1971,7 +1933,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1971
1933
  alternateColor: NeonFunctionalColor;
1972
1934
  imageAlt: string;
1973
1935
  indicator: boolean;
1974
- dropdownStyle: import("../../../neon").NeonDropdownStyle;
1936
+ dropdownStyle: NeonDropdownStyle;
1975
1937
  openOnHover: boolean;
1976
1938
  }, {}, {
1977
1939
  NeonBadge: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -2076,9 +2038,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2076
2038
  required: true;
2077
2039
  };
2078
2040
  color: {
2079
- type: () => NeonFunctionalColor; /**
2080
- * Optional placeholder icon.
2081
- */
2041
+ type: () => NeonFunctionalColor;
2082
2042
  default: null;
2083
2043
  };
2084
2044
  inverse: {
@@ -2100,9 +2060,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2100
2060
  required: true;
2101
2061
  };
2102
2062
  color: {
2103
- type: () => NeonFunctionalColor; /**
2104
- * Optional placeholder icon.
2105
- */
2063
+ type: () => NeonFunctionalColor;
2106
2064
  default: null;
2107
2065
  };
2108
2066
  inverse: {
@@ -2143,9 +2101,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2143
2101
  alternateColor: {
2144
2102
  type: () => NeonFunctionalColor;
2145
2103
  default: null;
2146
- }; /**
2147
- * A list of grouped options to render in the select.
2148
- */
2104
+ };
2149
2105
  icon: {
2150
2106
  type: StringConstructor;
2151
2107
  default: null;
@@ -2156,12 +2112,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2156
2112
  };
2157
2113
  buttonStyle: {
2158
2114
  type: () => import("../../../neon").NeonButtonStyle;
2159
- default: import("../../../neon").NeonButtonStyle; /**
2160
- * Allow multi-select.
2161
- */
2162
- }; /**
2163
- * Allow multi-select.
2164
- */
2115
+ default: import("../../../neon").NeonButtonStyle;
2116
+ };
2165
2117
  state: {
2166
2118
  type: () => import("../../../neon").NeonState;
2167
2119
  default: import("../../../neon").NeonState;
@@ -2241,9 +2193,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2241
2193
  alternateColor: {
2242
2194
  type: () => NeonFunctionalColor;
2243
2195
  default: null;
2244
- }; /**
2245
- * A list of grouped options to render in the select.
2246
- */
2196
+ };
2247
2197
  icon: {
2248
2198
  type: StringConstructor;
2249
2199
  default: null;
@@ -2254,12 +2204,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2254
2204
  };
2255
2205
  buttonStyle: {
2256
2206
  type: () => import("../../../neon").NeonButtonStyle;
2257
- default: import("../../../neon").NeonButtonStyle; /**
2258
- * Allow multi-select.
2259
- */
2260
- }; /**
2261
- * Allow multi-select.
2262
- */
2207
+ default: import("../../../neon").NeonButtonStyle;
2208
+ };
2263
2209
  state: {
2264
2210
  type: () => import("../../../neon").NeonState;
2265
2211
  default: import("../../../neon").NeonState;
@@ -2359,9 +2305,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2359
2305
  required: true;
2360
2306
  };
2361
2307
  color: {
2362
- type: () => NeonFunctionalColor; /**
2363
- * Optional placeholder icon.
2364
- */
2308
+ type: () => NeonFunctionalColor;
2365
2309
  default: null;
2366
2310
  };
2367
2311
  inverse: {
@@ -2383,9 +2327,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2383
2327
  required: true;
2384
2328
  };
2385
2329
  color: {
2386
- type: () => NeonFunctionalColor; /**
2387
- * Optional placeholder icon.
2388
- */
2330
+ type: () => NeonFunctionalColor;
2389
2331
  default: null;
2390
2332
  };
2391
2333
  inverse: {
@@ -2458,9 +2400,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2458
2400
  required: true;
2459
2401
  };
2460
2402
  color: {
2461
- type: () => NeonFunctionalColor; /**
2462
- * Optional placeholder icon.
2463
- */
2403
+ type: () => NeonFunctionalColor;
2464
2404
  default: null;
2465
2405
  };
2466
2406
  inverse: {
@@ -2482,9 +2422,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2482
2422
  required: true;
2483
2423
  };
2484
2424
  color: {
2485
- type: () => NeonFunctionalColor; /**
2486
- * Optional placeholder icon.
2487
- */
2425
+ type: () => NeonFunctionalColor;
2488
2426
  default: null;
2489
2427
  };
2490
2428
  inverse: {
@@ -2549,9 +2487,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2549
2487
  required: true;
2550
2488
  };
2551
2489
  color: {
2552
- type: () => NeonFunctionalColor; /**
2553
- * Optional placeholder icon.
2554
- */
2490
+ type: () => NeonFunctionalColor;
2555
2491
  default: null;
2556
2492
  };
2557
2493
  inverse: {
@@ -2573,9 +2509,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2573
2509
  required: true;
2574
2510
  };
2575
2511
  color: {
2576
- type: () => NeonFunctionalColor; /**
2577
- * Optional placeholder icon.
2578
- */
2512
+ type: () => NeonFunctionalColor;
2579
2513
  default: null;
2580
2514
  };
2581
2515
  inverse: {
@@ -2681,9 +2615,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2681
2615
  required: true;
2682
2616
  };
2683
2617
  color: {
2684
- type: () => NeonFunctionalColor; /**
2685
- * Optional placeholder icon.
2686
- */
2618
+ type: () => NeonFunctionalColor;
2687
2619
  default: null;
2688
2620
  };
2689
2621
  inverse: {
@@ -2705,9 +2637,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2705
2637
  required: true;
2706
2638
  };
2707
2639
  color: {
2708
- type: () => NeonFunctionalColor; /**
2709
- * Optional placeholder icon.
2710
- */
2640
+ type: () => NeonFunctionalColor;
2711
2641
  default: null;
2712
2642
  };
2713
2643
  inverse: {