@lifesg/react-design-system 1.0.0-alpha.21 → 1.0.0-alpha.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/index.js +5 -5
- package/accordion/index.js.map +1 -1
- package/alert/index.js +23 -23
- package/alert/index.js.map +1 -1
- package/animations/index.d.ts +1 -0
- package/animations/index.js +3 -4
- package/animations/index.js.map +1 -1
- package/animations/loading-dots/loading-dots.d.ts +2 -1
- package/animations/loading-dots-spinner/loading-dots-spinner.d.ts +2 -1
- package/animations/loading-dots-spinner/lottie-animation.d.ts +2 -1
- package/animations/loading-spinner/loading-spinner.d.ts +2 -1
- package/animations/types.d.ts +10 -0
- package/box-container/index.js +18 -18
- package/box-container/index.js.map +1 -1
- package/breadcrumb/index.js +3 -3
- package/breadcrumb/index.js.map +1 -1
- package/button/index.js +2 -2
- package/button/index.js.map +1 -1
- package/calendar/index.js +57 -57
- package/calendar/index.js.map +1 -1
- package/card/index.js +1 -1
- package/card/index.js.map +1 -1
- package/checkbox/index.js +3 -3
- package/checkbox/index.js.map +1 -1
- package/cjs/index.js +704 -238
- package/cjs/index.js.map +1 -1
- package/color/index.js +1 -1
- package/color/index.js.map +1 -1
- package/color/types.d.ts +1 -0
- package/date-input/index.js +5 -3
- package/date-input/index.js.map +1 -1
- package/design-token/index.js +6 -4
- package/design-token/index.js.map +1 -1
- package/design-token/types.d.ts +1 -0
- package/error-display/index.js +38 -38
- package/error-display/index.js.map +1 -1
- package/feedback-rating/index.js +118 -118
- package/feedback-rating/index.js.map +1 -1
- package/filter/addons/filter-item-checkbox.d.ts +3 -0
- package/filter/addons/filter-item-checkbox.styles.d.ts +12 -0
- package/filter/filter-context.d.ts +7 -0
- package/filter/filter-item-page.d.ts +3 -0
- package/filter/filter-item-page.styles.d.ts +1 -0
- package/filter/filter-item.d.ts +3 -0
- package/filter/filter-item.styles.d.ts +26 -0
- package/filter/filter.d.ts +7 -0
- package/filter/filter.styles.d.ts +17 -0
- package/filter/index.d.ts +2 -0
- package/filter/index.js +696 -0
- package/filter/index.js.map +1 -0
- package/filter/package.json +7 -0
- package/filter/types.d.ts +49 -0
- package/footer/index.js +5 -5
- package/footer/index.js.map +1 -1
- package/form/index.js +52 -50
- package/form/index.js.map +1 -1
- package/icon-button/index.js +1 -1
- package/icon-button/index.js.map +1 -1
- package/index.d.ts +3 -0
- package/index.js +701 -235
- package/index.js.map +1 -1
- package/input/index.js +7 -5
- package/input/index.js.map +1 -1
- package/input-group/index.js +5 -3
- package/input-group/index.js.map +1 -1
- package/input-select/index.js +8 -6
- package/input-select/index.js.map +1 -1
- package/input-textarea/index.js +4 -2
- package/input-textarea/index.js.map +1 -1
- package/link-list/index.js +1 -1
- package/link-list/index.js.map +1 -1
- package/modal/index.js +4 -4
- package/modal/index.js.map +1 -1
- package/navbar/brand.d.ts +5 -4
- package/navbar/brand.styles.d.ts +2 -0
- package/navbar/index.js +267 -129
- package/navbar/index.js.map +1 -1
- package/navbar/menu.d.ts +10 -0
- package/navbar/menu.styles.d.ts +5 -0
- package/navbar/navbar-items.styles.d.ts +7 -0
- package/navbar/navbar.styles.d.ts +4 -2
- package/navbar/types.d.ts +13 -5
- package/notification-banner/index.js +1 -1
- package/notification-banner/index.js.map +1 -1
- package/otp-input/index.js +8 -6
- package/otp-input/index.js.map +1 -1
- package/otp-input/otp-input.d.ts +1 -1
- package/otp-input/types.d.ts +5 -5
- package/overlay/index.js +1 -1
- package/overlay/index.js.map +1 -1
- package/package.json +1 -1
- package/phone-number-input/index.js +16 -14
- package/phone-number-input/index.js.map +1 -1
- package/popover/index.js +2 -2
- package/popover/index.js.map +1 -1
- package/progress-indicator/index.js +1 -1
- package/progress-indicator/index.js.map +1 -1
- package/radio-button/index.js +4 -4
- package/radio-button/index.js.map +1 -1
- package/shared/toggle-icon/toggle-icon.d.ts +9 -0
- package/shared/toggle-icon/toggle-icon.styles.d.ts +6 -0
- package/smart-app-banner/index.js +6 -6
- package/smart-app-banner/index.js.map +1 -1
- package/text/index.js +2 -2
- package/text/index.js.map +1 -1
- package/text-list/index.js +1 -1
- package/text-list/index.js.map +1 -1
- package/timeline/index.js +19 -19
- package/timeline/index.js.map +1 -1
- package/timepicker/index.js +23 -21
- package/timepicker/index.js.map +1 -1
- package/toggle/index.d.ts +2 -0
- package/toggle/index.js +230 -0
- package/toggle/index.js.map +1 -0
- package/toggle/package.json +7 -0
- package/toggle/toggle.d.ts +3 -0
- package/toggle/toggle.styles.d.ts +18 -0
- package/toggle/types.d.ts +30 -0
- package/toggle-button/index.js +22 -22
- package/toggle-button/index.js.map +1 -1
- package/toggle-button/toggle-button.d.ts +3 -0
- package/tooltip/index.js +1 -1
- package/tooltip/index.js.map +1 -1
- package/unit-number/index.js +10 -8
- package/unit-number/index.js.map +1 -1
package/feedback-rating/index.js
CHANGED
|
@@ -1,141 +1,169 @@
|
|
|
1
|
-
import e,{jsxs as t,jsx as r}from"react/jsx-runtime";import n,{css as i,keyframes as a}from"styled-components";import o from"react";const l="https://assets.life.gov.sg/react-design-system/img/feedback-rating/feedback-rating-banner.png",c="Submit",d="Rate your experience",h={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},s={D1:{fontFamily:h.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:h.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:h.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:h.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:h.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:h.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:h.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:h.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:h.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:h.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:h.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:h.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:h.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:h.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}};var g="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},u=Array.isArray,f="object"==typeof g&&g&&g.Object===Object&&g,p="object"==typeof self&&self&&self.Object===Object&&self,m=f||p||Function("return this")(),y=m.Symbol,S=y,b=Object.prototype,F=b.hasOwnProperty,$=b.toString,v=S?S.toStringTag:void 0;var B=function(e){var t=F.call(e,v),r=e[v];try{e[v]=void 0;var n=!0}catch(e){}var i=$.call(e);return n&&(t?e[v]=r:delete e[v]),i},H=Object.prototype.toString;var C=B,D=function(e){return H.call(e)},w=y?y.toStringTag:void 0;var x=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":w&&w in Object(e)?C(e):D(e)};var _=x,z=function(e){return null!=e&&"object"==typeof e};var k=function(e){return"symbol"==typeof e||z(e)&&"[object Symbol]"==_(e)},L=u,E=k,N=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,W=/^\w*$/;var A=function(e,t){if(L(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!E(e))||(W.test(e)||!N.test(e)||null!=t&&e in Object(t))};var j=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},O=x,T=j;var P,R=function(e){if(!T(e))return!1;var t=O(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},V=m["__core-js_shared__"],I=(P=/[^.]+$/.exec(V&&V.keys&&V.keys.IE_PROTO||""))?"Symbol(src)_1."+P:"";var M=function(e){return!!I&&I in e},X=Function.prototype.toString;var G=R,Z=M,U=j,Y=function(e){if(null!=e){try{return X.call(e)}catch(e){}try{return e+""}catch(e){}}return""},q=/^\[object .+?Constructor\]$/,J=Function.prototype,K=Object.prototype,Q=J.toString,ee=K.hasOwnProperty,te=RegExp("^"+Q.call(ee).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var re=function(e){return!(!U(e)||Z(e))&&(G(e)?te:q).test(Y(e))},ne=function(e,t){return null==e?void 0:e[t]};var ie=function(e,t){var r=ne(e,t);return re(r)?r:void 0},ae=ie(Object,"create"),oe=ae;var le=function(){this.__data__=oe?oe(null):{},this.size=0};var ce=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},de=ae,he=Object.prototype.hasOwnProperty;var se=function(e){var t=this.__data__;if(de){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return he.call(t,e)?t[e]:void 0},ge=ae,ue=Object.prototype.hasOwnProperty;var fe=ae;var pe=le,me=ce,ye=se,Se=function(e){var t=this.__data__;return ge?void 0!==t[e]:ue.call(t,e)},be=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=fe&&void 0===t?"__lodash_hash_undefined__":t,this};function Fe(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])}}Fe.prototype.clear=pe,Fe.prototype.delete=me,Fe.prototype.get=ye,Fe.prototype.has=Se,Fe.prototype.set=be;var $e=Fe;var ve=function(){this.__data__=[],this.size=0};var Be=function(e,t){return e===t||e!=e&&t!=t};var He=function(e,t){for(var r=e.length;r--;)if(Be(e[r][0],t))return r;return-1},Ce=He,De=Array.prototype.splice;var we=He;var xe=He;var _e=He;var ze=ve,ke=function(e){var t=this.__data__,r=Ce(t,e);return!(r<0)&&(r==t.length-1?t.pop():De.call(t,r,1),--this.size,!0)},Le=function(e){var t=this.__data__,r=we(t,e);return r<0?void 0:t[r][1]},Ee=function(e){return xe(this.__data__,e)>-1},Ne=function(e,t){var r=this.__data__,n=_e(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};function We(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])}}We.prototype.clear=ze,We.prototype.delete=ke,We.prototype.get=Le,We.prototype.has=Ee,We.prototype.set=Ne;var Ae=We,je=ie(m,"Map"),Oe=$e,Te=Ae,Pe=je;var Re=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Ve=function(e,t){var r=e.__data__;return Re(t)?r["string"==typeof t?"string":"hash"]:r.map},Ie=Ve;var Me=Ve;var Xe=Ve;var Ge=Ve;var Ze=function(){this.size=0,this.__data__={hash:new Oe,map:new(Pe||Te),string:new Oe}},Ue=function(e){var t=Ie(this,e).delete(e);return this.size-=t?1:0,t},Ye=function(e){return Me(this,e).get(e)},qe=function(e){return Xe(this,e).has(e)},Je=function(e,t){var r=Ge(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,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=Ze,Ke.prototype.delete=Ue,Ke.prototype.get=Ye,Ke.prototype.has=qe,Ke.prototype.set=Je;var Qe=Ke;function et(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(et.Cache||Qe),r}et.Cache=Qe;var tt=et;var rt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,nt=/\\(\\)?/g,it=function(e){var t=tt(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(rt,(function(e,r,n,i){t.push(n?i.replace(nt,"$1"):r||e)})),t}));var at=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},ot=u,lt=k,ct=y?y.prototype:void 0,dt=ct?ct.toString:void 0;var ht=function e(t){if("string"==typeof t)return t;if(ot(t))return at(t,e)+"";if(lt(t))return dt?dt.call(t):"";var r=t+"";return"0"==r&&1/t==-Infinity?"-0":r},st=ht;var gt=u,ut=A,ft=it,pt=function(e){return null==e?"":st(e)};var mt=k;var yt=function(e,t){return gt(e)?e:ut(e,t)?[e]:ft(pt(e))},St=function(e){if("string"==typeof e||mt(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t};var bt=function(e,t){for(var r=0,n=(t=yt(t,e)).length;null!=e&&r<n;)e=e[St(t[r++])];return r&&r==n?e:void 0};var Ft=function(e,t,r){var n=null==e?void 0:bt(e,t);return void 0===n?r:n};const $t=(e,t,r)=>t?Ft(r,t)||Ft(e,t):r||e,vt=(e,t)=>{const r=t||e.defaultValue;return Ft(e.collections,r)};var Bt;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme",e.designTokenScheme="designTokenScheme"}(Bt||(Bt={}));const Ht={collections:{base:s},defaultValue:"base"},Ct=e=>t=>{const r=t.theme,n=vt(Ht,r[Bt.textStyleScheme]);return r.options&&r.options.textStyle?$t(n,e,r.options.textStyle):$t(n,e)},Dt={D1:{fontFamily:Ct("D1.fontFamily"),fontSize:Ct("D1.fontSize"),fontWeight:Ct("D1.fontWeight"),lineHeight:Ct("D1.lineHeight"),letterSpacing:Ct("D1.letterSpacing")},D2:{fontFamily:Ct("D2.fontFamily"),fontSize:Ct("D2.fontSize"),fontWeight:Ct("D2.fontWeight"),lineHeight:Ct("D2.lineHeight"),letterSpacing:Ct("D2.letterSpacing")},D3:{fontFamily:Ct("D3.fontFamily"),fontSize:Ct("D3.fontSize"),fontWeight:Ct("D3.fontWeight"),lineHeight:Ct("D3.lineHeight"),letterSpacing:Ct("D3.letterSpacing")},D4:{fontFamily:Ct("D4.fontFamily"),fontSize:Ct("D4.fontSize"),fontWeight:Ct("D4.fontWeight"),lineHeight:Ct("D4.lineHeight"),letterSpacing:Ct("D4.letterSpacing")},DBody:{fontFamily:Ct("DBody.fontFamily"),fontSize:Ct("DBody.fontSize"),fontWeight:Ct("DBody.fontWeight"),lineHeight:Ct("DBody.lineHeight"),letterSpacing:Ct("DBody.letterSpacing")},H1:{fontFamily:Ct("H1.fontFamily"),fontSize:Ct("H1.fontSize"),fontWeight:Ct("H1.fontWeight"),lineHeight:Ct("H1.lineHeight"),letterSpacing:Ct("H1.letterSpacing")},H2:{fontFamily:Ct("H2.fontFamily"),fontSize:Ct("H2.fontSize"),fontWeight:Ct("H2.fontWeight"),lineHeight:Ct("H2.lineHeight"),letterSpacing:Ct("H2.letterSpacing")},H3:{fontFamily:Ct("H3.fontFamily"),fontSize:Ct("H3.fontSize"),fontWeight:Ct("H3.fontWeight"),lineHeight:Ct("H3.lineHeight"),letterSpacing:Ct("H3.letterSpacing")},H4:{fontFamily:Ct("H4.fontFamily"),fontSize:Ct("H4.fontSize"),fontWeight:Ct("H4.fontWeight"),lineHeight:Ct("H4.lineHeight"),letterSpacing:Ct("H4.letterSpacing")},H5:{fontFamily:Ct("H5.fontFamily"),fontSize:Ct("H5.fontSize"),fontWeight:Ct("H5.fontWeight"),lineHeight:Ct("H5.lineHeight"),letterSpacing:Ct("H5.letterSpacing")},H6:{fontFamily:Ct("H6.fontFamily"),fontSize:Ct("H6.fontSize"),fontWeight:Ct("H6.fontWeight"),lineHeight:Ct("H6.lineHeight"),letterSpacing:Ct("H6.letterSpacing")},Body:{fontFamily:Ct("Body.fontFamily"),fontSize:Ct("Body.fontSize"),fontWeight:Ct("Body.fontWeight"),lineHeight:Ct("Body.lineHeight"),letterSpacing:Ct("Body.letterSpacing")},BodySmall:{fontFamily:Ct("BodySmall.fontFamily"),fontSize:Ct("BodySmall.fontSize"),fontWeight:Ct("BodySmall.fontWeight"),lineHeight:Ct("BodySmall.lineHeight"),letterSpacing:Ct("BodySmall.letterSpacing")},XSmall:{fontFamily:Ct("XSmall.fontFamily"),fontSize:Ct("XSmall.fontSize"),fontWeight:Ct("XSmall.fontWeight"),lineHeight:Ct("XSmall.lineHeight"),letterSpacing:Ct("XSmall.letterSpacing")}},wt=e=>{switch(e){case 700:case"bold":return h.Bold;case 600:case"semibold":return h.Semibold;case 300:case"light":return h.Light;case 400:case"regular":return h.Regular;default:return""}},xt=(e,t)=>r=>{const n=Dt[e].fontFamily(r),a=Dt[e].fontWeight(r);return Object.values(h).includes(n)?i`
|
|
2
|
-
font-family: ${
|
|
1
|
+
import e,{jsxs as t,jsx as r}from"react/jsx-runtime";import n,{css as i,keyframes as a}from"styled-components";import o from"react";const l={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},c={D1:{fontFamily:l.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:l.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:l.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:l.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:l.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:l.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:l.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:l.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:l.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:l.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:l.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:l.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:l.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:l.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}};var d="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},h=Array.isArray,s="object"==typeof d&&d&&d.Object===Object&&d,g="object"==typeof self&&self&&self.Object===Object&&self,u=s||g||Function("return this")(),f=u.Symbol,p=f,m=Object.prototype,y=m.hasOwnProperty,S=m.toString,b=p?p.toStringTag:void 0;var F=function(e){var t=y.call(e,b),r=e[b];try{e[b]=void 0;var n=!0}catch(e){}var i=S.call(e);return n&&(t?e[b]=r:delete e[b]),i},$=Object.prototype.toString;var v=F,B=function(e){return $.call(e)},H=f?f.toStringTag:void 0;var C=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":H&&H in Object(e)?v(e):B(e)};var D=C,w=function(e){return null!=e&&"object"==typeof e};var x=function(e){return"symbol"==typeof e||w(e)&&"[object Symbol]"==D(e)},_=h,z=x,E=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,k=/^\w*$/;var L=function(e,t){if(_(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!z(e))||(k.test(e)||!E.test(e)||null!=t&&e in Object(t))};var N=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},W=C,A=N;var j,O=function(e){if(!A(e))return!1;var t=W(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},T=u["__core-js_shared__"],P=(j=/[^.]+$/.exec(T&&T.keys&&T.keys.IE_PROTO||""))?"Symbol(src)_1."+j:"";var R=function(e){return!!P&&P in e},V=Function.prototype.toString;var I=O,M=R,X=N,G=function(e){if(null!=e){try{return V.call(e)}catch(e){}try{return e+""}catch(e){}}return""},Z=/^\[object .+?Constructor\]$/,U=Function.prototype,Y=Object.prototype,q=U.toString,J=Y.hasOwnProperty,K=RegExp("^"+q.call(J).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Q=function(e){return!(!X(e)||M(e))&&(I(e)?K:Z).test(G(e))},ee=function(e,t){return null==e?void 0:e[t]};var te=function(e,t){var r=ee(e,t);return Q(r)?r:void 0},re=te(Object,"create"),ne=re;var ie=function(){this.__data__=ne?ne(null):{},this.size=0};var ae=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},oe=re,le=Object.prototype.hasOwnProperty;var ce=function(e){var t=this.__data__;if(oe){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return le.call(t,e)?t[e]:void 0},de=re,he=Object.prototype.hasOwnProperty;var se=re;var ge=ie,ue=ae,fe=ce,pe=function(e){var t=this.__data__;return de?void 0!==t[e]:he.call(t,e)},me=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=se&&void 0===t?"__lodash_hash_undefined__":t,this};function ye(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])}}ye.prototype.clear=ge,ye.prototype.delete=ue,ye.prototype.get=fe,ye.prototype.has=pe,ye.prototype.set=me;var Se=ye;var be=function(){this.__data__=[],this.size=0};var Fe=function(e,t){return e===t||e!=e&&t!=t};var $e=function(e,t){for(var r=e.length;r--;)if(Fe(e[r][0],t))return r;return-1},ve=$e,Be=Array.prototype.splice;var He=$e;var Ce=$e;var De=$e;var we=be,xe=function(e){var t=this.__data__,r=ve(t,e);return!(r<0)&&(r==t.length-1?t.pop():Be.call(t,r,1),--this.size,!0)},_e=function(e){var t=this.__data__,r=He(t,e);return r<0?void 0:t[r][1]},ze=function(e){return Ce(this.__data__,e)>-1},Ee=function(e,t){var r=this.__data__,n=De(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=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=we,ke.prototype.delete=xe,ke.prototype.get=_e,ke.prototype.has=ze,ke.prototype.set=Ee;var Le=ke,Ne=te(u,"Map"),We=Se,Ae=Le,je=Ne;var Oe=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Te=function(e,t){var r=e.__data__;return Oe(t)?r["string"==typeof t?"string":"hash"]:r.map},Pe=Te;var Re=Te;var Ve=Te;var Ie=Te;var Me=function(){this.size=0,this.__data__={hash:new We,map:new(je||Ae),string:new We}},Xe=function(e){var t=Pe(this,e).delete(e);return this.size-=t?1:0,t},Ge=function(e){return Re(this,e).get(e)},Ze=function(e){return Ve(this,e).has(e)},Ue=function(e,t){var r=Ie(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};function Ye(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])}}Ye.prototype.clear=Me,Ye.prototype.delete=Xe,Ye.prototype.get=Ge,Ye.prototype.has=Ze,Ye.prototype.set=Ue;var qe=Ye;function Je(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(Je.Cache||qe),r}Je.Cache=qe;var Ke=Je;var Qe=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,et=/\\(\\)?/g,tt=function(e){var t=Ke(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(Qe,(function(e,r,n,i){t.push(n?i.replace(et,"$1"):r||e)})),t}));var rt=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},nt=h,it=x,at=f?f.prototype:void 0,ot=at?at.toString:void 0;var lt=function e(t){if("string"==typeof t)return t;if(nt(t))return rt(t,e)+"";if(it(t))return ot?ot.call(t):"";var r=t+"";return"0"==r&&1/t==-Infinity?"-0":r},ct=lt;var dt=h,ht=L,st=tt,gt=function(e){return null==e?"":ct(e)};var ut=x;var ft=function(e,t){return dt(e)?e:ht(e,t)?[e]:st(gt(e))},pt=function(e){if("string"==typeof e||ut(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t};var mt=function(e,t){for(var r=0,n=(t=ft(t,e)).length;null!=e&&r<n;)e=e[pt(t[r++])];return r&&r==n?e:void 0};var yt=function(e,t,r){var n=null==e?void 0:mt(e,t);return void 0===n?r:n};const St=(e,t,r)=>t?yt(r,t)||yt(e,t):r||e,bt=(e,t)=>{const r=t||e.defaultValue;return yt(e.collections,r)};var Ft;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme",e.designTokenScheme="designTokenScheme"}(Ft||(Ft={}));const $t={collections:{base:c},defaultValue:"base"},vt=e=>t=>{const r=t.theme,n=bt($t,r[Ft.textStyleScheme]);return r.options&&r.options.textStyle?St(n,e,r.options.textStyle):St(n,e)},Bt={D1:{fontFamily:vt("D1.fontFamily"),fontSize:vt("D1.fontSize"),fontWeight:vt("D1.fontWeight"),lineHeight:vt("D1.lineHeight"),letterSpacing:vt("D1.letterSpacing")},D2:{fontFamily:vt("D2.fontFamily"),fontSize:vt("D2.fontSize"),fontWeight:vt("D2.fontWeight"),lineHeight:vt("D2.lineHeight"),letterSpacing:vt("D2.letterSpacing")},D3:{fontFamily:vt("D3.fontFamily"),fontSize:vt("D3.fontSize"),fontWeight:vt("D3.fontWeight"),lineHeight:vt("D3.lineHeight"),letterSpacing:vt("D3.letterSpacing")},D4:{fontFamily:vt("D4.fontFamily"),fontSize:vt("D4.fontSize"),fontWeight:vt("D4.fontWeight"),lineHeight:vt("D4.lineHeight"),letterSpacing:vt("D4.letterSpacing")},DBody:{fontFamily:vt("DBody.fontFamily"),fontSize:vt("DBody.fontSize"),fontWeight:vt("DBody.fontWeight"),lineHeight:vt("DBody.lineHeight"),letterSpacing:vt("DBody.letterSpacing")},H1:{fontFamily:vt("H1.fontFamily"),fontSize:vt("H1.fontSize"),fontWeight:vt("H1.fontWeight"),lineHeight:vt("H1.lineHeight"),letterSpacing:vt("H1.letterSpacing")},H2:{fontFamily:vt("H2.fontFamily"),fontSize:vt("H2.fontSize"),fontWeight:vt("H2.fontWeight"),lineHeight:vt("H2.lineHeight"),letterSpacing:vt("H2.letterSpacing")},H3:{fontFamily:vt("H3.fontFamily"),fontSize:vt("H3.fontSize"),fontWeight:vt("H3.fontWeight"),lineHeight:vt("H3.lineHeight"),letterSpacing:vt("H3.letterSpacing")},H4:{fontFamily:vt("H4.fontFamily"),fontSize:vt("H4.fontSize"),fontWeight:vt("H4.fontWeight"),lineHeight:vt("H4.lineHeight"),letterSpacing:vt("H4.letterSpacing")},H5:{fontFamily:vt("H5.fontFamily"),fontSize:vt("H5.fontSize"),fontWeight:vt("H5.fontWeight"),lineHeight:vt("H5.lineHeight"),letterSpacing:vt("H5.letterSpacing")},H6:{fontFamily:vt("H6.fontFamily"),fontSize:vt("H6.fontSize"),fontWeight:vt("H6.fontWeight"),lineHeight:vt("H6.lineHeight"),letterSpacing:vt("H6.letterSpacing")},Body:{fontFamily:vt("Body.fontFamily"),fontSize:vt("Body.fontSize"),fontWeight:vt("Body.fontWeight"),lineHeight:vt("Body.lineHeight"),letterSpacing:vt("Body.letterSpacing")},BodySmall:{fontFamily:vt("BodySmall.fontFamily"),fontSize:vt("BodySmall.fontSize"),fontWeight:vt("BodySmall.fontWeight"),lineHeight:vt("BodySmall.lineHeight"),letterSpacing:vt("BodySmall.letterSpacing")},XSmall:{fontFamily:vt("XSmall.fontFamily"),fontSize:vt("XSmall.fontSize"),fontWeight:vt("XSmall.fontWeight"),lineHeight:vt("XSmall.lineHeight"),letterSpacing:vt("XSmall.letterSpacing")}},Ht=e=>{switch(e){case 700:case"bold":return l.Bold;case 600:case"semibold":return l.Semibold;case 300:case"light":return l.Light;case 400:case"regular":return l.Regular;default:return""}},Ct=(e,t)=>r=>{const n=Bt[e].fontFamily(r),a=Bt[e].fontWeight(r);return Object.values(l).includes(n)?i`
|
|
2
|
+
font-family: ${Ht(t)||Ht(a)||n};
|
|
3
3
|
font-weight: normal !important;
|
|
4
4
|
`:i`
|
|
5
5
|
font-family: ${n};
|
|
6
|
-
font-weight: ${(
|
|
7
|
-
`},
|
|
8
|
-
${
|
|
6
|
+
font-weight: ${(Dt(t)||a)??"normal"};
|
|
7
|
+
`},Dt=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""}},wt=(e,t,r=!1)=>n=>{const a=Bt[e],o=a.fontSize(n);return i`
|
|
8
|
+
${Ct(e,t)}
|
|
9
9
|
font-size: ${o}rem !important;
|
|
10
10
|
line-height: ${a.lineHeight}rem !important;
|
|
11
11
|
letter-spacing: ${a.letterSpacing(n)||0}rem !important;
|
|
12
12
|
${i`
|
|
13
13
|
margin-bottom: ${o*(r?1.05:0)}rem;
|
|
14
14
|
`}
|
|
15
|
-
`},
|
|
15
|
+
`},xt=(e=!1,t=!1)=>t?i`
|
|
16
16
|
display: block;
|
|
17
17
|
`:e?i`
|
|
18
18
|
display: inline;
|
|
19
19
|
`:i`
|
|
20
20
|
display: block;
|
|
21
|
-
`;var
|
|
21
|
+
`;var _t,zt={};Object.defineProperty(zt,"__esModule",{value:!0});var Et=e;const kt=e=>Et.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:Et.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"})});kt.displayName="ExternalIcon",_t=zt.ExternalIcon=kt;const Lt={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)",Elevation:"rgba(75, 83, 159, 0.24)"}},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)",Elevation:"rgba(75, 83, 159, 0.24)"}}},defaultValue:"base"},Nt=e=>t=>{const r=t.theme,n=bt(Lt,r[Ft.colorScheme]);return r.options&&r.options.color?St(n,e,r.options.color):St(n,e)},Wt={Brand:{1:Nt("Brand.1"),2:Nt("Brand.2"),3:Nt("Brand.3"),4:Nt("Brand.4"),5:Nt("Brand.5"),6:Nt("Brand.6")},Primary:Nt("Primary"),PrimaryDark:Nt("PrimaryDark"),Secondary:Nt("Secondary"),Accent:{Light:{1:Nt("Accent.Light.1"),2:Nt("Accent.Light.2"),3:Nt("Accent.Light.3"),4:Nt("Accent.Light.4"),5:Nt("Accent.Light.5"),6:Nt("Accent.Light.6")},Dark:{1:Nt("Accent.Dark.1"),2:Nt("Accent.Dark.2"),3:Nt("Accent.Dark.3")}},Neutral:{1:Nt("Neutral.1"),2:Nt("Neutral.2"),3:Nt("Neutral.3"),4:Nt("Neutral.4"),5:Nt("Neutral.5"),6:Nt("Neutral.6"),7:Nt("Neutral.7"),8:Nt("Neutral.8")},Validation:{Green:{Text:Nt("Validation.Green.Text"),Icon:Nt("Validation.Green.Icon"),Border:Nt("Validation.Green.Border"),Background:Nt("Validation.Green.Background")},Orange:{Text:Nt("Validation.Orange.Text"),Icon:Nt("Validation.Orange.Icon"),Border:Nt("Validation.Orange.Border"),Background:Nt("Validation.Orange.Background"),Badge:Nt("Validation.Orange.Badge")},Red:{Text:Nt("Validation.Red.Text"),Icon:Nt("Validation.Red.Icon"),Border:Nt("Validation.Red.Border"),Background:Nt("Validation.Red.Background")}},Shadow:{Accent:Nt("Shadow.Accent"),Red:Nt("Shadow.Red"),Elevation:Nt("Shadow.Elevation")}};var At;!function(e){e.D1=n.h1`
|
|
22
22
|
${e=>i`
|
|
23
|
-
${
|
|
24
|
-
color: ${
|
|
25
|
-
${
|
|
23
|
+
${wt("D1",e.weight,e.paragraph)}
|
|
24
|
+
color: ${Wt.Neutral[1]};
|
|
25
|
+
${xt(e.inline,e.paragraph)}
|
|
26
26
|
`}
|
|
27
27
|
`,e.D2=n.h1`
|
|
28
28
|
${e=>i`
|
|
29
|
-
${
|
|
30
|
-
color: ${
|
|
31
|
-
${
|
|
29
|
+
${wt("D2",e.weight,e.paragraph)}
|
|
30
|
+
color: ${Wt.Neutral[1]};
|
|
31
|
+
${xt(e.inline,e.paragraph)}
|
|
32
32
|
`}
|
|
33
33
|
`,e.D3=n.h1`
|
|
34
34
|
${e=>i`
|
|
35
|
-
${
|
|
36
|
-
color: ${
|
|
37
|
-
${
|
|
35
|
+
${wt("D3",e.weight,e.paragraph)}
|
|
36
|
+
color: ${Wt.Neutral[1]};
|
|
37
|
+
${xt(e.inline,e.paragraph)}
|
|
38
38
|
`}
|
|
39
39
|
`,e.D4=n.h1`
|
|
40
40
|
${e=>i`
|
|
41
|
-
${
|
|
42
|
-
color: ${
|
|
43
|
-
${
|
|
41
|
+
${wt("D4",e.weight,e.paragraph)}
|
|
42
|
+
color: ${Wt.Neutral[1]};
|
|
43
|
+
${xt(e.inline,e.paragraph)}
|
|
44
44
|
`}
|
|
45
45
|
`,e.DBody=n.h1`
|
|
46
46
|
${e=>i`
|
|
47
|
-
${
|
|
48
|
-
color: ${
|
|
49
|
-
${
|
|
47
|
+
${wt("DBody",e.weight,e.paragraph)}
|
|
48
|
+
color: ${Wt.Neutral[1]};
|
|
49
|
+
${xt(e.inline,e.paragraph)}
|
|
50
50
|
`}
|
|
51
51
|
`,e.H1=n.h1`
|
|
52
52
|
${e=>i`
|
|
53
|
-
${
|
|
54
|
-
color: ${
|
|
55
|
-
${
|
|
53
|
+
${wt("H1",e.weight,e.paragraph)}
|
|
54
|
+
color: ${Wt.Neutral[1]};
|
|
55
|
+
${xt(e.inline,e.paragraph)}
|
|
56
56
|
`}
|
|
57
57
|
`,e.H2=n.h2`
|
|
58
58
|
${e=>i`
|
|
59
|
-
${
|
|
60
|
-
color: ${
|
|
61
|
-
${
|
|
59
|
+
${wt("H2",e.weight,e.paragraph)}
|
|
60
|
+
color: ${Wt.Neutral[1]};
|
|
61
|
+
${xt(e.inline,e.paragraph)}
|
|
62
62
|
`}
|
|
63
63
|
`,e.H3=n.h3`
|
|
64
64
|
${e=>i`
|
|
65
|
-
${
|
|
66
|
-
color: ${
|
|
67
|
-
${
|
|
65
|
+
${wt("H3",e.weight,e.paragraph)}
|
|
66
|
+
color: ${Wt.Neutral[1]};
|
|
67
|
+
${xt(e.inline,e.paragraph)}
|
|
68
68
|
`}
|
|
69
69
|
`,e.H4=n.h4`
|
|
70
70
|
${e=>i`
|
|
71
|
-
${
|
|
72
|
-
color: ${
|
|
73
|
-
${
|
|
71
|
+
${wt("H4",e.weight,e.paragraph)}
|
|
72
|
+
color: ${Wt.Neutral[1]};
|
|
73
|
+
${xt(e.inline,e.paragraph)}
|
|
74
74
|
`}
|
|
75
75
|
`,e.H5=n.h5`
|
|
76
76
|
${e=>i`
|
|
77
|
-
${
|
|
78
|
-
color: ${
|
|
79
|
-
${
|
|
77
|
+
${wt("H5",e.weight,e.paragraph)}
|
|
78
|
+
color: ${Wt.Neutral[1]};
|
|
79
|
+
${xt(e.inline,e.paragraph)}
|
|
80
80
|
`}
|
|
81
81
|
`,e.H6=n.h6`
|
|
82
82
|
${e=>i`
|
|
83
|
-
${
|
|
84
|
-
color: ${
|
|
85
|
-
${
|
|
83
|
+
${wt("H6",e.weight,e.paragraph)}
|
|
84
|
+
color: ${Wt.Neutral[1]};
|
|
85
|
+
${xt(e.inline,e.paragraph)}
|
|
86
86
|
`}
|
|
87
87
|
`,e.Body=n.p`
|
|
88
88
|
${e=>i`
|
|
89
|
-
${
|
|
90
|
-
color: ${
|
|
91
|
-
${
|
|
89
|
+
${wt("Body",e.weight,e.paragraph)}
|
|
90
|
+
color: ${Wt.Neutral[1]};
|
|
91
|
+
${xt(e.inline,e.paragraph)}
|
|
92
92
|
`}
|
|
93
93
|
`,e.BodySmall=n.p`
|
|
94
94
|
${e=>i`
|
|
95
|
-
${
|
|
96
|
-
color: ${
|
|
97
|
-
${
|
|
95
|
+
${wt("BodySmall",e.weight,e.paragraph)}
|
|
96
|
+
color: ${Wt.Neutral[1]};
|
|
97
|
+
${xt(e.inline,e.paragraph)}
|
|
98
98
|
`}
|
|
99
99
|
`,e.XSmall=n.span`
|
|
100
100
|
${e=>i`
|
|
101
|
-
${
|
|
102
|
-
color: ${
|
|
103
|
-
${
|
|
101
|
+
${wt("XSmall",e.weight,e.paragraph)}
|
|
102
|
+
color: ${Wt.Neutral[1]};
|
|
103
|
+
${xt(e.inline,e.paragraph)}
|
|
104
104
|
`}
|
|
105
|
-
`,e.Hyperlink={Default:e=>
|
|
105
|
+
`,e.Hyperlink={Default:e=>Tt({...e,textStyle:"Body"}),Small:e=>Tt({...e,textStyle:"BodySmall"})}}(At||(At={}));const jt=n.a`
|
|
106
106
|
${e=>i`
|
|
107
|
-
${
|
|
108
|
-
color: ${
|
|
107
|
+
${wt(e.textStyle,e.weight)}
|
|
108
|
+
color: ${Wt.Primary};
|
|
109
109
|
text-decoration: none;
|
|
110
110
|
|
|
111
111
|
:hover,
|
|
112
112
|
:active,
|
|
113
113
|
:focus {
|
|
114
|
-
color: ${
|
|
114
|
+
color: ${Wt.Secondary};
|
|
115
115
|
|
|
116
116
|
svg {
|
|
117
|
-
color: ${
|
|
117
|
+
color: ${Wt.Secondary};
|
|
118
118
|
}
|
|
119
119
|
}
|
|
120
120
|
`}
|
|
121
|
-
`,
|
|
121
|
+
`,Ot=n(_t)`
|
|
122
122
|
height: 1rem;
|
|
123
123
|
width: 1rem;
|
|
124
124
|
margin-left: 0.4rem;
|
|
125
125
|
vertical-align: middle;
|
|
126
|
-
`,
|
|
126
|
+
`,Tt=({external:e=!1,children:n,...i})=>t(jt,{...i,children:[n,e&&r(Ot,{})]});var Pt;!function(e){e[e.Subpage=0]="Subpage",e[e.Domain=1]="Domain"}(Pt||(Pt={}));const Rt="https://assets.life.gov.sg/react-design-system/img/feedback-rating/feedback-rating-banner.png",Vt="Submit",It="Rate your experience",Mt=5;var Xt,Gt={};Object.defineProperty(Gt,"__esModule",{value:!0});var Zt=e;const Ut=e=>Zt.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:Zt.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"})});Ut.displayName="StarIcon",Xt=Gt.StarIcon=Ut;var Yt,qt={};Object.defineProperty(qt,"__esModule",{value:!0});var Jt=e;const Kt=e=>Jt.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:Jt.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"})});Kt.displayName="StarFillIcon",Yt=qt.StarFillIcon=Kt;const Qt=n.input`
|
|
127
|
+
position: absolute;
|
|
128
|
+
opacity: 0;
|
|
129
|
+
width: 0;
|
|
130
|
+
height: 0;
|
|
131
|
+
`,er=i`
|
|
132
|
+
width: 2.75rem;
|
|
133
|
+
height: 2.75rem;
|
|
134
|
+
color: ${Wt.Primary};
|
|
135
|
+
${Qt}:focus-visible + & {
|
|
136
|
+
outline: 0.125rem solid ${Wt.Primary};
|
|
137
|
+
outline-offset: -0.0625rem;
|
|
138
|
+
border-radius: 0.25rem;
|
|
139
|
+
}
|
|
140
|
+
`,tr=n(Xt)`
|
|
141
|
+
${er}
|
|
142
|
+
`,rr=n(Yt)`
|
|
143
|
+
${er}
|
|
144
|
+
`,nr=n.label`
|
|
145
|
+
margin: 0 0.5rem;
|
|
146
|
+
line-height: 0;
|
|
147
|
+
@media screen and (max-width: 38rem) {
|
|
148
|
+
margin: 0 0.5rem;
|
|
149
|
+
}
|
|
150
|
+
`,ir=n.div`
|
|
151
|
+
display: flex;
|
|
152
|
+
justify-content: center;
|
|
153
|
+
margin: 0.5rem 1rem;
|
|
154
|
+
`,ar=e=>{const{description:n,rating:i,onRatingChange:a}=e,o=e=>{const t=`${e} star${1===e?"":"s"}`;return r(e<=i?rr:tr,{"aria-label":t})};return r(ir,{role:"radiogroup","aria-label":n,children:[...Array(Mt)].map(((e,n)=>{const l=n+1;return t(nr,{children:[r(Qt,{type:"radio",name:"star",checked:l===i,onChange:()=>(e=>{a(e)})(l)}),o(l)]},l)}))})},or={mobileS:320,mobileM:375,mobileL:480,tablet:1199,desktopM:1399,desktopL:1999,desktop4k:3840},lr=e=>Object.keys(or).reduce(((t,r)=>{const n=or[r];return t[r]=`@media screen and (${e}: ${n}px)`,t}),{}),cr=lr("max-width"),dr=(lr("min-width"),n.div`
|
|
127
155
|
display: inline-block;
|
|
128
156
|
position: relative;
|
|
129
157
|
width: ${e=>e.$size}px;
|
|
130
158
|
height: ${e=>e.$size}px;
|
|
131
|
-
`),
|
|
159
|
+
`),hr=a`
|
|
132
160
|
0% {
|
|
133
161
|
transform: rotate(0deg);
|
|
134
162
|
}
|
|
135
163
|
100% {
|
|
136
164
|
transform: rotate(360deg);
|
|
137
165
|
}
|
|
138
|
-
`,
|
|
166
|
+
`,sr=n.div`
|
|
139
167
|
box-sizing: border-box;
|
|
140
168
|
display: block;
|
|
141
169
|
position: absolute;
|
|
@@ -145,16 +173,16 @@ import e,{jsxs as t,jsx as r}from"react/jsx-runtime";import n,{css as i,keyframe
|
|
|
145
173
|
border-width: ${e=>e.$borderWidth}px;
|
|
146
174
|
border-style: solid;
|
|
147
175
|
border-radius: 50%;
|
|
148
|
-
border-color: ${e=>e.$color||
|
|
176
|
+
border-color: ${e=>e.$color||Wt.Neutral[8](e)}
|
|
149
177
|
transparent transparent transparent;
|
|
150
|
-
animation: ${
|
|
151
|
-
`,
|
|
178
|
+
animation: ${hr} 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
|
|
179
|
+
`,gr=n(sr)`
|
|
152
180
|
animation-delay: -0.45s;
|
|
153
|
-
`,
|
|
181
|
+
`,ur=n(sr)`
|
|
154
182
|
animation-delay: -0.3s;
|
|
155
|
-
`,
|
|
183
|
+
`,fr=n(sr)`
|
|
156
184
|
animation-delay: -0.15s;
|
|
157
|
-
`,
|
|
185
|
+
`,pr=n.button`
|
|
158
186
|
padding: 0.5rem 1rem;
|
|
159
187
|
min-width: 4rem;
|
|
160
188
|
border-radius: 4px;
|
|
@@ -174,21 +202,21 @@ import e,{jsxs as t,jsx as r}from"react/jsx-runtime";import n,{css as i,keyframe
|
|
|
174
202
|
// BUTTON STYLE + TEXT COLOR
|
|
175
203
|
// -----------------------------------------------------------------------------
|
|
176
204
|
${e=>{switch(e.$buttonStyle){case"secondary":return i`
|
|
177
|
-
background-color: ${
|
|
178
|
-
border: 1px solid ${
|
|
205
|
+
background-color: ${Wt.Neutral[8](e)};
|
|
206
|
+
border: 1px solid ${Wt.Primary(e)};
|
|
179
207
|
|
|
180
208
|
span {
|
|
181
|
-
color: ${
|
|
209
|
+
color: ${Wt.Primary(e)};
|
|
182
210
|
}
|
|
183
211
|
`;case"light":return i`
|
|
184
|
-
background-color: ${
|
|
185
|
-
border: 1px solid ${
|
|
212
|
+
background-color: ${Wt.Neutral[8](e)};
|
|
213
|
+
border: 1px solid ${Wt.Neutral[5](e)};
|
|
186
214
|
|
|
187
215
|
span {
|
|
188
|
-
color: ${
|
|
216
|
+
color: ${Wt.Primary(e)};
|
|
189
217
|
}
|
|
190
218
|
`;case"disabled":return i`
|
|
191
|
-
background-color: ${
|
|
219
|
+
background-color: ${Wt.Neutral[6](e)};
|
|
192
220
|
border: 1px solid transparent;
|
|
193
221
|
cursor: not-allowed;
|
|
194
222
|
|
|
@@ -197,7 +225,7 @@ import e,{jsxs as t,jsx as r}from"react/jsx-runtime";import n,{css as i,keyframe
|
|
|
197
225
|
}
|
|
198
226
|
|
|
199
227
|
span {
|
|
200
|
-
color: ${
|
|
228
|
+
color: ${Wt.Neutral[3](e)};
|
|
201
229
|
}
|
|
202
230
|
`;case"link":return i`
|
|
203
231
|
background-color: transparent;
|
|
@@ -208,24 +236,24 @@ import e,{jsxs as t,jsx as r}from"react/jsx-runtime";import n,{css as i,keyframe
|
|
|
208
236
|
box-shadow: none;
|
|
209
237
|
}
|
|
210
238
|
|
|
211
|
-
color: ${
|
|
239
|
+
color: ${Wt.Primary};
|
|
212
240
|
:hover,
|
|
213
241
|
:active,
|
|
214
242
|
:focus {
|
|
215
243
|
span {
|
|
216
|
-
color: ${
|
|
244
|
+
color: ${Wt.Secondary};
|
|
217
245
|
}
|
|
218
246
|
}
|
|
219
247
|
`;default:return i`
|
|
220
|
-
background-color: ${
|
|
248
|
+
background-color: ${Wt.Primary(e)};
|
|
221
249
|
border: 1px solid transparent;
|
|
222
250
|
|
|
223
|
-
${
|
|
251
|
+
${cr.mobileL} {
|
|
224
252
|
width: 100%;
|
|
225
253
|
}
|
|
226
254
|
|
|
227
255
|
span {
|
|
228
|
-
color: ${
|
|
256
|
+
color: ${Wt.Neutral[8](e)};
|
|
229
257
|
}
|
|
230
258
|
`}}}
|
|
231
259
|
|
|
@@ -235,25 +263,25 @@ import e,{jsxs as t,jsx as r}from"react/jsx-runtime";import n,{css as i,keyframe
|
|
|
235
263
|
${e=>"small"===e.$buttonSizeStyle?i`
|
|
236
264
|
height: 2.5rem;
|
|
237
265
|
span {
|
|
238
|
-
${
|
|
266
|
+
${wt("H5","semibold")}
|
|
239
267
|
}
|
|
240
268
|
|
|
241
|
-
${
|
|
269
|
+
${cr.mobileS} {
|
|
242
270
|
height: auto;
|
|
243
271
|
}
|
|
244
272
|
`:i`
|
|
245
273
|
height: 3rem;
|
|
246
274
|
span {
|
|
247
|
-
${
|
|
275
|
+
${wt("H4","semibold")}
|
|
248
276
|
}
|
|
249
277
|
|
|
250
|
-
${
|
|
278
|
+
${cr.mobileS} {
|
|
251
279
|
height: auto;
|
|
252
280
|
}
|
|
253
281
|
`}
|
|
254
|
-
`,
|
|
282
|
+
`,mr=n((({color:e,className:n,size:i=18})=>t(dr,{className:n,$size:i,$color:e,children:[r(sr,{id:"inner1",$size:i-2,$borderWidth:2}),r(gr,{id:"inner2",$size:i-2,$borderWidth:2}),r(ur,{id:"inner3",$size:i-2,$borderWidth:2}),r(fr,{id:"inner4",$size:i-2,$borderWidth:2})]})))`
|
|
255
283
|
margin-right: 0.5rem;
|
|
256
|
-
${e=>{let t;switch(e.$buttonStyle){case"secondary":case"light":case"link":t=
|
|
284
|
+
${e=>{let t;switch(e.$buttonStyle){case"secondary":case"light":case"link":t=Wt.Primary(e);break;case"disabled":t=Wt.Neutral[3](e);break;default:t=Wt.Neutral[8](e)}return i`
|
|
257
285
|
#inner1,
|
|
258
286
|
#inner2,
|
|
259
287
|
#inner3,
|
|
@@ -261,7 +289,7 @@ import e,{jsxs as t,jsx as r}from"react/jsx-runtime";import n,{css as i,keyframe
|
|
|
261
289
|
border-color: ${t} transparent transparent transparent;
|
|
262
290
|
}
|
|
263
291
|
`}}
|
|
264
|
-
`,
|
|
292
|
+
`,yr={Default:o.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(pr,{ref:n,"data-testid":c["data-testid"]||"button",disabled:a,...d,...c,children:[o&&r(mr,{...d}),r("span",{children:i})]})})),Small:o.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(pr,{ref:n,"data-testid":c["data-testid"]||"button",disabled:a,...d,...c,children:[o&&r(mr,{...d,size:16}),r("span",{children:i})]})}))},Sr=n.img`
|
|
265
293
|
width: 9.5rem;
|
|
266
294
|
height: 9.5rem;
|
|
267
295
|
margin: 0 1rem;
|
|
@@ -270,9 +298,9 @@ import e,{jsxs as t,jsx as r}from"react/jsx-runtime";import n,{css as i,keyframe
|
|
|
270
298
|
height: 5.5rem;
|
|
271
299
|
margin: 0;
|
|
272
300
|
}
|
|
273
|
-
`,
|
|
274
|
-
border-top: 1px solid ${
|
|
275
|
-
border-bottom: 1px solid ${
|
|
301
|
+
`,br=n.div`
|
|
302
|
+
border-top: 1px solid ${Wt.Neutral[5]};
|
|
303
|
+
border-bottom: 1px solid ${Wt.Neutral[5]};
|
|
276
304
|
display: flex;
|
|
277
305
|
flex-direction: row;
|
|
278
306
|
align-items: center;
|
|
@@ -283,7 +311,7 @@ import e,{jsxs as t,jsx as r}from"react/jsx-runtime";import n,{css as i,keyframe
|
|
|
283
311
|
padding: 2rem 0 1rem;
|
|
284
312
|
flex-direction: column;
|
|
285
313
|
}
|
|
286
|
-
`,
|
|
314
|
+
`,Fr=n.div`
|
|
287
315
|
display: flex;
|
|
288
316
|
flex-direction: column;
|
|
289
317
|
align-items: center;
|
|
@@ -294,36 +322,8 @@ import e,{jsxs as t,jsx as r}from"react/jsx-runtime";import n,{css as i,keyframe
|
|
|
294
322
|
margin: 1rem 1.25rem;
|
|
295
323
|
max-width: calc(100% - 2.5rem);
|
|
296
324
|
}
|
|
297
|
-
|
|
325
|
+
`,$r=n(yr.Default)`
|
|
298
326
|
margin-top: 1rem;
|
|
299
327
|
width: 100%;
|
|
300
|
-
`,
|
|
301
|
-
position: absolute;
|
|
302
|
-
opacity: 0;
|
|
303
|
-
width: 0;
|
|
304
|
-
height: 0;
|
|
305
|
-
`,mr=i`
|
|
306
|
-
width: 2.75rem;
|
|
307
|
-
height: 2.75rem;
|
|
308
|
-
color: ${Ot.Primary};
|
|
309
|
-
${pr}:focus-visible + & {
|
|
310
|
-
outline: 0.125rem solid ${Ot.Primary};
|
|
311
|
-
outline-offset: -0.0625rem;
|
|
312
|
-
border-radius: 0.25rem;
|
|
313
|
-
}
|
|
314
|
-
`,yr=n(lr)`
|
|
315
|
-
${mr}
|
|
316
|
-
`,Sr=n(sr)`
|
|
317
|
-
${mr}
|
|
318
|
-
`,br=n.label`
|
|
319
|
-
margin: 0 0.5rem;
|
|
320
|
-
line-height: 0;
|
|
321
|
-
@media screen and (max-width: 38rem) {
|
|
322
|
-
margin: 0 0.5rem;
|
|
323
|
-
}
|
|
324
|
-
`,Fr=n.div`
|
|
325
|
-
display: flex;
|
|
326
|
-
justify-content: center;
|
|
327
|
-
margin: 0.5rem 1rem;
|
|
328
|
-
`,$r=e=>{const{description:n,rating:i,onRatingChange:a}=e,o=e=>{const t=`${e} star${1===e?"":"s"}`;return r(e<=i?Sr:yr,{"aria-label":t})};return r(Fr,{role:"radiogroup","aria-label":n,children:[...Array(or)].map(((e,n)=>{const l=n+1;return t(br,{children:[r(pr,{type:"radio",name:"star",checked:l===i,onChange:()=>(e=>{a(e)})(l)}),o(l)]},l)}))})},vr=e=>{const{imgSrc:n,buttonLabel:i,description:a,rating:o,className:h,onRatingChange:s,onSubmit:g}=e,u=n??l,f=a??d;return t(nr,{className:h,children:[u&&r(rr,{src:u,alt:"",onError:e=>e.currentTarget.style.display="none"}),t(ir,{children:[r(Tt.H3,{weight:"semibold",children:f}),r($r,{description:f,rating:o,onRatingChange:s}),r(ar,{disabled:!o,onClick:g,children:i??c})]})]})};export{vr as FeedbackRating};
|
|
328
|
+
`,vr=e=>{const{imgSrc:n,buttonLabel:i,description:a,rating:o,className:l,onRatingChange:c,onSubmit:d}=e,h=n??Rt,s=a??It;return t(br,{className:l,children:[h&&r(Sr,{src:h,alt:"","aria-label":"banner image",onError:e=>e.currentTarget.style.display="none"}),t(Fr,{children:[r(At.H3,{weight:"semibold",children:s}),r(ar,{description:s,rating:o,onRatingChange:c}),r($r,{disabled:!o,onClick:d,children:i??Vt})]})]})};export{vr as FeedbackRating};
|
|
329
329
|
//# sourceMappingURL=index.js.map
|