@ebay/skin 19.24.5 → 19.24.7

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 (10) hide show
  1. package/dist/tokens/evo-core.css +2 -0
  2. package/dist/tokens/evo-dark-class.css +2 -0
  3. package/dist/tokens/evo-dark.css +4 -2
  4. package/dist/tokens/evo-light-class.css +2 -0
  5. package/dist/tokens/evo-light.css +3 -1
  6. package/dist/tokens/evo-live-dark-class.css +12 -0
  7. package/dist/tokens/evo-live-dark.css +12 -0
  8. package/dist/tokens/evo-live-light-class.css +12 -0
  9. package/dist/tokens/evo-live-light.css +12 -0
  10. package/package.json +1 -1
package/dist/tokens/evo-core.css CHANGED
@@ -150,7 +150,9 @@
150
150
  --color-yellow-200: #fff8d5;
151
151
  --color-yellow-300: #ffe58a;
152
152
  --color-yellow-400: #ffbd14;
153
+ --color-yellow-450: #b97e31;
153
154
  --color-yellow-500: #eebb04;
155
+ --color-yellow-550: #b97e31;
154
156
  --color-yellow-600: #855f00;
155
157
  --color-yellow-700: #553b06;
156
158
  --color-yellow-800: #312102;
package/dist/tokens/evo-dark-class.css CHANGED
@@ -24,6 +24,7 @@
24
24
  --color-background-success: var(--color-kiwi-500);
25
25
  --color-background-tertiary: var(--color-neutral-700);
26
26
  --color-background-transparent: var(--color-clear);
27
+ --color-background-warning: var(--color-yellow-400);
27
28
  --color-border-accent: var(--color-blue-400);
28
29
  --color-border-attention: var(--color-red-400);
29
30
  --color-border-disabled: var(--color-neutral-700);
@@ -56,6 +57,7 @@
56
57
  --color-foreground-primary: var(--color-neutral-200);
57
58
  --color-foreground-secondary: var(--color-neutral-500);
58
59
  --color-foreground-success: var(--color-kiwi-400);
