@aotearoan/neon 28.7.0 → 28.7.1

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 (6) hide show
  1. package/package.json +1 -1
  2. package/src/sass/components/_button.scss +1 -1
  3. package/src/sass/components/_label.scss +2 -2
  4. package/src/sass/components/_slider.scss +1 -1
  5. package/src/sass/variables-dark.scss +10 -14
  6. package/src/sass/variables-light.scss +10 -14
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": "28.7.0",
4
+ "version": "28.7.1",
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/_button.scss CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  @mixin gradient-button($from-color, $to-color) {
7
7
  --neon-gradient-button-c1: var(--neon-color-#{$from-color});
8
- --neon-gradient-button-c2: var(--neon-background-color-#{$to-color});
8
+ --neon-gradient-button-c2: var(--neon-color-#{$to-color});
9
9
 
10
10
  background: linear-gradient(
11
11
  var(--neon-background-gradient-angle),
package/src/sass/components/_label.scss CHANGED
@@ -22,11 +22,11 @@
22
22
  @each $color in palettes.$neon-functional-colors {
23
23
  &--#{$color} {
24
24
  @include svg.color-with-svg(var(--neon-color-#{$color}));
25
- background: rgba(var(--neon-rgb-#{$color}), 0.15);
25
+ background: var(--neon-background-color-#{$color});
26
26
 
27
27
  @each $alternateColor in palettes.$neon-functional-colors {
28
28
  &.neon-label--alternate-color-#{$alternateColor} {
29
- background: linear-gradient(90deg, rgba(var(--neon-rgb-#{$color}), 0.15), rgba(var(--neon-rgb-#{$alternateColor}), 0.15));
29
+ background: linear-gradient(90deg, var(--neon-background-color-#{$color}), var(--neon-background-color-#{$alternateColor}));
30
30
 
31
31
  .neon-label__label {
32
32
  @include gradient.neon-gradient-text($color, $alternateColor);
package/src/sass/components/_slider.scss CHANGED
@@ -153,7 +153,7 @@ $neon-width-slider-tooltip: 201rem;
153
153
  outline: none;
154
154
 
155
155
  &:focus {
156
- $neon-box-shadow-slider-thumb-focus: 0 0 0 4rem rgba(var(--neon-background-rgb-low-contrast), 0.3);
156
+ $neon-box-shadow-slider-thumb-focus: 0 0 0 4rem rgba(var(--neon-rgb-low-contrast), 0.3);
157
157
 
158
158
  &::-webkit-slider-thumb {
159
159
  box-shadow: $neon-box-shadow-slider-thumb-focus;
package/src/sass/variables-dark.scss CHANGED
@@ -136,50 +136,46 @@
136
136
  --neon-color-error: var(--neon-color-error-l1);
137
137
 
138
138
 
139
- /**
140
- * background low contrast color RGB values
141
- */
142
- --neon-background-rgb-low-contrast: var(--neon-rgb-low-contrast-d1);
143
139
  /**
144
140
  * background low contrast color variable
145
141
  */
146
- --neon-background-color-low-contrast: var(--neon-color-low-contrast-d1);
142
+ --neon-background-color-low-contrast: var(--neon-color-low-contrast-d5);
147
143
  /**
148
144
  * background neutral color variable
149
145
  */
150
- --neon-background-color-neutral: var(--neon-color-neutral-d1);
146
+ --neon-background-color-neutral: var(--neon-color-neutral-d5);
151
147
  /**
152
148
  * background high contrast color variable
153
149
  */
154
- --neon-background-color-high-contrast: var(--neon-color-high-contrast-d1);
150
+ --neon-background-color-high-contrast: var(--neon-color-high-contrast-d5);
155
151
  /**
156
152
  * background brand color variable
157
153
  */
158
- --neon-background-color-brand: var(--neon-color-brand-d1);
154
+ --neon-background-color-brand: var(--neon-color-brand-d5);
159
155
  /**
160
156
  * background accent color variable
161
157
  */
162
- --neon-background-color-accent: var(--neon-color-accent-d1);
158
+ --neon-background-color-accent: var(--neon-color-accent-d5);
163
159
  /**
164
160
  * background primary color variable
165
161
  */
166
- --neon-background-color-primary: var(--neon-color-primary-d1);
162
+ --neon-background-color-primary: var(--neon-color-primary-d5);
167
163
  /**
168
164
  * background info color variable
169
165
  */
170
- --neon-background-color-info: var(--neon-color-info-d1);
166
+ --neon-background-color-info: var(--neon-color-info-d5);
171
167
  /**
172
168
  * background success color variable
173
169
  */
174
- --neon-background-color-success: var(--neon-color-success-d1);
170
+ --neon-background-color-success: var(--neon-color-success-d5);
175
171
  /**
176
172
  * background warning color variable
177
173
  */
178
- --neon-background-color-warn: var(--neon-color-warn-d1);
174
+ --neon-background-color-warn: var(--neon-color-warn-d5);
179
175
  /**
180
176
  * background error color variable
181
177
  */
182
- --neon-background-color-error: var(--neon-color-error-d1);
178
+ --neon-background-color-error: var(--neon-color-error-d5);
183
179
 
184
180
 
185
181
  /**
package/src/sass/variables-light.scss CHANGED
@@ -136,50 +136,46 @@
136
136
  --neon-color-error: var(--neon-color-error-d1);
137
137
 
138
138
 
139
- /**
140
- * background low contrast color RGB values
141
- */
142
- --neon-background-rgb-low-contrast: var(--neon-rgb-low-contrast-l1);
143
139
  /**
144
140
  * background low contrast color variable
145
141
  */
146
- --neon-background-color-low-contrast: var(--neon-color-low-contrast-l1);
142
+ --neon-background-color-low-contrast: var(--neon-color-low-contrast-l5);
147
143
  /**
148
144
  * background neutral color variable
149
145
  */
150
- --neon-background-color-neutral: var(--neon-color-neutral-l1);
146
+ --neon-background-color-neutral: var(--neon-color-neutral-l5);
151
147
  /**
152
148
  * background high contrast color variable
153
149
  */
154
- --neon-background-color-high-contrast: var(--neon-color-high-contrast-l1);
150
+ --neon-background-color-high-contrast: var(--neon-color-high-contrast-l5);
155
151
  /**
156
152
  * background brand color variable
157
153
  */
158
- --neon-background-color-brand: var(--neon-color-brand-l1);
154
+ --neon-background-color-brand: var(--neon-color-brand-l5);
159
155
  /**
160
156
  * background accent color variable
161
157
  */
162
- --neon-background-color-accent: var(--neon-color-accent-l1);
158
+ --neon-background-color-accent: var(--neon-color-accent-l5);
163
159
  /**
164
160
  * background primary color variable
165
161
  */
166
- --neon-background-color-primary: var(--neon-color-primary-l1);
162
+ --neon-background-color-primary: var(--neon-color-primary-l5);
167
163
  /**
168
164
  * background info color variable
169
165
  */
170
- --neon-background-color-info: var(--neon-color-info-l1);
166
+ --neon-background-color-info: var(--neon-color-info-l5);
171
167
  /**
172
168
  * background success color variable
173
169
  */
174
- --neon-background-color-success: var(--neon-color-success-l1);
170
+ --neon-background-color-success: var(--neon-color-success-l5);
175
171
  /**
176
172
  * background warning color variable
177
173
  */
178
- --neon-background-color-warn: var(--neon-color-warn-l1);
174
+ --neon-background-color-warn: var(--neon-color-warn-l5);
179
175
  /**
180
176
  * background error color variable
181
177
  */
182
- --neon-background-color-error: var(--neon-color-error-l1);
178
+ --neon-background-color-error: var(--neon-color-error-l5);
183
179
 
184
180
 
185
181
  /**