@ebay/skin 16.0.0 → 16.1.0

package/src/less/button/stories/fake-button/primary.stories.js

@@ -1,4 +1,4 @@
-export default { title: 'Fake Button/Primary' };
+export default { title: "Fake Button/Primary" };
 
 export const textOnly = () =>
     '<a href="http://www.ebay/com" class="fake-btn fake-btn--primary">Fake Button</a>';

package/src/less/button/stories/fake-button/secondary.stories.js

@@ -1,4 +1,4 @@
-export default { title: 'Fake Button/Secondary' };
+export default { title: "Fake Button/Secondary" };
 
 export const textOnly = () =>
     '<a href="http://www.ebay/com" class="fake-btn fake-btn--secondary">Fake Button</a>';

package/src/less/calendar/calendar.less

@@ -108,7 +108,9 @@
  *** DAYS ***
  ************/
 
-.calendar__month td:not(.calendar__cell--selected) > [aria-current="date"]:not(:disabled),
+.calendar__month
+    td:not(.calendar__cell--selected)
+    > [aria-current="date"]:not(:disabled),
 .calendar__month
     td:not(.calendar__cell--selected)
     > .calendar__cell--current:not(.calendar__cell--disabled) {
@@ -121,7 +123,9 @@
     .color-token(calendar-day-disabled-color, color-foreground-disabled);
 }
 
-.calendar__month td:not(.calendar__range, .calendar__cell--selected) > button:not(:disabled):hover {
+.calendar__month
+    td:not(.calendar__range, .calendar__cell--selected)
+    > button:not(:disabled):hover {
     .background-color-token(calendar-day-hover-background-color, color-state-primary-hover);
 }
 
@@ -150,13 +154,10 @@
     // Only visible in WHCM
     border: solid transparent;
     border-width: 1px 0;
-    bottom: 0;
     content: "";
-    left: 0;
+    inset: 0;
     pointer-events: none;
     position: absolute;
-    right: 0;
-    top: 0;
 }
 
 .calendar__range--start::before {
@@ -170,18 +171,28 @@
 }
 
 .calendar__range--start {
-    background: linear-gradient(to right, transparent 50%, var(--color-state-secondary-active) 50%);
+    background: linear-gradient(
+        to right,
+        transparent 50%,
+        var(--color-state-secondary-active) 50%
+    );
 }
 
 .calendar__range--end {
-    background: linear-gradient(to left, transparent 50%, var(--color-state-secondary-active) 50%);
+    background: linear-gradient(
+        to left,
+        transparent 50%,
+        var(--color-state-secondary-active) 50%
+    );
 }
 
 .calendar__range--start.calendar__range--end {
     background: transparent;
 }
 
-.calendar__range--start:not(.calendar__cell--selected) > :not(:disabled, [aria-disabled="true"]),
-.calendar__range--end:not(.calendar__cell--selected) > :not(:disabled, [aria-disabled="true"]) {
+.calendar__range--start:not(.calendar__cell--selected)
+    > :not(:disabled, [aria-disabled="true"]),
+.calendar__range--end:not(.calendar__cell--selected)
+    > :not(:disabled, [aria-disabled="true"]) {
     .background-color-token(calendar-day-range-end, color-state-secondary-active);
 }