bonprix-design-system 0.57.2 → 0.58.0

package/dist/assets/icons/giftbox-icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
+  <path d="M11.067 3.228c.313.13.602.311.854.536a3.008 3.008 0 0 1 4.13.115A3 3 0 0 1 16.931 6h2.517c.58 0 1.052.47 1.052 1.05v12.9c0 .58-.471 1.05-1.052 1.05H4.552c-.58 0-1.052-.47-1.052-1.05V7.05C3.5 6.47 3.971 6 4.552 6H6.91a2.994 2.994 0 0 1 1.856-2.772 3.012 3.012 0 0 1 2.301 0ZM9.533 4.762a1.002 1.002 0 0 0-.542.541c-.05.121-.225.566-.225.697h2.301c0-.131-.174-.576-.225-.697a1 1 0 0 0-1.309-.541Zm5.319.541a1.001 1.001 0 0 0-1.852 0c-.05.121-.225.566-.225.697h2.3c0-.131-.173-.576-.223-.697ZM11.127 10V7.5H5.003V10h6.124Zm-6.124 9.5h13.994v-8H12.63v2.95a.3.3 0 0 1-.3.3 1.201 1.201 0 0 1-1.203-1.2V11.5H5.003v8ZM12.63 10h6.367V7.5H12.63V10Z"/>
+</svg>

package/dist/assets/icons/globe-icon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M15.99 9.453c.784-.214 1.755-.28 2.54.506.37.37.564.8.564 1.27 0 .427-.163.8-.303 1.07-.072.139-.152.276-.22.393a7.415 7.415 0 0 0-.185.33c-.108.21-.136.325-.136.395 0 .425.094.641.178 1.168.08.502.081 1.063-.257 1.74-.237.474-.646.74-1.064.872-.402.126-.84.138-1.238.101-.796-.072-1.636-.354-2.204-.638-.548-.274-1.04-.605-1.389-1.067-.363-.48-.526-1.04-.526-1.676 0-.479-.007-1.213.229-1.896.254-.737.786-1.41 1.784-1.743.347-.116.694-.26 1.073-.414.365-.148.763-.304 1.154-.411Zm1.48 1.566c-.215-.214-.494-.28-1.085-.119-.296.08-.618.205-.987.354-.355.144-.758.312-1.16.447-.503.167-.72.457-.841.808-.14.406-.147.886-.147 1.408 0 .362.087.59.224.771.15.2.41.404.861.63a5.131 5.131 0 0 0 1.67.486c.29.027.51.006.653-.039.129-.04.158-.085.171-.111.162-.323.163-.549.118-.833-.04-.259-.197-.83-.197-1.404 0-.431.16-.806.302-1.082.073-.141.153-.28.221-.398.073-.124.134-.228.186-.329.11-.211.135-.321.135-.38 0-.017.005-.08-.124-.209Z" clip-rule="evenodd"/>
+  <path fill-rule="evenodd" d="M12 1.489c5.799 0 10.5 4.7 10.5 10.5 0 5.799-4.701 10.5-10.5 10.5s-10.5-4.701-10.5-10.5c0-5.8 4.701-10.5 10.5-10.5Zm4.929 2.97a15.7 15.7 0 0 1-.312.708c-.36.756-.912 1.75-1.617 2.38-1.278 1.144-2.689 1.112-3.9 1.004-1.266-.112-2.28-.283-3.322.134-1.148.46-2.33 1.28-3.247 2.015a22.172 22.172 0 0 0-1.4 1.22l-.077.076-.024.023-.03-.03c0 .864.123 1.698.35 2.49l.199-.095a13.785 13.785 0 0 1 2.004-.744c.71-.194 1.565-.337 2.285-.14.383.104.758.314 1.03.684.269.367.382.817.382 1.305 0 .27.069.354.111.4.086.089.22.163.53.317.272.134.666.325 1.015.651.368.343.66.806.821 1.45.153.612.143 1.152-.004 1.628a2.644 2.644 0 0 1-.598 1.01A9 9 0 0 0 16.929 4.46ZM7.443 14.948c-.31-.085-.832-.04-1.496.14-.633.173-1.28.437-1.777.664-.103.046-.198.094-.285.135a9.025 9.025 0 0 0 5.397 4.684c.048-.042.094-.08.137-.115.226-.184.394-.306.56-.476.151-.154.256-.308.311-.487.054-.176.08-.433-.017-.82-.094-.374-.242-.579-.39-.717-.167-.156-.367-.261-.656-.405-.25-.124-.647-.31-.95-.627-.347-.362-.527-.835-.527-1.434 0-.261-.059-.375-.09-.418-.03-.04-.085-.088-.217-.124ZM12 2.989c-4.212 0-7.747 2.893-8.729 6.8.103-.085.211-.172.323-.261.957-.766 2.276-1.695 3.628-2.235 1.457-.583 2.916-.333 4.01-.236 1.15.103 1.989.07 2.768-.627.468-.418.916-1.176 1.263-1.907.139-.292.251-.565.339-.782A8.967 8.967 0 0 0 12 2.989Z" clip-rule="evenodd"/>
+</svg>

