@aotearoan/neon 18.2.12 → 18.2.13

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 (8) hide show
  1. package/package.json +1 -1
  2. package/src/sass/components/_alert-container.scss +1 -1
  3. package/src/sass/components/_button.scss +1 -1
  4. package/src/sass/components/_input.scss +2 -2
  5. package/src/sass/components/_menu.scss +3 -3
  6. package/src/sass/global/_base-html.scss +1 -1
  7. package/src/sass/global/_typography.scss +9 -9
  8. package/src/sass/variables.scss +4 -4
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": "18.2.12",
4
+ "version": "18.2.13",
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/_alert-container.scss CHANGED
@@ -130,7 +130,7 @@
130
130
  line-height: var(--neon-line-height-one);
131
131
  font-size: var(--neon-font-size-m);
132
132
  font-weight: var(--neon-font-weight-bold);
133
- font-family: var(--neon-heading-font-family);
133
+ font-family: var(--neon-font-family-heading);
134
134
  letter-spacing: var(--neon-letter-spacing-m);
135
135
  }
136
136
 
package/src/sass/components/_button.scss CHANGED
@@ -182,7 +182,7 @@
182
182
  margin-left: 0;
183
183
  margin-right: 0;
184
184
  cursor: pointer;
185
- font-family: var(--neon-body-font-family);
185
+ font-family: var(--neon-font-family-body);
186
186
 
187
187
  &--s {
188
188
  @include button-small;
package/src/sass/components/_input.scss CHANGED
@@ -136,7 +136,7 @@
136
136
  padding: var(--neon-space-4) var(--neon-space-10);
137
137
  line-height: var(--neon-line-height-one);
138
138
  outline: none;
139
- font-family: var(--neon-body-font-family);
139
+ font-family: var(--neon-font-family-body);
140
140
  width: 100%;
141
141
  border-color: var(--neon-border-color-input);
142
142
  color: var(--neon-color-text);
@@ -144,7 +144,7 @@
144
144
  box-shadow: var(--neon-inset-shadow);
145
145
 
146
146
  &::placeholder {
147
- font-family: var(--neon-body-font-family);
147
+ font-family: var(--neon-font-family-body);
148
148
  letter-spacing: var(--neon-letter-spacing-s);
149
149
  color: var(--neon-color-placeholder);
150
150
  }
package/src/sass/components/_menu.scss CHANGED
@@ -123,7 +123,7 @@
123
123
  }
124
124
 
125
125
  &__responsive-menu {
126
- font-family: var(--neon-heading-font-family);
126
+ font-family: var(---neon-font-family-heading);
127
127
 
128
128
  &.neon-menu__responsive-menu:not(:first-child) {
129
129
  margin-left: var(--neon-space-20);
@@ -154,7 +154,7 @@
154
154
  &__label {
155
155
  display: flex;
156
156
  align-items: center;
157
- font-family: var(--neon-heading-font-family);
157
+ font-family: var(---neon-font-family-heading);
158
158
  }
159
159
  }
160
160
 
@@ -166,7 +166,7 @@
166
166
  }
167
167
 
168
168
  .neon-dropdown .neon-dropdown__button {
169
- font-family: var(--neon-heading-font-family);
169
+ font-family: var(---neon-font-family-heading);
170
170
  font-weight: var(--neon-font-weight-normal);
171
171
  letter-spacing: var(--neon-letter-spacing-m);
172
172
  }
package/src/sass/global/_base-html.scss CHANGED
@@ -140,7 +140,7 @@
140
140
  }
141
141
 
142
142
  textarea {
143
- font-family: var(--neon-body-font-family);
143
+ font-family: var(--neon-font-family-body);
144
144
  }
145
145
 
