@ebay/skin 19.30.0 → 19.31.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 (12) hide show
  1. package/dist/icon-button/icon-button.css +24 -0
  2. package/dist/page-notice/page-notice.css +0 -6
  3. package/dist/section-notice/section-notice.css +0 -6
  4. package/dist/svg/icon/icon-adjust-price-down-16.svg +5 -0
  5. package/dist/svg/icon/icon-adjust-price-down-24.svg +5 -0
  6. package/dist/svg/icon/icon-adjust-price-up-16.svg +5 -0
  7. package/dist/svg/icon/icon-adjust-price-up-24.svg +5 -0
  8. package/dist/svg/icon/icon-information-12.svg +8 -0
  9. package/dist/svg/icons.svg +28 -0
  10. package/dist/toggle-button/toggle-button.css +1 -1
  11. package/dist/tokens/evo-core.css +7 -0
  12. package/package.json +1 -1
package/dist/icon-button/icon-button.css CHANGED
@@ -67,6 +67,30 @@ a.icon-link:not(:focus-visible),
67
67
  button.icon-btn:not(:focus-visible) {
68
68
  outline: none;
69
69
  }
70
+ a.icon-link:not(
71
+ .icon-link--primary,
72
+ .icon-link--secondary,
73
+ .icon-link--tertiary
74
+ ),
75
+ button.icon-btn:not(
76
+ .icon-btn--primary,
77
+ .icon-btn--secondary,
78
+ .icon-btn--tertiary
79
+ ) {
80
+ overflow: visible;
81
+ }
82
+ a.icon-link:not(
83
+ .icon-link--primary,
84
+ .icon-link--secondary,
85
+ .icon-link--tertiary
86
+ ):after,
87
+ button.icon-btn:not(
88
+ .icon-btn--primary,
89
+ .icon-btn--secondary,
90
+ .icon-btn--tertiary
91
+ ):after {
92
+ inset: -2px;
93
+ }
70
94
  a.icon-link.icon-link--primary,