package/dist/assets/icons/saved-money-icon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
+  <path d="M17.25 9.116c.245 0 .454.086.626.258a.854.854 0 0 1 .259.627.854.854 0 0 1-.259.626.854.854 0 0 1-.626.258.854.854 0 0 1-.626-.258.854.854 0 0 1-.259-.627c0-.244.086-.453.259-.626a.854.854 0 0 1 .626-.258ZM13.775 7.5c.124 0 .225.101.225.226a.9.9 0 0 1-.9.9H8.225A.225.225 0 0 1 8 8.4a.9.9 0 0 1 .9-.9h4.875Z"/>
+  <path fill-rule="evenodd" d="M17.75 2.5c.276 0 .512.098.707.293a.963.963 0 0 1 .293.707c0 .068-.01.135-.028.2a4.733 4.733 0 0 1-.059.193 7.46 7.46 0 0 0-.402 1.506L20.864 8h.982c.258 0 .473.087.645.26a.875.875 0 0 1 .259.645v4.547a.872.872 0 0 1-.168.527.955.955 0 0 1-.464.337l-2.097.69-1.26 4.204a1.79 1.79 0 0 1-1.742 1.29h-1.46c-.5 0-.926-.176-1.279-.53a1.743 1.743 0 0 1-.53-1.277V18.5h-3v.193c0 .498-.177.925-.53 1.278-.353.353-.78.53-1.278.53H7.454c-.364 0-.71-.124-1.04-.372a1.723 1.723 0 0 1-.65-.907 128.575 128.575 0 0 1-1.01-3.657c-.258-1-.461-1.861-.61-2.585a20.137 20.137 0 0 1-.308-1.894c-.026-.24-.046-.48-.06-.716a6.055 6.055 0 0 1-.258-.057 4.059 4.059 0 0 1-1.09-.42c-.348-.206-.722-.531-.89-1.03-.258-.777-.12-1.52.048-2.022a4.238 4.238 0 0 1 .397-.855l.011-.017.004-.006.001-.002L2 5.96c.003.002.038.024.404.268L2 5.959a.75.75 0 1 1 1.236.853 2.747 2.747 0 0 0-.228.504c-.114.34-.163.723-.047 1.072.01.029.052.11.228.214.157.092.365.169.6.231.133-1.106.605-2.066 1.416-2.877.97-.97 2.152-1.455 3.544-1.455H14c.45-.6 1-1.084 1.65-1.45.65-.367 1.35-.55 2.1-.55Zm-.73 1.61a3.058 3.058 0 0 0-1.261.702 3.172 3.172 0 0 0-.834 1.189H8.75c-.966 0-1.791.341-2.475 1.024A3.373 3.373 0 0 0 5.25 9.5c0 .67.169 1.813.506 3.427.337 1.613.813 3.558 1.427 5.833.019.07.06.128.12.173.06.045.126.067.197.067h1.442a.3.3 0 0 0 .221-.086.3.3 0 0 0 .087-.221V17h6v1.693a.3.3 0 0 0 .087.221.3.3 0 0 0 .221.086h1.461c.07 0 .133-.019.188-.057a.283.283 0 0 0 .11-.164l1.483-4.928 2.45-.826V9.5h-1L16.75 6c0-.313.022-.636.067-.965.045-.33.113-.638.202-.925ZM3.25 6.79v-.002h.001l-.001.002Z" clip-rule="evenodd"/>
+</svg>

