@ebay/skin 19.26.0 → 19.27.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 (84) hide show
  1. package/dist/svg/icon/icon-ai-mobile-16.svg +5 -0
  2. package/dist/svg/icon/icon-ai-mobile-20.svg +5 -0
  3. package/dist/svg/icon/icon-ai-mobile-24.svg +5 -0
  4. package/dist/svg/icon/icon-ai-summary-16.svg +5 -0
  5. package/dist/svg/icon/icon-ai-summary-20.svg +5 -0
  6. package/dist/svg/icon/icon-ai-summary-24.svg +5 -0
  7. package/dist/svg/icon/icon-bank-of-america-12-colored.svg +32 -0
  8. package/dist/svg/icon/icon-bank-of-america-18-colored.svg +32 -0
  9. package/dist/svg/icon/icon-bank-of-america-24-colored.svg +32 -0
  10. package/dist/svg/icon/icon-bank-of-america-32-colored.svg +32 -0
  11. package/dist/svg/icon/icon-battery-waste-48.svg +5 -0
  12. package/dist/svg/icon/icon-bids-12.svg +5 -0
  13. package/dist/svg/icon/icon-capital-one-12-colored.svg +24 -0
  14. package/dist/svg/icon/icon-capital-one-18-colored.svg +24 -0
  15. package/dist/svg/icon/icon-capital-one-24-colored.svg +24 -0
  16. package/dist/svg/icon/icon-capital-one-32-colored.svg +24 -0
  17. package/dist/svg/icon/icon-chase-12-colored.svg +7 -0
  18. package/dist/svg/icon/icon-chase-18-colored.svg +7 -0
  19. package/dist/svg/icon/icon-chase-24-colored.svg +7 -0
  20. package/dist/svg/icon/icon-chase-32-colored.svg +7 -0
  21. package/dist/svg/icon/icon-citi-12-colored.svg +15 -0
  22. package/dist/svg/icon/icon-citi-18-colored.svg +15 -0
  23. package/dist/svg/icon/icon-citi-24-colored.svg +15 -0
  24. package/dist/svg/icon/icon-citi-32-colored.svg +15 -0
  25. package/dist/svg/icon/icon-fast-forward-16.svg +5 -0
  26. package/dist/svg/icon/icon-gift-20.svg +5 -0
  27. package/dist/svg/icon/icon-home-16.svg +5 -0
  28. package/dist/svg/icon/icon-home-20.svg +5 -0
  29. package/dist/svg/icon/icon-link-16.svg +5 -0
  30. package/dist/svg/icon/icon-link-20.svg +5 -0
  31. package/dist/svg/icon/icon-link-24.svg +2 -8
  32. package/dist/svg/icon/icon-locker-16.svg +5 -0
  33. package/dist/svg/icon/icon-locker-24.svg +5 -0
  34. package/dist/svg/icon/icon-locker-64.svg +7 -0
  35. package/dist/svg/icon/icon-markdown-16.svg +7 -0
  36. package/dist/svg/icon/icon-markdown-20.svg +5 -0
  37. package/dist/svg/icon/icon-markdown-24.svg +5 -0
  38. package/dist/svg/icon/icon-pay-by-bank-be-24-colored.svg +38 -0
  39. package/dist/svg/icon/icon-pay-by-bank-de-24-colored.svg +65 -0
  40. package/dist/svg/icon/icon-pay-by-bank-fr-24-colored.svg +52 -0
  41. package/dist/svg/icon/icon-pay-by-bank-uk-24-colored.svg +1 -1
  42. package/dist/svg/icon/icon-pin-12.svg +5 -0
  43. package/dist/svg/icon/icon-pin-filled-12.svg +5 -0
  44. package/dist/svg/icon/icon-promotion-12.svg +5 -0
  45. package/dist/svg/icon/icon-reply-chat-12.svg +5 -0
  46. package/dist/svg/icon/icon-reply-chat-16.svg +5 -0
  47. package/dist/svg/icon/icon-reply-chat-24.svg +5 -0
  48. package/dist/svg/icon/icon-rewind-16.svg +5 -0
  49. package/dist/svg/icon/icon-selling-12.svg +5 -0
  50. package/dist/svg/icon/icon-ship-and-local-16.svg +1 -3
  51. package/dist/svg/icon/icon-ship-and-safety-16.svg +5 -0
  52. package/dist/svg/icon/icon-ship-and-safety-24.svg +5 -0
  53. package/dist/svg/icon/icon-skull-12.svg +5 -0
  54. package/dist/svg/icon/icon-skull-16.svg +5 -0
  55. package/dist/svg/icon/icon-skull-24.svg +5 -0
  56. package/dist/svg/icon/icon-stop-16.svg +3 -0
  57. package/dist/svg/icon/icon-stop-20.svg +3 -0
  58. package/dist/svg/icon/icon-stop-24.svg +3 -0
  59. package/dist/svg/icon/icon-td-12-colored.svg +7 -0
  60. package/dist/svg/icon/icon-td-18-colored.svg +7 -0
  61. package/dist/svg/icon/icon-td-24-colored.svg +7 -0
  62. package/dist/svg/icon/icon-td-32-colored.svg +7 -0
  63. package/dist/svg/icon/icon-tire-16.svg +5 -0
  64. package/dist/svg/icon/icon-tire-24.svg +5 -0
  65. package/dist/svg/icon/icon-usaa-12-colored.svg +9 -0
  66. package/dist/svg/icon/icon-usaa-18-colored.svg +9 -0
  67. package/dist/svg/icon/icon-usaa-24-colored.svg +9 -0
  68. package/dist/svg/icon/icon-usaa-32-colored.svg +9 -0
  69. package/dist/svg/icon/icon-wells-fargo-12-colored.svg +7 -0
  70. package/dist/svg/icon/icon-wells-fargo-18-colored.svg +7 -0
  71. package/dist/svg/icon/icon-wells-fargo-24-colored.svg +7 -0
  72. package/dist/svg/icon/icon-wells-fargo-32-colored.svg +7 -0
  73. package/dist/svg/icon/icon-wire-transfer-16.svg +5 -0
  74. package/dist/svg/icon/icon-wire-transfer-24.svg +5 -0
  75. package/dist/svg/icons.svg +760 -8
  76. package/dist/tokens/evo-dark-class.css +2 -0
  77. package/dist/tokens/evo-dark.css +2 -0
  78. package/dist/tokens/evo-light-class.css +2 -0
  79. package/dist/tokens/evo-light.css +2 -0
  80. package/dist/tokens/evo-live-dark-class.css +2 -0
  81. package/dist/tokens/evo-live-dark.css +2 -0
  82. package/dist/tokens/evo-live-light-class.css +2 -0
  83. package/dist/tokens/evo-live-light.css +2 -0
  84. package/package.json +1 -1
