@lifesg/react-design-system 1.0.0-alpha.19 → 1.0.0-alpha.20

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.
Files changed (99) hide show
  1. package/accordion/index.js +4 -4
  2. package/accordion/index.js.map +1 -1
  3. package/alert/index.js +42 -42
  4. package/alert/index.js.map +1 -1
  5. package/box-container/index.js +5 -5
  6. package/box-container/index.js.map +1 -1
  7. package/breadcrumb/index.js +2 -2
  8. package/breadcrumb/index.js.map +1 -1
  9. package/button/index.js +125 -125
  10. package/button/index.js.map +1 -1
  11. package/card/index.js +23 -23
  12. package/card/index.js.map +1 -1
  13. package/checkbox/index.js +3 -3
  14. package/checkbox/index.js.map +1 -1
  15. package/cjs/index.js +44 -46
  16. package/cjs/index.js.map +1 -1
  17. package/color/color.d.ts +4 -59
  18. package/color/index.js +1 -1
  19. package/color/index.js.map +1 -1
  20. package/color/types.d.ts +4 -0
  21. package/date-input/index.js +53 -49
  22. package/date-input/index.js.map +1 -1
  23. package/design-token/design-token.d.ts +4 -0
  24. package/design-token/index.d.ts +2 -0
  25. package/design-token/index.js +6 -0
  26. package/design-token/index.js.map +1 -0
  27. package/{icon → design-token}/package.json +1 -1
  28. package/design-token/types.d.ts +7 -0
  29. package/error-display/index.js +92 -92
  30. package/error-display/index.js.map +1 -1
  31. package/feedback-rating/index.js +58 -58
  32. package/feedback-rating/index.js.map +1 -1
  33. package/footer/index.js +10 -10
  34. package/footer/index.js.map +1 -1
  35. package/form/index.js +144 -140
  36. package/form/index.js.map +1 -1
  37. package/icon-button/index.js +3 -3
  38. package/icon-button/index.js.map +1 -1
  39. package/index.d.ts +0 -1
  40. package/index.js +63 -65
  41. package/index.js.map +1 -1
  42. package/input/index.js +18 -14
  43. package/input/index.js.map +1 -1
  44. package/input-group/index.js +125 -121
  45. package/input-group/index.js.map +1 -1
  46. package/input-select/index.js +32 -28
  47. package/input-select/index.js.map +1 -1
  48. package/input-textarea/index.js +112 -108
  49. package/input-textarea/index.js.map +1 -1
  50. package/link-list/index.js +35 -35
  51. package/link-list/index.js.map +1 -1
  52. package/modal/index.js +15 -15
  53. package/modal/index.js.map +1 -1
  54. package/navbar/index.js +188 -188
  55. package/navbar/index.js.map +1 -1
  56. package/notification-banner/index.js +2 -2
  57. package/notification-banner/index.js.map +1 -1
  58. package/package.json +1 -1
  59. package/phone-number-input/index.js +126 -122
  60. package/phone-number-input/index.js.map +1 -1
  61. package/popover/index.js +7 -7
  62. package/popover/index.js.map +1 -1
  63. package/progress-indicator/index.js +7 -7
  64. package/progress-indicator/index.js.map +1 -1
  65. package/radio-button/index.js +7 -7
  66. package/radio-button/index.js.map +1 -1
  67. package/smart-app-banner/index.js +14 -14
  68. package/smart-app-banner/index.js.map +1 -1
  69. package/spec/design-token-spec/base-design-token-set.d.ts +2 -0
  70. package/text/index.js +18 -18
  71. package/text/index.js.map +1 -1
  72. package/text/text-style.d.ts +4 -100
  73. package/text-list/index.js +7 -7
  74. package/text-list/index.js.map +1 -1
  75. package/theme/design-token-helper.d.ts +2 -0
  76. package/theme/index.js +1 -1
  77. package/theme/index.js.map +1 -1
  78. package/theme/types.d.ts +10 -1
  79. package/timeline/index.js +8 -8
  80. package/timeline/index.js.map +1 -1
  81. package/timepicker/index.js +61 -57
  82. package/timepicker/index.js.map +1 -1
  83. package/toggle-button/index.js +109 -109
  84. package/toggle-button/index.js.map +1 -1
  85. package/tooltip/index.js +5 -5
  86. package/tooltip/index.js.map +1 -1
  87. package/unit-number/index.js +113 -109
  88. package/unit-number/index.js.map +1 -1
  89. package/util/utility-types.d.ts +3 -0
  90. package/icon/document-with-pencil-icon.d.ts +0 -5
  91. package/icon/icon-data.d.ts +0 -3
  92. package/icon/icon-style.d.ts +0 -1
  93. package/icon/icon.d.ts +0 -6
  94. package/icon/index.d.ts +0 -2
  95. package/icon/index.js +0 -8
  96. package/icon/index.js.map +0 -1
  97. package/icon/location-unknown-icon.d.ts +0 -5
  98. package/icon/mail-unread-icon.d.ts +0 -5
  99. package/icon/types.d.ts +0 -18
