@ebay/skin 16.0.0-0 → 16.0.0-1

package/dist/icon/icon.css

@@ -2059,6 +2059,22 @@ svg.icon--star-half-dark-24-colored {
   height: 24px;
   width: 24px;
 }
+svg.icon--stepper-attention-24 {
+  height: 24px;
+  width: 24px;
+}
+svg.icon--stepper-confirmation-24 {
+  height: 24px;
+  width: 24px;
+}
+svg.icon--stepper-current-24 {
+  height: 24px;
+  width: 24px;
+}
+svg.icon--stepper-upcoming-24 {
+  height: 25px;
+  width: 24px;
+}
 svg.icon--store-16 {
   height: 16px;
   width: 16px;

package/dist/svg/icon/icon-stepper-attention-24.svg

@@ -0,0 +1,6 @@
+<svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M0 12C0 5.373 5.373 0 12 0c6.625.006 11.994 5.375 12 12 0 6.627-5.373 12-12 12S0 18.627 0 12zm2 0c0 5.523 4.477 10 10 10 5.52-.006 9.994-4.48 10-10 0-5.523-4.477-10-10-10S2 6.477 2 12zm10-6a1 1 0 011 1v6a1 1 0 01-2 0V7a1 1 0 011-1zm1 11a1 1 0 11-2 0 1 1 0 012 0z"
+    fill="var(--progress-stepper-attention-icon, var(--color-foreground-attention))"
+  />
+</svg>

package/dist/svg/icon/icon-stepper-confirmation-24.svg

@@ -0,0 +1,6 @@
+<svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M0 12C0 5.373 5.373 0 12 0c3.183 0 6.235 1.264 8.485 3.515A11.996 11.996 0 0124 12c0 6.627-5.373 12-12 12S0 18.627 0 12zm10.71 4.71l8-8h-.01a1 1 0 00-1.41-1.41L10 14.59 6.71 11.3a1 1 0 00-1.41 1.41l4 4a1 1 0 001.41 0z"
+    fill="var(--progress-stepper-confirmation-icon, var(--color-background-information))"
+  />
+</svg>

package/dist/svg/icon/icon-stepper-current-24.svg

@@ -0,0 +1,8 @@
+<svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    d="M2 12C2 6.476 6.478 2 12 2s10 4.476 10 10c0 5.522-4.478 10-10 10S2 17.522 2 12ZM12 0C5.373 0 0 5.372 0 12c0 6.627 5.373 12 12 12s12-5.373 12-12c0-6.628-5.373-12-12-12Zm0 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z"
+    clip-rule="evenodd"
+    fill="var(--progress-stepper-current-icon, var(--color-background-information))"
+  />
+</svg>

package/dist/svg/icon/icon-stepper-upcoming-24.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.5C6.47759 2.5 2 6.97649 2 12.5C2 18.0223 6.47775 22.5 12 22.5C17.5223 22.5 22 18.0223 22 12.5C22 6.97649 17.5224 2.5 12 2.5ZM0 12.5C0 5.87176 5.37318 0.5 12 0.5C18.6268 0.5 24 5.87176 24 12.5C24 19.1268 18.6268 24.5 12 24.5C5.37318 24.5 0 19.1268 0 12.5Z"
+        fill="var(--progress-stepper-upcoming-icon, var(--color-background-disabled))"
+    />
+</svg>

package/dist/svg/icons.svg

@@ -6879,6 +6879,34 @@
       d="M11.046 2.202A1 1 0 0 1 12 1.5v16.738l-5.582 4.074a1 1 0 0 1-1.54-1.117l2.13-6.56-5.572-3.81A1 1 0 0 1 2 9h6.925l2.121-6.798Z"
     />
   </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-stepper-attention-24">
+    <path
+      d="M0 12C0 5.373 5.373 0 12 0c6.625.006 11.994 5.375 12 12 0 6.627-5.373 12-12 12S0 18.627 0 12zm2 0c0 5.523 4.477 10 10 10 5.52-.006 9.994-4.48 10-10 0-5.523-4.477-10-10-10S2 6.477 2 12zm10-6a1 1 0 011 1v6a1 1 0 01-2 0V7a1 1 0 011-1zm1 11a1 1 0 11-2 0 1 1 0 012 0z"
+      fill="var(--progress-stepper-attention-icon, var(--color-foreground-attention))"
+    />
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-stepper-confirmation-24">
+    <path
+      d="M0 12C0 5.373 5.373 0 12 0c3.183 0 6.235 1.264 8.485 3.515A11.996 11.996 0 0124 12c0 6.627-5.373 12-12 12S0 18.627 0 12zm10.71 4.71l8-8h-.01a1 1 0 00-1.41-1.41L10 14.59 6.71 11.3a1 1 0 00-1.41 1.41l4 4a1 1 0 001.41 0z"
+      fill="var(--progress-stepper-confirmation-icon, var(--color-background-information))"
+    />
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-stepper-current-24">
+    <path
+      fill-rule="evenodd"
+      d="M2 12C2 6.476 6.478 2 12 2s10 4.476 10 10c0 5.522-4.478 10-10 10S2 17.522 2 12ZM12 0C5.373 0 0 5.372 0 12c0 6.627 5.373 12 12 12s12-5.373 12-12c0-6.628-5.373-12-12-12Zm0 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z"
+      clip-rule="evenodd"
+      fill="var(--progress-stepper-current-icon, var(--color-background-information))"
+    />
+  </symbol>
+  <symbol viewBox="0 0 24 25" fill="none" id="icon-stepper-upcoming-24">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12 2.5C6.47759 2.5 2 6.97649 2 12.5C2 18.0223 6.47775 22.5 12 22.5C17.5223 22.5 22 18.0223 22 12.5C22 6.97649 17.5224 2.5 12 2.5ZM0 12.5C0 5.87176 5.37318 0.5 12 0.5C18.6268 0.5 24 5.87176 24 12.5C24 19.1268 18.6268 24.5 12 24.5C5.37318 24.5 0 19.1268 0 12.5Z"
+      fill="var(--progress-stepper-upcoming-icon, var(--color-background-disabled))"
+    />
+  </symbol>
   <symbol viewBox="0 0 16 16" id="icon-store-16">
     <path
       d="M10.5 11a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z"

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ebay/skin",
     "description": "Skin - CSS modules that represent the brand eBay",
-    "version": "16.0.0-0",
+    "version": "16.0.0-1",
     "license": "MIT",
     "main": "./index.js",
     "maintainers": [

package/src/less/icon/generated/icon.less

@@ -2059,6 +2059,22 @@ svg.icon--star-half-dark-24-colored {
     height: 24px;
     width: 24px;
 }
+svg.icon--stepper-attention-24 {
+    height: 24px;
+    width: 24px;
+}
+svg.icon--stepper-confirmation-24 {
+    height: 24px;
+    width: 24px;
+}
+svg.icon--stepper-current-24 {
+    height: 24px;
+    width: 24px;
+}
+svg.icon--stepper-upcoming-24 {
+    height: 25px;
+    width: 24px;
+}
 svg.icon--store-16 {
     height: 16px;
     width: 16px;