{"version":3,"file":"4536.573046ff1a3f1016081f.bundle.js","mappings":"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","sources":["webpack://@hm/react/./node_modules/@hm-group/fabric-components/dist/esm/brand/northstar/components/Panels/Sheet/Sheet.css","webpack://@hm/react/./node_modules/@hm-group/fabric-components/dist/esm/brand/northstar/components/Panels/Sheet/Sheet.css?f8b2","webpack://@hm/react/../../../../../../../src/components/Panels/Sheet/Sheet.tsx","webpack://@hm/react/../../../../../../../../src/components/Panels/Sheet/helpers/getSwipeParameters.tsx","webpack://@hm/react/../../../../../../../../src/components/Typography/headings/HeadingXL/HeadingXL.tsx","webpack://@hm/react/../../../../../../src/icons/brand/northstar/ArrowLeftIcon/ArrowLeftIconSmall.tsx","webpack://@hm/react/../../../../../../src/icons/brand/northstar/ArrowLeftIcon/ArrowLeftIconMedium.tsx","webpack://@hm/react/../../../../src/icons/brand-switches/ArrowLeftIcon.tsx","webpack://@hm/react/../../../../../../src/icons/brand/northstar/ChevronRightIcon/ChevronRightIconSmall.tsx","webpack://@hm/react/../../../../../../src/icons/brand/northstar/ChevronRightIcon/ChevronRightIconMedium.tsx","webpack://@hm/react/../../../../../../src/icons/brand/northstar/ChevronRightIcon/ChevronRightIcon.tsx","webpack://@hm/react/../../../../src/icons/brand-switches/ChevronRightIcon.tsx"],"sourcesContent":["// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../../../../../../css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(true);\n// Module\nexports.push([module.id, \".f233c7{display:flex;justify-content:space-between;flex-direction:row;align-items:center}.ca220f{padding:var(--spacing-m-px) var(--spacing-s-px) var(--spacing-s-px)}.bfaf20{padding:var(--spacing-xs-px) 0;height:64px}.d7e464{flex:1}.c34755{display:flex;flex-grow:1;height:100%;align-items:center}.aec807{padding-inline-start:calc(var(--spacing-xxl-px) - 12px)}.c77a44{padding-inline-start:var(--spacing-xxl-px)}.dbe14a{overflow:auto;flex-grow:1;margin-bottom:var(--spacing-s-px)}.e2742d{padding:0 var(--spacing-s-px) var(--spacing-xs-px)}.d7dc5f{padding:0 var(--spacing-s-px) var(--spacing-xs-px)}.bbe9d4{display:flex;flex-direction:column;gap:var(--spacing-s-px)}.a5fc7b{flex-direction:row}.d079cb{padding:0 var(--spacing-s-px) var(--spacing-m-px)}.b43de8{padding:0 var(--spacing-s-px) var(--spacing-s-px)}.fb5f3b{padding:0 var(--spacing-s-px) var(--spacing-s-px)}.d58ce1{padding:0 var(--spacing-s-px) var(--spacing-s-px)}.ebc593{margin-inline-end:-12px}.f1b7e8{margin-top:-12px;margin-inline-start:-12px}.be969c{padding:0 0 var(--spacing-xs-px)}@media screen and (min-width: 420px){.ca220f{padding:var(--spacing-l-px) var(--spacing-l-px) var(--spacing-m-px)}.bfaf20{height:80px;padding:var(--spacing-s-px) 0}.e2742d{padding:0 var(--spacing-l-px) var(--spacing-xs-px)}.d079cb{flex-direction:row;padding:0 var(--spacing-l-px) var(--spacing-l-px)}.fb5f3b{padding:0 var(--spacing-l-px) var(--spacing-s-px)}.be969c{padding:0 0 var(--spacing-xs-px)}}@media screen and (min-width: 1024px){.bfaf20{padding:var(--spacing-s-px) var(--spacing-xs-px)}.d7dc5f{padding:0 var(--spacing-m-px) var(--spacing-xs-px)}.b43de8{flex-direction:row;padding:0 var(--spacing-m-px) var(--spacing-m-px)}.d58ce1{padding:0 var(--spacing-m-px) var(--spacing-s-px)}.be969c{padding:0 0 var(--spacing-xs-px)}}@media screen and (min-width: 768px){.efdb93{flex-direction:row;margin-inline-start:50%;padding-inline-start:0}}\", \"\",{\"version\":3,\"sources\":[\"/home/vsts/work/1/s/packages/hm-react/node_modules/@hm-group/fabric-components/dist/esm/brand/northstar/components/Panels/Sheet/Sheet.css\"],\"names\":[],\"mappings\":\"AACA,QACE,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,kBAAA,CAEF,QACE,mEAAA,CAEF,QACE,8BAAA,CACA,WAAA,CAEF,QACE,MAAA,CAEF,QACE,YAAA,CACA,WAAA,CACA,WAAA,CACA,kBAAA,CAEF,QACE,uDAAA,CAEF,QACE,0CAAA,CAEF,QACE,aAAA,CACA,WAAA,CACA,iCAAA,CAEF,QACE,kDAAA,CAEF,QACE,kDAAA,CAEF,QACE,YAAA,CACA,qBAAA,CACA,uBAAA,CAEF,QACE,kBAAA,CAEF,QACE,iDAAA,CAEF,QACE,iDAAA,CAEF,QACE,iDAAA,CAEF,QACE,iDAAA,CAEF,QACE,uBAAA,CAEF,QACE,gBAAA,CACA,yBAAA,CAEF,QACE,gCAAA,CAGF,qCACE,QACE,mEAAA,CAEF,QACE,WAAA,CACE,6BAAA,CAEJ,QACE,kDAAA,CAEF,QACE,kBAAA,CACE,iDAAA,CAEJ,QACE,iDAAA,CAEF,QACE,gCAAA,CAAA,CAIJ,sCACE,QACE,gDAAA,CAEF,QACE,kDAAA,CAEF,QACE,kBAAA,CACE,iDAAA,CAEJ,QACE,iDAAA,CAEF,QACE,gCAAA,CAAA,CAIJ,qCACE,QACE,kBAAA,CACE,uBAAA,CACA,sBAAA,CAAA\",\"file\":\"Sheet.css\",\"sourcesContent\":[\"$base-background-default: var(--base-background-default);$base-background-card: var(--base-background-card);$base-background-overlay: var(--base-background-overlay);$base-background-footer: var(--base-background-footer);$base-background-row-alternate: var(--base-background-row-alternate);$base-background-row-hover: var(--base-background-row-hover);$base-background-selected: var(--base-background-selected);$base-background-success: var(--base-background-success);$base-background-error: var(--base-background-error);$base-background-warning: var(--base-background-warning);$base-background-info: var(--base-background-info);$base-text: var(--base-text);$base-text-meta: var(--base-text-meta);$base-text-placeholder: var(--base-text-placeholder);$base-text-disabled: var(--base-text-disabled);$base-primary-interactive: var(--base-primary-interactive);$base-primary-interactive-active: var(--base-primary-interactive-active);$base-primary-interactive-hover: var(--base-primary-interactive-hover);$base-primary-interactive-visited: var(--base-primary-interactive-visited);$base-secondary-interactive: var(--base-secondary-interactive);$base-secondary-interactive-active: var(--base-secondary-interactive-active);$base-secondary-interactive-hover: var(--base-secondary-interactive-hover);$base-tertiary-interactive: var(--base-tertiary-interactive);$base-tertiary-interactive-active: var(--base-tertiary-interactive-active);$base-tertiary-interactive-hover: var(--base-tertiary-interactive-hover);$base-tertiary-interactive-disabled: var(--base-tertiary-interactive-disabled);$base-quaternary-interactive: var(--base-quaternary-interactive);$base-quaternary-interactive-active: var(--base-quaternary-interactive-active);$base-quaternary-interactive-hover: var(--base-quaternary-interactive-hover);$base-quaternary-interactive-disabled: var(--base-quaternary-interactive-disabled);$base-primary-reverse: var(--base-primary-reverse);$base-primary-reverse-interactive-active: var(--base-primary-reverse-interactive-active);$base-primary-reverse-interactive-hover: var(--base-primary-reverse-interactive-hover);$base-interactive-disabled: var(--base-interactive-disabled);$base-validation-success: var(--base-validation-success);$base-validation-error: var(--base-validation-error);$base-notification: var(--base-notification);$base-favourite: var(--base-favourite);$base-background-skeleton: var(--base-background-skeleton);$base-z-axis-shadow: var(--base-z-axis-shadow);$product-sale: var(--product-sale);$product-sustainability: var(--product-sustainability);$product-new: var(--product-new);$product-offer-product-marker: var(--product-offer-product-marker);$product-membership: var(--product-membership);$product-online-exclusive: var(--product-online-exclusive);$product-scarcity: var(--product-scarcity);$base-brand-logo: var(--base-brand-logo);$base-decoration-primary: var(--base-decoration-primary);$base-decoration-secondary: var(--base-decoration-secondary);$responsive-width-xsmall: 320px !default;$responsive-width-small: 420px !default;$responsive-width-medium: 768px !default;$responsive-width-large: 1024px !default;$responsive-width-xlarge: 1440px !default;$responsive-width-xxl: 2560px !default;$energy-class-app: var(--energy-class-app);$energy-class-ap: var(--energy-class-ap);$energy-class-a: var(--energy-class-a);$energy-class-b: var(--energy-class-b);$energy-class-c: var(--energy-class-c);$energy-class-d: var(--energy-class-d);$energy-class-e: var(--energy-class-e);$color-paypal-blue: var(--color-paypal-blue);$color-paypal-blue-light: var(--color-paypal-blue-light);$color-kakao-yellow: var(--color-kakao-yellow);$color-kakao-yellow-active: var(--color-kakao-yellow-active);$color-kakao-text: var(--color-kakao-text);$color-kakao-icon: var(--color-kakao-icon);$color-facebook: var(--color-facebook);$color-twitter: var(--color-twitter);$color-pinterest: var(--color-pinterest);$color-instagram: var(--color-instagram);$color-spotify: var(--color-spotify);$color-snapchat: var(--color-snapchat);$color-tumblr: var(--color-tumblr);$color-google-plus: var(--color-google-plus);$color-youtube: var(--color-youtube);$color-linkedin: var(--color-linkedin);$tag-swatch-beige: var(--tag-swatch-beige);$tag-swatch-black: var(--tag-swatch-black);$tag-swatch-blue: var(--tag-swatch-blue);$tag-swatch-bronze: var(--tag-swatch-bronze);$tag-swatch-brown: var(--tag-swatch-brown);$tag-swatch-gold: var(--tag-swatch-gold);$tag-swatch-green: var(--tag-swatch-green);$tag-swatch-grey: var(--tag-swatch-grey);$tag-swatch-orange: var(--tag-swatch-orange);$tag-swatch-pink: var(--tag-swatch-pink);$tag-swatch-purple: var(--tag-swatch-purple);$tag-swatch-red: var(--tag-swatch-red);$tag-swatch-silver: var(--tag-swatch-silver);$tag-swatch-turquoise: var(--tag-swatch-turquoise);$tag-swatch-white: var(--tag-swatch-white);$tag-swatch-yellow: var(--tag-swatch-yellow);$focus-fallback: var(--focus-fallback);$high-contrast-dark: var(--high-contrast-dark);$high-contrast-light: var(--high-contrast-light);$editorial-fonts: ( \\\"display-quote\\\": ( \\\"deprecated\\\": var(--editorial-display-quote-deprecated), \\\"font-family\\\": var(--editorial-display-quote-font-family), \\\"font-weight\\\": var(--editorial-display-quote-font-weight), \\\"text-transform\\\": var(--editorial-display-quote-text-transform), \\\"default-size\\\": ( \\\"line-height\\\": var(--editorial-display-quote-default-size-line-height-number), \\\"font-size\\\": var(--editorial-display-quote-default-size-font-size-rem)), \\\"breakpoint-medium\\\": ( \\\"line-height\\\": var(--editorial-display-quote-breakpoint-medium-line-height-number), \\\"font-size\\\": var(--editorial-display-quote-breakpoint-medium-font-size-rem))), \\\"preamble\\\": ( \\\"deprecated\\\": var(--editorial-preamble-deprecated), \\\"font-family\\\": var(--editorial-preamble-font-family), \\\"font-weight\\\": var(--editorial-preamble-font-weight), \\\"text-transform\\\": var(--editorial-preamble-text-transform), \\\"font-style\\\": var(--editorial-preamble-font-style), \\\"default-size\\\": ( \\\"line-height\\\": var(--editorial-preamble-default-size-line-height-number), \\\"font-size\\\": var(--editorial-preamble-default-size-font-size-rem)), \\\"breakpoint-medium\\\": ( \\\"line-height\\\": var(--editorial-preamble-breakpoint-medium-line-height-number), \\\"font-size\\\": var(--editorial-preamble-breakpoint-medium-font-size-rem))), \\\"body-text\\\": ( \\\"deprecated\\\": var(--editorial-body-text-deprecated), \\\"font-family\\\": var(--editorial-body-text-font-family), \\\"font-weight\\\": var(--editorial-body-text-font-weight), \\\"text-transform\\\": var(--editorial-body-text-text-transform), \\\"font-variation-settings\\\": var(--editorial-body-text-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--editorial-body-text-default-size-line-height-number), \\\"font-size\\\": var(--editorial-body-text-default-size-font-size-rem))), \\\"text-link\\\": ( \\\"deprecated\\\": var(--editorial-text-link-deprecated), \\\"font-family\\\": var(--editorial-text-link-font-family), \\\"font-weight\\\": var(--editorial-text-link-font-weight), \\\"text-transform\\\": var(--editorial-text-link-text-transform), \\\"text-decoration\\\": var(--editorial-text-link-text-decoration), \\\"font-variation-settings\\\": var(--editorial-text-link-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--editorial-text-link-default-size-line-height-number), \\\"font-size\\\": var(--editorial-text-link-default-size-font-size-rem))), \\\"headline\\\": ( \\\"deprecated\\\": var(--editorial-headline-deprecated), \\\"font-family\\\": var(--editorial-headline-font-family), \\\"font-weight\\\": var(--editorial-headline-font-weight), \\\"font-style\\\": var(--editorial-headline-font-style), \\\"text-transform\\\": var(--editorial-headline-text-transform), \\\"default-size\\\": ( \\\"line-height\\\": var(--editorial-headline-default-size-line-height-number), \\\"font-size\\\": var(--editorial-headline-default-size-font-size-rem)), \\\"breakpoint-medium\\\": ( \\\"line-height\\\": var(--editorial-headline-breakpoint-medium-line-height-number), \\\"font-size\\\": var(--editorial-headline-breakpoint-medium-font-size-rem))));$body-text-fonts: ( \\\"default\\\": ( \\\"deprecated\\\": var(--body-text-default-deprecated), \\\"font-family\\\": var(--body-text-default-font-family), \\\"font-weight\\\": var(--body-text-default-font-weight), \\\"text-transform\\\": var(--body-text-default-text-transform), \\\"font-variation-settings\\\": var(--body-text-default-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--body-text-default-default-size-line-height-number), \\\"font-size\\\": var(--body-text-default-default-size-font-size-rem))), \\\"meta\\\": ( \\\"deprecated\\\": var(--body-text-meta-deprecated), \\\"font-family\\\": var(--body-text-meta-font-family), \\\"font-weight\\\": var(--body-text-meta-font-weight), \\\"text-transform\\\": var(--body-text-meta-text-transform), \\\"font-variation-settings\\\": var(--body-text-meta-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--body-text-meta-default-size-line-height-number), \\\"font-size\\\": var(--body-text-meta-default-size-font-size-rem))), \\\"paragraph\\\": ( \\\"deprecated\\\": var(--body-text-paragraph-deprecated), \\\"font-family\\\": var(--body-text-paragraph-font-family), \\\"font-weight\\\": var(--body-text-paragraph-font-weight), \\\"font-variation-settings\\\": var(--body-text-paragraph-font-variation-settings), \\\"text-transform\\\": var(--body-text-paragraph-text-transform), \\\"default-size\\\": ( \\\"line-height\\\": var(--body-text-paragraph-default-size-line-height-number), \\\"font-size\\\": var(--body-text-paragraph-default-size-font-size-rem))), \\\"preamble\\\": ( \\\"deprecated\\\": var(--body-text-preamble-deprecated), \\\"font-family\\\": var(--body-text-preamble-font-family), \\\"font-weight\\\": var(--body-text-preamble-font-weight), \\\"text-transform\\\": var(--body-text-preamble-text-transform), \\\"font-variation-settings\\\": var(--body-text-preamble-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--body-text-preamble-default-size-line-height-number), \\\"font-size\\\": var(--body-text-preamble-default-size-font-size-rem))));$heading-fonts: ( \\\"xs\\\": ( \\\"deprecated\\\": var(--heading-xs-deprecated), \\\"font-family\\\": var(--heading-xs-font-family), \\\"font-weight\\\": var(--heading-xs-font-weight), \\\"text-transform\\\": var(--heading-xs-text-transform), \\\"font-variation-settings\\\": var(--heading-xs-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--heading-xs-default-size-line-height-number), \\\"font-size\\\": var(--heading-xs-default-size-font-size-rem))), \\\"s\\\": ( \\\"deprecated\\\": var(--heading-s-deprecated), \\\"font-family\\\": var(--heading-s-font-family), \\\"font-weight\\\": var(--heading-s-font-weight), \\\"text-transform\\\": var(--heading-s-text-transform), \\\"font-variation-settings\\\": var(--heading-s-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--heading-s-default-size-line-height-number), \\\"font-size\\\": var(--heading-s-default-size-font-size-rem))), \\\"m\\\": ( \\\"deprecated\\\": var(--heading-m-deprecated), \\\"font-family\\\": var(--heading-m-font-family), \\\"font-weight\\\": var(--heading-m-font-weight), \\\"text-transform\\\": var(--heading-m-text-transform), \\\"font-variation-settings\\\": var(--heading-m-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--heading-m-default-size-line-height-number), \\\"font-size\\\": var(--heading-m-default-size-font-size-rem))), \\\"l\\\": ( \\\"deprecated\\\": var(--heading-l-deprecated), \\\"font-family\\\": var(--heading-l-font-family), \\\"font-weight\\\": var(--heading-l-font-weight), \\\"text-transform\\\": var(--heading-l-text-transform), \\\"font-variation-settings\\\": var(--heading-l-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--heading-l-default-size-line-height-number), \\\"font-size\\\": var(--heading-l-default-size-font-size-rem)), \\\"breakpoint-medium\\\": ( \\\"line-height\\\": var(--heading-l-breakpoint-medium-line-height-number), \\\"font-size\\\": var(--heading-l-breakpoint-medium-font-size-rem))), \\\"xl\\\": ( \\\"deprecated\\\": var(--heading-xl-deprecated), \\\"font-family\\\": var(--heading-xl-font-family), \\\"font-weight\\\": var(--heading-xl-font-weight), \\\"text-transform\\\": var(--heading-xl-text-transform), \\\"font-variation-settings\\\": var(--heading-xl-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--heading-xl-default-size-line-height-number), \\\"font-size\\\": var(--heading-xl-default-size-font-size-rem)), \\\"breakpoint-medium\\\": ( \\\"line-height\\\": var(--heading-xl-breakpoint-medium-line-height-number), \\\"font-size\\\": var(--heading-xl-breakpoint-medium-font-size-rem))), \\\"pre-heading\\\": ( \\\"deprecated\\\": var(--heading-pre-heading-deprecated), \\\"font-family\\\": var(--heading-pre-heading-font-family), \\\"font-weight\\\": var(--heading-pre-heading-font-weight), \\\"text-transform\\\": var(--heading-pre-heading-text-transform), \\\"font-variation-settings\\\": var(--heading-pre-heading-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--heading-pre-heading-default-size-line-height-number), \\\"font-size\\\": var(--heading-pre-heading-default-size-font-size-rem))));$display-fonts: ( \\\"default\\\": ( \\\"deprecated\\\": var(--display-default-deprecated), \\\"font-family\\\": var(--display-default-font-family), \\\"font-weight\\\": var(--display-default-font-weight), \\\"text-transform\\\": var(--display-default-text-transform), \\\"letter-spacing\\\": var(--display-default-letter-spacing), \\\"font-variation-settings\\\": var(--display-default-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--display-default-default-size-line-height-number), \\\"font-size\\\": var(--display-default-default-size-font-size-rem)), \\\"breakpoint-medium\\\": ( \\\"line-height\\\": var(--display-default-breakpoint-medium-line-height-number), \\\"font-size\\\": var(--display-default-breakpoint-medium-font-size-rem))), \\\"quote\\\": ( \\\"deprecated\\\": var(--display-quote-deprecated), \\\"font-family\\\": var(--display-quote-font-family), \\\"font-weight\\\": var(--display-quote-font-weight), \\\"text-transform\\\": var(--display-quote-text-transform), \\\"default-size\\\": ( \\\"line-height\\\": var(--display-quote-default-size-line-height-number), \\\"font-size\\\": var(--display-quote-default-size-font-size-rem)), \\\"breakpoint-medium\\\": ( \\\"line-height\\\": var(--display-quote-breakpoint-medium-line-height-number), \\\"font-size\\\": var(--display-quote-breakpoint-medium-font-size-rem))));$price-fonts: ( \\\"original-default\\\": ( \\\"deprecated\\\": var(--price-original-default-deprecated), \\\"font-family\\\": var(--price-original-default-font-family), \\\"font-weight\\\": var(--price-original-default-font-weight), \\\"text-transform\\\": var(--price-original-default-text-transform), \\\"text-decoration\\\": var(--price-original-default-text-decoration), \\\"font-variation-settings\\\": var(--price-original-default-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--price-original-default-default-size-line-height-number), \\\"font-size\\\": var(--price-original-default-default-size-font-size-rem))), \\\"original-large\\\": ( \\\"deprecated\\\": var(--price-original-large-deprecated), \\\"font-family\\\": var(--price-original-large-font-family), \\\"font-weight\\\": var(--price-original-large-font-weight), \\\"text-transform\\\": var(--price-original-large-text-transform), \\\"text-decoration\\\": var(--price-original-large-text-decoration), \\\"font-variation-settings\\\": var(--price-original-large-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--price-original-large-default-size-line-height-number), \\\"font-size\\\": var(--price-original-large-default-size-font-size-rem))), \\\"black-default\\\": ( \\\"deprecated\\\": var(--price-black-default-deprecated), \\\"font-family\\\": var(--price-black-default-font-family), \\\"font-weight\\\": var(--price-black-default-font-weight), \\\"font-variation-settings\\\": var(--price-black-default-font-variation-settings), \\\"text-transform\\\": var(--price-black-default-text-transform), \\\"default-size\\\": ( \\\"line-height\\\": var(--price-black-default-default-size-line-height-number), \\\"font-size\\\": var(--price-black-default-default-size-font-size-rem))), \\\"black-large\\\": ( \\\"deprecated\\\": var(--price-black-large-deprecated), \\\"font-family\\\": var(--price-black-large-font-family), \\\"font-weight\\\": var(--price-black-large-font-weight), \\\"font-variation-settings\\\": var(--price-black-large-font-variation-settings), \\\"text-transform\\\": var(--price-black-large-text-transform), \\\"default-size\\\": ( \\\"line-height\\\": var(--price-black-large-default-size-line-height-number), \\\"font-size\\\": var(--price-black-large-default-size-font-size-rem))), \\\"previous-meta\\\": ( \\\"deprecated\\\": var(--price-previous-meta-deprecated), \\\"font-family\\\": var(--price-previous-meta-font-family), \\\"font-weight\\\": var(--price-previous-meta-font-weight), \\\"text-transform\\\": var(--price-previous-meta-text-transform), \\\"text-decoration\\\": var(--price-previous-meta-text-decoration), \\\"font-variation-settings\\\": var(--price-previous-meta-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--price-previous-meta-default-size-line-height-number), \\\"font-size\\\": var(--price-previous-meta-default-size-font-size-rem))));$label-fonts: ( \\\"form-label\\\": ( \\\"deprecated\\\": var(--label-form-label-deprecated), \\\"font-family\\\": var(--label-form-label-font-family), \\\"font-weight\\\": var(--label-form-label-font-weight), \\\"text-transform\\\": var(--label-form-label-text-transform), \\\"font-variation-settings\\\": var(--label-form-label-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--label-form-label-default-size-line-height-number), \\\"font-size\\\": var(--label-form-label-default-size-font-size-rem))));$interactive-fonts: ( \\\"navigation-parent\\\": ( \\\"deprecated\\\": var(--interactive-navigation-parent-deprecated), \\\"font-family\\\": var(--interactive-navigation-parent-font-family), \\\"font-weight\\\": var(--interactive-navigation-parent-font-weight), \\\"text-transform\\\": var(--interactive-navigation-parent-text-transform), \\\"text-decoration\\\": var(--interactive-navigation-parent-text-decoration), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-navigation-parent-default-size-line-height-number), \\\"font-size\\\": var(--interactive-navigation-parent-default-size-font-size-rem)), \\\"breakpoint-medium\\\": ( \\\"line-height\\\": var(--interactive-navigation-parent-breakpoint-medium-line-height-number), \\\"font-size\\\": var(--interactive-navigation-parent-breakpoint-medium-font-size-rem))), \\\"navigation-child\\\": ( \\\"deprecated\\\": var(--interactive-navigation-child-deprecated), \\\"font-family\\\": var(--interactive-navigation-child-font-family), \\\"font-weight\\\": var(--interactive-navigation-child-font-weight), \\\"text-transform\\\": var(--interactive-navigation-child-text-transform), \\\"text-decoration\\\": var(--interactive-navigation-child-text-decoration), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-navigation-child-default-size-line-height-number), \\\"font-size\\\": var(--interactive-navigation-child-default-size-font-size-rem))), \\\"navigation-large\\\": ( \\\"deprecated\\\": var(--interactive-navigation-large-deprecated), \\\"font-family\\\": var(--interactive-navigation-large-font-family), \\\"font-weight\\\": var(--interactive-navigation-large-font-weight), \\\"text-transform\\\": var(--interactive-navigation-large-text-transform), \\\"text-decoration\\\": var(--interactive-navigation-large-text-decoration), \\\"font-variation-settings\\\": var(--interactive-navigation-large-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-navigation-large-default-size-line-height-number), \\\"font-size\\\": var(--interactive-navigation-large-default-size-font-size-rem)), \\\"breakpoint-medium\\\": ( \\\"line-height\\\": var(--interactive-navigation-large-breakpoint-medium-line-height-number), \\\"font-size\\\": var(--interactive-navigation-large-breakpoint-medium-font-size-rem))), \\\"navigation-medium\\\": ( \\\"deprecated\\\": var(--interactive-navigation-medium-deprecated), \\\"font-family\\\": var(--interactive-navigation-medium-font-family), \\\"font-weight\\\": var(--interactive-navigation-medium-font-weight), \\\"font-variation-settings\\\": var(--interactive-navigation-medium-font-variation-settings), \\\"text-transform\\\": var(--interactive-navigation-medium-text-transform), \\\"text-decoration\\\": var(--interactive-navigation-medium-text-decoration), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-navigation-medium-default-size-line-height-number), \\\"font-size\\\": var(--interactive-navigation-medium-default-size-font-size-rem))), \\\"navigation-small\\\": ( \\\"deprecated\\\": var(--interactive-navigation-small-deprecated), \\\"font-family\\\": var(--interactive-navigation-small-font-family), \\\"font-weight\\\": var(--interactive-navigation-small-font-weight), \\\"font-variation-settings\\\": var(--interactive-navigation-small-font-variation-settings), \\\"text-transform\\\": var(--interactive-navigation-small-text-transform), \\\"text-decoration\\\": var(--interactive-navigation-small-text-decoration), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-navigation-small-default-size-line-height-number), \\\"font-size\\\": var(--interactive-navigation-small-default-size-font-size-rem))), \\\"inline-link-default\\\": ( \\\"deprecated\\\": var(--interactive-inline-link-default-deprecated), \\\"font-family\\\": var(--interactive-inline-link-default-font-family), \\\"font-weight\\\": var(--interactive-inline-link-default-font-weight), \\\"font-variation-settings\\\": var(--interactive-inline-link-default-font-variation-settings), \\\"text-transform\\\": var(--interactive-inline-link-default-text-transform), \\\"text-decoration\\\": var(--interactive-inline-link-default-text-decoration), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-inline-link-default-default-size-line-height-number), \\\"font-size\\\": var(--interactive-inline-link-default-default-size-font-size-rem))), \\\"inline-link-meta\\\": ( \\\"deprecated\\\": var(--interactive-inline-link-meta-deprecated), \\\"font-family\\\": var(--interactive-inline-link-meta-font-family), \\\"font-weight\\\": var(--interactive-inline-link-meta-font-weight), \\\"font-variation-settings\\\": var(--interactive-inline-link-meta-font-variation-settings), \\\"text-transform\\\": var(--interactive-inline-link-meta-text-transform), \\\"text-decoration\\\": var(--interactive-inline-link-meta-text-decoration), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-inline-link-meta-default-size-line-height-number), \\\"font-size\\\": var(--interactive-inline-link-meta-default-size-font-size-rem))), \\\"inline-link-paragraph\\\": ( \\\"deprecated\\\": var(--interactive-inline-link-paragraph-deprecated), \\\"font-family\\\": var(--interactive-inline-link-paragraph-font-family), \\\"font-weight\\\": var(--interactive-inline-link-paragraph-font-weight), \\\"font-variation-settings\\\": var(--interactive-inline-link-paragraph-font-variation-settings), \\\"text-transform\\\": var(--interactive-inline-link-paragraph-text-transform), \\\"text-decoration\\\": var(--interactive-inline-link-paragraph-text-decoration), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-inline-link-paragraph-default-size-line-height-number), \\\"font-size\\\": var(--interactive-inline-link-paragraph-default-size-font-size-rem))), \\\"inline-link-preamble\\\": ( \\\"deprecated\\\": var(--interactive-inline-link-preamble-deprecated), \\\"font-family\\\": var(--interactive-inline-link-preamble-font-family), \\\"font-weight\\\": var(--interactive-inline-link-preamble-font-weight), \\\"text-transform\\\": var(--interactive-inline-link-preamble-text-transform), \\\"font-variation-settings\\\": var(--interactive-inline-link-preamble-font-variation-settings), \\\"text-decoration\\\": var(--interactive-inline-link-preamble-text-decoration), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-inline-link-preamble-default-size-line-height-number), \\\"font-size\\\": var(--interactive-inline-link-preamble-default-size-font-size-rem))), \\\"standalone-link\\\": ( \\\"deprecated\\\": var(--interactive-standalone-link-deprecated), \\\"font-family\\\": var(--interactive-standalone-link-font-family), \\\"font-weight\\\": var(--interactive-standalone-link-font-weight), \\\"text-transform\\\": var(--interactive-standalone-link-text-transform), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-standalone-link-default-size-line-height-number), \\\"font-size\\\": var(--interactive-standalone-link-default-size-font-size-rem))), \\\"standalone-link-default\\\": ( \\\"deprecated\\\": var(--interactive-standalone-link-default-deprecated), \\\"font-family\\\": var(--interactive-standalone-link-default-font-family), \\\"font-weight\\\": var(--interactive-standalone-link-default-font-weight), \\\"text-transform\\\": var(--interactive-standalone-link-default-text-transform), \\\"font-variation-settings\\\": var(--interactive-standalone-link-default-font-variation-settings), \\\"text-decoration\\\": var(--interactive-standalone-link-default-text-decoration), \\\"letter-spacing\\\": var(--interactive-standalone-link-default-letter-spacing), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-standalone-link-default-default-size-line-height-number), \\\"font-size\\\": var(--interactive-standalone-link-default-default-size-font-size-rem))), \\\"standalone-link-underline\\\": ( \\\"deprecated\\\": var(--interactive-standalone-link-underline-deprecated), \\\"font-family\\\": var(--interactive-standalone-link-underline-font-family), \\\"font-weight\\\": var(--interactive-standalone-link-underline-font-weight), \\\"text-decoration\\\": var(--interactive-standalone-link-underline-text-decoration), \\\"text-transform\\\": var(--interactive-standalone-link-underline-text-transform), \\\"font-variation-settings\\\": var(--interactive-standalone-link-underline-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-standalone-link-underline-default-size-line-height-number), \\\"font-size\\\": var(--interactive-standalone-link-underline-default-size-font-size-rem))), \\\"input-text\\\": ( \\\"deprecated\\\": var(--interactive-input-text-deprecated), \\\"font-family\\\": var(--interactive-input-text-font-family), \\\"font-weight\\\": var(--interactive-input-text-font-weight), \\\"font-variation-settings\\\": var(--interactive-input-text-font-variation-settings), \\\"text-transform\\\": var(--interactive-input-text-text-transform), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-input-text-default-size-line-height-number), \\\"font-size\\\": var(--interactive-input-text-default-size-font-size-rem))), \\\"element\\\": ( \\\"deprecated\\\": var(--interactive-element-deprecated), \\\"font-family\\\": var(--interactive-element-font-family), \\\"font-weight\\\": var(--interactive-element-font-weight), \\\"font-variation-settings\\\": var(--interactive-element-font-variation-settings), \\\"text-transform\\\": var(--interactive-element-text-transform), \\\"letter-spacing\\\": var(--interactive-element-letter-spacing), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-element-default-size-line-height-number), \\\"font-size\\\": var(--interactive-element-default-size-font-size-rem))));$button-fonts: ('s': ('font-family': (\\\"HM Sans Semi Bold\\\", \\\"HMSansHebrew-SemiBold\\\", \\\"ヒラギノ角ゴ Pro W3\\\", \\\"Hiragino Kaku Gothic Pro\\\", Osaka, \\\"メイリオ\\\", Meiryo, \\\"MS Pゴシック\\\", \\\"MS PGothic\\\", sans-serif),'font-weight': 500,'text-transform': none,'letter-spacing': normal,'default-size': ('line-height': 1,'font-size': 1rem,),),);$spacing-none: var(--spacing-none-px);$spacing-xxxs: var(--spacing-xxxs-px);$spacing-xxs: var(--spacing-xxs-px);$spacing-xs: var(--spacing-xs-px);$spacing-s: var(--spacing-s-px);$spacing-m: var(--spacing-m-px);$spacing-l: var(--spacing-l-px);$spacing-xl: var(--spacing-xl-px);$spacing-xxl: var(--spacing-xxl-px);$spacing-xxl-2: var(--spacing-xxl-2-px);$spacing-xxxl: var(--spacing-xxxl-px);$spacing-xxxxl: var(--spacing-xxxxl-px);$spacing-xxxxxl: var(--spacing-xxxxxl-px);$spacing-xxxxxxl: var(--spacing-xxxxxxl-px);$spacing-xs-deprecated: var(--spacing-xs-deprecated-px);$is-development: true;$is-staging: false;$is-production: false;$interactive-border: (\\\"radius\\\": var(--interactive-border-radius), \\\"width\\\": var(--interactive-border-width));$card-border: (\\\"radius\\\": var(--card-border-radius), \\\"width\\\": var(--card-border-width));$section-border: (\\\"radius\\\": var(--section-border-radius), \\\"width\\\": var(--section-border-width));$shadow-interactive-default: (\\\"xAxis\\\": var(--shadow-interactive-default-xAxis), \\\"yAxis\\\": var(--shadow-interactive-default-yAxis), \\\"blur\\\": var(--shadow-interactive-default-blur), \\\"spread\\\": var(--shadow-interactive-default-spread), \\\"color\\\": var(--shadow-interactive-default-color));$shadow-interactive-hover: (\\\"xAxis\\\": var(--shadow-interactive-hover-xAxis), \\\"yAxis\\\": var(--shadow-interactive-hover-yAxis), \\\"blur\\\": var(--shadow-interactive-hover-blur), \\\"spread\\\": var(--shadow-interactive-hover-spread), \\\"color\\\": var(--shadow-interactive-hover-color));$shadow-interactive-active: (\\\"xAxis\\\": var(--shadow-interactive-active-xAxis), \\\"yAxis\\\": var(--shadow-interactive-active-yAxis), \\\"blur\\\": var(--shadow-interactive-active-blur), \\\"spread\\\": var(--shadow-interactive-active-spread), \\\"color\\\": var(--shadow-interactive-active-color));$shadow-static: (\\\"xAxis\\\": var(--shadow-static-xAxis), \\\"yAxis\\\": var(--shadow-static-yAxis), \\\"blur\\\": var(--shadow-static-blur), \\\"spread\\\": var(--shadow-static-spread), \\\"color\\\": var(--shadow-static-color));$z-index-toast-notification: var(--z-index-toast-notification);$z-index-panel: var(--z-index-panel);$z-index-overlay: var(--z-index-overlay);$z-index-dropdown: var(--z-index-dropdown);$z-index-tooltip: var(--z-index-tooltip);$default-palette: ('background': var(--default-palette-background, $base-background-default),'text': var(--default-palette-text, $base-text),'headline': var(--default-palette-headline, $base-text),'logo': var(--default-palette-logo, $base-brand-logo),'interactive': var(--default-palette-interactive, $base-primary-interactive),'interactive-hover': var(--default-palette-interactive-hover, $base-primary-interactive-hover),'interactive-active': var(--default-palette-interactive-active, $base-primary-interactive-active),'interactive-reverse': var(--default-palette-interactive-reverse, $base-primary-reverse),);$inverted-palette: ('background': var(--inverted-palette-background, $base-background-default),'text': var(--inverted-palette-text, $base-text),'headline': var(--inverted-palette-headline, $base-text),'logo': var(--inverted-palette-logo, $base-brand-logo),'interactive': var(--inverted-palette-interactive, $base-primary-interactive),'interactive-hover': var(--inverted-palette-interactive-hover, $base-primary-interactive-hover),'interactive-active': var(--inverted-palette-interactive-active, $base-primary-interactive-active),'interactive-reverse': var(--inverted-palette-interactive-reverse, $base-primary-reverse),);$sale-palette: ('background': var(--sale-palette-background, $base-background-default),'text': var(--sale-palette-text, $base-text),'headline': var(--sale-palette-headline, $base-text),'logo': var(--sale-palette-logo, $base-brand-logo),'interactive': var(--sale-palette-interactive, $base-primary-interactive),'interactive-hover': var(--sale-palette-interactive-hover, $base-primary-interactive-hover),'interactive-active': var(--sale-palette-interactive-active, $base-primary-interactive-active),'interactive-reverse': var(--sale-palette-interactive-reverse, $base-primary-reverse),);$member-palette: ('background': var(--member-palette-background, $base-background-default),'text': var(--member-palette-text, $base-text),'headline': var(--member-palette-headline, $base-text),'logo': var(--member-palette-logo, $base-brand-logo),'interactive': var(--member-palette-interactive, $base-primary-interactive),'interactive-hover': var(--member-palette-interactive-hover, $base-primary-interactive-hover),'interactive-active': var(--member-palette-interactive-active, $base-primary-interactive-active),'interactive-reverse': var(--member-palette-interactive-reverse, $base-primary-reverse),);$deals-palette: ('background': var(--deals-palette-background, $base-background-default),'text': var(--deals-palette-text, $base-text),'headline': var(--deals-palette-headline, $base-text),'logo': var(--deals-palette-logo, $base-brand-logo),'interactive': var(--deals-palette-interactive, $base-primary-interactive),'interactive-hover': var(--deals-palette-interactive-hover, $base-primary-interactive-hover),'interactive-active': var(--deals-palette-interactive-active, $base-primary-interactive-active),'interactive-reverse': var(--deals-palette-interactive-reverse, $base-primary-reverse),);$black-friday-palette: ('background': var(--black-friday-palette-background, $base-background-default),'text': var(--black-friday-palette-text, $base-text),'headline': var(--black-friday-palette-headline, $base-text),'logo': var(--black-friday-palette-logo, $base-brand-logo),'interactive': var(--black-friday-palette-interactive, $base-primary-interactive),'interactive-hover': var(--black-friday-palette-interactive-hover, $base-primary-interactive-hover),'interactive-active': var(--black-friday-palette-interactive-active, $base-primary-interactive-active),'interactive-reverse': var(--black-friday-palette-interactive-reverse, $base-primary-reverse),);$cyber-monday-palette: ('background': var(--cyber-monday-palette-background, $base-background-default),'text': var(--cyber-monday-palette-text, $base-text),'headline': var(--cyber-monday-palette-headline, $base-text),'logo': var(--cyber-monday-palette-logo, $base-brand-logo),'interactive': var(--cyber-monday-palette-interactive, $base-primary-interactive),'interactive-hover': var(--cyber-monday-palette-interactive-hover, $base-primary-interactive-hover),'interactive-active': var(--cyber-monday-palette-interactive-active, $base-primary-interactive-active),'interactive-reverse': var(--cyber-monday-palette-interactive-reverse, $base-primary-reverse),);$available-palettes: ('default': $default-palette,'inverted': $inverted-palette,'sale': $sale-palette,'member': $member-palette,'deals': $deals-palette,'black-friday': $black-friday-palette,'cyber-monday': $cyber-monday-palette,);$default-palette: ('background': $base-background-default,'text': $base-text,'headline': $base-text,'logo': $base-brand-logo,'interactive': $base-primary-interactive,'interactive-hover': $base-primary-interactive-hover,'interactive-active': $base-primary-interactive-active,'interactive-reverse': $base-primary-reverse,);$fds-text-display: ('xl': ('font-family': var(--fds-text-display-xl-font-family),'text-transform': var(--fds-text-display-xl-text-transform),'font-variation-settings': var(--fds-text-display-xl-font-variation-settings),'default-size': ('font-size': var(--fds-text-display-xl-default-size-font-size-rem),'line-height': var(--fds-text-display-xl-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-display-xl-size-desktop-font-size-rem),'line-height': var(--fds-text-display-xl-size-desktop-line-height-number),),),'l': ('font-family': var(--fds-text-display-l-font-family),'text-transform': var(--fds-text-display-l-text-transform),'font-variation-settings': var(--fds-text-display-l-font-variation-settings),'default-size': ('font-size': var(--fds-text-display-l-default-size-font-size-rem),'line-height': var(--fds-text-display-l-default-size-line-height-number),),),'m': ('font-family': var(--fds-text-display-m-font-family),'text-transform': var(--fds-text-display-m-text-transform),'font-variation-settings': var(--fds-text-display-m-font-variation-settings),'default-size': ('font-size': var(--fds-text-display-m-default-size-font-size-rem),'line-height': var(--fds-text-display-m-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-display-m-size-desktop-font-size-rem),'line-height': var(--fds-text-display-m-size-desktop-line-height-number),),),);$fds-text-heading: ('xxl': ('font-family': var(--fds-text-heading-xxl-font-family),'text-transform': var(--fds-text-heading-xxl-text-transform),'font-variation-settings': var(--fds-text-heading-xxl-font-variation-settings),'default-size': ('font-size': var(--fds-text-heading-xxl-default-size-font-size-rem),'line-height': var(--fds-text-heading-xxl-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-heading-xxl-size-desktop-font-size-rem),'line-height': var(--fds-text-heading-xxl-size-desktop-line-height-number),),),'xl': ('font-family': var(--fds-text-heading-xl-font-family),'text-transform': var(--fds-text-heading-xl-text-transform),'font-variation-settings': var(--fds-text-heading-xl-font-variation-settings),'default-size': ('font-size': var(--fds-text-heading-xl-default-size-font-size-rem),'line-height': var(--fds-text-heading-xl-default-size-line-height-number),),),'l': ('font-family': var(--fds-text-heading-l-font-family),'text-transform': var(--fds-text-heading-l-text-transform),'font-variation-settings': var(--fds-text-heading-l-font-variation-settings),'default-size': ('font-size': var(--fds-text-heading-l-default-size-font-size-rem),'line-height': var(--fds-text-heading-l-default-size-line-height-number),),),'m': ('font-family': var(--fds-text-heading-m-font-family),'text-transform': var(--fds-text-heading-m-text-transform),'font-variation-settings': var(--fds-text-heading-m-font-variation-settings),'default-size': ('font-size': var(--fds-text-heading-m-default-size-font-size-rem),'line-height': var(--fds-text-heading-m-default-size-line-height-number),),),'s': ('font-family': var(--fds-text-heading-s-font-family),'text-transform': var(--fds-text-heading-s-text-transform),'font-variation-settings': var(--fds-text-heading-s-font-variation-settings),'default-size': ('font-size': var(--fds-text-heading-s-default-size-font-size-rem),'line-height': var(--fds-text-heading-s-default-size-line-height-number),),),);$fds-text-label: ('xs': ('font-family': var(--fds-text-label-xs-font-family),'text-transform': var(--fds-text-label-xs-text-transform),'font-variation-settings': var(--fds-text-label-xs-font-variation-settings),'default-size': ('font-size': var(--fds-text-label-xs-default-size-font-size-rem),'line-height': var(--fds-text-label-xs-default-size-line-height-number),),),'s': ('font-family': var(--fds-text-label-s-font-family),'text-transform': var(--fds-text-label-s-text-transform),'font-variation-settings': var(--fds-text-label-s-font-variation-settings),'default-size': ('font-size': var(--fds-text-label-s-default-size-font-size-rem),'line-height': var(--fds-text-label-s-default-size-line-height-number),),),'s-strong': ('font-family': var(--fds-text-label-s-strong-font-family),'text-transform': var(--fds-text-label-s-strong-text-transform),'font-variation-settings': var(--fds-text-label-s-strong-font-variation-settings),'default-size': ('font-size': var(--fds-text-label-s-strong-default-size-font-size-rem),'line-height': var(--fds-text-label-s-strong-default-size-line-height-number),),),'s-link': ('font-family': var(--fds-text-label-s-link-font-family),'text-transform': var(--fds-text-label-s-link-text-transform),'font-variation-settings': var(--fds-text-label-s-link-font-variation-settings),'text-decoration': var(--fds-text-label-s-link-text-decoration),'default-size': ('font-size': var(--fds-text-label-s-link-default-size-font-size-rem),'line-height': var(--fds-text-label-s-link-default-size-line-height-number),),),'m': ('font-family': var(--fds-text-label-m-font-family),'text-transform': var(--fds-text-label-m-text-transform),'font-variation-settings': var(--fds-text-label-m-font-variation-settings),'default-size': ('font-size': var(--fds-text-label-m-default-size-font-size-rem),'line-height': var(--fds-text-label-m-default-size-line-height-number),),),'m-strong': ('font-family': var(--fds-text-label-m-strong-font-family),'text-transform': var(--fds-text-label-m-strong-text-transform),'font-variation-settings': var(--fds-text-label-m-strong-font-variation-settings),'default-size': ('font-size': var(--fds-text-label-m-strong-default-size-font-size-rem),'line-height': var(--fds-text-label-m-strong-default-size-line-height-number),),),'m-link': ('font-family': var(--fds-text-label-m-link-font-family),'text-transform': var(--fds-text-label-m-link-text-transform),'font-variation-settings': var(--fds-text-label-m-link-font-variation-settings),'text-decoration': var(--fds-text-label-m-link-text-decoration),'default-size': ('font-size': var(--fds-text-label-m-link-default-size-font-size-rem),'line-height': var(--fds-text-label-m-link-default-size-line-height-number),),),'l': ('font-family': var(--fds-text-label-l-font-family),'text-transform': var(--fds-text-label-l-text-transform),'font-variation-settings': var(--fds-text-label-l-font-variation-settings),'default-size': ('font-size': var(--fds-text-label-l-default-size-font-size-rem),'line-height': var(--fds-text-label-l-default-size-line-height-number),),),'l-strong': ('font-family': var(--fds-text-label-l-strong-font-family),'text-transform': var(--fds-text-label-l-strong-text-transform),'font-variation-settings': var(--fds-text-label-l-strong-font-variation-settings),'default-size': ('font-size': var(--fds-text-label-l-strong-default-size-font-size-rem),'line-height': var(--fds-text-label-l-strong-default-size-line-height-number),),),'l-link': ('font-family': var(--fds-text-label-l-link-font-family),'text-transform': var(--fds-text-label-l-link-text-transform),'font-variation-settings': var(--fds-text-label-l-link-font-variation-settings),'text-decoration': var(--fds-text-label-l-link-text-decoration),'default-size': ('font-size': var(--fds-text-label-l-link-default-size-font-size-rem),'line-height': var(--fds-text-label-l-link-default-size-line-height-number),),),);$fds-text-body: ('s': ('font-family': var(--fds-text-body-s-font-family),'text-transform': var(--fds-text-body-s-text-transform),'font-variation-settings': var(--fds-text-body-s-font-variation-settings),'default-size': ('font-size': var(--fds-text-body-s-default-size-font-size-rem),'line-height': var(--fds-text-body-s-default-size-line-height-number),),),'s-link': ('font-family': var(--fds-text-body-s-link-font-family),'text-transform': var(--fds-text-body-s-link-text-transform),'font-variation-settings': var(--fds-text-body-s-link-font-variation-settings),'text-decoration': var(--fds-text-body-s-link-text-decoration),'default-size': ('font-size': var(--fds-text-body-s-link-default-size-font-size-rem),'line-height': var(--fds-text-body-s-link-default-size-line-height-number),),),'m': ('font-family': var(--fds-text-body-m-font-family),'text-transform': var(--fds-text-body-m-text-transform),'font-variation-settings': var(--fds-text-body-m-font-variation-settings),'default-size': ('font-size': var(--fds-text-body-m-default-size-font-size-rem),'line-height': var(--fds-text-body-m-default-size-line-height-number),),),'m-link': ('font-family': var(--fds-text-body-m-link-font-family),'text-transform': var(--fds-text-body-m-link-text-transform),'font-variation-settings': var(--fds-text-body-m-link-font-variation-settings),'text-decoration': var(--fds-text-body-m-link-text-decoration),'default-size': ('font-size': var(--fds-text-body-m-link-default-size-font-size-rem),'line-height': var(--fds-text-body-m-link-default-size-line-height-number),),),);$fds-text-nav: ('s': ('font-family': var(--fds-text-nav-s-font-family),'text-transform': var(--fds-text-nav-s-text-transform),'font-variation-settings': var(--fds-text-nav-s-font-variation-settings),'text-decoration': var(--fds-text-nav-s-text-decoration),'default-size': ('font-size': var(--fds-text-nav-s-default-size-font-size-rem),'line-height': var(--fds-text-nav-s-default-size-line-height-number),),),'s-active': ('font-family': var(--fds-text-nav-s-active-font-family),'text-transform': var(--fds-text-nav-s-active-text-transform),'font-variation-settings': var(--fds-text-nav-s-active-font-variation-settings),'text-decoration': var(--fds-text-nav-s-active-text-decoration),'default-size': ('font-size': var(--fds-text-nav-s-active-default-size-font-size-rem),'line-height': var(--fds-text-nav-s-active-default-size-line-height-number),),),'m': ('font-family': var(--fds-text-nav-m-font-family),'text-transform': var(--fds-text-nav-m-text-transform),'font-variation-settings': var(--fds-text-nav-m-font-variation-settings),'text-decoration': var(--fds-text-nav-m-text-decoration),'default-size': ('font-size': var(--fds-text-nav-m-default-size-font-size-rem),'line-height': var(--fds-text-nav-m-default-size-line-height-number),),),'m-active': ('font-family': var(--fds-text-nav-m-active-font-family),'text-transform': var(--fds-text-nav-m-active-text-transform),'font-variation-settings': var(--fds-text-nav-m-active-font-variation-settings),'text-decoration': var(--fds-text-nav-m-active-text-decoration),'default-size': ('font-size': var(--fds-text-nav-m-active-default-size-font-size-rem),'line-height': var(--fds-text-nav-m-active-default-size-line-height-number),),),'l': ('font-family': var(--fds-text-nav-l-font-family),'text-transform': var(--fds-text-nav-l-text-transform),'font-variation-settings': var(--fds-text-nav-l-font-variation-settings),'text-decoration': var(--fds-text-nav-l-text-decoration),'default-size': ('font-size': var(--fds-text-nav-l-default-size-font-size-rem),'line-height': var(--fds-text-nav-l-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-nav-l-size-desktop-font-size-rem),'line-height': var(--fds-text-nav-l-size-desktop-line-height-number),),),'xl': ('font-family': var(--fds-text-nav-xl-font-family),'text-transform': var(--fds-text-nav-xl-text-transform),'font-variation-settings': var(--fds-text-nav-xl-font-variation-settings),'text-decoration': var(--fds-text-nav-xl-text-decoration),'default-size': ('font-size': var(--fds-text-nav-xl-default-size-font-size-rem),'line-height': var(--fds-text-nav-xl-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-nav-xl-size-desktop-font-size-rem),'line-height': var(--fds-text-nav-xl-size-desktop-line-height-number),),),);$fds-text-action: ('s': ('font-family': var(--fds-text-action-s-font-family),'text-transform': var(--fds-text-action-s-text-transform),'font-variation-settings': var(--fds-text-action-s-font-variation-settings),'text-decoration': var(--fds-text-action-s-text-decoration),'default-size': ('font-size': var(--fds-text-action-s-default-size-font-size-rem),'line-height': var(--fds-text-action-s-default-size-line-height-number),),),'m': ('font-family': var(--fds-text-action-m-font-family),'text-transform': var(--fds-text-action-m-text-transform),'font-variation-settings': var(--fds-text-action-m-font-variation-settings),'default-size': ('font-size': var(--fds-text-action-m-default-size-font-size-rem),'line-height': var(--fds-text-action-m-default-size-line-height-number),),),'m-active': ('font-family': var(--fds-text-action-m-active-font-family),'text-transform': var(--fds-text-action-m-active-text-transform),'font-variation-settings': var(--fds-text-action-m-active-font-variation-settings),'default-size': ('font-size': var(--fds-text-action-m-active-default-size-font-size-rem),'line-height': var(--fds-text-action-m-active-default-size-line-height-number),),),);$fds-text-link: ('s': ('font-family': var(--fds-text-link-s-font-family),'text-transform': var(--fds-text-link-s-text-transform),'font-variation-settings': var(--fds-text-link-s-font-variation-settings),'text-decoration': var(--fds-text-link-s-text-decoration),'default-size': ('font-size': var(--fds-text-link-s-default-size-font-size-rem),'line-height': var(--fds-text-link-s-default-size-line-height-number),),),'m': ('font-family': var(--fds-text-link-m-font-family),'text-transform': var(--fds-text-link-m-text-transform),'font-variation-settings': var(--fds-text-link-m-font-variation-settings),'text-decoration': var(--fds-text-link-m-text-decoration),'default-size': ('font-size': var(--fds-text-link-m-default-size-font-size-rem),'line-height': var(--fds-text-link-m-default-size-line-height-number),),),);$fds-text-price: ('s': ('font-family': var(--fds-text-price-s-font-family),'text-transform': var(--fds-text-price-s-text-transform),'font-variation-settings': var(--fds-text-price-s-font-variation-settings),'default-size': ('font-size': var(--fds-text-price-s-default-size-font-size-rem),'line-height': var(--fds-text-price-s-default-size-line-height-number),),),'m': ('font-family': var(--fds-text-price-m-font-family),'text-transform': var(--fds-text-price-m-text-transform),'font-variation-settings': var(--fds-text-price-m-font-variation-settings),'default-size': ('font-size': var(--fds-text-price-m-default-size-font-size-rem),'line-height': var(--fds-text-price-m-default-size-line-height-number),),),'l': ('font-family': var(--fds-text-price-l-font-family),'text-transform': var(--fds-text-price-l-text-transform),'font-variation-settings': var(--fds-text-price-l-font-variation-settings),'default-size': ('font-size': var(--fds-text-price-l-default-size-font-size-rem),'line-height': var(--fds-text-price-l-default-size-line-height-number),),),'s-previous': ('font-family': var(--fds-text-price-s-previous-font-family),'text-transform': var(--fds-text-price-s-previous-text-transform),'text-decoration': var(--fds-text-price-s-previous-text-decoration),'font-variation-settings': var(--fds-text-price-s-previous-font-variation-settings),'default-size': ('font-size': var(--fds-text-price-s-previous-default-size-font-size-rem),'line-height': var(--fds-text-price-s-previous-default-size-line-height-number),),),'m-previous': ('font-family': var(--fds-text-price-m-previous-font-family),'text-transform': var(--fds-text-price-m-previous-text-transform),'text-decoration': var(--fds-text-price-m-previous-text-decoration),'font-variation-settings': var(--fds-text-price-m-previous-font-variation-settings),'default-size': ('font-size': var(--fds-text-price-m-previous-default-size-font-size-rem),'line-height': var(--fds-text-price-m-previous-default-size-line-height-number),),),'l-previous': ('font-family': var(--fds-text-price-l-previous-font-family),'text-transform': var(--fds-text-price-l-previous-text-transform),'text-decoration': var(--fds-text-price-l-previous-text-decoration),'font-variation-settings': var(--fds-text-price-l-previous-font-variation-settings),'default-size': ('font-size': var(--fds-text-price-l-previous-default-size-font-size-rem),'line-height': var(--fds-text-price-l-previous-default-size-line-height-number),),),);$fds-text-editorial: ('heading-xl': ('font-family': var(--fds-text-editorial-heading-xl-font-family),'text-transform': var(--fds-text-editorial-heading-xl-text-transform),'font-weight': var(--fds-text-editorial-heading-xl-font-weight),'default-size': ('font-size': var(--fds-text-editorial-heading-xl-default-size-font-size-rem),'line-height': var(--fds-text-editorial-heading-xl-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-editorial-heading-xl-size-desktop-font-size-rem),'line-height': var(--fds-text-editorial-heading-xl-size-desktop-line-height-number),),),'heading-xxl': ('font-family': var(--fds-text-editorial-heading-xxl-font-family),'text-transform': var(--fds-text-editorial-heading-xxl-text-transform),'font-weight': var(--fds-text-editorial-heading-xxl-font-weight),'default-size': ('font-size': var(--fds-text-editorial-heading-xxl-default-size-font-size-rem),'line-height': var(--fds-text-editorial-heading-xxl-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-editorial-heading-xxl-size-desktop-font-size-rem),'line-height': var(--fds-text-editorial-heading-xxl-size-desktop-line-height-number),),),'quote-l': ('font-family': var(--fds-text-editorial-quote-l-font-family),'text-transform': var(--fds-text-editorial-quote-l-text-transform),'font-weight': var(--fds-text-editorial-quote-l-font-weight),'font-style': var(--fds-text-editorial-quote-l-font-style),'default-size': ('font-size': var(--fds-text-editorial-quote-l-default-size-font-size-rem),'line-height': var(--fds-text-editorial-quote-l-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-editorial-quote-l-size-desktop-font-size-rem),'line-height': var(--fds-text-editorial-quote-l-size-desktop-line-height-number),),),'body-xl': ('font-family': var(--fds-text-editorial-body-xl-font-family),'text-transform': var(--fds-text-editorial-body-xl-text-transform),'font-weight': var(--fds-text-editorial-body-xl-font-weight),'default-size': ('font-size': var(--fds-text-editorial-body-xl-default-size-font-size-rem),'line-height': var(--fds-text-editorial-body-xl-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-editorial-body-xl-size-desktop-font-size-rem),'line-height': var(--fds-text-editorial-body-xl-size-desktop-line-height-number),),),'body-m': ('font-family': var(--fds-text-editorial-body-m-font-family),'text-transform': var(--fds-text-editorial-body-m-text-transform),'font-variation-settings': var(--fds-text-editorial-body-m-font-variation-settings),'default-size': ('font-size': var(--fds-text-editorial-body-m-default-size-font-size-rem),'line-height': var(--fds-text-editorial-body-m-default-size-line-height-number),),),'body-xl-link': ('font-family': var(--fds-text-editorial-body-xl-link-font-family),'text-transform': var(--fds-text-editorial-body-xl-link-text-transform),'font-weight': var(--fds-text-editorial-body-xl-link-font-weight),'text-decoration': var(--fds-text-editorial-body-xl-link-text-decoration),'default-size': ('font-size': var(--fds-text-editorial-body-xl-link-default-size-font-size-rem),'line-height': var(--fds-text-editorial-body-xl-link-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-editorial-body-xl-link-size-desktop-font-size-rem),'line-height': var(--fds-text-editorial-body-xl-link-size-desktop-line-height-number),),),'body-m-link': ('font-family': var(--fds-text-editorial-body-m-link-font-family),'text-transform': var(--fds-text-editorial-body-m-link-text-transform),'font-variation-settings': var(--fds-text-editorial-body-m-link-font-variation-settings),'text-decoration': var(--fds-text-editorial-body-m-link-text-decoration),'default-size': ('font-size': var(--fds-text-editorial-body-m-link-default-size-font-size-rem),'line-height': var(--fds-text-editorial-body-m-link-default-size-line-height-number),),),);$theme: 'northstar';\\n.f233c7 {\\n display: flex;\\n justify-content: space-between;\\n flex-direction: row;\\n align-items: center;\\n}\\n.ca220f {\\n padding: var(--spacing-m-px) var(--spacing-s-px) var(--spacing-s-px);\\n}\\n.bfaf20 {\\n padding: var(--spacing-xs-px) 0;\\n height: 64px;\\n}\\n.d7e464 {\\n flex: 1;\\n}\\n.c34755 {\\n display: flex;\\n flex-grow: 1;\\n height: 100%;\\n align-items: center;\\n}\\n.aec807 {\\n padding-inline-start: calc(var(--spacing-xxl-px) - 12px);\\n}\\n.c77a44 {\\n padding-inline-start: var(--spacing-xxl-px);\\n}\\n.dbe14a {\\n overflow: auto;\\n flex-grow: 1;\\n margin-bottom: var(--spacing-s-px);\\n}\\n.e2742d {\\n padding: 0 var(--spacing-s-px) var(--spacing-xs-px);\\n}\\n.d7dc5f {\\n padding: 0 var(--spacing-s-px) var(--spacing-xs-px);\\n}\\n.bbe9d4 {\\n display: flex;\\n flex-direction: column;\\n gap: var(--spacing-s-px);\\n}\\n.a5fc7b {\\n flex-direction: row;\\n}\\n.d079cb {\\n padding: 0 var(--spacing-s-px) var(--spacing-m-px);\\n}\\n.b43de8 {\\n padding: 0 var(--spacing-s-px) var(--spacing-s-px);\\n}\\n.fb5f3b {\\n padding: 0 var(--spacing-s-px) var(--spacing-s-px);\\n}\\n.d58ce1 {\\n padding: 0 var(--spacing-s-px) var(--spacing-s-px);\\n}\\n.ebc593 {\\n margin-inline-end: -12px;\\n}\\n.f1b7e8 {\\n margin-top: -12px;\\n margin-inline-start: -12px;\\n}\\n.be969c {\\n padding: 0 0 var(--spacing-xs-px);\\n}\\n\\n@media screen and (min-width: 420px) {\\n .ca220f {\\n padding: var(--spacing-l-px) var(--spacing-l-px) var(--spacing-m-px);\\n }\\n .bfaf20 {\\n height: 80px;\\n padding: var(--spacing-s-px) 0;\\n }\\n .e2742d {\\n padding: 0 var(--spacing-l-px) var(--spacing-xs-px);\\n }\\n .d079cb {\\n flex-direction: row;\\n padding: 0 var(--spacing-l-px) var(--spacing-l-px);\\n }\\n .fb5f3b {\\n padding: 0 var(--spacing-l-px) var(--spacing-s-px);\\n }\\n .be969c {\\n padding: 0 0 var(--spacing-xs-px);\\n }\\n}\\n\\n@media screen and (min-width: 1024px) {\\n .bfaf20 {\\n padding: var(--spacing-s-px) var(--spacing-xs-px);\\n }\\n .d7dc5f {\\n padding: 0 var(--spacing-m-px) var(--spacing-xs-px);\\n }\\n .b43de8 {\\n flex-direction: row;\\n padding: 0 var(--spacing-m-px) var(--spacing-m-px);\\n }\\n .d58ce1 {\\n padding: 0 var(--spacing-m-px) var(--spacing-s-px);\\n }\\n .be969c {\\n padding: 0 0 var(--spacing-xs-px);\\n }\\n}\\n\\n@media screen and (min-width: 768px) {\\n .efdb93 {\\n flex-direction: row;\\n margin-inline-start: 50%;\\n padding-inline-start: 0;\\n }\\n}\"]}]);\n// Exports\nmodule.exports = exports;\n","import api from \"!../../../../../../../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import content from \"!!../../../../../../../../../css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../../../../../../postcss-loader/dist/cjs.js!../../../../../../../../../sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./Sheet.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import React, { useState, useEffect, forwardRef, Children, useRef } from 'react'\n\nimport { ArrowLeftIconMedium, ArrowLeftIconSmall } from '@hm-group/fabric-icons/icons/ArrowLeftIcon'\nimport {\n ArrowRightIconMedium,\n ArrowRightIconSmall,\n} from '@hm-group/fabric-icons/icons/ArrowRightIcon'\nimport { CloseIconSmall, CloseIconMedium } from '@hm-group/fabric-icons/icons/CloseIcon'\nimport getCurrentBreakpoint from '@hm-group/frontend-utils/breakpoints/getCurrentBreakpoint/getCurrentBreakpoint'\nimport cn from 'classnames'\n\nimport IconButton from 'components/Buttons/IconButton'\nimport HeadingM from 'components/Typography/headings/HeadingM'\nimport HeadingXL from 'components/Typography/headings/HeadingXL'\nimport LabelL from 'components/Typography/texts/LabelL'\n\nimport { getSwipeParameters } from './helpers/getSwipeParameters'\nimport styles from './Sheet.module.scss'\nimport { SheetProps, SwipeData, DocumentDir } from './types'\nimport { BasePanel } from '../BasePanel'\nimport { getScrollbarSize, getBodyPadding } from '../Modal/handleScrollbar'\n\nconst SWIPE_DURATION_LOWER_THRESHOLD = 100\nconst SWIPE_DURATION_UPPER_THRESHOLD = 200\nconst SWIPE_MOVEMENT_THRESHOLD = 100\n\nconst Sheet: React.FC = forwardRef((props: SheetProps, ref) => {\n const {\n isOpen,\n onClose,\n hasPreviousButton = false,\n onPreviousButtonClick,\n previousButtonLabel = 'previous button',\n heading,\n closeLabel,\n children,\n supportiveTitle,\n isSupportiveTitleLiveRegion = false,\n actions,\n ariaLabelId = 'sheet-heading',\n isFullBleed = false,\n isActionsContainerHalfSize = false,\n hasHorizontalOnlyActionButtons = false,\n } = props\n\n const [tabIndex, setTabIndex] = useState(-1)\n const [basePanelPosition, setBasePanelPosition] = useState<'start' | 'end' | 'down' | null>(null)\n const [swipeStart, setSwipeStart] = useState()\n const [swipeMove, setSwipeMove] = useState()\n const [swipeEnd, setSwipeEnd] = useState()\n const [shouldReverseActionsOrder, setShouldReverseActionsOrder] = useState(false)\n const isNorthstar = process.env.BRAND === 'northstar'\n\n const actionsRef = useRef(null)\n\n const isClient: boolean = typeof window !== 'undefined'\n let documentDir: DocumentDir = 'ltr'\n\n if (isClient) {\n documentDir = document?.dir === 'rtl' ? 'rtl' : 'ltr'\n }\n\n const PreviousIcon =\n documentDir === 'ltr' ? (\n isNorthstar ? (\n \n ) : (\n \n )\n ) : isNorthstar ? (\n \n ) : (\n \n )\n\n const CloseIcon = isNorthstar ? : \n\n // Check if actions are in a row or column and trigger a reversed order if needed\n useEffect(() => {\n const currentActionsRef = actionsRef.current\n\n const updateActionsOrder = (element: HTMLElement): void => {\n const style = window.getComputedStyle(element)\n if (style.flexDirection === 'row') {\n setShouldReverseActionsOrder(true)\n } else if (style.flexDirection === 'column') {\n setShouldReverseActionsOrder(false)\n }\n }\n\n if (currentActionsRef) {\n updateActionsOrder(currentActionsRef)\n }\n\n const resizeObserver = new ResizeObserver(() => {\n if (currentActionsRef) {\n updateActionsOrder(currentActionsRef)\n }\n })\n\n if (currentActionsRef) {\n resizeObserver.observe(currentActionsRef)\n }\n\n return () => {\n if (currentActionsRef) {\n resizeObserver.unobserve(currentActionsRef)\n }\n }\n }, [isOpen])\n\n useEffect(() => {\n if (isClient) {\n const determinePositionBasedOnViewportWidth = (): void => {\n const currentBreakpoint = getCurrentBreakpoint()\n\n if (['xsmall'].includes(currentBreakpoint)) {\n setBasePanelPosition('down')\n } else {\n setBasePanelPosition('end')\n }\n }\n\n determinePositionBasedOnViewportWidth()\n\n window.addEventListener('resize', determinePositionBasedOnViewportWidth)\n\n return () => {\n window.removeEventListener('resize', determinePositionBasedOnViewportWidth)\n }\n }\n\n return undefined\n }, [documentDir, isClient])\n\n const handleTouchStart = (event: TouchEvent): void => {\n setSwipeStart({\n ts: event.timeStamp,\n clientX: event.targetTouches[0].clientX,\n clientY: event.targetTouches[0].clientY,\n })\n }\n\n const handleTouchMove = (event: TouchEvent): void => {\n setSwipeMove({\n ts: event.timeStamp,\n clientX: event.targetTouches[0].clientX,\n clientY: event.targetTouches[0].clientY,\n })\n }\n\n const handleTouchEnd = (event: TouchEvent): void => {\n setSwipeEnd({\n ts: event.timeStamp,\n clientX: event.changedTouches[0].clientX,\n clientY: event.changedTouches[0].clientY,\n })\n }\n\n useEffect(() => {\n let swipeClientXMovement = 0\n let swipeClientYMovement = 0\n let swipeAxis = ''\n let swipeDirection = ''\n\n const swipeDuration = getSwipeParameters(swipeStart, swipeMove)\n\n if (swipeMove && swipeStart) {\n swipeClientXMovement = swipeMove.clientX - swipeStart.clientX\n swipeClientYMovement = swipeMove.clientY - swipeStart.clientY\n swipeAxis = Math.abs(swipeClientXMovement) > Math.abs(swipeClientYMovement) ? 'X' : 'Y'\n swipeDirection =\n swipeAxis === 'X'\n ? swipeClientXMovement > 0\n ? 'right'\n : 'left'\n : swipeClientYMovement > 0\n ? 'down'\n : 'up'\n }\n\n if (\n SWIPE_DURATION_LOWER_THRESHOLD < swipeDuration &&\n swipeDuration < SWIPE_DURATION_UPPER_THRESHOLD &&\n ((swipeAxis === 'X' && Math.abs(swipeClientXMovement) > SWIPE_MOVEMENT_THRESHOLD) ||\n (swipeAxis === 'Y' && Math.abs(swipeClientYMovement) > SWIPE_MOVEMENT_THRESHOLD))\n ) {\n if (\n (basePanelPosition === 'end' && swipeDirection === 'left') ||\n (basePanelPosition === 'end' && swipeDirection === 'right') ||\n (basePanelPosition === 'down' && swipeDirection === 'down')\n ) {\n setSwipeStart(undefined)\n setSwipeMove(undefined)\n setSwipeEnd(undefined)\n onClose()\n }\n }\n }, [swipeEnd, swipeStart, swipeMove, basePanelPosition, onClose])\n\n useEffect(() => {\n if (isOpen) {\n setTabIndex(0)\n document.body.style.paddingInlineEnd = `${getBodyPadding() + getScrollbarSize()}px`\n document.body.style.overflow = 'hidden'\n document.documentElement.style.overflow = 'hidden'\n document.addEventListener('touchstart', handleTouchStart)\n document.addEventListener('touchmove', handleTouchMove)\n document.addEventListener('touchend', handleTouchEnd)\n } else {\n setTabIndex(-1)\n document.body.style.overflow = ''\n document.documentElement.style.overflow = ''\n document.body.style.paddingInlineEnd = ''\n }\n\n return () => {\n document.removeEventListener('touchstart', handleTouchStart)\n document.removeEventListener('touchmove', handleTouchMove)\n document.removeEventListener('touchend', handleTouchEnd)\n }\n }, [isOpen])\n\n const actionsArray = Children.toArray(actions)\n\n return (\n \n \n {hasPreviousButton && (\n \n {previousButtonLabel}\n \n )}\n {isNorthstar ? (\n
\n \n {heading}\n \n
\n ) : (\n \n {heading}\n \n )}\n \n {closeLabel}\n \n \n\n \n {children}\n \n\n {supportiveTitle && (\n
\n \n {supportiveTitle}\n \n
\n )}\n {actions && (\n \n {Children.map(actionsArray, (action) => {\n if (\n shouldReverseActionsOrder &&\n React.isValidElement(action) &&\n Array.isArray(action.props.children)\n ) {\n return Children.toArray(action.props.children).reverse()\n }\n return actions\n })}\n \n )}\n
\n )\n})\n\nexport default Sheet\n","import { SwipeData } from '../types'\n\n// This method has been separated from main logic for better readability and testability\nexport const getSwipeParameters = (\n swipeStart: SwipeData | undefined,\n swipeMove: SwipeData | undefined,\n): number => {\n if (swipeMove && swipeStart) return swipeMove.ts - swipeStart.ts\n return 0\n}\n","import HeadingLarge from '../HeadingLarge'\n\nconst HeadingXL = HeadingLarge\n\nexport default HeadingXL\n","import React from 'react'\n\nimport { IconProps } from '../../../../types'\nimport IconWrapper from '../../../IconWrapper'\n\n/**\n * @deprecated This icon is going to be removed in the future\n * Please use the ArrowBackward as an alternative\n */\n\nconst ArrowLeftIconSmall: React.FC = (props) => (\n \n \n \n)\n\nexport default ArrowLeftIconSmall\n","import React from 'react'\n\nimport { IconProps } from '../../../../types'\nimport IconWrapper from '../../../IconWrapper'\n\n/**\n * @deprecated This icon is going to be removed in the future\n * Please use the ArrowBackward as an alternative\n */\n\nconst ArrowLeftIconMedium: React.FC = (props) => (\n \n \n \n)\n\nexport default ArrowLeftIconMedium\n","import React from 'react'\n\nimport { IconProps, DynamicIconProps } from '../../types'\nimport {\n ArrowLeftIconSmall as HmIconSmall,\n ArrowLeftIconMedium as HmIconMedium,\n ArrowLeftIcon as HmIcon,\n} from '../brand/hm/ArrowLeftIcon'\nimport {\n ArrowLeftIconSmall as HmGroupIconSmall,\n ArrowLeftIconMedium as HmGroupIconMedium,\n ArrowLeftIcon as HmGroupIcon,\n} from '../brand/hmGroup/ArrowLeftIcon'\nimport {\n ArrowLeftIconSmall as NorthstarIconSmall,\n ArrowLeftIconMedium as NorthstarIconMedium,\n ArrowLeftIcon as NorthstarIcon,\n} from '../brand/northstar/ArrowLeftIcon'\n\nexport const ArrowLeftIconSmall: React.FC = (props) => {\n switch (process.env.BRAND) {\n case 'hmGroup':\n return \n case 'northstar':\n return \n case 'hm':\n default:\n return \n }\n}\n\nexport const ArrowLeftIconMedium: React.FC = (props) => {\n switch (process.env.BRAND) {\n case 'hmGroup':\n return \n case 'northstar':\n return \n case 'hm':\n default:\n return \n }\n}\n\nexport const ArrowLeftIcon: React.FC = (props) => {\n switch (process.env.BRAND) {\n case 'hmGroup':\n return \n case 'northstar':\n return \n case 'hm':\n default:\n return \n }\n}\n\nexport default ArrowLeftIcon\n","import React from 'react'\n\nimport { IconProps } from '../../../../types'\nimport IconWrapper from '../../../IconWrapper'\n\n/**\n * @deprecated This icon is going to be removed in the future\n * Please use the ChevronForward as an alternative\n */\n\nconst ChevronRightIconSmall: React.FC = (props) => (\n \n \n \n)\n\nexport default ChevronRightIconSmall\n","import React from 'react'\n\nimport { IconProps } from '../../../../types'\nimport IconWrapper from '../../../IconWrapper'\n\n/**\n * @deprecated This icon is going to be removed in the future\n * Please use the ChevronForward as an alternative\n */\n\nconst ChevronRightIconMedium: React.FC = (props) => (\n \n \n \n)\n\nexport default ChevronRightIconMedium\n","import React from 'react'\n\nimport ChevronRightIconMedium from './ChevronRightIconMedium'\nimport ChevronRightIconSmall from './ChevronRightIconSmall'\nimport { DynamicIconProps } from '../../../../types'\n\n/**\n * @deprecated This icon is going to be removed in the future\n * Please use the ChevronForward as an alternative\n */\n\nconst ChevronRightIcon: React.FC = ({ size = 'medium', ...props }) =>\n size === 'medium' ? : \n\nexport default ChevronRightIcon\n","import React from 'react'\n\nimport { IconProps, DynamicIconProps } from '../../types'\nimport {\n ChevronRightIconSmall as HmIconSmall,\n ChevronRightIconMedium as HmIconMedium,\n ChevronRightIcon as HmIcon,\n} from '../brand/hm/ChevronRightIcon'\nimport {\n ChevronRightIconSmall as HmGroupIconSmall,\n ChevronRightIconMedium as HmGroupIconMedium,\n ChevronRightIcon as HmGroupIcon,\n} from '../brand/hmGroup/ChevronRightIcon'\nimport {\n ChevronRightIconSmall as NorthstarIconSmall,\n ChevronRightIconMedium as NorthstarIconMedium,\n ChevronRightIcon as NorthstarIcon,\n} from '../brand/northstar/ChevronRightIcon'\n\nexport const ChevronRightIconSmall: React.FC = (props) => {\n switch (process.env.BRAND) {\n case 'hmGroup':\n return \n case 'northstar':\n return \n case 'hm':\n default:\n return \n }\n}\n\nexport const ChevronRightIconMedium: React.FC = (props) => {\n switch (process.env.BRAND) {\n case 'hmGroup':\n return \n case 'northstar':\n return \n case 'hm':\n default:\n return \n }\n}\n\nexport const ChevronRightIcon: React.FC = (props) => {\n switch (process.env.BRAND) {\n case 'hmGroup':\n return \n case 'northstar':\n return \n case 'hm':\n default:\n return \n }\n}\n\nexport default ChevronRightIcon\n"],"names":["exports","___CSS_LOADER_API_IMPORT___","push","module","id","options","forwardRef","props","ref","isOpen","onClose","hasPreviousButton","onPreviousButtonClick","previousButtonLabel","heading","closeLabel","children","supportiveTitle","isSupportiveTitleLiveRegion","actions","ariaLabelId","isFullBleed","isActionsContainerHalfSize","hasHorizontalOnlyActionButtons","useState","tabIndex","setTabIndex","basePanelPosition","setBasePanelPosition","swipeStart","setSwipeStart","swipeMove","setSwipeMove","swipeEnd","setSwipeEnd","shouldReverseActionsOrder","setShouldReverseActionsOrder","actionsRef","useRef","isClient","window","documentDir","document","dir","PreviousIcon","ArrowLeftIcon","ArrowRightIcon","CloseIcon","useEffect","currentActionsRef","current","updateActionsOrder","element","style","getComputedStyle","flexDirection","resizeObserver","ResizeObserver","observe","unobserve","determinePositionBasedOnViewportWidth","currentBreakpoint","getCurrentBreakpoint","includes","addEventListener","removeEventListener","handleTouchStart","event","ts","timeStamp","clientX","targetTouches","clientY","handleTouchMove","handleTouchEnd","changedTouches","swipeClientXMovement","swipeClientYMovement","swipeAxis","swipeDirection","swipeDuration","getSwipeParameters","Math","abs","undefined","body","paddingInlineEnd","overflow","documentElement","actionsArray","Children","toArray","BasePanel","position","type","className","IconButton","variant","iconElement","onClick","HeadingM","Tag","isMarginless","alignment","role","LabelL","map","action","Array","isArray","reverse","HeadingXL","IconWrapper","size","d"],"sourceRoot":""}