71
95
  button.icon-btn.icon-btn--primary {
72
96
  background-color: var(--color-background-accent);
package/dist/page-notice/page-notice.css CHANGED
@@ -50,12 +50,6 @@ span[role="region"].page-notice {
50
50
  .page-notice button.fake-link:hover {
51
51
  color: var(--page-notice-color, var(--color-foreground-on-inverse));
52
52
  }
53
- .page-notice__footer a,
54
- .page-notice__footer button.fake-link,
55
- .page-notice__main a,
56
- .page-notice__main button.fake-link {
57
- font-weight: 700;
58
- }
59
53
  .page-notice a:focus-visible,
60
54
  .page-notice button.fake-link:focus-visible {
61
55
  outline: 2px solid var(--color-foreground-on-inverse);
package/dist/section-notice/section-notice.css CHANGED
@@ -62,12 +62,6 @@ span[role="region"].section-notice {
62
62
  var(--color-foreground-primary)
63
63
  );
64
64
  }
65
- .section-notice__footer a,
66
- .section-notice__footer button.fake-link,
67
- .section-notice__main a,
68
- .section-notice__main button.fake-link {
69
- font-weight: 700;
70
- }
71
65
  .section-notice .icon {
72
66
  vertical-align: top;
73
67
  }
package/dist/svg/icon/icon-adjust-price-down-16.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
+ <path
3
+ d="M4.934 1a1 1 0 0 1 0 2.001h-.936a1 1 0 0 0-1 1v3.377c0 .132.053.26.147.353l5.114 5.12a.5.5 0 0 0 .707 0l4.329-4.333a.998.998 0 0 1 1.413 0c.39.39.39 1.024 0 1.415l-4.33 4.334a2.497 2.497 0 0 1-3.532 0L1.73 9.147A2.504 2.504 0 0 1 1 7.376V4.002A3 3 0 0 1 3.998 1h.936Zm3.551.49a1 1 0 0 1 1 1v4.208l.541-.54A1 1 0 0 1 11.44 7.57L9.193 9.82a.996.996 0 0 1-.708.292.995.995 0 0 1-.708-.292L5.53 7.571a1 1 0 0 1 1.414-1.414l.541.541V2.49a1 1 0 0 1 1-1Z"
4
+ />
5
+ </svg>
package/dist/svg/icon/icon-adjust-price-down-24.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path
3
+ d="M7.905 1a1 1 0 1 1 0 1.999H5a2.001 2.001 0 0 0-2.001 2L3 11.162a1 1 0 0 0 .299.713l8.993 8.84a1.001 1.001 0 0 0 1.41-.006l7.003-7.015a1 1 0 0 0 .007-1.406l-3.445-3.507a1 1 0 1 1 1.427-1.4l3.446 3.507a2.997 2.997 0 0 1-.019 4.218l-7.003 7.015a3.003 3.003 0 0 1-4.23.02L1.897 13.3A3 3 0 0 1 1 11.162V5a4 4 0 0 1 4.001-4h2.904Zm5.188 1.1a1 1 0 0 1 1 1v10.45l1.793-1.793A1 1 0 1 1 17.3 13.17l-3.5 3.5a1 1 0 0 1-1.414 0l-3.5-3.5a1 1 0 1 1 1.414-1.414l1.793 1.793V3.1a1 1 0 0 1 1-1Z"
4
+ />
5
+ </svg>
package/dist/svg/icon/icon-adjust-price-up-16.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
+ <path
3
+ d="M4.936 1a1 1 0 0 1 0 2.001h-.938a1 1 0 0 0-.999 1.001v3.377c0 .132.053.26.147.354l5.116 5.12a.5.5 0 0 0 .707 0l4.325-4.328a1 1 0 0 1 1.414 1.414l-4.325 4.328a2.498 2.498 0 0 1-3.534 0L1.732 9.148A2.505 2.505 0 0 1 1 7.378V4.003A3.001 3.001 0 0 1 3.999 1h.937Zm3.56 1.622a1 1 0 0 1 .832.448l2.065 2.066A1 1 0 0 1 9.979 6.55l-.484-.485v3.182a1 1 0 1 1-2 0v-3.24l-.54.543A1 1 0 0 1 5.54 5.136l2.219-2.221a.996.996 0 0 1 .707-.293h.03Z"
4
+ />
5
+ </svg>
package/dist/svg/icon/icon-adjust-price-up-24.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path
3
+ d="M7.905 1a1 1 0 1 1 0 1.999H5a2.001 2.001 0 0 0-2.001 2L3 11.162a1 1 0 0 0 .299.713l8.993 8.84a1.001 1.001 0 0 0 1.41-.006l7.003-7.015a1 1 0 0 0 .007-1.406l-1.519-1.546a1 1 0 1 1 1.427-1.4l1.52 1.546a2.997 2.997 0 0 1-.019 4.218l-7.003 7.015a3.003 3.003 0 0 1-4.23.02L1.897 13.3A3 3 0 0 1 1 11.162V5a4 4 0 0 1 4.001-4h2.904Zm4.389 1.313a1 1 0 0 1 1.414 0l3.5 3.5a1 1 0 1 1-1.414 1.414L14 5.434v9.649a1 1 0 0 1-2 0v-9.65l-1.793 1.794a1 1 0 1 1-1.414-1.415l3.5-3.5Z"
4
+ />
5
+ </svg>
package/dist/svg/icon/icon-information-12.svg ADDED
@@ -0,0 +1,8 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
2
+ <path
3
+ d="M6 5.25a.75.75 0 0 0-.75.75v2.25a.75.75 0 0 0 1.5 0V6A.75.75 0 0 0 6 5.25Zm.75-1.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"
4
+ />
5
+ <path
6
+ d="M0 6a6 6 0 1 1 12 0A6 6 0 0 1 0 6Zm1.5 0a4.5 4.5 0 1 0 9 0 4.5 4.5 0 0 0-9 0Z"
7
+ />
8
+ </svg>
package/dist/svg/icons.svg CHANGED
@@ -30,6 +30,26 @@
30
30
  d="M18 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM3 10a1 1 0 1 0-2 0v11a3 3 0 0 0 3 3h11a1 1 0 1 0 0-2H4a1 1 0 0 1-1-1V10Z"
31
31
  />
32
32
  </symbol>
33
+ <symbol viewBox="0 0 16 16" id="icon-adjust-price-down-16">
34
+ <path
35
+ d="M4.934 1a1 1 0 0 1 0 2.001h-.936a1 1 0 0 0-1 1v3.377c0 .132.053.26.147.353l5.114 5.12a.5.5 0 0 0 .707 0l4.329-4.333a.998.998 0 0 1 1.413 0c.39.39.39 1.024 0 1.415l-4.33 4.334a2.497 2.497 0 0 1-3.532 0L1.73 9.147A2.504 2.504 0 0 1 1 7.376V4.002A3 3 0 0 1 3.998 1h.936Zm3.551.49a1 1 0 0 1 1 1v4.208l.541-.54A1 1 0 0 1 11.44 7.57L9.193 9.82a.996.996 0 0 1-.708.292.995.995 0 0 1-.708-.292L5.53 7.571a1 1 0 0 1 1.414-1.414l.541.541V2.49a1 1 0 0 1 1-1Z"
36
+ />
37
+ </symbol>
38
+ <symbol viewBox="0 0 24 24" id="icon-adjust-price-down-24">
39
+ <path
40
+ d="M7.905 1a1 1 0 1 1 0 1.999H5a2.001 2.001 0 0 0-2.001 2L3 11.162a1 1 0 0 0 .299.713l8.993 8.84a1.001 1.001 0 0 0 1.41-.006l7.003-7.015a1 1 0 0 0 .007-1.406l-3.445-3.507a1 1 0 1 1 1.427-1.4l3.446 3.507a2.997 2.997 0 0 1-.019 4.218l-7.003 7.015a3.003 3.003 0 0 1-4.23.02L1.897 13.3A3 3 0 0 1 1 11.162V5a4 4 0 0 1 4.001-4h2.904Zm5.188 1.1a1 1 0 0 1 1 1v10.45l1.793-1.793A1 1 0 1 1 17.3 13.17l-3.5 3.5a1 1 0 0 1-1.414 0l-3.5-3.5a1 1 0 1 1 1.414-1.414l1.793 1.793V3.1a1 1 0 0 1 1-1Z"
41
+ />
42
+ </symbol>
43
+ <symbol viewBox="0 0 16 16" id="icon-adjust-price-up-16">
44
+ <path
45
+ d="M4.936 1a1 1 0 0 1 0 2.001h-.938a1 1 0 0 0-.999 1.001v3.377c0 .132.053.26.147.354l5.116 5.12a.5.5 0 0 0 .707 0l4.325-4.328a1 1 0 0 1 1.414 1.414l-4.325 4.328a2.498 2.498 0 0 1-3.534 0L1.732 9.148A2.505 2.505 0 0 1 1 7.378V4.003A3.001 3.001 0 0 1 3.999 1h.937Zm3.56 1.622a1 1 0 0 1 .832.448l2.065 2.066A1 1 0 0 1 9.979 6.55l-.484-.485v3.182a1 1 0 1 1-2 0v-3.24l-.54.543A1 1 0 0 1 5.54 5.136l2.219-2.221a.996.996 0 0 1 .707-.293h.03Z"
46
+ />
47
+ </symbol>
48
+ <symbol viewBox="0 0 24 24" id="icon-adjust-price-up-24">
49
+ <path
50
+ d="M7.905 1a1 1 0 1 1 0 1.999H5a2.001 2.001 0 0 0-2.001 2L3 11.162a1 1 0 0 0 .299.713l8.993 8.84a1.001 1.001 0 0 0 1.41-.006l7.003-7.015a1 1 0 0 0 .007-1.406l-1.519-1.546a1 1 0 1 1 1.427-1.4l1.52 1.546a2.997 2.997 0 0 1-.019 4.218l-7.003 7.015a3.003 3.003 0 0 1-4.23.02L1.897 13.3A3 3 0 0 1 1 11.162V5a4 4 0 0 1 4.001-4h2.904Zm4.389 1.313a1 1 0 0 1 1.414 0l3.5 3.5a1 1 0 1 1-1.414 1.414L14 5.434v9.649a1 1 0 0 1-2 0v-9.65l-1.793 1.794a1 1 0 1 1-1.414-1.415l3.5-3.5Z"
51
+ />
52
+ </symbol>
33
53
  <symbol viewBox="0 0 20 12" id="icon-afterpay-12-colored">
34
54
  <rect
35
55
  x=".5"
@@ -6382,6 +6402,14 @@
6382
6402
  clip-rule="evenodd"
6383
6403
  />
6384
6404
  </symbol>
6405
+ <symbol viewBox="0 0 12 12" id="icon-information-12">
6406
+ <path
6407
+ d="M6 5.25a.75.75 0 0 0-.75.75v2.25a.75.75 0 0 0 1.5 0V6A.75.75 0 0 0 6 5.25Zm.75-1.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"
6408
+ />
6409
+ <path
6410
+ d="M0 6a6 6 0 1 1 12 0A6 6 0 0 1 0 6Zm1.5 0a4.5 4.5 0 1 0 9 0 4.5 4.5 0 0 0-9 0Z"
6411
+ />
6412
+ </symbol>
6385
6413
  <symbol viewBox="0 0 16 16" id="icon-information-16">
6386
6414
  <path
6387
6415
  d="M8 7a1 1 0 0 0-1 1v3a1 1 0 1 0 2 0V8a1 1 0 0 0-1-1Zm1-2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
package/dist/toggle-button/toggle-button.css CHANGED
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --toggle-button-height-min: 72px;
2
+ --toggle-button-height-min: 48px;
3
3
  --toggle-button-width-min: 72px;
4
4
  --toggle-button-width-max: 342px;
5
5
  --toggle-button-list-width-min: 224px;
package/dist/tokens/evo-core.css CHANGED
@@ -33,6 +33,9 @@
33
33
  --color-blue-700: #002a69;
34
34
  --color-blue-800: #19133a;
35
35
  --color-brand-depop-red: #e20020;
36
+ --color-brand-tise-dark-purple: #422136;
37
+ --color-brand-tise-peach: #ff8f77;
38
+ --color-brand-tise-tan: #ffefeb;
36
39
  --color-clear: rgba(255, 255, 255, 0);
37
40
  --color-coral-100: #fff7f5;
38
41
  --color-coral-200: #ffe1d7;
@@ -280,6 +283,10 @@
280
283
  --expressive-theme-teal-light-foreground: #07465a;
281
284
  --expressive-theme-teal-medium-background: #1bbfca;
282
285
  --expressive-theme-teal-medium-foreground: #07465a;
286
+ --expressive-theme-tise-dark-purple-background: #422136;
287
+ --expressive-theme-tise-dark-purple-foreground: #ffefeb;
288
+ --expressive-theme-tise-peach-background: #ff8f77;
289
+ --expressive-theme-tise-peach-foreground: #422136;
283
290
  --expressive-theme-violet-dark-background: #271a68;
284
291
  --expressive-theme-violet-dark-foreground: #e2ddfd;
285
292
  --expressive-theme-violet-light-background: #836bff;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebay/skin",
3
- "version": "19.30.0",
3
+ "version": "19.31.0",
4
4
  "description": "Skin - CSS modules that represent the brand eBay",
5
5
  "keywords": [
6
6
  "eBay",