146
146
  .neon-square {
package/src/sass/global/_typography.scss CHANGED
@@ -3,8 +3,8 @@
3
3
 
4
4
  @mixin typography {
5
5
  body {
6
- font-family: var(--neon-body-font-family);
7
- font-weight: var(--neon-body-font-weight);
6
+ font-family: var(--neon-font-family-body);
7
+ font-weight: var(--neon-font-weight-body);
8
8
  font-size: 16px;
9
9
  line-height: var(--neon-line-height-ratio);
10
10
  }
@@ -30,7 +30,7 @@
30
30
  }
31
31
 
32
32
  .neon-h0 {
33
- font-family: var(--neon-heading-font-family);
33
+ font-family: var(--neon-font-family-heading);
34
34
  line-height: var(--neon-line-height-headings-ratio);
35
35
  letter-spacing: var(--neon-letter-spacing-headings);
36
36
  @include typography.neon-h0;
@@ -38,7 +38,7 @@
38
38
 
39
39
  .neon-h1,
40
40
  h1 {
41
- font-family: var(--neon-heading-font-family);
41
+ font-family: var(--neon-font-family-heading);
42
42
  line-height: var(--neon-line-height-headings-ratio);
43
43
  letter-spacing: var(--neon-letter-spacing-headings);
44
44
  @include typography.neon-h1;
@@ -46,7 +46,7 @@
46
46
 
47
47
  .neon-h2,
48
48
  h2 {
49
- font-family: var(--neon-heading-font-family);
49
+ font-family: var(--neon-font-family-heading);
50
50
  line-height: var(--neon-line-height-headings-ratio);
51
51
  letter-spacing: var(--neon-letter-spacing-headings);
52
52
  @include typography.neon-h2;
@@ -54,7 +54,7 @@
54
54
 
55
55
  .neon-h3,
56
56
  h3 {
57
- font-family: var(--neon-heading-font-family);
57
+ font-family: var(--neon-font-family-heading);
58
58
  line-height: var(--neon-line-height-headings-ratio);
59
59
  letter-spacing: var(--neon-letter-spacing-headings);
60
60
  @include typography.neon-h3;
@@ -62,7 +62,7 @@
62
62
 
63
63
  .neon-h4,
64
64
  h4 {
65
- font-family: var(--neon-heading-font-family);
65
+ font-family: var(--neon-font-family-heading);
66
66
  line-height: var(--neon-line-height-headings-ratio);
67
67
  letter-spacing: var(--neon-letter-spacing-headings);
68
68
  @include typography.neon-h4;
@@ -70,7 +70,7 @@
70
70
 
71
71
  .neon-h5,
72
72
  h5 {
73
- font-family: var(--neon-heading-font-family);
73
+ font-family: var(--neon-font-family-heading);
74
74
  line-height: var(--neon-line-height-headings-ratio);
75
75
  letter-spacing: var(--neon-letter-spacing-headings);
76
76
  @include typography.neon-h5;
@@ -78,7 +78,7 @@
78
78
 
79
79
  .neon-h6,
80
80
  h6 {
81
- font-family: var(--neon-heading-font-family);
81
+ font-family: var(--neon-font-family-heading);
82
82
  line-height: var(--neon-line-height-headings-ratio);
83
83
  letter-spacing: var(--neon-letter-spacing-headings);
84
84
  @include typography.neon-h6;
package/src/sass/variables.scss CHANGED
@@ -140,13 +140,13 @@
140
140
  --neon-system-font-stack: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
141
141
  'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
142
142
 
143
- --neon-body-font-family: var(--neon-system-font-stack);
144
- --neon-body-font-weight: var(--neon-font-weight-normal);
143
+ --neon-font-family-body: var(--neon-system-font-stack);
144
+ --neon-font-weight-body: var(--neon-font-weight-normal);
145
145
 
146
- --neon-heading-font-family: var(--neon-body-font-family);
146
+ --neon-font-family-heading: var(--neon-font-family-body);
147
147
  --neon-font-style-headings: normal;
148
148
 
149
- --neon-font-family-paragraph: var(--neon-body-font-family);
149
+ --neon-font-family-paragraph: var(--neon-font-family-body);
150
150
  --neon-font-family-monospaced: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', Courier, monospace;
151
151
 
152
152
  /* gradient config */