@ultraviolet/plus 3.1.5 → 3.1.7

package/dist/components/Navigation/components/Item.js

@@ -165,7 +165,7 @@ const Item = memo(
       [expanded]
     );
     const showDraggableIcon = !noExpand && pinnedFeature && shouldShowPinnedButton && !disabled;
-    const showPinIcon = !noExpand && !disabled && shouldShowPinnedButton && pinnedFeature;
+    const showPinIcon = !(noExpand || disabled) && shouldShowPinnedButton && pinnedFeature;
     const shouldHaveWeakText = !!children && !active && shouldShowPinnedButton && !disabled;
     if (expanded || !expanded && animation === "expand") {
       return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -231,7 +231,7 @@ const Item = memo(
                       }
                     ) : null,
                     /* @__PURE__ */ jsxs(Stack, { children: [
-                      !animation ? /* @__PURE__ */ jsxs(
+                      animation ? null : /* @__PURE__ */ jsxs(
                         Text,
                         {
                           as: "span",
@@ -250,7 +250,7 @@ const Item = memo(
                             labelDescription ? /* @__PURE__ */ jsx("span", { className: navigationItemPadded, children: labelDescription }) : null
                           ]
                         }
-                      ) : null,
+                      ),
                       subLabel && !animation ? /* @__PURE__ */ jsx(
                         Text,
                         {
@@ -351,7 +351,7 @@ const Item = memo(
                         className: navigationItemStackIcon,
                         direction: "row",
                         gap: 1,
-                        children: !animation && !noExpand ? /* @__PURE__ */ jsx(ArrowIcon, { prominence: "weak", sentiment: "neutral" }) : null
+                        children: animation || noExpand ? null : /* @__PURE__ */ jsx(ArrowIcon, { prominence: "weak", sentiment: "neutral" })
                       }
                     ) : null
                   ]
@@ -360,35 +360,38 @@ const Item = memo(
             ]
           }
         ),
-        children ? /* @__PURE__ */ jsx(Fragment, { children: !noExpand ? /* @__PURE__ */ jsx(ItemProvider, { children: /* @__PURE__ */ jsx(Expandable, { animationDuration: 0, opened: internalExpanded, children: /* @__PURE__ */ jsx(
-          Stack,
-          {
-            className: noExpand || type === "pinnedGroup" ? "" : navigationItemPaddingStack({
-              hide: shouldAnimate && animationType === "complex" && animation === "expand"
-            }),
-            width: animation ? "100%" : void 0,
-            children
-          }
-        ) }) }) : /* @__PURE__ */ jsx(ItemProvider, { children: /* @__PURE__ */ jsx(
-          Stack,
-          {
-            className: noExpand || type === "pinnedGroup" ? "" : navigationItemPaddingStack({
-              hide: shouldAnimate && animationType === "complex" && animation === "expand"
-            }),
-            width: animation ? "100%" : void 0,
-            children
-          }
-        ) }) }) : null
+        children ? (
+          // biome-ignore lint/complexity/noUselessFragments: allow multiple ternary
+          /* @__PURE__ */ jsx(Fragment, { children: noExpand ? /* @__PURE__ */ jsx(ItemProvider, { children: /* @__PURE__ */ jsx(
+            Stack,
+            {
+              className: noExpand || type === "pinnedGroup" ? "" : navigationItemPaddingStack({
+                hide: shouldAnimate && animationType === "complex" && animation === "expand"
+              }),
+              width: animation ? "100%" : void 0,
+              children
+            }
+          ) }) : /* @__PURE__ */ jsx(ItemProvider, { children: /* @__PURE__ */ jsx(Expandable, { animationDuration: 0, opened: internalExpanded, children: /* @__PURE__ */ jsx(
+            Stack,
+            {
+              className: noExpand || type === "pinnedGroup" ? "" : navigationItemPaddingStack({
+                hide: shouldAnimate && animationType === "complex" && animation === "expand"
+              }),
+              width: animation ? "100%" : void 0,
+              children
+            }
+          ) }) }) })
+        ) : null
       ] });
     }
     if (categoryIcon || Children.count(children) > 0 && !hasParents) {
       return /* @__PURE__ */ jsx(
         Stack,
         {
-          alignItems: "start",
+          alignItems: "flex-start",
           className: navigationItemMenuStack,
           gap: 1,
-          justifyContent: "start",
+          justifyContent: "flex-start",
           style,
           children: Children.count(children) > 0 ? /* @__PURE__ */ jsx(
             Menu,
@@ -472,7 +475,7 @@ const Item = memo(
               justifyContent: "space-between",
               width: "100%",
               children: [
-                !animation ? /* @__PURE__ */ jsx(
+                animation ? null : /* @__PURE__ */ jsx(
                   Text,
                   {
                     as: "span",
@@ -484,7 +487,7 @@ const Item = memo(
                     whiteSpace: "pre-wrap",
                     children: label
                   }
-                ) : null,
+                ),
                 labelDescription ? /* @__PURE__ */ jsx("span", { className: navigationItemPadded, children: labelDescription }) : null,
                 /* @__PURE__ */ jsxs(Stack, { direction: "row", children: [
                   badgeText && !animation ? /* @__PURE__ */ jsx(
@@ -562,10 +565,10 @@ const Item = memo(
       return /* @__PURE__ */ jsx(Tooltip, { placement: "right", text: label, children: /* @__PURE__ */ jsx(
         Stack,
         {
-          alignItems: "start",
+          alignItems: "flex-start",
           className: navigationItemMenuStack,
           gap: 1,
-          justifyContent: "start",
+          justifyContent: "flex-start",
           children: /* @__PURE__ */ jsx(
             Stack,
             {

package/dist/components/Navigation/components/PinnedItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinnedItems.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/components/PinnedItems.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAa,YAAY,EAAE,MAAM,OAAO,CAAA;AAWnE,KAAK,gBAAgB,GAAG;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,YAAY,CAAA;IAClE,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,sDAMzB,gBAAgB,mDAqIlB,CAAA"}
+{"version":3,"file":"PinnedItems.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/components/PinnedItems.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAa,YAAY,EAAE,MAAM,OAAO,CAAA;AAWnE,KAAK,gBAAgB,GAAG;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,YAAY,CAAA;IAClE,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,sDAMzB,gBAAgB,mDAsIlB,CAAA"}

package/dist/components/Navigation/components/PinnedItems.js

@@ -88,7 +88,8 @@ const PinnedItems = ({
                   onToggle: items[itemId]?.onToggle,
                   toggle,
                   type: "pinned"
-                }
+                },
+                itemId
               );
               return /* @__PURE__ */ jsxs("div", { className: navigationPinnedItemRelativeDiv, children: [
                 /* @__PURE__ */ jsx(

package/dist/components/Navigation/components/items.css.d.ts

@@ -6,30 +6,30 @@ export declare const navigationItemMenu: string;
 export declare const navigationItemMenuPinned: string;
 export declare const navigationItemContainerBase: string;
 export declare const navigationItemContainer: import("@vanilla-extract/recipes").RuntimeFn<{
-    noExpand: {
-        false: {
-            cursor: "pointer";
-        };
-    };
     disabled: {
         true: {
-            cursor: "not-allowed";
             backgroundColor: "unset";
+            cursor: "not-allowed";
+        };
+    };
+    hasActive: {
+        true: {
+            backgroundColor: `var(--${string})`;
         };
     };
     isActive: {
         true: {
+            backgroundColor: `var(--${string})`;
             selectors: {
                 '&:hover': {
                     backgroundColor: `var(--${string})`;
                 };
             };
-            backgroundColor: `var(--${string})`;
         };
     };
-    hasActive: {
-        true: {
-            backgroundColor: `var(--${string})`;
+    noExpand: {
+        false: {
+            cursor: "pointer";
         };
     };
     subLabel: {

package/dist/components/Navigation/components/items.css.js

@@ -1,6 +1,6 @@
-/* empty css                               */
 /* empty css                                                            */
 /* empty css                                                                   */
+/* empty css                               */
 /* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var navigationItemMenuContainer = "uv_plus_x6an4g0";
@@ -9,7 +9,7 @@ var navigationItemPadded = "uv_plus_x6an4g2";
 var navigationItemPinIcon = { active: "uv_plus_x6an4g4 uv_plus_x6an4g3", inactive: "uv_plus_x6an4g5 uv_plus_x6an4g3" };
 var navigationItemMenu = "uv_plus_x6an4g6";
 var navigationItemMenuPinned = "uv_plus_x6an4g7";
-var navigationItemContainer = createRuntimeFn({ defaultClassName: "uv_plus_x6an4g9 uv_plus_x6an4g8", variantClassNames: { noExpand: { false: "uv_plus_x6an4ga" }, disabled: { true: "uv_plus_x6an4gb" }, isActive: { true: "uv_plus_x6an4gc" }, hasActive: { true: "uv_plus_x6an4gd" }, subLabel: { true: "uv_plus_x6an4ge" } }, defaultVariants: { noExpand: false, disabled: false, isActive: false, hasActive: false, subLabel: false }, compoundVariants: [[{ noExpand: false, disabled: false, isActive: false }, "uv_plus_x6an4gf"], [{ hasActive: true, noExpand: false, disabled: false, isActive: false }, "uv_plus_x6an4gg"], [{ noExpand: false, disabled: false, isActive: false }, "uv_plus_x6an4gh"]] });
+var navigationItemContainer = createRuntimeFn({ defaultClassName: "uv_plus_x6an4g9 uv_plus_x6an4g8", variantClassNames: { disabled: { true: "uv_plus_x6an4ga" }, hasActive: { true: "uv_plus_x6an4gb" }, isActive: { true: "uv_plus_x6an4gc" }, noExpand: { false: "uv_plus_x6an4gd" }, subLabel: { true: "uv_plus_x6an4ge" } }, defaultVariants: { disabled: false, hasActive: false, isActive: false, noExpand: false, subLabel: false }, compoundVariants: [[{ disabled: false, isActive: false, noExpand: false }, "uv_plus_x6an4gf"], [{ disabled: false, hasActive: true, isActive: false, noExpand: false }, "uv_plus_x6an4gg"], [{ disabled: false, isActive: false, noExpand: false }, "uv_plus_x6an4gh"]] });
 var navigationItemContainerAnimated = { collapse: "uv_plus_x6an4gi", expand: "uv_plus_x6an4gj" };
 var navigationItemShowDraggable = "uv_plus_x6an4gk";
 var navigationItemShowPinButton = "uv_plus_x6an4gl";
@@ -18,7 +18,7 @@ var navigationItemDragIcon = "uv_plus_x6an4gn";
 var navigationItemWrapText = createRuntimeFn({ defaultClassName: "uv_plus_x6an4go", variantClassNames: { disabled: { true: "uv_plus_x6an4gp" }, weak: { true: "uv_plus_x6an4gq" } }, defaultVariants: { disabled: false, weak: false }, compoundVariants: [] });
 var navigationItemBadge = "uv_plus_x6an4gr";
 var navigationItemPinnedButton = "uv_plus_x6an4gs";
-var navigationItemAnimatedIcon = { expand: "uv_plus_x6an4gt", collapse: "uv_plus_x6an4gu" };
+var navigationItemAnimatedIcon = { collapse: "uv_plus_x6an4gt", expand: "uv_plus_x6an4gu" };
 var navigationItemMenuStack = "uv_plus_x6an4gv";
 var navigationItemStackIcon = "uv_plus_x6an4gw";
 var navigationItemCategoryIcon = "uv_plus_x6an4gx";

package/dist/components/Navigation/components/styles.css.d.ts

@@ -1,11 +1,11 @@
 export declare const navigationGroupText: import("@vanilla-extract/recipes").RuntimeFn<{
     animation: {
-        expand: {
-            animation: `${string} 250ms ease-in-out`;
-        };
         collapse: {
             animation: `${string} 250ms ease-in-out reverse`;
         };
+        expand: {
+            animation: `${string} 250ms ease-in-out`;
+        };
         false: {};
     };
 }>;
@@ -15,8 +15,8 @@ export declare const navigationPinnedItemRelativeDiv: string;
 export declare const navigationPinnedItemContainer: import("@vanilla-extract/recipes").RuntimeFn<{
     expanded: {
         true: {
-            paddingLeft: `var(--${string})`;
             marginLeft: `var(--${string})`;
+            paddingLeft: `var(--${string})`;
         };
     };
 }>;

package/dist/components/Navigation/components/styles.css.js

@@ -1,7 +1,7 @@
 /* empty css                               */
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var navigationGroupText = createRuntimeFn({ defaultClassName: "uv_plus_nytpcy0", variantClassNames: { animation: { expand: "uv_plus_nytpcy1", collapse: "uv_plus_nytpcy2", false: "uv_plus_nytpcy3" } }, defaultVariants: {}, compoundVariants: [] });
+var navigationGroupText = createRuntimeFn({ defaultClassName: "uv_plus_nytpcy0", variantClassNames: { animation: { collapse: "uv_plus_nytpcy1", expand: "uv_plus_nytpcy2", false: "uv_plus_nytpcy3" } }, defaultVariants: {}, compoundVariants: [] });
 var navigationGroupStack = "uv_plus_nytpcy4";
 var navigationPinnedItemDropableArea = "uv_plus_nytpcy5";
 var navigationPinnedItemRelativeDiv = "uv_plus_nytpcy6";

package/dist/components/Navigation/styles.css.d.ts

@@ -1,8 +1,8 @@
 export declare const navigationStickyFooter: import("@vanilla-extract/recipes").RuntimeFn<{
     overflow: {
         false: {
-            boxShadow: "none";
             border: "none";
+            boxShadow: "none";
         };
     };
 }>;
@@ -10,11 +10,6 @@ export declare const navigationHeader: string;
 export declare const navigationLogoContainer: string;
 export declare const navigation: string;
 export declare const navigationContainer: import("@vanilla-extract/recipes").RuntimeFn<{
-    expanded: {
-        false: {
-            width: "67px";
-        };
-    };
     animation: {
         collapse: {
             transition: "width 250ms ease-in-out";
@@ -26,6 +21,11 @@ export declare const navigationContainer: import("@vanilla-extract/recipes").Run
         };
         false: {};
     };
+    expanded: {
+        false: {
+            width: "67px";
+        };
+    };
 }>;
 export declare const navigationContentContainer: string;
 export declare const navigationContentContainerCollapsed: string;

package/dist/components/Navigation/styles.css.js

@@ -1,10 +1,11 @@
+/* empty css                             */
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var navigationStickyFooter = createRuntimeFn({ defaultClassName: "uv_plus_19x50fv0", variantClassNames: { overflow: { false: "uv_plus_19x50fv1" } }, defaultVariants: { overflow: false }, compoundVariants: [] });
 var navigationHeader = "uv_plus_19x50fv2";
 var navigationLogoContainer = "uv_plus_19x50fv3";
 var navigation = "uv_plus_19x50fv4";
-var navigationContainer = createRuntimeFn({ defaultClassName: "uv_plus_19x50fv5", variantClassNames: { expanded: { false: "uv_plus_19x50fv6" }, animation: { collapse: "uv_plus_19x50fv7", expand: "uv_plus_19x50fv8", false: "uv_plus_19x50fv9" } }, defaultVariants: {}, compoundVariants: [[{ expanded: true, animation: false }, "uv_plus_19x50fva"]] });
+var navigationContainer = createRuntimeFn({ defaultClassName: "uv_plus_19x50fv5", variantClassNames: { animation: { collapse: "uv_plus_19x50fv6", expand: "uv_plus_19x50fv7", false: "uv_plus_19x50fv8" }, expanded: { false: "uv_plus_19x50fv9" } }, defaultVariants: {}, compoundVariants: [[{ animation: false, expanded: true }, "uv_plus_19x50fva"]] });
 var navigationContentContainer = "uv_plus_19x50fvb";
 var navigationContentContainerCollapsed = "uv_plus_19x50fvc";
 var navigationContent = "uv_plus_19x50fvd";

package/dist/components/Navigation/variables.css.js

@@ -1,4 +1,3 @@
-/* empty css                             */
 var widthNavigationContainer = "var(--uv_plus_1rde5pt0)";
 export {
   widthNavigationContainer

package/dist/components/OfferList/styles.css.d.ts

@@ -2,6 +2,11 @@ export declare const expandablePadding: `var(--${string})`;
 export declare const offerList: string;
 export declare const offerListBanner: string;
 export declare const offerListBannerText: import("@vanilla-extract/recipes").RuntimeFn<{
+    disabled: {
+        true: {
+            border: `1px solid var(--${string})`;
+        };
+    };
     primaryBorder: {
         false: {
             border: `1px solid var(--${string})`;
@@ -15,11 +20,6 @@ export declare const offerListBannerText: import("@vanilla-extract/recipes").Run
     sentiment: {
         [k: string]: {};
     };
-    disabled: {
-        true: {
-            border: `1px solid var(--${string})`;
-        };
-    };
 }>;
 export declare const offerListBannerCell: string;
 export declare const offerListBannerStack: import("@vanilla-extract/recipes").RuntimeFn<{

package/dist/components/OfferList/styles.css.js

@@ -3,7 +3,7 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var expandablePadding = "var(--uv_plus_1wcpahp0)";
 var offerList = "uv_plus_1wcpahp1";
 var offerListBanner = "uv_plus_1wcpahp2";
-var offerListBannerText = createRuntimeFn({ defaultClassName: "uv_plus_1wcpahp3", variantClassNames: { primaryBorder: { false: "uv_plus_1wcpahp4" }, sentiment: { primary: "uv_plus_1wcpahp5", secondary: "uv_plus_1wcpahp6", neutral: "uv_plus_1wcpahp7", success: "uv_plus_1wcpahp8", danger: "uv_plus_1wcpahp9", warning: "uv_plus_1wcpahpa", info: "uv_plus_1wcpahpb" }, disabled: { true: "uv_plus_1wcpahpc" } }, defaultVariants: { primaryBorder: false, sentiment: "neutral", disabled: false }, compoundVariants: [[{ sentiment: "primary", disabled: false }, "uv_plus_1wcpahpd"], [{ sentiment: "secondary", disabled: false }, "uv_plus_1wcpahpe"], [{ sentiment: "neutral", disabled: false }, "uv_plus_1wcpahpf"], [{ sentiment: "success", disabled: false }, "uv_plus_1wcpahpg"], [{ sentiment: "danger", disabled: false }, "uv_plus_1wcpahph"], [{ sentiment: "warning", disabled: false }, "uv_plus_1wcpahpi"], [{ sentiment: "info", disabled: false }, "uv_plus_1wcpahpj"], [{ sentiment: "primary", disabled: true }, "uv_plus_1wcpahpk"], [{ sentiment: "secondary", disabled: true }, "uv_plus_1wcpahpl"], [{ sentiment: "neutral", disabled: true }, "uv_plus_1wcpahpm"], [{ sentiment: "success", disabled: true }, "uv_plus_1wcpahpn"], [{ sentiment: "danger", disabled: true }, "uv_plus_1wcpahpo"], [{ sentiment: "warning", disabled: true }, "uv_plus_1wcpahpp"], [{ sentiment: "info", disabled: true }, "uv_plus_1wcpahpq"], [{ primaryBorder: true, disabled: false }, "uv_plus_1wcpahpr"], [{ primaryBorder: true, disabled: true }, "uv_plus_1wcpahps"]] });
+var offerListBannerText = createRuntimeFn({ defaultClassName: "uv_plus_1wcpahp3", variantClassNames: { disabled: { true: "uv_plus_1wcpahp4" }, primaryBorder: { false: "uv_plus_1wcpahp5" }, sentiment: { primary: "uv_plus_1wcpahp6", secondary: "uv_plus_1wcpahp7", neutral: "uv_plus_1wcpahp8", success: "uv_plus_1wcpahp9", danger: "uv_plus_1wcpahpa", warning: "uv_plus_1wcpahpb", info: "uv_plus_1wcpahpc" } }, defaultVariants: { disabled: false, primaryBorder: false, sentiment: "neutral" }, compoundVariants: [[{ disabled: false, sentiment: "primary" }, "uv_plus_1wcpahpd"], [{ disabled: false, sentiment: "secondary" }, "uv_plus_1wcpahpe"], [{ disabled: false, sentiment: "neutral" }, "uv_plus_1wcpahpf"], [{ disabled: false, sentiment: "success" }, "uv_plus_1wcpahpg"], [{ disabled: false, sentiment: "danger" }, "uv_plus_1wcpahph"], [{ disabled: false, sentiment: "warning" }, "uv_plus_1wcpahpi"], [{ disabled: false, sentiment: "info" }, "uv_plus_1wcpahpj"], [{ disabled: true, sentiment: "primary" }, "uv_plus_1wcpahpk"], [{ disabled: true, sentiment: "secondary" }, "uv_plus_1wcpahpl"], [{ disabled: true, sentiment: "neutral" }, "uv_plus_1wcpahpm"], [{ disabled: true, sentiment: "success" }, "uv_plus_1wcpahpn"], [{ disabled: true, sentiment: "danger" }, "uv_plus_1wcpahpo"], [{ disabled: true, sentiment: "warning" }, "uv_plus_1wcpahpp"], [{ disabled: true, sentiment: "info" }, "uv_plus_1wcpahpq"], [{ disabled: false, primaryBorder: true }, "uv_plus_1wcpahpr"], [{ disabled: true, primaryBorder: true }, "uv_plus_1wcpahps"]] });
 var offerListBannerCell = "uv_plus_1wcpahpt";
 var offerListBannerStack = createRuntimeFn({ defaultClassName: "uv_plus_1wcpahpu", variantClassNames: { sentiment: { primary: "uv_plus_1wcpahpv", secondary: "uv_plus_1wcpahpw", neutral: "uv_plus_1wcpahpx", success: "uv_plus_1wcpahpy", danger: "uv_plus_1wcpahpz", warning: "uv_plus_1wcpahp10", info: "uv_plus_1wcpahp11" } }, defaultVariants: { sentiment: "neutral" }, compoundVariants: [] });
 var offerListBadge = "uv_plus_1wcpahp12";

package/dist/components/OrderSummary/NonScrollableContent.js

@@ -56,7 +56,7 @@ const NonScrollableContent = ({
         ),
         totalPriceDescription
       ] }),
-      /* @__PURE__ */ jsxs(Stack, { alignItems: "end", direction: "column", children: [
+      /* @__PURE__ */ jsxs(Stack, { alignItems: "flex-end", direction: "column", children: [
         totalPrice.totalPrice === totalPrice.totalPriceWithDiscount || hideBeforePrice ? /* @__PURE__ */ jsxs(
           Text,
           {

package/dist/components/OrderSummary/ScrollableContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollableContent.d.ts","sourceRoot":"","sources":["../../../src/components/OrderSummary/ScrollableContent.tsx"],"names":[],"mappings":"AAqQA,eAAO,MAAM,iBAAiB,+CAoC7B,CAAA"}
+{"version":3,"file":"ScrollableContent.d.ts","sourceRoot":"","sources":["../../../src/components/OrderSummary/ScrollableContent.tsx"],"names":[],"mappings":"AAmQA,eAAO,MAAM,iBAAiB,+CAoC7B,CAAA"}

package/dist/components/OrderSummary/ScrollableContent.js

@@ -67,7 +67,7 @@ const CategoryName = ({ category }) => {
         value: category.numberInputValue
       }
     ) : null,
-    !category.customContent && !category.numberInput && categoryPrice.totalPrice === categoryPrice.totalPriceWithDiscount ? /* @__PURE__ */ jsx(
+    !(category.customContent || category.numberInput) && categoryPrice.totalPrice === categoryPrice.totalPriceWithDiscount ? /* @__PURE__ */ jsx(
       Text,
       {
         as: "span",
@@ -77,7 +77,7 @@ const CategoryName = ({ category }) => {
         children: /* @__PURE__ */ jsx(DisplayPrice, { beforeOrAfter: "after", price: categoryPrice })
       }
     ) : null,
-    !category.customContent && !category.numberInput && categoryPrice.totalPrice !== categoryPrice.totalPriceWithDiscount ? /* @__PURE__ */ jsxs(Stack, { alignItems: "center", direction: "row", gap: 1, children: [
+    !(category.customContent || category.numberInput) && categoryPrice.totalPrice !== categoryPrice.totalPriceWithDiscount ? /* @__PURE__ */ jsxs(Stack, { alignItems: "center", direction: "row", gap: 1, children: [
       /* @__PURE__ */ jsx(
         Text,
         {

package/dist/components/OrderSummary/index.js

@@ -146,7 +146,7 @@ const OrderSummary = ({
                   children: header
                 }
               ),
-              !hideTimeUnit && !hideDetails ? /* @__PURE__ */ jsx(Stack, { className: orderSummaryStackBackground, children: /* @__PURE__ */ jsx(
+              hideTimeUnit || hideDetails ? null : /* @__PURE__ */ jsx(Stack, { className: orderSummaryStackBackground, children: /* @__PURE__ */ jsx(
                 UnitInput,
                 {
                   dropdownAlign: "center",
@@ -165,11 +165,11 @@ const OrderSummary = ({
                   unitValue: unitUnitInput,
                   value: valueUnitInput
                 }
-              ) }) : null
+              ) })
             ]
           }
         ) : null,
-        !hideDetails ? /* @__PURE__ */ jsx(ScrollableContent, {}) : null,
+        hideDetails ? null : /* @__PURE__ */ jsx(ScrollableContent, {}),
         /* @__PURE__ */ jsx(
           NonScrollableContent,
           {

package/dist/components/OrderSummary/styles.css.d.ts

@@ -9,10 +9,10 @@ export declare const orderSummaryCategory: string;
 export declare const orderSummaryAnchor: string;
 export declare const orderSummaryAnchorIcon: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
-        small: {
+        medium: {
             marginTop: `var(--${string})`;
         };
-        medium: {
+        small: {
             marginTop: `var(--${string})`;
         };
     };

package/dist/components/OrderSummary/styles.css.js

@@ -9,7 +9,7 @@ var orderSummaryScrollableContainer = "uv_plus_1q5g1ma7";
 var orderSummaryDetails = "uv_plus_1q5g1ma8";
 var orderSummaryCategory = "uv_plus_1q5g1ma9";
 var orderSummaryAnchor = "uv_plus_1q5g1maa";
-var orderSummaryAnchorIcon = createRuntimeFn({ defaultClassName: "uv_plus_1q5g1mab", variantClassNames: { size: { small: "uv_plus_1q5g1mac", medium: "uv_plus_1q5g1mad" } }, defaultVariants: {}, compoundVariants: [] });
+var orderSummaryAnchorIcon = createRuntimeFn({ defaultClassName: "uv_plus_1q5g1mab", variantClassNames: { size: { medium: "uv_plus_1q5g1mac", small: "uv_plus_1q5g1mad" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   orderSummaryAnchor,
   orderSummaryAnchorIcon,

package/dist/components/Plans/index.js

@@ -23,7 +23,7 @@ const Plans = ({
   const [hoveredPlan, setHoveredPlan] = useState();
   return /* @__PURE__ */ jsxs("table", { className: plans, style, children: [
     /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-      /* @__PURE__ */ jsx("td", { className: plansCell({ hide: hideLabels }), children: !hideFeatureText ? /* @__PURE__ */ jsx(Text, { as: "span", variant: "headingSmallStrong", children: locales$1["plans.features"] }) : null }),
+      /* @__PURE__ */ jsx("td", { className: plansCell({ hide: hideLabels }), children: hideFeatureText ? null : /* @__PURE__ */ jsx(Text, { as: "span", variant: "headingSmallStrong", children: locales$1["plans.features"] }) }),
       plans$1.map((plan) => {
         const computedDisabled = !!(plan.outOfStock || plan.disabled);
         const selectable = hasCardBehavior && !computedDisabled;

package/dist/components/Plans/styles.css.d.ts

@@ -2,44 +2,49 @@ export declare const plansIconWrapper: string;
 export declare const plans: string;
 export declare const plansOutOfStockBadge: string;
 export declare const plansCell: import("@vanilla-extract/recipes").RuntimeFn<{
+    activeColor: {
+        true: {
+            selectors: {
+                'thead &:not(:first-child), tbody &:not(:first-child), tbody tr:last-child &:not(:first-child)': {
+                    borderColor: `var(--${string})`;
+                };
+            };
+        };
+    };
     disabled: {
         true: {
             backgroundColor: `var(--${string})`;
         };
     };
-    hide: {
+    focus: {
         true: {
-            display: "none";
+            selectors: {
+                'thead &:not(:first-child), tbody &:not(:first-child), tbody tr:last-child &:not(:first-child)': {
+                    borderColor: "blue";
+                    borderWidth: "2px 2px 0 2px";
+                };
+            };
         };
     };
-    selectable: {
+    hide: {
         true: {
-            cursor: "pointer";
+            display: "none";
         };
     };
     hideLabels: {
         true: {
-            textAlign: "start";
             paddingLeft: `var(--${string})`;
-        };
-    };
-    activeColor: {
-        true: {
+            textAlign: "start";
             selectors: {
-                'thead &:not(:first-child), tbody &:not(:first-child), tbody tr:last-child &:not(:first-child)': {
-                    borderColor: `var(--${string})`;
+                'thead &': {
+                    paddingLeft: `var(--${string})`;
                 };
             };
         };
     };
-    focus: {
+    selectable: {
         true: {
-            selectors: {
-                'thead &:not(:first-child), tbody &:not(:first-child), tbody tr:last-child &:not(:first-child)': {
-                    borderColor: "blue";
-                    borderWidth: "2px 2px 0 2px";
-                };
-            };
+            cursor: "pointer";
         };
     };
     spaceAfter: {

package/dist/components/Plans/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Plans/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,QAA+B,CAAA;AAE5D,eAAO,MAAM,KAAK,QAWhB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAK/B,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqGpB,CAAA;AAEF,eAAO,MAAM,cAAc,QAA6B,CAAA;AAExD,eAAO,MAAM,kBAAkB,QAAwC,CAAA;AAEvE,eAAO,MAAM,gBAAgB,QAK3B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAA4B,CAAA;AAE9D,eAAO,MAAM,gBAAgB,QAG3B,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAA2B,CAAA;AAE9D,eAAO,MAAM,mBAAmB,QAK9B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Plans/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,QAA+B,CAAA;AAE5D,eAAO,MAAM,KAAK,QAWhB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAK/B,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0GpB,CAAA;AAEF,eAAO,MAAM,cAAc,QAA6B,CAAA;AAExD,eAAO,MAAM,kBAAkB,QAAwC,CAAA;AAEvE,eAAO,MAAM,gBAAgB,QAK3B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAA4B,CAAA;AAE9D,eAAO,MAAM,gBAAgB,QAG3B,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAA2B,CAAA;AAE9D,eAAO,MAAM,mBAAmB,QAK9B,CAAA"}

package/dist/components/Plans/styles.css.js

@@ -3,7 +3,7 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var plansIconWrapper = "uv_plus_11wud800";
 var plans = "uv_plus_11wud801";
 var plansOutOfStockBadge = "uv_plus_11wud802";
-var plansCell = createRuntimeFn({ defaultClassName: "uv_plus_11wud803", variantClassNames: { disabled: { true: "uv_plus_11wud804" }, hide: { true: "uv_plus_11wud805" }, selectable: { true: "uv_plus_11wud806" }, hideLabels: { true: "uv_plus_11wud807" }, activeColor: { true: "uv_plus_11wud808" }, focus: { true: "uv_plus_11wud809" }, spaceAfter: { true: "uv_plus_11wud80a" } }, defaultVariants: { disabled: false, hide: false, selectable: false, hideLabels: false, activeColor: false, focus: false, spaceAfter: false }, compoundVariants: [] });
+var plansCell = createRuntimeFn({ defaultClassName: "uv_plus_11wud803", variantClassNames: { activeColor: { true: "uv_plus_11wud804" }, disabled: { true: "uv_plus_11wud805" }, focus: { true: "uv_plus_11wud806" }, hide: { true: "uv_plus_11wud807" }, hideLabels: { true: "uv_plus_11wud808" }, selectable: { true: "uv_plus_11wud809" }, spaceAfter: { true: "uv_plus_11wud80a" } }, defaultVariants: { activeColor: false, disabled: false, focus: false, hide: false, hideLabels: false, selectable: false, spaceAfter: false }, compoundVariants: [] });
 var plansRowHidden = "uv_plus_11wud80b";
 var plansUppercaseText = "uv_plus_11wud80c";
 var plansHeaderInput = "uv_plus_11wud80d";