@lifesg/react-design-system 1.0.0-alpha.2 → 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 (253) hide show
  1. package/README.md +2 -0
  2. package/accordion/accordion-item.style.d.ts +5 -2
  3. package/accordion/accordion.style.d.ts +1 -1
  4. package/accordion/index.js +165 -172
  5. package/accordion/index.js.map +1 -1
  6. package/alert/alert.style.d.ts +4 -1
  7. package/alert/index.js +107 -119
  8. package/alert/index.js.map +1 -1
  9. package/animations/index.js +1 -1
  10. package/animations/index.js.map +1 -1
  11. package/box-container/box-container.styles.d.ts +8 -1
  12. package/box-container/index.js +69 -74
  13. package/box-container/index.js.map +1 -1
  14. package/breadcrumb/breadcrumb.style.d.ts +4 -4
  15. package/breadcrumb/index.js +102 -106
  16. package/breadcrumb/index.js.map +1 -1
  17. package/breadcrumb/types.d.ts +5 -1
  18. package/button/button.d.ts +2 -2
  19. package/button/index.js +140 -143
  20. package/button/index.js.map +1 -1
  21. package/card/card.d.ts +3 -0
  22. package/card/card.style.d.ts +1 -0
  23. package/card/index.d.ts +1 -0
  24. package/card/index.js +132 -0
  25. package/card/index.js.map +1 -0
  26. package/{icon → card}/package.json +1 -1
  27. package/card/types.d.ts +4 -0
  28. package/checkbox/checkbox.d.ts +1 -1
  29. package/checkbox/checkbox.style.d.ts +4 -1
  30. package/checkbox/index.js +11 -21
  31. package/checkbox/index.js.map +1 -1
  32. package/cjs/index.js +1999 -1021
  33. package/cjs/index.js.map +1 -1
  34. package/color/color.d.ts +4 -59
  35. package/color/index.js +1 -1
  36. package/color/index.js.map +1 -1
  37. package/color/types.d.ts +5 -1
  38. package/date-input/date-input.d.ts +1 -1
  39. package/date-input/date-input.style.d.ts +2 -6
  40. package/date-input/index.js +121 -136
  41. package/date-input/index.js.map +1 -1
  42. package/date-input/types.d.ts +14 -16
  43. package/design-token/design-token.d.ts +4 -0
  44. package/design-token/index.d.ts +2 -0
  45. package/design-token/index.js +6 -0
  46. package/design-token/index.js.map +1 -0
  47. package/design-token/package.json +7 -0
  48. package/design-token/types.d.ts +7 -0
  49. package/error-display/error-display-data.d.ts +11 -0
  50. package/error-display/error-display.d.ts +3 -0
  51. package/error-display/error-display.style.d.ts +7 -0
  52. package/error-display/index.d.ts +2 -0
  53. package/error-display/index.js +322 -0
  54. package/error-display/index.js.map +1 -0
  55. package/error-display/package.json +7 -0
  56. package/error-display/types.d.ts +20 -0
  57. package/feedback-rating/feedback-rating-data.d.ts +5 -0
  58. package/feedback-rating/feedback-rating-stars-container-data.d.ts +3 -0
  59. package/feedback-rating/feedback-rating-stars-container.d.ts +3 -0
  60. package/feedback-rating/feedback-rating-stars-container.styles.d.ts +12 -0
  61. package/feedback-rating/feedback-rating.d.ts +3 -0
  62. package/feedback-rating/feedback-rating.styles.d.ts +5 -0
  63. package/feedback-rating/index.d.ts +2 -0
  64. package/feedback-rating/index.js +329 -0
  65. package/feedback-rating/index.js.map +1 -0
  66. package/feedback-rating/package.json +7 -0
  67. package/feedback-rating/types.d.ts +14 -0
  68. package/footer/footer-download-app.d.ts +2 -0
  69. package/footer/footer-download-app.style.d.ts +6 -0
  70. package/footer/footer-helper.d.ts +12 -0
  71. package/footer/footer.d.ts +3 -0
  72. package/footer/footer.style.d.ts +12 -0
  73. package/footer/index.d.ts +2 -0
  74. package/footer/index.js +373 -0
  75. package/footer/index.js.map +1 -0
  76. package/footer/package.json +7 -0
  77. package/footer/types.d.ts +31 -0
  78. package/form/form-custom-field.d.ts +3 -0
  79. package/form/form-input-group.d.ts +1 -1
  80. package/form/form-input.d.ts +1 -1
  81. package/form/form-label-addon.d.ts +1 -2
  82. package/form/form-label.d.ts +1 -1
  83. package/form/form-label.style.d.ts +1 -0
  84. package/form/form-phone-number-input.d.ts +3 -0
  85. package/form/form-textarea.d.ts +1 -1
  86. package/form/form-unit-number-input.d.ts +3 -0
  87. package/form/index.d.ts +9 -6
  88. package/form/index.js +774 -629
  89. package/form/index.js.map +1 -1
  90. package/form/types.d.ts +14 -5
  91. package/icon-button/icon-button.d.ts +1 -1
  92. package/icon-button/icon-button.style.d.ts +6 -1
  93. package/icon-button/index.js +9 -15
  94. package/icon-button/index.js.map +1 -1
  95. package/icon-button/types.d.ts +2 -3
  96. package/index.d.ts +11 -1
  97. package/index.js +1997 -1019
  98. package/index.js.map +1 -1
  99. package/input/index.js +84 -41
  100. package/input/index.js.map +1 -1
  101. package/input/input.d.ts +1 -1
  102. package/input/input.style.d.ts +9 -0
  103. package/input/types.d.ts +2 -0
  104. package/input-group/index.js +392 -312
  105. package/input-group/index.js.map +1 -1
  106. package/input-group/input-group-list-addon.d.ts +1 -1
  107. package/input-group/input-group-list-addon.style.d.ts +4 -1
  108. package/input-group/input-group.d.ts +1 -1
  109. package/input-group/input-group.style.d.ts +1 -2
  110. package/input-group/types.d.ts +8 -8
  111. package/input-select/index.js +278 -242
  112. package/input-select/index.js.map +1 -1
  113. package/input-select/input-select-wrapper.d.ts +1 -1
  114. package/input-select/input-select.d.ts +1 -1
  115. package/input-select/input-select.styles.d.ts +5 -1
  116. package/input-select/types.d.ts +15 -11
  117. package/input-textarea/index.js +132 -121
  118. package/input-textarea/index.js.map +1 -1
  119. package/input-textarea/textarea-counter.d.ts +2 -1
  120. package/input-textarea/textarea.d.ts +2 -2
  121. package/input-textarea/types.d.ts +1 -0
  122. package/layout/container.d.ts +3 -0
  123. package/layout/content.d.ts +3 -0
  124. package/layout/index.d.ts +7 -0
  125. package/layout/index.js +55 -0
  126. package/layout/index.js.map +1 -0
  127. package/layout/package.json +7 -0
  128. package/layout/section.d.ts +3 -0
  129. package/layout/types.d.ts +15 -0
  130. package/link-list/index.js +130 -130
  131. package/link-list/index.js.map +1 -1
  132. package/link-list/link-list.styles.d.ts +12 -2
  133. package/link-list/types.d.ts +1 -1
  134. package/masonry/index.js.map +1 -1
  135. package/masonry/masonry.d.ts +2 -2
  136. package/masthead/index.d.ts +1 -0
  137. package/masthead/index.js +9 -0
  138. package/masthead/index.js.map +1 -0
  139. package/masthead/masthead.d.ts +2 -0
  140. package/masthead/masthead.style.d.ts +1 -0
  141. package/masthead/package.json +7 -0
  142. package/media/index.js +1 -1
  143. package/media/index.js.map +1 -1
  144. package/media/media.d.ts +2 -1
  145. package/modal/index.d.ts +1 -1
  146. package/modal/index.js +30 -43
  147. package/modal/index.js.map +1 -1
  148. package/modal/modal-box.styles.d.ts +5 -2
  149. package/modal/modal.d.ts +1 -1
  150. package/modal/modal.styles.d.ts +1 -0
  151. package/modal/types.d.ts +4 -2
  152. package/navbar/brand.d.ts +10 -0
  153. package/navbar/brand.styles.d.ts +5 -0
  154. package/navbar/drawer.d.ts +3 -0
  155. package/navbar/drawer.styles.d.ts +15 -0
  156. package/navbar/index.d.ts +7 -0
  157. package/navbar/index.js +651 -0
  158. package/navbar/index.js.map +1 -0
  159. package/navbar/navbar-action-buttons.d.ts +10 -0
  160. package/navbar/navbar-action-buttons.styles.d.ts +9 -0
  161. package/navbar/navbar-items.d.ts +11 -0
  162. package/navbar/navbar-items.styles.d.ts +10 -0
  163. package/navbar/navbar.d.ts +3 -0
  164. package/navbar/navbar.styles.d.ts +19 -0
  165. package/navbar/package.json +7 -0
  166. package/navbar/types.d.ts +56 -0
  167. package/notification-banner/index.d.ts +3 -0
  168. package/notification-banner/index.js +266 -0
  169. package/notification-banner/index.js.map +1 -0
  170. package/notification-banner/notification-banner-hoc.d.ts +3 -0
  171. package/notification-banner/notification-banner.d.ts +6 -0
  172. package/notification-banner/notification-banner.styles.d.ts +15 -0
  173. package/notification-banner/package.json +7 -0
  174. package/notification-banner/types.d.ts +22 -0
  175. package/overlay/index.js +1 -1
  176. package/overlay/index.js.map +1 -1
  177. package/overlay/types.d.ts +1 -1
  178. package/package.json +4 -1
  179. package/phone-number-input/data/country-code.d.ts +1 -0
  180. package/phone-number-input/index.d.ts +1 -0
  181. package/phone-number-input/index.js +850 -0
  182. package/phone-number-input/index.js.map +1 -0
  183. package/phone-number-input/package.json +7 -0
  184. package/phone-number-input/phone-number-input-helper.d.ts +5 -0
  185. package/phone-number-input/phone-number-input.d.ts +3 -0
  186. package/phone-number-input/phone-number-input.styles.d.ts +1 -0
  187. package/phone-number-input/types.d.ts +42 -0
  188. package/popover/index.js +148 -153
  189. package/popover/index.js.map +1 -1
  190. package/popover/popover.styles.d.ts +1 -1
  191. package/popover/types.d.ts +3 -3
  192. package/progress-indicator/index.d.ts +2 -0
  193. package/progress-indicator/index.js +240 -0
  194. package/progress-indicator/index.js.map +1 -0
  195. package/progress-indicator/package.json +7 -0
  196. package/progress-indicator/progress-indicator.d.ts +3 -0
  197. package/progress-indicator/progress-indicator.style.d.ts +19 -0
  198. package/progress-indicator/types.d.ts +9 -0
  199. package/radio-button/index.js +7 -7
  200. package/radio-button/index.js.map +1 -1
  201. package/shared/dropdown-list/dropdown-list.d.ts +1 -1
  202. package/shared/dropdown-list/dropdown-list.styles.d.ts +6 -2
  203. package/shared/dropdown-list/dropdown-search.d.ts +2 -1
  204. package/shared/dropdown-list/dropdown-search.styles.d.ts +9 -1
  205. package/shared/dropdown-list/types.d.ts +21 -12
  206. package/smart-app-banner/index.d.ts +2 -0
  207. package/smart-app-banner/index.js +373 -0
  208. package/smart-app-banner/index.js.map +1 -0
  209. package/smart-app-banner/package.json +7 -0
  210. package/smart-app-banner/smart-app-banner.d.ts +3 -0
  211. package/smart-app-banner/smart-app-banner.styles.d.ts +31 -0
  212. package/smart-app-banner/types.d.ts +18 -0
  213. package/spec/design-token-spec/base-design-token-set.d.ts +2 -0
  214. package/text/index.js +62 -65
  215. package/text/index.js.map +1 -1
  216. package/text/text-style.d.ts +4 -100
  217. package/text-list/index.js +7 -7
  218. package/text-list/index.js.map +1 -1
  219. package/theme/design-token-helper.d.ts +2 -0
  220. package/theme/index.js +1 -1
  221. package/theme/index.js.map +1 -1
  222. package/theme/types.d.ts +12 -3
  223. package/timeline/index.js +95 -98
  224. package/timeline/index.js.map +1 -1
  225. package/timepicker/index.js +213 -207
  226. package/timepicker/index.js.map +1 -1
  227. package/timepicker/timepicker-dropdown.styles.d.ts +2 -2
  228. package/timepicker/types.d.ts +3 -3
  229. package/toggle-button/index.js +118 -121
  230. package/toggle-button/index.js.map +1 -1
  231. package/tooltip/index.js +127 -125
  232. package/tooltip/index.js.map +1 -1
  233. package/tooltip/tooltip.styles.d.ts +3 -1
  234. package/unit-number/index.d.ts +2 -0
  235. package/unit-number/index.js +403 -0
  236. package/unit-number/index.js.map +1 -0
  237. package/unit-number/package.json +7 -0
  238. package/unit-number/types.d.ts +27 -0
  239. package/unit-number/unit-number-input.d.ts +3 -0
  240. package/unit-number/unit-number-input.style.d.ts +16 -0
  241. package/util/date-helper.d.ts +19 -0
  242. package/util/index.d.ts +2 -0
  243. package/util/utility-types.d.ts +3 -0
  244. package/icon/arrow-right-icon.d.ts +0 -3
  245. package/icon/icon.d.ts +0 -3
  246. package/icon/index.d.ts +0 -2
  247. package/icon/index.js +0 -12
  248. package/icon/index.js.map +0 -1
  249. package/icon/info-icon.d.ts +0 -3
  250. package/icon/play-alt-icon.d.ts +0 -3
  251. package/icon/search-icon.d.ts +0 -3
  252. package/icon/shared.style.d.ts +0 -1
  253. package/icon/types.d.ts +0 -9