package/dist/tokens/evo-dark-class.css CHANGED
@@ -54,6 +54,7 @@
54
54
  --color-foreground-on-inverse: var(--color-neutral-800);
55
55
  --color-foreground-on-strong: var(--color-neutral-800);
56
56
  --color-foreground-on-success: var(--color-neutral-800);
57
+ --color-foreground-on-warning: var(--color-neutral-800);
57
58
  --color-foreground-primary: var(--color-neutral-200);
58
59
  --color-foreground-secondary: var(--color-neutral-500);
59
60
  --color-foreground-success: var(--color-kiwi-400);
@@ -134,6 +135,7 @@
134
135
  --color-scrim-background: rgba(0, 0, 0, 0.64);
135
136
  --color-state-layer-focus-on-strong: rgba(0, 0, 0, 0.08);
136
137
  --color-state-layer-focus: rgba(255, 255, 255, 0.08);
138
+ --color-state-layer-hover-on-selected: rgba(255, 255, 255, 0.32);
137
139
  --color-state-layer-hover-on-strong: rgba(0, 0, 0, 0.08);
138
140
  --color-state-layer-hover: rgba(255, 255, 255, 0.08);
139
141
  --color-state-layer-pressed-on-strong: rgba(0, 0, 0, 0.12);
package/dist/tokens/evo-dark.css CHANGED
@@ -54,6 +54,7 @@
54
54
  --color-foreground-on-inverse: var(--color-neutral-800);
55
55
  --color-foreground-on-strong: var(--color-neutral-800);
56
56
  --color-foreground-on-success: var(--color-neutral-800);
