{"version":3,"file":"8383.ba2a51b0d6ce63059d6f.bundle.js","mappings":"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","sources":["webpack://@pb/react/./node_modules/@pb/utils/node_modules/core-js/modules/es.array.find.js","webpack://@pb/react/./node_modules/@hm-group/fabric-components/dist/esm/brand/monki/components/Notifications/BannerNotification/BannerNotification.css","webpack://@pb/react/./node_modules/@hm-group/fabric-components/dist/esm/brand/monki/components/Notifications/BannerNotification/BannerNotification.css?6efd","webpack://@pb/react/./node_modules/@hm-group/fabric-components/dist/esm/brand/monki/components/Notifications/BannerNotification/BannerNotification.js","webpack://@pb/react/./node_modules/@hm-group/fabric-icons/dist/esm/icons/brand/monki/ActionValidIcon/ActionValidIconMedium.js","webpack://@pb/react/./node_modules/@hm-group/fabric-icons/dist/esm/icons/brand/monki/ActionValidIcon/ActionValidIconSmall.js","webpack://@pb/react/./node_modules/@hm-group/fabric-icons/dist/esm/icons/brand/monki/ActionValidIcon/ActionValidIcon.js","webpack://@pb/react/./node_modules/@hm-group/fabric-icons/dist/esm/icons/brand-switches/ActionValidIcon.js","webpack://@pb/react/./node_modules/@hm-group/fabric-icons/dist/esm/icons/brand/monki/InfoIcon/InfoIconSmall.js","webpack://@pb/react/./node_modules/@hm-group/fabric-icons/dist/esm/icons/brand/monki/InfoIcon/InfoIconMedium.js","webpack://@pb/react/./node_modules/@hm-group/fabric-icons/dist/esm/icons/brand/monki/InfoIcon/InfoIcon.js","webpack://@pb/react/./node_modules/@hm-group/fabric-icons/dist/esm/icons/brand-switches/InfoIcon.js","webpack://@pb/react/./node_modules/@hm-group/fabric-icons/dist/esm/icons/brand/monki/WarningIcon/WarningIconMedium.js","webpack://@pb/react/./node_modules/@hm-group/fabric-icons/dist/esm/icons/brand/monki/WarningIcon/WarningIconSmall.js","webpack://@pb/react/./node_modules/@hm-group/fabric-icons/dist/esm/icons/brand/monki/WarningIcon/WarningIcon.js","webpack://@pb/react/./node_modules/@hm-group/fabric-icons/dist/esm/icons/brand-switches/WarningIcon.js","webpack://@pb/react/./node_modules/@pb/components/dist/esm/ui/Icon/HmIcons/HMLogoIcon.js","webpack://@pb/react/./node_modules/@pb/components/node_modules/@pb/utils/dist/esm/reactHooks/useKeyboardNav.js"],"sourcesContent":["'use strict';\nvar $ = require('../internals/export');\nvar $find = require('../internals/array-iteration').find;\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\nvar FIND = 'find';\nvar SKIPS_HOLES = true;\n\n// Shouldn't skip holes\nif (FIND in []) Array(1)[FIND](function () { SKIPS_HOLES = false; });\n\n// `Array.prototype.find` method\n// https://tc39.es/ecma262/#sec-array.prototype.find\n$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {\n  find: function find(callbackfn /* , that = undefined */) {\n    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables(FIND);\n","// 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, \".ac579c{overflow:hidden;transition:height 300ms ease,opacity 300ms ease-in-out}.e8ba5e{padding-bottom:16px}.e21af5{display:flex;column-gap:16px;-webkit-padding-start:16px;padding-inline-start:16px;align-items:center}.cdb7db{background-color:var(--base-background-success)}.e1b625{background-color:var(--base-background-info)}.d16620{background-color:var(--base-background-warning)}.dc2065{background-color:var(--base-background-error)}.d1ca3e{flex:1;padding:16px 0}.a769e8{-webkit-margin-end:4px;margin-inline-end:4px}\", \"\",{\"version\":3,\"sources\":[\"/home/vsts/work/1/s/packages/hm-react/node_modules/@hm-group/fabric-components/dist/esm/brand/monki/components/Notifications/BannerNotification/BannerNotification.css\"],\"names\":[],\"mappings\":\"AACA,QACE,eAAA,CACA,sDAAA,CAEF,QACE,mBAAA,CAEF,QACE,YAAA,CAEQ,eAAA,CACR,0BAAA,CACQ,yBAAA,CACR,kBAAA,CAEF,QACE,+CAAA,CAEF,QACE,4CAAA,CAEF,QACE,+CAAA,CAEF,QACE,6CAAA,CAEF,QACE,MAAA,CACA,cAAA,CAEF,QACE,sBAAA,CACQ,qBAAA\",\"file\":\"BannerNotification.css\",\"sourcesContent\":[\"$base-background-default: #FFF;$base-background-card: #FFF;$base-background-overlay: rgba(255, 255, 255, 0.7);$base-background-footer: #FECDD3;$base-background-row-alternate: #E6E6E6;$base-background-row-hover: #F4F4F4;$base-background-success: #BDDDB6;$base-background-selected: #F4F4F4;$base-background-error: #FDCBE3;$base-background-warning: #FFD4CD;$base-background-info: #DEDBED;$base-favourite: #E50010;$base-text: #1F313A;$base-text-meta: #1F313A;$base-text-placeholder: #1F313A;$base-text-disabled: #C6C6C6;$base-primary-interactive: #1F313A;$base-primary-interactive-active: rgba(31, 49, 58, 0.5);$base-primary-interactive-hover: rgba(31, 49, 58, 0.75);$base-primary-interactive-visited: #1F313A;$base-secondary-interactive: #1F313A;$base-secondary-interactive-active: #1F313A;$base-secondary-interactive-hover: #C6C6C6;$base-tertiary-interactive: #1F313A;$base-tertiary-interactive-active: #1F313A;$base-tertiary-interactive-hover: #1F313A;$base-tertiary-interactive-disabled: #8C9599;$base-quaternary-interactive: #1F313A;$base-quaternary-interactive-active: #1F313A;$base-quaternary-interactive-hover: #1F313A;$base-quaternary-interactive-disabled: #8C9599;$base-primary-reverse: #FFF;$base-primary-reverse-interactive-active: #D9D9D9;$base-primary-reverse-interactive-hover: #E6E6E6;$base-interactive-disabled: #C6C6C6;$base-validation-success: #1F313A;$base-validation-error: #F20074;$base-notification: #F20074;$base-background-skeleton: #F4F4F4;$base-z-axis-shadow: rgba(31, 49, 58, 0.2);$product-sale: #E71D18;$product-sustainability: #FFF;$product-new: #FECDD3;$product-offer-product-marker: #E71D18;$product-membership: #FECDD3;$product-online-exclusive: #1F313A;$product-scarcity: #A50AFF;$base-brand-logo: #1F313A;$base-decoration-primary: #1F313A;$base-decoration-secondary: #C6C6C6;$responsive-width-xsmall: 320px !default;$responsive-width-small: 420px !default;$responsive-width-medium: 768px !default;$responsive-width-large: 1024px !default;$responsive-width-xlarge: 1280px !default;$responsive-width-xxl: 2560px !default;$energy-class-app: #27974F;$energy-class-ap: #59AD4F;$energy-class-a: #BBCE4C;$energy-class-b: #FFED42;$energy-class-c: #F0B041;$energy-class-d: #DE6637;$energy-class-e: #D22531;$color-paypal-blue: #223954;$color-paypal-blue-light: #169BD7;$color-kakao-yellow: #FEE500;$color-kakao-yellow-active: #F0D700;$color-kakao-text: rgba(0, 0, 0, 0.85);$color-kakao-icon: #000;$color-facebook: #39579B;$color-twitter: #1EA9E3;$color-pinterest: #CD1D1E;$color-instagram: #125688;$color-spotify: #00E461;$color-snapchat: #FFFC00;$color-tumblr: #35465C;$color-google-plus: #D34836;$color-youtube: #F00;$color-linkedin: #0077B7;$tag-swatch-beige: #ECCC9B;$tag-swatch-black: #000000;$tag-swatch-blue: #0000FF;$tag-swatch-bronze: #CD7F32;$tag-swatch-brown: #A52A2A;$tag-swatch-gold: #D89A00;$tag-swatch-green: #008000;$tag-swatch-grey: #808080;$tag-swatch-orange: #FFA500;$tag-swatch-pink: #FFC0CB;$tag-swatch-purple: #800080;$tag-swatch-red: #FF0000;$tag-swatch-silver: #C0C0C0;$tag-swatch-turquoise: #40E0D0;$tag-swatch-white: #FFFFFF;$tag-swatch-yellow: #FFDA00;$focus-fallback: #0091FF;$high-contrast-dark: #000000;$high-contrast-light: #FFFFFF;$editorial-fonts: ('display-quote': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'default-size': ('line-height': 1.25,'font-size': 2.5rem,),'breakpoint-medium': ('line-height': 1.09375,'font-size': 4rem,),),'preamble': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'body-text': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'text-link': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': underline,'default-size': ('line-height': 1.5,'font-size': 1rem,),),);$body-text-fonts: ('default': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'meta': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.538461538,'font-size': 0.8125rem,),),'paragraph': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'preamble': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),);$button-fonts: ('s': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'default-size': ('line-height': 1.4,'font-size': 1.25rem,),),);$heading-fonts: ('xs': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.538461538,'font-size': 0.8125rem,),),'s': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'m': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'default-size': ('line-height': 1.3333,'font-size': 1.125rem,),),'l': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'default-size': ('line-height': 1.4,'font-size': 1.25rem,),'breakpoint-medium': ('line-height': 1.25,'font-size': 1.5rem,),),'xl': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'default-size': ('line-height': 1.25,'font-size': 1.5rem,),'breakpoint-medium': ('line-height': 1.25,'font-size': 2rem,),),'pre-heading': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),);$display-fonts: ('default': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'default-size': ('line-height': 1.25,'font-size': 2.125rem,),'breakpoint-medium': ('line-height': 1.09375,'font-size': 4rem,),),'quote': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'font-style': italic,'default-size': ('line-height': 1.5,'font-size': 3rem,),'breakpoint-medium': ('line-height': 1.09375,'font-size': 4rem,),),);$price-fonts: ('original-default': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': line-through,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'original-large': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': line-through,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'black-default': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'black-large': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'previous-meta': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': line-through,'default-size': ('line-height': 1.538461538,'font-size': 0.8125rem,),),);$label-fonts: ('form-label': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),);$interactive-fonts: ('navigation-parent': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': none,'default-size': ('line-height': 1.2857,'font-size': 1.75rem,),'breakpoint-medium': ('line-height': 1.5,'font-size': 1rem,),),'navigation-child': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'navigation-large': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': none,'default-size': ('line-height': 1.2857,'font-size': 1.75rem,),'breakpoint-medium': ('line-height': 1.5,'font-size': 1rem,),),'navigation-medium': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'navigation-small': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': none,'default-size': ('line-height': 1.2307,'font-size': 0.8125rem,),),'inline-link-default': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': underline,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'inline-link-meta': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': underline,'default-size': ('line-height': 1.538461538,'font-size': 0.8125rem,),),'inline-link-paragraph': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': underline,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'inline-link-preamble': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': underline,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'standalone-link': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'standalone-link-default': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': none,'default-size': ('line-height': 1.52,'font-size': 1rem,),),'standalone-link-underline': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-decoration': underline,'text-transform': none,'default-size': ('line-height': 1.52,'font-size': 1rem,),),'input-text': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.3333,'font-size': 1.125rem,),),'element': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'default-size': ('line-height': 1.4,'font-size': 1.25rem,),),);$spacing-xxxs: 2px;$spacing-xxs: 4px;$spacing-xs: 8px;$spacing-s: 16px;$spacing-m: 24px;$spacing-l: 32px;$spacing-xl: 40px;$spacing-xxl: 48px;$spacing-xxxl: 64px;$spacing-xxxxl: 96px;$spacing-xxxxxl: 128px;$spacing-xxxxxxl: 160px;$spacing-xs-deprecated: 12px;$is-development: true;$is-staging: false;$is-production: false;$interactive-border: ('radius': 0,'width': 1px,);$card-border: ('radius': 0,'width': 0px,);$section-border: ('radius': 0,'width': 0px,);$available-palettes: ();$default-palette: ('background': $base-background-default,'text': $base-text,'headline': $base-text,'logo': $base-brand-logo,'interactive': $base-decoration-secondary,'interactive-hover': $base-primary-interactive,'interactive-active': $base-primary-interactive-hover,'interactive-reverse': $base-primary-interactive-active,);$theme: 'monki';\\n.ac579c {\\n  overflow: hidden;\\n  transition: height 300ms ease, opacity 300ms ease-in-out;\\n}\\n.e8ba5e {\\n  padding-bottom: 16px;\\n}\\n.e21af5 {\\n  display: flex;\\n  -webkit-column-gap: 16px;\\n          column-gap: 16px;\\n  -webkit-padding-start: 16px;\\n          padding-inline-start: 16px;\\n  align-items: center;\\n}\\n.cdb7db {\\n  background-color: var(--base-background-success);\\n}\\n.e1b625 {\\n  background-color: var(--base-background-info);\\n}\\n.d16620 {\\n  background-color: var(--base-background-warning);\\n}\\n.dc2065 {\\n  background-color: var(--base-background-error);\\n}\\n.d1ca3e {\\n  flex: 1;\\n  padding: 16px 0;\\n}\\n.a769e8 {\\n  -webkit-margin-end: 4px;\\n          margin-inline-end: 4px;\\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]!./BannerNotification.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, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport { ActionValidIcon } from '@hm-group/fabric-icons/icons/ActionValidIcon';\nimport { CloseIcon } from '@hm-group/fabric-icons/icons/CloseIcon';\nimport { ErrorIcon } from '@hm-group/fabric-icons/icons/ErrorIcon';\nimport { InfoIcon } from '@hm-group/fabric-icons/icons/InfoIcon';\nimport { WarningIcon } from '@hm-group/fabric-icons/icons/WarningIcon';\nimport cn from 'classnames';\nimport IconButton from \"../../Buttons/IconButton\";\nimport BodyText from \"../../Typography/texts/BodyText\";\nimport \"./BannerNotification.css\";\nvar styles = { \"animationContainer\": \"ac579c\", \"animationContainerInner\": \"e8ba5e\", \"banner\": \"e21af5\", \"banner_success\": \"cdb7db\", \"banner_info\": \"e1b625\", \"banner_warning\": \"d16620\", \"banner_error\": \"dc2065\", \"message\": \"d1ca3e\", \"buttonClose\": \"a769e8\" };\nconst BannerNotification = forwardRef(({ closeLabel, message, severity = 'warning', testId, shouldHideCloseButton = false }, ref) => {\n    const containerRef = useRef(null);\n    const childrenRef = useRef(null);\n    const [visible, setVisible] = useState(true);\n    useImperativeHandle(ref, () => containerRef.current);\n    const handleAnimationEnd = () => {\n        setVisible(false);\n    };\n    const handleDismiss = () => {\n        setVisible(false);\n    };\n    useEffect(() => {\n        if (!containerRef.current) {\n            return;\n        }\n        if (visible) {\n            containerRef.current.style.display = 'block';\n            containerRef.current.style.height = 'auto';\n            containerRef.current.style.opacity = '1';\n        }\n        else {\n            containerRef.current.style.display = 'none';\n            containerRef.current.style.height = '0px';\n            containerRef.current.style.opacity = '0';\n        }\n    }, [visible]);\n    useEffect(() => {\n        const applyNewStyles = () => {\n            var _a;\n            // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n            (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight;\n        };\n        if (!childrenRef.current || !containerRef.current) {\n            return () => { };\n        }\n        const { height } = containerRef.current.style;\n        const isAlreadyProcessed = (visible && height === 'auto') || (!visible && height === '0px');\n        if (isAlreadyProcessed) {\n            return () => { };\n        }\n        let timeoutId;\n        const transitionDuration = 300;\n        if (visible) {\n            containerRef.current.style.display = 'block';\n            containerRef.current.style.opacity = '1';\n            applyNewStyles();\n            containerRef.current.style.height = window.getComputedStyle(childrenRef.current).height;\n            timeoutId = window.setTimeout(() => {\n                if (!containerRef.current) {\n                    return;\n                }\n                handleAnimationEnd();\n                containerRef.current.style.height = 'auto';\n            }, transitionDuration);\n        }\n        if (!visible) {\n            containerRef.current.style.opacity = '0';\n            containerRef.current.style.height = window.getComputedStyle(childrenRef.current).height;\n            applyNewStyles();\n            containerRef.current.style.height = '0px';\n            timeoutId = window.setTimeout(() => {\n                if (!containerRef.current) {\n                    return;\n                }\n                handleAnimationEnd();\n                containerRef.current.style.display = 'none';\n            }, transitionDuration);\n        }\n        return () => {\n            window.clearTimeout(timeoutId);\n        };\n    }, [visible]);\n    let iconComponent;\n    switch (severity) {\n        case 'error':\n            iconComponent = React.createElement(ErrorIcon, { \"data-testid\": \"error-icon\" });\n            break;\n        case 'warning':\n            iconComponent = React.createElement(WarningIcon, { \"data-testid\": \"warning-icon\" });\n            break;\n        case 'info':\n            iconComponent = React.createElement(InfoIcon, { \"data-testid\": \"info-icon\" });\n            break;\n        default:\n            iconComponent = React.createElement(ActionValidIcon, { \"data-testid\": \"action-valid-icon\" });\n            break;\n    }\n    return (React.createElement(\"div\", { ref: containerRef, \"aria-live\": \"assertive\", role: \"alertdialog\", \"aria-hidden\": !visible, hidden: !visible, className: styles.animationContainer, \"data-testid\": testId },\n        React.createElement(\"div\", { ref: childrenRef, className: styles.animationContainerInner },\n            React.createElement(\"div\", { className: cn(styles.banner, styles[`banner_${severity}`]) },\n                iconComponent,\n                React.createElement(BodyText, { className: styles.message }, message),\n                !shouldHideCloseButton && (React.createElement(IconButton, { className: styles.buttonClose, variant: \"ghost\", iconElement: React.createElement(CloseIcon, null), onClick: handleDismiss }, closeLabel))))));\n});\nexport default BannerNotification;\n//# sourceMappingURL=BannerNotification.js.map","import React from 'react';\nimport IconWrapper from '../../../IconWrapper';\nconst ActionValidIconMedium = (props) => (React.createElement(IconWrapper, { ...props },\n    React.createElement(\"path\", { fillRule: \"evenodd\", d: \"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm0 2c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z\" }),\n    React.createElement(\"path\", { d: \"m18.703 8.71-9.19 9.097-4.216-4.172 1.406-1.422 2.81 2.78 7.784-7.704 1.406 1.422Z\" })));\nexport default ActionValidIconMedium;\n//# sourceMappingURL=ActionValidIconMedium.js.map","import React from 'react';\nimport IconWrapper from '../../../IconWrapper';\nconst ActionValidIconSmall = (props) => (React.createElement(IconWrapper, { size: \"small\", ...props },\n    React.createElement(\"path\", { d: \"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8 6A6 6 0 1 0 8 2a6 6 0 0 0 0 12Z\" }),\n    React.createElement(\"path\", { d: \"m12.388 5.684-5.865 6.253-3.23-3.23 1.414-1.414 1.77 1.77 4.452-4.747 1.459 1.368Z\" })));\nexport default ActionValidIconSmall;\n//# sourceMappingURL=ActionValidIconSmall.js.map","import React from 'react';\nimport ActionValidIconMedium from './ActionValidIconMedium';\nimport ActionValidIconSmall from './ActionValidIconSmall';\nconst ActionValidIcon = ({ size = 'medium', ...props }) => size === 'medium' ? React.createElement(ActionValidIconMedium, { ...props }) : React.createElement(ActionValidIconSmall, { ...props });\nexport default ActionValidIcon;\n//# sourceMappingURL=ActionValidIcon.js.map","import React from 'react';\nimport { ActionValidIconSmall as HmIconSmall, ActionValidIconMedium as HmIconMedium, ActionValidIcon as HmIcon, } from '../brand/hm/ActionValidIcon';\nimport { ActionValidIconSmall as HmGroupIconSmall, ActionValidIconMedium as HmGroupIconMedium, ActionValidIcon as HmGroupIcon, } from '../brand/hmGroup/ActionValidIcon';\nimport { ActionValidIconSmall as MonkiIconSmall, ActionValidIconMedium as MonkiIconMedium, ActionValidIcon as MonkiIcon, } from '../brand/monki/ActionValidIcon';\nimport { ActionValidIconSmall as NorthstarIconSmall, ActionValidIconMedium as NorthstarIconMedium, ActionValidIcon as NorthstarIcon, } from '../brand/northstar/ActionValidIcon';\nimport { ActionValidIconSmall as OSIconSmall, ActionValidIconMedium as OSIconMedium, ActionValidIcon as OSIcon, } from '../brand/otherStories/ActionValidIcon';\nexport const ActionValidIconSmall = (props) => {\n    switch (process.env.BRAND) {\n        case 'hmGroup':\n            return React.createElement(HmGroupIconSmall, { ...props });\n        case 'monki':\n            return React.createElement(MonkiIconSmall, { ...props });\n        case 'northstar':\n            return React.createElement(NorthstarIconSmall, { ...props });\n        case 'otherStories':\n            return React.createElement(OSIconSmall, { ...props });\n        case 'hm':\n        default:\n            return React.createElement(HmIconSmall, { ...props });\n    }\n};\nexport const ActionValidIconMedium = (props) => {\n    switch (process.env.BRAND) {\n        case 'hmGroup':\n            return React.createElement(HmGroupIconMedium, { ...props });\n        case 'monki':\n            return React.createElement(MonkiIconMedium, { ...props });\n        case 'northstar':\n            return React.createElement(NorthstarIconMedium, { ...props });\n        case 'otherStories':\n            return React.createElement(OSIconMedium, { ...props });\n        case 'hm':\n        default:\n            return React.createElement(HmIconMedium, { ...props });\n    }\n};\nexport const ActionValidIcon = (props) => {\n    switch (process.env.BRAND) {\n        case 'hmGroup':\n            return React.createElement(HmGroupIcon, { ...props });\n        case 'monki':\n            return React.createElement(MonkiIcon, { ...props });\n        case 'northstar':\n            return React.createElement(NorthstarIcon, { ...props });\n        case 'otherStories':\n            return React.createElement(OSIcon, { ...props });\n        case 'hm':\n        default:\n            return React.createElement(HmIcon, { ...props });\n    }\n};\nexport default ActionValidIcon;\n//# sourceMappingURL=ActionValidIcon.js.map","import React from 'react';\nimport IconWrapper from '../../../IconWrapper';\nconst InfoIconSmall = (props) => (React.createElement(IconWrapper, { size: \"small\", ...props },\n    React.createElement(\"path\", { d: \"M7 4v1.778h2V4H7ZM7 7v5h2V7H7Z M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0ZM2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Z\" })));\nexport default InfoIconSmall;\n//# sourceMappingURL=InfoIconSmall.js.map","import React from 'react';\nimport IconWrapper from '../../../IconWrapper';\nconst InfoIconMedium = (props) => (React.createElement(IconWrapper, { ...props },\n    React.createElement(\"path\", { d: \"M11 5v2.667h2V5h-2ZM11 9.667V17h2V9.667h-2Z M12 0C5.925 0 1 4.925 1 11s4.925 11 11 11 11-4.925 11-11S18.075 0 12 0ZM3 11a9 9 0 1 1 18 0 9 9 0 0 1-18 0Z\" })));\nexport default InfoIconMedium;\n//# sourceMappingURL=InfoIconMedium.js.map","import React from 'react';\nimport InfoIconMedium from './InfoIconMedium';\nimport InfoIconSmall from './InfoIconSmall';\nconst InfoIcon = ({ size = 'medium', ...props }) => size === 'medium' ? React.createElement(InfoIconMedium, { ...props }) : React.createElement(InfoIconSmall, { ...props });\nexport default InfoIcon;\n//# sourceMappingURL=InfoIcon.js.map","import React from 'react';\nimport { InfoIconSmall as HmIconSmall, InfoIconMedium as HmIconMedium, InfoIcon as HmIcon, } from '../brand/hm/InfoIcon';\nimport { InfoIconSmall as HmGroupIconSmall, InfoIconMedium as HmGroupIconMedium, InfoIcon as HmGroupIcon, } from '../brand/hmGroup/InfoIcon';\nimport { InfoIconSmall as MonkiIconSmall, InfoIconMedium as MonkiIconMedium, InfoIcon as MonkiIcon, } from '../brand/monki/InfoIcon';\nimport { InfoIconSmall as NorthstarIconSmall, InfoIconMedium as NorthstarIconMedium, InfoIcon as NorthstarIcon, } from '../brand/northstar/InfoIcon';\nimport { InfoIconSmall as OSIconSmall, InfoIconMedium as OSIconMedium, InfoIcon as OSIcon, } from '../brand/otherStories/InfoIcon';\nexport const InfoIconSmall = (props) => {\n    switch (process.env.BRAND) {\n        case 'hmGroup':\n            return React.createElement(HmGroupIconSmall, { ...props });\n        case 'monki':\n            return React.createElement(MonkiIconSmall, { ...props });\n        case 'northstar':\n            return React.createElement(NorthstarIconSmall, { ...props });\n        case 'otherStories':\n            return React.createElement(OSIconSmall, { ...props });\n        case 'hm':\n        default:\n            return React.createElement(HmIconSmall, { ...props });\n    }\n};\nexport const InfoIconMedium = (props) => {\n    switch (process.env.BRAND) {\n        case 'hmGroup':\n            return React.createElement(HmGroupIconMedium, { ...props });\n        case 'monki':\n            return React.createElement(MonkiIconMedium, { ...props });\n        case 'northstar':\n            return React.createElement(NorthstarIconMedium, { ...props });\n        case 'otherStories':\n            return React.createElement(OSIconMedium, { ...props });\n        case 'hm':\n        default:\n            return React.createElement(HmIconMedium, { ...props });\n    }\n};\nexport const InfoIcon = (props) => {\n    switch (process.env.BRAND) {\n        case 'hmGroup':\n            return React.createElement(HmGroupIcon, { ...props });\n        case 'monki':\n            return React.createElement(MonkiIcon, { ...props });\n        case 'northstar':\n            return React.createElement(NorthstarIcon, { ...props });\n        case 'otherStories':\n            return React.createElement(OSIcon, { ...props });\n        case 'hm':\n        default:\n            return React.createElement(HmIcon, { ...props });\n    }\n};\nexport default InfoIcon;\n//# sourceMappingURL=InfoIcon.js.map","import React from 'react';\nimport IconWrapper from '../../../IconWrapper';\nconst WarningIconMedium = (props) => (React.createElement(IconWrapper, { ...props },\n    React.createElement(\"path\", { d: \"M12 18.5v-2h-2v2h2ZM12 15.111V9h-2v6.111h2Z\" }),\n    React.createElement(\"path\", { fillRule: \"evenodd\", d: \"m11 0 11 22H0L11 0Zm7.764 20H3.236L11 4.472 18.764 20Z\" })));\nexport default WarningIconMedium;\n//# sourceMappingURL=WarningIconMedium.js.map","import React from 'react';\nimport IconWrapper from '../../../IconWrapper';\nconst WarningIconSmall = (props) => (React.createElement(IconWrapper, { size: \"small\", ...props },\n    React.createElement(\"path\", { fillRule: \"evenodd\", d: \"M7 13h2V8H7v5Z M16 16H0L8 0l8 16Zm-3.236-2H3.236L8 4.472 12.764 14Z\" })));\nexport default WarningIconSmall;\n//# sourceMappingURL=WarningIconSmall.js.map","import React from 'react';\nimport WarningIconMedium from './WarningIconMedium';\nimport WarningIconSmall from './WarningIconSmall';\nconst WarningIcon = ({ size = 'medium', ...props }) => size === 'medium' ? React.createElement(WarningIconMedium, { ...props }) : React.createElement(WarningIconSmall, { ...props });\nexport default WarningIcon;\n//# sourceMappingURL=WarningIcon.js.map","import React from 'react';\nimport { WarningIconSmall as HmIconSmall, WarningIconMedium as HmIconMedium, WarningIcon as HmIcon, } from '../brand/hm/WarningIcon';\nimport { WarningIconSmall as HmGroupIconSmall, WarningIconMedium as HmGroupIconMedium, WarningIcon as HmGroupIcon, } from '../brand/hmGroup/WarningIcon';\nimport { WarningIconSmall as MonkiIconSmall, WarningIconMedium as MonkiIconMedium, WarningIcon as MonkiIcon, } from '../brand/monki/WarningIcon';\nimport { WarningIconSmall as NorthstarIconSmall, WarningIconMedium as NorthstarIconMedium, WarningIcon as NorthstarIcon, } from '../brand/northstar/WarningIcon';\nimport { WarningIconSmall as OSIconSmall, WarningIconMedium as OSIconMedium, WarningIcon as OSIcon, } from '../brand/otherStories/WarningIcon';\nexport const WarningIconSmall = (props) => {\n    switch (process.env.BRAND) {\n        case 'hmGroup':\n            return React.createElement(HmGroupIconSmall, { ...props });\n        case 'monki':\n            return React.createElement(MonkiIconSmall, { ...props });\n        case 'northstar':\n            return React.createElement(NorthstarIconSmall, { ...props });\n        case 'otherStories':\n            return React.createElement(OSIconSmall, { ...props });\n        case 'hm':\n        default:\n            return React.createElement(HmIconSmall, { ...props });\n    }\n};\nexport const WarningIconMedium = (props) => {\n    switch (process.env.BRAND) {\n        case 'hmGroup':\n            return React.createElement(HmGroupIconMedium, { ...props });\n        case 'monki':\n            return React.createElement(MonkiIconMedium, { ...props });\n        case 'northstar':\n            return React.createElement(NorthstarIconMedium, { ...props });\n        case 'otherStories':\n            return React.createElement(OSIconMedium, { ...props });\n        case 'hm':\n        default:\n            return React.createElement(HmIconMedium, { ...props });\n    }\n};\nexport const WarningIcon = (props) => {\n    switch (process.env.BRAND) {\n        case 'hmGroup':\n            return React.createElement(HmGroupIcon, { ...props });\n        case 'monki':\n            return React.createElement(MonkiIcon, { ...props });\n        case 'northstar':\n            return React.createElement(NorthstarIcon, { ...props });\n        case 'otherStories':\n            return React.createElement(OSIcon, { ...props });\n        case 'hm':\n        default:\n            return React.createElement(HmIcon, { ...props });\n    }\n};\nexport default WarningIcon;\n//# sourceMappingURL=WarningIcon.js.map","import { __rest } from \"tslib\";\nimport React from 'react';\nimport IconWrapper from '../IconWrapper';\nconst HMLogoIcon = (_a) => {\n    var { id = 'id-hm-logo' } = _a, rest = __rest(_a, [\"id\"]);\n    return (React.createElement(IconWrapper, Object.assign({ viewBox: \"0 0 370 244\", role: \"img\", \"aria-labelledby\": id }, rest),\n        React.createElement(\"title\", { id: id }, \"H&M\"),\n        React.createElement(\"path\", { d: \"M259.895 7.413c13.424-6.618 20.087-5.737 20.232.946.19 8.7-1.098 20.23-2.016 28.604-4.983 45.423-13.32 82.543-13.954 129.19 21.94-56.802 40.345-96.278 64.03-144.909 7.53-15.47 12.325-12.593 18.503-15.343 24.082-10.715 24.984-4.133 21.837 8.95-11.686 48.552-41.54 201.376-46.114 224.907-1.328 6.807-8.715 3.923-10.644 1.26-8.57-11.85-18.225-12.036-17.14-19.919 5.37-39.233 24.71-137.666 29.75-160.863-25.719 52.696-52.37 118.566-66.053 155.914-2.907 7.931-8.188 7.35-11.48 1.546-4.63-8.15-13.61-12.312-15.093-21.943-4.702-30.628 5.37-89.003 6.773-125.936-13.994 40.342-37.49 118.67-47.782 154.057-4.256 14.643-18.382 12.253-14.627-2.018 15.642-59.389 49.326-164.425 63.915-202.198 3.427-8.874 12.406-8.569 19.863-12.245zM174.6.115c4.26 1.025 3.913 6.05 1.31 12.912-7.682 20.247-18.335 46.847-30.516 78.212 7.658-.874 11.811-1.17 11.811-1.17 10.994-1.358 13.041 4.139 9.946 9.99-2.466 4.664-5.436 1.554-15.724 16.89-5.796 8.642-15.259 10.924-20.515 12.076-12.662 33.523-26.23 70.916-39.415 110.77-1.919 5.804-7.524 4.532-9.209 2.174-6.192-8.647-10.758-8.933-15.558-15.927-.577-1.132-1.706-2.672-1.027-5.448 3.53-14.425 12.901-44.067 27.156-83.091-17.958 3.892-37.387 8.076-45.408 9.94-9.626 25.445-19.014 50.967-27.908 76.18-5.518 15.64-19.88 12.617-14.84-2.165 8.028-23.548 16.89-48.004 25.776-71.72-9.948-1.063-13.313-8.088-18.873-13.958-2.147-2.267-6.828-1.948-9.12-5.127-4.123-5.711-3.712-8.248 5.81-10.996a955.318 955.318 0 0137.464-9.998c16.09-41.524 30.63-77.144 38.38-96.151C90.114-1.138 105.514.226 99.664 14.674c-11.889 29.363-24.079 59.867-36.11 90.799a880.98 880.98 0 0144.748-8.87 2312.644 2312.644 0 0134.62-83.968c.845-1.937 3.31-4.678 5.878-5.118 8.092-1.385 21.251-8.498 25.8-7.402zm-27.552 190.077c1.265-.773 2.524-1.715 3.767-2.75a756.514 756.514 0 01-2.82-8.468 139.528 139.528 0 00-2.752 3.638c-5.386 7.396-2.197 10.028 1.805 7.58zm7.167-35.065c6.67-7.53-6.516-10.681-3.48.836.17.65.382 1.413.62 2.254a98.19 98.19 0 002.86-3.09zm6.941 22.695c6.602-5.721 12.908-.046 6.38 9.628-1.404 2.08-2.99 4.318-4.729 6.522a193.17 193.17 0 002.146 5.877c3.375 8.654-5.488 10.824-8.345 3.656-.25-.626-.51-1.297-.778-1.995-5.387 4.772-11.618 7.777-18.275 5.707-10.954-3.407-13.74-18.83-3.514-30.711 4.103-4.767 7.191-8.074 9.771-10.716a251.947 251.947 0 01-1.819-6.17c-1.328-4.81-2.527-10.416 2.287-16.13 9.027-10.712 29.971-1.203 19.377 15.289-2.552 3.972-5.535 7.724-8.647 11.527a979.555 979.555 0 003.26 10.18 78.304 78.304 0 012.886-2.664z\" })));\n};\nexport default HMLogoIcon;\n//# sourceMappingURL=HMLogoIcon.js.map","import { useState, useEffect } from 'react';\nconst useKeyboardNav = ({ onSubmit, onExit, onFocus, length, disabled, initialIndex = 0, submitOnSpaceClick = false, }, dependencies = []) => {\n    const [selectedItem, setSelectedItem] = useState(initialIndex);\n    useEffect(() => {\n        if (onFocus && !disabled)\n            onFocus(selectedItem);\n    }, [selectedItem, disabled, onFocus]);\n    useEffect(() => {\n        if (disabled)\n            return;\n        const handleKeyboardNavigation = (event) => {\n            const linksLength = length;\n            const handleArrowDown = () => {\n                if (selectedItem === linksLength - 1) {\n                    setSelectedItem(0);\n                }\n                else {\n                    setSelectedItem(selectedItem + 1);\n                }\n            };\n            const handleArrowUp = () => {\n                return selectedItem <= 0\n                    ? setSelectedItem(linksLength - 1)\n                    : setSelectedItem(selectedItem - 1);\n            };\n            switch (event.key) {\n                case 'ArrowDown':\n                    event.preventDefault();\n                    handleArrowDown();\n                    break;\n                case 'ArrowUp':\n                    event.preventDefault();\n                    handleArrowUp();\n                    break;\n                case ' ': // Space\n                    if (submitOnSpaceClick) {\n                        if (selectedItem > -1) {\n                            event.preventDefault();\n                            if (onSubmit)\n                                onSubmit(event, selectedItem);\n                        }\n                    }\n                    break;\n                case 'Enter':\n                    if (selectedItem > -1) {\n                        event.preventDefault();\n                        if (onSubmit)\n                            onSubmit(event, selectedItem);\n                    }\n                    break;\n                case 'Tab':\n                    if (onExit)\n                        onExit();\n                    break;\n                case 'Escape':\n                    setSelectedItem(0);\n                    if (onExit)\n                        onExit();\n                    break;\n                default:\n            }\n        };\n        const handleDocumentClick = () => onExit && onExit();\n        document.addEventListener('keydown', handleKeyboardNavigation);\n        document.addEventListener('click', handleDocumentClick);\n        // eslint-disable-next-line consistent-return\n        return () => {\n            document.removeEventListener('keydown', handleKeyboardNavigation);\n            document.removeEventListener('click', handleDocumentClick);\n        };\n    }, [...dependencies, selectedItem, length, disabled]);\n    return [selectedItem, setSelectedItem];\n};\nexport default useKeyboardNav;\n//# sourceMappingURL=useKeyboardNav.js.map"],"names":["$","$find","addToUnscopables","FIND","SKIPS_HOLES","Array","target","proto","forced","find","callbackfn","this","arguments","length","undefined","exports","___CSS_LOADER_API_IMPORT___","push","module","id","options","styles","forwardRef","ref","closeLabel","message","severity","testId","shouldHideCloseButton","containerRef","useRef","childrenRef","useState","visible","setVisible","useImperativeHandle","current","iconComponent","handleAnimationEnd","useEffect","style","display","height","opacity","applyNewStyles","_a","offsetHeight","timeoutId","window","getComputedStyle","setTimeout","clearTimeout","React","ErrorIcon","WarningIcon","InfoIcon","ActionValidIcon","role","hidden","className","animationContainer","animationContainerInner","cn","banner","BodyText","IconButton","buttonClose","variant","iconElement","CloseIcon","onClick","props","IconWrapper","fillRule","d","size","ActionValidIconMedium","ActionValidIconSmall","MonkiIcon","InfoIconMedium","InfoIconSmall","MonkiIconSmall","WarningIconMedium","WarningIconSmall","rest","__rest","Object","assign","viewBox","onSubmit","onExit","onFocus","disabled","initialIndex","submitOnSpaceClick","dependencies","selectedItem","setSelectedItem","handleKeyboardNavigation","event","linksLength","key","preventDefault","handleDocumentClick","document","addEventListener","removeEventListener"],"sourceRoot":""}