https://www.stockholm-tour.com/_next/static/chunks/27985-7d037c6b61181b68.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27985],{27985:function(e,r,a){a.r(r),a.d(r,{Button:function(){return y}});var t=a(14994),o=a(37169),i=a(93435),n=a(38339),s=a(81445),l=a(39167);let c=(0,o.eW)(e=>{let{state:r="default",styles:a,containerRef:o,hasLoadingAnimation:n=!1}=e,l=(0,i.useRef)(null);return((0,i.useEffect)(()=>{let e=o.current;if(n&&e){if("loading"===r){let r=l.current;r&&(e.style.top="-50px",setTimeout(()=>{r.style.top="50%",r.style.transform="translate(-50%, -50%)"},300))}else e.style.top="0"}},[o,n,r]),"loading"!==r)?null:(0,t.jsx)("span",{ref:l,className:(0,s.iv)(a),role:"progressbar","aria-label":"loading","aria-live":"assertive",children:(0,t.jsxs)("svg",{version:"1.1",id:"L5",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 100 100",enableBackground:"new 0 0 0 0",xmlSpace:"preserve",width:"100%",height:"100%",children:[(0,t.jsx)("circle",{fill:"currentColor",stroke:"none",cx:"10",cy:"50",r:"10",children:(0,t.jsx)("animateTransform",{attributeName:"transform",dur:".7s",type:"translate",values:"0 6 ; 0 -6; 0 6",repeatCount:"indefinite",begin:"0.1"})}),(0,t.jsx)("circle",{fill:"currentColor",stroke:"none",cx:"50",cy:"50",r:"10",children:(0,t.jsx)("animateTransform",{attributeName:"transform",dur:".7s",type:"translate",values:"0 6 ; 0 -6; 0 6",repeatCount:"indefinite",begin:"0.25"})}),(0,t.jsx)("circle",{fill:"currentColor",stroke:"none",cx:"90",cy:"50",r:"10",children:(0,t.jsx)("animateTransform",{attributeName:"transform",dur:".7s",type:"translate",values:"0 6 ; 0 -6; 0 6",repeatCount:"indefinite",begin:"0.4"})})]})})},"ButtonLoader"),d=(0,a(31465).F)({slots:["root","container","loader","icon","primaryText","secondaryText"],base:{root:{display:"flex",justifyContent:"center",width:"100%",border:"1px solid",overflow:"hidden",borderRadius:"radius.12",_hover:{cursor:"pointer",transition:"background 0.3s cubic-bezier(0.7, 0, 0.3, 1)"},_focusVisible:{outline:"none",boxShadow:"0 0 0 2px token(colors.semantic.surface.light.white), 0 0 0 3px token(colors.semantic.surface.dark.primary.2)"},_active:{transform:"scale(0.95)",transition:"transform 0.2s cubic-bezier(0.7, 0, 0.3, 1)"}},secondaryText:{textStyle:"ui.label.small"},container:{display:"flex"},loader:{display:"inline-block"}},variants:{size:{small:{root:{padding:"token(spacing.space.6) token(spacing.space.12) token(spacing.space.6)",borderRadius:"radius.8"},primaryText:{textStyle:"cta.small"},container:{marginBottom:"space.2"}},medium:{root:{padding:"token(spacing.space.12) token(spacing.space.16)"},primaryText:{textStyle:"cta.regular"},secondaryText:{marginBottom:"space.2"}},large:{root:{padding:"token(spacing.space.14) token(spacing.space.16)"},primaryText:{textStyle:"cta.large"},secondaryText:{marginBottom:"space.2"}}},state:{default:{},loading:{},disabled:{}},direction:{row:{container:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:"space.8"}},rowReverse:{container:{flexDirection:"row-reverse",alignItems:"center",justifyContent:"center",gap:"space.8"}},column:{container:{flexDirection:"column",alignItems:"center"}}},isIconOnly:{true:{root:{padding:0,justifyContent:"center",alignItems:"center"}},false:{}},hasSecondaryText:{true:{},false:{}},hasLoadingAnimation:{true:{root:{position:"relative"},container:{position:"relative",top:"0",transition:"top 0.3s cubic-bezier(0.7, 0, 0.3, 1)"},loader:{position:"absolute",top:"100%",left:"50%",transform:"translateX('-50%')",transition:"top 0.1s cubic-bezier(0.7, 0, 0.3, 1)"}},false:{root:{alignItems:"center",justifyContent:"center"}}},variant:{primary:{root:{color:"semantic.cta.white"}},secondary:{root:{backgroundColor:"transparent"}},tertiary:{}},btnType:{primary:{},black:{},white:{},transparent:{}}},compoundVariants:[{size:"medium",hasSecondaryText:!0,css:{root:{padding:"token(spacing.space.4) token(spacing.space.16)"}}},{size:"large",hasSecondaryText:!0,css:{root:{padding:"token(spacing.space.6) token(spacing.space.16)"}}},{size:["medium","large"],hasSecondaryText:!1,css:{primaryText:{marginBottom:"space.2"}}},{size:"small",css:{icon:{width:"12px",height:"12px"}}},{size:["medium","large"],css:{icon:{width:"16px",height:"16px"}}},{state:["disabled","loading"],css:{root:{pointerEvents:"none",_active:{transform:"none"}}}},{size:["small","medium"],state:"loading",css:{loader:{width:"20px",height:"20px"}}},{size:"large",state:"loading",css:{loader:{width:"24px",height:"24px"}}},{size:"small",isIconOnly:!0,css:{root:{width:"36px",height:"36px"},loader:{width:"12px",height:"12px"}}},{size:"medium",isIconOnly:!0,css:{root:{width:"48px",height:"48px"},loader:{width:"16px",height:"16px"}}},{size:"large",isIconOnly:!0,css:{root:{width:"56px",height:"56px"},loader:{width:"16px",height:"16px"}}},{hasLoadingAnimation:!1,state:"loading",size:["medium","large"],css:{loader:{margin:"token(spacing.space.1) 0"}}},{state:"disabled",variant:"primary",css:{root:{color:"semantic.cta.white",backgroundColor:"semantic.cta.disabled.primary",borderColor:"semantic.border.disabled.1"}}},{state:"disabled",variant:"secondary",css:{root:{color:"semantic.text.disabled",borderColor:"semantic.border.disabled.1"}}},{state:"disabled",variant:"tertiary",css:{root:{color:"semantic.text.disabled",backgroundColor:"semantic.cta.disabled.tertiary",borderColor:"semantic.cta.disabled.tertiary"}}},{btnType:"primary",variant:"primary",state:["default","loading"],css:{root:{backgroundColor:"semantic.cta.primary",borderColor:"semantic.border.primary",_supportHover:{backgroundColor:"semantic.border.primary"}}}},{btnType:"primary",variant:"secondary",state:["default","loading"],css:{root:{color:"semantic.text.primary",borderColor:"semantic.border.primary",_supportHover:{backgroundColor:"semantic.surface.light.primary.1"}}}},{btnType:"primary",variant:"tertiary",state:["default","loading"],css:{root:{color:"semantic.text.primary",backgroundColor:"semantic.surface.light.primary.1",borderColor:"semantic.surface.light.primary.1",_supportHover:{backgroundColor:"semantic.surface.light.primary.2",borderColor:"semantic.surface.light.primary.2"}}}},{btnType:"black",variant:"primary",state:["default","loading"],css:{root:{backgroundColor:"semantic.cta.black",borderColor:"core.primary.black",_supportHover:{backgroundColor:"core.primary.black"}}}},{btnType:"black",variant:"secondary",state:["default","loading"],css:{root:{color:"semantic.text.grey.2",borderColor:"core.primary.black",_supportHover:{backgroundColor:"semantic.surface.light.grey.2"}}}},{btnType:"black",variant:"tertiary",state:["default","loading"],css:{root:{color:"semantic.text.grey.2",backgroundColor:"semantic.surface.light.grey.2",borderColor:"semantic.surface.light.grey.2",_supportHover:{backgroundColor:"semantic.surface.light.grey.3",borderColor:"semantic.surface.light.grey.3"}}}},{btnType:"white",variant:"primary",state:["default","loading"],css:{root:{color:"semantic.text.grey.2",backgroundColor:"semantic.cta.white",borderColor:"semantic.dividers.dark",_supportHover:{backgroundColor:"semantic.surface.light.grey.2"}}}},{btnType:"white",variant:"secondary",state:["default","loading"],css:{root:{color:"core.primary.white",borderColor:"semantic.surface.light.white",_supportHover:{backgroundColor:"semantic.overlay.light"}}}},{btnType:"white",variant:"primary",state:"disabled",css:{root:{color:"semantic.text.grey.2"}}},{btnType:"transparent",variant:"primary",state:["default","loading"],css:{root:{color:"semantic.text.grey.2",backgroundColor:"transparent",borderColor:"transparent","@media (min-width: 768px)":{_hover:{backgroundColor:"core.grey.100"}}}}},{btnType:"transparent",variant:"tertiary",state:["default","loading"],css:{root:{color:"semantic.cta.white",backgroundColor:"transparent",borderColor:"transparent","@media (min-width: 768px)":{_hover:{backgroundColor:"core.black.a10"}}}}}],defaultVariants:{state:"default",size:"medium",direction:"row",isIconOnly:!1,hasSecondaryText:!1,variant:"primary",btnType:"primary"}});var p=a(7784);let m={light:[10],medium:[20],heavy:[40],success:[15,60,80],warning:[20,100,20],error:[40,60,40,60,40]},u=(0,o.eW)(()=>"undefined"!=typeof navigator&&"vibrate"in navigator,"isVibrationSupported"),g=(0,o.eW)(()=>({triggerHaptic:(0,i.useCallback)(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light";u()&&navigator.vibrate(m[e])},[])}),"useHaptics"),y=(0,i.forwardRef)((0,o.eW)(function(e,r){var{variant:a="primary",btnType:l="primary",size:c="medium",state:m="default",primaryText:u="",secondaryText:y,icon:h,iconPosition:x="leading",iconAriaLabel:f,hasLoadingAnimation:v=!0,overrideStyles:k={},hapticFeedback:C="primary"===a&&"medium",onClick:w,as:T,className:j}=e,z=(0,o.S0)(e,["variant","btnType","size","state","primaryText","secondaryText","icon","iconPosition","iconAriaLabel","hasLoadingAnimation","overrideStyles","hapticFeedback","onClick","as","className"]);let _=(0,i.useRef)(null),{triggerHaptic:S}=g(),I=(0,i.useCallback)(()=>{C&&"disabled"!==m&&"loading"!==m&&S(C)},[C,m,S]),N=!!(!u&&(h||"loading"===m)),{cssRaw:B,restProps:H}=(0,p.w)(z),L=d.raw({btnType:l,size:c,state:m,variant:a,hasSecondaryText:!!y,hasLoadingAnimation:!!v,isIconOnly:!!N,direction:h?"trailing"===x?"rowReverse":"row":"column"}),R=(0,o.ih)({className:(0,n.cx)((0,s.iv)(L.root,B,null==k?void 0:k.root),j),"aria-label":u},H),A=(0,t.jsx)(b,{state:m,primaryText:u,secondaryText:y,icon:h,isIconOnly:N,iconAriaLabel:f,hasLoadingAnimation:v,styles:L,overrideStyles:k,containerRef:_});if("anchor"===T){let e=(0,o.eW)(e=>{I(),null==w||w(e)},"handleClick"),{href:a}=R,i=(0,o.S0)(R,["href"]);if(a)return(0,t.jsx)("a",{ref:r,href:a,onClick:e,...i,children:A});let n=(0,o.eW)(e=>

