19.1.0 Release

.changeset/giant-comics-admire.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+feat(tokens): added new motion tokens

.changeset/giant-snails-jump.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+feat(tooltip): updated colors

.changeset/happy-turkeys-hang.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+feat(avatar): added custom fit avatar

.changeset/kind-flies-turn.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+feat(badge): added new border

.changeset/lemon-falcons-live.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+fix(list): swapped to use marker

.changeset/shaggy-donuts-visit.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": patch
+---
+
+chore: update DS name mappings

.changeset/smooth-plums-camp.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+feat(marketsans): upgraded font implementing market sans v2

.changeset/three-trees-change.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+feat(layout-grid): added new component

.changeset/tough-games-work.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+feat(link): added legal link

.changeset/tricky-years-wait.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+feat(tokens): updated attention stroke token

dist/accordion/accordion.css

@@ -26,8 +26,8 @@ ul.accordion details .details__content {
     transform: scaleY(0);
     transform-origin: top;
     transition:
-        opacity 0.5s cubic-bezier(0.3, 0, 0, 1),
-        transform 0.5s cubic-bezier(0.3, 0, 0, 1);
+        opacity var(--motion-duration-medium-3) var(--motion-easing-standard),
+        transform var(--motion-duration-medium-3) var(--motion-easing-standard);
 }
 
 ul.accordion details[open] .details__content {

dist/avatar/avatar.css

@@ -1,17 +1,33 @@
 .avatar {
     align-items: center;
-    background-color: #84b4fb;
     border-radius: 50%;
-    color: #002a69;
     display: inline-flex;
     font-size: var(--font-size-large-2);
     font-weight: var(--font-weight-bold);
     height: 48px;
     justify-content: center;
     line-height: 48px;
     overflow: hidden;
+    position: relative;
     width: 48px;
 }
+.avatar:after {
+    background: rgba(0, 0, 0, 0.05);
+    bottom: 0;
+    content: "";
+    display: block;
+    left: 0;
+    pointer-events: none;
+    position: absolute;
+    right: 0;
+    top: 0;
+}
+.avatar > img {
+    display: inline-block;
+    max-height: 100%;
+    max-width: 100%;
+    object-fit: contain;
+}
 
 .avatar > svg {
     height: 100%;
@@ -24,6 +40,10 @@
     width: 48px;
 }
 
+.avatar--fit > img {
+    object-fit: contain;
+}
+
 .avatar--teal {
     background-color: #84b4fb;
     color: #002a69;

dist/badge/badge.css

@@ -4,6 +4,7 @@
         --badge-background-color,
         var(--color-background-attention)
     );
+    border: 2px solid var(--color-stroke-on-attention);
     border-radius: 16px;
     color: var(--badge-foreground-color, var(--color-foreground-on-attention));
     display: inline-flex;

dist/global/global.css

@@ -21,13 +21,13 @@ legend {
 a {
     color: var(
         --link-foreground-color-default,
-        var(--color-foreground-primary)
+        var(--color-foreground-link-primary)
     );
 }
 a:visited {
     color: var(
         --link-foreground-color-visited,
-        var(--color-foreground-visited)
+        var(--color-foreground-link-visited)
     );
 }
 a:hover {