@@ -6,8 +6,8 @@ export declare const ControlSection: import("styled-components").StyledComponent
6
6
  export declare const HourMinuteSection: import("styled-components").StyledComponent<"div", any, {}, never>;
7
7
  export declare const TimePeriodSection: import("styled-components").StyledComponent<"div", any, {}, never>;
8
8
  export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
9
- export declare const SwitchButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
9
+ export declare const SwitchButton: import("styled-components").StyledComponent<(props: import("../icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, any, {}, never>;
10
10
  export declare const DividerLabel: import("styled-components").StyledComponent<"p", any, import("../text").TextProps, never>;
11
11
  export declare const TimeInput: import("styled-components").StyledComponent<"input", any, {}, never>;
12
12
  export declare const TimePeriodToggle: import("styled-components").StyledComponent<({ disabled, checked, onChange, type, children, className, ...otherProps }: import("../toggle-button").ToggleButtonProps) => JSX.Element, any, {}, never>;
13
- export declare const ControlButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
13
+ export declare const ControlButton: import("styled-components").StyledComponent<(props: import("../button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, any, {}, never>;
@@ -13,7 +13,7 @@ export interface TimepickerProps extends React.AriaAttributes {
13
13
  format?: TimepickerFormat | undefined;
14
14
  disabled?: boolean | undefined;
15
15
  error?: boolean | undefined;
16
- onChange?: (value: string) => void | undefined;
17
- onBlur?: () => void | undefined;
18
- onSelectionCancel?: () => void | undefined;
16
+ onChange?: ((value: string) => void) | undefined;
17
+ onBlur?: (() => void) | undefined;
18
+ onSelectionCancel?: (() => void) | undefined;
19
19
  }
@@ -1,132 +1,129 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as n,useRef as r,useEffect as i,useCallback as a}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,f=g||d||Function("return this")(),u=f.Symbol,p=u,s=Object.prototype,y=s.hasOwnProperty,m=s.toString,F=p?p.toStringTag:void 0;var S=function(e){var t=y.call(e,F),n=e[F];try{e[F]=void 0;var r=!0}catch(e){}var i=m.call(e);return r&&(t?e[F]=n:delete e[F]),i},v=Object.prototype.toString;var B=S,$=function(e){return v.call(e)},H=u?u.toStringTag:void 0;var b=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":H&&H in Object(e)?B(e):$(e)};var D=b,w=function(e){return null!=e&&"object"==typeof e};var _=function(e){return"symbol"==typeof e||w(e)&&"[object Symbol]"==D(e)},z=h,x=_,C=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,k=/^\w*$/;var E=function(e,t){if(z(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!x(e))||(k.test(e)||!C.test(e)||null!=t&&e in Object(t))};var N=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},W=b,A=N;var O,j=function(e){if(!A(e))return!1;var t=W(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},R=f["__core-js_shared__"],V=(O=/[^.]+$/.exec(R&&R.keys&&R.keys.IE_PROTO||""))?"Symbol(src)_1."+O:"";var L=function(e){return!!V&&V in e},P=Function.prototype.toString;var T=j,I=L,X=N,G=function(e){if(null!=e){try{return P.call(e)}catch(e){}try{return e+""}catch(e){}}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(e){return!(!X(e)||I(e))&&(T(e)?K:M).test(G(e))},Y=function(e,t){return null==e?void 0:e[t]};var ee=function(e,t){var n=Y(e,t);return Q(n)?n:void 0},te=ee(Object,"create"),ne=te;var re=function(){this.__data__=ne?ne(null):{},this.size=0};var ie=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},ae=te,oe=Object.prototype.hasOwnProperty;var le=function(e){var t=this.__data__;if(ae){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return oe.call(t,e)?t[e]:void 0},ce=te,he=Object.prototype.hasOwnProperty;var ge=te;var de=re,fe=ie,ue=le,pe=function(e){var t=this.__data__;return ce?void 0!==t[e]:he.call(t,e)},se=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=ge&&void 0===t?"__lodash_hash_undefined__":t,this};function ye(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}ye.prototype.clear=de,ye.prototype.delete=fe,ye.prototype.get=ue,ye.prototype.has=pe,ye.prototype.set=se;var me=ye;var Fe=function(){this.__data__=[],this.size=0};var Se=function(e,t){return e===t||e!=e&&t!=t};var ve=function(e,t){for(var n=e.length;n--;)if(Se(e[n][0],t))return n;return-1},Be=ve,$e=Array.prototype.splice;var He=ve;var be=ve;var De=ve;var we=Fe,_e=function(e){var t=this.__data__,n=Be(t,e);return!(n<0)&&(n==t.length-1?t.pop():$e.call(t,n,1),--this.size,!0)},ze=function(e){var t=this.__data__,n=He(t,e);return n<0?void 0:t[n][1]},xe=function(e){return be(this.__data__,e)>-1},Ce=function(e,t){var n=this.__data__,r=De(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this};function ke(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}ke.prototype.clear=we,ke.prototype.delete=_e,ke.prototype.get=ze,ke.prototype.has=xe,ke.prototype.set=Ce;var Ee=ke,Ne=ee(f,"Map"),We=me,Ae=Ee,Oe=Ne;var je=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Re=function(e,t){var n=e.__data__;return je(t)?n["string"==typeof t?"string":"hash"]:n.map},Ve=Re;var Le=Re;var Pe=Re;var Te=Re;var Ie=function(){this.size=0,this.__data__={hash:new We,map:new(Oe||Ae),string:new We}},Xe=function(e){var t=Ve(this,e).delete(e);return this.size-=t?1:0,t},Ge=function(e){return Le(this,e).get(e)},Me=function(e){return Pe(this,e).has(e)},Ze=function(e,t){var n=Te(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this};function Ue(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}Ue.prototype.clear=Ie,Ue.prototype.delete=Xe,Ue.prototype.get=Ge,Ue.prototype.has=Me,Ue.prototype.set=Ze;var qe=Ue;function Je(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function(){var r=arguments,i=t?t.apply(this,r):r[0],a=n.cache;if(a.has(i))return a.get(i);var o=e.apply(this,r);return n.cache=a.set(i,o)||a,o};return n.cache=new(Je.Cache||qe),n}Je.Cache=qe;var Ke=Je;var Qe=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Ye=/\\(\\)?/g,et=function(e){var t=Ke(e,(function(e){return 500===n.size&&n.clear(),e})),n=t.cache;return t}((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(Qe,(function(e,n,r,i){t.push(r?i.replace(Ye,"$1"):n||e)})),t}));var tt=function(e,t){for(var n=-1,r=null==e?0:e.length,i=Array(r);++n<r;)i[n]=t(e[n],n,e);return i},nt=h,rt=_,it=u?u.prototype:void 0,at=it?it.toString:void 0;var ot=function e(t){if("string"==typeof t)return t;if(nt(t))return tt(t,e)+"";if(rt(t))return at?at.call(t):"";var n=t+"";return"0"==n&&1/t==-Infinity?"-0":n},lt=ot;var ct=h,ht=E,gt=et,dt=function(e){return null==e?"":lt(e)};var ft=_;var ut=function(e,t){return ct(e)?e:ht(e,t)?[e]:gt(dt(e))},pt=function(e){if("string"==typeof e||ft(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t};var st=function(e,t){for(var n=0,r=(t=ut(t,e)).length;null!=e&&n<r;)e=e[pt(t[n++])];return n&&n==r?e:void 0};var yt=function(e,t,n){var r=null==e?void 0:st(e,t);return void 0===r?n:r};const mt=(e,t,n)=>t?yt(n,t)||yt(e,t):n||e,Ft=(e,t)=>{const n=t||e.defaultValue;return yt(e.collections,n)};var St;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme"}(St||(St={}));const vt={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"},Bt=e=>t=>{const n=t.theme,r=Ft(vt,n[St.colorScheme]);return n.options&&n.options.color?mt(r,e,n.options.color):mt(r,e)},$t={Brand:{1:Bt("Brand.1"),2:Bt("Brand.2"),3:Bt("Brand.3"),4:Bt("Brand.4"),5:Bt("Brand.5"),6:Bt("Brand.6")},Primary:Bt("Primary"),PrimaryDark:Bt("PrimaryDark"),Secondary:Bt("Secondary"),Accent:{Light:{1:Bt("Accent.Light.1"),2:Bt("Accent.Light.2"),3:Bt("Accent.Light.3"),4:Bt("Accent.Light.4"),5:Bt("Accent.Light.5"),6:Bt("Accent.Light.6")},Dark:{1:Bt("Accent.Dark.1"),2:Bt("Accent.Dark.2"),3:Bt("Accent.Dark.3")}},Neutral:{1:Bt("Neutral.1"),2:Bt("Neutral.2"),3:Bt("Neutral.3"),4:Bt("Neutral.4"),5:Bt("Neutral.5"),6:Bt("Neutral.6"),7:Bt("Neutral.7"),8:Bt("Neutral.8")},Validation:{Green:{Text:Bt("Validation.Green.Text"),Icon:Bt("Validation.Green.Icon"),Border:Bt("Validation.Green.Border"),Background:Bt("Validation.Green.Background")},Orange:{Text:Bt("Validation.Orange.Text"),Icon:Bt("Validation.Orange.Icon"),Border:Bt("Validation.Orange.Border"),Background:Bt("Validation.Orange.Background"),Badge:Bt("Validation.Orange.Badge")},Red:{Text:Bt("Validation.Red.Text"),Icon:Bt("Validation.Red.Icon"),Border:Bt("Validation.Red.Border"),Background:Bt("Validation.Red.Background")}}},Ht={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},bt={collections:{base:{D1:{fontFamily:Ht.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:Ht.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:Ht.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:Ht.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:Ht.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:Ht.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:Ht.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:Ht.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:Ht.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:Ht.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:Ht.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:Ht.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:Ht.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:Ht.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},Dt=e=>t=>{const n=t.theme,r=Ft(bt,n[St.textStyleScheme]);return n.options&&n.options.textStyle?mt(r,e,n.options.textStyle):mt(r,e)},wt={D1:{fontFamily:Dt("D1.fontFamily"),fontSize:Dt("D1.fontSize"),fontWeight:Dt("D1.fontWeight"),lineHeight:Dt("D1.lineHeight"),letterSpacing:Dt("D1.letterSpacing")},D2:{fontFamily:Dt("D2.fontFamily"),fontSize:Dt("D2.fontSize"),fontWeight:Dt("D2.fontWeight"),lineHeight:Dt("D2.lineHeight"),letterSpacing:Dt("D2.letterSpacing")},D3:{fontFamily:Dt("D3.fontFamily"),fontSize:Dt("D3.fontSize"),fontWeight:Dt("D3.fontWeight"),lineHeight:Dt("D3.lineHeight"),letterSpacing:Dt("D3.letterSpacing")},D4:{fontFamily:Dt("D4.fontFamily"),fontSize:Dt("D4.fontSize"),fontWeight:Dt("D4.fontWeight"),lineHeight:Dt("D4.lineHeight"),letterSpacing:Dt("D4.letterSpacing")},DBody:{fontFamily:Dt("DBody.fontFamily"),fontSize:Dt("DBody.fontSize"),fontWeight:Dt("DBody.fontWeight"),lineHeight:Dt("DBody.lineHeight"),letterSpacing:Dt("DBody.letterSpacing")},H1:{fontFamily:Dt("H1.fontFamily"),fontSize:Dt("H1.fontSize"),fontWeight:Dt("H1.fontWeight"),lineHeight:Dt("H1.lineHeight"),letterSpacing:Dt("H1.letterSpacing")},H2:{fontFamily:Dt("H2.fontFamily"),fontSize:Dt("H2.fontSize"),fontWeight:Dt("H2.fontWeight"),lineHeight:Dt("H2.lineHeight"),letterSpacing:Dt("H2.letterSpacing")},H3:{fontFamily:Dt("H3.fontFamily"),fontSize:Dt("H3.fontSize"),fontWeight:Dt("H3.fontWeight"),lineHeight:Dt("H3.lineHeight"),letterSpacing:Dt("H3.letterSpacing")},H4:{fontFamily:Dt("H4.fontFamily"),fontSize:Dt("H4.fontSize"),fontWeight:Dt("H4.fontWeight"),lineHeight:Dt("H4.lineHeight"),letterSpacing:Dt("H4.letterSpacing")},H5:{fontFamily:Dt("H5.fontFamily"),fontSize:Dt("H5.fontSize"),fontWeight:Dt("H5.fontWeight"),lineHeight:Dt("H5.lineHeight"),letterSpacing:Dt("H5.letterSpacing")},H6:{fontFamily:Dt("H6.fontFamily"),fontSize:Dt("H6.fontSize"),fontWeight:Dt("H6.fontWeight"),lineHeight:Dt("H6.lineHeight"),letterSpacing:Dt("H6.letterSpacing")},Body:{fontFamily:Dt("Body.fontFamily"),fontSize:Dt("Body.fontSize"),fontWeight:Dt("Body.fontWeight"),lineHeight:Dt("Body.lineHeight"),letterSpacing:Dt("Body.letterSpacing")},BodySmall:{fontFamily:Dt("BodySmall.fontFamily"),fontSize:Dt("BodySmall.fontSize"),fontWeight:Dt("BodySmall.fontWeight"),lineHeight:Dt("BodySmall.lineHeight"),letterSpacing:Dt("BodySmall.letterSpacing")},XSmall:{fontFamily:Dt("XSmall.fontFamily"),fontSize:Dt("XSmall.fontSize"),fontWeight:Dt("XSmall.fontWeight"),lineHeight:Dt("XSmall.lineHeight"),letterSpacing:Dt("XSmall.letterSpacing")}},_t=e=>{switch(e){case 700:case"bold":return Ht.Bold;case 600:case"semibold":return Ht.Semibold;case 300:case"light":return Ht.Light;case 400:case"regular":return Ht.Regular;default:return""}},zt=(e,t)=>n=>{const r=wt[e].fontFamily(n),i=wt[e].fontWeight(n);return Object.values(Ht).includes(r)?l`
2
- font-family: ${_t(t)||_t(i)||r};
1
+ import e,{jsxs as t,jsx as n}from"react/jsx-runtime";import{useState as r,useRef as i,useEffect as o,useCallback as a}from"react";import l,{css as c}from"styled-components";var h="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},g=Array.isArray,d="object"==typeof h&&h&&h.Object===Object&&h,f="object"==typeof self&&self&&self.Object===Object&&self,u=d||f||Function("return this")(),p=u.Symbol,s=p,y=Object.prototype,S=y.hasOwnProperty,F=y.toString,m=s?s.toStringTag:void 0;var v=function(e){var t=S.call(e,m),n=e[m];try{e[m]=void 0;var r=!0}catch(e){}var i=F.call(e);return r&&(t?e[m]=n:delete e[m]),i},H=Object.prototype.toString;var $=v,B=function(e){return H.call(e)},b=p?p.toStringTag:void 0;var D=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":b&&b in Object(e)?$(e):B(e)};var _=D,w=function(e){return null!=e&&"object"==typeof e};var z=function(e){return"symbol"==typeof e||w(e)&&"[object Symbol]"==_(e)},C=g,x=z,k=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,A=/^\w*$/;var E=function(e,t){if(C(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!x(e))||(A.test(e)||!k.test(e)||null!=t&&e in Object(t))};var W=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},N=D,O=W;var j,V=function(e){if(!O(e))return!1;var t=N(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},T=u["__core-js_shared__"],P=(j=/[^.]+$/.exec(T&&T.keys&&T.keys.IE_PROTO||""))?"Symbol(src)_1."+j:"";var R=function(e){return!!P&&P in e},I=Function.prototype.toString;var L=V,X=R,G=W,M=function(e){if(null!=e){try{return I.call(e)}catch(e){}try{return e+""}catch(e){}}return""},Z=/^\[object .+?Constructor\]$/,U=Function.prototype,q=Object.prototype,J=U.toString,K=q.hasOwnProperty,Q=RegExp("^"+J.call(K).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Y=function(e){return!(!G(e)||X(e))&&(L(e)?Q:Z).test(M(e))},ee=function(e,t){return null==e?void 0:e[t]};var te=function(e,t){var n=ee(e,t);return Y(n)?n:void 0},ne=te(Object,"create"),re=ne;var ie=function(){this.__data__=re?re(null):{},this.size=0};var oe=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},ae=ne,le=Object.prototype.hasOwnProperty;var ce=function(e){var t=this.__data__;if(ae){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return le.call(t,e)?t[e]:void 0},he=ne,ge=Object.prototype.hasOwnProperty;var de=ne;var fe=ie,ue=oe,pe=ce,se=function(e){var t=this.__data__;return he?void 0!==t[e]:ge.call(t,e)},ye=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=de&&void 0===t?"__lodash_hash_undefined__":t,this};function Se(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}Se.prototype.clear=fe,Se.prototype.delete=ue,Se.prototype.get=pe,Se.prototype.has=se,Se.prototype.set=ye;var Fe=Se;var me=function(){this.__data__=[],this.size=0};var ve=function(e,t){return e===t||e!=e&&t!=t};var He=function(e,t){for(var n=e.length;n--;)if(ve(e[n][0],t))return n;return-1},$e=He,Be=Array.prototype.splice;var be=He;var De=He;var _e=He;var we=me,ze=function(e){var t=this.__data__,n=$e(t,e);return!(n<0)&&(n==t.length-1?t.pop():Be.call(t,n,1),--this.size,!0)},Ce=function(e){var t=this.__data__,n=be(t,e);return n<0?void 0:t[n][1]},xe=function(e){return De(this.__data__,e)>-1},ke=function(e,t){var n=this.__data__,r=_e(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this};function Ae(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}Ae.prototype.clear=we,Ae.prototype.delete=ze,Ae.prototype.get=Ce,Ae.prototype.has=xe,Ae.prototype.set=ke;var Ee=Ae,We=te(u,"Map"),Ne=Fe,Oe=Ee,je=We;var Ve=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Te=function(e,t){var n=e.__data__;return Ve(t)?n["string"==typeof t?"string":"hash"]:n.map},Pe=Te;var Re=Te;var Ie=Te;var Le=Te;var Xe=function(){this.size=0,this.__data__={hash:new Ne,map:new(je||Oe),string:new Ne}},Ge=function(e){var t=Pe(this,e).delete(e);return this.size-=t?1:0,t},Me=function(e){return Re(this,e).get(e)},Ze=function(e){return Ie(this,e).has(e)},Ue=function(e,t){var n=Le(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this};function qe(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}qe.prototype.clear=Xe,qe.prototype.delete=Ge,qe.prototype.get=Me,qe.prototype.has=Ze,qe.prototype.set=Ue;var Je=qe;function Ke(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function(){var r=arguments,i=t?t.apply(this,r):r[0],o=n.cache;if(o.has(i))return o.get(i);var a=e.apply(this,r);return n.cache=o.set(i,a)||o,a};return n.cache=new(Ke.Cache||Je),n}Ke.Cache=Je;var Qe=Ke;var Ye=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,et=/\\(\\)?/g,tt=function(e){var t=Qe(e,(function(e){return 500===n.size&&n.clear(),e})),n=t.cache;return t}((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(Ye,(function(e,n,r,i){t.push(r?i.replace(et,"$1"):n||e)})),t}));var nt=function(e,t){for(var n=-1,r=null==e?0:e.length,i=Array(r);++n<r;)i[n]=t(e[n],n,e);return i},rt=g,it=z,ot=p?p.prototype:void 0,at=ot?ot.toString:void 0;var lt=function e(t){if("string"==typeof t)return t;if(rt(t))return nt(t,e)+"";if(it(t))return at?at.call(t):"";var n=t+"";return"0"==n&&1/t==-Infinity?"-0":n},ct=lt;var ht=g,gt=E,dt=tt,ft=function(e){return null==e?"":ct(e)};var ut=z;var pt=function(e,t){return ht(e)?e:gt(e,t)?[e]:dt(ft(e))},st=function(e){if("string"==typeof e||ut(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t};var yt=function(e,t){for(var n=0,r=(t=pt(t,e)).length;null!=e&&n<r;)e=e[st(t[n++])];return n&&n==r?e:void 0};var St=function(e,t,n){var r=null==e?void 0:yt(e,t);return void 0===r?n:r};const Ft=(e,t,n)=>t?St(n,t)||St(e,t):n||e,mt=(e,t)=>{const n=t||e.defaultValue;return St(e.collections,n)};var vt;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme",e.designTokenScheme="designTokenScheme"}(vt||(vt={}));const Ht={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"},$t=e=>t=>{const n=t.theme,r=mt(Ht,n[vt.colorScheme]);return n.options&&n.options.color?Ft(r,e,n.options.color):Ft(r,e)},Bt={Brand:{1:$t("Brand.1"),2:$t("Brand.2"),3:$t("Brand.3"),4:$t("Brand.4"),5:$t("Brand.5"),6:$t("Brand.6")},Primary:$t("Primary"),PrimaryDark:$t("PrimaryDark"),Secondary:$t("Secondary"),Accent:{Light:{1:$t("Accent.Light.1"),2:$t("Accent.Light.2"),3:$t("Accent.Light.3"),4:$t("Accent.Light.4"),5:$t("Accent.Light.5"),6:$t("Accent.Light.6")},Dark:{1:$t("Accent.Dark.1"),2:$t("Accent.Dark.2"),3:$t("Accent.Dark.3")}},Neutral:{1:$t("Neutral.1"),2:$t("Neutral.2"),3:$t("Neutral.3"),4:$t("Neutral.4"),5:$t("Neutral.5"),6:$t("Neutral.6"),7:$t("Neutral.7"),8:$t("Neutral.8")},Validation:{Green:{Text:$t("Validation.Green.Text"),Icon:$t("Validation.Green.Icon"),Border:$t("Validation.Green.Border"),Background:$t("Validation.Green.Background")},Orange:{Text:$t("Validation.Orange.Text"),Icon:$t("Validation.Orange.Icon"),Border:$t("Validation.Orange.Border"),Background:$t("Validation.Orange.Background"),Badge:$t("Validation.Orange.Badge")},Red:{Text:$t("Validation.Red.Text"),Icon:$t("Validation.Red.Icon"),Border:$t("Validation.Red.Border"),Background:$t("Validation.Red.Background")}},Shadow:{Accent:$t("Shadow.Accent"),Red:$t("Shadow.Red")}},bt={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},Dt={collections:{base:{D1:{fontFamily:bt.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:bt.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:bt.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:bt.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:bt.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:bt.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:bt.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:bt.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:bt.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:bt.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:bt.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:bt.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:bt.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:bt.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},_t=e=>t=>{const n=t.theme,r=mt(Dt,n[vt.textStyleScheme]);return n.options&&n.options.textStyle?Ft(r,e,n.options.textStyle):Ft(r,e)},wt={D1:{fontFamily:_t("D1.fontFamily"),fontSize:_t("D1.fontSize"),fontWeight:_t("D1.fontWeight"),lineHeight:_t("D1.lineHeight"),letterSpacing:_t("D1.letterSpacing")},D2:{fontFamily:_t("D2.fontFamily"),fontSize:_t("D2.fontSize"),fontWeight:_t("D2.fontWeight"),lineHeight:_t("D2.lineHeight"),letterSpacing:_t("D2.letterSpacing")},D3:{fontFamily:_t("D3.fontFamily"),fontSize:_t("D3.fontSize"),fontWeight:_t("D3.fontWeight"),lineHeight:_t("D3.lineHeight"),letterSpacing:_t("D3.letterSpacing")},D4:{fontFamily:_t("D4.fontFamily"),fontSize:_t("D4.fontSize"),fontWeight:_t("D4.fontWeight"),lineHeight:_t("D4.lineHeight"),letterSpacing:_t("D4.letterSpacing")},DBody:{fontFamily:_t("DBody.fontFamily"),fontSize:_t("DBody.fontSize"),fontWeight:_t("DBody.fontWeight"),lineHeight:_t("DBody.lineHeight"),letterSpacing:_t("DBody.letterSpacing")},H1:{fontFamily:_t("H1.fontFamily"),fontSize:_t("H1.fontSize"),fontWeight:_t("H1.fontWeight"),lineHeight:_t("H1.lineHeight"),letterSpacing:_t("H1.letterSpacing")},H2:{fontFamily:_t("H2.fontFamily"),fontSize:_t("H2.fontSize"),fontWeight:_t("H2.fontWeight"),lineHeight:_t("H2.lineHeight"),letterSpacing:_t("H2.letterSpacing")},H3:{fontFamily:_t("H3.fontFamily"),fontSize:_t("H3.fontSize"),fontWeight:_t("H3.fontWeight"),lineHeight:_t("H3.lineHeight"),letterSpacing:_t("H3.letterSpacing")},H4:{fontFamily:_t("H4.fontFamily"),fontSize:_t("H4.fontSize"),fontWeight:_t("H4.fontWeight"),lineHeight:_t("H4.lineHeight"),letterSpacing:_t("H4.letterSpacing")},H5:{fontFamily:_t("H5.fontFamily"),fontSize:_t("H5.fontSize"),fontWeight:_t("H5.fontWeight"),lineHeight:_t("H5.lineHeight"),letterSpacing:_t("H5.letterSpacing")},H6:{fontFamily:_t("H6.fontFamily"),fontSize:_t("H6.fontSize"),fontWeight:_t("H6.fontWeight"),lineHeight:_t("H6.lineHeight"),letterSpacing:_t("H6.letterSpacing")},Body:{fontFamily:_t("Body.fontFamily"),fontSize:_t("Body.fontSize"),fontWeight:_t("Body.fontWeight"),lineHeight:_t("Body.lineHeight"),letterSpacing:_t("Body.letterSpacing")},BodySmall:{fontFamily:_t("BodySmall.fontFamily"),fontSize:_t("BodySmall.fontSize"),fontWeight:_t("BodySmall.fontWeight"),lineHeight:_t("BodySmall.lineHeight"),letterSpacing:_t("BodySmall.letterSpacing")},XSmall:{fontFamily:_t("XSmall.fontFamily"),fontSize:_t("XSmall.fontSize"),fontWeight:_t("XSmall.fontWeight"),lineHeight:_t("XSmall.lineHeight"),letterSpacing:_t("XSmall.letterSpacing")}},zt=e=>{switch(e){case 700:case"bold":return bt.Bold;case 600:case"semibold":return bt.Semibold;case 300:case"light":return bt.Light;case 400:case"regular":return bt.Regular;default:return""}},Ct=(e,t)=>n=>{const r=wt[e].fontFamily(n),i=wt[e].fontWeight(n);return Object.values(bt).includes(r)?c`
2
+ font-family: ${zt(t)||zt(i)||r};
3
3
  font-weight: normal !important;
4
- `:l`
4
+ `:c`
5
5
  font-family: ${r};
6
6
  font-weight: ${(xt(t)||i)??"normal"};
7
- `},xt=e=>{switch(e){case 300:case"light":return 300;case 400:case"regular":return 400;case 600:case"semibold":return 600;case 700:case"bold":return 700;case 900:case"black":return 900;default:return""}},Ct=(e,t,n=!1)=>r=>{const i=wt[e],a=i.fontSize(r);return l`
8
- ${zt(e,t)}
9
- font-size: ${a}rem !important;
7
+ `},xt=e=>{switch(e){case 300:case"light":return 300;case 400:case"regular":return 400;case 600:case"semibold":return 600;case 700:case"bold":return 700;case 900:case"black":return 900;default:return""}},kt=(e,t,n=!1)=>r=>{const i=wt[e],o=i.fontSize(r);return c`
8
+ ${Ct(e,t)}
9
+ font-size: ${o}rem !important;
10
10
  line-height: ${i.lineHeight}rem !important;
11
11
  letter-spacing: ${i.letterSpacing(r)||0}rem !important;
12
- ${l`
13
- margin-bottom: ${a*(n?1.05:0)}rem;
12
+ ${c`
13
+ margin-bottom: ${o*(n?1.05:0)}rem;
14
14
  `}
15
- `},kt=(e=!1,t=!1)=>t?l`
15
+ `},At=(e=!1,t=!1)=>t?c`
16
16
  display: block;
17
- `:e?l`
17
+ `:e?c`
18
18
  display: inline;
19
- `:l`
19
+ `:c`
20
20
  display: block;
21
- `,Et=o.svg`
22
- height: 1rem;
23
- width: 1rem;
24
- vertical-align: text-top;
25
-
26
- #path {
27
- fill: ${$t.Neutral[8]};
28
- }
29
- `,Nt=t=>e(Et,{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",viewBox:"0 0 16 16",...t,children:e("g",{fill:"none",fillRule:"evenodd",children:e("g",{id:"path",fillRule:"nonzero",children:e("g",{children:e("g",{children:e("g",{children:e("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)"})})})})})})}),Wt=t=>e(Et,{width:"1rem",height:"1rem",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg",...t,children:e("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"})}),At=t=>e(Et,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 64 64",id:"play-icon",...t,children:e("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"})}),Ot=t=>e(Et,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 32 32",fill:"none",...t,children:e("g",{id:"search",children:e("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"})})}),jt=o.span`
30
- font-size: 1rem;
31
- `;var Rt;!function(e){e.D1=o.h1`
32
- ${e=>l`
33
- ${Ct("D1",e.weight,e.paragraph)}
34
- color: ${$t.Neutral[1]};
35
- ${kt(e.inline,e.paragraph)}
21
+ `;var Et,Wt={};Object.defineProperty(Wt,"__esModule",{value:!0});var Nt=e;const Ot=e=>Nt.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:Nt.jsx("path",{d:"M4.25 17.5C3.764 17.5 3.35067 17.33 3.01 16.99C2.67 16.6493 2.5 16.236 2.5 15.75V4.25C2.5 3.764 2.67 3.35067 3.01 3.01C3.35067 2.67 3.764 2.5 4.25 2.5H9.208C9.444 2.5 9.649 2.58667 9.823 2.76C9.99633 2.934 10.083 3.139 10.083 3.375C10.083 3.611 9.99633 3.816 9.823 3.99C9.649 4.16333 9.444 4.25 9.208 4.25H4.25V15.75H15.75V10.792C15.75 10.556 15.8367 10.351 16.01 10.177C16.184 10.0037 16.389 9.917 16.625 9.917C16.861 9.917 17.066 10.0037 17.24 10.177C17.4133 10.351 17.5 10.556 17.5 10.792V15.75C17.5 16.236 17.33 16.6493 16.99 16.99C16.6493 17.33 16.236 17.5 15.75 17.5H4.25ZM7.5 12.5C7.33333 12.3333 7.25 12.1283 7.25 11.885C7.25 11.6423 7.33333 11.4377 7.5 11.271L14.521 4.25H12.708C12.472 4.25 12.2673 4.16333 12.094 3.99C11.92 3.816 11.833 3.611 11.833 3.375C11.833 3.139 11.92 2.934 12.094 2.76C12.2673 2.58667 12.472 2.5 12.708 2.5H16.625C16.861 2.5 17.066 2.58667 17.24 2.76C17.4133 2.934 17.5 3.139 17.5 3.375V7.292C17.5 7.528 17.4133 7.73267 17.24 7.906C17.066 8.08 16.861 8.167 16.625 8.167C16.389 8.167 16.184 8.08 16.01 7.906C15.8367 7.73267 15.75 7.528 15.75 7.292V5.479L8.708 12.521C8.54133 12.6877 8.34367 12.771 8.115 12.771C7.88567 12.771 7.68067 12.6807 7.5 12.5Z",fill:"currentColor"})});var jt;Ot.displayName="ExternalIcon",Et=Wt.ExternalIcon=Ot,function(e){e.D1=l.h1`
22
+ ${e=>c`
23
+ ${kt("D1",e.weight,e.paragraph)}
24
+ color: ${Bt.Neutral[1]};
25
+ ${At(e.inline,e.paragraph)}
36
26
  `}
37
- `,e.D2=o.h1`
38
- ${e=>l`
39
- ${Ct("D2",e.weight,e.paragraph)}
40
- color: ${$t.Neutral[1]};
41
- ${kt(e.inline,e.paragraph)}
27
+ `,e.D2=l.h1`
28
+ ${e=>c`
29
+ ${kt("D2",e.weight,e.paragraph)}
30
+ color: ${Bt.Neutral[1]};
31
+ ${At(e.inline,e.paragraph)}
42
32
  `}
43
- `,e.D3=o.h1`
44
- ${e=>l`
45
- ${Ct("D3",e.weight,e.paragraph)}
46
- color: ${$t.Neutral[1]};
47
- ${kt(e.inline,e.paragraph)}
33
+ `,e.D3=l.h1`
34
+ ${e=>c`
35
+ ${kt("D3",e.weight,e.paragraph)}
36
+ color: ${Bt.Neutral[1]};
37
+ ${At(e.inline,e.paragraph)}
48
38
  `}
49
- `,e.D4=o.h1`
50
- ${e=>l`
51
- ${Ct("D4",e.weight,e.paragraph)}
52
- color: ${$t.Neutral[1]};
53
- ${kt(e.inline,e.paragraph)}
39
+ `,e.D4=l.h1`
40
+ ${e=>c`
41
+ ${kt("D4",e.weight,e.paragraph)}
42
+ color: ${Bt.Neutral[1]};
43
+ ${At(e.inline,e.paragraph)}
54
44
  `}
55
- `,e.DBody=o.h1`
56
- ${e=>l`
57
- ${Ct("DBody",e.weight,e.paragraph)}
58
- color: ${$t.Neutral[1]};
59
- ${kt(e.inline,e.paragraph)}
45
+ `,e.DBody=l.h1`
46
+ ${e=>c`
47
+ ${kt("DBody",e.weight,e.paragraph)}
48
+ color: ${Bt.Neutral[1]};
49
+ ${At(e.inline,e.paragraph)}
60
50
  `}
61
- `,e.H1=o.h1`
62
- ${e=>l`
63
- ${Ct("H1",e.weight,e.paragraph)}
64
- color: ${$t.Neutral[1]};
65
- ${kt(e.inline,e.paragraph)}
51
+ `,e.H1=l.h1`
52
+ ${e=>c`
53
+ ${kt("H1",e.weight,e.paragraph)}
54
+ color: ${Bt.Neutral[1]};
55
+ ${At(e.inline,e.paragraph)}
66
56
  `}
67
- `,e.H2=o.h2`
68
- ${e=>l`
69
- ${Ct("H2",e.weight,e.paragraph)}
70
- color: ${$t.Neutral[1]};
71
- ${kt(e.inline,e.paragraph)}
57
+ `,e.H2=l.h2`
58
+ ${e=>c`
59
+ ${kt("H2",e.weight,e.paragraph)}
60
+ color: ${Bt.Neutral[1]};
61
+ ${At(e.inline,e.paragraph)}
72
62
  `}
73
- `,e.H3=o.h3`
74
- ${e=>l`
75
- ${Ct("H3",e.weight,e.paragraph)}
76
- color: ${$t.Neutral[1]};
77
- ${kt(e.inline,e.paragraph)}
63
+ `,e.H3=l.h3`
64
+ ${e=>c`
65
+ ${kt("H3",e.weight,e.paragraph)}
66
+ color: ${Bt.Neutral[1]};
67
+ ${At(e.inline,e.paragraph)}
78
68
  `}
79
- `,e.H4=o.h4`
80
- ${e=>l`
81
- ${Ct("H4",e.weight,e.paragraph)}
82
- color: ${$t.Neutral[1]};
83
- ${kt(e.inline,e.paragraph)}
69
+ `,e.H4=l.h4`
70
+ ${e=>c`
71
+ ${kt("H4",e.weight,e.paragraph)}
72
+ color: ${Bt.Neutral[1]};
73
+ ${At(e.inline,e.paragraph)}
84
74
  `}
85
- `,e.H5=o.h5`
86
- ${e=>l`
87
- ${Ct("H5",e.weight,e.paragraph)}
88
- color: ${$t.Neutral[1]};
89
- ${kt(e.inline,e.paragraph)}
75
+ `,e.H5=l.h5`
76
+ ${e=>c`
77
+ ${kt("H5",e.weight,e.paragraph)}
78
+ color: ${Bt.Neutral[1]};
79
+ ${At(e.inline,e.paragraph)}
90
80
  `}
91
- `,e.H6=o.h6`
92
- ${e=>l`
93
- ${Ct("H6",e.weight,e.paragraph)}
94
- color: ${$t.Neutral[1]};
95
- ${kt(e.inline,e.paragraph)}
81
+ `,e.H6=l.h6`
82
+ ${e=>c`
83
+ ${kt("H6",e.weight,e.paragraph)}
84
+ color: ${Bt.Neutral[1]};
85
+ ${At(e.inline,e.paragraph)}
96
86
  `}
97
- `,e.Body=o.p`
98
- ${e=>l`
99
- ${Ct("Body",e.weight,e.paragraph)}
100
- color: ${$t.Neutral[1]};
101
- ${kt(e.inline,e.paragraph)}
87
+ `,e.Body=l.p`
88
+ ${e=>c`
89
+ ${kt("Body",e.weight,e.paragraph)}
90
+ color: ${Bt.Neutral[1]};
91
+ ${At(e.inline,e.paragraph)}
102
92
  `}
103
- `,e.BodySmall=o.p`
104
- ${e=>l`
105
- ${Ct("BodySmall",e.weight,e.paragraph)}
106
- color: ${$t.Neutral[1]};
107
- ${kt(e.inline,e.paragraph)}
93
+ `,e.BodySmall=l.p`
94
+ ${e=>c`
95
+ ${kt("BodySmall",e.weight,e.paragraph)}
96
+ color: ${Bt.Neutral[1]};
97
+ ${At(e.inline,e.paragraph)}
108
98
  `}
109
- `,e.XSmall=o.span`
110
- ${e=>l`
111
- ${Ct("XSmall",e.weight,e.paragraph)}
112
- color: ${$t.Neutral[1]};
113
- ${kt(e.inline,e.paragraph)}
99
+ `,e.XSmall=l.span`
100
+ ${e=>c`
101
+ ${kt("XSmall",e.weight,e.paragraph)}
102
+ color: ${Bt.Neutral[1]};
103
+ ${At(e.inline,e.paragraph)}
114
104
  `}
115
- `,e.Hyperlink={Default:e=>Pt({...e,textStyle:"Body"}),Small:e=>Pt({...e,textStyle:"BodySmall"})}}(Rt||(Rt={}));const Vt=o.a`
116
- ${e=>l`
117
- ${Ct(e.textStyle,e.weight)}
118
- color: ${$t.Primary};
105
+ `,e.Hyperlink={Default:e=>Pt({...e,textStyle:"Body"}),Small:e=>Pt({...e,textStyle:"BodySmall"})}}(jt||(jt={}));const Vt=l.a`
106
+ ${e=>c`
107
+ ${kt(e.textStyle,e.weight)}
108
+ color: ${Bt.Primary};
119
109
  text-decoration: none;
120
110
 
121
111
  :hover,
122
112
  :active,
123
113
  :focus {
124
- color: ${$t.Secondary};
114
+ color: ${Bt.Secondary};
115
+
116
+ svg {
117
+ color: ${Bt.Secondary};
118
+ }
125
119
  }
126
120
  `}
127
- `,Lt=o((({type:t,...n})=>{switch(t){case"arrow-right":return e(Nt,{...n});case"info":return e(Wt,{...n});case"search":return e(Ot,{...n});case"play-alt":return e(At,{...n});default:{const r=`sgds-icon sgds-icon-${t}`,i=n.className?`${r} ${n.className}`:r;return e(jt,{...n,className:i})}}}))`
121
+ `,Tt=l(Et)`
122
+ height: 1rem;
123
+ width: 1rem;
128
124
  margin-left: 0.4rem;
129
- `,Pt=({external:n=!1,children:r,...i})=>t(Vt,{...i,children:[r,n&&e(Lt,{type:"external"})]});var Tt;!function(e){e[e.Subpage=0]="Subpage",e[e.Domain=1]="Domain"}(Tt||(Tt={}));const It=o.div`
125
+ vertical-align: middle;
126
+ `,Pt=({external:e=!1,children:r,...i})=>t(Vt,{...i,children:[r,e&&n(Tt,{})]});var Rt;!function(e){e[e.Subpage=0]="Subpage",e[e.Domain=1]="Domain"}(Rt||(Rt={}));const It=l.div`
130
127
  position: relative;
131
128
  display: inline-flex;
132
129
  align-items: center;
@@ -135,37 +132,37 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as n,useRef as
135
132
  height: 3rem;
136
133
  min-width: 5rem;
137
134
  border-radius: 4px;
138
- border: 1px solid ${$t.Primary};
139
- background: ${$t.Neutral[8]};
135
+ border: 1px solid ${Bt.Primary};
136
+ background: ${Bt.Neutral[8]};
140
137
  cursor: pointer;
141
138
 
142
139
  :hover {
143
- box-shadow: 0 0 4px 1px rgba(87, 169, 255, 0.5);
140
+ box-shadow: 0 0 4px 1px ${Bt.Shadow.Accent};
144
141
  }
145
142
 
146
- ${e=>e.disabled&&!e.$selected?l`
147
- background: ${$t.Neutral[6](e)};
148
- border: 1px solid ${$t.Neutral[6](e)};
143
+ ${e=>e.disabled&&!e.$selected?c`
144
+ background: ${Bt.Neutral[6](e)};
145
+ border: 1px solid ${Bt.Neutral[6](e)};
149
146
  cursor: not-allowed;
150
147
 
151
148
  :hover {
152
149
  box-shadow: none;
153
150
  }
154
- `:e.disabled&&e.$selected?l`
155
- background: ${$t.Neutral[6](e)};
156
- border: 1px solid ${$t.Neutral[4](e)};
151
+ `:e.disabled&&e.$selected?c`
152
+ background: ${Bt.Neutral[6](e)};
153
+ border: 1px solid ${Bt.Neutral[4](e)};
157
154
  cursor: not-allowed;
158
155
 
159
156
  :hover {
160
157
  box-shadow: none;
161
158
  }
162
- `:e.$selected?l`
163
- background: ${$t.Accent.Light[5](e)};
159
+ `:e.$selected?c`
160
+ background: ${Bt.Accent.Light[5](e)};
164
161
  padding: 0.6875rem 0.912rem; // Bold font takes bigger width
165
- `:0==e.$selected?l`
166
- border: 1px solid ${$t.Neutral[5](e)};
162
+ `:0==e.$selected?c`
163
+ border: 1px solid ${Bt.Neutral[5](e)};
167
164
  `:void 0}
168
- `,Xt=o.input`
165
+ `,Lt=l.input`
169
166
  position: absolute;
170
167
  height: 100%;
171
168
  width: 100%;
@@ -174,17 +171,17 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as n,useRef as
174
171
  /* Hide appearance but keep it focusable using keyboard interactions */
175
172
  appearance: none;
176
173
  background: transparent;
177
- `,Gt=o.span`
178
- ${e=>l`
179
- ${Ct("H4",e.$weight)}
174
+ `,Xt=l.span`
175
+ ${e=>c`
176
+ ${kt("H4",e.$weight)}
180
177
  `}
181
- color: ${$t.Neutral[1]};
178
+ color: ${Bt.Neutral[1]};
182
179
  text-align: center;
183
180
 
184
- ${e=>e.disabled?l`
185
- color: ${$t.Neutral[3](e)};
186
- `:e.$selected?l`
187
- color: ${$t.Primary(e)};
181
+ ${e=>e.disabled?c`
182
+ color: ${Bt.Neutral[3](e)};
183
+ `:e.$selected?c`
184
+ color: ${Bt.Primary(e)};
188
185
  `:void 0}
189
- `,Mt=({disabled:o,checked:l,onChange:c,type:h="checkbox",children:g,className:d,...f})=>{const[u,p]=n(l),s=r();i((()=>{p(l)}),[l]);const y=a((e=>{o||("radio"!==h||u||p(!0),"checkbox"===h&&p((e=>!e)),c&&c(e))}),[]);return t(It,{$selected:u,disabled:o,role:"checkbox","aria-checked":u,className:d,children:[e(Xt,{ref:s,type:"checkbox","data-testid":"toggle-button-input",disabled:o,onChange:y,checked:u,...f}),e(Gt,{$weight:u?"bold":"regular",$selected:u,disabled:o,"data-testid":"toggle-button-label",children:g})]})};export{Mt as ToggleButton};
186
+ `,Gt=({disabled:e,checked:l,onChange:c,type:h="checkbox",children:g,className:d,...f})=>{const[u,p]=r(l),s=i();o((()=>{p(l)}),[l]);const y=a((t=>{e||("radio"!==h||u||p(!0),"checkbox"===h&&p((e=>!e)),c&&c(t))}),[]);return t(It,{$selected:u,disabled:e,role:"checkbox","aria-checked":u,className:d,children:[n(Lt,{ref:s,type:"checkbox","data-testid":"toggle-button-input",disabled:e,onChange:y,checked:u,...f}),n(Xt,{$weight:u?"bold":"regular",$selected:u,disabled:e,"data-testid":"toggle-button-label",children:g})]})};export{Gt as ToggleButton};
190
187
  //# sourceMappingURL=index.js.map