@lifesg/react-design-system 1.0.0-alpha.2 → 1.0.0-alpha.21

package/smart-app-banner/index.js

@@ -0,0 +1,373 @@
+import e,{jsxs as t,jsx as r,Fragment as n}from"react/jsx-runtime";import i from"react";import a,{keyframes as o,css as l}from"styled-components";var c,d="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},s={};Object.defineProperty(s,"__esModule",{value:!0});var h=e;const g=e=>h.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:h.jsx("path",{d:"M9.99991 11.229L5.97891 15.25C5.81224 15.4167 5.61091 15.4967 5.37491 15.49C5.13891 15.4827 4.93757 15.3957 4.77091 15.229C4.60424 15.0623 4.52091 14.8577 4.52091 14.615C4.52091 14.3717 4.60424 14.1667 4.77091 14L8.77091 10L4.74991 5.979C4.58324 5.81233 4.50324 5.60767 4.50991 5.365C4.51724 5.12167 4.60424 4.91667 4.77091 4.75C4.93757 4.58333 5.14224 4.5 5.38491 4.5C5.62824 4.5 5.83324 4.58333 5.99991 4.75L9.99991 8.771L14.0209 4.75C14.1876 4.58333 14.3922 4.5 14.6349 4.5C14.8782 4.5 15.0832 4.58333 15.2499 4.75C15.4166 4.91667 15.4999 5.12167 15.4999 5.365C15.4999 5.60767 15.4166 5.81233 15.2499 5.979L11.2289 10L15.2499 14.021C15.4166 14.1877 15.4999 14.389 15.4999 14.625C15.4999 14.861 15.4166 15.0623 15.2499 15.229C15.0832 15.3957 14.8782 15.479 14.6349 15.479C14.3922 15.479 14.1876 15.3957 14.0209 15.229L9.99991 11.229Z",fill:"currentColor"})});g.displayName="CrossIcon",c=s.CrossIcon=g;var f,u={};Object.defineProperty(u,"__esModule",{value:!0});var p=e;const m=e=>p.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:p.jsx("path",{d:"M7.33295 14.896L9.99995 13.312L12.688 14.896L11.979 11.896L14.292 9.917L11.229 9.646L9.99995 6.792L8.77095 9.646L5.70795 9.917L8.04195 11.896L7.33295 14.896ZM9.99995 15.062L6.58295 17.104C6.43029 17.1873 6.28095 17.222 6.13495 17.208C5.98962 17.1947 5.86129 17.146 5.74995 17.062C5.63862 16.9793 5.55529 16.865 5.49995 16.719C5.44462 16.573 5.43762 16.4237 5.47895 16.271L6.37495 12.458L3.35395 9.896C3.22929 9.78466 3.15295 9.656 3.12495 9.51C3.09695 9.36466 3.10395 9.22233 3.14595 9.083C3.18729 8.94433 3.26362 8.83 3.37495 8.74C3.48629 8.64933 3.62529 8.597 3.79195 8.583L7.74995 8.229L9.31195 4.604C9.38195 4.45133 9.47929 4.33666 9.60395 4.26C9.72929 4.184 9.86129 4.146 9.99995 4.146C10.1386 4.146 10.2706 4.184 10.396 4.26C10.5206 4.33666 10.618 4.45133 10.688 4.604L12.25 8.25L16.208 8.583C16.3746 8.597 16.5136 8.65266 16.625 8.75C16.7363 8.84733 16.8126 8.96533 16.854 9.104C16.896 9.24266 16.8996 9.38166 16.865 9.521C16.8296 9.65966 16.7496 9.78466 16.625 9.896L13.625 12.458L14.521 16.271C14.5623 16.4237 14.5553 16.573 14.5 16.719C14.4446 16.865 14.3613 16.9793 14.25 17.062C14.1386 17.146 14.0103 17.1947 13.865 17.208C13.719 17.222 13.5696 17.1873 13.417 17.104L9.99995 15.062Z",fill:"currentColor"})});m.displayName="StarIcon",f=u.StarIcon=m;var y,S={};Object.defineProperty(S,"__esModule",{value:!0});var $=e;const v=e=>$.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:$.jsx("path",{d:"M9.99995 15.062L6.58295 17.104C6.43029 17.1873 6.28095 17.222 6.13495 17.208C5.98962 17.1947 5.86129 17.146 5.74995 17.062C5.63862 16.9793 5.55529 16.865 5.49995 16.719C5.44462 16.573 5.43762 16.4237 5.47895 16.271L6.37495 12.458L3.35395 9.896C3.22929 9.78466 3.15295 9.656 3.12495 9.51C3.09695 9.36466 3.10395 9.22233 3.14595 9.083C3.18729 8.94433 3.26362 8.83 3.37495 8.74C3.48629 8.64933 3.62529 8.597 3.79195 8.583L7.74995 8.229L9.31195 4.604C9.38195 4.45133 9.47929 4.33666 9.60395 4.26C9.72929 4.184 9.86129 4.146 9.99995 4.146C10.1386 4.146 10.2706 4.184 10.396 4.26C10.5206 4.33666 10.618 4.45133 10.688 4.604L12.25 8.25L16.208 8.583C16.3746 8.597 16.5136 8.65266 16.625 8.75C16.7363 8.84733 16.8126 8.96533 16.854 9.104C16.896 9.24266 16.8996 9.38166 16.865 9.521C16.8296 9.65966 16.7496 9.78466 16.625 9.896L13.625 12.458L14.521 16.271C14.5623 16.4237 14.5553 16.573 14.5 16.719C14.4446 16.865 14.3613 16.9793 14.25 17.062C14.1386 17.146 14.0103 17.1947 13.865 17.208C13.719 17.222 13.5696 17.1873 13.417 17.104L9.99995 15.062Z",fill:"currentColor"})});v.displayName="StarFillIcon",y=S.StarFillIcon=v;var b,F={};Object.defineProperty(F,"__esModule",{value:!0});var C=e;const H=e=>C.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:C.jsx("path",{d:"M9.99995 6.792V13.312L12.688 14.896L11.979 11.896L14.292 9.917L11.229 9.646L9.99995 6.792ZM9.99995 15.062L6.58295 17.104C6.43029 17.1873 6.28095 17.222 6.13495 17.208C5.98962 17.1947 5.86129 17.146 5.74995 17.062C5.63862 16.9793 5.55529 16.865 5.49995 16.719C5.44462 16.573 5.43762 16.4237 5.47895 16.271L6.37495 12.458L3.35395 9.896C3.22929 9.78466 3.15295 9.656 3.12495 9.51C3.09695 9.36466 3.10395 9.22233 3.14595 9.083C3.18729 8.94433 3.26362 8.83 3.37495 8.74C3.48629 8.64933 3.62529 8.597 3.79195 8.583L7.74995 8.229L9.31195 4.604C9.38195 4.45133 9.47929 4.33666 9.60395 4.26C9.72929 4.184 9.86129 4.146 9.99995 4.146C10.1386 4.146 10.2706 4.184 10.396 4.26C10.5206 4.33666 10.618 4.45133 10.688 4.604L12.25 8.25L16.208 8.583C16.3746 8.597 16.5136 8.65266 16.625 8.75C16.7363 8.84733 16.8126 8.96533 16.854 9.104C16.896 9.24266 16.8996 9.38166 16.865 9.521C16.8296 9.65966 16.7496 9.78466 16.625 9.896L13.625 12.458L14.521 16.271C14.5623 16.4237 14.5553 16.573 14.5 16.719C14.4446 16.865 14.3613 16.9793 14.25 17.062C14.1386 17.146 14.0103 17.1947 13.865 17.208C13.719 17.222 13.5696 17.1873 13.417 17.104L9.99995 15.062Z",fill:"currentColor"})});H.displayName="StarHalfIcon",b=F.StarHalfIcon=H;var B=Array.isArray,w="object"==typeof d&&d&&d.Object===Object&&d,D="object"==typeof self&&self&&self.Object===Object&&self,x=w||D||Function("return this")(),_=x.Symbol,L=_,z=Object.prototype,k=z.hasOwnProperty,N=z.toString,E=L?L.toStringTag:void 0;var j=function(e){var t=k.call(e,E),r=e[E];try{e[E]=void 0;var n=!0}catch(e){}var i=N.call(e);return n&&(t?e[E]=r:delete e[E]),i},W=Object.prototype.toString;var O=j,A=function(e){return W.call(e)},T=_?_.toStringTag:void 0;var P=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":T&&T in Object(e)?O(e):A(e)};var I=P,V=function(e){return null!=e&&"object"==typeof e};var R=function(e){return"symbol"==typeof e||V(e)&&"[object Symbol]"==I(e)},M=B,X=R,Z=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,G=/^\w*$/;var U=function(e,t){if(M(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!X(e))||(G.test(e)||!Z.test(e)||null!=t&&e in Object(t))};var Y=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},q=P,J=Y;var K,Q=function(e){if(!J(e))return!1;var t=q(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},ee=x["__core-js_shared__"],te=(K=/[^.]+$/.exec(ee&&ee.keys&&ee.keys.IE_PROTO||""))?"Symbol(src)_1."+K:"";var re=function(e){return!!te&&te in e},ne=Function.prototype.toString;var ie=Q,ae=re,oe=Y,le=function(e){if(null!=e){try{return ne.call(e)}catch(e){}try{return e+""}catch(e){}}return""},ce=/^\[object .+?Constructor\]$/,de=Function.prototype,se=Object.prototype,he=de.toString,ge=se.hasOwnProperty,fe=RegExp("^"+he.call(ge).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var ue=function(e){return!(!oe(e)||ae(e))&&(ie(e)?fe:ce).test(le(e))},pe=function(e,t){return null==e?void 0:e[t]};var me=function(e,t){var r=pe(e,t);return ue(r)?r:void 0},ye=me(Object,"create"),Se=ye;var $e=function(){this.__data__=Se?Se(null):{},this.size=0};var ve=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},be=ye,Fe=Object.prototype.hasOwnProperty;var Ce=function(e){var t=this.__data__;if(be){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return Fe.call(t,e)?t[e]:void 0},He=ye,Be=Object.prototype.hasOwnProperty;var we=ye;var De=$e,xe=ve,_e=Ce,Le=function(e){var t=this.__data__;return He?void 0!==t[e]:Be.call(t,e)},ze=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=we&&void 0===t?"__lodash_hash_undefined__":t,this};function ke(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}ke.prototype.clear=De,ke.prototype.delete=xe,ke.prototype.get=_e,ke.prototype.has=Le,ke.prototype.set=ze;var Ne=ke;var Ee=function(){this.__data__=[],this.size=0};var je=function(e,t){return e===t||e!=e&&t!=t};var We=function(e,t){for(var r=e.length;r--;)if(je(e[r][0],t))return r;return-1},Oe=We,Ae=Array.prototype.splice;var Te=We;var Pe=We;var Ie=We;var Ve=Ee,Re=function(e){var t=this.__data__,r=Oe(t,e);return!(r<0)&&(r==t.length-1?t.pop():Ae.call(t,r,1),--this.size,!0)},Me=function(e){var t=this.__data__,r=Te(t,e);return r<0?void 0:t[r][1]},Xe=function(e){return Pe(this.__data__,e)>-1},Ze=function(e,t){var r=this.__data__,n=Ie(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};function Ge(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Ge.prototype.clear=Ve,Ge.prototype.delete=Re,Ge.prototype.get=Me,Ge.prototype.has=Xe,Ge.prototype.set=Ze;var Ue=Ge,Ye=me(x,"Map"),qe=Ne,Je=Ue,Ke=Ye;var Qe=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var et=function(e,t){var r=e.__data__;return Qe(t)?r["string"==typeof t?"string":"hash"]:r.map},tt=et;var rt=et;var nt=et;var it=et;var at=function(){this.size=0,this.__data__={hash:new qe,map:new(Ke||Je),string:new qe}},ot=function(e){var t=tt(this,e).delete(e);return this.size-=t?1:0,t},lt=function(e){return rt(this,e).get(e)},ct=function(e){return nt(this,e).has(e)},dt=function(e,t){var r=it(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};function st(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}st.prototype.clear=at,st.prototype.delete=ot,st.prototype.get=lt,st.prototype.has=ct,st.prototype.set=dt;var ht=st;function gt(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var r=function(){var n=arguments,i=t?t.apply(this,n):n[0],a=r.cache;if(a.has(i))return a.get(i);var o=e.apply(this,n);return r.cache=a.set(i,o)||a,o};return r.cache=new(gt.Cache||ht),r}gt.Cache=ht;var ft=gt;var ut=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,pt=/\\(\\)?/g,mt=function(e){var t=ft(e,(function(e){return 500===r.size&&r.clear(),e})),r=t.cache;return t}((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(ut,(function(e,r,n,i){t.push(n?i.replace(pt,"$1"):r||e)})),t}));var yt=function(e,t){for(var r=-1,n=null==e?0:e.length,i=Array(n);++r<n;)i[r]=t(e[r],r,e);return i},St=B,$t=R,vt=_?_.prototype:void 0,bt=vt?vt.toString:void 0;var Ft=function e(t){if("string"==typeof t)return t;if(St(t))return yt(t,e)+"";if($t(t))return bt?bt.call(t):"";var r=t+"";return"0"==r&&1/t==-Infinity?"-0":r},Ct=Ft;var Ht=B,Bt=U,wt=mt,Dt=function(e){return null==e?"":Ct(e)};var xt=R;var _t=function(e,t){return Ht(e)?e:Bt(e,t)?[e]:wt(Dt(e))},Lt=function(e){if("string"==typeof e||xt(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t};var zt=function(e,t){for(var r=0,n=(t=_t(t,e)).length;null!=e&&r<n;)e=e[Lt(t[r++])];return r&&r==n?e:void 0};var kt=function(e,t,r){var n=null==e?void 0:zt(e,t);return void 0===n?r:n};const Nt=(e,t,r)=>t?kt(r,t)||kt(e,t):r||e,Et=(e,t)=>{const r=t||e.defaultValue;return kt(e.collections,r)};var jt;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme",e.designTokenScheme="designTokenScheme"}(jt||(jt={}));const Wt={collections:{base:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#1C76D5",PrimaryDark:"#1869BF",Secondary:"#0056b3",Accent:{Dark:{1:"#465A88",2:"#556D99",3:"#8D8DBF"},Light:{1:"#57A9FF",2:"#81BFFF",3:"#BED7FF",4:"#E2ECFD",5:"#F6F8FF",6:"#FBFCFE"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#097123",Icon:"#4FC029",Border:"#95D97F",Background:"#F9FDF8"},Orange:{Text:"#B34E00",Icon:"#FEAB10",Border:"#F9CB77",Background:"#FFFCF7",Badge:"#F57F17"},Red:{Text:"#C60000",Icon:"#C60000",Border:"#DD6666",Background:"#FDF7F7"}},Shadow:{Accent:"rgba(87, 169, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)"}},bookingsg:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#6F4AB8",PrimaryDark:"#6443A6",Secondary:"#6443A6",Accent:{Dark:{1:"#355985",2:"#68819D",3:"#9AABBE"},Light:{1:"#9F82D9",2:"#B5A5D7",3:"#CEC3E4 ",4:"#E2DBEF",5:"#F2EFF8",6:"#F7F6FB"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#097123",Icon:"#4FC029",Border:"#95D97F",Background:"#F9FDF8"},Orange:{Text:"#B34E00",Icon:"#FEAB10",Border:"#F9CB77",Background:"#FFFCF7",Badge:"#F57F17"},Red:{Text:"#C60000",Icon:"#C60000",Border:"#DD6666",Background:"#FDF7F7"}},Shadow:{Accent:"rgba(161, 87, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)"}}},defaultValue:"base"},Ot=e=>t=>{const r=t.theme,n=Et(Wt,r[jt.colorScheme]);return r.options&&r.options.color?Nt(n,e,r.options.color):Nt(n,e)},At={Brand:{1:Ot("Brand.1"),2:Ot("Brand.2"),3:Ot("Brand.3"),4:Ot("Brand.4"),5:Ot("Brand.5"),6:Ot("Brand.6")},Primary:Ot("Primary"),PrimaryDark:Ot("PrimaryDark"),Secondary:Ot("Secondary"),Accent:{Light:{1:Ot("Accent.Light.1"),2:Ot("Accent.Light.2"),3:Ot("Accent.Light.3"),4:Ot("Accent.Light.4"),5:Ot("Accent.Light.5"),6:Ot("Accent.Light.6")},Dark:{1:Ot("Accent.Dark.1"),2:Ot("Accent.Dark.2"),3:Ot("Accent.Dark.3")}},Neutral:{1:Ot("Neutral.1"),2:Ot("Neutral.2"),3:Ot("Neutral.3"),4:Ot("Neutral.4"),5:Ot("Neutral.5"),6:Ot("Neutral.6"),7:Ot("Neutral.7"),8:Ot("Neutral.8")},Validation:{Green:{Text:Ot("Validation.Green.Text"),Icon:Ot("Validation.Green.Icon"),Border:Ot("Validation.Green.Border"),Background:Ot("Validation.Green.Background")},Orange:{Text:Ot("Validation.Orange.Text"),Icon:Ot("Validation.Orange.Icon"),Border:Ot("Validation.Orange.Border"),Background:Ot("Validation.Orange.Background"),Badge:Ot("Validation.Orange.Badge")},Red:{Text:Ot("Validation.Red.Text"),Icon:Ot("Validation.Red.Icon"),Border:Ot("Validation.Red.Border"),Background:Ot("Validation.Red.Background")}},Shadow:{Accent:Ot("Shadow.Accent"),Red:Ot("Shadow.Red")}},Tt={mobileS:320,mobileM:375,mobileL:480,tablet:1199,desktopM:1399,desktopL:1999,desktop4k:3840},Pt=e=>Object.keys(Tt).reduce(((t,r)=>{const n=Tt[r];return t[r]=`@media screen and (${e}: ${n}px)`,t}),{}),It=Pt("max-width"),Vt=(Pt("min-width"),a.div`
+    display: inline-block;
+    position: relative;
+    width: ${e=>e.$size}px;
+    height: ${e=>e.$size}px;
+`),Rt=o`
+	0% {
+	  transform: rotate(0deg);
+	}
+	100% {
+	  transform: rotate(360deg);
+	}
+`,Mt=a.div`
+    box-sizing: border-box;
+    display: block;
+    position: absolute;
+    width: ${e=>e.$size}px;
+    height: ${e=>e.$size}px;
+    margin: ${e=>e.$borderWidth}px;
+    border-width: ${e=>e.$borderWidth}px;
+    border-style: solid;
+    border-radius: 50%;
+    border-color: ${e=>e.$color||At.Neutral[8](e)}
+        transparent transparent transparent;
+    animation: ${Rt} 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+`,Xt=a(Mt)`
+    animation-delay: -0.45s;
+`,Zt=a(Mt)`
+    animation-delay: -0.3s;
+`,Gt=a(Mt)`
+    animation-delay: -0.15s;
+`,Ut={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},Yt={collections:{base:{D1:{fontFamily:Ut.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:Ut.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:Ut.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:Ut.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:Ut.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:Ut.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:Ut.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:Ut.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:Ut.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:Ut.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:Ut.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:Ut.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:Ut.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:Ut.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},qt=e=>t=>{const r=t.theme,n=Et(Yt,r[jt.textStyleScheme]);return r.options&&r.options.textStyle?Nt(n,e,r.options.textStyle):Nt(n,e)},Jt={D1:{fontFamily:qt("D1.fontFamily"),fontSize:qt("D1.fontSize"),fontWeight:qt("D1.fontWeight"),lineHeight:qt("D1.lineHeight"),letterSpacing:qt("D1.letterSpacing")},D2:{fontFamily:qt("D2.fontFamily"),fontSize:qt("D2.fontSize"),fontWeight:qt("D2.fontWeight"),lineHeight:qt("D2.lineHeight"),letterSpacing:qt("D2.letterSpacing")},D3:{fontFamily:qt("D3.fontFamily"),fontSize:qt("D3.fontSize"),fontWeight:qt("D3.fontWeight"),lineHeight:qt("D3.lineHeight"),letterSpacing:qt("D3.letterSpacing")},D4:{fontFamily:qt("D4.fontFamily"),fontSize:qt("D4.fontSize"),fontWeight:qt("D4.fontWeight"),lineHeight:qt("D4.lineHeight"),letterSpacing:qt("D4.letterSpacing")},DBody:{fontFamily:qt("DBody.fontFamily"),fontSize:qt("DBody.fontSize"),fontWeight:qt("DBody.fontWeight"),lineHeight:qt("DBody.lineHeight"),letterSpacing:qt("DBody.letterSpacing")},H1:{fontFamily:qt("H1.fontFamily"),fontSize:qt("H1.fontSize"),fontWeight:qt("H1.fontWeight"),lineHeight:qt("H1.lineHeight"),letterSpacing:qt("H1.letterSpacing")},H2:{fontFamily:qt("H2.fontFamily"),fontSize:qt("H2.fontSize"),fontWeight:qt("H2.fontWeight"),lineHeight:qt("H2.lineHeight"),letterSpacing:qt("H2.letterSpacing")},H3:{fontFamily:qt("H3.fontFamily"),fontSize:qt("H3.fontSize"),fontWeight:qt("H3.fontWeight"),lineHeight:qt("H3.lineHeight"),letterSpacing:qt("H3.letterSpacing")},H4:{fontFamily:qt("H4.fontFamily"),fontSize:qt("H4.fontSize"),fontWeight:qt("H4.fontWeight"),lineHeight:qt("H4.lineHeight"),letterSpacing:qt("H4.letterSpacing")},H5:{fontFamily:qt("H5.fontFamily"),fontSize:qt("H5.fontSize"),fontWeight:qt("H5.fontWeight"),lineHeight:qt("H5.lineHeight"),letterSpacing:qt("H5.letterSpacing")},H6:{fontFamily:qt("H6.fontFamily"),fontSize:qt("H6.fontSize"),fontWeight:qt("H6.fontWeight"),lineHeight:qt("H6.lineHeight"),letterSpacing:qt("H6.letterSpacing")},Body:{fontFamily:qt("Body.fontFamily"),fontSize:qt("Body.fontSize"),fontWeight:qt("Body.fontWeight"),lineHeight:qt("Body.lineHeight"),letterSpacing:qt("Body.letterSpacing")},BodySmall:{fontFamily:qt("BodySmall.fontFamily"),fontSize:qt("BodySmall.fontSize"),fontWeight:qt("BodySmall.fontWeight"),lineHeight:qt("BodySmall.lineHeight"),letterSpacing:qt("BodySmall.letterSpacing")},XSmall:{fontFamily:qt("XSmall.fontFamily"),fontSize:qt("XSmall.fontSize"),fontWeight:qt("XSmall.fontWeight"),lineHeight:qt("XSmall.lineHeight"),letterSpacing:qt("XSmall.letterSpacing")}},Kt=e=>{switch(e){case 700:case"bold":return Ut.Bold;case 600:case"semibold":return Ut.Semibold;case 300:case"light":return Ut.Light;case 400:case"regular":return Ut.Regular;default:return""}},Qt=(e,t)=>r=>{const n=Jt[e].fontFamily(r),i=Jt[e].fontWeight(r);return Object.values(Ut).includes(n)?l`
+                font-family: ${Kt(t)||Kt(i)||n};
+                font-weight: normal !important;
+            `:l`
+            font-family: ${n};
+            font-weight: ${(er(t)||i)??"normal"};
+        `},er=e=>{switch(e){case 300:case"light":return 300;case 400:case"regular":return 400;case 600:case"semibold":return 600;case 700:case"bold":return 700;case 900:case"black":return 900;default:return""}},tr=(e,t,r=!1)=>n=>{const i=Jt[e],a=i.fontSize(n);return l`
+            ${Qt(e,t)}
+            font-size: ${a}rem !important;
+            line-height: ${i.lineHeight}rem !important;
+            letter-spacing: ${i.letterSpacing(n)||0}rem !important;
+            ${l`
+                margin-bottom: ${a*(r?1.05:0)}rem;
+            `}
+        `},rr=(e=!1,t=!1)=>t?l`
+            display: block;
+        `:e?l`
+            display: inline;
+        `:l`
+            display: block;
+        `;var nr,ir={};Object.defineProperty(ir,"__esModule",{value:!0});var ar=e;const or=e=>ar.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:ar.jsx("path",{d:"M4.25 17.5C3.764 17.5 3.35067 17.33 3.01 16.99C2.67 16.6493 2.5 16.236 2.5 15.75V4.25C2.5 3.764 2.67 3.35067 3.01 3.01C3.35067 2.67 3.764 2.5 4.25 2.5H9.208C9.444 2.5 9.649 2.58667 9.823 2.76C9.99633 2.934 10.083 3.139 10.083 3.375C10.083 3.611 9.99633 3.816 9.823 3.99C9.649 4.16333 9.444 4.25 9.208 4.25H4.25V15.75H15.75V10.792C15.75 10.556 15.8367 10.351 16.01 10.177C16.184 10.0037 16.389 9.917 16.625 9.917C16.861 9.917 17.066 10.0037 17.24 10.177C17.4133 10.351 17.5 10.556 17.5 10.792V15.75C17.5 16.236 17.33 16.6493 16.99 16.99C16.6493 17.33 16.236 17.5 15.75 17.5H4.25ZM7.5 12.5C7.33333 12.3333 7.25 12.1283 7.25 11.885C7.25 11.6423 7.33333 11.4377 7.5 11.271L14.521 4.25H12.708C12.472 4.25 12.2673 4.16333 12.094 3.99C11.92 3.816 11.833 3.611 11.833 3.375C11.833 3.139 11.92 2.934 12.094 2.76C12.2673 2.58667 12.472 2.5 12.708 2.5H16.625C16.861 2.5 17.066 2.58667 17.24 2.76C17.4133 2.934 17.5 3.139 17.5 3.375V7.292C17.5 7.528 17.4133 7.73267 17.24 7.906C17.066 8.08 16.861 8.167 16.625 8.167C16.389 8.167 16.184 8.08 16.01 7.906C15.8367 7.73267 15.75 7.528 15.75 7.292V5.479L8.708 12.521C8.54133 12.6877 8.34367 12.771 8.115 12.771C7.88567 12.771 7.68067 12.6807 7.5 12.5Z",fill:"currentColor"})});var lr;or.displayName="ExternalIcon",nr=ir.ExternalIcon=or,function(e){e.D1=a.h1`
+        ${e=>l`
+                ${tr("D1",e.weight,e.paragraph)}
+                color: ${At.Neutral[1]};
+                ${rr(e.inline,e.paragraph)}
+            `}
+    `,e.D2=a.h1`
+        ${e=>l`
+                ${tr("D2",e.weight,e.paragraph)}
+                color: ${At.Neutral[1]};
+                ${rr(e.inline,e.paragraph)}
+            `}
+    `,e.D3=a.h1`
+        ${e=>l`
+                ${tr("D3",e.weight,e.paragraph)}
+                color: ${At.Neutral[1]};
+                ${rr(e.inline,e.paragraph)}
+            `}
+    `,e.D4=a.h1`
+        ${e=>l`
+                ${tr("D4",e.weight,e.paragraph)}
+                color: ${At.Neutral[1]};
+                ${rr(e.inline,e.paragraph)}
+            `}
+    `,e.DBody=a.h1`
+        ${e=>l`
+                ${tr("DBody",e.weight,e.paragraph)}
+                color: ${At.Neutral[1]};
+                ${rr(e.inline,e.paragraph)}
+            `}
+    `,e.H1=a.h1`
+        ${e=>l`
+                ${tr("H1",e.weight,e.paragraph)}
+                color: ${At.Neutral[1]};
+                ${rr(e.inline,e.paragraph)}
+            `}
+    `,e.H2=a.h2`
+        ${e=>l`
+                ${tr("H2",e.weight,e.paragraph)}
+                color: ${At.Neutral[1]};
+                ${rr(e.inline,e.paragraph)}
+            `}
+    `,e.H3=a.h3`
+        ${e=>l`
+                ${tr("H3",e.weight,e.paragraph)}
+                color: ${At.Neutral[1]};
+                ${rr(e.inline,e.paragraph)}
+            `}
+    `,e.H4=a.h4`
+        ${e=>l`
+                ${tr("H4",e.weight,e.paragraph)}
+                color: ${At.Neutral[1]};
+                ${rr(e.inline,e.paragraph)}
+            `}
+    `,e.H5=a.h5`
+        ${e=>l`
+                ${tr("H5",e.weight,e.paragraph)}
+                color: ${At.Neutral[1]};
+                ${rr(e.inline,e.paragraph)}
+            `}
+    `,e.H6=a.h6`
+        ${e=>l`
+                ${tr("H6",e.weight,e.paragraph)}
+                color: ${At.Neutral[1]};
+                ${rr(e.inline,e.paragraph)}
+            `}
+    `,e.Body=a.p`
+        ${e=>l`
+                ${tr("Body",e.weight,e.paragraph)}
+                color: ${At.Neutral[1]};
+                ${rr(e.inline,e.paragraph)}
+            `}
+    `,e.BodySmall=a.p`
+        ${e=>l`
+                ${tr("BodySmall",e.weight,e.paragraph)}
+                color: ${At.Neutral[1]};
+                ${rr(e.inline,e.paragraph)}
+            `}
+    `,e.XSmall=a.span`
+        ${e=>l`
+                ${tr("XSmall",e.weight,e.paragraph)}
+                color: ${At.Neutral[1]};
+                ${rr(e.inline,e.paragraph)}
+            `}
+    `,e.Hyperlink={Default:e=>sr({...e,textStyle:"Body"}),Small:e=>sr({...e,textStyle:"BodySmall"})}}(lr||(lr={}));const cr=a.a`
+    ${e=>l`
+            ${tr(e.textStyle,e.weight)}
+            color: ${At.Primary};
+            text-decoration: none;
+
+            :hover,
+            :active,
+            :focus {
+                color: ${At.Secondary};
+
+                svg {
+                    color: ${At.Secondary};
+                }
+            }
+        `}
+`,dr=a(nr)`
+    height: 1rem;
+    width: 1rem;
+    margin-left: 0.4rem;
+    vertical-align: middle;
+`,sr=({external:e=!1,children:n,...i})=>t(cr,{...i,children:[n,e&&r(dr,{})]});var hr;!function(e){e[e.Subpage=0]="Subpage",e[e.Domain=1]="Domain"}(hr||(hr={}));const gr=a.button`
+    padding: 0.5rem 1rem;
+    min-width: 4rem;
+    border-radius: 4px;
+    transition: all 200ms ease;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    @media (hover: hover) {
+        &:hover {
+            box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2);
+        }
+    }
+
+    // -----------------------------------------------------------------------------
+    // BUTTON STYLE + TEXT COLOR
+    // -----------------------------------------------------------------------------
+    ${e=>{switch(e.$buttonStyle){case"secondary":return l`
+                    background-color: ${At.Neutral[8](e)};
+                    border: 1px solid ${At.Primary(e)};
+
+                    span {
+                        color: ${At.Primary(e)};
+                    }
+                `;case"light":return l`
+                    background-color: ${At.Neutral[8](e)};
+                    border: 1px solid ${At.Neutral[5](e)};
+
+                    span {
+                        color: ${At.Primary(e)};
+                    }
+                `;case"disabled":return l`
+                    background-color: ${At.Neutral[6](e)};
+                    border: 1px solid transparent;
+                    cursor: not-allowed;
+
+                    &:hover {
+                        box-shadow: none;
+                    }
+
+                    span {
+                        color: ${At.Neutral[3](e)};
+                    }
+                `;case"link":return l`
+                    background-color: transparent;
+                    border: none;
+                    border-radius: unset;
+
+                    &:hover {
+                        box-shadow: none;
+                    }
+
+                    color: ${At.Primary};
+                    :hover,
+                    :active,
+                    :focus {
+                        span {
+                            color: ${At.Secondary};
+                        }
+                    }
+                `;default:return l`
+                    background-color: ${At.Primary(e)};
+                    border: 1px solid transparent;
+
+                    ${It.mobileL} {
+                        width: 100%;
+                    }
+
+                    span {
+                        color: ${At.Neutral[8](e)};
+                    }
+                `}}}
+
+    // -----------------------------------------------------------------------------
+	// BUTTON SIZE + TEXT SIZE
+	// -----------------------------------------------------------------------------
+	${e=>"small"===e.$buttonSizeStyle?l`
+                    height: 2.5rem;
+                    span {
+                        ${tr("H5","semibold")}
+                    }
+
+                    ${It.mobileS} {
+                        height: auto;
+                    }
+                `:l`
+                    height: 3rem;
+                    span {
+                        ${tr("H4","semibold")}
+                    }
+
+                    ${It.mobileS} {
+                        height: auto;
+                    }
+                `}
+`,fr=a((({color:e,className:n,size:i=18})=>t(Vt,{className:n,$size:i,$color:e,children:[r(Mt,{id:"inner1",$size:i-2,$borderWidth:2}),r(Xt,{id:"inner2",$size:i-2,$borderWidth:2}),r(Zt,{id:"inner3",$size:i-2,$borderWidth:2}),r(Gt,{id:"inner4",$size:i-2,$borderWidth:2})]})))`
+    margin-right: 0.5rem;
+    ${e=>{let t;switch(e.$buttonStyle){case"secondary":case"light":case"link":t=At.Primary(e);break;case"disabled":t=At.Neutral[3](e);break;default:t=At.Neutral[8](e)}return l`
+            #inner1,
+            #inner2,
+            #inner3,
+            #inner4 {
+                border-color: ${t} transparent transparent transparent;
+            }
+        `}}
+`,ur={Default:i.forwardRef(((e,n)=>{const{children:i,disabled:a=!1,loading:o=!1,styleType:l="default",...c}=e,d={$buttonStyle:a?"disabled":l,$buttonSizeStyle:"default"};return t(gr,{ref:n,"data-testid":c["data-testid"]||"button",disabled:a,...d,...c,children:[o&&r(fr,{...d}),r("span",{children:i})]})})),Small:i.forwardRef(((e,n)=>{const{children:i,disabled:a=!1,loading:o=!1,styleType:l="default",...c}=e,d={$buttonStyle:a?"disabled":l,$buttonSizeStyle:"small"};return t(gr,{ref:n,"data-testid":c["data-testid"]||"button",disabled:a,...d,...c,children:[o&&r(fr,{...d,size:16}),r("span",{children:i})]})}))},pr=a.button`
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 1.5rem;
+    background-color: transparent;
+    border: none;
+    cursor: pointer;
+
+    img {
+        height: 1rem;
+        width: 1rem;
+    }
+
+    &:active,
+    &:focus {
+        ${({$outline:e})=>"none"===e&&"outline: none;"}
+
+        ${({$highlight:e})=>e&&l`
+                background-color: ${At.Neutral[7]};
+            `}
+    }
+`,mr=i.forwardRef((({children:e,focusHighlight:t=!0,focusOutline:n="none",...i},a)=>r(pr,{ref:a,$outline:n,$highlight:t,...i,children:e}))),yr=o`
+	from {
+		opacity: 0;
+		transform: translateY(-20%);
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0);
+	}
+`,Sr=a.div`
+    display: flex;
+    flex-direction: row;
+    align-items: stretch;
+    position: fixed;
+    margin: 0.5rem 1.25rem;
+    ${e=>`top: ${e.$offset}px;`}
+    left: 0;
+    width: calc(100% - 2.5rem);
+    min-height: 5.5rem;
+    z-index: 9001;
+    background: ${At.Neutral[8]};
+    box-shadow: 0 0.125rem 0.5rem rgba(104, 104, 104, 0.25);
+    border-radius: 0.5rem;
+    ${e=>{if(e.$isAnimated)return l`
+                animation: ${yr} 0.3s;
+            `}}
+`,$r=a.div`
+    display: flex;
+    align-items: center;
+    padding: 0.5rem 0.25rem 0.5rem 1rem;
+`,vr=a(mr)`
+    padding: 0;
+`,br=a(c)`
+    color: ${At.Neutral[1]};
+    height: 1.25rem;
+    width: 1.25rem;
+`,Fr=a.div`
+    flex: 1;
+    display: flex;
+    align-items: center;
+    padding: 0.5rem 1rem 0.5rem 0.25rem;
+    cursor: pointer;
+`,Cr=a.div`
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: left;
+    margin: 0.5rem;
+    ${It.mobileM} {
+        margin: 0 0.5rem;
+    }
+`,Hr=a.img`
+    width: 2.65rem;
+    height: auto;
+    align-self: center;
+`,Br=a.div`
+    max-width: 30%;
+`,wr=a(ur.Small)`
+    padding: 0.5rem;
+    height: auto;
+    & > span {
+        overflow-wrap: anywhere;
+        ${tr("XSmall","semibold")};
+    }
+`,Dr=a(lr.H6)`
+    overflow-wrap: anywhere;
+    ${It.mobileM} {
+        ${tr("XSmall","semibold")}
+    }
+`,xr=a(lr.XSmall)`
+    overflow-wrap: anywhere;
+`,_r=a.div`
+    margin-top: 0.25rem;
+    display: flex;
+    align-items: center;
+`,Lr=l`
+    height: 2rem;
+    width: 2rem;
+    padding-right: 0.25rem;
+    color: #ffc107;
+`,zr=a(y)`
+    ${Lr}
+`,kr=a(b)`
+    ${Lr}
+`,Nr=a(f)`
+    ${Lr}
+`,Er="https://assets.life.gov.sg/react-design-system/img/app-icon/app-icon.png",jr="smart-app-banner";const Wr=i.forwardRef((function(e,i){const{className:a,show:o,href:l,content:c,offset:d=0,icon:s=Er,animated:h=!1,onDismiss:g,onClick:f}=e,{title:u,message:p,buttonLabel:m,buttonAriaLabel:y,numberOfStars:S}=c,$=e=>{e.stopPropagation(),window.open(l,"_blank","noreferrer"),f?.()};return r(n,{children:o&&t(Sr,{ref:i,$isAnimated:h,$offset:d,className:a,children:[r($r,{onClick:g,id:`${jr}-dismiss`,"data-testid":`${jr}-dismiss-container`,children:r(vr,{"aria-label":"Dismiss",children:r(br,{})})}),t(Fr,{onClick:$,id:`${jr}-proceed`,"data-testid":`${jr}-proceed-container`,children:[r(Hr,{src:s,alt:"lifesg-app-icon"}),t(Cr,{children:[r(Dr,{children:u}),r(xr,{children:p}),(()=>{if(isNaN(S)||S<0)return;const e=[],t=S-Math.floor(S)>=.4;for(let t=0;t<Math.floor(S);t++)e.push(r(zr,{},`star${t}`));if(t&&e.push(r(kr,{},"halfstar")),e.length<5){const t=5-e.length;for(let n=0;n<t;n++)e.push(r(Nr,{},`emptystar${n}`))}return r(_r,{children:e.slice(0,5)})})()]}),r(Br,{children:r(wr,{onClick:$,"aria-label":y,children:m})})]})]})})}));export{Wr as SmartAppBanner};
+//# sourceMappingURL=index.js.map