60
+ --color-foreground-warning: var(--color-yellow-400);
59
61
  --color-gradient-ai-blue-strong: linear-gradient(
60
62
  to right,
61
63
  var(--color-ai-solid-purple-strong),
package/dist/tokens/evo-dark.css CHANGED
@@ -24,6 +24,7 @@
24
24
  --color-background-success: var(--color-kiwi-500);
25
25
  --color-background-tertiary: var(--color-neutral-700);
26
26
  --color-background-transparent: var(--color-clear);
27
+ --color-background-warning: var(--color-yellow-400);
27
28
  --color-border-accent: var(--color-blue-400);
28
29
  --color-border-attention: var(--color-red-400);
29
30
  --color-border-disabled: var(--color-neutral-700);
@@ -56,6 +57,7 @@
56
57
  --color-foreground-primary: var(--color-neutral-200);
57
58
  --color-foreground-secondary: var(--color-neutral-500);
58
59
  --color-foreground-success: var(--color-kiwi-400);
60
+ --color-foreground-warning: var(--color-yellow-400);
59
61
  --color-gradient-ai-blue-strong: linear-gradient(
60
62
  to right,
61
63
  var(--color-ai-solid-purple-strong),
@@ -194,11 +196,11 @@
194
196
  --color-data-viz-trend-negative: var(--color-red-400);
195
197
  --color-data-viz-chart-primary: var(--color-blue-500);
196
198
  --color-data-viz-chart-secondary: var(--color-blue-300);
197
- --color-data-viz-chart-tertiary-background: var(--color-blue-6);
199
+ --color-data-viz-chart-tertiary-background: var(--color-blue-600);
198
200
  --color-data-viz-chart-tertiary-stroke: var(--color-blue-400);
199
201
  --color-data-viz-chart-quaternary-background: var(--color-teal-600);
200
202
  --color-data-viz-chart-quaternary-stroke: var(--color-teal-400);
201
- --color-data-viz-chart-quinary-background: var(--color-teal-7);
203
+ --color-data-viz-chart-quinary-background: var(--color-teal-700);
202
204
  --color-data-viz-chart-quinary-stroke: var(--color-teal-400);
203
205
  --color-data-viz-tooltip-shadow-primary: #ffffff26;
204
206
  --color-data-viz-tooltip-shadow-secondary: #ffffff2b;
package/dist/tokens/evo-light-class.css CHANGED
@@ -23,6 +23,7 @@
23
23
  --color-background-success: var(--color-kiwi-600);
24
24
  --color-background-tertiary: var(--color-neutral-300);
25
25
  --color-background-transparent: var(--color-clear);
26
+ --color-background-warning: var(--color-yellow-400);
26
27
  --color-border-accent: var(--color-blue-500);
27
28
  --color-border-attention: var(--color-red-600);
28
29
  --color-border-disabled: var(--color-neutral-400);
@@ -55,6 +56,7 @@
55
56
  --color-foreground-primary: var(--color-neutral-800);
56
57
  --color-foreground-secondary: var(--color-neutral-600);
57
58
  --color-foreground-success: var(--color-kiwi-600);
59
+ --color-foreground-warning: var(--color-yellow-550);
58
60
  --color-gradient-ai-blue-strong: linear-gradient(
59
61
  to right,
60
62
  var(--color-ai-solid-purple-strong),
package/dist/tokens/evo-light.css CHANGED
@@ -23,6 +23,7 @@
23
23
  --color-background-success: var(--color-kiwi-600);
24
24
  --color-background-tertiary: var(--color-neutral-300);
25
25
  --color-background-transparent: var(--color-clear);
26
+ --color-background-warning: var(--color-yellow-400);
26
27
  --color-border-accent: var(--color-blue-500);
27
28
  --color-border-attention: var(--color-red-600);
28
29
  --color-border-disabled: var(--color-neutral-400);
@@ -55,6 +56,7 @@
55
56
  --color-foreground-primary: var(--color-neutral-800);
56
57
  --color-foreground-secondary: var(--color-neutral-600);
57
58
  --color-foreground-success: var(--color-kiwi-600);
59
+ --color-foreground-warning: var(--color-yellow-550);
58
60
  --color-gradient-ai-blue-strong: linear-gradient(
59
61
  to right,
60
62
  var(--color-ai-solid-purple-strong),
@@ -207,7 +209,7 @@
207
209
  --color-marketing-lime-background-4: var(--color-avocado-500);
208
210
  --color-marketing-green-foreground-3: var(--color-kiwi-700);
209
211
  --color-marketing-green-background-3: var(--color-kiwi-400);
210
- --color-marketing-teal-foreground-3: var(--color-teal-7);
212
+ --color-marketing-teal-foreground-3: var(--color-teal-700);
211
213
  --color-marketing-teal-background-3: var(--color-teal-400);
212
214
  --color-marketing-teal-foreground-5: var(--color-neutral-100);
213
215
  --color-marketing-teal-background-5: var(--color-teal-600);
package/dist/tokens/evo-live-dark-class.css CHANGED
@@ -23,6 +23,7 @@
23
23
  --color-background-success: var(--color-kiwi-500);
24
24
  --color-background-tertiary: var(--color-neutral-700);
25
25
  --color-background-transparent: var(--color-clear);
26
+ --color-background-warning: var(--color-yellow-400);
26
27
  --color-border-accent: var(--color-kiwi-400);
27
28
  --color-border-attention: var(--color-red-400);
28
29
  --color-border-disabled: var(--color-neutral-700);
@@ -55,6 +56,7 @@
55
56
  --color-foreground-primary: var(--color-neutral-200);
56
57
  --color-foreground-secondary: var(--color-neutral-500);
57
58
  --color-foreground-success: var(--color-kiwi-400);
59
+ --color-foreground-warning: var(--color-yellow-400);
58
60
  --color-gradient-ai-blue-strong: linear-gradient(
59
61
  to right,
60
62
  var(--color-ai-solid-purple-strong),
@@ -137,4 +139,14 @@
137
139
  --color-state-layer-pressed: rgba(255, 255, 255, 0.12);
138
140
  --color-state-layer-selected-on-strong: rgba(0, 0, 0, 0.16);
139
141
  --color-state-layer-selected: rgba(255, 255, 255, 0.16);
142
+ --color-data-viz-chart-primary: var(--color-blue-500);
143
+ --color-data-viz-chart-secondary: var(--color-blue-300);
144
+ --color-data-viz-chart-tertiary-background: var(--color-blue-600);
145
+ --color-data-viz-chart-tertiary-stroke: var(--color-blue-400);
146
+ --color-data-viz-chart-quaternary-background: var(--color-teal-600);
147
+ --color-data-viz-chart-quaternary-stroke: var(--color-teal-400);
148
+ --color-data-viz-chart-quinary-background: var(--color-teal-700);
149
+ --color-data-viz-chart-quinary-stroke: var(--color-teal-400);
150
+ --state-layer-neutral: rgb(var(--color-neutral-100-rgb), 0);
151
+ --state-layer-neutral-on-strong: rgb(var(--color-neutral-900-rgb), 0);
140
152
  }
package/dist/tokens/evo-live-dark.css CHANGED
@@ -23,6 +23,7 @@
23
23
  --color-background-success: var(--color-kiwi-500);
24
24
  --color-background-tertiary: var(--color-neutral-700);
25
25
  --color-background-transparent: var(--color-clear);
26
+ --color-background-warning: var(--color-yellow-400);
26
27
  --color-border-accent: var(--color-kiwi-400);
27
28
  --color-border-attention: var(--color-red-400);
28
29
  --color-border-disabled: var(--color-neutral-700);
@@ -55,6 +56,7 @@
55
56
  --color-foreground-primary: var(--color-neutral-200);
56
57
  --color-foreground-secondary: var(--color-neutral-500);
57
58
  --color-foreground-success: var(--color-kiwi-400);
59
+ --color-foreground-warning: var(--color-yellow-400);
58
60
  --color-gradient-ai-blue-strong: linear-gradient(
59
61
  to right,
60
62
  var(--color-ai-solid-purple-strong),
@@ -137,4 +139,14 @@
137
139
  --color-state-layer-pressed: rgba(255, 255, 255, 0.12);
138
140
  --color-state-layer-selected-on-strong: rgba(0, 0, 0, 0.16);
139
141
  --color-state-layer-selected: rgba(255, 255, 255, 0.16);
142
+ --color-data-viz-chart-primary: var(--color-blue-500);
143
+ --color-data-viz-chart-secondary: var(--color-blue-300);
144
+ --color-data-viz-chart-tertiary-background: var(--color-blue-600);
145
+ --color-data-viz-chart-tertiary-stroke: var(--color-blue-400);
146
+ --color-data-viz-chart-quaternary-background: var(--color-teal-600);
147
+ --color-data-viz-chart-quaternary-stroke: var(--color-teal-400);
148
+ --color-data-viz-chart-quinary-background: var(--color-teal-700);
149
+ --color-data-viz-chart-quinary-stroke: var(--color-teal-400);
150
+ --state-layer-neutral: rgb(var(--color-neutral-100-rgb), 0);
151
+ --state-layer-neutral-on-strong: rgb(var(--color-neutral-900-rgb), 0);
140
152
  }
package/dist/tokens/evo-live-light-class.css CHANGED
@@ -24,6 +24,7 @@
24
24
  --color-background-success: var(--color-kiwi-500);
25
25
  --color-background-tertiary: var(--color-neutral-700);
26
26
  --color-background-transparent: var(--color-clear);
27
+ --color-background-warning: var(--color-yellow-400);
27
28
  --color-border-accent: var(--color-kiwi-400);
28
29
  --color-border-attention: var(--color-red-400);
29
30
  --color-border-disabled: var(--color-neutral-700);
@@ -56,6 +57,7 @@
56
57
  --color-foreground-primary: var(--color-neutral-200);
57
58
  --color-foreground-secondary: var(--color-neutral-500);
58
59
  --color-foreground-success: var(--color-kiwi-400);
60
+ --color-foreground-warning: var(--color-yellow-400);
59
61
  --color-gradient-ai-blue-strong: linear-gradient(
60
62
  to right,
61
63
  var(--color-ai-solid-purple-strong),
@@ -138,5 +140,15 @@
138
140
  --color-state-layer-pressed: rgba(255, 255, 255, 0.12);
139
141
  --color-state-layer-selected-on-strong: rgba(0, 0, 0, 0.16);
140
142
  --color-state-layer-selected: rgba(255, 255, 255, 0.16);
143
+ --color-data-viz-chart-primary: var(--color-blue-500);
144
+ --color-data-viz-chart-secondary: var(--color-blue-700);
145
+ --color-data-viz-chart-tertiary-background: var(--color-indigo-200);
146
+ --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);
147
+ --color-data-viz-chart-quaternary-background: var(--color-teal-300);
148
+ --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);
149
+ --color-data-viz-chart-quinary-background: var(--color-teal-200);
150
+ --color-data-viz-chart-quinary-stroke: var(--color-teal-600);
151
+ --state-layer-neutral: rgb(var(--color-neutral-900-rgb), 0);
152
+ --state-layer-neutral-on-strong: rgb(var(--color-neutral-100-rgb), 0);
141
153
  }
142
154
  }
package/dist/tokens/evo-live-light.css CHANGED
@@ -24,6 +24,7 @@
24
24
  --color-background-success: var(--color-kiwi-500);
25
25
  --color-background-tertiary: var(--color-neutral-700);
26
26
  --color-background-transparent: var(--color-clear);
27
+ --color-background-warning: var(--color-yellow-400);
27
28
  --color-border-accent: var(--color-kiwi-400);
28
29
  --color-border-attention: var(--color-red-400);
29
30
  --color-border-disabled: var(--color-neutral-700);
@@ -56,6 +57,7 @@
56
57
  --color-foreground-primary: var(--color-neutral-200);
57
58
  --color-foreground-secondary: var(--color-neutral-500);
58
59
  --color-foreground-success: var(--color-kiwi-400);
60
+ --color-foreground-warning: var(--color-yellow-400);
59
61
  --color-gradient-ai-blue-strong: linear-gradient(
60
62
  to right,
61
63
  var(--color-ai-solid-purple-strong),
@@ -138,5 +140,15 @@
138
140
  --color-state-layer-pressed: rgba(255, 255, 255, 0.12);
139
141
  --color-state-layer-selected-on-strong: rgba(0, 0, 0, 0.16);
140
142
  --color-state-layer-selected: rgba(255, 255, 255, 0.16);
143
+ --color-data-viz-chart-primary: var(--color-blue-500);
144
+ --color-data-viz-chart-secondary: var(--color-blue-700);
145
+ --color-data-viz-chart-tertiary-background: var(--color-indigo-200);
146
+ --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);
147
+ --color-data-viz-chart-quaternary-background: var(--color-teal-300);
148
+ --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);
149
+ --color-data-viz-chart-quinary-background: var(--color-teal-200);
150
+ --color-data-viz-chart-quinary-stroke: var(--color-teal-600);
151
+ --state-layer-neutral: rgb(var(--color-neutral-900-rgb), 0);
152
+ --state-layer-neutral-on-strong: rgb(var(--color-neutral-100-rgb), 0);
141
153
  }
142
154
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebay/skin",
3
- "version": "19.24.5",
3
+ "version": "19.24.7",
4
4
  "description": "Skin - CSS modules that represent the brand eBay",
5
5
  "keywords": [
6
6
  "eBay",