@ebay/skin 18.6.0 → 19.1.0

package/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 {

package/dist/avatar/avatar.css

@@ -1,8 +1,6 @@
 .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);
@@ -10,8 +8,26 @@
     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;

package/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;