@ultraviolet/plus 3.0.0-beta.12 → 3.0.0-beta.14

package/dist/components/Navigation/constants.d.ts

@@ -7,15 +7,3 @@ export declare const NAVIGATION_MAX_WIDTH = 320;
  * collapse and expand animation duration of the whole nav in ms
  */
 export declare const ANIMATION_DURATION = 250;
-export declare const shrinkHeight: {
-    name: string;
-    styles: string;
-    anim: 1;
-    toString: () => string;
-} & string;
-export declare const groupAnimation: {
-    name: string;
-    styles: string;
-    anim: 1;
-    toString: () => string;
-} & string;

package/dist/components/Navigation/constants.js

@@ -1,37 +1,10 @@
-import { keyframes } from "@emotion/react";
 const NAVIGATION_MIN_WIDTH = 220;
 const NAVIGATION_WIDTH = 280;
 const NAVIGATION_COLLASPED_WIDTH = 67;
-const NAVIGATION_MAX_WIDTH = 320;
 const ANIMATION_DURATION = 250;
-const shrinkHeight = keyframes`
-    0% {
-      max-height: 50px; // this is on purpose higher than the actual height of the item
-    }
-
-    100% {
-      max-height: 32px;
-    }
-`;
-const groupAnimation = keyframes`
-  0% {
-    opacity: 0;
-    max-height: 0;
-    margin-bottom: -8px;
-  }
-
-  100% {
-    opacity: 1;
-    max-height: 40px;
-    margin-bottom: 0;
-  }
-`;
 export {
   ANIMATION_DURATION,
   NAVIGATION_COLLASPED_WIDTH,
-  NAVIGATION_MAX_WIDTH,
   NAVIGATION_MIN_WIDTH,
-  NAVIGATION_WIDTH,
-  groupAnimation,
-  shrinkHeight
+  NAVIGATION_WIDTH
 };

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                               */
+;/* empty css                            */
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var navigationStickyFooter = createRuntimeFn.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.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 navigationContentContainer = "uv_plus_19x50fvb";
+var navigationContentContainerCollapsed = "uv_plus_19x50fvc";
+var navigationContent = "uv_plus_19x50fvd";
+var navigationSlider = "uv_plus_19x50fve";
+exports.navigation = navigation;
+exports.navigationContainer = navigationContainer;
+exports.navigationContent = navigationContent;
+exports.navigationContentContainer = navigationContentContainer;
+exports.navigationContentContainerCollapsed = navigationContentContainerCollapsed;
+exports.navigationHeader = navigationHeader;
+exports.navigationLogoContainer = navigationLogoContainer;
+exports.navigationSlider = navigationSlider;
+exports.navigationStickyFooter = navigationStickyFooter;

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

@@ -0,0 +1,33 @@
+export declare const navigationStickyFooter: import("@vanilla-extract/recipes").RuntimeFn<{
+    overflow: {
+        false: {
+            boxShadow: "none";
+            border: "none";
+        };
+    };
+}>;
+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";
+            width: "67px";
+        };
+        expand: {
+            transition: "width 250ms ease-in-out";
+            width: `var(--${string})`;
+        };
+        false: {};
+    };
+}>;
+export declare const navigationContentContainer: string;
+export declare const navigationContentContainerCollapsed: string;
+export declare const navigationContent: string;
+export declare const navigationSlider: string;

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

@@ -0,0 +1,23 @@
+/* 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 navigationContentContainer = "uv_plus_19x50fvb";
+var navigationContentContainerCollapsed = "uv_plus_19x50fvc";
+var navigationContent = "uv_plus_19x50fvd";
+var navigationSlider = "uv_plus_19x50fve";
+export {
+  navigation,
+  navigationContainer,
+  navigationContent,
+  navigationContentContainer,
+  navigationContentContainerCollapsed,
+  navigationHeader,
+  navigationLogoContainer,
+  navigationSlider,
+  navigationStickyFooter
+};

package/dist/components/Navigation/types.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 export type DragNDropData = {
     index: number;
     item: string;
@@ -37,4 +37,5 @@ export type NavigationProps = {
      */
     onToggleExpand?: (expanded: boolean) => void;
     'data-testid'?: string;
+    style?: CSSProperties;
 };

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var widthNavigationContainer = "var(--uv_plus_1rde5pt0)";
+exports.widthNavigationContainer = widthNavigationContainer;

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

@@ -0,0 +1 @@
+export declare const widthNavigationContainer: `var(--${string})`;

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

@@ -0,0 +1,4 @@
+var widthNavigationContainer = "var(--uv_plus_1rde5pt0)";
+export {
+  widthNavigationContainer
+};