package/input/index.js CHANGED
@@ -1,19 +1,23 @@
1
- import t,{jsxs as e,jsx as n}from"react/jsx-runtime";import r from"react";import o,{css as i}from"styled-components";var a;!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}}(a||(a={}));var l,c="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},f={};Object.defineProperty(f,"__esModule",{value:!0});var u=t;const d=t=>u.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:u.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"})});d.displayName="CrossIcon",l=f.CrossIcon=d;var g=Array.isArray,h="object"==typeof c&&c&&c.Object===Object&&c,s="object"==typeof self&&self&&self.Object===Object&&self,p=h||s||Function("return this")(),y=p.Symbol,F=y,m=Object.prototype,S=m.hasOwnProperty,v=m.toString,B=F?F.toStringTag:void 0;var b=function(t){var e=S.call(t,B),n=t[B];try{t[B]=void 0;var r=!0}catch(t){}var o=v.call(t);return r&&(e?t[B]=n:delete t[B]),o},H=Object.prototype.toString;var D=b,_=function(t){return H.call(t)},z=y?y.toStringTag:void 0;var w=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":z&&z in Object(t)?D(t):_(t)};var x=w,C=function(t){return null!=t&&"object"==typeof t};var E=function(t){return"symbol"==typeof t||C(t)&&"[object Symbol]"==x(t)},W=g,O=E,A=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,k=/^\w*$/;var $=function(t,e){if(W(t))return!1;var n=typeof t;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=t&&!O(t))||(k.test(t)||!A.test(t)||null!=e&&t in Object(e))};var j=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)},L=w,V=j;var T,N=function(t){if(!V(t))return!1;var e=L(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},R=p["__core-js_shared__"],I=(T=/[^.]+$/.exec(R&&R.keys&&R.keys.IE_PROTO||""))?"Symbol(src)_1."+T:"";var P=function(t){return!!I&&I in t},G=Function.prototype.toString;var X=N,M=P,Z=j,U=function(t){if(null!=t){try{return G.call(t)}catch(t){}try{return t+""}catch(t){}}return""},q=/^\[object .+?Constructor\]$/,J=Function.prototype,K=Object.prototype,Q=J.toString,Y=K.hasOwnProperty,tt=RegExp("^"+Q.call(Y).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var et=function(t){return!(!Z(t)||M(t))&&(X(t)?tt:q).test(U(t))},nt=function(t,e){return null==t?void 0:t[e]};var rt=function(t,e){var n=nt(t,e);return et(n)?n:void 0},ot=rt(Object,"create"),it=ot;var at=function(){this.__data__=it?it(null):{},this.size=0};var lt=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},ct=ot,ft=Object.prototype.hasOwnProperty;var ut=function(t){var e=this.__data__;if(ct){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return ft.call(e,t)?e[t]:void 0},dt=ot,gt=Object.prototype.hasOwnProperty;var ht=ot;var st=at,pt=lt,yt=ut,Ft=function(t){var e=this.__data__;return dt?void 0!==e[t]:gt.call(e,t)},mt=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=ht&&void 0===e?"__lodash_hash_undefined__":e,this};function St(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])}}St.prototype.clear=st,St.prototype.delete=pt,St.prototype.get=yt,St.prototype.has=Ft,St.prototype.set=mt;var vt=St;var Bt=function(){this.__data__=[],this.size=0};var bt=function(t,e){return t===e||t!=t&&e!=e};var Ht=function(t,e){for(var n=t.length;n--;)if(bt(t[n][0],e))return n;return-1},Dt=Ht,_t=Array.prototype.splice;var zt=Ht;var wt=Ht;var xt=Ht;var Ct=Bt,Et=function(t){var e=this.__data__,n=Dt(e,t);return!(n<0)&&(n==e.length-1?e.pop():_t.call(e,n,1),--this.size,!0)},Wt=function(t){var e=this.__data__,n=zt(e,t);return n<0?void 0:e[n][1]},Ot=function(t){return wt(this.__data__,t)>-1},At=function(t,e){var n=this.__data__,r=xt(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this};function kt(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])}}kt.prototype.clear=Ct,kt.prototype.delete=Et,kt.prototype.get=Wt,kt.prototype.has=Ot,kt.prototype.set=At;var $t=kt,jt=rt(p,"Map"),Lt=vt,Vt=$t,Tt=jt;var Nt=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 Nt(e)?n["string"==typeof e?"string":"hash"]:n.map},It=Rt;var Pt=Rt;var Gt=Rt;var Xt=Rt;var Mt=function(){this.size=0,this.__data__={hash:new Lt,map:new(Tt||Vt),string:new Lt}},Zt=function(t){var e=It(this,t).delete(t);return this.size-=e?1:0,e},Ut=function(t){return Pt(this,t).get(t)},qt=function(t){return Gt(this,t).has(t)},Jt=function(t,e){var n=Xt(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this};function Kt(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])}}Kt.prototype.clear=Mt,Kt.prototype.delete=Zt,Kt.prototype.get=Ut,Kt.prototype.has=qt,Kt.prototype.set=Jt;var Qt=Kt;function Yt(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(Yt.Cache||Qt),n}Yt.Cache=Qt;var te=Yt;var ee=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,ne=/\\(\\)?/g,re=function(t){var e=te(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(ee,(function(t,n,r,o){e.push(r?o.replace(ne,"$1"):n||t)})),e}));var oe=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},ie=g,ae=E,le=y?y.prototype:void 0,ce=le?le.toString:void 0;var fe=function t(e){if("string"==typeof e)return e;if(ie(e))return oe(e,t)+"";if(ae(e))return ce?ce.call(e):"";var n=e+"";return"0"==n&&1/e==-Infinity?"-0":n},ue=fe;var de=g,ge=$,he=re,se=function(t){return null==t?"":ue(t)};var pe=E;var ye=function(t,e){return de(t)?t:ge(t,e)?[t]:he(se(t))},Fe=function(t){if("string"==typeof t||pe(t))return t;var e=t+"";return"0"==e&&1/t==-Infinity?"-0":e};var me=function(t,e){for(var n=0,r=(e=ye(e,t)).length;null!=t&&n<r;)t=t[Fe(e[n++])];return n&&n==r?t:void 0};var Se=function(t,e,n){var r=null==t?void 0:me(t,e);return void 0===r?n:r};const ve=(t,e,n)=>e?Se(n,e)||Se(t,e):n||t,Be=(t,e)=>{const n=e||t.defaultValue;return Se(t.collections,n)};var be;!function(t){t.colorScheme="colorScheme",t.layout="layout",t.textStyleScheme="textStyleScheme"}(be||(be={}));const He={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"},De=t=>e=>{const n=e.theme,r=Be(He,n[be.colorScheme]);return n.options&&n.options.color?ve(r,t,n.options.color):ve(r,t)},_e={Brand:{1:De("Brand.1"),2:De("Brand.2"),3:De("Brand.3"),4:De("Brand.4"),5:De("Brand.5"),6:De("Brand.6")},Primary:De("Primary"),PrimaryDark:De("PrimaryDark"),Secondary:De("Secondary"),Accent:{Light:{1:De("Accent.Light.1"),2:De("Accent.Light.2"),3:De("Accent.Light.3"),4:De("Accent.Light.4"),5:De("Accent.Light.5"),6:De("Accent.Light.6")},Dark:{1:De("Accent.Dark.1"),2:De("Accent.Dark.2"),3:De("Accent.Dark.3")}},Neutral:{1:De("Neutral.1"),2:De("Neutral.2"),3:De("Neutral.3"),4:De("Neutral.4"),5:De("Neutral.5"),6:De("Neutral.6"),7:De("Neutral.7"),8:De("Neutral.8")},Validation:{Green:{Text:De("Validation.Green.Text"),Icon:De("Validation.Green.Icon"),Border:De("Validation.Green.Border"),Background:De("Validation.Green.Background")},Orange:{Text:De("Validation.Orange.Text"),Icon:De("Validation.Orange.Icon"),Border:De("Validation.Orange.Border"),Background:De("Validation.Orange.Background"),Badge:De("Validation.Orange.Badge")},Red:{Text:De("Validation.Red.Text"),Icon:De("Validation.Red.Icon"),Border:De("Validation.Red.Border"),Background:De("Validation.Red.Background")}}},ze={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},we={collections:{base:{D1:{fontFamily:ze.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:ze.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:ze.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:ze.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:ze.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:ze.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:ze.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:ze.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:ze.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:ze.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:ze.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:ze.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:ze.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:ze.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},xe=t=>e=>{const n=e.theme,r=Be(we,n[be.textStyleScheme]);return n.options&&n.options.textStyle?ve(r,t,n.options.textStyle):ve(r,t)},Ce={D1:{fontFamily:xe("D1.fontFamily"),fontSize:xe("D1.fontSize"),fontWeight:xe("D1.fontWeight"),lineHeight:xe("D1.lineHeight"),letterSpacing:xe("D1.letterSpacing")},D2:{fontFamily:xe("D2.fontFamily"),fontSize:xe("D2.fontSize"),fontWeight:xe("D2.fontWeight"),lineHeight:xe("D2.lineHeight"),letterSpacing:xe("D2.letterSpacing")},D3:{fontFamily:xe("D3.fontFamily"),fontSize:xe("D3.fontSize"),fontWeight:xe("D3.fontWeight"),lineHeight:xe("D3.lineHeight"),letterSpacing:xe("D3.letterSpacing")},D4:{fontFamily:xe("D4.fontFamily"),fontSize:xe("D4.fontSize"),fontWeight:xe("D4.fontWeight"),lineHeight:xe("D4.lineHeight"),letterSpacing:xe("D4.letterSpacing")},DBody:{fontFamily:xe("DBody.fontFamily"),fontSize:xe("DBody.fontSize"),fontWeight:xe("DBody.fontWeight"),lineHeight:xe("DBody.lineHeight"),letterSpacing:xe("DBody.letterSpacing")},H1:{fontFamily:xe("H1.fontFamily"),fontSize:xe("H1.fontSize"),fontWeight:xe("H1.fontWeight"),lineHeight:xe("H1.lineHeight"),letterSpacing:xe("H1.letterSpacing")},H2:{fontFamily:xe("H2.fontFamily"),fontSize:xe("H2.fontSize"),fontWeight:xe("H2.fontWeight"),lineHeight:xe("H2.lineHeight"),letterSpacing:xe("H2.letterSpacing")},H3:{fontFamily:xe("H3.fontFamily"),fontSize:xe("H3.fontSize"),fontWeight:xe("H3.fontWeight"),lineHeight:xe("H3.lineHeight"),letterSpacing:xe("H3.letterSpacing")},H4:{fontFamily:xe("H4.fontFamily"),fontSize:xe("H4.fontSize"),fontWeight:xe("H4.fontWeight"),lineHeight:xe("H4.lineHeight"),letterSpacing:xe("H4.letterSpacing")},H5:{fontFamily:xe("H5.fontFamily"),fontSize:xe("H5.fontSize"),fontWeight:xe("H5.fontWeight"),lineHeight:xe("H5.lineHeight"),letterSpacing:xe("H5.letterSpacing")},H6:{fontFamily:xe("H6.fontFamily"),fontSize:xe("H6.fontSize"),fontWeight:xe("H6.fontWeight"),lineHeight:xe("H6.lineHeight"),letterSpacing:xe("H6.letterSpacing")},Body:{fontFamily:xe("Body.fontFamily"),fontSize:xe("Body.fontSize"),fontWeight:xe("Body.fontWeight"),lineHeight:xe("Body.lineHeight"),letterSpacing:xe("Body.letterSpacing")},BodySmall:{fontFamily:xe("BodySmall.fontFamily"),fontSize:xe("BodySmall.fontSize"),fontWeight:xe("BodySmall.fontWeight"),lineHeight:xe("BodySmall.lineHeight"),letterSpacing:xe("BodySmall.letterSpacing")},XSmall:{fontFamily:xe("XSmall.fontFamily"),fontSize:xe("XSmall.fontSize"),fontWeight:xe("XSmall.fontWeight"),lineHeight:xe("XSmall.lineHeight"),letterSpacing:xe("XSmall.letterSpacing")}},Ee=t=>{switch(t){case 700:case"bold":return ze.Bold;case 600:case"semibold":return ze.Semibold;case 300:case"light":return ze.Light;case 400:case"regular":return ze.Regular;default:return""}},We=(t,e)=>n=>{const r=Ce[t].fontFamily(n),o=Ce[t].fontWeight(n);return Object.values(ze).includes(r)?i`
2
- font-family: ${Ee(e)||Ee(o)||r};
1
+ import t,{jsxs as e,jsx as n}from"react/jsx-runtime";import r from"react";import o,{css as i}from"styled-components";var a;!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}}(a||(a={}));var l,c="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},d={};Object.defineProperty(d,"__esModule",{value:!0});var f=t;const u=t=>f.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:f.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"})});u.displayName="CrossIcon",l=d.CrossIcon=u;var h=Array.isArray,g="object"==typeof c&&c&&c.Object===Object&&c,s="object"==typeof self&&self&&self.Object===Object&&self,p=g||s||Function("return this")(),y=p.Symbol,S=y,F=Object.prototype,m=F.hasOwnProperty,v=F.toString,B=S?S.toStringTag:void 0;var b=function(t){var e=m.call(t,B),n=t[B];try{t[B]=void 0;var r=!0}catch(t){}var o=v.call(t);return r&&(e?t[B]=n:delete t[B]),o},H=Object.prototype.toString;var D=b,_=function(t){return H.call(t)},w=y?y.toStringTag:void 0;var z=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":w&&w in Object(t)?D(t):_(t)};var x=z,C=function(t){return null!=t&&"object"==typeof t};var E=function(t){return"symbol"==typeof t||C(t)&&"[object Symbol]"==x(t)},A=h,k=E,W=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,O=/^\w*$/;var $=function(t,e){if(A(t))return!1;var n=typeof t;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=t&&!k(t))||(O.test(t)||!W.test(t)||null!=e&&t in Object(e))};var j=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)},T=z,R=j;var L,V=function(t){if(!R(t))return!1;var e=T(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},I=p["__core-js_shared__"],N=(L=/[^.]+$/.exec(I&&I.keys&&I.keys.IE_PROTO||""))?"Symbol(src)_1."+L:"";var P=function(t){return!!N&&N in t},G=Function.prototype.toString;var X=V,M=P,Z=j,U=function(t){if(null!=t){try{return G.call(t)}catch(t){}try{return t+""}catch(t){}}return""},q=/^\[object .+?Constructor\]$/,J=Function.prototype,K=Object.prototype,Q=J.toString,Y=K.hasOwnProperty,tt=RegExp("^"+Q.call(Y).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var et=function(t){return!(!Z(t)||M(t))&&(X(t)?tt:q).test(U(t))},nt=function(t,e){return null==t?void 0:t[e]};var rt=function(t,e){var n=nt(t,e);return et(n)?n:void 0},ot=rt(Object,"create"),it=ot;var at=function(){this.__data__=it?it(null):{},this.size=0};var lt=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},ct=ot,dt=Object.prototype.hasOwnProperty;var ft=function(t){var e=this.__data__;if(ct){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return dt.call(e,t)?e[t]:void 0},ut=ot,ht=Object.prototype.hasOwnProperty;var gt=ot;var st=at,pt=lt,yt=ft,St=function(t){var e=this.__data__;return ut?void 0!==e[t]:ht.call(e,t)},Ft=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=gt&&void 0===e?"__lodash_hash_undefined__":e,this};function mt(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])}}mt.prototype.clear=st,mt.prototype.delete=pt,mt.prototype.get=yt,mt.prototype.has=St,mt.prototype.set=Ft;var vt=mt;var Bt=function(){this.__data__=[],this.size=0};var bt=function(t,e){return t===e||t!=t&&e!=e};var Ht=function(t,e){for(var n=t.length;n--;)if(bt(t[n][0],e))return n;return-1},Dt=Ht,_t=Array.prototype.splice;var wt=Ht;var zt=Ht;var xt=Ht;var Ct=Bt,Et=function(t){var e=this.__data__,n=Dt(e,t);return!(n<0)&&(n==e.length-1?e.pop():_t.call(e,n,1),--this.size,!0)},At=function(t){var e=this.__data__,n=wt(e,t);return n<0?void 0:e[n][1]},kt=function(t){return zt(this.__data__,t)>-1},Wt=function(t,e){var n=this.__data__,r=xt(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this};function Ot(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])}}Ot.prototype.clear=Ct,Ot.prototype.delete=Et,Ot.prototype.get=At,Ot.prototype.has=kt,Ot.prototype.set=Wt;var $t=Ot,jt=rt(p,"Map"),Tt=vt,Rt=$t,Lt=jt;var Vt=function(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t};var It=function(t,e){var n=t.__data__;return Vt(e)?n["string"==typeof e?"string":"hash"]:n.map},Nt=It;var Pt=It;var Gt=It;var Xt=It;var Mt=function(){this.size=0,this.__data__={hash:new Tt,map:new(Lt||Rt),string:new Tt}},Zt=function(t){var e=Nt(this,t).delete(t);return this.size-=e?1:0,e},Ut=function(t){return Pt(this,t).get(t)},qt=function(t){return Gt(this,t).has(t)},Jt=function(t,e){var n=Xt(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this};function Kt(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])}}Kt.prototype.clear=Mt,Kt.prototype.delete=Zt,Kt.prototype.get=Ut,Kt.prototype.has=qt,Kt.prototype.set=Jt;var Qt=Kt;function Yt(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(Yt.Cache||Qt),n}Yt.Cache=Qt;var te=Yt;var ee=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,ne=/\\(\\)?/g,re=function(t){var e=te(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(ee,(function(t,n,r,o){e.push(r?o.replace(ne,"$1"):n||t)})),e}));var oe=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},ie=h,ae=E,le=y?y.prototype:void 0,ce=le?le.toString:void 0;var de=function t(e){if("string"==typeof e)return e;if(ie(e))return oe(e,t)+"";if(ae(e))return ce?ce.call(e):"";var n=e+"";return"0"==n&&1/e==-Infinity?"-0":n},fe=de;var ue=h,he=$,ge=re,se=function(t){return null==t?"":fe(t)};var pe=E;var ye=function(t,e){return ue(t)?t:he(t,e)?[t]:ge(se(t))},Se=function(t){if("string"==typeof t||pe(t))return t;var e=t+"";return"0"==e&&1/t==-Infinity?"-0":e};var Fe=function(t,e){for(var n=0,r=(e=ye(e,t)).length;null!=t&&n<r;)t=t[Se(e[n++])];return n&&n==r?t:void 0};var me=function(t,e,n){var r=null==t?void 0:Fe(t,e);return void 0===r?n:r};const ve=(t,e,n)=>e?me(n,e)||me(t,e):n||t,Be=(t,e)=>{const n=e||t.defaultValue;return me(t.collections,n)};var be;!function(t){t.colorScheme="colorScheme",t.layout="layout",t.textStyleScheme="textStyleScheme",t.designTokenScheme="designTokenScheme"}(be||(be={}));const He={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"},De=t=>e=>{const n=e.theme,r=Be(He,n[be.colorScheme]);return n.options&&n.options.color?ve(r,t,n.options.color):ve(r,t)},_e={Brand:{1:De("Brand.1"),2:De("Brand.2"),3:De("Brand.3"),4:De("Brand.4"),5:De("Brand.5"),6:De("Brand.6")},Primary:De("Primary"),PrimaryDark:De("PrimaryDark"),Secondary:De("Secondary"),Accent:{Light:{1:De("Accent.Light.1"),2:De("Accent.Light.2"),3:De("Accent.Light.3"),4:De("Accent.Light.4"),5:De("Accent.Light.5"),6:De("Accent.Light.6")},Dark:{1:De("Accent.Dark.1"),2:De("Accent.Dark.2"),3:De("Accent.Dark.3")}},Neutral:{1:De("Neutral.1"),2:De("Neutral.2"),3:De("Neutral.3"),4:De("Neutral.4"),5:De("Neutral.5"),6:De("Neutral.6"),7:De("Neutral.7"),8:De("Neutral.8")},Validation:{Green:{Text:De("Validation.Green.Text"),Icon:De("Validation.Green.Icon"),Border:De("Validation.Green.Border"),Background:De("Validation.Green.Background")},Orange:{Text:De("Validation.Orange.Text"),Icon:De("Validation.Orange.Icon"),Border:De("Validation.Orange.Border"),Background:De("Validation.Orange.Background"),Badge:De("Validation.Orange.Badge")},Red:{Text:De("Validation.Red.Text"),Icon:De("Validation.Red.Icon"),Border:De("Validation.Red.Border"),Background:De("Validation.Red.Background")}},Shadow:{Accent:De("Shadow.Accent"),Red:De("Shadow.Red")}},we={collections:{base:{InputBoxShadow:i`
2
+ inset 0 0 6px 1px ${_e.Shadow.Accent}
3
+ `,InputErrorBoxShadow:i`
4
+ inset 0 0 6px 1px ${_e.Shadow.Red}
5
+ `}},defaultValue:"base"},ze=t=>e=>{const n=e.theme,r=Be(we,n[be.designTokenScheme]);return n.options?.designToken?ve(r,t,n.options.designToken):ve(r,t)},xe=ze("InputBoxShadow"),Ce=ze("InputErrorBoxShadow"),Ee={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},Ae={collections:{base:{D1:{fontFamily:Ee.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:Ee.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:Ee.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:Ee.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:Ee.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:Ee.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:Ee.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:Ee.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:Ee.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:Ee.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:Ee.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:Ee.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:Ee.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:Ee.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},ke=t=>e=>{const n=e.theme,r=Be(Ae,n[be.textStyleScheme]);return n.options&&n.options.textStyle?ve(r,t,n.options.textStyle):ve(r,t)},We={D1:{fontFamily:ke("D1.fontFamily"),fontSize:ke("D1.fontSize"),fontWeight:ke("D1.fontWeight"),lineHeight:ke("D1.lineHeight"),letterSpacing:ke("D1.letterSpacing")},D2:{fontFamily:ke("D2.fontFamily"),fontSize:ke("D2.fontSize"),fontWeight:ke("D2.fontWeight"),lineHeight:ke("D2.lineHeight"),letterSpacing:ke("D2.letterSpacing")},D3:{fontFamily:ke("D3.fontFamily"),fontSize:ke("D3.fontSize"),fontWeight:ke("D3.fontWeight"),lineHeight:ke("D3.lineHeight"),letterSpacing:ke("D3.letterSpacing")},D4:{fontFamily:ke("D4.fontFamily"),fontSize:ke("D4.fontSize"),fontWeight:ke("D4.fontWeight"),lineHeight:ke("D4.lineHeight"),letterSpacing:ke("D4.letterSpacing")},DBody:{fontFamily:ke("DBody.fontFamily"),fontSize:ke("DBody.fontSize"),fontWeight:ke("DBody.fontWeight"),lineHeight:ke("DBody.lineHeight"),letterSpacing:ke("DBody.letterSpacing")},H1:{fontFamily:ke("H1.fontFamily"),fontSize:ke("H1.fontSize"),fontWeight:ke("H1.fontWeight"),lineHeight:ke("H1.lineHeight"),letterSpacing:ke("H1.letterSpacing")},H2:{fontFamily:ke("H2.fontFamily"),fontSize:ke("H2.fontSize"),fontWeight:ke("H2.fontWeight"),lineHeight:ke("H2.lineHeight"),letterSpacing:ke("H2.letterSpacing")},H3:{fontFamily:ke("H3.fontFamily"),fontSize:ke("H3.fontSize"),fontWeight:ke("H3.fontWeight"),lineHeight:ke("H3.lineHeight"),letterSpacing:ke("H3.letterSpacing")},H4:{fontFamily:ke("H4.fontFamily"),fontSize:ke("H4.fontSize"),fontWeight:ke("H4.fontWeight"),lineHeight:ke("H4.lineHeight"),letterSpacing:ke("H4.letterSpacing")},H5:{fontFamily:ke("H5.fontFamily"),fontSize:ke("H5.fontSize"),fontWeight:ke("H5.fontWeight"),lineHeight:ke("H5.lineHeight"),letterSpacing:ke("H5.letterSpacing")},H6:{fontFamily:ke("H6.fontFamily"),fontSize:ke("H6.fontSize"),fontWeight:ke("H6.fontWeight"),lineHeight:ke("H6.lineHeight"),letterSpacing:ke("H6.letterSpacing")},Body:{fontFamily:ke("Body.fontFamily"),fontSize:ke("Body.fontSize"),fontWeight:ke("Body.fontWeight"),lineHeight:ke("Body.lineHeight"),letterSpacing:ke("Body.letterSpacing")},BodySmall:{fontFamily:ke("BodySmall.fontFamily"),fontSize:ke("BodySmall.fontSize"),fontWeight:ke("BodySmall.fontWeight"),lineHeight:ke("BodySmall.lineHeight"),letterSpacing:ke("BodySmall.letterSpacing")},XSmall:{fontFamily:ke("XSmall.fontFamily"),fontSize:ke("XSmall.fontSize"),fontWeight:ke("XSmall.fontWeight"),lineHeight:ke("XSmall.lineHeight"),letterSpacing:ke("XSmall.letterSpacing")}},Oe=t=>{switch(t){case 700:case"bold":return Ee.Bold;case 600:case"semibold":return Ee.Semibold;case 300:case"light":return Ee.Light;case 400:case"regular":return Ee.Regular;default:return""}},$e=(t,e)=>n=>{const r=We[t].fontFamily(n),o=We[t].fontWeight(n);return Object.values(Ee).includes(r)?i`
6
+ font-family: ${Oe(e)||Oe(o)||r};
3
7
  font-weight: normal !important;
4
8
  `:i`
5
9
  font-family: ${r};
6
- font-weight: ${(Oe(e)||o)??"normal"};
7
- `},Oe=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""}},Ae=(t,e,n=!1)=>r=>{const o=Ce[t],a=o.fontSize(r);return i`
8
- ${We(t,e)}
10
+ font-weight: ${(je(e)||o)??"normal"};
11
+ `},je=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""}},Te=(t,e,n=!1)=>r=>{const o=We[t],a=o.fontSize(r);return i`
12
+ ${$e(t,e)}
9
13
  font-size: ${a}rem !important;
10
14
  line-height: ${o.lineHeight}rem !important;
11
15
  letter-spacing: ${o.letterSpacing(r)||0}rem !important;
12
16
  ${i`
13
17
  margin-bottom: ${a*(n?1.05:0)}rem;
14
18
  `}
15
- `},ke=o.div`
16
- ${Ae("Body","regular")}
19
+ `},Re=o.div`
20
+ ${Te("Body","regular")}
17
21
  border: 1px solid ${_e.Neutral[5]};
18
22
  border-radius: 4px;
19
23
  display: flex;
@@ -27,7 +31,7 @@ import t,{jsxs as e,jsx as n}from"react/jsx-runtime";import r from"react";import
27
31
  :focus-within {
28
32
  outline: none;
29
33
  border: 1px solid ${_e.Accent.Light[1]};
30
- box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
34
+ box-shadow: ${xe};
31
35
  }
32
36
 
33
37
  ::placeholder,
@@ -71,17 +75,17 @@ import t,{jsxs as e,jsx as n}from"react/jsx-runtime";import r from"react";import
71
75
 
72
76
  :focus-within {
73
77
  border: 1px solid ${_e.Validation.Red.Border(t)};
74
- box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
78
+ box-shadow: ${Ce};
75
79
  }
76
80
  `:void 0}
77
- `,$e=o.input`
81
+ `,Le=o.input`
78
82
  // overwrite default styles
79
83
  background: transparent;
80
84
  border: none;
81
85
  height: 3rem;
82
86
  width: 100%;
83
87
 
84
- ${Ae("Body","regular")}
88
+ ${Te("Body","regular")}
85
89
  padding: 0.2rem 1rem 0.3rem; // Somehow the input text appears lower
86
90
 
87
91
  :focus,
@@ -90,7 +94,7 @@ import t,{jsxs as e,jsx as n}from"react/jsx-runtime";import r from"react";import
90
94
  border: none;
91
95
  box-shadow: none;
92
96
  }
93
- `,je=o.button`
97
+ `,Ve=o.button`
94
98
  position: relative;
95
99
  display: flex;
96
100
  align-items: center;
@@ -100,8 +104,8 @@ import t,{jsxs as e,jsx as n}from"react/jsx-runtime";import r from"react";import
100
104
  color: ${_e.Neutral[3]};
101
105
  background-color: transparent;
102
106
  border: none;
103
- `,Le=o(l)`
107
+ `,Ie=o(l)`
104
108
  height: 1.25rem;
105
109
  width: 1.25rem;
106
- `,Ve=r.forwardRef((({value:t,spacing:r,type:o,error:i,disabled:l,readOnly:c,onChange:f,onClear:u,allowClear:d=!1,...g},h)=>{const s=()=>"tel"===o&&r,p=t=>{const e=t.target,n=e.value,r=e.value.replace(/\s/g,"");e.value=r,f(t),e.value=n},y=t?(t=>t?s()?a.transformWithSpaces(t,r):t:"")(t):t,F=f?t=>{s()?p(t):f(t)}:void 0,m=d&&!l&&!c&&!i;return e(ke,{error:i,disabled:l,readOnly:c,...g,children:[n($e,{"data-testid":"input",ref:h,disabled:l,value:y,error:i,onChange:F,type:o,readOnly:c,...g}),m&&n(je,{onClick:()=>{u&&u()},children:n(Le,{})})]})}));export{Ve as Input};
110
+ `,Ne=r.forwardRef((({value:t,spacing:r,type:o,error:i,disabled:l,readOnly:c,onChange:d,onClear:f,allowClear:u=!1,...h},g)=>{const s=()=>"tel"===o&&r,p=t=>{const e=t.target,n=e.value,r=e.value.replace(/\s/g,"");e.value=r,d(t),e.value=n},y=t?(t=>t?s()?a.transformWithSpaces(t,r):t:"")(t):t,S=d?t=>{s()?p(t):d(t)}:void 0,F=u&&!l&&!c&&!i;return e(Re,{error:i,disabled:l,readOnly:c,className:h.className,children:[n(Le,{"data-testid":"input",ref:g,disabled:l,value:y,error:i,onChange:S,type:o,readOnly:c,...h}),F&&n(Ve,{onClick:()=>{f&&f()},children:n(Ie,{})})]})}));export{Ne as Input};
107
111
  //# sourceMappingURL=index.js.map