@snacky/ui 0.4.7 → 0.4.8

package/README.md

@@ -92,7 +92,7 @@ normally pass no colour. To tint one deliberately, use `color`:
 <SnackyIcons.solid.heart color="var(--icon-active)" />
 ```
 
-Names are listed under **What's here** below. `outline` has 42, `solid` has 10.
+Names are listed under **What's here** below. `outline` has 42, `solid` has 11.
 
 ## What's here
 
@@ -108,7 +108,7 @@ Callout, List (OrderListItem/NotificationListItem), Accordion, BottomSheet
 Illustration, ProductImage, ProductCard.
 
 Plus the icon set, as `SnackyIcons.outline.*` and `SnackyIcons.solid.*` (42
-Outline, 10 Solid). Two things to know: they are **filled** shapes rather than
+Outline, 11 Solid). Two things to know: they are **filled** shapes rather than
 stroked paths, so there is no `strokeWidth` to set, and the set is **not
 uniform** - each icon is authored at 16, 20 or 24px and defaults to its own
 natural size, so pass `width`/`height` if you need them to match.

package/dist/index.cjs

@@ -705,6 +705,7 @@ __export(solid_exports, {
   history: () => history2,
   home: () => home2,
   points: () => points,
+  star: () => star,
   truck: () => truck2
 });
 var import_jsx_runtime18 = require("react/jsx-runtime");
@@ -758,6 +759,9 @@ var home2 = icon2(20, [
 var points = icon2(24, [
   ["M2 15H11V24H7C5.67392 24 4.40215 23.4732 3.46447 22.5355C2.52678 21.5979 2 20.3261 2 19V15ZM24 11C24 11.5304 23.7893 12.0391 23.4142 12.4142C23.0391 12.7893 22.5304 13 22 13H13V8.957C12.664 8.983 12.329 9 12 9C11.671 9 11.336 8.983 11 8.957V13H2C1.46957 13 0.960859 12.7893 0.585786 12.4142C0.210714 12.0391 0 11.5304 0 11C0 9.93913 0.421427 8.92172 1.17157 8.17157C1.92172 7.42143 2.93913 7 4 7H5.738C5.1726 6.5016 4.7238 5.88488 4.42344 5.1936C4.12307 4.50232 3.97851 3.75341 4 3C4 2.73478 4.10536 2.48043 4.29289 2.29289C4.48043 2.10536 4.73478 2 5 2C5.26522 2 5.51957 2.10536 5.70711 2.29289C5.89464 2.48043 6 2.73478 6 3C6 5.622 8.371 6.53 10.174 6.841C9.50852 5.66105 9.10791 4.35037 9 3C9 2.20435 9.31607 1.44129 9.87868 0.87868C10.4413 0.31607 11.2044 0 12 0C12.7956 0 13.5587 0.31607 14.1213 0.87868C14.6839 1.44129 15 2.20435 15 3C14.8921 4.35037 14.4915 5.66105 13.826 6.841C15.629 6.53 18 5.622 18 3C18 2.73478 18.1054 2.48043 18.2929 2.29289C18.4804 2.10536 18.7348 2 19 2C19.2652 2 19.5196 2.10536 19.7071 2.29289C19.8946 2.48043 20 2.73478 20 3C20.0215 3.75341 19.8769 4.50232 19.5766 5.1936C19.2762 5.88488 18.8274 6.5016 18.262 7H20C21.0609 7 22.0783 7.42143 22.8284 8.17157C23.5786 8.92172 24 9.93913 24 11ZM11 3C11.1207 4.06283 11.4613 5.08891 12 6.013C12.5387 5.08891 12.8793 4.06283 13 3C13 2.73478 12.8946 2.48043 12.7071 2.29289C12.5196 2.10536 12.2652 2 12 2C11.7348 2 11.4804 2.10536 11.2929 2.29289C11.1054 2.48043 11 2.73478 11 3ZM13 24H17C17.6566 24 18.3068 23.8707 18.9134 23.6194C19.52 23.3681 20.0712 22.9998 20.5355 22.5355C20.9998 22.0712 21.3681 21.52 21.6194 20.9134C21.8707 20.3068 22 19.6566 22 19V15H13V24Z", "nonzero"]
 ]);
+var star = icon2(24, [
+  ["M19.53 23.194L12.063 17.706L4.596 23.194L7.463 14.331L0 8.878L9.214 8.878L12.063 0L14.912 8.878L24.125 8.878L16.663 14.331L19.53 23.194Z", "nonzero"]
+]);
 var truck2 = icon2(24, [
   ["M15 17.9994H4C2.93913 17.9994 1.92172 17.5779 1.17157 16.8278C0.421427 16.0776 0 15.0602 0 13.9994V5.99936C0 4.67328 0.526784 3.40151 1.46447 2.46383C2.40215 1.52614 3.67392 0.999359 5 0.999359H10C10.6566 0.999359 11.3068 1.12869 11.9134 1.37996C12.52 1.63124 13.0712 1.99953 13.5355 2.46383C13.9998 2.92812 14.3681 3.47931 14.6194 4.08594C14.8707 4.69257 15 5.34275 15 5.99936V17.9994ZM24 10.9994V9.99936C24 9.34275 23.8707 8.69257 23.6194 8.08594C23.3681 7.47931 22.9998 6.92812 22.5355 6.46383C22.0712 5.99953 21.52 5.63124 20.9134 5.37996C20.3068 5.12869 19.6566 4.99936 19 4.99936H17V10.9994H24ZM17 12.9994V17.9994H20C21.0609 17.9994 22.0783 17.5779 22.8284 16.8278C23.5786 16.0776 24 15.0602 24 13.9994V12.9994H17ZM4.058 19.9994C4.02137 20.1636 4.00193 20.3311 4 20.4994C4 21.1624 4.26339 21.7983 4.73223 22.2671C5.20107 22.736 5.83696 22.9994 6.5 22.9994C7.16304 22.9994 7.79893 22.736 8.26777 22.2671C8.73661 21.7983 9 21.1624 9 20.4994C8.99807 20.3311 8.97863 20.1636 8.942 19.9994H4.058ZM15.058 19.9994C15.0214 20.1636 15.0019 20.3311 15 20.4994C15 21.1624 15.2634 21.7983 15.7322 22.2671C16.2011 22.736 16.837 22.9994 17.5 22.9994C18.163 22.9994 18.7989 22.736 19.2678 22.2671C19.7366 21.7983 20 21.1624 20 20.4994C19.9981 20.3311 19.9786 20.1636 19.942 19.9994H15.058Z", "nonzero"]
 ]);
@@ -1069,7 +1073,7 @@ function ProductCard(props) {
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "snacky-product-card__footer-row", children: [
         /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "snacky-product-card__rating", children: [
-          ratingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "snacky-product-card__rating-icon", children: ratingIcon2 }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "snacky-product-card__rating-icon", children: ratingIcon2 ?? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(star, { width: 16, height: 16 }) }),
           rating2,
           " (",
           ratingCount,
@@ -1104,7 +1108,7 @@ function ProductCard(props) {
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "snacky-product-card__footer-row", children: [
           /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "snacky-product-card__rating", children: [
-            ratingIcon && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "snacky-product-card__rating-icon", children: ratingIcon }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "snacky-product-card__rating-icon", children: ratingIcon ?? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(star, { width: 16, height: 16 }) }),
             rating
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(