package/dist/components/OfferList/OfferList.cjs

@@ -18,6 +18,7 @@ const OfferList = ({
   selected,
   onChangeSelect,
   className,
+  style,
   "data-testid": dataTestId
 }) => {
   const [radioSelectedRow, setRadioSelectedRow] = react.useState(typeof selected === "string" ? selected : void 0);
@@ -37,7 +38,7 @@ const OfferList = ({
       }
     }
   }, [type, selected]);
-  return /* @__PURE__ */ jsxRuntime.jsx(OfferListProvider.OfferListProvider, { autoCollapse, checkboxSelectedRows, expandable, loading, onChangeSelect, radioSelectedRow, selectable: type, setCheckboxSelectedRows, setRadioSelectedRow, children: /* @__PURE__ */ jsxRuntime.jsx(ui.List, { autoCollapse, className: `${className ? `${className} ` : ""}${styles_css.offerList}`, columns: computedColumns, "data-testid": dataTestId, expandable: false, selectable: false, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(OfferListProvider.OfferListProvider, { autoCollapse, checkboxSelectedRows, expandable, loading, onChangeSelect, radioSelectedRow, selectable: type, setCheckboxSelectedRows, setRadioSelectedRow, children: /* @__PURE__ */ jsxRuntime.jsx(ui.List, { autoCollapse, className: `${className ? `${className} ` : ""}${styles_css.offerList}`, columns: computedColumns, "data-testid": dataTestId, expandable: false, selectable: false, style, children }) });
 };
 OfferList.Row = Row.Row;
 OfferList.Cell = Cell.Cell;

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

@@ -1,5 +1,5 @@
 import { List } from '@ultraviolet/ui';
-import type { ComponentProps } from 'react';
+import type { ComponentProps, CSSProperties } from 'react';
 type OfferListProps = Omit<ComponentProps<typeof List>, 'selectable' | 'onSelectedChange'> & {
     /**
      * Make offerList selectable by choosing its type
@@ -12,9 +12,10 @@ type OfferListProps = Omit<ComponentProps<typeof List>, 'selectable' | 'onSelect
     selected?: string | string[];
     ['data-testid']?: string;
     className?: string;
+    style?: CSSProperties;
 };
 export declare const OfferList: {
-    ({ expandable, type, columns, children, loading, autoCollapse, selected, onChangeSelect, className, "data-testid": dataTestId, }: OfferListProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    ({ expandable, type, columns, children, loading, autoCollapse, selected, onChangeSelect, className, style, "data-testid": dataTestId, }: OfferListProps): import("@emotion/react/jsx-runtime").JSX.Element;
     Row: ({ children, disabled, id, banner, expandablePadding, offerName, expandable: expandableContent, selectDisabled, highlightAnimation, expanded, className, "data-dragging": dataDragging, "data-testid": dataTestId, style, badge, }: {
         children: import("react").ReactNode;
         id: string;
@@ -27,7 +28,7 @@ export declare const OfferList: {
         expandablePadding?: "0" | "1" | "0.5" | "0.25" | "1.5" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10";
         highlightAnimation?: boolean;
         'data-testid'?: string;
-        style?: import("react").CSSProperties;
+        style?: CSSProperties;
         'data-dragging'?: boolean;
         onMouseEnter?: import("react").MouseEventHandler<HTMLTableRowElement>;
         onMouseLeave?: import("react").MouseEventHandler<HTMLTableRowElement>;
@@ -41,7 +42,8 @@ export declare const OfferList: {
             text: string;
             sentiment?: ComponentProps<typeof import("@ultraviolet/ui").Badge>["sentiment"];
         };
+        style?: CSSProperties;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Cell: ({ children, className, "data-testid": dataTestId, colSpan, }: ComponentProps<typeof List.Cell>) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Cell: ({ children, className, "data-testid": dataTestId, colSpan, style, }: ComponentProps<typeof List.Cell>) => import("@emotion/react/jsx-runtime").JSX.Element;
 };
 export {};

package/dist/components/OfferList/OfferList.js

@@ -16,6 +16,7 @@ const OfferList = ({
   selected,
   onChangeSelect,
   className,
+  style,
   "data-testid": dataTestId
 }) => {
   const [radioSelectedRow, setRadioSelectedRow] = useState(typeof selected === "string" ? selected : void 0);
@@ -35,7 +36,7 @@ const OfferList = ({
       }
     }
   }, [type, selected]);
-  return /* @__PURE__ */ jsx(OfferListProvider, { autoCollapse, checkboxSelectedRows, expandable, loading, onChangeSelect, radioSelectedRow, selectable: type, setCheckboxSelectedRows, setRadioSelectedRow, children: /* @__PURE__ */ jsx(List, { autoCollapse, className: `${className ? `${className} ` : ""}${offerList}`, columns: computedColumns, "data-testid": dataTestId, expandable: false, selectable: false, children }) });
+  return /* @__PURE__ */ jsx(OfferListProvider, { autoCollapse, checkboxSelectedRows, expandable, loading, onChangeSelect, radioSelectedRow, selectable: type, setCheckboxSelectedRows, setRadioSelectedRow, children: /* @__PURE__ */ jsx(List, { autoCollapse, className: `${className ? `${className} ` : ""}${offerList}`, columns: computedColumns, "data-testid": dataTestId, expandable: false, selectable: false, style, children }) });
 };
 OfferList.Row = Row;
 OfferList.Cell = Cell;

package/dist/components/OfferList/components/Cell.cjs

@@ -9,11 +9,12 @@ const Cell = ({
   children,
   className,
   "data-testid": dataTestId,
-  colSpan
+  colSpan,
+  style
 }) => {
   const {
     loading
   } = OfferListProvider.useOfferListContext();
-  return loading ? /* @__PURE__ */ jsxRuntime.jsx(ui.List.Cell, { className: styles_css.offerListLoadingCell, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { "data-state": loading, variant: "line" }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.List.Cell, { className: `${className ? `${className} ` : ""}${styles_css.offerListCell}`, colSpan, "data-testid": dataTestId, children });
+  return loading ? /* @__PURE__ */ jsxRuntime.jsx(ui.List.Cell, { className: styles_css.offerListLoadingCell, style, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { "data-state": loading, variant: "line" }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.List.Cell, { className: `${className ? `${className} ` : ""}${styles_css.offerListCell}`, colSpan, "data-testid": dataTestId, style, children });
 };
 exports.Cell = Cell;

package/dist/components/OfferList/components/Cell.d.ts

@@ -1,3 +1,3 @@
 import { List } from '@ultraviolet/ui';
 import type { ComponentProps } from 'react';
-export declare const Cell: ({ children, className, "data-testid": dataTestId, colSpan, }: ComponentProps<typeof List.Cell>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Cell: ({ children, className, "data-testid": dataTestId, colSpan, style, }: ComponentProps<typeof List.Cell>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/OfferList/components/Cell.js

@@ -7,12 +7,13 @@ const Cell = ({
   children,
   className,
   "data-testid": dataTestId,
-  colSpan
+  colSpan,
+  style
 }) => {
   const {
     loading
   } = useOfferListContext();
-  return loading ? /* @__PURE__ */ jsx(List.Cell, { className: offerListLoadingCell, children: /* @__PURE__ */ jsx(Skeleton, { "data-state": loading, variant: "line" }) }) : /* @__PURE__ */ jsx(List.Cell, { className: `${className ? `${className} ` : ""}${offerListCell}`, colSpan, "data-testid": dataTestId, children });
+  return loading ? /* @__PURE__ */ jsx(List.Cell, { className: offerListLoadingCell, style, children: /* @__PURE__ */ jsx(Skeleton, { "data-state": loading, variant: "line" }) }) : /* @__PURE__ */ jsx(List.Cell, { className: `${className ? `${className} ` : ""}${offerListCell}`, colSpan, "data-testid": dataTestId, style, children });
 };
 export {
   Cell

package/dist/components/OfferList/components/Row.cjs

@@ -76,7 +76,7 @@ const Row = ({
   }, [offerName, checkboxSelectedRows, radioSelectedRow, selectable]);
   const isSelected = selectable === "radio" ? radioSelectedRow === offerName : checkboxSelectedRows.includes(offerName);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.List.Row, { className: `${className ? `${className} ` : ""}${banner ? styles_css.offerListRowBanner : ""}${isSelected ? `${" "}${styles_css.offerListRowSelected}` : ""}`, "data-dragging": dataDragging, "data-testid": dataTestId, disabled, expandable: computedExpandableContent, expandablePadding: banner ? "0" : void 0, expanded: expanded ?? expandedRowIds[id], highlightAnimation, id, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), style, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.List.Row, { className: `${className ? `${className} ` : ""}${banner ? styles_css.offerListRowBanner : ""}${isSelected ? `${" "}${styles_css.offerListRowSelected}` : ""} ${expandable ? styles_css.offerListRowSelectedExpandable : styles_css.offerListRowSelectedNotExpandable}`, "data-dragging": dataDragging, "data-testid": dataTestId, disabled, expandable: computedExpandableContent, expandablePadding: banner ? "0" : void 0, expanded: expanded ?? expandedRowIds[id], highlightAnimation, id, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), style, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(ui.List.Cell, { className: styles_css.offerListNoPaddingCell, children: [
         badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.offerListBadgeContainer, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { className: styles_css.offerListBadge, disabled, sentiment: badge.sentiment, size: "small", children: badge.text }) }) : null,
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.offerListRowSelectableContainer, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { text: typeof selectDisabled === "string" ? selectDisabled : void 0, children: selectable === "radio" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Radio, { checked: isRowSelected, disabled: disabled || loading || !!selectDisabled, id, name: `radio-offer-list-${id}`, onChange: () => {

package/dist/components/OfferList/components/Row.d.ts

@@ -1,5 +1,5 @@
 import { Badge as BadgeUV, List } from '@ultraviolet/ui';
-import type { ComponentProps, ReactNode } from 'react';
+import type { ComponentProps, CSSProperties, ReactNode } from 'react';
 type RowProps = ComponentProps<typeof List.Row> & {
     banner?: {
         text: ReactNode;
@@ -10,6 +10,7 @@ type RowProps = ComponentProps<typeof List.Row> & {
         text: string;
         sentiment?: ComponentProps<typeof BadgeUV>['sentiment'];
     };
+    style?: CSSProperties;
 };
 export declare const Row: ({ children, disabled, id, banner, expandablePadding, offerName, expandable: expandableContent, selectDisabled, highlightAnimation, expanded, className, "data-dragging": dataDragging, "data-testid": dataTestId, style, badge, }: RowProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/OfferList/components/Row.js

@@ -6,7 +6,7 @@ import { List, Badge, Tooltip, Radio, Checkbox, Button } from "@ultraviolet/ui";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useState, Children, useCallback, useMemo } from "react";
 import { useOfferListContext } from "../OfferListProvider.js";
-import { offerListRowExpandable, expandablePadding, offerListRowBanner, offerListRowSelected, offerListNoPaddingCell, offerListBadgeContainer, offerListBadge, offerListRowSelectableContainer } from "../styles.css.js";
+import { offerListRowExpandable, expandablePadding, offerListRowBanner, offerListRowSelected, offerListRowSelectedExpandable, offerListRowSelectedNotExpandable, offerListNoPaddingCell, offerListBadgeContainer, offerListBadge, offerListRowSelectableContainer } from "../styles.css.js";
 import { Banner } from "./Banner.js";
 const Row = ({
   children,
@@ -74,7 +74,7 @@ const Row = ({
   }, [offerName, checkboxSelectedRows, radioSelectedRow, selectable]);
   const isSelected = selectable === "radio" ? radioSelectedRow === offerName : checkboxSelectedRows.includes(offerName);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(List.Row, { className: `${className ? `${className} ` : ""}${banner ? offerListRowBanner : ""}${isSelected ? `${" "}${offerListRowSelected}` : ""}`, "data-dragging": dataDragging, "data-testid": dataTestId, disabled, expandable: computedExpandableContent, expandablePadding: banner ? "0" : void 0, expanded: expanded ?? expandedRowIds[id], highlightAnimation, id, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), style, children: [
+    /* @__PURE__ */ jsxs(List.Row, { className: `${className ? `${className} ` : ""}${banner ? offerListRowBanner : ""}${isSelected ? `${" "}${offerListRowSelected}` : ""} ${expandable ? offerListRowSelectedExpandable : offerListRowSelectedNotExpandable}`, "data-dragging": dataDragging, "data-testid": dataTestId, disabled, expandable: computedExpandableContent, expandablePadding: banner ? "0" : void 0, expanded: expanded ?? expandedRowIds[id], highlightAnimation, id, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), style, children: [
       /* @__PURE__ */ jsxs(List.Cell, { className: offerListNoPaddingCell, children: [
         badge ? /* @__PURE__ */ jsx("div", { className: offerListBadgeContainer, children: /* @__PURE__ */ jsx(Badge, { className: offerListBadge, disabled, sentiment: badge.sentiment, size: "small", children: badge.text }) }) : null,
         /* @__PURE__ */ jsx("div", { className: offerListRowSelectableContainer, children: /* @__PURE__ */ jsx(Tooltip, { text: typeof selectDisabled === "string" ? selectDisabled : void 0, children: selectable === "radio" ? /* @__PURE__ */ jsx(Radio, { checked: isRowSelected, disabled: disabled || loading || !!selectDisabled, id, name: `radio-offer-list-${id}`, onChange: () => {

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

@@ -12,11 +12,13 @@ var offerListBadge = "uv_plus_1wcpahp12";
 var offerListBadgeContainer = "uv_plus_1wcpahp13";
 var offerListNoPaddingCell = "uv_plus_1wcpahp14";
 var offerListRowSelected = "uv_plus_1wcpahp15";
-var offerListRowBanner = "uv_plus_1wcpahp16";
-var offerListRowSelectableContainer = "uv_plus_1wcpahp17";
-var offerListRowExpandable = "uv_plus_1wcpahp18";
-var offerListCell = "uv_plus_1wcpahp19";
-var offerListLoadingCell = "uv_plus_1wcpahp1a";
+var offerListRowSelectedNotExpandable = "uv_plus_1wcpahp16";
+var offerListRowSelectedExpandable = "uv_plus_1wcpahp17";
+var offerListRowBanner = "uv_plus_1wcpahp18";
+var offerListRowSelectableContainer = "uv_plus_1wcpahp19";
+var offerListRowExpandable = "uv_plus_1wcpahp1a";
+var offerListCell = "uv_plus_1wcpahp1b";
+var offerListLoadingCell = "uv_plus_1wcpahp1c";
 exports.expandablePadding = expandablePadding;
 exports.offerList = offerList;
 exports.offerListBadge = offerListBadge;
@@ -32,3 +34,5 @@ exports.offerListRowBanner = offerListRowBanner;
 exports.offerListRowExpandable = offerListRowExpandable;
 exports.offerListRowSelectableContainer = offerListRowSelectableContainer;
 exports.offerListRowSelected = offerListRowSelected;
+exports.offerListRowSelectedExpandable = offerListRowSelectedExpandable;
+exports.offerListRowSelectedNotExpandable = offerListRowSelectedNotExpandable;

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

@@ -33,6 +33,8 @@ export declare const offerListBadge: string;
 export declare const offerListBadgeContainer: string;
 export declare const offerListNoPaddingCell: string;
 export declare const offerListRowSelected: string;
+export declare const offerListRowSelectedNotExpandable: string;
+export declare const offerListRowSelectedExpandable: string;
 export declare const offerListRowBanner: string;
 export declare const offerListRowSelectableContainer: string;
 export declare const offerListRowExpandable: string;

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

@@ -10,11 +10,13 @@ var offerListBadge = "uv_plus_1wcpahp12";
 var offerListBadgeContainer = "uv_plus_1wcpahp13";
 var offerListNoPaddingCell = "uv_plus_1wcpahp14";
 var offerListRowSelected = "uv_plus_1wcpahp15";
-var offerListRowBanner = "uv_plus_1wcpahp16";
-var offerListRowSelectableContainer = "uv_plus_1wcpahp17";
-var offerListRowExpandable = "uv_plus_1wcpahp18";
-var offerListCell = "uv_plus_1wcpahp19";
-var offerListLoadingCell = "uv_plus_1wcpahp1a";
+var offerListRowSelectedNotExpandable = "uv_plus_1wcpahp16";
+var offerListRowSelectedExpandable = "uv_plus_1wcpahp17";
+var offerListRowBanner = "uv_plus_1wcpahp18";
+var offerListRowSelectableContainer = "uv_plus_1wcpahp19";
+var offerListRowExpandable = "uv_plus_1wcpahp1a";
+var offerListCell = "uv_plus_1wcpahp1b";
+var offerListLoadingCell = "uv_plus_1wcpahp1c";
 export {
   expandablePadding,
   offerList,
@@ -30,5 +32,7 @@ export {
   offerListRowBanner,
   offerListRowExpandable,
   offerListRowSelectableContainer,
-  offerListRowSelected
+  offerListRowSelected,
+  offerListRowSelectedExpandable,
+  offerListRowSelectedNotExpandable
 };

package/dist/components/OrderSummary/NonScrollableContent.cjs

@@ -1,23 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const ui = require("@ultraviolet/ui");
 const react = require("react");
 const helpers = require("./helpers.cjs");
 const Provider = require("./Provider.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const NonScrollableContainer = /* @__PURE__ */ _styled__default.default(ui.Stack, process.env.NODE_ENV === "production" ? {
-  target: "euzwl2c0"
-} : {
-  target: "euzwl2c0",
-  label: "NonScrollableContainer"
-})("padding:", ({
-  theme
-}) => theme.space[3], ";border-top:1px solid ", ({
-  theme
-}) => theme.colors.neutral.border, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT3JkZXJTdW1tYXJ5L05vblNjcm9sbGFibGVDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRNEMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9PcmRlclN1bW1hcnkvTm9uU2Nyb2xsYWJsZUNvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjaywgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBEaXNwbGF5UHJpY2UgfSBmcm9tICcuL2hlbHBlcnMnXG5pbXBvcnQgeyBPcmRlclN1bW1hcnlDb250ZXh0IH0gZnJvbSAnLi9Qcm92aWRlcidcbmltcG9ydCB0eXBlIHsgUHJpY2VUeXBlU2luZ2xlLCBUaW1lVW5pdCB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IE5vblNjcm9sbGFibGVDb250YWluZXIgPSBzdHlsZWQoU3RhY2spYFxucGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVszXX07XG5ib3JkZXItdG9wOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuYFxuXG50eXBlIE5vblNjcm9sbGFibGVDb250ZW50UHJvcHMgPSB7XG4gIGRpc2NvdW50OiBudW1iZXJcbiAgdG90YWxQcmljZTogUHJpY2VUeXBlU2luZ2xlXG4gIGZvb3RlcjogUmVhY3ROb2RlXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgdG90YWxQcmljZUluZm8/OiBSZWFjdE5vZGVcbiAgdG90YWxQcmljZURlc2NyaXB0aW9uPzogUmVhY3ROb2RlXG4gIGFkZGl0aW9uYWxJbmZvPzogc3RyaW5nXG4gIGhpZGVEZXRhaWxzOiBib29sZWFuXG4gIHVuaXQ6IFRpbWVVbml0XG59XG5cbmV4cG9ydCBjb25zdCBOb25TY3JvbGxhYmxlQ29udGVudCA9ICh7XG4gIHRvdGFsUHJpY2UsXG4gIGZvb3RlcixcbiAgY2hpbGRyZW4sXG4gIHRvdGFsUHJpY2VJbmZvLFxuICBoaWRlRGV0YWlscyxcbiAgdW5pdCxcbiAgdG90YWxQcmljZURlc2NyaXB0aW9uLFxuICBhZGRpdGlvbmFsSW5mbyxcbn06IE5vblNjcm9sbGFibGVDb250ZW50UHJvcHMpID0+IHtcbiAgY29uc3QgeyBsb2NhbGVzIH0gPSB1c2VDb250ZXh0KE9yZGVyU3VtbWFyeUNvbnRleHQpXG5cbiAgcmV0dXJuIChcbiAgICA8Tm9uU2Nyb2xsYWJsZUNvbnRhaW5lciBnYXA9ezN9PlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPFN0YWNrIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBkaXJlY3Rpb249XCJyb3dcIiBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIj5cbiAgICAgICAge3RvdGFsUHJpY2VJbmZvID8gKFxuICAgICAgICAgIDxTdGFjaz5cbiAgICAgICAgICAgIDxTdGFjayBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZGlyZWN0aW9uPVwicm93XCIgZ2FwPXsxfT5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJzdHJvbmdcIlxuICAgICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U3Ryb25nXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtsb2NhbGVzWydvcmRlci5zdW1tYXJ5LnRvdGFsJ119OlxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIHt0b3RhbFByaWNlRGVzY3JpcHRpb259XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAge3RvdGFsUHJpY2VJbmZvfVxuICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPFN0YWNrIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBkaXJlY3Rpb249XCJyb3dcIiBnYXA9ezF9PlxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgICAgcHJvbWluZW5jZT1cInN0cm9uZ1wiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICB2YXJpYW50PVwiYm9keVN0cm9uZ1wiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtsb2NhbGVzWydvcmRlci5zdW1tYXJ5LnRvdGFsJ119XG4gICAgICAgICAgICAgIHthZGRpdGlvbmFsSW5mbyA/IGAgJHthZGRpdGlvbmFsSW5mb31gIDogbnVsbH06XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7dG90YWxQcmljZURlc2NyaXB0aW9ufVxuICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICl9XG4gICAgICAgIHt0b3RhbFByaWNlLnRvdGFsUHJpY2UgPT09IHRvdGFsUHJpY2UudG90YWxQcmljZVdpdGhEaXNjb3VudCA/IChcbiAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwidG90YWwtcHJpY2VcIlxuICAgICAgICAgICAgcHJvbWluZW5jZT1cInN0cm9uZ1wiXG4gICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxEaXNwbGF5UHJpY2UgYmVmb3JlT3JBZnRlcj1cImFmdGVyXCIgcHJpY2U9e3RvdGFsUHJpY2V9IC8+XG4gICAgICAgICAgICB7aGlkZURldGFpbHMgPyBgLyR7dW5pdH1gIDogbnVsbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPFN0YWNrIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBkaXJlY3Rpb249XCJyb3dcIiBnYXA9ezF9PlxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgc3RyaWtlVGhyb3VnaFxuICAgICAgICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsU3Ryb25nXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPERpc3BsYXlQcmljZSBiZWZvcmVPckFmdGVyPVwiYmVmb3JlXCIgcHJpY2U9e3RvdGFsUHJpY2V9IC8+XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cInRvdGFsLXByaWNlXCJcbiAgICAgICAgICAgICAgcHJvbWluZW5jZT1cInN0cm9uZ1wiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICB2YXJpYW50PVwiaGVhZGluZ1NtYWxsU3Ryb25nXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPERpc3BsYXlQcmljZSBiZWZvcmVPckFmdGVyPVwiYWZ0ZXJcIiBwcmljZT17dG90YWxQcmljZX0gLz5cbiAgICAgICAgICAgICAge2hpZGVEZXRhaWxzID8gYC8ke3VuaXR9YCA6IG51bGx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3RhY2s+XG4gICAgICB7Zm9vdGVyfVxuICAgIDwvTm9uU2Nyb2xsYWJsZUNvbnRhaW5lcj5cbiAgKVxufVxuIl19 */"));
+const styles_css = require("./styles.css.cjs");
 const NonScrollableContent = ({
   totalPrice,
   footer,
@@ -31,7 +19,7 @@ const NonScrollableContent = ({
   const {
     locales
   } = react.useContext(Provider.OrderSummaryContext);
-  return /* @__PURE__ */ jsxRuntime.jsxs(NonScrollableContainer, { gap: 3, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { className: styles_css.orderSummaryNonScrollableContainer, gap: 3, children: [
     children,
     /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
       totalPriceInfo ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { children: [

package/dist/components/OrderSummary/NonScrollableContent.js

@@ -1,19 +1,9 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { Stack, Text } from "@ultraviolet/ui";
 import { useContext } from "react";
 import { DisplayPrice } from "./helpers.js";
 import { OrderSummaryContext } from "./Provider.js";
-const NonScrollableContainer = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
-  target: "euzwl2c0"
-} : {
-  target: "euzwl2c0",
-  label: "NonScrollableContainer"
-})("padding:", ({
-  theme
-}) => theme.space[3], ";border-top:1px solid ", ({
-  theme
-}) => theme.colors.neutral.border, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT3JkZXJTdW1tYXJ5L05vblNjcm9sbGFibGVDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRNEMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9PcmRlclN1bW1hcnkvTm9uU2Nyb2xsYWJsZUNvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjaywgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBEaXNwbGF5UHJpY2UgfSBmcm9tICcuL2hlbHBlcnMnXG5pbXBvcnQgeyBPcmRlclN1bW1hcnlDb250ZXh0IH0gZnJvbSAnLi9Qcm92aWRlcidcbmltcG9ydCB0eXBlIHsgUHJpY2VUeXBlU2luZ2xlLCBUaW1lVW5pdCB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IE5vblNjcm9sbGFibGVDb250YWluZXIgPSBzdHlsZWQoU3RhY2spYFxucGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVszXX07XG5ib3JkZXItdG9wOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuYFxuXG50eXBlIE5vblNjcm9sbGFibGVDb250ZW50UHJvcHMgPSB7XG4gIGRpc2NvdW50OiBudW1iZXJcbiAgdG90YWxQcmljZTogUHJpY2VUeXBlU2luZ2xlXG4gIGZvb3RlcjogUmVhY3ROb2RlXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgdG90YWxQcmljZUluZm8/OiBSZWFjdE5vZGVcbiAgdG90YWxQcmljZURlc2NyaXB0aW9uPzogUmVhY3ROb2RlXG4gIGFkZGl0aW9uYWxJbmZvPzogc3RyaW5nXG4gIGhpZGVEZXRhaWxzOiBib29sZWFuXG4gIHVuaXQ6IFRpbWVVbml0XG59XG5cbmV4cG9ydCBjb25zdCBOb25TY3JvbGxhYmxlQ29udGVudCA9ICh7XG4gIHRvdGFsUHJpY2UsXG4gIGZvb3RlcixcbiAgY2hpbGRyZW4sXG4gIHRvdGFsUHJpY2VJbmZvLFxuICBoaWRlRGV0YWlscyxcbiAgdW5pdCxcbiAgdG90YWxQcmljZURlc2NyaXB0aW9uLFxuICBhZGRpdGlvbmFsSW5mbyxcbn06IE5vblNjcm9sbGFibGVDb250ZW50UHJvcHMpID0+IHtcbiAgY29uc3QgeyBsb2NhbGVzIH0gPSB1c2VDb250ZXh0KE9yZGVyU3VtbWFyeUNvbnRleHQpXG5cbiAgcmV0dXJuIChcbiAgICA8Tm9uU2Nyb2xsYWJsZUNvbnRhaW5lciBnYXA9ezN9PlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPFN0YWNrIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBkaXJlY3Rpb249XCJyb3dcIiBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIj5cbiAgICAgICAge3RvdGFsUHJpY2VJbmZvID8gKFxuICAgICAgICAgIDxTdGFjaz5cbiAgICAgICAgICAgIDxTdGFjayBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZGlyZWN0aW9uPVwicm93XCIgZ2FwPXsxfT5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJzdHJvbmdcIlxuICAgICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U3Ryb25nXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtsb2NhbGVzWydvcmRlci5zdW1tYXJ5LnRvdGFsJ119OlxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIHt0b3RhbFByaWNlRGVzY3JpcHRpb259XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAge3RvdGFsUHJpY2VJbmZvfVxuICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPFN0YWNrIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBkaXJlY3Rpb249XCJyb3dcIiBnYXA9ezF9PlxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgICAgcHJvbWluZW5jZT1cInN0cm9uZ1wiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICB2YXJpYW50PVwiYm9keVN0cm9uZ1wiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtsb2NhbGVzWydvcmRlci5zdW1tYXJ5LnRvdGFsJ119XG4gICAgICAgICAgICAgIHthZGRpdGlvbmFsSW5mbyA/IGAgJHthZGRpdGlvbmFsSW5mb31gIDogbnVsbH06XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7dG90YWxQcmljZURlc2NyaXB0aW9ufVxuICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICl9XG4gICAgICAgIHt0b3RhbFByaWNlLnRvdGFsUHJpY2UgPT09IHRvdGFsUHJpY2UudG90YWxQcmljZVdpdGhEaXNjb3VudCA/IChcbiAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwidG90YWwtcHJpY2VcIlxuICAgICAgICAgICAgcHJvbWluZW5jZT1cInN0cm9uZ1wiXG4gICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxEaXNwbGF5UHJpY2UgYmVmb3JlT3JBZnRlcj1cImFmdGVyXCIgcHJpY2U9e3RvdGFsUHJpY2V9IC8+XG4gICAgICAgICAgICB7aGlkZURldGFpbHMgPyBgLyR7dW5pdH1gIDogbnVsbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPFN0YWNrIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBkaXJlY3Rpb249XCJyb3dcIiBnYXA9ezF9PlxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgc3RyaWtlVGhyb3VnaFxuICAgICAgICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsU3Ryb25nXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPERpc3BsYXlQcmljZSBiZWZvcmVPckFmdGVyPVwiYmVmb3JlXCIgcHJpY2U9e3RvdGFsUHJpY2V9IC8+XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cInRvdGFsLXByaWNlXCJcbiAgICAgICAgICAgICAgcHJvbWluZW5jZT1cInN0cm9uZ1wiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICB2YXJpYW50PVwiaGVhZGluZ1NtYWxsU3Ryb25nXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPERpc3BsYXlQcmljZSBiZWZvcmVPckFmdGVyPVwiYWZ0ZXJcIiBwcmljZT17dG90YWxQcmljZX0gLz5cbiAgICAgICAgICAgICAge2hpZGVEZXRhaWxzID8gYC8ke3VuaXR9YCA6IG51bGx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3RhY2s+XG4gICAgICB7Zm9vdGVyfVxuICAgIDwvTm9uU2Nyb2xsYWJsZUNvbnRhaW5lcj5cbiAgKVxufVxuIl19 */"));
+import { orderSummaryNonScrollableContainer } from "./styles.css.js";
 const NonScrollableContent = ({
   totalPrice,
   footer,
@@ -27,7 +17,7 @@ const NonScrollableContent = ({
   const {
     locales
   } = useContext(OrderSummaryContext);
-  return /* @__PURE__ */ jsxs(NonScrollableContainer, { gap: 3, children: [
+  return /* @__PURE__ */ jsxs(Stack, { className: orderSummaryNonScrollableContainer, gap: 3, children: [
     children,
     /* @__PURE__ */ jsxs(Stack, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
       totalPriceInfo ? /* @__PURE__ */ jsxs(Stack, { children: [