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

package/input/index.js

@@ -1,68 +1,112 @@
-import{jsx as t}from"react/jsx-runtime";import e from"react";import n,{css as r}from"styled-components";var o;!function(t){t.transformWithSpaces=(t,e)=>{const n="(.{"+e+"})";return t.replace(/[^\dA-Z]/gi,"").replace(new RegExp(n,"g"),"$1 ").trim()},t.padValue=(t,e)=>{if("0"===t)return e?t:t.padStart(2,"0");if(""===t)return t;return parseInt(t).toString().padStart(2,"0")},t.shouldTruncateToTwoLines=(t,e)=>{const n=Math.floor(e/9);return t.length>=2*n||1===t.split(" ").length&&t.length>n},t.truncateOneLine=(t,e,n,r)=>{let o=0;e>n&&(o=Math.floor((e-n)/8));const i=r+o;if(i<t.length){const e=Math.floor(i/2);return t.substring(0,e)+" ... "+t.substring(t.length-e,t.length)}return t}}(o||(o={}));var i="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},a=Array.isArray,l="object"==typeof i&&i&&i.Object===Object&&i,c="object"==typeof self&&self&&self.Object===Object&&self,f=l||c||Function("return this")(),u=f.Symbol,g=u,d=Object.prototype,h=d.hasOwnProperty,s=d.toString,p=g?g.toStringTag:void 0;var y=function(t){var e=h.call(t,p),n=t[p];try{t[p]=void 0;var r=!0}catch(t){}var o=s.call(t);return r&&(e?t[p]=n:delete t[p]),o},F=Object.prototype.toString;var S=y,m=function(t){return F.call(t)},v=u?u.toStringTag:void 0;var B=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":v&&v in Object(t)?S(t):m(t)};var H=B,b=function(t){return null!=t&&"object"==typeof t};var D=function(t){return"symbol"==typeof t||b(t)&&"[object Symbol]"==H(t)},_=a,z=D,E=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,W=/^\w*$/;var x=function(t,e){if(_(t))return!1;var n=typeof t;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=t&&!z(t))||(W.test(t)||!E.test(t)||null!=e&&t in Object(e))};var A=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)},O=B,w=A;var k,$=function(t){if(!w(t))return!1;var e=O(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},j=f["__core-js_shared__"],C=(k=/[^.]+$/.exec(j&&j.keys&&j.keys.IE_PROTO||""))?"Symbol(src)_1."+k:"";var V=function(t){return!!C&&C in t},T=Function.prototype.toString;var R=$,N=V,I=A,L=function(t){if(null!=t){try{return T.call(t)}catch(t){}try{return t+""}catch(t){}}return""},P=/^\[object .+?Constructor\]$/,G=Function.prototype,X=Object.prototype,M=G.toString,U=X.hasOwnProperty,Z=RegExp("^"+M.call(U).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var q=function(t){return!(!I(t)||N(t))&&(R(t)?Z:P).test(L(t))},J=function(t,e){return null==t?void 0:t[e]};var K=function(t,e){var n=J(t,e);return q(n)?n:void 0},Q=K(Object,"create"),Y=Q;var tt=function(){this.__data__=Y?Y(null):{},this.size=0};var et=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},nt=Q,rt=Object.prototype.hasOwnProperty;var ot=function(t){var e=this.__data__;if(nt){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return rt.call(e,t)?e[t]:void 0},it=Q,at=Object.prototype.hasOwnProperty;var lt=Q;var ct=tt,ft=et,ut=ot,gt=function(t){var e=this.__data__;return it?void 0!==e[t]:at.call(e,t)},dt=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=lt&&void 0===e?"__lodash_hash_undefined__":e,this};function ht(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}ht.prototype.clear=ct,ht.prototype.delete=ft,ht.prototype.get=ut,ht.prototype.has=gt,ht.prototype.set=dt;var st=ht;var pt=function(){this.__data__=[],this.size=0};var yt=function(t,e){return t===e||t!=t&&e!=e};var Ft=function(t,e){for(var n=t.length;n--;)if(yt(t[n][0],e))return n;return-1},St=Ft,mt=Array.prototype.splice;var vt=Ft;var Bt=Ft;var Ht=Ft;var bt=pt,Dt=function(t){var e=this.__data__,n=St(e,t);return!(n<0)&&(n==e.length-1?e.pop():mt.call(e,n,1),--this.size,!0)},_t=function(t){var e=this.__data__,n=vt(e,t);return n<0?void 0:e[n][1]},zt=function(t){return Bt(this.__data__,t)>-1},Et=function(t,e){var n=this.__data__,r=Ht(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this};function Wt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}Wt.prototype.clear=bt,Wt.prototype.delete=Dt,Wt.prototype.get=_t,Wt.prototype.has=zt,Wt.prototype.set=Et;var xt=Wt,At=K(f,"Map"),Ot=st,wt=xt,kt=At;var $t=function(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t};var jt=function(t,e){var n=t.__data__;return $t(e)?n["string"==typeof e?"string":"hash"]:n.map},Ct=jt;var Vt=jt;var Tt=jt;var Rt=jt;var Nt=function(){this.size=0,this.__data__={hash:new Ot,map:new(kt||wt),string:new Ot}},It=function(t){var e=Ct(this,t).delete(t);return this.size-=e?1:0,e},Lt=function(t){return Vt(this,t).get(t)},Pt=function(t){return Tt(this,t).has(t)},Gt=function(t,e){var n=Rt(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this};function Xt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}Xt.prototype.clear=Nt,Xt.prototype.delete=It,Xt.prototype.get=Lt,Xt.prototype.has=Pt,Xt.prototype.set=Gt;var Mt=Xt;function Ut(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var n=function(){var r=arguments,o=e?e.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=t.apply(this,r);return n.cache=i.set(o,a)||i,a};return n.cache=new(Ut.Cache||Mt),n}Ut.Cache=Mt;var Zt=Ut;var qt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Jt=/\\(\\)?/g,Kt=function(t){var e=Zt(t,(function(t){return 500===n.size&&n.clear(),t})),n=e.cache;return e}((function(t){var e=[];return 46===t.charCodeAt(0)&&e.push(""),t.replace(qt,(function(t,n,r,o){e.push(r?o.replace(Jt,"$1"):n||t)})),e}));var Qt=function(t,e){for(var n=-1,r=null==t?0:t.length,o=Array(r);++n<r;)o[n]=e(t[n],n,t);return o},Yt=a,te=D,ee=u?u.prototype:void 0,ne=ee?ee.toString:void 0;var re=function t(e){if("string"==typeof e)return e;if(Yt(e))return Qt(e,t)+"";if(te(e))return ne?ne.call(e):"";var n=e+"";return"0"==n&&1/e==-Infinity?"-0":n},oe=re;var ie=a,ae=x,le=Kt,ce=function(t){return null==t?"":oe(t)};var fe=D;var ue=function(t,e){return ie(t)?t:ae(t,e)?[t]:le(ce(t))},ge=function(t){if("string"==typeof t||fe(t))return t;var e=t+"";return"0"==e&&1/t==-Infinity?"-0":e};var de=function(t,e){for(var n=0,r=(e=ue(e,t)).length;null!=t&&n<r;)t=t[ge(e[n++])];return n&&n==r?t:void 0};var he=function(t,e,n){var r=null==t?void 0:de(t,e);return void 0===r?n:r};const se=(t,e,n)=>e?he(n,e)||he(t,e):n||t,pe=(t,e)=>{const n=e||t.defaultValue;return he(t.collections,n)};var ye;!function(t){t.colorScheme="colorScheme",t.layout="layout",t.textStyleScheme="textStyleScheme"}(ye||(ye={}));const Fe={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"}}},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"}}}},defaultValue:"base"},Se=t=>e=>{const n=e.theme,r=pe(Fe,n[ye.colorScheme]);return n.options&&n.options.color?se(r,t,n.options.color):se(r,t)},me={Brand:{1:Se("Brand.1"),2:Se("Brand.2"),3:Se("Brand.3"),4:Se("Brand.4"),5:Se("Brand.5"),6:Se("Brand.6")},Primary:Se("Primary"),PrimaryDark:Se("PrimaryDark"),Secondary:Se("Secondary"),Accent:{Light:{1:Se("Accent.Light.1"),2:Se("Accent.Light.2"),3:Se("Accent.Light.3"),4:Se("Accent.Light.4"),5:Se("Accent.Light.5"),6:Se("Accent.Light.6")},Dark:{1:Se("Accent.Dark.1"),2:Se("Accent.Dark.2"),3:Se("Accent.Dark.3")}},Neutral:{1:Se("Neutral.1"),2:Se("Neutral.2"),3:Se("Neutral.3"),4:Se("Neutral.4"),5:Se("Neutral.5"),6:Se("Neutral.6"),7:Se("Neutral.7"),8:Se("Neutral.8")},Validation:{Green:{Text:Se("Validation.Green.Text"),Icon:Se("Validation.Green.Icon"),Border:Se("Validation.Green.Border"),Background:Se("Validation.Green.Background")},Orange:{Text:Se("Validation.Orange.Text"),Icon:Se("Validation.Orange.Icon"),Border:Se("Validation.Orange.Border"),Background:Se("Validation.Orange.Background"),Badge:Se("Validation.Orange.Badge")},Red:{Text:Se("Validation.Red.Text"),Icon:Se("Validation.Red.Icon"),Border:Se("Validation.Red.Border"),Background:Se("Validation.Red.Background")}}},ve={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},Be={collections:{base:{D1:{fontFamily:ve.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:ve.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:ve.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:ve.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:ve.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:ve.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:ve.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:ve.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:ve.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:ve.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:ve.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:ve.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:ve.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:ve.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},He=t=>e=>{const n=e.theme,r=pe(Be,n[ye.textStyleScheme]);return n.options&&n.options.textStyle?se(r,t,n.options.textStyle):se(r,t)},be={D1:{fontFamily:He("D1.fontFamily"),fontSize:He("D1.fontSize"),fontWeight:He("D1.fontWeight"),lineHeight:He("D1.lineHeight"),letterSpacing:He("D1.letterSpacing")},D2:{fontFamily:He("D2.fontFamily"),fontSize:He("D2.fontSize"),fontWeight:He("D2.fontWeight"),lineHeight:He("D2.lineHeight"),letterSpacing:He("D2.letterSpacing")},D3:{fontFamily:He("D3.fontFamily"),fontSize:He("D3.fontSize"),fontWeight:He("D3.fontWeight"),lineHeight:He("D3.lineHeight"),letterSpacing:He("D3.letterSpacing")},D4:{fontFamily:He("D4.fontFamily"),fontSize:He("D4.fontSize"),fontWeight:He("D4.fontWeight"),lineHeight:He("D4.lineHeight"),letterSpacing:He("D4.letterSpacing")},DBody:{fontFamily:He("DBody.fontFamily"),fontSize:He("DBody.fontSize"),fontWeight:He("DBody.fontWeight"),lineHeight:He("DBody.lineHeight"),letterSpacing:He("DBody.letterSpacing")},H1:{fontFamily:He("H1.fontFamily"),fontSize:He("H1.fontSize"),fontWeight:He("H1.fontWeight"),lineHeight:He("H1.lineHeight"),letterSpacing:He("H1.letterSpacing")},H2:{fontFamily:He("H2.fontFamily"),fontSize:He("H2.fontSize"),fontWeight:He("H2.fontWeight"),lineHeight:He("H2.lineHeight"),letterSpacing:He("H2.letterSpacing")},H3:{fontFamily:He("H3.fontFamily"),fontSize:He("H3.fontSize"),fontWeight:He("H3.fontWeight"),lineHeight:He("H3.lineHeight"),letterSpacing:He("H3.letterSpacing")},H4:{fontFamily:He("H4.fontFamily"),fontSize:He("H4.fontSize"),fontWeight:He("H4.fontWeight"),lineHeight:He("H4.lineHeight"),letterSpacing:He("H4.letterSpacing")},H5:{fontFamily:He("H5.fontFamily"),fontSize:He("H5.fontSize"),fontWeight:He("H5.fontWeight"),lineHeight:He("H5.lineHeight"),letterSpacing:He("H5.letterSpacing")},H6:{fontFamily:He("H6.fontFamily"),fontSize:He("H6.fontSize"),fontWeight:He("H6.fontWeight"),lineHeight:He("H6.lineHeight"),letterSpacing:He("H6.letterSpacing")},Body:{fontFamily:He("Body.fontFamily"),fontSize:He("Body.fontSize"),fontWeight:He("Body.fontWeight"),lineHeight:He("Body.lineHeight"),letterSpacing:He("Body.letterSpacing")},BodySmall:{fontFamily:He("BodySmall.fontFamily"),fontSize:He("BodySmall.fontSize"),fontWeight:He("BodySmall.fontWeight"),lineHeight:He("BodySmall.lineHeight"),letterSpacing:He("BodySmall.letterSpacing")},XSmall:{fontFamily:He("XSmall.fontFamily"),fontSize:He("XSmall.fontSize"),fontWeight:He("XSmall.fontWeight"),lineHeight:He("XSmall.lineHeight"),letterSpacing:He("XSmall.letterSpacing")}},De=t=>{switch(t){case 700:case"bold":return ve.Bold;case 600:case"semibold":return ve.Semibold;case 300:case"light":return ve.Light;case 400:case"regular":return ve.Regular;default:return""}},_e=(t,e)=>n=>{const o=be[t].fontFamily(n),i=be[t].fontWeight(n);return Object.values(ve).includes(o)?r`
-                font-family: ${De(e)||De(i)||o};
-                font-weight: normal !important;
-            `:r`
-            font-family: ${o};
-            font-weight: ${(ze(e)||i)??"normal"};
-        `},ze=t=>{switch(t){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""}},Ee=(t,e,n=!1)=>o=>{const i=be[t],a=i.fontSize(o);return r`
-            ${_e(t,e)}
-            font-size: ${a}rem !important;
-            line-height: ${i.lineHeight}rem !important;
-            letter-spacing: ${i.letterSpacing(o)||0}rem !important;
-            ${r`
-                margin-bottom: ${a*(n?1.05:0)}rem;
-            `}
-        `},We=n.input`
-    ${Ee("Body","regular")}
-    border: 1px solid ${me.Neutral[5]};
+import t,{jsxs as e,jsx as n}from"react/jsx-runtime";import r,{useRef as o,useImperativeHandle as i}from"react";import a,{css as l}from"styled-components";var c="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},d=Array.isArray,f="object"==typeof c&&c&&c.Object===Object&&c,u="object"==typeof self&&self&&self.Object===Object&&self,g=f||u||Function("return this")(),h=g.Symbol,s=h,p=Object.prototype,y=p.hasOwnProperty,F=p.toString,S=s?s.toStringTag:void 0;var m=function(t){var e=y.call(t,S),n=t[S];try{t[S]=void 0;var r=!0}catch(t){}var o=F.call(t);return r&&(e?t[S]=n:delete t[S]),o},v=Object.prototype.toString;var B=m,b=function(t){return v.call(t)},H=h?h.toStringTag:void 0;var D=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":H&&H in Object(t)?B(t):b(t)};var _=D,w=function(t){return null!=t&&"object"==typeof t};var z=function(t){return"symbol"==typeof t||w(t)&&"[object Symbol]"==_(t)},x=d,C=z,E=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,A=/^\w*$/;var $=function(t,e){if(x(t))return!1;var n=typeof t;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=t&&!C(t))||(A.test(t)||!E.test(t)||null!=e&&t in Object(e))};var k=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)},W=D,O=k;var j,T=function(t){if(!O(t))return!1;var e=W(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},R=g["__core-js_shared__"],L=(j=/[^.]+$/.exec(R&&R.keys&&R.keys.IE_PROTO||""))?"Symbol(src)_1."+j:"";var V=function(t){return!!L&&L in t},I=Function.prototype.toString;var N=T,P=V,G=k,X=function(t){if(null!=t){try{return I.call(t)}catch(t){}try{return t+""}catch(t){}}return""},M=/^\[object .+?Constructor\]$/,Z=Function.prototype,U=Object.prototype,q=Z.toString,J=U.hasOwnProperty,K=RegExp("^"+q.call(J).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Q=function(t){return!(!G(t)||P(t))&&(N(t)?K:M).test(X(t))},Y=function(t,e){return null==t?void 0:t[e]};var tt=function(t,e){var n=Y(t,e);return Q(n)?n:void 0},et=tt(Object,"create"),nt=et;var rt=function(){this.__data__=nt?nt(null):{},this.size=0};var ot=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},it=et,at=Object.prototype.hasOwnProperty;var lt=function(t){var e=this.__data__;if(it){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return at.call(e,t)?e[t]:void 0},ct=et,dt=Object.prototype.hasOwnProperty;var ft=et;var ut=rt,gt=ot,ht=lt,st=function(t){var e=this.__data__;return ct?void 0!==e[t]:dt.call(e,t)},pt=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=ft&&void 0===e?"__lodash_hash_undefined__":e,this};function yt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}yt.prototype.clear=ut,yt.prototype.delete=gt,yt.prototype.get=ht,yt.prototype.has=st,yt.prototype.set=pt;var Ft=yt;var St=function(){this.__data__=[],this.size=0};var mt=function(t,e){return t===e||t!=t&&e!=e};var vt=function(t,e){for(var n=t.length;n--;)if(mt(t[n][0],e))return n;return-1},Bt=vt,bt=Array.prototype.splice;var Ht=vt;var Dt=vt;var _t=vt;var wt=St,zt=function(t){var e=this.__data__,n=Bt(e,t);return!(n<0)&&(n==e.length-1?e.pop():bt.call(e,n,1),--this.size,!0)},xt=function(t){var e=this.__data__,n=Ht(e,t);return n<0?void 0:e[n][1]},Ct=function(t){return Dt(this.__data__,t)>-1},Et=function(t,e){var n=this.__data__,r=_t(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this};function At(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}At.prototype.clear=wt,At.prototype.delete=zt,At.prototype.get=xt,At.prototype.has=Ct,At.prototype.set=Et;var $t=At,kt=tt(g,"Map"),Wt=Ft,Ot=$t,jt=kt;var Tt=function(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t};var Rt=function(t,e){var n=t.__data__;return Tt(e)?n["string"==typeof e?"string":"hash"]:n.map},Lt=Rt;var Vt=Rt;var It=Rt;var Nt=Rt;var Pt=function(){this.size=0,this.__data__={hash:new Wt,map:new(jt||Ot),string:new Wt}},Gt=function(t){var e=Lt(this,t).delete(t);return this.size-=e?1:0,e},Xt=function(t){return Vt(this,t).get(t)},Mt=function(t){return It(this,t).has(t)},Zt=function(t,e){var n=Nt(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this};function Ut(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}Ut.prototype.clear=Pt,Ut.prototype.delete=Gt,Ut.prototype.get=Xt,Ut.prototype.has=Mt,Ut.prototype.set=Zt;var qt=Ut;function Jt(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var n=function(){var r=arguments,o=e?e.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=t.apply(this,r);return n.cache=i.set(o,a)||i,a};return n.cache=new(Jt.Cache||qt),n}Jt.Cache=qt;var Kt=Jt;var Qt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Yt=/\\(\\)?/g,te=function(t){var e=Kt(t,(function(t){return 500===n.size&&n.clear(),t})),n=e.cache;return e}((function(t){var e=[];return 46===t.charCodeAt(0)&&e.push(""),t.replace(Qt,(function(t,n,r,o){e.push(r?o.replace(Yt,"$1"):n||t)})),e}));var ee=function(t,e){for(var n=-1,r=null==t?0:t.length,o=Array(r);++n<r;)o[n]=e(t[n],n,t);return o},ne=d,re=z,oe=h?h.prototype:void 0,ie=oe?oe.toString:void 0;var ae=function t(e){if("string"==typeof e)return e;if(ne(e))return ee(e,t)+"";if(re(e))return ie?ie.call(e):"";var n=e+"";return"0"==n&&1/e==-Infinity?"-0":n},le=ae;var ce=d,de=$,fe=te,ue=function(t){return null==t?"":le(t)};var ge=z;var he=function(t,e){return ce(t)?t:de(t,e)?[t]:fe(ue(t))},se=function(t){if("string"==typeof t||ge(t))return t;var e=t+"";return"0"==e&&1/t==-Infinity?"-0":e};var pe=function(t,e){for(var n=0,r=(e=he(e,t)).length;null!=t&&n<r;)t=t[se(e[n++])];return n&&n==r?t:void 0};var ye=function(t,e,n){var r=null==t?void 0:pe(t,e);return void 0===r?n:r};const Fe=(t,e,n)=>e?ye(n,e)||ye(t,e):n||t,Se=(t,e)=>{const n=e||t.defaultValue;return ye(t.collections,n)};var me;!function(t){t.colorScheme="colorScheme",t.layout="layout",t.textStyleScheme="textStyleScheme",t.designTokenScheme="designTokenScheme"}(me||(me={}));const ve={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"},Be=t=>e=>{const n=e.theme,r=Se(ve,n[me.colorScheme]);return n.options&&n.options.color?Fe(r,t,n.options.color):Fe(r,t)},be={Brand:{1:Be("Brand.1"),2:Be("Brand.2"),3:Be("Brand.3"),4:Be("Brand.4"),5:Be("Brand.5"),6:Be("Brand.6")},Primary:Be("Primary"),PrimaryDark:Be("PrimaryDark"),Secondary:Be("Secondary"),Accent:{Light:{1:Be("Accent.Light.1"),2:Be("Accent.Light.2"),3:Be("Accent.Light.3"),4:Be("Accent.Light.4"),5:Be("Accent.Light.5"),6:Be("Accent.Light.6")},Dark:{1:Be("Accent.Dark.1"),2:Be("Accent.Dark.2"),3:Be("Accent.Dark.3")}},Neutral:{1:Be("Neutral.1"),2:Be("Neutral.2"),3:Be("Neutral.3"),4:Be("Neutral.4"),5:Be("Neutral.5"),6:Be("Neutral.6"),7:Be("Neutral.7"),8:Be("Neutral.8")},Validation:{Green:{Text:Be("Validation.Green.Text"),Icon:Be("Validation.Green.Icon"),Border:Be("Validation.Green.Border"),Background:Be("Validation.Green.Background")},Orange:{Text:Be("Validation.Orange.Text"),Icon:Be("Validation.Orange.Icon"),Border:Be("Validation.Orange.Border"),Background:Be("Validation.Orange.Background"),Badge:Be("Validation.Orange.Badge")},Red:{Text:Be("Validation.Red.Text"),Icon:Be("Validation.Red.Icon"),Border:Be("Validation.Red.Border"),Background:Be("Validation.Red.Background")}},Shadow:{Accent:Be("Shadow.Accent"),Red:Be("Shadow.Red")}},He={collections:{base:{InputBoxShadow:l`
+        inset 0 0 6px 1px ${be.Shadow.Accent}
+    `,InputErrorBoxShadow:l`
+        inset 0 0 6px 1px ${be.Shadow.Red}
+    `}},defaultValue:"base"},De=t=>e=>{const n=e.theme,r=Se(He,n[me.designTokenScheme]);return n.options?.designToken?Fe(r,t,n.options.designToken):Fe(r,t)},_e=De("InputBoxShadow"),we=De("InputErrorBoxShadow"),ze=a.div`
+    display: flex;
+    align-items: center;
+    position: relative;
+    border: 1px solid ${be.Neutral[5]};
     border-radius: 4px;
-    display: block;
-    padding: 0.2rem 1rem 0.3rem 1rem; // Somehow the input text appears lower
-    height: 3rem;
+    background: ${be.Neutral[8]};
+    height: max-content;
     width: 100%;
-    background: ${me.Neutral[8]};
-    color: ${me.Neutral[1]};
-
-    :focus,
-    :active {
-        outline: none;
-        border: 1px solid ${me.Accent.Light[1]};
-        box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
-    }
+    padding: 0 1rem;
+    flex-direction: ${t=>"right"===t.$position?"row-reverse":"row"};
 
-    ::placeholder,
-    ::-webkit-input-placeholder {
-        color: ${me.Neutral[3]};
+    :focus-within {
+        border: 1px solid ${be.Accent.Light[1]};
+        box-shadow: ${_e};
     }
 
-    ${t=>t.readOnly?r`
+    ${t=>t.$readOnly?l`
                 border: none;
-                padding-left: 0rem;
+                padding: 0;
                 background: transparent !important;
 
-                :focus,
-                :active {
+                :focus-within {
                     border: none;
                     box-shadow: none;
                 }
-            `:t.disabled?r`
-                background: ${me.Neutral[6](t)};
+            `:t.disabled?l`
+                background: ${be.Neutral[6](t)};
                 cursor: not-allowed;
 
-                :focus,
-                :active {
-                    outline: none;
-                    border: 1px solid ${me.Neutral[5](t)};
+                :focus-within {
+                    border: 1px solid ${be.Neutral[5](t)};
                     box-shadow: none;
                 }
-            `:t.error?r`
-                border: 1px solid ${me.Validation.Red.Border(t)};
+            `:t.$error?l`
+                border: 1px solid ${be.Validation.Red.Border(t)};
 
-                :focus,
-                :active {
-                    border: 1px solid ${me.Validation.Red.Border(t)};
-                    box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
+                :focus-within {
+                    border: 1px solid ${be.Validation.Red.Border(t)};
+                    box-shadow: ${we};
                 }
             `:void 0}
-`,xe=e.forwardRef((({value:e,spacing:n,type:r,error:i,disabled:a,onChange:l,...c},f)=>{const u=()=>"tel"===r&&n,g=t=>{const e=t.target,n=e.value,r=e.value.replace(/\s/g,"");e.value=r,l(t),e.value=n},d=e?(t=>t?u()?o.transformWithSpaces(t,n):t:"")(e):e;return t(We,{"data-testid":"input",ref:f,disabled:a,value:d,error:i,onChange:l?t=>{u()?g(t):l(t)}:void 0,type:r,readOnly:"readonly"===r,...c})}));export{xe as Input};
+`;var xe;!function(t){t.transformWithSpaces=(t,e)=>{const n="(.{"+e+"})";return t.replace(/[^\dA-Z]/gi,"").replace(new RegExp(n,"g"),"$1 ").trim()},t.padValue=(t,e)=>{if("0"===t)return e?t:t.padStart(2,"0");if(""===t)return t;return parseInt(t).toString().padStart(2,"0")},t.shouldTruncateToTwoLines=(t,e)=>{const n=Math.floor(e/9);return t.length>=2*n||1===t.split(" ").length&&t.length>n},t.truncateOneLine=(t,e,n,r)=>{let o=0;e>n&&(o=Math.floor((e-n)/8));const i=r+o;if(i<t.length){const e=Math.floor(i/2);return t.substring(0,e)+" ... "+t.substring(t.length-e,t.length)}return t}}(xe||(xe={}));var Ce,Ee={};Object.defineProperty(Ee,"__esModule",{value:!0});var Ae=t;const $e=t=>Ae.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:Ae.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"})});$e.displayName="CrossIcon",Ce=Ee.CrossIcon=$e;const ke={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},We={collections:{base:{D1:{fontFamily:ke.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:ke.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:ke.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:ke.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:ke.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:ke.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:ke.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:ke.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:ke.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:ke.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:ke.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:ke.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:ke.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:ke.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},Oe=t=>e=>{const n=e.theme,r=Se(We,n[me.textStyleScheme]);return n.options&&n.options.textStyle?Fe(r,t,n.options.textStyle):Fe(r,t)},je={D1:{fontFamily:Oe("D1.fontFamily"),fontSize:Oe("D1.fontSize"),fontWeight:Oe("D1.fontWeight"),lineHeight:Oe("D1.lineHeight"),letterSpacing:Oe("D1.letterSpacing")},D2:{fontFamily:Oe("D2.fontFamily"),fontSize:Oe("D2.fontSize"),fontWeight:Oe("D2.fontWeight"),lineHeight:Oe("D2.lineHeight"),letterSpacing:Oe("D2.letterSpacing")},D3:{fontFamily:Oe("D3.fontFamily"),fontSize:Oe("D3.fontSize"),fontWeight:Oe("D3.fontWeight"),lineHeight:Oe("D3.lineHeight"),letterSpacing:Oe("D3.letterSpacing")},D4:{fontFamily:Oe("D4.fontFamily"),fontSize:Oe("D4.fontSize"),fontWeight:Oe("D4.fontWeight"),lineHeight:Oe("D4.lineHeight"),letterSpacing:Oe("D4.letterSpacing")},DBody:{fontFamily:Oe("DBody.fontFamily"),fontSize:Oe("DBody.fontSize"),fontWeight:Oe("DBody.fontWeight"),lineHeight:Oe("DBody.lineHeight"),letterSpacing:Oe("DBody.letterSpacing")},H1:{fontFamily:Oe("H1.fontFamily"),fontSize:Oe("H1.fontSize"),fontWeight:Oe("H1.fontWeight"),lineHeight:Oe("H1.lineHeight"),letterSpacing:Oe("H1.letterSpacing")},H2:{fontFamily:Oe("H2.fontFamily"),fontSize:Oe("H2.fontSize"),fontWeight:Oe("H2.fontWeight"),lineHeight:Oe("H2.lineHeight"),letterSpacing:Oe("H2.letterSpacing")},H3:{fontFamily:Oe("H3.fontFamily"),fontSize:Oe("H3.fontSize"),fontWeight:Oe("H3.fontWeight"),lineHeight:Oe("H3.lineHeight"),letterSpacing:Oe("H3.letterSpacing")},H4:{fontFamily:Oe("H4.fontFamily"),fontSize:Oe("H4.fontSize"),fontWeight:Oe("H4.fontWeight"),lineHeight:Oe("H4.lineHeight"),letterSpacing:Oe("H4.letterSpacing")},H5:{fontFamily:Oe("H5.fontFamily"),fontSize:Oe("H5.fontSize"),fontWeight:Oe("H5.fontWeight"),lineHeight:Oe("H5.lineHeight"),letterSpacing:Oe("H5.letterSpacing")},H6:{fontFamily:Oe("H6.fontFamily"),fontSize:Oe("H6.fontSize"),fontWeight:Oe("H6.fontWeight"),lineHeight:Oe("H6.lineHeight"),letterSpacing:Oe("H6.letterSpacing")},Body:{fontFamily:Oe("Body.fontFamily"),fontSize:Oe("Body.fontSize"),fontWeight:Oe("Body.fontWeight"),lineHeight:Oe("Body.lineHeight"),letterSpacing:Oe("Body.letterSpacing")},BodySmall:{fontFamily:Oe("BodySmall.fontFamily"),fontSize:Oe("BodySmall.fontSize"),fontWeight:Oe("BodySmall.fontWeight"),lineHeight:Oe("BodySmall.lineHeight"),letterSpacing:Oe("BodySmall.letterSpacing")},XSmall:{fontFamily:Oe("XSmall.fontFamily"),fontSize:Oe("XSmall.fontSize"),fontWeight:Oe("XSmall.fontWeight"),lineHeight:Oe("XSmall.lineHeight"),letterSpacing:Oe("XSmall.letterSpacing")}},Te=t=>{switch(t){case 700:case"bold":return ke.Bold;case 600:case"semibold":return ke.Semibold;case 300:case"light":return ke.Light;case 400:case"regular":return ke.Regular;default:return""}},Re=(t,e)=>n=>{const r=je[t].fontFamily(n),o=je[t].fontWeight(n);return Object.values(ke).includes(r)?l`
+                font-family: ${Te(e)||Te(o)||r};
+                font-weight: normal !important;
+            `:l`
+            font-family: ${r};
+            font-weight: ${(Le(e)||o)??"normal"};
+        `},Le=t=>{switch(t){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""}},Ve=(t,e,n=!1)=>r=>{const o=je[t],i=o.fontSize(r);return l`
+            ${Re(t,e)}
+            font-size: ${i}rem !important;
+            line-height: ${o.lineHeight}rem !important;
+            letter-spacing: ${o.letterSpacing(r)||0}rem !important;
+            ${l`
+                margin-bottom: ${i*(n?1.05:0)}rem;
+            `}
+        `},Ie=a.input`
+    ${Ve("Body","regular")}
+    color: ${be.Neutral[1]};
+
+    // overwrite default styles
+    background: transparent;
+    border: none;
+    height: 3rem;
+    width: 100%;
+    padding: 0;
+
+    :focus,
+    :active {
+        outline: none;
+        border: none;
+        box-shadow: none;
+    }
+
+    ::placeholder,
+    ::-webkit-input-placeholder {
+        color: ${be.Neutral[3]};
+    }
+
+    ${t=>"number"===t.type?l`
+                // Chrome, Safari, Edge, Opera
+                ::-webkit-outer-spin-button,
+                ::-webkit-inner-spin-button {
+                    -webkit-appearance: none;
+                    margin: 0;
+                }
+
+                // Firefox
+                -moz-appearance: textfield;
+            `:t.disabled?l`
+                cursor: not-allowed;
+            `:void 0}
+`,Ne=a.button`
+    position: relative;
+    height: auto;
+    padding: 0 1rem;
+
+    margin-right: -1rem; // offset the padding
+    cursor: pointer;
+
+    color: ${be.Neutral[3]};
+    background-color: transparent;
+    border: none;
+`,Pe=a(Ce)`
+    height: 1.25rem;
+    width: 1.25rem;
+`,Ge=r.forwardRef((({value:t,spacing:r,type:a,error:l,disabled:c,readOnly:d,onChange:f,onClear:u,allowClear:g=!1,className:h,...s},p)=>{const y=o();i(p,(()=>y.current),[]);const F=()=>"tel"===a&&r,S=t=>{const e=t.target,n=e.value,r=e.value.replace(/\s/g,"");e.value=r,f(t),e.value=n},m=t?(t=>t?F()?xe.transformWithSpaces(t,r):t:"")(t):t;return e(ze,{disabled:c,$error:l,$readOnly:d,className:h,children:[n(Ie,{"data-testid":"input",ref:y,disabled:c,value:m,onChange:t=>{f&&(F()?S(t):f(t))},type:a,readOnly:d,...s}),g&&!c&&!d&&!!t&&n(Ne,{onClick:()=>{u&&u(),y&&y.current&&y.current.focus()},children:n(Pe,{})})]})}));export{Ge as Input};
 //# sourceMappingURL=index.js.map