57
+ --color-foreground-on-warning: var(--color-neutral-800);
57
58
  --color-foreground-primary: var(--color-neutral-200);
58
59
  --color-foreground-secondary: var(--color-neutral-500);
59
60
  --color-foreground-success: var(--color-kiwi-400);
@@ -134,6 +135,7 @@
134
135
  --color-scrim-background: rgba(0, 0, 0, 0.64);
135
136
  --color-state-layer-focus-on-strong: rgba(0, 0, 0, 0.08);
136
137
  --color-state-layer-focus: rgba(255, 255, 255, 0.08);
138
+ --color-state-layer-hover-on-selected: rgba(255, 255, 255, 0.32);
137
139
  --color-state-layer-hover-on-strong: rgba(0, 0, 0, 0.08);
138
140
  --color-state-layer-hover: rgba(255, 255, 255, 0.08);
139
141
  --color-state-layer-pressed-on-strong: rgba(0, 0, 0, 0.12);
package/dist/tokens/evo-light-class.css CHANGED
@@ -53,6 +53,7 @@
53
53
  --color-foreground-on-inverse: var(--color-neutral-100);
54
54
  --color-foreground-on-strong: var(--color-neutral-100);
55
55
  --color-foreground-on-success: var(--color-neutral-100);
56
+ --color-foreground-on-warning: var(--color-neutral-800);
56
57
  --color-foreground-primary: var(--color-neutral-800);
57
58
  --color-foreground-secondary: var(--color-neutral-600);
58
59
  --color-foreground-success: var(--color-kiwi-600);
@@ -133,6 +134,7 @@
133
134
  --color-scrim-background: rgba(0, 0, 0, 0.3);
134
135
  --color-state-layer-focus-on-strong: rgba(255, 255, 255, 0.12);
135
136
  --color-state-layer-focus: rgba(0, 0, 0, 0.04);
137
+ --color-state-layer-hover-on-selected: rgba(0, 0, 0, 0.16);
136
138
  --color-state-layer-hover-on-strong: rgba(255, 255, 255, 0.12);
137
139
  --color-state-layer-hover: rgba(0, 0, 0, 0.04);
138
140
  --color-state-layer-pressed-on-strong: rgba(255, 255, 255, 0.16);
package/dist/tokens/evo-light.css CHANGED
@@ -53,6 +53,7 @@
53
53
  --color-foreground-on-inverse: var(--color-neutral-100);
54
54
  --color-foreground-on-strong: var(--color-neutral-100);
55
55
  --color-foreground-on-success: var(--color-neutral-100);
56
+ --color-foreground-on-warning: var(--color-neutral-800);
56
57
  --color-foreground-primary: var(--color-neutral-800);
57
58
  --color-foreground-secondary: var(--color-neutral-600);
58
59
  --color-foreground-success: var(--color-kiwi-600);
@@ -133,6 +134,7 @@
133
134
  --color-scrim-background: rgba(0, 0, 0, 0.3);
134
135
  --color-state-layer-focus-on-strong: rgba(255, 255, 255, 0.12);
135
136
  --color-state-layer-focus: rgba(0, 0, 0, 0.04);
137
+ --color-state-layer-hover-on-selected: rgba(0, 0, 0, 0.16);
136
138
  --color-state-layer-hover-on-strong: rgba(255, 255, 255, 0.12);
137
139
  --color-state-layer-hover: rgba(0, 0, 0, 0.04);
138
140
  --color-state-layer-pressed-on-strong: rgba(255, 255, 255, 0.16);
package/dist/tokens/evo-live-dark-class.css CHANGED
@@ -53,6 +53,7 @@
53
53
  --color-foreground-on-inverse: var(--color-neutral-800);
54
54
  --color-foreground-on-strong: var(--color-neutral-800);
55
55
  --color-foreground-on-success: var(--color-neutral-800);
56
+ --color-foreground-on-warning: var(--color-neutral-800);
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);
@@ -133,6 +134,7 @@
133
134
  --color-scrim-background: rgba(0, 0, 0, 0.64);
134
135
  --color-state-layer-focus-on-strong: rgba(0, 0, 0, 0.08);
135
136
  --color-state-layer-focus: rgba(255, 255, 255, 0.08);
