@ebay/skin 19.24.6 → 19.25.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 (11) hide show
  1. package/dist/icon-button/icon-button.css +6 -2
  2. package/dist/tokens/evo-core.css +2 -0
  3. package/dist/tokens/evo-dark-class.css +2 -0
  4. package/dist/tokens/evo-dark.css +2 -0
  5. package/dist/tokens/evo-light-class.css +2 -0
  6. package/dist/tokens/evo-light.css +2 -0
  7. package/dist/tokens/evo-live-dark-class.css +2 -0
  8. package/dist/tokens/evo-live-dark.css +2 -0
  9. package/dist/tokens/evo-live-light-class.css +2 -0
  10. package/dist/tokens/evo-live-light.css +2 -0
  11. package/package.json +1 -1
package/dist/icon-button/icon-button.css CHANGED
@@ -156,12 +156,16 @@ a.icon-link.icon-link--primary:visited > svg {
156
156
  fill: var(--color-foreground-on-accent);
157
157
  }
158
158
  a.icon-link--badged,
159
- button.icon-btn--badged {
159
+ a.icon-link:has(.badge),
160
+ button.icon-btn--badged,
161
+ button.icon-btn:has(.badge) {
160
162
  overflow: visible;
161
163
  position: relative;
162
164
  }
163
165
  a.icon-link--badged .badge,
164
- button.icon-btn--badged .badge {
166
+ a.icon-link:has(.badge) .badge,
167
+ button.icon-btn--badged .badge,
168
+ button.icon-btn:has(.badge) .badge {
165
169
  left: 24px;
166
170
  pointer-events: none;
167
171
  position: absolute;
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),
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),
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),
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),
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),
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),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebay/skin",
3
- "version": "19.24.6",
3
+ "version": "19.25.0",
4
4
  "description": "Skin - CSS modules that represent the brand eBay",
5
5
  "keywords": [
6
6
  "eBay",