package/dist/index.d.ts

@@ -377,8 +377,6 @@ declare interface BottomSheetButtonsBaseProps {
     icon?: Icon_2;
     /** The position of the icon relative to the content. */
     iconPosition?: "start" | "end";
-    /** Size of the button. */
-    size?: Exclude<ButtonSize, "small">;
 }
 
 export declare interface BottomSheetProps {
@@ -789,7 +787,7 @@ export declare const IconButton: FC<IconButtonProps>;
 
 export declare type IconButtonProps = AsLink_3 | AsButton_3;
 
-declare const iconNames: readonly ["account-balanced", "address-book", "ai", "alarm-clock", "alert", "app", "apple", "armchair", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "back", "bell", "bra", "briefcase", "cake-piece-full", "cake-piece", "calendar", "cart", "catalog", "chat", "check-bold", "check", "child", "closer", "clothing", "clothing-size", "communication", "connection", "control-panel", "cookie", "copy", "credit-card", "crown", "culture", "curtain-almost-dark", "curtain-dark", "curtain-opaque", "curtain-semi-transparent", "curtain-transparent", "customer", "delivery", "denied", "desktop", "diamond", "discount", "dots", "download", "edit", "education", "email", "error", "exchange", "family", "faq", "fast-delivery", "feedback-negative", "feedback-positive", "first-aid", "fitness", "fossil-fuel", "free-delivery", "friendship", "global-warming", "glossary", "handshake", "hanger", "hashtag", "health", "heart-eyes-emoji", "heart-full", "heart", "help", "hint", "home", "home2", "image-placeholder", "info", "invoice", "light-bulb-heart", "light-bulb", "lightning", "location", "locations", "lock", "lock-open", "logged-in", "logout", "mail", "menu", "minus", "newsletter", "not-yet-available", "order", "order2", "out-of-stock", "pause", "personal-data", "phone", "pin", "pinch-zoom", "plane", "play", "plus", "prepaid", "print", "process", "production-site", "puzzle", "qr-code", "quality", "question", "radio", "recently-viewed", "recycling", "religion", "return", "review-full", "review", "rocket", "roots", "scale", "search-categories", "search-form-arrow", "search", "sepa", "service", "share", "shopping-bag", "signpost", "signpost-single", "similar-products", "size", "social", "sold-out", "sort", "spark", "store", "success", "suitcase", "sustainable-animal-welfare", "sustainable-energy-efficient", "sustainable-natural-cosmetics", "sustainable-organic-materials", "sustainable-production", "sustainable-recyclable-design", "sustainable-recycling", "sustainable-resource", "sustainable-social-initiatives", "swords", "tablet", "teacup", "thumb-down-full", "thumb-down", "thumb-up-full", "thumb-up", "trash-bin", "tv", "user", "visibility", "visibility-off", "voucher", "wallet", "water-pollution", "water-usage", "whatsapp-bell", "whatsapp-phone", "zoom-in", "zoom-out"];
+declare const iconNames: readonly ["account-balanced", "address-book", "ai", "alarm-clock", "alert", "app", "apple", "armchair", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "back", "bell", "bra", "briefcase", "cake-piece-full", "cake-piece", "calendar", "cart", "catalog", "chat", "check-bold", "check", "child", "closer", "clothing", "clothing-size", "communication", "connection", "control-panel", "cookie", "copy", "credit-card", "crown", "culture", "curtain-almost-dark", "curtain-dark", "curtain-opaque", "curtain-semi-transparent", "curtain-transparent", "customer", "delivery", "denied", "desktop", "diamond", "discount", "dots", "download", "edit", "education", "email", "error", "exchange", "family", "faq", "fast-delivery", "feedback-negative", "feedback-positive", "first-aid", "fitness", "fossil-fuel", "free-delivery", "friendship", "giftbox", "global-warming", "globe", "glossary", "handshake", "hanger", "hashtag", "health", "heart-eyes-emoji", "heart-full", "heart", "help", "hint", "home", "home2", "image-placeholder", "info", "invoice", "light-bulb-heart", "light-bulb", "lightning", "location", "locations", "lock", "lock-open", "logged-in", "logout", "mail", "menu", "minus", "newsletter", "not-yet-available", "order", "order2", "out-of-stock", "pause", "personal-data", "phone", "pin", "pinch-zoom", "plane", "play", "plus", "prepaid", "print", "process", "production-site", "puzzle", "qr-code", "quality", "question", "radio", "recently-viewed", "recycling", "religion", "return", "review-full", "review", "rocket", "roots", "saved-money", "scale", "search-categories", "search-form-arrow", "search", "sepa", "service", "share", "shopping-bag", "signpost", "signpost-single", "similar-products", "size", "social", "sold-out", "sort", "spark", "store", "success", "suitcase", "sustainable-animal-welfare", "sustainable-energy-efficient", "sustainable-natural-cosmetics", "sustainable-organic-materials", "sustainable-production", "sustainable-recyclable-design", "sustainable-recycling", "sustainable-resource", "sustainable-social-initiatives", "swords", "tablet", "teacup", "thumb-down-full", "thumb-down", "thumb-up-full", "thumb-up", "trash-bin", "tv", "user", "visibility", "visibility-off", "voucher", "wallet", "water-pollution", "water-usage", "whatsapp-bell", "whatsapp-phone", "zoom-in", "zoom-out"];
 
 export declare interface IconProps {
     /** One of the valid icon variants. */
@@ -937,7 +935,7 @@ export declare const PriceStacked: (props: PriceStackedProps) => default_2.JSX.E
 
 export declare type PriceStackedProps = RegularProps_2 | SaleProps_2 | NoPriceProps_2;
 
-declare const PrimaryButton: ({ children, onClick, type, form, icon, iconPosition, size }: PrimaryButtonProps) => default_2.JSX.Element;
+declare const PrimaryButton: ({ children, onClick, type, form, icon, iconPosition }: PrimaryButtonProps) => default_2.JSX.Element;
 
 declare const PrimaryButton_2: FC<Props_2>;
 
@@ -1122,7 +1120,7 @@ export declare const SearchField: FC<SearchFieldProps>;
 
 export declare type SearchFieldProps = ControlledInputProps_6 | UncontrolledInputProps_6;
 
-declare const SecondaryButton: ({ children, icon, iconPosition, size }: SecondaryButtonProps) => default_2.JSX.Element;
+declare const SecondaryButton: ({ children, icon, iconPosition }: SecondaryButtonProps) => default_2.JSX.Element;
 
 declare const SecondaryButton_2: FC<Props_3>;
 
@@ -1149,7 +1147,9 @@ export declare interface ShowMoreListProps {
     hideTitle?: boolean;
     /** Whether the counter is hidden visually. */
     hideCounter?: boolean;
-    /** Whether the corners of inner containers (header, footer) are rounded. */
+    /** Whether the interaction box is hidden in fully expanded state. */
+    hideInteractionBoxWhenOpen?: boolean;
+    /** Whether the corners of inner containers (header, interaction box) are rounded. */
     roundedCorners?: boolean;
     /** Slot to contain the component's children. `ShowMoreList.Item`s must be used for all countable children. Combine with your own `<li>` elements for customization (e.g. categories). */
     children: ReactNode;
@@ -1159,8 +1159,14 @@ export declare interface ShowMoreListProps {
     buttonShowMoreLabel?: string;
     /** The button text when all items are visible. */
     buttonShowLessLabel?: string;
-    /** Gap between items. */
+    /** Gap between items. Defaults to 8px. */
     gap?: string | number;
+    /** Whether spacing on top and bottom of the list is shown. */
+    showVerticalListPadding?: boolean;
+    /** The padding at the top of the list. Requires `showVerticalListPadding` to be `true`. Defaults to `gap` value. */
+    listPaddingTop?: string | number;
+    /** The padding at the bottom of the list. Requires `showVerticalListPadding` to be `true`. Defaults to `gap` value. */
+    listPaddingBottom?: string | number;
     /** The preview height of the first hidden item. Supported values: number (px), string (px), string (percentage). Examples: 16, "16px", "20%" */
     previewHeight?: string | number;
     /** The HTML tag used to render the title. Defaults to h3. */