1{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),null==w||w(e))},"handleKeyDown");return(0,t.jsx)("a",{ref:r,tabIndex:0,role:"button",onClick:e,onKeyDown:n,...i,children:A})}let W=(0,o.eW)(e=>{I(),null==w||w(e)},"handleClick");return(0,t.jsx)("button",{ref:r,onClick:W,disabled:"disabled"===m,...R,children:A})},"Button")),b=(0,o.eW)(e=>{let{state:r,primaryText:a,secondaryText:o,icon:i,iconAriaLabel:n,hasLoadingAnimation:d,styles:p,isIconOnly:m,overrideStyles:u,containerRef:g}=e;return(0,t.jsxs)(t.Fragment,{children:[("loading"!==r||d)&&(0,t.jsxs)("span",{className:(0,s.iv)(p.container,null==u?void 0:u.container),ref:g,children:[i&&(0,t.jsx)("span",{className:(0,s.iv)(p.icon,null==u?void 0:u.icon),role:"img","aria-label":n,"aria-hidden":!n,children:i}),!m&&(0,t.jsx)(l.x,{as:"span",className:(0,s.iv)(p.primaryText,null==u?void 0:u.primaryText),children:a}),o&&(0,t.jsx)(l.x,{as:"span",className:(0,s.iv)(p.secondaryText,null==u?void 0:u.secondaryText),children:o})]}),(0,t.jsx)(c,{state:r,styles:p.loader,containerRef:g,hasLoadingAnimation:d})]})},"ButtonContent")}}]);