137
+ --color-state-layer-hover-on-selected: rgba(255, 255, 255, 0.32);
136
138
  --color-state-layer-hover-on-strong: rgba(0, 0, 0, 0.08);
137
139
  --color-state-layer-hover: rgba(255, 255, 255, 0.08);
138
140
  --color-state-layer-pressed-on-strong: rgba(0, 0, 0, 0.12);
package/dist/tokens/evo-live-dark.css CHANGED
@@ -53,6 +53,7 @@
53
53
  --color-foreground-on-inverse: var(--color-neutral-800);
54
54
  --color-foreground-on-strong: var(--color-neutral-800);
55
55
  --color-foreground-on-success: var(--color-neutral-800);
56
+ --color-foreground-on-warning: var(--color-neutral-800);
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);
@@ -133,6 +134,7 @@
133
134
  --color-scrim-background: rgba(0, 0, 0, 0.64);
134
135
  --color-state-layer-focus-on-strong: rgba(0, 0, 0, 0.08);
135
136
  --color-state-layer-focus: rgba(255, 255, 255, 0.08);
137
+ --color-state-layer-hover-on-selected: rgba(255, 255, 255, 0.32);
136
138
  --color-state-layer-hover-on-strong: rgba(0, 0, 0, 0.08);
137
139
  --color-state-layer-hover: rgba(255, 255, 255, 0.08);
138
140
  --color-state-layer-pressed-on-strong: rgba(0, 0, 0, 0.12);
package/dist/tokens/evo-live-light-class.css CHANGED
@@ -54,6 +54,7 @@
54
54
  --color-foreground-on-inverse: var(--color-neutral-800);
55
55
  --color-foreground-on-strong: var(--color-neutral-800);
56
56
  --color-foreground-on-success: var(--color-neutral-800);
57
+ --color-foreground-on-warning: var(--color-neutral-800);
57
58
  --color-foreground-primary: var(--color-neutral-200);
58
59
  --color-foreground-secondary: var(--color-neutral-500);
59
60
  --color-foreground-success: var(--color-kiwi-400);
@@ -134,6 +135,7 @@
134
135
  --color-scrim-background: rgba(0, 0, 0, 0.64);
135
136
  --color-state-layer-focus-on-strong: rgba(0, 0, 0, 0.08);
136
137
  --color-state-layer-focus: rgba(255, 255, 255, 0.08);
138
+ --color-state-layer-hover-on-selected: rgba(255, 255, 255, 0.32);
137
139
  --color-state-layer-hover-on-strong: rgba(0, 0, 0, 0.08);
138
140
  --color-state-layer-hover: rgba(255, 255, 255, 0.08);
139
141
  --color-state-layer-pressed-on-strong: rgba(0, 0, 0, 0.12);
package/dist/tokens/evo-live-light.css CHANGED
@@ -54,6 +54,7 @@
54
54
  --color-foreground-on-inverse: var(--color-neutral-800);
55
55
  --color-foreground-on-strong: var(--color-neutral-800);
56
56
  --color-foreground-on-success: var(--color-neutral-800);
57
+ --color-foreground-on-warning: var(--color-neutral-800);
57
58
  --color-foreground-primary: var(--color-neutral-200);
58
59
  --color-foreground-secondary: var(--color-neutral-500);
59
60
  --color-foreground-success: var(--color-kiwi-400);
@@ -134,6 +135,7 @@
134
135
  --color-scrim-background: rgba(0, 0, 0, 0.64);
135
136
  --color-state-layer-focus-on-strong: rgba(0, 0, 0, 0.08);
136
137
  --color-state-layer-focus: rgba(255, 255, 255, 0.08);
138
+ --color-state-layer-hover-on-selected: rgba(255, 255, 255, 0.32);
137
139
  --color-state-layer-hover-on-strong: rgba(0, 0, 0, 0.08);
138
140
  --color-state-layer-hover: rgba(255, 255, 255, 0.08);
139
141
  --color-state-layer-pressed-on-strong: rgba(0, 0, 0, 0.12);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebay/skin",
3
- "version": "19.26.0",
3
+ "version": "19.27.1",
4
4
  "description": "Skin - CSS modules that represent the brand eBay",
5
5
  "keywords": [
6
6
  "eBay",