@lifesg/react-design-system 1.0.0-alpha.4 → 1.0.0-alpha.5

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 (151) hide show
  1. package/accordion/index.css +1 -0
  2. package/accordion/index.js +70 -73
  3. package/accordion/index.js.map +1 -1
  4. package/alert/index.css +1 -0
  5. package/alert/index.js +48 -51
  6. package/alert/index.js.map +1 -1
  7. package/animations/index.css +1 -0
  8. package/box-container/index.css +1 -0
  9. package/box-container/index.js +58 -61
  10. package/box-container/index.js.map +1 -1
  11. package/breadcrumb/index.css +1 -0
  12. package/breadcrumb/index.js +52 -55
  13. package/breadcrumb/index.js.map +1 -1
  14. package/button/index.css +1 -0
  15. package/button/index.js +48 -51
  16. package/button/index.js.map +1 -1
  17. package/checkbox/index.css +1 -0
  18. package/checkbox/index.js +5 -8
  19. package/checkbox/index.js.map +1 -1
  20. package/cjs/index.css +1 -0
  21. package/cjs/index.js +675 -81
  22. package/cjs/index.js.map +1 -1
  23. package/color/index.css +1 -0
  24. package/color/index.js.map +1 -1
  25. package/date-input/index.css +1 -0
  26. package/date-input/index.js +53 -68
  27. package/date-input/index.js.map +1 -1
  28. package/footer/footer-download-app.d.ts +2 -0
  29. package/footer/footer-download-app.style.d.ts +6 -0
  30. package/footer/footer-helper.d.ts +12 -0
  31. package/footer/footer.d.ts +3 -0
  32. package/footer/footer.style.d.ts +12 -0
  33. package/footer/index.css +1 -0
  34. package/footer/index.d.ts +2 -0
  35. package/footer/index.js +361 -0
  36. package/footer/index.js.map +1 -0
  37. package/footer/package.json +7 -0
  38. package/footer/types.d.ts +31 -0
  39. package/form/form-label.d.ts +1 -1
  40. package/form/form-label.style.d.ts +1 -0
  41. package/form/index.css +1 -0
  42. package/form/index.d.ts +1 -1
  43. package/form/index.js +194 -191
  44. package/form/index.js.map +1 -1
  45. package/form/types.d.ts +2 -0
  46. package/icon/cross-icon.d.ts +3 -0
  47. package/icon/index.css +1 -0
  48. package/icon/index.js +3 -6
  49. package/icon/index.js.map +1 -1
  50. package/icon/play-icon.d.ts +3 -0
  51. package/icon-button/index.css +1 -0
  52. package/icon-button/index.js +7 -10
  53. package/icon-button/index.js.map +1 -1
  54. package/index.css +1 -0
  55. package/index.d.ts +5 -0
  56. package/index.js +676 -82
  57. package/index.js.map +1 -1
  58. package/input/index.css +1 -0
  59. package/input/index.js +15 -3
  60. package/input/index.js.map +1 -1
  61. package/input/input.style.d.ts +2 -0
  62. package/input-group/index.css +1 -0
  63. package/input-group/index.js +128 -119
  64. package/input-group/index.js.map +1 -1
  65. package/input-group/input-group.style.d.ts +1 -0
  66. package/input-select/index.css +1 -0
  67. package/input-select/index.js +98 -104
  68. package/input-select/index.js.map +1 -1
  69. package/input-textarea/index.css +1 -0
  70. package/input-textarea/index.js +118 -111
  71. package/input-textarea/index.js.map +1 -1
  72. package/input-textarea/textarea-counter.d.ts +2 -1
  73. package/input-textarea/types.d.ts +1 -0
  74. package/layout/container.d.ts +3 -0
  75. package/layout/content.d.ts +3 -0
  76. package/layout/index.css +1 -0
  77. package/layout/index.d.ts +7 -0
  78. package/layout/index.js +51 -0
  79. package/layout/index.js.map +1 -0
  80. package/layout/package.json +7 -0
  81. package/layout/section.d.ts +3 -0
  82. package/layout/types.d.ts +15 -0
  83. package/link-list/index.css +1 -0
  84. package/link-list/index.js +55 -58
  85. package/link-list/index.js.map +1 -1
  86. package/masonry/index.css +1 -0
  87. package/masthead/index.css +1 -0
  88. package/masthead/index.d.ts +1 -0
  89. package/masthead/index.js +5 -0
  90. package/masthead/index.js.map +1 -0
  91. package/masthead/masthead.d.ts +3 -0
  92. package/masthead/package.json +7 -0
  93. package/media/index.css +1 -0
  94. package/modal/index.css +1 -0
  95. package/modal/index.js +12 -15
  96. package/modal/index.js.map +1 -1
  97. package/navbar/brand.d.ts +10 -0
  98. package/navbar/brand.styles.d.ts +5 -0
  99. package/navbar/drawer.d.ts +3 -0
  100. package/navbar/drawer.styles.d.ts +12 -0
  101. package/navbar/index.css +1 -0
  102. package/navbar/index.d.ts +6 -0
  103. package/navbar/index.js +659 -0
  104. package/navbar/index.js.map +1 -0
  105. package/navbar/navbar-action-buttons.d.ts +10 -0
  106. package/navbar/navbar-action-buttons.styles.d.ts +9 -0
  107. package/navbar/navbar-items.d.ts +11 -0
  108. package/navbar/navbar-items.styles.d.ts +10 -0
  109. package/navbar/navbar.d.ts +3 -0
  110. package/navbar/navbar.styles.d.ts +14 -0
  111. package/navbar/package.json +7 -0
  112. package/navbar/types.d.ts +56 -0
  113. package/notification-banner/index.css +1 -0
  114. package/notification-banner/index.d.ts +3 -0
  115. package/notification-banner/index.js +262 -0
  116. package/notification-banner/index.js.map +1 -0
  117. package/notification-banner/notification-banner-hoc.d.ts +3 -0
  118. package/notification-banner/notification-banner-label.d.ts +3 -0
  119. package/notification-banner/notification-banner.d.ts +6 -0
  120. package/notification-banner/notification-banner.styles.d.ts +12 -0
  121. package/notification-banner/package.json +7 -0
  122. package/notification-banner/types.d.ts +22 -0
  123. package/overlay/index.css +1 -0
  124. package/package.json +1 -1
  125. package/popover/index.css +1 -0
  126. package/popover/index.js +55 -58
  127. package/popover/index.js.map +1 -1
  128. package/radio-button/index.css +1 -0
  129. package/radio-button/index.js.map +1 -1
  130. package/text/index.css +1 -0
  131. package/text/index.js +25 -28
  132. package/text/index.js.map +1 -1
  133. package/text-list/index.css +1 -0
  134. package/text-list/index.js.map +1 -1
  135. package/theme/index.css +1 -0
  136. package/theme/index.js.map +1 -1
  137. package/theme/types.d.ts +2 -2
  138. package/timeline/index.css +1 -0
  139. package/timeline/index.js +52 -55
  140. package/timeline/index.js.map +1 -1
  141. package/timepicker/index.css +1 -0
  142. package/timepicker/index.js +88 -91
  143. package/timepicker/index.js.map +1 -1
  144. package/toggle-button/index.css +1 -0
  145. package/toggle-button/index.js +110 -113
  146. package/toggle-button/index.js.map +1 -1
  147. package/tooltip/index.css +1 -0
  148. package/tooltip/index.js +51 -54
  149. package/tooltip/index.js.map +1 -1
  150. package/transition/index.css +1 -0
  151. package/icon/play-alt-icon.d.ts +0 -3
