@ebay/skin 18.0.2 → 18.0.4

package/scripts/generate-images.js

@@ -157,10 +157,21 @@ class GenerateImages {
             (config.deprecated === null ||
                 config.deprecated.indexOf(nameObj.simpleName) === -1);
 
+        const sizes = symbol.getAttribute("viewBox");
+
+        if (sizes === null) {
+            console.log("ERROR: viewbox dimensions missing from " + filename);
+            return;
+        }
+
+        const [, , width, height] = sizes.split(" ");
+
         if (isAllowedInDocs) {
             this.imageList.push({
                 name: nameObj.fullName,
                 size: nameObj.size,
+                height,
+                width,
             });
         }
         console.log("Processing SVG:", symbol, filename);
@@ -170,15 +181,6 @@ class GenerateImages {
         if (config.skip.indexOf(filename) > -1) {
             return;
         }
-        const sizes = symbol.getAttribute("viewBox");
-
-        if (sizes === null) {
-            console.log("ERROR: viewbox dimensions missing from " + filename);
-            return;
-        }
-
-        const [, , width, height] = sizes.split(" ");
-        const id = `${nameObj.prefix}-${nameObj.fullName}`;
     }
 
     async run() {
@@ -226,17 +228,17 @@ function stripName(name, mappedPrefix, mappedPostfix) {
     const matcher = new RegExp(
         `^((?:icon-|program-badge-|star-rating-)?)([\\w-]+?)((?:|-small))$`,
     );
-    const sizeMatcher = new RegExp(
-        `(?:${supportedSizes.join("|")})(?:-\\w+)?$`,
-    );
+    const sizeMatcher = new RegExp(`(${supportedSizes.join("|")})(?:-\\w+)?$`);
 
     const nameMatch = name.match(matcher);
     if (nameMatch) {
         const [, prefix, newName, postfix] = nameMatch;
         const sizeMatch = name.match(sizeMatcher);
         let size;
+        let rawSize;
         if (sizeMatch) {
             size = sizeMatch[0];
+            rawSize = sizeMatch[1];
         }
 
         const fullName = `${newName}${postfix}`;
@@ -245,6 +247,7 @@ function stripName(name, mappedPrefix, mappedPostfix) {
             name: newName,
             postfix,
             size,
+            rawSize,
             simpleName: prefix === "icon-" ? fullName : `${prefix}${fullName}`,
             fullName,
         };

package/src/sass/star-rating/star-rating.scss

@@ -31,15 +31,15 @@ div.star-rating[data-stars^="4"] svg:nth-child(-n + 4),
 div.star-rating[data-stars^="5"] svg:nth-child(-n + 5) {
     --color-star-rating-full: var(
         --color-star-rating-filled,
-        $color-star-rating-icon-filled-foreground
+        #{$color-star-rating-icon-filled-foreground}
     );
     --color-star-rating-full-stroke: var(
         --color-star-rating-filled-stroke,
-        $color-star-rating-icon-filled-stroke
+        #{$color-star-rating-icon-filled-stroke}
     );
     --color-star-rating-half-stroke: var(
         --color-star-rating-filled-stroke,
-        $color-star-rating-icon-filled-stroke
+        #{$color-star-rating-icon-filled-stroke}
     );
 }
 

package/src/sass/textbox/textbox.scss

@@ -33,8 +33,7 @@
 
 /* `.textbox--focus` should be removed after full browser support for `:has` */
 .textbox--focus,
-.textbox:has(> .textbox__control:focus):not(
-        .textbox--readonly,
+.textbox:has(> .textbox__control:focus):not(.textbox--readonly):not(
         :has(> .textbox__control[readonly])
     ) {
     box-shadow: 0 0 0 1px var(--color-stroke-strong);

package/src/svg/icons.svg

@@ -16,11 +16,11 @@
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
     <linearGradient
-      id="ref-ai-spectrum-filled-16-colored"
-      x1="21.21"
-      y1="11.161"
-      x2="11.274"
-      y2="21.774"
+      id="ref-ai-spectrum-20-colored"
+      x1="26.984"
+      y1="14.065"
+      x2="14.21"
+      y2="27.71"
       gradientUnits="userSpaceOnUse"
     >
       <stop offset=".098" stop-color="#FFD80E" />
@@ -30,11 +30,11 @@
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
     <linearGradient
-      id="ref-ai-spectrum-24-colored"
-      x1="32.758"
-      y1="16.968"
-      x2="17.145"
-      y2="33.645"
+      id="ref-ai-spectrum-filled-16-colored"
+      x1="21.21"
+      y1="11.161"
+      x2="11.274"
+      y2="21.774"
       gradientUnits="userSpaceOnUse"
     >
       <stop offset=".098" stop-color="#FFD80E" />
@@ -72,7 +72,7 @@
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
     <linearGradient
-      id="ref-ai-spectrum-filled-24-colored"
+      id="ref-ai-spectrum-24-colored"
       x1="32.758"
       y1="16.968"
       x2="17.145"
@@ -86,11 +86,11 @@
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
     <linearGradient
-      id="ref-ai-spectrum-20-colored"
-      x1="26.984"
-      y1="14.065"
-      x2="14.21"
-      y2="27.71"
+      id="ref-ai-spectrum-filled-24-colored"
+      x1="32.758"
+      y1="16.968"
+      x2="17.145"
+      y2="33.645"
       gradientUnits="userSpaceOnUse"
     >
       <stop offset=".098" stop-color="#FFD80E" />

package/svg.svg

@@ -16,11 +16,11 @@
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
     <linearGradient
-      id="ref-ai-spectrum-filled-16-colored"
-      x1="21.21"
-      y1="11.161"
-      x2="11.274"
-      y2="21.774"
+      id="ref-ai-spectrum-20-colored"
+      x1="26.984"
+      y1="14.065"
+      x2="14.21"
+      y2="27.71"
       gradientUnits="userSpaceOnUse"
     >
       <stop offset=".098" stop-color="#FFD80E" />
@@ -30,11 +30,11 @@
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
     <linearGradient
-      id="ref-ai-spectrum-24-colored"
-      x1="32.758"
-      y1="16.968"
-      x2="17.145"
-      y2="33.645"
+      id="ref-ai-spectrum-filled-16-colored"
+      x1="21.21"
+      y1="11.161"
+      x2="11.274"
+      y2="21.774"
       gradientUnits="userSpaceOnUse"
     >
       <stop offset=".098" stop-color="#FFD80E" />
@@ -72,7 +72,7 @@
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
     <linearGradient
-      id="ref-ai-spectrum-filled-24-colored"
+      id="ref-ai-spectrum-24-colored"
       x1="32.758"
       y1="16.968"
       x2="17.145"
@@ -86,11 +86,11 @@
       <stop offset=".785" stop-color="#4EE04B" />
     </linearGradient>
     <linearGradient
-      id="ref-ai-spectrum-20-colored"
-      x1="26.984"
-      y1="14.065"
-      x2="14.21"
-      y2="27.71"
+      id="ref-ai-spectrum-filled-24-colored"
+      x1="32.758"
+      y1="16.968"
+      x2="17.145"
+      y2="33.645"
       gradientUnits="userSpaceOnUse"
     >
       <stop offset=".098" stop-color="#FFD80E" />