@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/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": "22.5.1",
4
+ "version": "22.5.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/_field.scss CHANGED
@@ -10,11 +10,19 @@ $message-height: calc(var(--neon-font-size-s) * var(--neon-line-height-ratio));
10
10
  &__label-wrapper {
11
11
  display: inline-flex;
12
12
  align-items: center;
13
+ justify-content: space-between;
14
+ width: 100%;
13
15
  margin-bottom: var(--neon-space-4);
14
16
  gap: var(--neon-space-6);
15
17
  @include typography.label;
16
18
  }
17
19
 
20
+ &__optional {
21
+ font-size: var(--neon-font-size-s);
22
+ color: var(--neon-color-text-tertiary);
23
+ user-select: none;
24
+ }
25
+
18
26
  &.neon-field--disabled {
19
27
  cursor: not-allowed;
20
28
 
package/src/sass/components/_input.scss CHANGED
@@ -149,13 +149,13 @@
149
149
  }
150
150
 
151
151
  &-counter {
152
- align-self: flex-end;
152
+ align-self: flex-start;
153
153
  user-select: none;
154
- font-size: var(--neon-font-size-xs);
154
+ font-size: var(--neon-font-size-s);
155
155
  font-weight: var(--neon-font-weight-normal);
156
156
  letter-spacing: var(--neon-letter-spacing-s);
157
157
  color: var(--neon-color-text-tertiary);
158
- margin-bottom: var(--neon-space-4);
158
+ margin-top: var(--neon-space-4);
159
159
  }
160
160
  }
161
161
 
package/src/sass/includes/_dependencies.scss CHANGED
@@ -122,7 +122,7 @@
122
122
  NeonStepper: [NeonIcon],
123
123
  NeonSelectableCard: [NeonCard, NeonCardHeader, NeonSwitch, NeonIcon],
124
124
  NeonDatePicker: [NeonDropdown, NeonBadge, NeonButton, NeonExpansionIndicator, NeonIcon, NeonLink, NeonInput],
125
- NeonField: [NeonLabel, NeonIcon],
125
+ NeonField: [],
126
126
  NeonStack: [],
127
127
  NeonInline: [],
128
128
  NeonCardList: [NeonButton, NeonExpansionIndicator, NeonIcon, NeonLink, NeonCard, NeonCardBody, NeonInline, NeonStack],
package/src/sass/includes/_typography.scss CHANGED
@@ -49,8 +49,9 @@
49
49
 
50
50
  @mixin label {
51
51
  color: var(--neon-color-label);
52
- font-size: var(--neon-font-size-xs);
53
- font-weight: var(--neon-font-weight-semi-bold);
52
+ font-size: var(--neon-font-size-label);
53
+ line-height: var(--neon-line-height-ratio);
54
+ font-weight: var(--neon-font-weight-label);
54
55
  letter-spacing: var(--neon-letter-spacing-s);
55
56
  user-select: none;
56
57
  white-space: nowrap;
package/src/sass/variables.scss CHANGED
@@ -167,6 +167,10 @@
167
167
  --neon-font-family-paragraph: var(--neon-font-family-body);
168
168
  --neon-font-family-monospaced: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', Courier, monospace;
169
169
 
170
+ /* HTML labels */
171
+ --neon-font-size-label: var(--neon-font-size-s);
172
+ --neon-font-weight-label: var(--neon-font-weight-normal);
173
+
170
174
  /* gradient config */
171
175
  --neon-background-gradient-angle: 90deg;
172
176
  /* % offset where background gradient switches to alternate-color */