@@ -0,0 +1 @@
1
+ :root{--sgds-masthead-font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--sgds-masthead-background-color:hsl(0, 0%, 94%);--sgds-masthead-text-color:hsl(0, 0%, 28%);--sgds-masthead-link-color:hsl(220, 100%, 47%);--sgds-masthead-link-hover-color:hsl(220, 100%, 37%);--sgds-masthead-tablet-padding-x:1.25rem;--sgds-masthead-tablet-font-size:0.75rem;--sgds-masthead-crest-color:rgb(239, 51, 32)}
@@ -1,182 +1,189 @@
1
- import{jsx as t,jsxs as e}from"react/jsx-runtime";import n,{useState as r,useEffect as a}from"react";import i,{css as o}from"styled-components";var l="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},c=Array.isArray,h="object"==typeof l&&l&&l.Object===Object&&l,g="object"==typeof self&&self&&self.Object===Object&&self,d=h||g||Function("return this")(),f=d.Symbol,u=f,p=Object.prototype,s=p.hasOwnProperty,y=p.toString,m=u?u.toStringTag:void 0;var F=function(t){var e=s.call(t,m),n=t[m];try{t[m]=void 0;var r=!0}catch(t){}var a=y.call(t);return r&&(e?t[m]=n:delete t[m]),a},S=Object.prototype.toString;var v=F,B=function(t){return S.call(t)},H=f?f.toStringTag:void 0;var $=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":H&&H in Object(t)?v(t):B(t)};var D=$,b=function(t){return null!=t&&"object"==typeof t};var w=function(t){return"symbol"==typeof t||b(t)&&"[object Symbol]"==D(t)},_=c,z=w,x=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,C=/^\w*$/;var E=function(t,e){if(_(t))return!1;var n=typeof t;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=t&&!z(t))||(C.test(t)||!x.test(t)||null!=e&&t in Object(e))};var W=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)},A=$,N=W;var k,O=function(t){if(!N(t))return!1;var e=A(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},j=d["__core-js_shared__"],L=(k=/[^.]+$/.exec(j&&j.keys&&j.keys.IE_PROTO||""))?"Symbol(src)_1."+k:"";var R=function(t){return!!L&&L in t},V=Function.prototype.toString;var T=O,P=R,I=W,X=function(t){if(null!=t){try{return V.call(t)}catch(t){}try{return t+""}catch(t){}}return""},G=/^\[object .+?Constructor\]$/,M=Function.prototype,Z=Object.prototype,U=M.toString,q=Z.hasOwnProperty,J=RegExp("^"+U.call(q).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var K=function(t){return!(!I(t)||P(t))&&(T(t)?J:G).test(X(t))},Q=function(t,e){return null==t?void 0:t[e]};var Y=function(t,e){var n=Q(t,e);return K(n)?n:void 0},tt=Y(Object,"create"),et=tt;var nt=function(){this.__data__=et?et(null):{},this.size=0};var rt=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},at=tt,it=Object.prototype.hasOwnProperty;var ot=function(t){var e=this.__data__;if(at){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return it.call(e,t)?e[t]:void 0},lt=tt,ct=Object.prototype.hasOwnProperty;var ht=tt;var gt=nt,dt=rt,ft=ot,ut=function(t){var e=this.__data__;return lt?void 0!==e[t]:ct.call(e,t)},pt=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=gt,st.prototype.delete=dt,st.prototype.get=ft,st.prototype.has=ut,st.prototype.set=pt;var yt=st;var mt=function(){this.__data__=[],this.size=0};var Ft=function(t,e){return t===e||t!=t&&e!=e};var St=function(t,e){for(var n=t.length;n--;)if(Ft(t[n][0],e))return n;return-1},vt=St,Bt=Array.prototype.splice;var Ht=St;var $t=St;var Dt=St;var bt=mt,wt=function(t){var e=this.__data__,n=vt(e,t);return!(n<0)&&(n==e.length-1?e.pop():Bt.call(e,n,1),--this.size,!0)},_t=function(t){var e=this.__data__,n=Ht(e,t);return n<0?void 0:e[n][1]},zt=function(t){return $t(this.__data__,t)>-1},xt=function(t,e){var n=this.__data__,r=Dt(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this};function Ct(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])}}Ct.prototype.clear=bt,Ct.prototype.delete=wt,Ct.prototype.get=_t,Ct.prototype.has=zt,Ct.prototype.set=xt;var Et=Ct,Wt=Y(d,"Map"),At=yt,Nt=Et,kt=Wt;var Ot=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 Ot(e)?n["string"==typeof e?"string":"hash"]:n.map},Lt=jt;var Rt=jt;var Vt=jt;var Tt=jt;var Pt=function(){this.size=0,this.__data__={hash:new At,map:new(kt||Nt),string:new At}},It=function(t){var e=Lt(this,t).delete(t);return this.size-=e?1:0,e},Xt=function(t){return Rt(this,t).get(t)},Gt=function(t){return Vt(this,t).has(t)},Mt=function(t,e){var n=Tt(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this};function Zt(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])}}Zt.prototype.clear=Pt,Zt.prototype.delete=It,Zt.prototype.get=Xt,Zt.prototype.has=Gt,Zt.prototype.set=Mt;var Ut=Zt;function qt(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var n=function(){var r=arguments,a=e?e.apply(this,r):r[0],i=n.cache;if(i.has(a))return i.get(a);var o=t.apply(this,r);return n.cache=i.set(a,o)||i,o};return n.cache=new(qt.Cache||Ut),n}qt.Cache=Ut;var Jt=qt;var Kt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Qt=/\\(\\)?/g,Yt=function(t){var e=Jt(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(Kt,(function(t,n,r,a){e.push(r?a.replace(Qt,"$1"):n||t)})),e}));var te=function(t,e){for(var n=-1,r=null==t?0:t.length,a=Array(r);++n<r;)a[n]=e(t[n],n,t);return a},ee=c,ne=w,re=f?f.prototype:void 0,ae=re?re.toString:void 0;var ie=function t(e){if("string"==typeof e)return e;if(ee(e))return te(e,t)+"";if(ne(e))return ae?ae.call(e):"";var n=e+"";return"0"==n&&1/e==-Infinity?"-0":n},oe=ie;var le=c,ce=E,he=Yt,ge=function(t){return null==t?"":oe(t)};var de=w;var fe=function(t,e){return le(t)?t:ce(t,e)?[t]:he(ge(t))},ue=function(t){if("string"==typeof t||de(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=fe(e,t)).length;null!=t&&n<r;)t=t[ue(e[n++])];return n&&n==r?t:void 0};var se=function(t,e,n){var r=null==t?void 0:pe(t,e);return void 0===r?n:r};const ye=(t,e,n)=>e?se(n,e)||se(t,e):n||t,me=(t,e)=>{const n=e||t.defaultValue;return se(t.collections,n)};var Fe;!function(t){t.colorScheme="colorScheme",t.layout="layout",t.textStyleScheme="textStyleScheme"}(Fe||(Fe={}));const Se={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"},ve=t=>e=>{const n=e.theme,r=me(Se,n[Fe.colorScheme]);return n.options&&n.options.color?ye(r,t,n.options.color):ye(r,t)},Be={Brand:{1:ve("Brand.1"),2:ve("Brand.2"),3:ve("Brand.3"),4:ve("Brand.4"),5:ve("Brand.5"),6:ve("Brand.6")},Primary:ve("Primary"),PrimaryDark:ve("PrimaryDark"),Secondary:ve("Secondary"),Accent:{Light:{1:ve("Accent.Light.1"),2:ve("Accent.Light.2"),3:ve("Accent.Light.3"),4:ve("Accent.Light.4"),5:ve("Accent.Light.5"),6:ve("Accent.Light.6")},Dark:{1:ve("Accent.Dark.1"),2:ve("Accent.Dark.2"),3:ve("Accent.Dark.3")}},Neutral:{1:ve("Neutral.1"),2:ve("Neutral.2"),3:ve("Neutral.3"),4:ve("Neutral.4"),5:ve("Neutral.5"),6:ve("Neutral.6"),7:ve("Neutral.7"),8:ve("Neutral.8")},Validation:{Green:{Text:ve("Validation.Green.Text"),Icon:ve("Validation.Green.Icon"),Border:ve("Validation.Green.Border"),Background:ve("Validation.Green.Background")},Orange:{Text:ve("Validation.Orange.Text"),Icon:ve("Validation.Orange.Icon"),Border:ve("Validation.Orange.Border"),Background:ve("Validation.Orange.Background"),Badge:ve("Validation.Orange.Badge")},Red:{Text:ve("Validation.Red.Text"),Icon:ve("Validation.Red.Icon"),Border:ve("Validation.Red.Border"),Background:ve("Validation.Red.Background")}}},He={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},$e={collections:{base:{D1:{fontFamily:He.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:He.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:He.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:He.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:He.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:He.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:He.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:He.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:He.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:He.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:He.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:He.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:He.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:He.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},De=t=>e=>{const n=e.theme,r=me($e,n[Fe.textStyleScheme]);return n.options&&n.options.textStyle?ye(r,t,n.options.textStyle):ye(r,t)},be={D1:{fontFamily:De("D1.fontFamily"),fontSize:De("D1.fontSize"),fontWeight:De("D1.fontWeight"),lineHeight:De("D1.lineHeight"),letterSpacing:De("D1.letterSpacing")},D2:{fontFamily:De("D2.fontFamily"),fontSize:De("D2.fontSize"),fontWeight:De("D2.fontWeight"),lineHeight:De("D2.lineHeight"),letterSpacing:De("D2.letterSpacing")},D3:{fontFamily:De("D3.fontFamily"),fontSize:De("D3.fontSize"),fontWeight:De("D3.fontWeight"),lineHeight:De("D3.lineHeight"),letterSpacing:De("D3.letterSpacing")},D4:{fontFamily:De("D4.fontFamily"),fontSize:De("D4.fontSize"),fontWeight:De("D4.fontWeight"),lineHeight:De("D4.lineHeight"),letterSpacing:De("D4.letterSpacing")},DBody:{fontFamily:De("DBody.fontFamily"),fontSize:De("DBody.fontSize"),fontWeight:De("DBody.fontWeight"),lineHeight:De("DBody.lineHeight"),letterSpacing:De("DBody.letterSpacing")},H1:{fontFamily:De("H1.fontFamily"),fontSize:De("H1.fontSize"),fontWeight:De("H1.fontWeight"),lineHeight:De("H1.lineHeight"),letterSpacing:De("H1.letterSpacing")},H2:{fontFamily:De("H2.fontFamily"),fontSize:De("H2.fontSize"),fontWeight:De("H2.fontWeight"),lineHeight:De("H2.lineHeight"),letterSpacing:De("H2.letterSpacing")},H3:{fontFamily:De("H3.fontFamily"),fontSize:De("H3.fontSize"),fontWeight:De("H3.fontWeight"),lineHeight:De("H3.lineHeight"),letterSpacing:De("H3.letterSpacing")},H4:{fontFamily:De("H4.fontFamily"),fontSize:De("H4.fontSize"),fontWeight:De("H4.fontWeight"),lineHeight:De("H4.lineHeight"),letterSpacing:De("H4.letterSpacing")},H5:{fontFamily:De("H5.fontFamily"),fontSize:De("H5.fontSize"),fontWeight:De("H5.fontWeight"),lineHeight:De("H5.lineHeight"),letterSpacing:De("H5.letterSpacing")},H6:{fontFamily:De("H6.fontFamily"),fontSize:De("H6.fontSize"),fontWeight:De("H6.fontWeight"),lineHeight:De("H6.lineHeight"),letterSpacing:De("H6.letterSpacing")},Body:{fontFamily:De("Body.fontFamily"),fontSize:De("Body.fontSize"),fontWeight:De("Body.fontWeight"),lineHeight:De("Body.lineHeight"),letterSpacing:De("Body.letterSpacing")},BodySmall:{fontFamily:De("BodySmall.fontFamily"),fontSize:De("BodySmall.fontSize"),fontWeight:De("BodySmall.fontWeight"),lineHeight:De("BodySmall.lineHeight"),letterSpacing:De("BodySmall.letterSpacing")},XSmall:{fontFamily:De("XSmall.fontFamily"),fontSize:De("XSmall.fontSize"),fontWeight:De("XSmall.fontWeight"),lineHeight:De("XSmall.lineHeight"),letterSpacing:De("XSmall.letterSpacing")}},we=t=>{switch(t){case 700:case"bold":return He.Bold;case 600:case"semibold":return He.Semibold;case 300:case"light":return He.Light;case 400:case"regular":return He.Regular;default:return""}},_e=(t,e)=>n=>{const r=be[t].fontFamily(n),a=be[t].fontWeight(n);return Object.values(He).includes(r)?o`
2
- font-family: ${we(e)||we(a)||r};
1
+ import{jsx as t,jsxs as e,Fragment as n}from"react/jsx-runtime";import r,{useState as a,useEffect as i}from"react";import o,{css as l}from"styled-components";var c="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},h=Array.isArray,g="object"==typeof c&&c&&c.Object===Object&&c,d="object"==typeof self&&self&&self.Object===Object&&self,u=g||d||Function("return this")(),f=u.Symbol,s=f,p=Object.prototype,y=p.hasOwnProperty,m=p.toString,F=s?s.toStringTag:void 0;var S=function(t){var e=y.call(t,F),n=t[F];try{t[F]=void 0;var r=!0}catch(t){}var a=m.call(t);return r&&(e?t[F]=n:delete t[F]),a},v=Object.prototype.toString;var B=S,H=function(t){return v.call(t)},$=f?f.toStringTag:void 0;var b=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":$&&$ in Object(t)?B(t):H(t)};var D=b,w=function(t){return null!=t&&"object"==typeof t};var _=function(t){return"symbol"==typeof t||w(t)&&"[object Symbol]"==D(t)},C=h,x=_,z=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,E=/^\w*$/;var W=function(t,e){if(C(t))return!1;var n=typeof t;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=t&&!x(t))||(E.test(t)||!z.test(t)||null!=e&&t in Object(e))};var A=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)},L=b,N=A;var k,O=function(t){if(!N(t))return!1;var e=L(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},j=u["__core-js_shared__"],R=(k=/[^.]+$/.exec(j&&j.keys&&j.keys.IE_PROTO||""))?"Symbol(src)_1."+k:"";var V=function(t){return!!R&&R in t},T=Function.prototype.toString;var P=O,I=V,X=A,G=function(t){if(null!=t){try{return T.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!(!X(t)||I(t))&&(P(t)?K:M).test(G(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 at=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},it=et,ot=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 ot.call(e,t)?e[t]:void 0},ct=et,ht=Object.prototype.hasOwnProperty;var gt=et;var dt=rt,ut=at,ft=lt,st=function(t){var e=this.__data__;return ct?void 0!==e[t]:ht.call(e,t)},pt=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 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=dt,yt.prototype.delete=ut,yt.prototype.get=ft,yt.prototype.has=st,yt.prototype.set=pt;var mt=yt;var Ft=function(){this.__data__=[],this.size=0};var St=function(t,e){return t===e||t!=t&&e!=e};var vt=function(t,e){for(var n=t.length;n--;)if(St(t[n][0],e))return n;return-1},Bt=vt,Ht=Array.prototype.splice;var $t=vt;var bt=vt;var Dt=vt;var wt=Ft,_t=function(t){var e=this.__data__,n=Bt(e,t);return!(n<0)&&(n==e.length-1?e.pop():Ht.call(e,n,1),--this.size,!0)},Ct=function(t){var e=this.__data__,n=$t(e,t);return n<0?void 0:e[n][1]},xt=function(t){return bt(this.__data__,t)>-1},zt=function(t,e){var n=this.__data__,r=Dt(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this};function Et(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])}}Et.prototype.clear=wt,Et.prototype.delete=_t,Et.prototype.get=Ct,Et.prototype.has=xt,Et.prototype.set=zt;var Wt=Et,At=tt(u,"Map"),Lt=mt,Nt=Wt,kt=At;var Ot=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 Ot(e)?n["string"==typeof e?"string":"hash"]:n.map},Rt=jt;var Vt=jt;var Tt=jt;var Pt=jt;var It=function(){this.size=0,this.__data__={hash:new Lt,map:new(kt||Nt),string:new Lt}},Xt=function(t){var e=Rt(this,t).delete(t);return this.size-=e?1:0,e},Gt=function(t){return Vt(this,t).get(t)},Mt=function(t){return Tt(this,t).has(t)},Zt=function(t,e){var n=Pt(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=It,Ut.prototype.delete=Xt,Ut.prototype.get=Gt,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,a=e?e.apply(this,r):r[0],i=n.cache;if(i.has(a))return i.get(a);var o=t.apply(this,r);return n.cache=i.set(a,o)||i,o};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,a){e.push(r?a.replace(Yt,"$1"):n||t)})),e}));var ee=function(t,e){for(var n=-1,r=null==t?0:t.length,a=Array(r);++n<r;)a[n]=e(t[n],n,t);return a},ne=h,re=_,ae=f?f.prototype:void 0,ie=ae?ae.toString:void 0;var oe=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=oe;var ce=h,he=W,ge=te,de=function(t){return null==t?"":le(t)};var ue=_;var fe=function(t,e){return ce(t)?t:he(t,e)?[t]:ge(de(t))},se=function(t){if("string"==typeof t||ue(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=fe(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 me=(t,e,n)=>e?ye(n,e)||ye(t,e):n||t,Fe=(t,e)=>{const n=e||t.defaultValue;return ye(t.collections,n)};var Se;!function(t){t.colorScheme="colorScheme",t.layout="layout",t.textStyleScheme="textStyleScheme"}(Se||(Se={}));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"}}},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"},Be=t=>e=>{const n=e.theme,r=Fe(ve,n[Se.colorScheme]);return n.options&&n.options.color?me(r,t,n.options.color):me(r,t)},He={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")}}},$e={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},be={collections:{base:{D1:{fontFamily:$e.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:$e.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:$e.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:$e.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:$e.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:$e.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:$e.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:$e.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:$e.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:$e.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:$e.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:$e.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:$e.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:$e.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},De=t=>e=>{const n=e.theme,r=Fe(be,n[Se.textStyleScheme]);return n.options&&n.options.textStyle?me(r,t,n.options.textStyle):me(r,t)},we={D1:{fontFamily:De("D1.fontFamily"),fontSize:De("D1.fontSize"),fontWeight:De("D1.fontWeight"),lineHeight:De("D1.lineHeight"),letterSpacing:De("D1.letterSpacing")},D2:{fontFamily:De("D2.fontFamily"),fontSize:De("D2.fontSize"),fontWeight:De("D2.fontWeight"),lineHeight:De("D2.lineHeight"),letterSpacing:De("D2.letterSpacing")},D3:{fontFamily:De("D3.fontFamily"),fontSize:De("D3.fontSize"),fontWeight:De("D3.fontWeight"),lineHeight:De("D3.lineHeight"),letterSpacing:De("D3.letterSpacing")},D4:{fontFamily:De("D4.fontFamily"),fontSize:De("D4.fontSize"),fontWeight:De("D4.fontWeight"),lineHeight:De("D4.lineHeight"),letterSpacing:De("D4.letterSpacing")},DBody:{fontFamily:De("DBody.fontFamily"),fontSize:De("DBody.fontSize"),fontWeight:De("DBody.fontWeight"),lineHeight:De("DBody.lineHeight"),letterSpacing:De("DBody.letterSpacing")},H1:{fontFamily:De("H1.fontFamily"),fontSize:De("H1.fontSize"),fontWeight:De("H1.fontWeight"),lineHeight:De("H1.lineHeight"),letterSpacing:De("H1.letterSpacing")},H2:{fontFamily:De("H2.fontFamily"),fontSize:De("H2.fontSize"),fontWeight:De("H2.fontWeight"),lineHeight:De("H2.lineHeight"),letterSpacing:De("H2.letterSpacing")},H3:{fontFamily:De("H3.fontFamily"),fontSize:De("H3.fontSize"),fontWeight:De("H3.fontWeight"),lineHeight:De("H3.lineHeight"),letterSpacing:De("H3.letterSpacing")},H4:{fontFamily:De("H4.fontFamily"),fontSize:De("H4.fontSize"),fontWeight:De("H4.fontWeight"),lineHeight:De("H4.lineHeight"),letterSpacing:De("H4.letterSpacing")},H5:{fontFamily:De("H5.fontFamily"),fontSize:De("H5.fontSize"),fontWeight:De("H5.fontWeight"),lineHeight:De("H5.lineHeight"),letterSpacing:De("H5.letterSpacing")},H6:{fontFamily:De("H6.fontFamily"),fontSize:De("H6.fontSize"),fontWeight:De("H6.fontWeight"),lineHeight:De("H6.lineHeight"),letterSpacing:De("H6.letterSpacing")},Body:{fontFamily:De("Body.fontFamily"),fontSize:De("Body.fontSize"),fontWeight:De("Body.fontWeight"),lineHeight:De("Body.lineHeight"),letterSpacing:De("Body.letterSpacing")},BodySmall:{fontFamily:De("BodySmall.fontFamily"),fontSize:De("BodySmall.fontSize"),fontWeight:De("BodySmall.fontWeight"),lineHeight:De("BodySmall.lineHeight"),letterSpacing:De("BodySmall.letterSpacing")},XSmall:{fontFamily:De("XSmall.fontFamily"),fontSize:De("XSmall.fontSize"),fontWeight:De("XSmall.fontWeight"),lineHeight:De("XSmall.lineHeight"),letterSpacing:De("XSmall.letterSpacing")}},_e=t=>{switch(t){case 700:case"bold":return $e.Bold;case 600:case"semibold":return $e.Semibold;case 300:case"light":return $e.Light;case 400:case"regular":return $e.Regular;default:return""}},Ce=(t,e)=>n=>{const r=we[t].fontFamily(n),a=we[t].fontWeight(n);return Object.values($e).includes(r)?l`
2
+ font-family: ${_e(e)||_e(a)||r};
3
3
  font-weight: normal !important;
4
- `:o`
4
+ `:l`
5
5
  font-family: ${r};
6
- font-weight: ${(ze(e)||a)??"normal"};
7
- `},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""}},xe=(t,e,n=!1)=>r=>{const a=be[t],i=a.fontSize(r);return o`
8
- ${_e(t,e)}
6
+ font-weight: ${(xe(e)||a)??"normal"};
7
+ `},xe=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""}},ze=(t,e,n=!1)=>r=>{const a=we[t],i=a.fontSize(r);return l`
8
+ ${Ce(t,e)}
9
9
  font-size: ${i}rem !important;
10
10
  line-height: ${a.lineHeight}rem !important;
11
11
  letter-spacing: ${a.letterSpacing(r)||0}rem !important;
12
- ${o`
12
+ ${l`
13
13
  margin-bottom: ${i*(n?1.05:0)}rem;
14
14
  `}
15
- `},Ce=(t=!1,e=!1)=>e?o`
15
+ `},Ee=(t=!1,e=!1)=>e?l`
16
16
  display: block;
17
- `:t?o`
17
+ `:t?l`
18
18
  display: inline;
19
- `:o`
19
+ `:l`
20
20
  display: block;
21
- `,Ee=i.svg`
21
+ `,We=o.svg`
22
22
  height: 1rem;
23
23
  width: 1rem;
24
24
  vertical-align: text-top;
25
-
26
- #path {
27
- fill: ${Be.Neutral[8]};
28
- }
29
- `,We=e=>t(Ee,{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",viewBox:"0 0 16 16",...e,children:t("g",{fill:"none",fillRule:"evenodd",children:t("g",{id:"path",fillRule:"nonzero",children:t("g",{children:t("g",{children:t("g",{children:t("path",{d:"M8.706 14.603l6.075-6.075c.294-.29.294-.765 0-1.06L8.706 1.398c-.29-.294-.765-.294-1.06 0l-.693.694c-.3.297-.294.78.013 1.072L10.73 6.75H1.75c-.416 0-.75.334-.75.75v1c0 .416.334.75.75.75h8.981l-3.765 3.587c-.304.291-.31.775-.013 1.072l.694.694c.29.294.765.294 1.06 0z",transform:"translate(-2384.000000, -760.000000) translate(2253.000000, 692.000000) translate(16.000000, 64.000000) translate(115.000000, 4.000000) translate(0.000000, 0.000000)"})})})})})})}),Ae=e=>t(Ee,{width:"1rem",height:"1rem",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg",...e,children:t("path",{id:"path",d:"M20\n\t\t8.639c-.934\n\t\t0-1.742.342-2.43 1.03-.684.684-1.03 1.495-1.03 2.429 0 .931.346 1.742 1.03 2.426.688.688 1.496 1.03 2.43 1.03.931 0 1.742-.342 2.43-1.03.684-.684 1.026-1.495 1.026-2.426 0-.934-.342-1.745-1.026-2.43-.688-.687-1.499-1.03-2.43-1.03m4.61 20.91v-1.976a.959.959 0 0 0-.287-.7.959.959 0 0 0-.7-.286h-.99v-8.232a.954.954 0 0 0-.287-.7.945.945 0 0 0-.7-.29h-5.269a.95.95 0 0 0-.7.29.954.954 0 0 0-.286.7v1.976c0 .271.095.506.286.7a.959.959 0 0 0 .7.287h.99v5.269h-.99a.959.959 0 0 0-.7.286.959.959 0 0 0-.286.7v1.977c0 .274.095.505.286.7a.959.959 0 0 0 .7.286h7.246a.959.959 0 0 0 .7-.287.959.959 0 0 0 .286-.7M20 2.5c3.15 0 6.068.788 8.75 2.365a17.67 17.67 0 0 1 6.385 6.386C36.71 13.933 37.5 16.848 37.5 20c0 3.15-.79 6.068-2.365 8.751a17.71 17.71 0 0 1-6.385 6.385C26.068 36.712 23.15 37.5 20 37.5c-3.153 0-6.068-.788-8.75-2.363a17.71 17.71 0 0 1-6.385-6.385c-1.575-2.683-2.365-5.6-2.365-8.75 0-3.154.79-6.069 2.365-8.751a17.67 17.67 0 0 1 6.385-6.386C13.932 3.288 16.847 2.5 20 2.5",fillRule:"nonzero"})}),Ne=e=>t(Ee,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 64 64",id:"play-icon",...e,children:t("path",{id:"path",d:"M52.762 37.237 20.474 53.38A5.856 5.856 0 0 1 12 48.143V15.856a5.856 5.856 0 0 1 8.474-5.238l32.288 16.144a5.856 5.856 0 0 1 0 10.475z",fillRule:"nonzero"})}),ke=e=>t(Ee,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 32 32",fill:"none",...e,children:t("g",{id:"search",children:t("path",{id:"path",fillRule:"evenodd",clipRule:"evenodd",d:"M7.60986 7.60986C5.86994 9.34977 5 11.445 5 13.8956C5 16.3462 5.86994 18.4414 7.60986 20.1813C9.34977 21.9212 11.445 22.7911 13.8956 22.7911C15.6355 22.7911 17.2345 22.3133 18.6926 21.3576L24.2063 26.8713C24.3044 26.9571 24.4146 27 24.5372 27C24.6597 27 24.77 26.9571 24.868 26.8713L26.8713 24.868C26.9571 24.77 27 24.6597 27 24.5372C27 24.4146 26.9571 24.3044 26.8713 24.2063L21.3576 18.6926C22.3133 17.2345 22.7911 15.6355 22.7911 13.8956C22.7911 11.445 21.9212 9.34977 20.1813 7.60986C18.4414 5.86994 16.3462 5 13.8956 5C11.445 5 9.34977 5.86994 7.60986 7.60986ZM9.59484 18.178C8.4063 16.9894 7.81205 15.562 7.81205 13.8956C7.81205 12.2292 8.4063 10.8017 9.59484 9.61321C10.7834 8.42468 12.2169 7.83042 13.8956 7.83042C15.5742 7.83042 17.0047 8.42162 18.1872 9.60403C19.3696 10.7864 19.9608 12.2169 19.9608 13.8956C19.9608 15.5742 19.3696 17.0047 18.1872 18.1872C17.0047 19.3696 15.5742 19.9608 13.8956 19.9608C12.2169 19.9608 10.7834 19.3665 9.59484 18.178Z"})})}),Oe=i.span`
25
+ color: ${He.Primary};
26
+ `,Ae=e=>t(We,{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",viewBox:"0 0 16 16",...e,children:t("path",{fill:"currentColor",d:"M8.706 14.603l6.075-6.075c.294-.29.294-.765 0-1.06L8.706 1.398c-.29-.294-.765-.294-1.06 0l-.693.694c-.3.297-.294.78.013 1.072L10.73 6.75H1.75c-.416 0-.75.334-.75.75v1c0 .416.334.75.75.75h8.981l-3.765 3.587c-.304.291-.31.775-.013 1.072l.694.694c.29.294.765.294 1.06 0z",transform:"translate(-2384.000000, -760.000000) translate(2253.000000, 692.000000) translate(16.000000, 64.000000) translate(115.000000, 4.000000) translate(0.000000, 0.000000)"})}),Le=e=>t(We,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:t("path",{fill:"currentColor",d:"M23.8785 5.13337C24.0563 4.95554 24.3408 4.95554 24.5186 5.13337L26.8666 7.48184C27.0444 7.65572 27.0444 7.9442 26.8666 8.11808L19.3082 15.6819C19.1304 15.8558 19.1304 16.1442 19.3082 16.3221L26.8666 23.8819C27.0444 24.0558 27.0444 24.3443 26.8666 24.5182L24.5186 26.8666C24.3408 27.0445 24.0563 27.0445 23.8785 26.8666L16.32 19.3068C16.1422 19.129 15.8578 19.129 15.68 19.3068L8.12148 26.8666C7.94368 27.0445 7.65919 27.0445 7.48139 26.8666L5.13335 24.5182C4.95555 24.3443 4.95555 24.0558 5.13335 23.8819L12.6918 16.3221C12.8696 16.1442 12.8696 15.8558 12.6918 15.6819L5.13335 8.11808C4.95555 7.9442 4.95555 7.65572 5.13335 7.48184L7.48139 5.13337C7.65919 4.95554 7.94368 4.95554 8.12148 5.13337L15.68 12.6932C15.8578 12.871 16.1422 12.871 16.32 12.6932L23.8785 5.13337Z"})}),Ne=e=>t(We,{width:"1rem",height:"1rem",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg",...e,children:t("path",{fill:"currentColor",id:"path",d:"M20\n\t\t8.639c-.934\n\t\t0-1.742.342-2.43 1.03-.684.684-1.03 1.495-1.03 2.429 0 .931.346 1.742 1.03 2.426.688.688 1.496 1.03 2.43 1.03.931 0 1.742-.342 2.43-1.03.684-.684 1.026-1.495 1.026-2.426 0-.934-.342-1.745-1.026-2.43-.688-.687-1.499-1.03-2.43-1.03m4.61 20.91v-1.976a.959.959 0 0 0-.287-.7.959.959 0 0 0-.7-.286h-.99v-8.232a.954.954 0 0 0-.287-.7.945.945 0 0 0-.7-.29h-5.269a.95.95 0 0 0-.7.29.954.954 0 0 0-.286.7v1.976c0 .271.095.506.286.7a.959.959 0 0 0 .7.287h.99v5.269h-.99a.959.959 0 0 0-.7.286.959.959 0 0 0-.286.7v1.977c0 .274.095.505.286.7a.959.959 0 0 0 .7.286h7.246a.959.959 0 0 0 .7-.287.959.959 0 0 0 .286-.7M20 2.5c3.15 0 6.068.788 8.75 2.365a17.67 17.67 0 0 1 6.385 6.386C36.71 13.933 37.5 16.848 37.5 20c0 3.15-.79 6.068-2.365 8.751a17.71 17.71 0 0 1-6.385 6.385C26.068 36.712 23.15 37.5 20 37.5c-3.153 0-6.068-.788-8.75-2.363a17.71 17.71 0 0 1-6.385-6.385c-1.575-2.683-2.365-5.6-2.365-8.75 0-3.154.79-6.069 2.365-8.751a17.67 17.67 0 0 1 6.385-6.386C13.932 3.288 16.847 2.5 20 2.5",fillRule:"nonzero"})}),ke=e=>t(We,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 64 64",id:"play-icon",...e,children:t("path",{fill:"currentColor",fillRule:"nonzero",d:"M52.762 37.237 20.474 53.38A5.856 5.856 0 0 1 12 48.143V15.856a5.856 5.856 0 0 1 8.474-5.238l32.288 16.144a5.856 5.856 0 0 1 0 10.475z"})}),Oe=e=>t(We,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 32 32",...e,children:t("path",{id:"path",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd",d:"M7.60986 7.60986C5.86994 9.34977 5 11.445 5 13.8956C5 16.3462 5.86994 18.4414 7.60986 20.1813C9.34977 21.9212 11.445 22.7911 13.8956 22.7911C15.6355 22.7911 17.2345 22.3133 18.6926 21.3576L24.2063 26.8713C24.3044 26.9571 24.4146 27 24.5372 27C24.6597 27 24.77 26.9571 24.868 26.8713L26.8713 24.868C26.9571 24.77 27 24.6597 27 24.5372C27 24.4146 26.9571 24.3044 26.8713 24.2063L21.3576 18.6926C22.3133 17.2345 22.7911 15.6355 22.7911 13.8956C22.7911 11.445 21.9212 9.34977 20.1813 7.60986C18.4414 5.86994 16.3462 5 13.8956 5C11.445 5 9.34977 5.86994 7.60986 7.60986ZM9.59484 18.178C8.4063 16.9894 7.81205 15.562 7.81205 13.8956C7.81205 12.2292 8.4063 10.8017 9.59484 9.61321C10.7834 8.42468 12.2169 7.83042 13.8956 7.83042C15.5742 7.83042 17.0047 8.42162 18.1872 9.60403C19.3696 10.7864 19.9608 12.2169 19.9608 13.8956C19.9608 15.5742 19.3696 17.0047 18.1872 18.1872C17.0047 19.3696 15.5742 19.9608 13.8956 19.9608C12.2169 19.9608 10.7834 19.3665 9.59484 18.178Z"})}),je=o.span`
30
27
  font-size: 1rem;
31
- `;var je;!function(t){t.D1=i.h1`
32
- ${t=>o`
33
- ${xe("D1",t.weight,t.paragraph)}
34
- color: ${Be.Neutral[1]};
35
- ${Ce(t.inline,t.paragraph)}
28
+ `;var Re;!function(t){t.D1=o.h1`
29
+ ${t=>l`
30
+ ${ze("D1",t.weight,t.paragraph)}
31
+ color: ${He.Neutral[1]};
32
+ ${Ee(t.inline,t.paragraph)}
36
33
  `}
37
- `,t.D2=i.h1`
38
- ${t=>o`
39
- ${xe("D2",t.weight,t.paragraph)}
40
- color: ${Be.Neutral[1]};
41
- ${Ce(t.inline,t.paragraph)}
34
+ `,t.D2=o.h1`
35
+ ${t=>l`
36
+ ${ze("D2",t.weight,t.paragraph)}
37
+ color: ${He.Neutral[1]};
38
+ ${Ee(t.inline,t.paragraph)}
42
39
  `}
43
- `,t.D3=i.h1`
44
- ${t=>o`
45
- ${xe("D3",t.weight,t.paragraph)}
46
- color: ${Be.Neutral[1]};
47
- ${Ce(t.inline,t.paragraph)}
40
+ `,t.D3=o.h1`
41
+ ${t=>l`
42
+ ${ze("D3",t.weight,t.paragraph)}
43
+ color: ${He.Neutral[1]};
44
+ ${Ee(t.inline,t.paragraph)}
48
45
  `}
49
- `,t.D4=i.h1`
50
- ${t=>o`
51
- ${xe("D4",t.weight,t.paragraph)}
52
- color: ${Be.Neutral[1]};
53
- ${Ce(t.inline,t.paragraph)}
46
+ `,t.D4=o.h1`
47
+ ${t=>l`
48
+ ${ze("D4",t.weight,t.paragraph)}
49
+ color: ${He.Neutral[1]};
50
+ ${Ee(t.inline,t.paragraph)}
54
51
  `}
55
- `,t.DBody=i.h1`
56
- ${t=>o`
57
- ${xe("DBody",t.weight,t.paragraph)}
58
- color: ${Be.Neutral[1]};
59
- ${Ce(t.inline,t.paragraph)}
52
+ `,t.DBody=o.h1`
53
+ ${t=>l`
54
+ ${ze("DBody",t.weight,t.paragraph)}
55
+ color: ${He.Neutral[1]};
56
+ ${Ee(t.inline,t.paragraph)}
60
57
  `}
61
- `,t.H1=i.h1`
62
- ${t=>o`
63
- ${xe("H1",t.weight,t.paragraph)}
64
- color: ${Be.Neutral[1]};
65
- ${Ce(t.inline,t.paragraph)}
58
+ `,t.H1=o.h1`
59
+ ${t=>l`
60
+ ${ze("H1",t.weight,t.paragraph)}
61
+ color: ${He.Neutral[1]};
62
+ ${Ee(t.inline,t.paragraph)}
66
63
  `}
67
- `,t.H2=i.h2`
68
- ${t=>o`
69
- ${xe("H2",t.weight,t.paragraph)}
70
- color: ${Be.Neutral[1]};
71
- ${Ce(t.inline,t.paragraph)}
64
+ `,t.H2=o.h2`
65
+ ${t=>l`
66
+ ${ze("H2",t.weight,t.paragraph)}
67
+ color: ${He.Neutral[1]};
68
+ ${Ee(t.inline,t.paragraph)}
72
69
  `}
73
- `,t.H3=i.h3`
74
- ${t=>o`
75
- ${xe("H3",t.weight,t.paragraph)}
76
- color: ${Be.Neutral[1]};
77
- ${Ce(t.inline,t.paragraph)}
70
+ `,t.H3=o.h3`
71
+ ${t=>l`
72
+ ${ze("H3",t.weight,t.paragraph)}
73
+ color: ${He.Neutral[1]};
74
+ ${Ee(t.inline,t.paragraph)}
78
75
  `}
79
- `,t.H4=i.h4`
80
- ${t=>o`
81
- ${xe("H4",t.weight,t.paragraph)}
82
- color: ${Be.Neutral[1]};
83
- ${Ce(t.inline,t.paragraph)}
76
+ `,t.H4=o.h4`
77
+ ${t=>l`
78
+ ${ze("H4",t.weight,t.paragraph)}
79
+ color: ${He.Neutral[1]};
80
+ ${Ee(t.inline,t.paragraph)}
84
81
  `}
85
- `,t.H5=i.h5`
86
- ${t=>o`
87
- ${xe("H5",t.weight,t.paragraph)}
88
- color: ${Be.Neutral[1]};
89
- ${Ce(t.inline,t.paragraph)}
82
+ `,t.H5=o.h5`
83
+ ${t=>l`
84
+ ${ze("H5",t.weight,t.paragraph)}
85
+ color: ${He.Neutral[1]};
86
+ ${Ee(t.inline,t.paragraph)}
90
87
  `}
91
- `,t.H6=i.h6`
92
- ${t=>o`
93
- ${xe("H6",t.weight,t.paragraph)}
94
- color: ${Be.Neutral[1]};
95
- ${Ce(t.inline,t.paragraph)}
88
+ `,t.H6=o.h6`
89
+ ${t=>l`
90
+ ${ze("H6",t.weight,t.paragraph)}
91
+ color: ${He.Neutral[1]};
92
+ ${Ee(t.inline,t.paragraph)}
96
93
  `}
97
- `,t.Body=i.p`
98
- ${t=>o`
99
- ${xe("Body",t.weight,t.paragraph)}
100
- color: ${Be.Neutral[1]};
101
- ${Ce(t.inline,t.paragraph)}
94
+ `,t.Body=o.p`
95
+ ${t=>l`
96
+ ${ze("Body",t.weight,t.paragraph)}
97
+ color: ${He.Neutral[1]};
98
+ ${Ee(t.inline,t.paragraph)}
102
99
  `}
103
- `,t.BodySmall=i.p`
104
- ${t=>o`
105
- ${xe("BodySmall",t.weight,t.paragraph)}
106
- color: ${Be.Neutral[1]};
107
- ${Ce(t.inline,t.paragraph)}
100
+ `,t.BodySmall=o.p`
101
+ ${t=>l`
102
+ ${ze("BodySmall",t.weight,t.paragraph)}
103
+ color: ${He.Neutral[1]};
104
+ ${Ee(t.inline,t.paragraph)}
108
105
  `}
109
- `,t.XSmall=i.span`
110
- ${t=>o`
111
- ${xe("XSmall",t.weight,t.paragraph)}
112
- color: ${Be.Neutral[1]};
113
- ${Ce(t.inline,t.paragraph)}
106
+ `,t.XSmall=o.span`
107
+ ${t=>l`
108
+ ${ze("XSmall",t.weight,t.paragraph)}
109
+ color: ${He.Neutral[1]};
110
+ ${Ee(t.inline,t.paragraph)}
114
111
  `}
115
- `,t.Hyperlink={Default:t=>Ve({...t,textStyle:"Body"}),Small:t=>Ve({...t,textStyle:"BodySmall"})}}(je||(je={}));const Le=i.a`
116
- ${t=>o`
117
- ${xe(t.textStyle,t.weight)}
118
- color: ${Be.Primary};
112
+ `,t.Hyperlink={Default:t=>Pe({...t,textStyle:"Body"}),Small:t=>Pe({...t,textStyle:"BodySmall"})}}(Re||(Re={}));const Ve=o.a`
113
+ ${t=>l`
114
+ ${ze(t.textStyle,t.weight)}
115
+ color: ${He.Primary};
119
116
  text-decoration: none;
120
117
 
121
118
  :hover,
122
119
  :active,
123
120
  :focus {
124
- color: ${Be.Secondary};
121
+ color: ${He.Secondary};
125
122
  }
126
123
  `}
127
- `,Re=i((({type:e,...n})=>{switch(e){case"arrow-right":return t(We,{...n});case"info":return t(Ae,{...n});case"search":return t(ke,{...n});case"play-alt":return t(Ne,{...n});default:{const r=`sgds-icon sgds-icon-${e}`,a=n.className?`${r} ${n.className}`:r;return t(Oe,{...n,className:a})}}}))`
124
+ `,Te=o((({type:e,...n})=>{switch(e){case"arrow-right":return t(Ae,{...n});case"info":return t(Ne,{...n});case"cross":return t(Le,{...n});case"play":return t(ke,{...n});case"search":return t(Oe,{...n});default:{const r=`sgds-icon sgds-icon-${e}`,a=n.className?`${r} ${n.className}`:r;return t(je,{...n,className:a})}}}))`
128
125
  margin-left: 0.4rem;
129
- `,Ve=({external:n=!1,children:r,...a})=>e(Le,{...a,children:[r,n&&t(Re,{type:"external"})]});var Te;!function(t){t[t.Subpage=0]="Subpage",t[t.Domain=1]="Domain"}(Te||(Te={}));const Pe=i(je.H6)`
126
+ `,Pe=({external:n=!1,children:r,...a})=>e(Ve,{...a,children:[r,n&&t(Te,{type:"external"})]});var Ie;!function(t){t[t.Subpage=0]="Subpage",t[t.Domain=1]="Domain"}(Ie||(Ie={}));const Xe=o(Re.H6)`
130
127
  text-align: right;
131
128
 
132
- ${t=>{if(t.disabled)return o`
133
- color: ${Be.Neutral[4](t)};
129
+ ${t=>{if(t.disabled)return l`
130
+ color: ${He.Neutral[4](t)};
134
131
  `}}
135
- `,Ie=({value:e,maxLength:n,disabled:i})=>{const[o,l]=r("");a((()=>{l(c(`${e||""}`))}),[e,n]);const c=t=>{const e=n-t.toString().length;return e<=1?`${e} character left`:`${e.toLocaleString()} characters left`};return t(Pe,{"data-testid":"counter-label",weight:"semibold",disabled:i,children:o})},Xe="all 300ms cubic-bezier(0.21, 0.79, 0.53, 1)",Ge=i.div`
132
+ `,Ge=({value:e,maxLength:o,disabled:l,renderCustomCounter:c})=>{const[h,g]=a("");i((()=>{g(d(`${e||""}`))}),[e,o]);const d=t=>{if(c)return c(o,t.toString().length);{const e=o-t.toString().length;return e<=1?`${e} character left`:`${e.toLocaleString()} characters left`}};return t(n,{children:r.isValidElement(h)?h:t(Xe,{"data-testid":"counter-label",weight:"semibold",disabled:l,children:h})})},Me="all 300ms cubic-bezier(0.21, 0.79, 0.53, 1)",Ze=o.div`
136
133
  display: flex;
137
134
  flex-direction: column;
138
- `,Me=i.textarea`
139
- border: 1px solid ${Be.Neutral[5]};
135
+ `,Ue=o.textarea`
136
+ border: 1px solid ${He.Neutral[5]};
140
137
  border-radius: 4px;
141
138
  display: block;
142
139
  padding: 0.75rem 1rem;
143
140
  width: 100%;
144
- transition: ${Xe};
141
+ transition: ${Me};
145
142
 
146
- ${xe("Body","regular")}
147
- color: ${Be.Neutral[1]};
148
- background: ${Be.Neutral[8]};
143
+ ${ze("Body","regular")}
144
+ color: ${He.Neutral[1]};
145
+ background: ${He.Neutral[8]};
149
146
 
150
147
  :focus,
151
148
  :active {
152
149
  outline: none;
153
- border: 1px solid ${Be.Accent.Light[1]};
150
+ border: 1px solid ${He.Accent.Light[1]};
154
151
  box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
155
152
  }
156
153
 
157
154
  ::placeholder,
158
155
  ::-webkit-input-placeholder {
159
- color: ${Be.Neutral[34]};
156
+ color: ${He.Neutral[4]};
160
157
  }
161
158
 
162
- ${t=>t.disabled?o`
163
- background: ${Be.Neutral[6](t)};
159
+ ${t=>t.readOnly?l`
160
+ border: none;
161
+ padding-left: 0rem;
162
+ background: transparent !important;
163
+
164
+ :focus,
165
+ :active {
166
+ border: none;
167
+ box-shadow: none;
168
+ }
169
+ `:t.disabled?l`
170
+ background: ${He.Neutral[6](t)};
164
171
  cursor: not-allowed;
165
172
 
166
173
  :focus,
167
174
  :active {
168
175
  outline: none;
169
- border: 1px solid ${Be.Neutral[5](t)};
176
+ border: 1px solid ${He.Neutral[5](t)};
170
177
  box-shadow: none;
171
178
  }
172
- `:t.error?o`
173
- border: 1px solid ${Be.Validation.Red.Border(t)};
179
+ `:t.error?l`
180
+ border: 1px solid ${He.Validation.Red.Border(t)};
174
181
 
175
182
  :focus,
176
183
  :active {
177
- border: 1px solid ${Be.Validation.Red.Border(t)};
184
+ border: 1px solid ${He.Validation.Red.Border(t)};
178
185
  box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
179
186
  }
180
187
  `:void 0}
181
- `;n.forwardRef((({value:e,disabled:n,error:r,rows:a=5,...i},o)=>t(Me,{ref:o,disabled:n,value:e,error:r,rows:a,...i})));const Ze=n.forwardRef((({value:n,disabled:i,rows:o=5,onChange:l,...c},h)=>{const[g,d]=r(n);a((()=>{d(n)}),[n]);return e(Ge,{children:[t(Me,{ref:h,disabled:i,value:g,rows:o||5,onChange:t=>{const e=t.target.value;c.maxLength&&e.length>c.maxLength||(d(e),t.target.value=e,l&&l(t))},...c}),c.maxLength&&t(Ie,{disabled:i,value:g,maxLength:c.maxLength})]})}));export{Ze as Textarea};
188
+ `;r.forwardRef((({value:e,disabled:n,error:r,rows:a=5,...i},o)=>t(Ue,{ref:o,disabled:n,value:e,error:r,rows:a,...i})));const qe=r.forwardRef((({value:n,disabled:r,rows:o=5,onChange:l,...c},h)=>{const[g,d]=a(n);i((()=>{d(n)}),[n]);return e(Ze,{children:[t(Ue,{ref:h,disabled:r,value:g,rows:o||5,onChange:t=>{const e=t.target.value;c.maxLength&&e.length>c.maxLength||(d(e),t.target.value=e,l&&l(t))},...c}),c.maxLength&&t(Ge,{disabled:r,value:g,maxLength:c.maxLength,renderCustomCounter:c.renderCustomCounter})]})}));export{qe as Textarea};
182
189
  //# sourceMappingURL=index.js.map