globuswebcomponents 1.4.7 → 1.4.8

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 (415) hide show
  1. package/dist/cjs/gb-action-panel.cjs.entry.js +1 -1
  2. package/dist/cjs/gb-avatar-add-button.cjs.entry.js +1 -1
  3. package/dist/cjs/gb-avatar-group.cjs.entry.js +1 -1
  4. package/dist/cjs/gb-avatar-label-group.cjs.entry.js +1 -1
  5. package/dist/cjs/gb-avatar-profile-photo.cjs.entry.js +1 -1
  6. package/dist/cjs/gb-avatar.gb-avatar-contrast-inner-border.gb-status-indicator.entry.cjs.js.map +1 -0
  7. package/dist/cjs/gb-avatar_3.cjs.entry.js +176 -0
  8. package/dist/cjs/gb-avatar_3.cjs.entry.js.map +1 -0
  9. package/dist/cjs/gb-badge.gb-badge-close.entry.cjs.js.map +1 -0
  10. package/dist/cjs/gb-badge_2.cjs.entry.js +100 -0
  11. package/dist/cjs/gb-badge_2.cjs.entry.js.map +1 -0
  12. package/dist/cjs/gb-breadcrumb-button-base.cjs.entry.js +1 -1
  13. package/dist/cjs/gb-breadcrumbs.cjs.entry.js +1 -1
  14. package/dist/cjs/gb-btn.gb-button.gb-comment.gb-comment-item.entry.cjs.js.map +1 -0
  15. package/dist/cjs/gb-btn_4.cjs.entry.js +231 -0
  16. package/dist/cjs/gb-btn_4.cjs.entry.js.map +1 -0
  17. package/dist/cjs/gb-button-close.cjs.entry.js +1 -1
  18. package/dist/cjs/gb-carousel-arrow.cjs.entry.js +1 -1
  19. package/dist/cjs/gb-checkbox-group-item.cjs.entry.js +1 -1
  20. package/dist/cjs/gb-checkbox-group.cjs.entry.js +1 -1
  21. package/dist/cjs/gb-checkbox_2.cjs.entry.js +2 -2
  22. package/dist/cjs/gb-collapse-button.gb-complex-primary-side-bar-item.gb-complex-secondary-side-bar-item.gb-simple-side-bar-item.entry.cjs.js.map +1 -0
  23. package/dist/cjs/gb-collapse-button_4.cjs.entry.js +143 -0
  24. package/dist/cjs/gb-collapse-button_4.cjs.entry.js.map +1 -0
  25. package/dist/cjs/gb-sidebar.cjs.entry.js +117 -0
  26. package/dist/cjs/gb-sidebar.cjs.entry.js.map +1 -0
  27. package/dist/cjs/gb-sidebar.entry.cjs.js.map +1 -0
  28. package/dist/cjs/{gb-comment.cjs.entry.js → gb-tooltip.cjs.entry.js} +21 -50
  29. package/dist/cjs/gb-tooltip.cjs.entry.js.map +1 -0
  30. package/dist/cjs/gb-tooltip.entry.cjs.js.map +1 -0
  31. package/dist/cjs/globuscomponents.cjs.js +1 -1
  32. package/dist/cjs/loader.cjs.js +1 -1
  33. package/dist/collection/collection-manifest.json +1 -1
  34. package/dist/collection/components/gb-action-panel/gb-action-panel.js +1 -1
  35. package/dist/collection/components/gb-avatar/gb-avatar.js +2 -2
  36. package/dist/collection/components/gb-avatar-add-button/gb-avatar-add-button.js +1 -1
  37. package/dist/collection/components/gb-avatar-contrast-inner-border/gb-avatar-contrast-inner-border.js +1 -1
  38. package/dist/collection/components/gb-avatar-group/gb-avatar-group.js +1 -1
  39. package/dist/collection/components/gb-avatar-label-group/gb-avatar-label-group.js +1 -1
  40. package/dist/collection/components/gb-avatar-profile-photo/gb-avatar-profile-photo.js +1 -1
  41. package/dist/collection/components/gb-badge/gb-badge.js +1 -1
  42. package/dist/collection/components/gb-badge-close/gb-badge-close.js +1 -1
  43. package/dist/collection/components/gb-breadcrumb-button-base/gb-breadcrumb-button-base.js +1 -1
  44. package/dist/collection/components/gb-breadcrumbs/gb-breadcrumbs.js +1 -1
  45. package/dist/collection/components/gb-btn/gb-btn.js +1 -1
  46. package/dist/collection/components/gb-button/gb-button.js +1 -1
  47. package/dist/collection/components/gb-button/readme.md +0 -2
  48. package/dist/collection/components/gb-button-close/gb-button-close.js +1 -1
  49. package/dist/collection/components/gb-carousel-arrow/gb-carousel-arrow.js +1 -1
  50. package/dist/collection/components/gb-checkbox/gb-checkbox.js +1 -1
  51. package/dist/collection/components/gb-checkbox-base/gb-checkbox-base.js +1 -1
  52. package/dist/collection/components/gb-checkbox-group/gb-checkbox-group.js +1 -1
  53. package/dist/collection/components/gb-checkbox-group-item/gb-checkbox-group-item.js +1 -1
  54. package/dist/collection/components/gb-collapse-button/gb-collapse-button.js +3 -3
  55. package/dist/collection/components/gb-comment/gb-comment.js +26 -36
  56. package/dist/collection/components/gb-comment/gb-comment.js.map +1 -1
  57. package/dist/collection/components/gb-comment-item/gb-comment-item.js +1 -1
  58. package/dist/collection/components/gb-comment-item/gb-comment-item.js.map +1 -1
  59. package/dist/components/gb-action-panel.js +5 -5
  60. package/dist/components/gb-avatar-add-button.js +1 -1
  61. package/dist/components/gb-avatar-contrast-inner-border.js +1 -1
  62. package/dist/components/gb-avatar-dropdown.js +6 -6
  63. package/dist/components/gb-avatar-group.js +4 -4
  64. package/dist/components/gb-avatar-label-group.js +1 -1
  65. package/dist/components/gb-avatar-profile-photo.js +3 -3
  66. package/dist/components/gb-avatar.js +1 -1
  67. package/dist/components/gb-badge-close.js +1 -1
  68. package/dist/components/gb-badge.js +1 -1
  69. package/dist/components/gb-breadcrumb-button-base.js +1 -1
  70. package/dist/components/gb-breadcrumbs.js +1 -1
  71. package/dist/components/gb-btn.js +1 -1
  72. package/dist/components/gb-button-close.js +1 -1
  73. package/dist/components/gb-button.js +1 -1
  74. package/dist/components/gb-carousel-arrow.js +1 -1
  75. package/dist/components/gb-checkbox-base.js +1 -1
  76. package/dist/components/gb-checkbox-group-item.js +1 -1
  77. package/dist/components/gb-checkbox-group.js +7 -7
  78. package/dist/components/gb-checkbox.js +1 -1
  79. package/dist/components/gb-collapse-button.js +1 -1
  80. package/dist/components/gb-comment-item.js +1 -1
  81. package/dist/components/gb-comment.js +22 -26
  82. package/dist/components/gb-comment.js.map +1 -1
  83. package/dist/components/gb-detail-cell.js +5 -5
  84. package/dist/components/gb-dropdown-items-with-shortcut.js +1 -1
  85. package/dist/components/gb-file-upload-item-base.js +1 -1
  86. package/dist/components/gb-file-upload.js +3 -3
  87. package/dist/components/gb-header.js +2 -2
  88. package/dist/components/gb-help-dropdown.js +3 -3
  89. package/dist/components/gb-horizontal-tabs.js +5 -5
  90. package/dist/components/gb-input-dropdown-menu-item.js +1 -1
  91. package/dist/components/gb-input-dropdown.js +1 -1
  92. package/dist/components/gb-input-field.js +1 -1
  93. package/dist/components/gb-notification-pane.js +1 -1
  94. package/dist/components/gb-pagination.js +11 -11
  95. package/dist/components/gb-password-button.js +1 -1
  96. package/dist/components/gb-sidebar.js +6 -6
  97. package/dist/components/gb-simple-side-bar-item.js +1 -1
  98. package/dist/components/gb-tab-button-base.js +1 -1
  99. package/dist/components/gb-tag.js +1 -1
  100. package/dist/components/gb-textarea-input-field.js +6 -6
  101. package/dist/components/gb-toast.js +2 -2
  102. package/dist/components/gb-top-bar-sidemenu.js +6 -6
  103. package/dist/components/gb-vertical-tabs.js +1 -1
  104. package/dist/components/{p-Bwy14smk.js → p-B-_k1Ys1.js} +4 -4
  105. package/dist/components/{p-Bwy14smk.js.map → p-B-_k1Ys1.js.map} +1 -1
  106. package/dist/components/{p-BjB-0TCj.js → p-B0akRBlq.js} +4 -4
  107. package/dist/components/{p-BjB-0TCj.js.map → p-B0akRBlq.js.map} +1 -1
  108. package/dist/components/{p-A2a1PB-p.js → p-BGW-zt-1.js} +3 -3
  109. package/dist/components/{p-A2a1PB-p.js.map → p-BGW-zt-1.js.map} +1 -1
  110. package/dist/components/{p-DmTesxFC.js → p-BLJq_DQl.js} +7 -7
  111. package/dist/components/{p-DmTesxFC.js.map → p-BLJq_DQl.js.map} +1 -1
  112. package/dist/components/{p-Dgt_HGzo.js → p-BVZRRUCK.js} +3 -3
  113. package/dist/components/{p-Dgt_HGzo.js.map → p-BVZRRUCK.js.map} +1 -1
  114. package/dist/components/{p-Ca3KlxY5.js → p-BmRaGj4b.js} +4 -4
  115. package/dist/components/{p-Ca3KlxY5.js.map → p-BmRaGj4b.js.map} +1 -1
  116. package/dist/components/{p-DzWR9m4v.js → p-BtpKiq2D.js} +3 -3
  117. package/dist/components/{p-DzWR9m4v.js.map → p-BtpKiq2D.js.map} +1 -1
  118. package/dist/components/{p-DUqXGnqG.js → p-BwBkH1FZ.js} +3 -3
  119. package/dist/components/{p-DUqXGnqG.js.map → p-BwBkH1FZ.js.map} +1 -1
  120. package/dist/components/{p-BSEgxuS2.js → p-CLu6xZLO.js} +6 -6
  121. package/dist/components/{p-BSEgxuS2.js.map → p-CLu6xZLO.js.map} +1 -1
  122. package/dist/components/{p-BIP5kkw7.js → p-CpTDw0B9.js} +3 -3
  123. package/dist/components/{p-BIP5kkw7.js.map → p-CpTDw0B9.js.map} +1 -1
  124. package/dist/components/{p-CqPCn83b.js → p-CqOPhsCr.js} +11 -11
  125. package/dist/components/{p-CqPCn83b.js.map → p-CqOPhsCr.js.map} +1 -1
  126. package/dist/components/{p-Ct7YH9xw.js → p-CuMj4EK6.js} +8 -8
  127. package/dist/components/{p-Ct7YH9xw.js.map → p-CuMj4EK6.js.map} +1 -1
  128. package/dist/components/{p-Ob5014uZ.js → p-DHlQkhPX.js} +6 -6
  129. package/dist/components/{p-Ob5014uZ.js.map → p-DHlQkhPX.js.map} +1 -1
  130. package/dist/components/{p-CEmfNVt_.js → p-DNEd2mcN.js} +12 -12
  131. package/dist/components/{p-CEmfNVt_.js.map → p-DNEd2mcN.js.map} +1 -1
  132. package/dist/components/{p-COYsIORY.js → p-Dc1jUtmh.js} +3 -3
  133. package/dist/components/{p-COYsIORY.js.map → p-Dc1jUtmh.js.map} +1 -1
  134. package/dist/components/{p-D17CpEpf.js → p-DdpzTbXl.js} +5 -5
  135. package/dist/components/{p-D17CpEpf.js.map → p-DdpzTbXl.js.map} +1 -1
  136. package/dist/components/{p-BYOvgUvy.js → p-DlcOZaBm.js} +5 -5
  137. package/dist/components/{p-BYOvgUvy.js.map → p-DlcOZaBm.js.map} +1 -1
  138. package/dist/components/{p-Awd7TCdx.js → p-DoY3N2OM.js} +3 -3
  139. package/dist/components/{p-Awd7TCdx.js.map → p-DoY3N2OM.js.map} +1 -1
  140. package/dist/components/{p-B9DT0cx2.js → p-DsGl29e5.js} +3 -3
  141. package/dist/components/{p-B9DT0cx2.js.map → p-DsGl29e5.js.map} +1 -1
  142. package/dist/components/{p-C6vD-TIt.js → p-Du043LkL.js} +5 -5
  143. package/dist/components/{p-C6vD-TIt.js.map → p-Du043LkL.js.map} +1 -1
  144. package/dist/components/{p-CD5p_T6G.js → p-JQgib47h.js} +6 -6
  145. package/dist/components/{p-CD5p_T6G.js.map → p-JQgib47h.js.map} +1 -1
  146. package/dist/components/{p-DWXbj4Z9.js → p-YORWSgxI.js} +4 -4
  147. package/dist/components/{p-DWXbj4Z9.js.map → p-YORWSgxI.js.map} +1 -1
  148. package/dist/components/{p-C24l7fCA.js → p-bG9oQD27.js} +6 -6
  149. package/dist/components/{p-C24l7fCA.js.map → p-bG9oQD27.js.map} +1 -1
  150. package/dist/components/{p-Dm1Sh8A_.js → p-viHaUeDp.js} +4 -4
  151. package/dist/components/{p-Dm1Sh8A_.js.map → p-viHaUeDp.js.map} +1 -1
  152. package/dist/components/test-input-tag.js +6 -6
  153. package/dist/docs.json +14 -25
  154. package/dist/esm/gb-action-panel.entry.js +2 -2
  155. package/dist/esm/gb-avatar-add-button.entry.js +2 -2
  156. package/dist/esm/gb-avatar-dropdown.entry.js +1 -1
  157. package/dist/esm/gb-avatar-group.entry.js +2 -2
  158. package/dist/esm/gb-avatar-label-group.entry.js +2 -2
  159. package/dist/esm/gb-avatar-profile-photo.entry.js +2 -2
  160. package/dist/esm/gb-avatar.gb-avatar-contrast-inner-border.gb-status-indicator.entry.js.map +1 -0
  161. package/dist/esm/gb-avatar_3.entry.js +172 -0
  162. package/dist/esm/gb-avatar_3.entry.js.map +1 -0
  163. package/dist/esm/gb-badge.gb-badge-close.entry.js.map +1 -0
  164. package/dist/esm/gb-badge_2.entry.js +97 -0
  165. package/dist/esm/gb-badge_2.entry.js.map +1 -0
  166. package/dist/esm/gb-breadcrumb-button-base.entry.js +2 -2
  167. package/dist/esm/gb-breadcrumbs.entry.js +2 -2
  168. package/dist/esm/gb-btn.gb-button.gb-comment.gb-comment-item.entry.js.map +1 -0
  169. package/dist/esm/gb-btn_4.entry.js +226 -0
  170. package/dist/esm/gb-btn_4.entry.js.map +1 -0
  171. package/dist/esm/gb-button-close.entry.js +2 -2
  172. package/dist/esm/gb-carousel-arrow.entry.js +2 -2
  173. package/dist/esm/gb-checkbox-group-item.entry.js +2 -2
  174. package/dist/esm/gb-checkbox-group.entry.js +2 -2
  175. package/dist/esm/gb-checkbox_2.entry.js +3 -3
  176. package/dist/esm/gb-collapse-button.gb-complex-primary-side-bar-item.gb-complex-secondary-side-bar-item.gb-simple-side-bar-item.entry.js.map +1 -0
  177. package/dist/esm/gb-collapse-button_4.entry.js +138 -0
  178. package/dist/esm/gb-collapse-button_4.entry.js.map +1 -0
  179. package/dist/esm/gb-detail-cell.entry.js +1 -1
  180. package/dist/esm/gb-dropdown-items-with-shortcut.entry.js +1 -1
  181. package/dist/esm/gb-export-dropdown-item_2.entry.js +1 -1
  182. package/dist/esm/gb-export-dropdown.entry.js +1 -1
  183. package/dist/esm/gb-export-sub-dropdown-item.entry.js +1 -1
  184. package/dist/esm/gb-featured-icon_2.entry.js +1 -1
  185. package/dist/esm/gb-file-type-icon_2.entry.js +1 -1
  186. package/dist/esm/gb-file-upload-item-base.entry.js +1 -1
  187. package/dist/esm/gb-file-upload.entry.js +1 -1
  188. package/dist/esm/gb-header-icon.entry.js +1 -1
  189. package/dist/esm/gb-header.entry.js +1 -1
  190. package/dist/esm/gb-help-dropdown.entry.js +1 -1
  191. package/dist/esm/gb-help-tooltip_3.entry.js +1 -1
  192. package/dist/esm/gb-horizontal-tabs.entry.js +1 -1
  193. package/dist/esm/gb-input-dropdown-menu-item_5.entry.js +1 -1
  194. package/dist/esm/gb-input-dropdown_3.entry.js +1 -1
  195. package/dist/esm/gb-mega-input-field-base.entry.js +1 -1
  196. package/dist/esm/gb-notification-content.entry.js +1 -1
  197. package/dist/esm/gb-notification-pane.entry.js +1 -1
  198. package/dist/esm/gb-pagination-dot-group.entry.js +1 -1
  199. package/dist/esm/gb-pagination-dot-indicator.entry.js +1 -1
  200. package/dist/esm/gb-pagination.entry.js +1 -1
  201. package/dist/esm/gb-progress-circle.entry.js +1 -1
  202. package/dist/esm/gb-scrollbar.entry.js +1 -1
  203. package/dist/esm/gb-sidebar.entry.js +115 -0
  204. package/dist/esm/gb-sidebar.entry.js.map +1 -0
  205. package/dist/esm/gb-slider-control-handle.entry.js +1 -1
  206. package/dist/esm/gb-slider.entry.js +1 -1
  207. package/dist/esm/gb-stepper-horizontal-icons-centered.entry.js +1 -1
  208. package/dist/esm/gb-stepper-horizontal-line-with-text.entry.js +1 -1
  209. package/dist/esm/gb-stepper-vertical-icons-with-text.entry.js +1 -1
  210. package/dist/esm/gb-tab-button-base.entry.js +1 -1
  211. package/dist/esm/gb-table-cell.entry.js +1 -1
  212. package/dist/esm/gb-textarea-input-field.entry.js +1 -1
  213. package/dist/esm/gb-toast-button.entry.js +1 -1
  214. package/dist/esm/gb-toast.entry.js +1 -1
  215. package/dist/esm/gb-toggle-base.entry.js +1 -1
  216. package/dist/esm/gb-toggle.entry.js +1 -1
  217. package/dist/esm/gb-token-field-compact.entry.js +1 -1
  218. package/dist/esm/gb-token-field-compressed.entry.js +1 -1
  219. package/dist/esm/{gb-comment.entry.js → gb-tooltip.entry.js} +22 -51
  220. package/dist/esm/gb-tooltip.entry.js.map +1 -0
  221. package/dist/esm/gb-top-bar-item.entry.js +1 -1
  222. package/dist/esm/gb-top-bar-sidemenu.entry.js +1 -1
  223. package/dist/esm/gb-top-bar.entry.js +1 -1
  224. package/dist/esm/gb-vertical-tabs.entry.js +1 -1
  225. package/dist/esm/gb-wysiwyg-editor-icon.entry.js +1 -1
  226. package/dist/esm/gb-wysiwyg-tooltip.entry.js +1 -1
  227. package/dist/esm/globuscomponents.js +3 -3
  228. package/dist/esm/{index-MGI5Kcbj.js → index-CrnEe5W0.js} +3 -3
  229. package/dist/esm/{index-MGI5Kcbj.js.map → index-CrnEe5W0.js.map} +1 -1
  230. package/dist/esm/loader.js +3 -3
  231. package/dist/esm/test-input-tag.entry.js +1 -1
  232. package/dist/globuscomponents/gb-avatar.gb-avatar-contrast-inner-border.gb-status-indicator.entry.esm.js.map +1 -0
  233. package/dist/globuscomponents/gb-badge.gb-badge-close.entry.esm.js.map +1 -0
  234. package/dist/globuscomponents/gb-btn.gb-button.gb-comment.gb-comment-item.entry.esm.js.map +1 -0
  235. package/dist/globuscomponents/gb-collapse-button.gb-complex-primary-side-bar-item.gb-complex-secondary-side-bar-item.gb-simple-side-bar-item.entry.esm.js.map +1 -0
  236. package/dist/globuscomponents/gb-sidebar.entry.esm.js.map +1 -0
  237. package/dist/globuscomponents/gb-tooltip.entry.esm.js.map +1 -0
  238. package/dist/globuscomponents/globuscomponents.esm.js +1 -1
  239. package/dist/globuscomponents/p-038b1c91.entry.js +2 -0
  240. package/dist/globuscomponents/{p-1d5cac5f.entry.js.map → p-038b1c91.entry.js.map} +1 -1
  241. package/dist/globuscomponents/{p-4c2eb484.entry.js → p-04cdf1b9.entry.js} +2 -2
  242. package/dist/globuscomponents/p-04cfab13.entry.js +2 -0
  243. package/dist/globuscomponents/p-04cfab13.entry.js.map +1 -0
  244. package/dist/globuscomponents/{p-2c3bbab9.entry.js → p-05d014b6.entry.js} +2 -2
  245. package/dist/globuscomponents/{p-d75507e9.entry.js → p-0eae6ebb.entry.js} +2 -2
  246. package/dist/globuscomponents/{p-38442f6f.entry.js → p-1094f37d.entry.js} +2 -2
  247. package/dist/globuscomponents/{p-f5f08906.entry.js → p-133cfdbe.entry.js} +2 -2
  248. package/dist/globuscomponents/{p-b79a2f8f.entry.js → p-1624c310.entry.js} +2 -2
  249. package/dist/globuscomponents/{p-03e39fd2.entry.js → p-1859bc83.entry.js} +2 -2
  250. package/dist/globuscomponents/p-18c598da.entry.js +2 -0
  251. package/dist/globuscomponents/{p-cbfb5a59.entry.js.map → p-18c598da.entry.js.map} +1 -1
  252. package/dist/globuscomponents/p-1f335d7d.entry.js +2 -0
  253. package/dist/globuscomponents/{p-beea0431.entry.js.map → p-1f335d7d.entry.js.map} +1 -1
  254. package/dist/globuscomponents/{p-a384736e.entry.js → p-24764938.entry.js} +2 -2
  255. package/dist/globuscomponents/{p-eb4be329.entry.js → p-259a35e3.entry.js} +2 -2
  256. package/dist/globuscomponents/p-2bdd33a8.entry.js +2 -0
  257. package/dist/globuscomponents/{p-e07531ae.entry.js.map → p-2bdd33a8.entry.js.map} +1 -1
  258. package/dist/globuscomponents/{p-b768cc50.entry.js → p-3021d1be.entry.js} +2 -2
  259. package/dist/globuscomponents/p-35f2569e.entry.js +2 -0
  260. package/dist/globuscomponents/{p-ac756482.entry.js.map → p-35f2569e.entry.js.map} +1 -1
  261. package/dist/globuscomponents/{p-8367491a.entry.js → p-38b1f282.entry.js} +2 -2
  262. package/dist/globuscomponents/{p-5ffdfc74.entry.js → p-41a4ae4e.entry.js} +2 -2
  263. package/dist/globuscomponents/{p-a2836432.entry.js → p-42d5cb72.entry.js} +2 -2
  264. package/dist/globuscomponents/{p-ebba8f9e.entry.js → p-46a8cafc.entry.js} +2 -2
  265. package/dist/globuscomponents/{p-ce524a73.entry.js → p-49e931fe.entry.js} +2 -2
  266. package/dist/globuscomponents/p-4b01c567.entry.js +2 -0
  267. package/dist/globuscomponents/p-4b01c567.entry.js.map +1 -0
  268. package/dist/globuscomponents/{p-acb701f7.entry.js → p-4dcfa097.entry.js} +2 -2
  269. package/dist/globuscomponents/p-51c423f5.entry.js +2 -0
  270. package/dist/globuscomponents/{p-dfa5810c.entry.js.map → p-51c423f5.entry.js.map} +1 -1
  271. package/dist/globuscomponents/{p-1f043bec.entry.js → p-59e40bcf.entry.js} +2 -2
  272. package/dist/globuscomponents/{p-cd33012b.entry.js → p-5a0ade34.entry.js} +2 -2
  273. package/dist/globuscomponents/{p-a1828582.entry.js → p-6013e2c2.entry.js} +2 -2
  274. package/dist/globuscomponents/p-6e43ef21.entry.js +2 -0
  275. package/dist/globuscomponents/{p-a896942b.entry.js → p-770b80b4.entry.js} +2 -2
  276. package/dist/globuscomponents/p-7bf7a94c.entry.js +2 -0
  277. package/dist/globuscomponents/p-7bf7a94c.entry.js.map +1 -0
  278. package/dist/globuscomponents/{p-dd77dce2.entry.js → p-7cffe750.entry.js} +2 -2
  279. package/dist/globuscomponents/{p-e2fbbf87.entry.js → p-84b98022.entry.js} +2 -2
  280. package/dist/globuscomponents/{p-ce041db7.entry.js → p-8f17e760.entry.js} +2 -2
  281. package/dist/globuscomponents/{p-ed9ca6ea.entry.js → p-8fbbd4d0.entry.js} +2 -2
  282. package/dist/globuscomponents/{p-60998303.entry.js → p-938e1139.entry.js} +2 -2
  283. package/dist/globuscomponents/{p-285c80ad.entry.js → p-9bc739b3.entry.js} +2 -2
  284. package/dist/globuscomponents/{p-523e4e83.entry.js → p-9ca88880.entry.js} +2 -2
  285. package/dist/globuscomponents/{p-MGI5Kcbj.js → p-CrnEe5W0.js} +2 -2
  286. package/dist/globuscomponents/{p-MGI5Kcbj.js.map → p-CrnEe5W0.js.map} +1 -1
  287. package/dist/globuscomponents/{p-eb8cc520.entry.js → p-a1db29d7.entry.js} +2 -2
  288. package/dist/globuscomponents/{p-e0c2e32a.entry.js → p-a4ff9eb1.entry.js} +2 -2
  289. package/dist/globuscomponents/{p-1b0d8d74.entry.js → p-a932ec80.entry.js} +2 -2
  290. package/dist/globuscomponents/{p-941b9304.entry.js → p-abbb9b86.entry.js} +2 -2
  291. package/dist/globuscomponents/{p-5a8a4775.entry.js → p-ad33fb35.entry.js} +2 -2
  292. package/dist/globuscomponents/{p-0b97a33a.entry.js → p-b1230f96.entry.js} +2 -2
  293. package/dist/globuscomponents/{p-4c542ee2.entry.js → p-b2fe7f50.entry.js} +2 -2
  294. package/dist/globuscomponents/p-b7f361c5.entry.js +2 -0
  295. package/dist/globuscomponents/p-b7f361c5.entry.js.map +1 -0
  296. package/dist/globuscomponents/{p-5117f683.entry.js → p-b8861881.entry.js} +2 -2
  297. package/dist/globuscomponents/p-bf35fa01.entry.js +2 -0
  298. package/dist/globuscomponents/{p-a175adfd.entry.js.map → p-bf35fa01.entry.js.map} +1 -1
  299. package/dist/globuscomponents/p-c4537dbe.entry.js +2 -0
  300. package/dist/globuscomponents/p-c4537dbe.entry.js.map +1 -0
  301. package/dist/globuscomponents/{p-632e1a3c.entry.js → p-c49fb5da.entry.js} +2 -2
  302. package/dist/globuscomponents/p-c516828a.entry.js +2 -0
  303. package/dist/globuscomponents/{p-247d6548.entry.js.map → p-c516828a.entry.js.map} +1 -1
  304. package/dist/globuscomponents/{p-9e8bdaf6.entry.js → p-cf0f25c7.entry.js} +2 -2
  305. package/dist/globuscomponents/{p-63111b22.entry.js → p-d080be3b.entry.js} +2 -2
  306. package/dist/globuscomponents/{p-e0220aab.entry.js → p-d21da54b.entry.js} +2 -2
  307. package/dist/globuscomponents/{p-c22cc4e3.entry.js → p-d3be846e.entry.js} +2 -2
  308. package/dist/globuscomponents/p-d3e668be.entry.js +2 -0
  309. package/dist/globuscomponents/p-d3e668be.entry.js.map +1 -0
  310. package/dist/globuscomponents/p-d7d662f5.entry.js +2 -0
  311. package/dist/globuscomponents/{p-78c2dac0.entry.js.map → p-d7d662f5.entry.js.map} +1 -1
  312. package/dist/globuscomponents/{p-6f6064f0.entry.js → p-dd8b5070.entry.js} +2 -2
  313. package/dist/globuscomponents/{p-d203ca94.entry.js → p-e1923f3c.entry.js} +2 -2
  314. package/dist/globuscomponents/{p-b4535e05.entry.js → p-e8ed79c2.entry.js} +2 -2
  315. package/dist/globuscomponents/{p-de19b245.entry.js → p-ec18cbee.entry.js} +2 -2
  316. package/dist/globuscomponents/{p-b64b5646.entry.js → p-ee22aa16.entry.js} +2 -2
  317. package/dist/globuscomponents/p-ef461ffc.entry.js +2 -0
  318. package/dist/globuscomponents/{p-79dacb0d.entry.js.map → p-ef461ffc.entry.js.map} +1 -1
  319. package/dist/globuscomponents/{p-a88a194d.entry.js → p-f0ec2fac.entry.js} +2 -2
  320. package/dist/globuscomponents/p-f815776d.entry.js +2 -0
  321. package/dist/globuscomponents/readme.md +0 -2
  322. package/dist/types/components/gb-comment/gb-comment.d.ts +2 -6
  323. package/dist/types/components.d.ts +2 -4
  324. package/package.json +1 -1
  325. package/dist/cjs/gb-avatar.gb-avatar-contrast-inner-border.gb-badge.gb-badge-close.gb-btn.gb-collapse-button.gb-complex-primary-side-bar-item.gb-complex-secondary-side-bar-item.gb-sidebar.gb-simple-side-bar-item.gb-status-indicator.gb-tooltip.entry.cjs.js.map +0 -1
  326. package/dist/cjs/gb-avatar_12.cjs.entry.js +0 -621
  327. package/dist/cjs/gb-avatar_12.cjs.entry.js.map +0 -1
  328. package/dist/cjs/gb-button.cjs.entry.js +0 -82
  329. package/dist/cjs/gb-button.cjs.entry.js.map +0 -1
  330. package/dist/cjs/gb-button.entry.cjs.js.map +0 -1
  331. package/dist/cjs/gb-comment-item.cjs.entry.js +0 -25
  332. package/dist/cjs/gb-comment-item.cjs.entry.js.map +0 -1
  333. package/dist/cjs/gb-comment-item.entry.cjs.js.map +0 -1
  334. package/dist/cjs/gb-comment.cjs.entry.js.map +0 -1
  335. package/dist/cjs/gb-comment.entry.cjs.js.map +0 -1
  336. package/dist/esm/gb-avatar.gb-avatar-contrast-inner-border.gb-badge.gb-badge-close.gb-btn.gb-collapse-button.gb-complex-primary-side-bar-item.gb-complex-secondary-side-bar-item.gb-sidebar.gb-simple-side-bar-item.gb-status-indicator.gb-tooltip.entry.js.map +0 -1
  337. package/dist/esm/gb-avatar_12.entry.js +0 -608
  338. package/dist/esm/gb-avatar_12.entry.js.map +0 -1
  339. package/dist/esm/gb-button.entry.js +0 -80
  340. package/dist/esm/gb-button.entry.js.map +0 -1
  341. package/dist/esm/gb-comment-item.entry.js +0 -23
  342. package/dist/esm/gb-comment-item.entry.js.map +0 -1
  343. package/dist/esm/gb-comment.entry.js.map +0 -1
  344. package/dist/globuscomponents/gb-avatar.gb-avatar-contrast-inner-border.gb-badge.gb-badge-close.gb-btn.gb-collapse-button.gb-complex-primary-side-bar-item.gb-complex-secondary-side-bar-item.gb-sidebar.gb-simple-side-bar-item.gb-status-indicator.gb-tooltip.entry.esm.js.map +0 -1
  345. package/dist/globuscomponents/gb-button.entry.esm.js.map +0 -1
  346. package/dist/globuscomponents/gb-comment-item.entry.esm.js.map +0 -1
  347. package/dist/globuscomponents/gb-comment.entry.esm.js.map +0 -1
  348. package/dist/globuscomponents/p-08fd2d09.entry.js +0 -2
  349. package/dist/globuscomponents/p-08fd2d09.entry.js.map +0 -1
  350. package/dist/globuscomponents/p-1d5cac5f.entry.js +0 -2
  351. package/dist/globuscomponents/p-247d6548.entry.js +0 -2
  352. package/dist/globuscomponents/p-78c2dac0.entry.js +0 -2
  353. package/dist/globuscomponents/p-79dacb0d.entry.js +0 -2
  354. package/dist/globuscomponents/p-a175adfd.entry.js +0 -2
  355. package/dist/globuscomponents/p-ac756482.entry.js +0 -2
  356. package/dist/globuscomponents/p-aca9380c.entry.js +0 -2
  357. package/dist/globuscomponents/p-aca9380c.entry.js.map +0 -1
  358. package/dist/globuscomponents/p-beea0431.entry.js +0 -2
  359. package/dist/globuscomponents/p-c20d8243.entry.js +0 -2
  360. package/dist/globuscomponents/p-c20d8243.entry.js.map +0 -1
  361. package/dist/globuscomponents/p-cae53c1e.entry.js +0 -2
  362. package/dist/globuscomponents/p-cae53c1e.entry.js.map +0 -1
  363. package/dist/globuscomponents/p-cbfb5a59.entry.js +0 -2
  364. package/dist/globuscomponents/p-d7244b1d.entry.js +0 -2
  365. package/dist/globuscomponents/p-de2ec0ab.entry.js +0 -2
  366. package/dist/globuscomponents/p-dfa5810c.entry.js +0 -2
  367. package/dist/globuscomponents/p-e07531ae.entry.js +0 -2
  368. /package/dist/globuscomponents/{p-4c2eb484.entry.js.map → p-04cdf1b9.entry.js.map} +0 -0
  369. /package/dist/globuscomponents/{p-2c3bbab9.entry.js.map → p-05d014b6.entry.js.map} +0 -0
  370. /package/dist/globuscomponents/{p-d75507e9.entry.js.map → p-0eae6ebb.entry.js.map} +0 -0
  371. /package/dist/globuscomponents/{p-38442f6f.entry.js.map → p-1094f37d.entry.js.map} +0 -0
  372. /package/dist/globuscomponents/{p-f5f08906.entry.js.map → p-133cfdbe.entry.js.map} +0 -0
  373. /package/dist/globuscomponents/{p-b79a2f8f.entry.js.map → p-1624c310.entry.js.map} +0 -0
  374. /package/dist/globuscomponents/{p-03e39fd2.entry.js.map → p-1859bc83.entry.js.map} +0 -0
  375. /package/dist/globuscomponents/{p-a384736e.entry.js.map → p-24764938.entry.js.map} +0 -0
  376. /package/dist/globuscomponents/{p-eb4be329.entry.js.map → p-259a35e3.entry.js.map} +0 -0
  377. /package/dist/globuscomponents/{p-b768cc50.entry.js.map → p-3021d1be.entry.js.map} +0 -0
  378. /package/dist/globuscomponents/{p-8367491a.entry.js.map → p-38b1f282.entry.js.map} +0 -0
  379. /package/dist/globuscomponents/{p-5ffdfc74.entry.js.map → p-41a4ae4e.entry.js.map} +0 -0
  380. /package/dist/globuscomponents/{p-a2836432.entry.js.map → p-42d5cb72.entry.js.map} +0 -0
  381. /package/dist/globuscomponents/{p-ebba8f9e.entry.js.map → p-46a8cafc.entry.js.map} +0 -0
  382. /package/dist/globuscomponents/{p-ce524a73.entry.js.map → p-49e931fe.entry.js.map} +0 -0
  383. /package/dist/globuscomponents/{p-acb701f7.entry.js.map → p-4dcfa097.entry.js.map} +0 -0
  384. /package/dist/globuscomponents/{p-1f043bec.entry.js.map → p-59e40bcf.entry.js.map} +0 -0
  385. /package/dist/globuscomponents/{p-cd33012b.entry.js.map → p-5a0ade34.entry.js.map} +0 -0
  386. /package/dist/globuscomponents/{p-a1828582.entry.js.map → p-6013e2c2.entry.js.map} +0 -0
  387. /package/dist/globuscomponents/{p-d7244b1d.entry.js.map → p-6e43ef21.entry.js.map} +0 -0
  388. /package/dist/globuscomponents/{p-a896942b.entry.js.map → p-770b80b4.entry.js.map} +0 -0
  389. /package/dist/globuscomponents/{p-dd77dce2.entry.js.map → p-7cffe750.entry.js.map} +0 -0
  390. /package/dist/globuscomponents/{p-e2fbbf87.entry.js.map → p-84b98022.entry.js.map} +0 -0
  391. /package/dist/globuscomponents/{p-ce041db7.entry.js.map → p-8f17e760.entry.js.map} +0 -0
  392. /package/dist/globuscomponents/{p-ed9ca6ea.entry.js.map → p-8fbbd4d0.entry.js.map} +0 -0
  393. /package/dist/globuscomponents/{p-60998303.entry.js.map → p-938e1139.entry.js.map} +0 -0
  394. /package/dist/globuscomponents/{p-285c80ad.entry.js.map → p-9bc739b3.entry.js.map} +0 -0
  395. /package/dist/globuscomponents/{p-523e4e83.entry.js.map → p-9ca88880.entry.js.map} +0 -0
  396. /package/dist/globuscomponents/{p-eb8cc520.entry.js.map → p-a1db29d7.entry.js.map} +0 -0
  397. /package/dist/globuscomponents/{p-e0c2e32a.entry.js.map → p-a4ff9eb1.entry.js.map} +0 -0
  398. /package/dist/globuscomponents/{p-1b0d8d74.entry.js.map → p-a932ec80.entry.js.map} +0 -0
  399. /package/dist/globuscomponents/{p-941b9304.entry.js.map → p-abbb9b86.entry.js.map} +0 -0
  400. /package/dist/globuscomponents/{p-5a8a4775.entry.js.map → p-ad33fb35.entry.js.map} +0 -0
  401. /package/dist/globuscomponents/{p-0b97a33a.entry.js.map → p-b1230f96.entry.js.map} +0 -0
  402. /package/dist/globuscomponents/{p-4c542ee2.entry.js.map → p-b2fe7f50.entry.js.map} +0 -0
  403. /package/dist/globuscomponents/{p-5117f683.entry.js.map → p-b8861881.entry.js.map} +0 -0
  404. /package/dist/globuscomponents/{p-632e1a3c.entry.js.map → p-c49fb5da.entry.js.map} +0 -0
  405. /package/dist/globuscomponents/{p-9e8bdaf6.entry.js.map → p-cf0f25c7.entry.js.map} +0 -0
  406. /package/dist/globuscomponents/{p-63111b22.entry.js.map → p-d080be3b.entry.js.map} +0 -0
  407. /package/dist/globuscomponents/{p-e0220aab.entry.js.map → p-d21da54b.entry.js.map} +0 -0
  408. /package/dist/globuscomponents/{p-c22cc4e3.entry.js.map → p-d3be846e.entry.js.map} +0 -0
  409. /package/dist/globuscomponents/{p-6f6064f0.entry.js.map → p-dd8b5070.entry.js.map} +0 -0
  410. /package/dist/globuscomponents/{p-d203ca94.entry.js.map → p-e1923f3c.entry.js.map} +0 -0
  411. /package/dist/globuscomponents/{p-b4535e05.entry.js.map → p-e8ed79c2.entry.js.map} +0 -0
  412. /package/dist/globuscomponents/{p-de19b245.entry.js.map → p-ec18cbee.entry.js.map} +0 -0
  413. /package/dist/globuscomponents/{p-b64b5646.entry.js.map → p-ee22aa16.entry.js.map} +0 -0
  414. /package/dist/globuscomponents/{p-a88a194d.entry.js.map → p-f0ec2fac.entry.js.map} +0 -0
  415. /package/dist/globuscomponents/{p-de2ec0ab.entry.js.map → p-f815776d.entry.js.map} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"gb-sidebar.entry.esm.js","sources":["src/components/gb-sidebar/gb-sidebar.css?tag=gb-sidebar&encapsulation=shadow","src/components/gb-sidebar/gb-sidebar.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n/* Simple Sidebar Styles */\r\n.simple_sidebar_div{\r\n transition: all 0.3s ease-in-out;\r\n position: relative;\r\n height: 100vh;\r\n}\r\n\r\n.pattern{\r\n position: absolute;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n mix-blend-mode: multiply;\r\n}\r\n\r\n.simple_sidebar_div .pattern img\r\n.primary_side_menu .pattern img{\r\n width: 100%;\r\n height: auto;\r\n}\r\n\r\n.simple_sidebar_div.expanded{\r\n display: inline-flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n width: 16.75rem;\r\n}\r\n\r\n.simple_sidebar_div.collapsed{\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n width: 5rem;\r\n}\r\n\r\n.nav{\r\n display: flex;\r\n width: 100%;\r\n flex-direction: column;\r\n gap: var(--spacing-6);\r\n}\r\n\r\n.sidebar_header.expanded{\r\n display: flex;\r\n padding: var(--spacing-none) var(--spacing-4) var(--spacing-none) var(--spacing-6);\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-top: 1rem;\r\n}\r\n\r\n.sidebar_header.collapsed{\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n margin-top: 1rem;\r\n gap: 1.5rem;\r\n}\r\n\r\n.logo_and_name.expanded{\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: center;\r\n}\r\n\r\n.logo_and_name.collapsed{\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.collapse_button.collapsed{\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.application_name{\r\n display: flex;\r\n padding: var(--spacing-6);\r\n}\r\n\r\n.wrapper{\r\n display: flex;\r\n padding: var(--spacing-4) var(--spacing-5) var(--spacing-5) var(--spacing-5);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: var(--spacing-4);\r\n align-self: stretch;\r\n border-radius: var(--rounded-sm);\r\n position: relative;\r\n width: 13.75rem;\r\n height: auto;\r\n overflow: hidden;\r\n}\r\n\r\n.application_icon svg{\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n}\r\n\r\n.application_icon.plain_background path[stroke] {\r\n stroke: var(--color-icon-information-bold, #042F59);\r\n}\r\n\r\n.application_icon.plain_background path[fill] {\r\n fill: var(--color-icon-information-bold, #042F59);\r\n}\r\n\r\n.application_icon.colored_background path[stroke] {\r\n stroke: var(--color-icon-inverse, #FFFFFF);\r\n}\r\n\r\n.application_icon.colored_background path[fill] {\r\n fill: var(--color-icon-inverse, #FFFFFF);\r\n}\r\n\r\n.application_name_pattern{\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n mix-blend-mode: multiply;\r\n}\r\n\r\n.application_name_pattern img{\r\n width: 100%;\r\n}\r\n\r\n.wrapper{\r\n width: 100%;\r\n}\r\n\r\n.wrapper.colored_background{\r\n border: 1px solid rgba(255, 255, 255, 0.10);\r\n background: rgba(0, 0, 0, 0.10);\r\n}\r\n\r\n.wrapper.plain_background{\r\n background: var(--color-background-gray-subtlest, #F6F8FA);\r\n border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n}\r\n\r\n.plain_background_color{\r\n color: var(--color-text-information-bold, #042F59);\r\n}\r\n\r\n.colored_background_color{\r\n color: var(--color-text-inverse, #FFFFFF);\r\n}\r\n\r\n/* Simple Sidebar Category Styles */\r\n.simple_sidebar_div.plain_background{\r\n border-right: 0.7px solid var(--color-border-subtle, #CDD5DF);\r\n background: var(--color-surface, #FFFFFF);\r\n}\r\n\r\n.simple_sidebar_div.colored_background{\r\n background-image: linear-gradient(180deg, #064E94 0%, #02182E 100%);\r\n background-size: cover;\r\n}\r\n\r\n.item{\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n gap: var(--spacing-1);\r\n}\r\n\r\n/* Complex Sidebar Styles */\r\n.sidebar_and_nav{\r\n width: fit-content;\r\n transition: all 0.3s ease-in-out;\r\n}\r\n\r\n.complex_sidebar_div{\r\n display: flex;\r\n gap: 0;\r\n width: fit-content;\r\n height: 100vh;\r\n}\r\n\r\n.primary_side_menu{\r\n position: relative;\r\n width: 6rem;\r\n}\r\n\r\n.primary_side_menu.standard{\r\n padding: var(--spacing-4) var(--spacing-none) 0.5rem var(--spacing-none);\r\n}\r\n\r\n.primary_side_menu.compact{\r\n padding: var(--spacing-2) var(--spacing-none) 0.5rem var(--spacing-none);\r\n}\r\n\r\n.primary_side_menu_container{\r\n width: 100%;\r\n}\r\n\r\n.nav_div{\r\n display: flex;\r\n height: 4.5rem;\r\n padding: 0.5rem var(--spacing-5) 0.5rem var(--spacing-7);\r\n align-items: center;\r\n gap: 1.5rem;\r\n flex: 1 0 0;\r\n border-bottom: 1px solid var(--color-border-subtler, #E3E8EF);\r\n background: var(--color-surface, #FFFFFF);\r\n}\r\n\r\n.logo_and_button{\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex: 1 0 0;\r\n}\r\n\r\n/* Complex Sidebar Category Styles */\r\n.primary_side_menu.plain_background{\r\n border-right: 0.7px solid var(--color-border-subtle, #CDD5DF);\r\n background: var(--color-surface, #FFFFFF);\r\n}\r\n\r\n.primary_side_menu.colored_background{\r\n background-image: linear-gradient(180deg, #064E94 0%, #02182E 100%);\r\n background-size: cover;\r\n}\r\n\r\n/* Complex Sidebar State Styles */\r\n.secondary_side_menu{\r\n width: fit-content;\r\n}\r\n\r\n.secondary_side_menu.colored_background{\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n}\r\n\r\n.secondary_side_menu.plain_background{\r\n background: var(--color-surface, #FFFFFF);\r\n border-right: 0.7px solid var(--color-border-subtle, #CDD5DF);\r\n}\r\n\r\n.sside_menu{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-2);\r\n height: 100vh;\r\n padding: var(--spacing-4) var(--spacing-none);\r\n}","import { Component, Element, h, Prop, Fragment, State, getAssetPath, Method, Event, EventEmitter } from \"@stencil/core\";\r\nimport { GeneralBackgroundCategories } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-sidebar',\r\n styleUrl: 'gb-sidebar.css',\r\n shadow: true,\r\n})\r\nexport class GbSidebar {\r\n @Prop({ mutable: true }) state: 'expanded' | 'collapsed' = 'expanded';\r\n @Prop() category: GeneralBackgroundCategories;\r\n @Prop() navItemStyle: 'standard' | 'compact';\r\n @Prop() type: 'simple' | 'complex';\r\n @Prop() showSecondCategory: boolean = false;\r\n @Prop() iconInstance: string = '';\r\n @Prop() firstItemIcon: string = '';\r\n @Prop() secondItemIcon: string = '';\r\n @Prop() thirdItemIcon: string = '';\r\n @Prop() fourthItemIcon: string = '';\r\n @Prop() fifthItemIcon: string = '';\r\n @Prop() sixthItemIcon: string = '';\r\n @Prop() seventhItemIcon: string = '';\r\n @Prop() eighthItemIcon: string = '';\r\n @Prop() ninthItemIcon: string = '';\r\n @Prop() tenthItemIcon: string = '';\r\n @Prop() firstItemLabel: string = '';\r\n @Prop() secondItemLabel: string = '';\r\n @Prop() thirdItemLabel: string = '';\r\n @Prop() fourthItemLabel: string = '';\r\n @Prop() fifthItemLabel: string = '';\r\n @Prop() sixthItemLabel: string = '';\r\n @Prop() seventhItemLabel: string = '';\r\n @Prop() eighthItemLabel: string = '';\r\n @Prop() ninthItemLabel: string = '';\r\n @Prop() tenthItemLabel: string = '';\r\n @Prop() complexSidebarData: any = {\r\n Recruitment: {\r\n icon: 'assets/user-search-01.svg', // Icon class or path for Recruitment\r\n items: [\r\n { label: 'Overview', icon: 'assets/star.svg' },\r\n { label: 'My Profile', icon: 'assets/star.svg' },\r\n { label: 'Appraisal', icon: 'assets/star.svg' },\r\n { label: 'Staff Management', icon: 'assets/star.svg' },\r\n { label: 'Leave Management', icon: 'assets/star.svg' },\r\n { label: 'Resignation Portal', icon: 'assets/star.svg' },\r\n ],\r\n },\r\n Staff: {\r\n icon: 'assets/user-account.svg',\r\n items: [\r\n { label: 'Staff Overview', icon: 'assets/star.svg' },\r\n { label: 'Payroll Management', icon: 'assets/dashboard-square-03.svg' },\r\n { label: 'Attendance', icon: 'assets/dashboard-square-03.svg' },\r\n { label: 'New', icon: 'assets/dashboard-square-03.svg' },\r\n ],\r\n },\r\n };\r\n @Prop({ mutable: true }) activeIndex: number;\r\n @Prop({ mutable: true }) activePrimaryItem: string = 'Staff';\r\n @Prop({ mutable: true }) activeSecondaryItem: string = 'Attendance Tracking';\r\n @Element() el: HTMLElement;\r\n @State() leadingIconSvg: string = '';\r\n @Event() simpleSidebarItemClicked: EventEmitter<number>;\r\n @Event() secondaryItemClicked: EventEmitter<number>;\r\n @Event() primaryItemClicked: EventEmitter<{primary: number, secondary: number}>;\r\n @Event() sidebarState: EventEmitter<string>;\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n this.leadingIconSvg = svg;\r\n }\r\n\r\n collapseSideBar() {\r\n if (this.state === 'expanded') {\r\n this.state = 'collapsed';\r\n }\r\n this.sidebarState.emit('collapsed');\r\n }\r\n\r\n expandSideBar() {\r\n if (this.state === 'collapsed') {\r\n this.state = 'expanded';\r\n }\r\n this.sidebarState.emit('expanded');\r\n }\r\n\r\n @Method()\r\n async sideBarItemClicked(index: number) {\r\n this.activeIndex = index;\r\n // console.log(index);\r\n this.simpleSidebarItemClicked.emit(index);\r\n }\r\n\r\n handlePrimaryClick(item: string, index: number) {\r\n this.activePrimaryItem = item;\r\n this.activeSecondaryItem = this.complexSidebarData[item].items[0].label; // Reset to the first secondary item\r\n console.log(index)\r\n }\r\n\r\n handleSecondaryClick(item: string, index: number) {\r\n this.activeSecondaryItem = item;\r\n console.log(index);\r\n }\r\n\r\n componentDidLoad() {\r\n const applicationName = this.el.querySelector('[slot=\"application_name\"]');\r\n\r\n applicationName.classList.add('text-lg-bold');\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.iconInstance);\r\n }\r\n\r\n render() {\r\n const textClass = this.category === 'plain_background' ? 'plain_background_color' : 'colored_background_color';\r\n const patternSrc = getAssetPath(`assets/pattern_wrapper.svg`);\r\n const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);\r\n const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);\r\n const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);\r\n\r\n return (\r\n <>\r\n {this.type === 'simple' && (\r\n <div class={`simple_sidebar_div ${this.state} ${this.category}`}>\r\n {this.category === 'colored_background' && (\r\n <div class=\"pattern\">\r\n <img src={patternSrc} alt=\"\" />\r\n </div>\r\n )}\r\n <div class=\"nav\">\r\n <div class={`sidebar_header ${this.state}`}>\r\n <div class={`logo_and_name ${this.state}`}>\r\n {this.state === 'expanded' && <>{this.category === 'plain_background' ? <img src={blueLogoSrc} /> : <img src={whiteLogoSrc} />}</>}\r\n {this.state === 'collapsed' && <img src={logoSrc} alt=\"\" />}\r\n </div>\r\n <div class={`collapse_button ${this.state}`}>\r\n <gb-collapse-button\r\n color={this.category === 'plain_background' ? 'gray' : 'white'}\r\n action={this.state === 'collapsed' ? 'expand' : 'collapse'}\r\n onClick={() => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar())}\r\n ></gb-collapse-button>\r\n </div>\r\n </div>\r\n <div class=\"navigation\">\r\n <div class=\"item\">\r\n <gb-simple-side-bar-item\r\n state={this.activeIndex === 0 ? 'active' : 'default'}\r\n icon={this.firstItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(0)}\r\n label={this.firstItemLabel}\r\n ></gb-simple-side-bar-item>\r\n <gb-simple-side-bar-item\r\n state={this.activeIndex === 1 ? 'active' : 'default'}\r\n icon={this.secondItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(1)}\r\n label={this.secondItemLabel}\r\n ></gb-simple-side-bar-item>\r\n {this.thirdItemLabel && (\r\n <gb-simple-side-bar-item\r\n state={this.activeIndex === 2 ? 'active' : 'default'}\r\n icon={this.thirdItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(2)}\r\n label={this.thirdItemLabel}\r\n ></gb-simple-side-bar-item>\r\n )}\r\n {this.fourthItemLabel && (\r\n <gb-simple-side-bar-item\r\n state={this.activeIndex === 3 ? 'active' : 'default'}\r\n icon={this.fourthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(3)}\r\n label={this.fourthItemLabel}\r\n ></gb-simple-side-bar-item>\r\n )}\r\n {this.fifthItemLabel && (\r\n <gb-simple-side-bar-item\r\n state={this.activeIndex === 4 ? 'active' : 'default'}\r\n icon={this.fifthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(4)}\r\n label={this.fifthItemLabel}\r\n ></gb-simple-side-bar-item>\r\n )}\r\n </div>\r\n </div>\r\n {this.showSecondCategory && (\r\n <div class=\"navigation\">\r\n <div class=\"item\">\r\n {this.sixthItemLabel && (\r\n <gb-simple-side-bar-item\r\n state={this.activeIndex === 5 ? 'active' : 'default'}\r\n icon={this.sixthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(5)}\r\n label={this.sixthItemLabel}\r\n ></gb-simple-side-bar-item>\r\n )}\r\n {this.seventhItemLabel && (\r\n <gb-simple-side-bar-item\r\n state={this.activeIndex === 6 ? 'active' : 'default'}\r\n icon={this.seventhItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(6)}\r\n label={this.seventhItemLabel}\r\n ></gb-simple-side-bar-item>\r\n )}\r\n {this.eighthItemLabel && (\r\n <gb-simple-side-bar-item\r\n state={this.activeIndex === 7 ? 'active' : 'default'}\r\n icon={this.eighthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(7)}\r\n label={this.eighthItemLabel}\r\n ></gb-simple-side-bar-item>\r\n )}\r\n {this.ninthItemLabel && (\r\n <gb-simple-side-bar-item\r\n state={this.activeIndex === 8 ? 'active' : 'default'}\r\n icon={this.ninthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(8)}\r\n label={this.ninthItemLabel}\r\n ></gb-simple-side-bar-item>\r\n )}\r\n {this.tenthItemLabel && (\r\n <gb-simple-side-bar-item\r\n state={this.activeIndex === 9 ? 'active' : 'default'}\r\n icon={this.tenthItemIcon}\r\n category={this.category}\r\n type={this.state === 'collapsed' ? 'icon_only' : 'full_with_label'}\r\n onClick={() => this.sideBarItemClicked(9)}\r\n label={this.tenthItemLabel}\r\n ></gb-simple-side-bar-item>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n {this.state === 'expanded' && (\r\n <div class=\"application_name\">\r\n <div class={`wrapper ${this.category}`}>\r\n {this.category === 'plain_background' && (\r\n <div class=\"application_name_pattern\">\r\n <img src={patternSrc} alt=\"\" />\r\n </div>\r\n )}\r\n <div class={`application_icon ${this.category}`} innerHTML={this.leadingIconSvg}></div>\r\n <span class={textClass}>\r\n <slot name=\"application_name\"></slot>\r\n </span>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n {this.type === 'complex' && (\r\n <div class={`sidebar_and_nav ${this.state}`}>\r\n <div class=\"nav_div\">\r\n <div class=\"logo_and_button\">\r\n {this.state === 'expanded' && <img src={blueLogoSrc} />}\r\n {this.state === 'collapsed' && <img src={logoSrc} alt=\"\" />}\r\n <gb-collapse-button\r\n color=\"gray\"\r\n action={this.state === 'collapsed' ? 'expand' : 'collapse'}\r\n onClick={() => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar())}\r\n ></gb-collapse-button>\r\n </div>\r\n </div>\r\n <div class=\"complex_sidebar_div\">\r\n <div class={`primary_side_menu ${this.category} ${this.navItemStyle}`}>\r\n {this.category === 'colored_background' && (\r\n <div class=\"pattern\">\r\n <img src={patternSrc} alt=\"\" />\r\n </div>\r\n )}\r\n <div class=\"primary_side_menu_container\">\r\n {Object.keys(this.complexSidebarData).map((primaryItem, index) => (\r\n <gb-complex-primary-side-bar-item\r\n key={`${index}`} // Unique key\r\n label={primaryItem}\r\n category={this.category}\r\n item-style={this.navItemStyle}\r\n icon={this.complexSidebarData[primaryItem].icon}\r\n state={this.activePrimaryItem === primaryItem ? 'active' : 'default'}\r\n onClick={() => this.handlePrimaryClick(primaryItem, index)}\r\n ></gb-complex-primary-side-bar-item>\r\n ))}\r\n </div>\r\n </div>\r\n <div class={`secondary_side_menu ${this.category} ${this.state}`}>\r\n <div class=\"sside_menu\">\r\n {this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (\r\n <gb-complex-secondary-side-bar-item\r\n key={`${this.activePrimaryItem}-${index}`} // Unique key\r\n type={this.state === 'expanded' ? 'full_with_label' : 'icon_only'}\r\n label={secondaryItem.label}\r\n category={this.category}\r\n icon={secondaryItem.icon}\r\n state={this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default'}\r\n onClick={() => this.handleSecondaryClick(secondaryItem.label, index)}\r\n ></gb-complex-secondary-side-bar-item>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </>\r\n );\r\n }\r\n}"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"gb-tooltip.entry.esm.js","sources":["src/components/gb-tooltip/gb-tooltip.css?tag=gb-tooltip&encapsulation=shadow","src/components/gb-tooltip/gb-tooltip.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n:host{\r\n display: block;\r\n}\r\n\r\n.tooltip_container {\r\n position: relative;\r\n}\r\n \r\n.tooltip {\r\n position: absolute;\r\n background-color: var(--color-surface-bold, #FCFCFC);\r\n border: 0.5px solid var(--color-border-subtler, #E3E8EF);\r\n border-radius: var(--rounded-sm);\r\n box-shadow: var(--shadow-sm);\r\n padding: var(--spacing-3);\r\n z-index: 100;\r\n}\r\n\r\n.tooltip_content{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-3);\r\n \r\n}\r\n \r\n.arrow {\r\n width: 0;\r\n height: 0;\r\n border-style: solid;\r\n position: absolute;\r\n}\r\n\r\n.arrow::before {\r\n content: '';\r\n position: absolute;\r\n width: 0;\r\n height: 0;\r\n border-style: solid;\r\n}\r\n \r\n.arrow.bottom_center {\r\n top: 100%;\r\n left: 50%;\r\n border-width: 7.5px 7.5px 0 7.5px;\r\n border-color: var(--color-border-subtler, #E3E8EF) transparent transparent transparent;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.arrow.bottom_center::before {\r\n left: -0.39rem;\r\n bottom: 0.1rem;\r\n border-width: 0 9.6px 9.6px 9.6px;\r\n transform: translateY(-50%) rotate(135deg);\r\n border-color: transparent var(--color-surface-bold, #FCFCFC) transparent transparent;\r\n}\r\n \r\n.arrow.left {\r\n top: 50%;\r\n right: 100%;\r\n border-width: 6px 0 6px 6px;\r\n border-color: transparent transparent transparent var(--color-border-subtler, #E3E8EF);\r\n transform: translateY(-50%) rotate(180deg);\r\n}\r\n\r\n.arrow.left::before {\r\n left: -8px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n border-width: 7.5px 0 7.5px 7.5px;\r\n border-color: transparent transparent transparent var(--color-surface-bold, #FCFCFC);\r\n}\r\n\r\n.arrow.bottom_left {\r\n top: 100%;\r\n left: 20%;\r\n border-width: 7.5px 7.5px 0 7.5px;\r\n border-color: var(--color-border-subtler, #E3E8EF) transparent transparent transparent;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.arrow.bottom_left::before {\r\n left: -0.39rem;\r\n bottom: 0.1rem;\r\n border-width: 0 9.6px 9.6px 9.6px;\r\n transform: translateY(-50%) rotate(135deg);\r\n border-color: transparent var(--color-surface-bold, #FCFCFC) transparent transparent;\r\n}\r\n \r\n.arrow.right {\r\n top: 50%;\r\n left: 100%;\r\n border-width: 7px 7px 7px 0;\r\n border-color: transparent var(--color-border-subtler, #E3E8EF) transparent transparent;\r\n transform: translateY(-50%) rotate(-180deg);\r\n}\r\n\r\n.arrow.right::before {\r\n left: 0.5px;\r\n top: 50%;\r\n border-width: 6.5px 6.5px 6.5px 0;\r\n transform: translateY(-50%) rotate(0deg);\r\n border-color: transparent var(--color-surface-bold, #FCFCFC) transparent transparent;\r\n}\r\n\r\n.arrow.bottom_right {\r\n top: 100%;\r\n right: 5%;\r\n border-width: 7.5px 7.5px 0 7.5px;\r\n border-color: var(--color-border-subtler, #E3E8EF) transparent transparent transparent;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.arrow.bottom_right::before {\r\n left: -0.39rem;\r\n bottom: 0.1rem;\r\n border-width: 0 9.6px 9.6px 9.6px;\r\n transform: translateY(-50%) rotate(135deg);\r\n border-color: transparent var(--color-surface-bold, #FCFCFC) transparent transparent;\r\n}\r\n \r\n.arrow.top_center {\r\n bottom: 100%;\r\n right: 45%;\r\n border-width: 0 7.5px 7.5px 7.5px;\r\n border-color: transparent transparent var(--color-border-subtler, #E3E8EF) transparent;\r\n}\r\n\r\n.arrow.top_center::before {\r\n left: -12.8px;\r\n bottom: -20.25px;\r\n border-width: 0 9.5px 9.5px 9.5px;\r\n transform: translateY(-50%) rotate(-45deg);\r\n border-color: transparent var(--color-surface-bold, #FCFCFC) transparent transparent;\r\n}\r\n\r\n::slotted([slot=\"label\"]){\r\n white-space: nowrap;\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n::slotted([slot=\"supporting_text\"]){\r\n white-space: wrap;\r\n color: var(--color-text-subtle, #697586);\r\n margin-top: 5rem;\r\n min-width: fit-content;\r\n max-width: 18.5rem;\r\n}","import { Component, Element, Prop, h } from \"@stencil/core\";\r\nimport { ArrowPositions } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-tooltip',\r\n styleUrl: 'gb-tooltip.css',\r\n shadow: true,\r\n})\r\nexport class GbTooltip {\r\n @Prop() showArrow: boolean = false;\r\n @Prop() arrow: ArrowPositions = 'bottom_center';\r\n @Prop() showSupportingText: boolean = false;\r\n @Element() el: HTMLElement;\r\n\r\n componentDidLoad() {\r\n const mainTextSlot = this.el.querySelector('[slot=\"label\"]');\r\n const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"]');\r\n\r\n if (mainTextSlot) {\r\n mainTextSlot.classList.add('text-xs-semi-bold');\r\n }\r\n\r\n if (supportingTextSlot) {\r\n supportingTextSlot.classList.add('text-xs-regular');\r\n }\r\n }\r\n\r\n getArrowClass() {\r\n return this.showArrow ? `arrow ${this.arrow}` : '';\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"tooltip_container\">\r\n <div class=\"tooltip\">\r\n {this.showArrow && <div class={this.getArrowClass()}></div>}\r\n <div class=\"tooltip_content\">\r\n <slot name=\"label\" />\r\n {this.showSupportingText && <slot name=\"supporting_text\" />}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}"],"names":[],"mappings":";;AAAA,MAAM,YAAY,GAAG,m3wEAAm3wE;;MCQ33wE,SAAS,GAAA,MAAA;AALtB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAC1B,QAAA,IAAK,CAAA,KAAA,GAAmB,eAAe;AACvC,QAAA,IAAkB,CAAA,kBAAA,GAAY,KAAK;AAiC5C;IA9BC,gBAAgB,GAAA;QACd,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC;QAC5D,MAAM,kBAAkB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,0BAA0B,CAAC;QAE5E,IAAI,YAAY,EAAE;AAChB,YAAA,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC;;QAGjD,IAAI,kBAAkB,EAAE;AACtB,YAAA,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC;;;IAIvD,aAAa,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,SAAS,GAAG,CAAA,MAAA,EAAS,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,EAAE;;IAGpD,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACjB,IAAI,CAAC,SAAS,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAAQ,CAAA,EAC3D,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAG,CAAA,EACpB,IAAI,CAAC,kBAAkB,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,iBAAiB,EAAA,CAAG,CACvD,CACF,CACF;;;;;;;;"}
@@ -1,2 +1,2 @@
1
- import{p as t,b as e}from"./p-MGI5Kcbj.js";export{s as setNonce}from"./p-MGI5Kcbj.js";import{g as o}from"./p-DQuL1Twl.js";var a=()=>{const e=import.meta.url;const o={};if(e!==""){o.resourcesUrl=new URL(".",e).href}return t(o)};a().then((async t=>{await o();return e(JSON.parse('[["p-e2fbbf87",[[1,"gb-pagination",{"type":[1],"shape":[1],"breakpoint":[1],"currentPage":[1026,"current-page"],"totalPages":[1026,"total-pages"],"entries":[1040],"selectedPageSize":[32],"defaultSelected":[32]}]]],["p-a384736e",[[1,"gb-textarea-input-field",{"type":[1],"state":[1025],"destructive":[4],"placeholderText":[1,"placeholder-text"],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"idOfInput":[513,"id-of-input"],"isReadOnly":[516,"is-read-only"],"value":[1032],"icon":[1],"results":[1040],"content":[32],"inputValue":[32],"selectedStaff":[32],"paddingLeft":[32],"paddingTop":[32],"show":[32],"staffInfo":[32],"selectedItems":[32],"unselectedItems":[32]},[[4,"click","handleClickOutside"]],{"value":["updateSelectedItems"]}]]],["p-e07531ae",[[1,"gb-avatar-dropdown",{"type":[1],"text":[4],"showProfile":[4,"show-profile"],"showDarkTheme":[4,"show-dark-theme"],"showLogOut":[4,"show-log-out"],"listGroupOne":[4,"list-group-one"],"listGroupTwo":[4,"list-group-two"],"listGroupThree":[4,"list-group-three"],"color":[1],"showBorder":[4,"show-border"]}]]],["p-247d6548",[[1,"gb-avatar-group",{"size":[1],"moreUsers":[4,"more-users"],"addMoreButton":[4,"add-more-button"],"text":[4],"state":[1],"images":[16]}]]],["p-dfa5810c",[[1,"gb-action-panel",{"type":[1],"showCloseButton":[4,"show-close-button"],"showSelectedRows":[4,"show-selected-rows"],"showCheckbox":[4,"show-checkbox"],"firstButton":[4,"first-button"],"firstButtonIconLeading":[1,"first-button-icon-leading"],"firstButtonIconTrailing":[1,"first-button-icon-trailing"],"secondButton":[4,"second-button"],"secondButtonIconLeading":[1,"second-button-icon-leading"],"secondButtonIconTrailing":[1,"second-button-icon-trailing"],"thirdButton":[4,"third-button"],"thirdButtonIconLeading":[1,"third-button-icon-leading"],"thirdButtonIconTrailing":[1,"third-button-icon-trailing"],"showSubmitButton":[4,"show-submit-button"],"firstButtonText":[1,"first-button-text"],"secondButtonText":[1,"second-button-text"],"thirdButtonText":[1,"third-button-text"],"previousButtonState":[1,"previous-button-state"],"submitButtonText":[1,"submit-button-text"],"checked":[32]}]]],["p-5117f683",[[1,"gb-export-dropdown",{"state":[1],"showFirstSubDropdown":[32],"showSecondSubDropdown":[32]}]]],["p-08fd2d09",[[1,"gb-comment",{"heading":[1],"state":[1025],"noCommentText":[1,"no-comment-text"],"noCommentTextSub":[1,"no-comment-text-sub"],"comments":[16]}]]],["p-6f6064f0",[[1,"gb-breadcrumbs",{"divider":[1],"type":[1]}]]],["p-cae53c1e",[[1,"gb-sidebar",{"state":[1025],"category":[1],"navItemStyle":[1,"nav-item-style"],"type":[1],"showSecondCategory":[4,"show-second-category"],"iconInstance":[1,"icon-instance"],"firstItemIcon":[1,"first-item-icon"],"secondItemIcon":[1,"second-item-icon"],"thirdItemIcon":[1,"third-item-icon"],"fourthItemIcon":[1,"fourth-item-icon"],"fifthItemIcon":[1,"fifth-item-icon"],"sixthItemIcon":[1,"sixth-item-icon"],"seventhItemIcon":[1,"seventh-item-icon"],"eighthItemIcon":[1,"eighth-item-icon"],"ninthItemIcon":[1,"ninth-item-icon"],"tenthItemIcon":[1,"tenth-item-icon"],"firstItemLabel":[1,"first-item-label"],"secondItemLabel":[1,"second-item-label"],"thirdItemLabel":[1,"third-item-label"],"fourthItemLabel":[1,"fourth-item-label"],"fifthItemLabel":[1,"fifth-item-label"],"sixthItemLabel":[1,"sixth-item-label"],"seventhItemLabel":[1,"seventh-item-label"],"eighthItemLabel":[1,"eighth-item-label"],"ninthItemLabel":[1,"ninth-item-label"],"tenthItemLabel":[1,"tenth-item-label"],"complexSidebarData":[8,"complex-sidebar-data"],"activeIndex":[1026,"active-index"],"activePrimaryItem":[1025,"active-primary-item"],"activeSecondaryItem":[1025,"active-secondary-item"],"leadingIconSvg":[32],"sideBarItemClicked":[64]}],[1,"gb-simple-side-bar-item",{"state":[1],"type":[1],"label":[1],"icon":[1],"category":[1],"showArrow":[4,"show-arrow"],"showBadge":[4,"show-badge"],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}],[1,"gb-collapse-button",{"color":[1],"isCollapsed":[1028,"is-collapsed"],"action":[1025],"isHovered":[1028,"is-hovered"],"collapseSidebar":[64],"expandSidebar":[64]}],[1,"gb-complex-primary-side-bar-item",{"category":[1],"itemStyle":[1,"item-style"],"state":[1],"icon":[1],"label":[1],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}],[1,"gb-complex-secondary-side-bar-item",{"state":[1],"type":[1],"category":[1],"label":[1],"icon":[1],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}],[4,"gb-btn",{"size":[1],"hierarchy":[1],"icon":[1],"destructive":[4],"state":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailing":[4,"icon-trailing"],"iconTrailingSwap":[1,"icon-trailing-swap"],"leadingIconSvg":[32],"trailingIconSvg":[32]}],[1,"gb-badge",{"size":[1],"icon":[1],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailingSwap":[1,"icon-trailing-swap"],"flagSwap":[1,"flag-swap"],"color":[1],"type":[1],"closeButton":[4,"close-button"],"leadingIconContent":[32],"trailingIconContent":[32]}],[1,"gb-badge-close",{"color":[1],"type":[1]}],[1,"gb-tooltip",{"showArrow":[4,"show-arrow"],"arrow":[1],"showSupportingText":[4,"show-supporting-text"]}],[1,"gb-avatar",{"size":[1],"placeholder":[4],"text":[4],"statusIcon":[1,"status-icon"],"state":[1],"icon":[1],"color":[1],"showBorder":[4,"show-border"],"weight":[1],"assignedColorClass":[32]}],[1,"gb-avatar-contrast-inner-border",{"weight":[1],"size":[1],"showBorder":[4,"show-border"]}],[1,"gb-status-indicator",{"statusIcon":[1,"status-icon"],"size":[1],"state":[1],"indicatorStateClass":[1,"indicator-state-class"]}]]],["p-ebba8f9e",[[0,"test-input-tag",{"idOfInput":[513,"id-of-input"],"type":[513],"labelText":[513,"label-text"],"isReadOnly":[516,"is-read-only"],"placeholderText":[513,"placeholder-text"],"show":[32],"showSpinner":[32],"staffInfo":[32],"selectedStaff":[32],"paddingLeft":[32],"paddingTop":[32],"inputValue":[32],"dropdownOpen":[32]}]]],["p-de19b245",[[1,"gb-detail-cell",{"state":[1],"cellStyle":[1025,"cell-style"],"type":[1],"label":[1],"detail":[1],"badgeColor":[1,"badge-color"],"badgeLabel":[1,"badge-label"],"badgeType":[1,"badge-type"],"fileType":[1,"file-type"],"fileStyle":[1,"file-style"],"showActionButtons":[4,"show-action-buttons"],"showViewButton":[4,"show-view-button"],"showDownloadButton":[4,"show-download-button"],"showCopyButton":[1028,"show-copy-button"],"showStandardCopyButton":[32],"showTooltip":[32],"copied":[32],"isDownloaded":[32],"width":[32]}]]],["p-d7244b1d",[[1,"gb-checkbox-group",{"size":[1],"breakpoint":[1],"icon":[1],"selected":[4],"type":[1]}]]],["p-03e39fd2",[[1,"gb-vertical-tabs",{"size":[1],"type":[1],"firstTabName":[1,"first-tab-name"],"secondTabName":[1,"second-tab-name"],"thirdTabName":[1,"third-tab-name"],"fourthTabName":[1,"fourth-tab-name"],"fifthTabName":[1,"fifth-tab-name"],"sixthTabName":[1,"sixth-tab-name"],"seventhTabName":[1,"seventh-tab-name"],"eighthTabName":[1,"eighth-tab-name"],"ninthTabName":[1,"ninth-tab-name"],"tenthTabName":[1,"tenth-tab-name"],"eleventhTabName":[1,"eleventh-tab-name"],"twelfthTabName":[1,"twelfth-tab-name"],"thirteenthTabName":[1,"thirteenth-tab-name"],"fourteenthTabName":[1,"fourteenth-tab-name"],"fifteenthTabName":[1,"fifteenth-tab-name"],"sixteenthTabName":[1,"sixteenth-tab-name"],"seventeenthTabName":[1,"seventeenth-tab-name"],"eighteenthTabName":[1,"eighteenth-tab-name"],"nineteenthTabName":[1,"nineteenth-tab-name"],"twentiethTabName":[1,"twentieth-tab-name"],"activeIndex":[1026,"active-index"]}]]],["p-ce524a73",[[1,"gb-top-bar-sidemenu",{"applicationName":[1,"application-name"],"applicationIcon":[1,"application-icon"],"activeIndex":[2,"active-index"],"firstTabName":[1,"first-tab-name"],"secondTabName":[1,"second-tab-name"],"thirdTabName":[1,"third-tab-name"],"fourthTabName":[1,"fourth-tab-name"],"fifthTabName":[1,"fifth-tab-name"],"leadingIconSvg":[32]}]]],["p-e0220aab",[[1,"gb-file-upload",{"icon":[1],"type":[1],"heightSize":[1,"height-size"],"state":[1],"destructive":[4],"showLabel":[4,"show-label"],"progress":[2],"fileType":[16],"files":[32],"fileStates":[32],"isDragging":[32]}]]],["p-941b9304",[[1,"gb-horizontal-tabs",{"type":[1],"size":[1],"fullWidth":[4,"full-width"],"firstTabName":[1,"first-tab-name"],"secondTabName":[1,"second-tab-name"],"thirdTabName":[1,"third-tab-name"],"fourthTabName":[1,"fourth-tab-name"],"fifthTabName":[1,"fifth-tab-name"],"sixthTabName":[1,"sixth-tab-name"],"seventhTabName":[1,"seventh-tab-name"],"eighthTabName":[1,"eighth-tab-name"],"ninthTabName":[1,"ninth-tab-name"],"tenthTabName":[1,"tenth-tab-name"],"eleventhTabName":[1,"eleventh-tab-name"],"twelfthTabName":[1,"twelfth-tab-name"],"thirteenthTabName":[1,"thirteenth-tab-name"],"fourteenthTabName":[1,"fourteenth-tab-name"],"fifteenthTabName":[1,"fifteenth-tab-name"],"sixteenthTabName":[1,"sixteenth-tab-name"],"seventeenthTabName":[1,"seventeenth-tab-name"],"eighteenthTabName":[1,"eighteenth-tab-name"],"nineteenthTabName":[1,"nineteenth-tab-name"],"twentiethTabName":[1,"twentieth-tab-name"],"activeIndex":[1026,"active-index"]}]]],["p-78c2dac0",[[1,"gb-header",{"state":[1],"showIndicator":[4,"show-indicator"],"text":[4],"placeholder":[4],"color":[1],"showBorder":[4,"show-border"],"showNotification":[4,"show-notification"],"showHelp":[4,"show-help"],"showLogo":[4,"show-logo"],"onNavBarItemClicked":[64]}]]],["p-eb8cc520",[[1,"gb-avatar-profile-photo",{"placeholder":[4],"text":[4],"size":[1],"verified":[4],"icon":[1]}]]],["p-f5f08906",[[1,"gb-help-dropdown",{"showLogError":[4,"show-log-error"],"onHelpItemClicked":[64]}]]],["p-1d5cac5f",[[1,"gb-toast",{"color":[1],"size":[1],"breakpoint":[1],"xCloseButton":[4,"x-close-button"],"actions":[4],"showSupportingText":[4,"show-supporting-text"]}]]],["p-b79a2f8f",[[1,"gb-notification-pane",{"state":[1],"notifications":[1040],"icon":[1],"label":[1],"time":[1],"supportingText":[1,"supporting-text"]}]]],["p-cbfb5a59",[[1,"gb-slider",{"min":[2],"max":[2],"thumbType":[1,"thumb-type"],"leftControl":[2,"left-control"],"rightControl":[2,"right-control"],"label":[1],"unit":[1],"unitPosition":[1,"unit-position"],"leftValue":[32],"rightValue":[32]}]]],["p-60998303",[[1,"gb-stepper-horizontal-icons-centered",{"size":[1],"steps":[2],"type":[1],"breakpoint":[1],"firstStepState":[1,"first-step-state"],"secondStepState":[1,"second-step-state"],"thirdStepState":[1,"third-step-state"],"fourthStepState":[1,"fourth-step-state"],"fifthStepState":[1,"fifth-step-state"],"sixthStepState":[1,"sixth-step-state"],"seventhStepState":[1,"seventh-step-state"],"firstStepStatus":[1,"first-step-status"],"secondStepStatus":[1,"second-step-status"],"thirdStepStatus":[1,"third-step-status"],"fourthStepStatus":[1,"fourth-step-status"],"fifthStepStatus":[1,"fifth-step-status"],"sixthStepStatus":[1,"sixth-step-status"],"seventhStepStatus":[1,"seventh-step-status"],"firstStepLabel":[1,"first-step-label"],"secondStepLabel":[1,"second-step-label"],"thirdStepLabel":[1,"third-step-label"],"fourthStepLabel":[1,"fourth-step-label"],"fifthStepLabel":[1,"fifth-step-label"],"sixthStepLabel":[1,"sixth-step-label"],"seventhStepLabel":[1,"seventh-step-label"],"firstStepSupportingText":[1,"first-step-supporting-text"],"secondStepSupportingText":[1,"second-step-supporting-text"],"thirdStepSupportingText":[1,"third-step-supporting-text"],"fourthStepSupportingText":[1,"fourth-step-supporting-text"],"fifthStepSupportingText":[1,"fifth-step-supporting-text"],"sixthStepSupportingText":[1,"sixth-step-supporting-text"],"seventhStepSupportingText":[1,"seventh-step-supporting-text"]}]]],["p-8367491a",[[1,"gb-stepper-horizontal-line-with-text",{"size":[1],"breakpoint":[1],"showContent":[4,"show-content"],"showSupportingText":[1028,"show-supporting-text"],"firstStepState":[1,"first-step-state"],"secondStepState":[1,"second-step-state"],"thirdStepState":[1,"third-step-state"],"fourthStepState":[1,"fourth-step-state"],"fifthStepState":[1,"fifth-step-state"],"sixthStepState":[1,"sixth-step-state"],"seventhStepState":[1,"seventh-step-state"],"firstStepStatus":[1,"first-step-status"],"secondStepStatus":[1,"second-step-status"],"thirdStepStatus":[1,"third-step-status"],"fourthStepStatus":[1,"fourth-step-status"],"fifthStepStatus":[1,"fifth-step-status"],"sixthStepStatus":[1,"sixth-step-status"],"seventhStepStatus":[1,"seventh-step-status"],"firstStepLabel":[1,"first-step-label"],"secondStepLabel":[1,"second-step-label"],"thirdStepLabel":[1,"third-step-label"],"fourthStepLabel":[1,"fourth-step-label"],"fifthStepLabel":[1,"fifth-step-label"],"sixthStepLabel":[1,"sixth-step-label"],"seventhStepLabel":[1,"seventh-step-label"],"firstStepSupportingText":[1,"first-step-supporting-text"],"secondStepSupportingText":[1,"second-step-supporting-text"],"thirdStepSupportingText":[1,"third-step-supporting-text"],"fourthStepSupportingText":[1,"fourth-step-supporting-text"],"fifthStepSupportingText":[1,"fifth-step-supporting-text"],"sixthStepSupportingText":[1,"sixth-step-supporting-text"],"seventhStepSupportingText":[1,"seventh-step-supporting-text"],"width":[32]}]]],["p-ce041db7",[[1,"gb-stepper-vertical-icons-with-text",{"size":[1],"connector":[4],"type":[1],"showSecondStep":[4,"show-second-step"],"showThirdStep":[4,"show-third-step"],"showFourthStep":[4,"show-fourth-step"],"showFifthStep":[4,"show-fifth-step"],"showSixthStep":[4,"show-sixth-step"],"showSeventhStep":[4,"show-seventh-step"],"firstStepState":[1,"first-step-state"],"secondStepState":[1,"second-step-state"],"thirdStepState":[1,"third-step-state"],"fourthStepState":[1,"fourth-step-state"],"fifthStepState":[1,"fifth-step-state"],"sixthStepState":[1,"sixth-step-state"],"seventhStepState":[1,"seventh-step-state"],"firstStepStatus":[1,"first-step-status"],"secondStepStatus":[1,"second-step-status"],"thirdStepStatus":[1,"third-step-status"],"fourthStepStatus":[1,"fourth-step-status"],"fifthStepStatus":[1,"fifth-step-status"],"sixthStepStatus":[1,"sixth-step-status"],"seventhStepStatus":[1,"seventh-step-status"],"firstStepLabel":[1,"first-step-label"],"secondStepLabel":[1,"second-step-label"],"thirdStepLabel":[1,"third-step-label"],"fourthStepLabel":[1,"fourth-step-label"],"fifthStepLabel":[1,"fifth-step-label"],"sixthStepLabel":[1,"sixth-step-label"],"seventhStepLabel":[1,"seventh-step-label"],"firstStepSupportingText":[1,"first-step-supporting-text"],"secondStepSupportingText":[1,"second-step-supporting-text"],"thirdStepSupportingText":[1,"third-step-supporting-text"],"fourthStepSupportingText":[1,"fourth-step-supporting-text"],"fifthStepSupportingText":[1,"fifth-step-supporting-text"],"sixthStepSupportingText":[1,"sixth-step-supporting-text"],"seventhStepSupportingText":[1,"seventh-step-supporting-text"]}]]],["p-1b0d8d74",[[1,"gb-top-bar-item",{"state":[1],"iconOnly":[4,"icon-only"],"category":[1],"label":[1],"icon":[1],"leadingIconSvg":[32],"showTooltip":[32]}]]],["p-ed9ca6ea",[[1,"gb-top-bar",{"category":[1],"firstTabIcon":[1,"first-tab-icon"],"secondTabIcon":[1,"second-tab-icon"],"thirdTabIcon":[1,"third-tab-icon"],"fourthTabIcon":[1,"fourth-tab-icon"],"fifthTabIcon":[1,"fifth-tab-icon"],"sixthTabIcon":[1,"sixth-tab-icon"],"seventhTabIcon":[1,"seventh-tab-icon"],"firstTabLabel":[1,"first-tab-label"],"secondTabLabel":[1,"second-tab-label"],"thirdTabLabel":[1,"third-tab-label"],"fourthTabLabel":[1,"fourth-tab-label"],"fifthTabLabel":[1,"fifth-tab-label"],"sixthTabLabel":[1,"sixth-tab-label"],"seventhTabLabel":[1,"seventh-tab-label"],"firstTabIconOnly":[4,"first-tab-icon-only"],"secondTabIconOnly":[4,"second-tab-icon-only"],"thirdTabIconOnly":[4,"third-tab-icon-only"],"fourthTabIconOnly":[4,"fourth-tab-icon-only"],"fifthTabIconOnly":[4,"fifth-tab-icon-only"],"sixthTabIconOnly":[4,"sixth-tab-icon-only"],"seventhTabIconOnly":[4,"seventh-tab-icon-only"],"activeIndex":[1026,"active-index"]}]]],["p-63111b22",[[1,"gb-toggle",{"size":[1],"state":[1],"text":[4],"supportingText":[4,"supporting-text"],"pressed":[4]}]]],["p-d203ca94",[[1,"gb-token-field-compact",{"size":[1],"digits":[2],"showLabel":[4,"show-label"],"label":[1],"showSupportingText":[4,"show-supporting-text"],"supportingText":[1,"supporting-text"]}]]],["p-dd77dce2",[[1,"gb-token-field-compressed",{"size":[1],"digits":[2],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"]}]]],["p-0b97a33a",[[1,"gb-wysiwyg-tooltip",{"arrow":[1],"breakpoint":[1]}]]],["p-cd33012b",[[1,"gb-breadcrumb-button-base",{"current":[4],"type":[1],"icon":[4]}]]],["p-eb4be329",[[0,"gb-carousel-arrow",{"size":[1],"chevron":[1]}]]],["p-b4535e05",[[1,"gb-pagination-dot-group",{"size":[1],"type":[1],"color":[1],"framed":[4]}]]],["p-d75507e9",[[0,"gb-pagination-dot-indicator",{"current":[4],"type":[1],"size":[1]}]]],["p-e0c2e32a",[[1,"gb-progress-circle",{"size":[1],"shape":[1],"label":[4],"progress":[2]},null,{"progress":["handleProgressChange"]}]]],["p-5a8a4775",[[1,"gb-scrollbar",{"length":[1]}]]],["p-de2ec0ab",[[1,"gb-table-cell",{"type":[1]}]]],["p-b768cc50",[[1,"gb-checkbox-group-item",{"size":[1],"type":[1],"state":[1],"breakpoint":[1],"showCost":[4,"show-cost"],"selected":[1028]}]]],["p-a896942b",[[1,"gb-file-upload-item-base",{"icon":[1],"state":[1],"heightSize":[1,"height-size"],"fileType":[1,"file-type"],"buttonState":[1,"button-state"],"progress":[2],"size":[2],"fileSize":[2,"file-size"],"fileName":[1,"file-name"]}]]],["p-c22cc4e3",[[1,"gb-avatar-label-group",{"size":[1],"statusIcon":[1,"status-icon"],"state":[1],"placeholder":[4],"text":[4],"color":[1],"showBorder":[4,"show-border"]}]]],["p-2c3bbab9",[[1,"gb-avatar-add-button",{"size":[1],"showToolTip":[1028,"show-tool-tip"],"state":[1],"el":[16]}]]],["p-5ffdfc74",[[1,"gb-slider-control-handle",{"value":[1],"type":[1],"isHovered":[32],"isFocused":[32]}]]],["p-aca9380c",[[1,"gb-comment-item",{"author":[1],"role":[1],"comment":[1],"timestamp":[1],"connector":[4]}]]],["p-285c80ad",[[1,"gb-header-icon",{"state":[1],"showIndicator":[4,"show-indicator"],"icon":[1]}]]],["p-1f043bec",[[1,"gb-notification-content",{"icon":[1],"label":[1],"time":[1],"supportingText":[1,"supporting-text"]}]]],["p-4c2eb484",[[1,"gb-toast-button",{"state":[1],"color":[1]}]]],["p-4c542ee2",[[1,"gb-toggle-base",{"size":[1],"state":[1],"pressed":[1028]}]]],["p-523e4e83",[[1,"gb-wysiwyg-editor-icon",{"active":[4],"type":[1],"state":[1]}]]],["p-a175adfd",[[1,"gb-dropdown-items-with-shortcut",{"icon":[4],"iconSrc":[1,"icon-src"],"checkbox":[4],"shortcut":[4],"shortcutIcon":[1,"shortcut-icon"],"label":[1],"state":[1],"destructive":[4],"leadingIconSvg":[32]}]]],["p-ac756482",[[1,"gb-export-sub-dropdown-item",{"icon":[1],"state":[1],"leadingIconSvg":[32]}]]],["p-38442f6f",[[1,"gb-export-sub-dropdown"],[1,"gb-export-dropdown-item",{"icon":[4],"state":[1],"type":[1]}]]],["p-a88a194d",[[1,"gb-mega-input-field-base",{"size":[1],"state":[1],"inputValue":[32]}]]],["p-79dacb0d",[[1,"gb-tab-button-base",{"current":[4],"size":[1],"fullWidth":[4,"full-width"],"badge":[4],"type":[1],"tabName":[1,"tab-name"],"alignment":[1]}]]],["p-b64b5646",[[1,"gb-button-close",{"size":[1],"color":[1]}]]],["p-a1828582",[[1,"gb-step-base",{"status":[1],"size":[1],"type":[1],"state":[1],"connector":[4],"showContent":[4,"show-content"],"showSupportingText":[4,"show-supporting-text"],"label":[1],"supportingText":[1,"supporting-text"]}],[1,"gb-featured-icon",{"size":[1]}]]],["p-c20d8243",[[1,"gb-button",{"size":[1],"hierarchy":[1],"icon":[1],"destructive":[4],"state":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailing":[4,"icon-trailing"],"iconTrailingSwap":[1,"icon-trailing-swap"],"leadingIconSvg":[32],"trailingIconSvg":[32]}]]],["p-beea0431",[[1,"gb-checkbox",{"checked":[4],"indeterminate":[4],"size":[1],"type":[1],"state":[1],"text":[4],"supportingText":[4,"supporting-text"]}],[1,"gb-checkbox-base",{"state":[1025],"size":[1],"type":[1],"checked":[1028],"indeterminate":[1028]}]]],["p-a2836432",[[1,"gb-tag",{"size":[1],"icon":[1],"action":[1],"flagSwap":[1,"flag-swap"],"checkbox":[4],"onTagClose":[64]}],[1,"gb-input-dropdown-menu-item",{"type":[1],"supportingText":[4,"supporting-text"],"selected":[1028],"state":[1],"color":[1],"handleClick":[64]}],[1,"gb-tag-checkbox",{"checked":[4],"size":[1],"disabled":[4]}],[1,"gb-tag-close",{"size":[1]}],[1,"gb-tag-count",{"size":[1]}]]],["p-acb701f7",[[1,"gb-input-field",{"size":[1],"type":[1],"destructive":[1028],"state":[1],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"errorText":[1,"error-text"],"showPlaceholder":[4,"show-placeholder"],"placeholder":[1],"showHelpIcon":[4,"show-help-icon"],"showValidation":[4,"show-validation"],"showCountryIcon":[4,"show-country-icon"],"iconSwap":[1,"icon-swap"],"showCloseButton":[1028,"show-close-button"],"options":[1040],"idOfInput":[513,"id-of-input"],"labelText":[513,"label-text"],"isReadOnly":[516,"is-read-only"],"results":[1040],"menuPosition":[1,"menu-position"],"icon":[1],"value":[1032],"inputValue":[32],"tags":[32],"leadingIconSvg":[32],"isPasswordVisible":[32],"showDropdown":[32],"selectedItem":[32],"selectedItems":[32],"unselectedItems":[32],"paddingLeft":[32],"paddingTop":[32],"dropdownOpen":[32],"show":[32],"showSpinner":[32]},[[4,"click","handleClickOutside"]],{"options":["optionsChanged"],"value":["updateSelectedItems"]}],[1,"gb-password-button",{"state":[1],"isPasswordVisible":[32]}],[1,"gb-help-tooltip",{"showArrow":[4,"show-arrow"],"showSupportingText":[4,"show-supporting-text"],"showHelpTooltip":[32]}]]],["p-632e1a3c",[[1,"gb-input-dropdown",{"type":[1],"state":[1025],"size":[1],"showLabel":[4,"show-label"],"label":[1],"placeholder":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"showHelpIcon":[4,"show-help-icon"],"showLeadingIcon":[4,"show-leading-icon"],"iconSwap":[1,"icon-swap"],"text":[4],"leadingIcon":[1,"leading-icon"],"icon":[1],"items":[1040],"value":[1040],"supportingText":[4,"supporting-text"],"color":[1],"showBorder":[4,"show-border"],"menuPosition":[1,"menu-position"],"showSearchInput":[4,"show-search-input"],"inputValue":[1,"input-value"],"destructive":[1028],"errorText":[1,"error-text"],"leadingIconSvg":[32],"dropdownOpen":[32],"selectedItems":[32],"unselectedItems":[32],"selectedItem":[32],"searchItem":[32],"searchResults":[32]},[[4,"click","handleClickOutside"]],{"destructive":["watchDestructive"]}],[1,"gb-pagination-button-group-base",{"icon":[1],"state":[1],"iconSrc":[1,"icon-src"],"leadingIconSvg":[32]}],[1,"gb-pagination-number-base",{"shape":[1],"state":[1]}]]],["p-9e8bdaf6",[[1,"gb-progress-bar",{"progress":[2],"showLabel":[4,"show-label"],"labelPosition":[1,"label-position"]}],[1,"gb-file-type-icon",{"fileStyle":[1,"file-style"],"fileType":[1,"file-type"]}]]]]'),t)}));
1
+ import{p as t,b as e}from"./p-CrnEe5W0.js";export{s as setNonce}from"./p-CrnEe5W0.js";import{g as o}from"./p-DQuL1Twl.js";var a=()=>{const e=import.meta.url;const o={};if(e!==""){o.resourcesUrl=new URL(".",e).href}return t(o)};a().then((async t=>{await o();return e(JSON.parse('[["p-46a8cafc",[[0,"test-input-tag",{"idOfInput":[513,"id-of-input"],"type":[513],"labelText":[513,"label-text"],"isReadOnly":[516,"is-read-only"],"placeholderText":[513,"placeholder-text"],"show":[32],"showSpinner":[32],"staffInfo":[32],"selectedStaff":[32],"paddingLeft":[32],"paddingTop":[32],"inputValue":[32],"dropdownOpen":[32]}]]],["p-2bdd33a8",[[1,"gb-avatar-dropdown",{"type":[1],"text":[4],"showProfile":[4,"show-profile"],"showDarkTheme":[4,"show-dark-theme"],"showLogOut":[4,"show-log-out"],"listGroupOne":[4,"list-group-one"],"listGroupTwo":[4,"list-group-two"],"listGroupThree":[4,"list-group-three"],"color":[1],"showBorder":[4,"show-border"]}]]],["p-c516828a",[[1,"gb-avatar-group",{"size":[1],"moreUsers":[4,"more-users"],"addMoreButton":[4,"add-more-button"],"text":[4],"state":[1],"images":[16]}]]],["p-a1db29d7",[[1,"gb-avatar-profile-photo",{"placeholder":[4],"text":[4],"size":[1],"verified":[4],"icon":[1]}]]],["p-dd8b5070",[[1,"gb-breadcrumbs",{"divider":[1],"type":[1]}]]],["p-d3e668be",[[1,"gb-comment",{"heading":[1],"state":[1025],"noCommentText":[1,"no-comment-text"],"noCommentTextSub":[1,"no-comment-text-sub"],"comments":[16]}],[1,"gb-comment-item",{"author":[1],"role":[1],"comment":[1],"timestamp":[1],"connector":[4]}],[4,"gb-btn",{"size":[1],"hierarchy":[1],"icon":[1],"destructive":[4],"state":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailing":[4,"icon-trailing"],"iconTrailingSwap":[1,"icon-trailing-swap"],"leadingIconSvg":[32],"trailingIconSvg":[32]}],[1,"gb-button",{"size":[1],"hierarchy":[1],"icon":[1],"destructive":[4],"state":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailing":[4,"icon-trailing"],"iconTrailingSwap":[1,"icon-trailing-swap"],"leadingIconSvg":[32],"trailingIconSvg":[32]}]]],["p-84b98022",[[1,"gb-pagination",{"type":[1],"shape":[1],"breakpoint":[1],"currentPage":[1026,"current-page"],"totalPages":[1026,"total-pages"],"entries":[1040],"selectedPageSize":[32],"defaultSelected":[32]}]]],["p-04cfab13",[[1,"gb-sidebar",{"state":[1025],"category":[1],"navItemStyle":[1,"nav-item-style"],"type":[1],"showSecondCategory":[4,"show-second-category"],"iconInstance":[1,"icon-instance"],"firstItemIcon":[1,"first-item-icon"],"secondItemIcon":[1,"second-item-icon"],"thirdItemIcon":[1,"third-item-icon"],"fourthItemIcon":[1,"fourth-item-icon"],"fifthItemIcon":[1,"fifth-item-icon"],"sixthItemIcon":[1,"sixth-item-icon"],"seventhItemIcon":[1,"seventh-item-icon"],"eighthItemIcon":[1,"eighth-item-icon"],"ninthItemIcon":[1,"ninth-item-icon"],"tenthItemIcon":[1,"tenth-item-icon"],"firstItemLabel":[1,"first-item-label"],"secondItemLabel":[1,"second-item-label"],"thirdItemLabel":[1,"third-item-label"],"fourthItemLabel":[1,"fourth-item-label"],"fifthItemLabel":[1,"fifth-item-label"],"sixthItemLabel":[1,"sixth-item-label"],"seventhItemLabel":[1,"seventh-item-label"],"eighthItemLabel":[1,"eighth-item-label"],"ninthItemLabel":[1,"ninth-item-label"],"tenthItemLabel":[1,"tenth-item-label"],"complexSidebarData":[8,"complex-sidebar-data"],"activeIndex":[1026,"active-index"],"activePrimaryItem":[1025,"active-primary-item"],"activeSecondaryItem":[1025,"active-secondary-item"],"leadingIconSvg":[32],"sideBarItemClicked":[64]}]]],["p-24764938",[[1,"gb-textarea-input-field",{"type":[1],"state":[1025],"destructive":[4],"placeholderText":[1,"placeholder-text"],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"idOfInput":[513,"id-of-input"],"isReadOnly":[516,"is-read-only"],"value":[1032],"icon":[1],"results":[1040],"content":[32],"inputValue":[32],"selectedStaff":[32],"paddingLeft":[32],"paddingTop":[32],"show":[32],"staffInfo":[32],"selectedItems":[32],"unselectedItems":[32]},[[4,"click","handleClickOutside"]],{"value":["updateSelectedItems"]}]]],["p-ec18cbee",[[1,"gb-detail-cell",{"state":[1],"cellStyle":[1025,"cell-style"],"type":[1],"label":[1],"detail":[1],"badgeColor":[1,"badge-color"],"badgeLabel":[1,"badge-label"],"badgeType":[1,"badge-type"],"fileType":[1,"file-type"],"fileStyle":[1,"file-style"],"showActionButtons":[4,"show-action-buttons"],"showViewButton":[4,"show-view-button"],"showDownloadButton":[4,"show-download-button"],"showCopyButton":[1028,"show-copy-button"],"showStandardCopyButton":[32],"showTooltip":[32],"copied":[32],"isDownloaded":[32],"width":[32]}]]],["p-6e43ef21",[[1,"gb-checkbox-group",{"size":[1],"breakpoint":[1],"icon":[1],"selected":[4],"type":[1]}]]],["p-49e931fe",[[1,"gb-top-bar-sidemenu",{"applicationName":[1,"application-name"],"applicationIcon":[1,"application-icon"],"activeIndex":[2,"active-index"],"firstTabName":[1,"first-tab-name"],"secondTabName":[1,"second-tab-name"],"thirdTabName":[1,"third-tab-name"],"fourthTabName":[1,"fourth-tab-name"],"fifthTabName":[1,"fifth-tab-name"],"leadingIconSvg":[32]}]]],["p-d21da54b",[[1,"gb-file-upload",{"icon":[1],"type":[1],"heightSize":[1,"height-size"],"state":[1],"destructive":[4],"showLabel":[4,"show-label"],"progress":[2],"fileType":[16],"files":[32],"fileStates":[32],"isDragging":[32]}]]],["p-abbb9b86",[[1,"gb-horizontal-tabs",{"type":[1],"size":[1],"fullWidth":[4,"full-width"],"firstTabName":[1,"first-tab-name"],"secondTabName":[1,"second-tab-name"],"thirdTabName":[1,"third-tab-name"],"fourthTabName":[1,"fourth-tab-name"],"fifthTabName":[1,"fifth-tab-name"],"sixthTabName":[1,"sixth-tab-name"],"seventhTabName":[1,"seventh-tab-name"],"eighthTabName":[1,"eighth-tab-name"],"ninthTabName":[1,"ninth-tab-name"],"tenthTabName":[1,"tenth-tab-name"],"eleventhTabName":[1,"eleventh-tab-name"],"twelfthTabName":[1,"twelfth-tab-name"],"thirteenthTabName":[1,"thirteenth-tab-name"],"fourteenthTabName":[1,"fourteenth-tab-name"],"fifteenthTabName":[1,"fifteenth-tab-name"],"sixteenthTabName":[1,"sixteenth-tab-name"],"seventeenthTabName":[1,"seventeenth-tab-name"],"eighteenthTabName":[1,"eighteenth-tab-name"],"nineteenthTabName":[1,"nineteenth-tab-name"],"twentiethTabName":[1,"twentieth-tab-name"],"activeIndex":[1026,"active-index"]}]]],["p-51c423f5",[[1,"gb-action-panel",{"type":[1],"showCloseButton":[4,"show-close-button"],"showSelectedRows":[4,"show-selected-rows"],"showCheckbox":[4,"show-checkbox"],"firstButton":[4,"first-button"],"firstButtonIconLeading":[1,"first-button-icon-leading"],"firstButtonIconTrailing":[1,"first-button-icon-trailing"],"secondButton":[4,"second-button"],"secondButtonIconLeading":[1,"second-button-icon-leading"],"secondButtonIconTrailing":[1,"second-button-icon-trailing"],"thirdButton":[4,"third-button"],"thirdButtonIconLeading":[1,"third-button-icon-leading"],"thirdButtonIconTrailing":[1,"third-button-icon-trailing"],"showSubmitButton":[4,"show-submit-button"],"firstButtonText":[1,"first-button-text"],"secondButtonText":[1,"second-button-text"],"thirdButtonText":[1,"third-button-text"],"previousButtonState":[1,"previous-button-state"],"submitButtonText":[1,"submit-button-text"],"checked":[32]}]]],["p-d7d662f5",[[1,"gb-header",{"state":[1],"showIndicator":[4,"show-indicator"],"text":[4],"placeholder":[4],"color":[1],"showBorder":[4,"show-border"],"showNotification":[4,"show-notification"],"showHelp":[4,"show-help"],"showLogo":[4,"show-logo"],"onNavBarItemClicked":[64]}]]],["p-b8861881",[[1,"gb-export-dropdown",{"state":[1],"showFirstSubDropdown":[32],"showSecondSubDropdown":[32]}]]],["p-133cfdbe",[[1,"gb-help-dropdown",{"showLogError":[4,"show-log-error"],"onHelpItemClicked":[64]}]]],["p-038b1c91",[[1,"gb-toast",{"color":[1],"size":[1],"breakpoint":[1],"xCloseButton":[4,"x-close-button"],"actions":[4],"showSupportingText":[4,"show-supporting-text"]}]]],["p-1624c310",[[1,"gb-notification-pane",{"state":[1],"notifications":[1040],"icon":[1],"label":[1],"time":[1],"supportingText":[1,"supporting-text"]}]]],["p-18c598da",[[1,"gb-slider",{"min":[2],"max":[2],"thumbType":[1,"thumb-type"],"leftControl":[2,"left-control"],"rightControl":[2,"right-control"],"label":[1],"unit":[1],"unitPosition":[1,"unit-position"],"leftValue":[32],"rightValue":[32]}]]],["p-938e1139",[[1,"gb-stepper-horizontal-icons-centered",{"size":[1],"steps":[2],"type":[1],"breakpoint":[1],"firstStepState":[1,"first-step-state"],"secondStepState":[1,"second-step-state"],"thirdStepState":[1,"third-step-state"],"fourthStepState":[1,"fourth-step-state"],"fifthStepState":[1,"fifth-step-state"],"sixthStepState":[1,"sixth-step-state"],"seventhStepState":[1,"seventh-step-state"],"firstStepStatus":[1,"first-step-status"],"secondStepStatus":[1,"second-step-status"],"thirdStepStatus":[1,"third-step-status"],"fourthStepStatus":[1,"fourth-step-status"],"fifthStepStatus":[1,"fifth-step-status"],"sixthStepStatus":[1,"sixth-step-status"],"seventhStepStatus":[1,"seventh-step-status"],"firstStepLabel":[1,"first-step-label"],"secondStepLabel":[1,"second-step-label"],"thirdStepLabel":[1,"third-step-label"],"fourthStepLabel":[1,"fourth-step-label"],"fifthStepLabel":[1,"fifth-step-label"],"sixthStepLabel":[1,"sixth-step-label"],"seventhStepLabel":[1,"seventh-step-label"],"firstStepSupportingText":[1,"first-step-supporting-text"],"secondStepSupportingText":[1,"second-step-supporting-text"],"thirdStepSupportingText":[1,"third-step-supporting-text"],"fourthStepSupportingText":[1,"fourth-step-supporting-text"],"fifthStepSupportingText":[1,"fifth-step-supporting-text"],"sixthStepSupportingText":[1,"sixth-step-supporting-text"],"seventhStepSupportingText":[1,"seventh-step-supporting-text"]}]]],["p-38b1f282",[[1,"gb-stepper-horizontal-line-with-text",{"size":[1],"breakpoint":[1],"showContent":[4,"show-content"],"showSupportingText":[1028,"show-supporting-text"],"firstStepState":[1,"first-step-state"],"secondStepState":[1,"second-step-state"],"thirdStepState":[1,"third-step-state"],"fourthStepState":[1,"fourth-step-state"],"fifthStepState":[1,"fifth-step-state"],"sixthStepState":[1,"sixth-step-state"],"seventhStepState":[1,"seventh-step-state"],"firstStepStatus":[1,"first-step-status"],"secondStepStatus":[1,"second-step-status"],"thirdStepStatus":[1,"third-step-status"],"fourthStepStatus":[1,"fourth-step-status"],"fifthStepStatus":[1,"fifth-step-status"],"sixthStepStatus":[1,"sixth-step-status"],"seventhStepStatus":[1,"seventh-step-status"],"firstStepLabel":[1,"first-step-label"],"secondStepLabel":[1,"second-step-label"],"thirdStepLabel":[1,"third-step-label"],"fourthStepLabel":[1,"fourth-step-label"],"fifthStepLabel":[1,"fifth-step-label"],"sixthStepLabel":[1,"sixth-step-label"],"seventhStepLabel":[1,"seventh-step-label"],"firstStepSupportingText":[1,"first-step-supporting-text"],"secondStepSupportingText":[1,"second-step-supporting-text"],"thirdStepSupportingText":[1,"third-step-supporting-text"],"fourthStepSupportingText":[1,"fourth-step-supporting-text"],"fifthStepSupportingText":[1,"fifth-step-supporting-text"],"sixthStepSupportingText":[1,"sixth-step-supporting-text"],"seventhStepSupportingText":[1,"seventh-step-supporting-text"],"width":[32]}]]],["p-8f17e760",[[1,"gb-stepper-vertical-icons-with-text",{"size":[1],"connector":[4],"type":[1],"showSecondStep":[4,"show-second-step"],"showThirdStep":[4,"show-third-step"],"showFourthStep":[4,"show-fourth-step"],"showFifthStep":[4,"show-fifth-step"],"showSixthStep":[4,"show-sixth-step"],"showSeventhStep":[4,"show-seventh-step"],"firstStepState":[1,"first-step-state"],"secondStepState":[1,"second-step-state"],"thirdStepState":[1,"third-step-state"],"fourthStepState":[1,"fourth-step-state"],"fifthStepState":[1,"fifth-step-state"],"sixthStepState":[1,"sixth-step-state"],"seventhStepState":[1,"seventh-step-state"],"firstStepStatus":[1,"first-step-status"],"secondStepStatus":[1,"second-step-status"],"thirdStepStatus":[1,"third-step-status"],"fourthStepStatus":[1,"fourth-step-status"],"fifthStepStatus":[1,"fifth-step-status"],"sixthStepStatus":[1,"sixth-step-status"],"seventhStepStatus":[1,"seventh-step-status"],"firstStepLabel":[1,"first-step-label"],"secondStepLabel":[1,"second-step-label"],"thirdStepLabel":[1,"third-step-label"],"fourthStepLabel":[1,"fourth-step-label"],"fifthStepLabel":[1,"fifth-step-label"],"sixthStepLabel":[1,"sixth-step-label"],"seventhStepLabel":[1,"seventh-step-label"],"firstStepSupportingText":[1,"first-step-supporting-text"],"secondStepSupportingText":[1,"second-step-supporting-text"],"thirdStepSupportingText":[1,"third-step-supporting-text"],"fourthStepSupportingText":[1,"fourth-step-supporting-text"],"fifthStepSupportingText":[1,"fifth-step-supporting-text"],"sixthStepSupportingText":[1,"sixth-step-supporting-text"],"seventhStepSupportingText":[1,"seventh-step-supporting-text"]}]]],["p-8fbbd4d0",[[1,"gb-top-bar",{"category":[1],"firstTabIcon":[1,"first-tab-icon"],"secondTabIcon":[1,"second-tab-icon"],"thirdTabIcon":[1,"third-tab-icon"],"fourthTabIcon":[1,"fourth-tab-icon"],"fifthTabIcon":[1,"fifth-tab-icon"],"sixthTabIcon":[1,"sixth-tab-icon"],"seventhTabIcon":[1,"seventh-tab-icon"],"firstTabLabel":[1,"first-tab-label"],"secondTabLabel":[1,"second-tab-label"],"thirdTabLabel":[1,"third-tab-label"],"fourthTabLabel":[1,"fourth-tab-label"],"fifthTabLabel":[1,"fifth-tab-label"],"sixthTabLabel":[1,"sixth-tab-label"],"seventhTabLabel":[1,"seventh-tab-label"],"firstTabIconOnly":[4,"first-tab-icon-only"],"secondTabIconOnly":[4,"second-tab-icon-only"],"thirdTabIconOnly":[4,"third-tab-icon-only"],"fourthTabIconOnly":[4,"fourth-tab-icon-only"],"fifthTabIconOnly":[4,"fifth-tab-icon-only"],"sixthTabIconOnly":[4,"sixth-tab-icon-only"],"seventhTabIconOnly":[4,"seventh-tab-icon-only"],"activeIndex":[1026,"active-index"]}]]],["p-d080be3b",[[1,"gb-toggle",{"size":[1],"state":[1],"text":[4],"supportingText":[4,"supporting-text"],"pressed":[4]}]]],["p-e1923f3c",[[1,"gb-token-field-compact",{"size":[1],"digits":[2],"showLabel":[4,"show-label"],"label":[1],"showSupportingText":[4,"show-supporting-text"],"supportingText":[1,"supporting-text"]}]]],["p-7cffe750",[[1,"gb-token-field-compressed",{"size":[1],"digits":[2],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"]}]]],["p-b1230f96",[[1,"gb-wysiwyg-tooltip",{"arrow":[1],"breakpoint":[1]}]]],["p-5a0ade34",[[1,"gb-breadcrumb-button-base",{"current":[4],"type":[1],"icon":[4]}]]],["p-259a35e3",[[0,"gb-carousel-arrow",{"size":[1],"chevron":[1]}]]],["p-e8ed79c2",[[1,"gb-pagination-dot-group",{"size":[1],"type":[1],"color":[1],"framed":[4]}]]],["p-0eae6ebb",[[0,"gb-pagination-dot-indicator",{"current":[4],"type":[1],"size":[1]}]]],["p-a4ff9eb1",[[1,"gb-progress-circle",{"size":[1],"shape":[1],"label":[4],"progress":[2]},null,{"progress":["handleProgressChange"]}]]],["p-ad33fb35",[[1,"gb-scrollbar",{"length":[1]}]]],["p-f815776d",[[1,"gb-table-cell",{"type":[1]}]]],["p-3021d1be",[[1,"gb-checkbox-group-item",{"size":[1],"type":[1],"state":[1],"breakpoint":[1],"showCost":[4,"show-cost"],"selected":[1028]}]]],["p-1859bc83",[[1,"gb-vertical-tabs",{"size":[1],"type":[1],"firstTabName":[1,"first-tab-name"],"secondTabName":[1,"second-tab-name"],"thirdTabName":[1,"third-tab-name"],"fourthTabName":[1,"fourth-tab-name"],"fifthTabName":[1,"fifth-tab-name"],"sixthTabName":[1,"sixth-tab-name"],"seventhTabName":[1,"seventh-tab-name"],"eighthTabName":[1,"eighth-tab-name"],"ninthTabName":[1,"ninth-tab-name"],"tenthTabName":[1,"tenth-tab-name"],"eleventhTabName":[1,"eleventh-tab-name"],"twelfthTabName":[1,"twelfth-tab-name"],"thirteenthTabName":[1,"thirteenth-tab-name"],"fourteenthTabName":[1,"fourteenth-tab-name"],"fifteenthTabName":[1,"fifteenth-tab-name"],"sixteenthTabName":[1,"sixteenth-tab-name"],"seventeenthTabName":[1,"seventeenth-tab-name"],"eighteenthTabName":[1,"eighteenth-tab-name"],"nineteenthTabName":[1,"nineteenth-tab-name"],"twentiethTabName":[1,"twentieth-tab-name"],"activeIndex":[1026,"active-index"]}]]],["p-770b80b4",[[1,"gb-file-upload-item-base",{"icon":[1],"state":[1],"heightSize":[1,"height-size"],"fileType":[1,"file-type"],"buttonState":[1,"button-state"],"progress":[2],"size":[2],"fileSize":[2,"file-size"],"fileName":[1,"file-name"]}]]],["p-d3be846e",[[1,"gb-avatar-label-group",{"size":[1],"statusIcon":[1,"status-icon"],"state":[1],"placeholder":[4],"text":[4],"color":[1],"showBorder":[4,"show-border"]}]]],["p-05d014b6",[[1,"gb-avatar-add-button",{"size":[1],"showToolTip":[1028,"show-tool-tip"],"state":[1],"el":[16]}]]],["p-41a4ae4e",[[1,"gb-slider-control-handle",{"value":[1],"type":[1],"isHovered":[32],"isFocused":[32]}]]],["p-a932ec80",[[1,"gb-top-bar-item",{"state":[1],"iconOnly":[4,"icon-only"],"category":[1],"label":[1],"icon":[1],"leadingIconSvg":[32],"showTooltip":[32]}]]],["p-9bc739b3",[[1,"gb-header-icon",{"state":[1],"showIndicator":[4,"show-indicator"],"icon":[1]}]]],["p-59e40bcf",[[1,"gb-notification-content",{"icon":[1],"label":[1],"time":[1],"supportingText":[1,"supporting-text"]}]]],["p-04cdf1b9",[[1,"gb-toast-button",{"state":[1],"color":[1]}]]],["p-b2fe7f50",[[1,"gb-toggle-base",{"size":[1],"state":[1],"pressed":[1028]}]]],["p-9ca88880",[[1,"gb-wysiwyg-editor-icon",{"active":[4],"type":[1],"state":[1]}]]],["p-bf35fa01",[[1,"gb-dropdown-items-with-shortcut",{"icon":[4],"iconSrc":[1,"icon-src"],"checkbox":[4],"shortcut":[4],"shortcutIcon":[1,"shortcut-icon"],"label":[1],"state":[1],"destructive":[4],"leadingIconSvg":[32]}]]],["p-35f2569e",[[1,"gb-export-sub-dropdown-item",{"icon":[1],"state":[1],"leadingIconSvg":[32]}]]],["p-1094f37d",[[1,"gb-export-sub-dropdown"],[1,"gb-export-dropdown-item",{"icon":[4],"state":[1],"type":[1]}]]],["p-f0ec2fac",[[1,"gb-mega-input-field-base",{"size":[1],"state":[1],"inputValue":[32]}]]],["p-ef461ffc",[[1,"gb-tab-button-base",{"current":[4],"size":[1],"fullWidth":[4,"full-width"],"badge":[4],"type":[1],"tabName":[1,"tab-name"],"alignment":[1]}]]],["p-ee22aa16",[[1,"gb-button-close",{"size":[1],"color":[1]}]]],["p-cf0f25c7",[[1,"gb-progress-bar",{"progress":[2],"showLabel":[4,"show-label"],"labelPosition":[1,"label-position"]}],[1,"gb-file-type-icon",{"fileStyle":[1,"file-style"],"fileType":[1,"file-type"]}]]],["p-6013e2c2",[[1,"gb-step-base",{"status":[1],"size":[1],"type":[1],"state":[1],"connector":[4],"showContent":[4,"show-content"],"showSupportingText":[4,"show-supporting-text"],"label":[1],"supportingText":[1,"supporting-text"]}],[1,"gb-featured-icon",{"size":[1]}]]],["p-4b01c567",[[1,"gb-tooltip",{"showArrow":[4,"show-arrow"],"arrow":[1],"showSupportingText":[4,"show-supporting-text"]}]]],["p-1f335d7d",[[1,"gb-checkbox",{"checked":[4],"indeterminate":[4],"size":[1],"type":[1],"state":[1],"text":[4],"supportingText":[4,"supporting-text"]}],[1,"gb-checkbox-base",{"state":[1025],"size":[1],"type":[1],"checked":[1028],"indeterminate":[1028]}]]],["p-c4537dbe",[[1,"gb-avatar",{"size":[1],"placeholder":[4],"text":[4],"statusIcon":[1,"status-icon"],"state":[1],"icon":[1],"color":[1],"showBorder":[4,"show-border"],"weight":[1],"assignedColorClass":[32]}],[1,"gb-avatar-contrast-inner-border",{"weight":[1],"size":[1],"showBorder":[4,"show-border"]}],[1,"gb-status-indicator",{"statusIcon":[1,"status-icon"],"size":[1],"state":[1],"indicatorStateClass":[1,"indicator-state-class"]}]]],["p-42d5cb72",[[1,"gb-tag",{"size":[1],"icon":[1],"action":[1],"flagSwap":[1,"flag-swap"],"checkbox":[4],"onTagClose":[64]}],[1,"gb-input-dropdown-menu-item",{"type":[1],"supportingText":[4,"supporting-text"],"selected":[1028],"state":[1],"color":[1],"handleClick":[64]}],[1,"gb-tag-checkbox",{"checked":[4],"size":[1],"disabled":[4]}],[1,"gb-tag-close",{"size":[1]}],[1,"gb-tag-count",{"size":[1]}]]],["p-4dcfa097",[[1,"gb-input-field",{"size":[1],"type":[1],"destructive":[1028],"state":[1],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"errorText":[1,"error-text"],"showPlaceholder":[4,"show-placeholder"],"placeholder":[1],"showHelpIcon":[4,"show-help-icon"],"showValidation":[4,"show-validation"],"showCountryIcon":[4,"show-country-icon"],"iconSwap":[1,"icon-swap"],"showCloseButton":[1028,"show-close-button"],"options":[1040],"idOfInput":[513,"id-of-input"],"labelText":[513,"label-text"],"isReadOnly":[516,"is-read-only"],"results":[1040],"menuPosition":[1,"menu-position"],"icon":[1],"value":[1032],"inputValue":[32],"tags":[32],"leadingIconSvg":[32],"isPasswordVisible":[32],"showDropdown":[32],"selectedItem":[32],"selectedItems":[32],"unselectedItems":[32],"paddingLeft":[32],"paddingTop":[32],"dropdownOpen":[32],"show":[32],"showSpinner":[32]},[[4,"click","handleClickOutside"]],{"options":["optionsChanged"],"value":["updateSelectedItems"]}],[1,"gb-password-button",{"state":[1],"isPasswordVisible":[32]}],[1,"gb-help-tooltip",{"showArrow":[4,"show-arrow"],"showSupportingText":[4,"show-supporting-text"],"showHelpTooltip":[32]}]]],["p-c49fb5da",[[1,"gb-input-dropdown",{"type":[1],"state":[1025],"size":[1],"showLabel":[4,"show-label"],"label":[1],"placeholder":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"showHelpIcon":[4,"show-help-icon"],"showLeadingIcon":[4,"show-leading-icon"],"iconSwap":[1,"icon-swap"],"text":[4],"leadingIcon":[1,"leading-icon"],"icon":[1],"items":[1040],"value":[1040],"supportingText":[4,"supporting-text"],"color":[1],"showBorder":[4,"show-border"],"menuPosition":[1,"menu-position"],"showSearchInput":[4,"show-search-input"],"inputValue":[1,"input-value"],"destructive":[1028],"errorText":[1,"error-text"],"leadingIconSvg":[32],"dropdownOpen":[32],"selectedItems":[32],"unselectedItems":[32],"selectedItem":[32],"searchItem":[32],"searchResults":[32]},[[4,"click","handleClickOutside"]],{"destructive":["watchDestructive"]}],[1,"gb-pagination-button-group-base",{"icon":[1],"state":[1],"iconSrc":[1,"icon-src"],"leadingIconSvg":[32]}],[1,"gb-pagination-number-base",{"shape":[1],"state":[1]}]]],["p-b7f361c5",[[1,"gb-badge",{"size":[1],"icon":[1],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailingSwap":[1,"icon-trailing-swap"],"flagSwap":[1,"flag-swap"],"color":[1],"type":[1],"closeButton":[4,"close-button"],"leadingIconContent":[32],"trailingIconContent":[32]}],[1,"gb-badge-close",{"color":[1],"type":[1]}]]],["p-7bf7a94c",[[1,"gb-simple-side-bar-item",{"state":[1],"type":[1],"label":[1],"icon":[1],"category":[1],"showArrow":[4,"show-arrow"],"showBadge":[4,"show-badge"],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}],[1,"gb-collapse-button",{"color":[1],"isCollapsed":[1028,"is-collapsed"],"action":[1025],"isHovered":[1028,"is-hovered"],"collapseSidebar":[64],"expandSidebar":[64]}],[1,"gb-complex-primary-side-bar-item",{"category":[1],"itemStyle":[1,"item-style"],"state":[1],"icon":[1],"label":[1],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}],[1,"gb-complex-secondary-side-bar-item",{"state":[1],"type":[1],"category":[1],"label":[1],"icon":[1],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}]]]]'),t)}));
2
2
  //# sourceMappingURL=globuscomponents.esm.js.map
@@ -0,0 +1,2 @@
1
+ import{r,h as n,F as e,a}from"./p-CrnEe5W0.js";import{S as t}from"./p-cHn6O-Kf.js";const o='/* @import \'tailwind.css\'; */\r\n\r\n:root {\r\n /* --------------------------------------Primary Colors--------------------------------------------- */\r\n /* base color palette */\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n /* gray color palette */\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n /* brand dark blue color palette */\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n /* brand red color palette */\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n /* warning color palette */\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n /* success color palette */\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n /* ------------------------------------------opacity color palette-------------------------------------- */\r\n /* 20% opacity */\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n /* 30% opacity */\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n /* 40% opacity */\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n /* ------------------------------------------Secondary Color------------------------------------------- */\r\n /* blueLight color palete */\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n /* blue color palette */\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n /* Purple color palete */\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n /* pink color palette */\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n /* -------------------------------------------------Token---------------------------------------------- */\r\n\r\n /* -----------Text Color----------- */\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n /* --------------Link color--------------- */\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n /* --------------Icon color--------------- */\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n /* ----------------Border Color --------------- */\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n /* Emmanuel Kadiri starts from background color */\r\n\r\n /* ----------------Background Color --------------- */\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n /* ----------------Blanket Color --------------- */\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n /* ----------------Skeleton Color --------------- */\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n /* ----------------Surface Color --------------- */\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/* -----------------Shadow and Blur----------------- */\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/* -----------------Gradients----------------- */\r\n:root{\r\n /* Gray Gradients */\r\n /* --gray-gradient-600: linear-gradient(); */\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n /* Brand Dark Blue Gradients */\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n /* Brand Red Gradients */\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n /* Blue Gradients */\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/* Spacing Styles */\r\n:root{\r\n /* Positive spacing */\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n /* Negative spacing */\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n /* Radius */\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/* Typography Styles */\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n /* Font Sizes */\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n /* Font Weights */\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n /* Line Heights */\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n /* Letter Spacings */\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n /* Font Families */\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/* Media queries for medium screens (tablet) */\r\n@media (max-width: 1199px) {\r\n :root{\r\n /* Font Sizes */\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n /* Line Heights */\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n /* Letter Spacings */\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/* Media queries for smaller screens (mobile) */\r\n@media (max-width: 743px) {\r\n :root{\r\n /* Font Sizes */\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n /* Line Heights */\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n /* Letter Spacings */\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; /* Continue from here */\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.toast_div{\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-4);\r\n position: relative;\r\n}\r\n\r\n/* Toast Size Styles */\r\n.toast_div.floating{\r\n border-radius: var(--rounded-md);\r\n box-shadow: var(--shadow-xs);\r\n padding: var(--spacing-3) var(--spacing-4);\r\n}\r\n\r\n.container.desktop{\r\n display: flex;\r\n padding: 0.75rem 2rem;\r\n}\r\n\r\n.container.mobile{\r\n display: flex;\r\n padding: var(--spacing-3) var(--spacing-4);\r\n align-items: center;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.full_width_content.desktop{\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n flex: 1 0 0;\r\n}\r\n\r\n.full_width_content.mobile{\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.75rem;\r\n}\r\n\r\n.inner_content.desktop{\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-4);\r\n flex-grow: 1;\r\n}\r\n\r\n.inner_content.mobile{\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-4);\r\n flex-grow: 1;\r\n}\r\n\r\n.icon_container{\r\n width: fit-content;\r\n display: flex;\r\n align-self: stretch;\r\n}\r\n\r\n.content{\r\n display: flex;\r\n flex-grow: 1;\r\n max-width: 43.75rem;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.content.floating{\r\n flex-direction: column;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.content.full_width{\r\n flex-direction: row;\r\n justify-content: space-between;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.content.actions{\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.text.floating{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.text.full_width{\r\n display: flex;\r\n gap: 0.38rem;\r\n align-items: center;\r\n}\r\n\r\n.text.mobile{\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n}\r\n\r\n.actions{\r\n display: flex;\r\n gap: var(--spacing-5);\r\n}\r\n\r\n.actions.floating{\r\n width: 100%;\r\n}\r\n\r\n.actions.full_width{\r\n width: fit-content;\r\n}\r\n\r\n.actions.only_actions{\r\n width: fit-content;\r\n}\r\n\r\n.actions.mobile{\r\n margin-left: 2.8rem;\r\n}\r\n\r\n.close_button.floating{\r\n position: absolute;\r\n top: 0.5rem;\r\n right: 0.5rem;\r\n}\r\n\r\n.close_button.mobile{\r\n position: absolute;\r\n top: 0.5rem;\r\n right: 0.5rem;\r\n}\r\n\r\n/* Toast Color Styles */\r\n.toast_div.floating.default{\r\n border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n background: var(--color-background-card, #FFFFFF);\r\n}\r\n\r\n.toast_div.floating.gray{\r\n border: 1px solid var(--color-border-subtle, #CDD5DF);\r\n background: var(--color-background-gray-subtlest, #F6F8FA);\r\n}\r\n\r\n.toast_div.floating.information{\r\n border: 1px solid var(--color-border-infromation-subtle, #9AC7F4);\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n}\r\n\r\n.toast_div.floating.error{\r\n border: 1px solid var(--color-border-danger-subtle, #F9B4BA);\r\n background: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\n.toast_div.floating.warning{\r\n border: 1px solid var(--color-border-warning-subtle, #FEDF89);\r\n background: var(--color-background-warning-subtlest, #FFFAEB);\r\n}\r\n\r\n.toast_div.floating.success{\r\n border: 1px solid var(--color-border-success-subtle, #A9EFC5);\r\n background: var(--color-background-success-subtlest, #ECFDF3);\r\n}\r\n\r\n.toast_div.full_width.default{\r\n border-top: 1px solid var(--color-border-subtler, #E3E8EF);\r\n border-bottom: 1px solid var(--color-border-subtler, #E3E8EF);\r\n background: var(--color-background-card, #FFFFFF);\r\n}\r\n\r\n.toast_div.full_width.gray{\r\n border-top: 1px solid var(--color-border-subtle, #CDD5DF);\r\n border-bottom: 1px solid var(--color-border-subtle, #CDD5DF);\r\n background: var(--color-background-gray-subtlest, #F6F8FA);\r\n}\r\n\r\n.toast_div.full_width.information{\r\n border-top: 1px solid var(--color-border-infromation-subtle, #9AC7F4);\r\n border-bottom: 1px solid var(--color-border-infromation-subtle, #9AC7F4);\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n}\r\n\r\n.toast_div.full_width.error{\r\n border-top: 1px solid var(--color-border-danger-subtle, #F9B4BA);\r\n border-bottom: 1px solid var(--color-border-danger-subtle, #F9B4BA);\r\n background: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\n.toast_div.full_width.warning{\r\n border-top: 1px solid var(--color-border-warning-subtle, #FEDF89);\r\n border-bottom: 1px solid var(--color-border-warning-subtle, #FEDF89);\r\n background: var(--color-background-warning-subtlest, #FFFAEB);\r\n}\r\n\r\n.toast_div.full_width.success{\r\n border-top: 1px solid var(--color-border-success-subtle, #A9EFC5);\r\n border-bottom: 1px solid var(--color-border-success-subtle, #A9EFC5);\r\n background: var(--color-background-success-subtlest, #ECFDF3);\r\n}\r\n\r\n.svg_icon.default path,\r\n.svg_icon.gray path{\r\n fill: var(--color-icon, #4B5565);\r\n}\r\n\r\n.svg_icon.information path{\r\n fill: var(--color-icon-information, #064E94);\r\n}\r\n\r\n.svg_icon.error path{\r\n fill: var(--color-icon-danger, #B51726);\r\n}\r\n\r\n.svg_icon.warning path{\r\n fill: var(--color-icon-warning, #DC6803);\r\n}\r\n\r\n.svg_icon.success path{\r\n fill: var(--color-icon-success, #079455);\r\n}\r\n\r\n::slotted([slot="main_text"].main_text_default),\r\n::slotted([slot="main_text"].main_text_gray){\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n::slotted([slot="main_text"].main_text_information){\r\n color: var(--color-text-information, #064E94);\r\n}\r\n\r\n::slotted([slot="main_text"].main_text_error){\r\n color: var(--color-text-danger, #B51726);\r\n}\r\n\r\n::slotted([slot="main_text"].main_text_warning){\r\n color: var(--color-text-warning, #DC6803);\r\n}\r\n\r\n::slotted([slot="main_text"].main_text_success){\r\n color: var(--color-text-success, #079455);\r\n}\r\n\r\n::slotted([slot="supporting_text"].supporting_text_default),\r\n::slotted([slot="supporting_text"].supporting_text_gray){\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n::slotted([slot="supporting_text"].supporting_text_information){\r\n color: var(--color-text-information-subtle, #075DB2);\r\n}\r\n\r\n::slotted([slot="supporting_text"].supporting_text_error){\r\n color: var(--color-text-danger-subtle, #CC1A2A);\r\n}\r\n\r\n::slotted([slot="supporting_text"].supporting_text_warning){\r\n color: var(--color-text-warning-subtle, #F79009);\r\n}\r\n\r\n::slotted([slot="supporting_text"].supporting_text_success){\r\n color: var(--color-text-success-subtle, #17B26A);\r\n}\r\n\r\n.toast_div.full_width.desktop{\r\n display: flex;\r\n justify-content: center;\r\n}';const l=class{constructor(n){r(this,n);this.xCloseButton=false;this.actions=false;this.showSupportingText=false}getMainColorClasses(){switch(this.color){case"default":return"main_text_default";case"gray":return"main_text_gray";case"information":return"main_text_information";case"error":return"main_text_error";case"warning":return"main_text_warning";case"success":return"main_text_success"}}getSupportingColorClasses(){switch(this.color){case"default":return"supporting_text_default";case"gray":return"supporting_text_gray";case"information":return"supporting_text_information";case"error":return"supporting_text_error";case"warning":return"supporting_text_warning";case"success":return"supporting_text_success"}}closeToast(){this.el.remove()}componentDidLoad(){const r=this.el.querySelector('[slot="main_text"]');const n=this.el.querySelector('[slot="supporting_text"]');if(r){r.classList.add("text-sm-semi-bold",this.getMainColorClasses())}if(n){n.classList.add("text-xs-regular");n.classList.add(this.getSupportingColorClasses())}}render(){return n("div",{key:"9b6f6d8a8441b81dbf50b8cc5dcf5c968167dc59",class:`toast_div ${this.color} ${this.size} ${this.breakpoint}`},this.size==="floating"&&n(e,null,n("div",{key:"f62a7e60131b643d024f897fbd9a89c827f173ba",class:`icon_container`},n("svg",{key:"d8f43757f92c264a33f360ea4e02976e7b44bb16",xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",class:`svg_icon ${this.color}`},n("path",{key:"e14daf20d87e9ca06cd02418c729acd97abc7b47",opacity:"0.4",d:"M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z",fill:"#4B5565"}),n("path",{key:"0ebd58f6e1d93ca96a2ca9d15ccef09f15bedd52","fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z",fill:"#4B5565"}),n("path",{key:"e6d1c390e84003ad7a4db8bdcb4a5faf95b59f69","fill-rule":"evenodd","clip-rule":"evenodd",d:"M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z",fill:"#4B5565"}))),n("div",{key:"2e02e5972b1dd088fc6c4aee617c3716ba550aaa",class:`content ${this.size} ${this.actions?" actions":""}`},n("div",{key:"0ef28d7dfa25e040e96f208f9eecb59ecbb9a234",class:`text ${this.size}`},n("slot",{key:"3ccfe80cb83dda80c7f35e7aab4b1dab22f0db3d",name:"main_text"}),this.showSupportingText&&n("slot",{key:"d369591aef5bd8ec3074e80247866a3b8d5e4260",name:"supporting_text"})),this.actions&&n("div",{key:"2875b5e3719f05469b23cf923931f6e8017d4397",class:`actions ${this.size} ${!this.showSupportingText?"only_actions":""}`},this.color==="default"?n(e,null,n("gb-button",{size:"sm",icon:"default",state:"default",hierarchy:"link_gray"},n("p",null,"Dismiss")),n("gb-button",{size:"sm",icon:"default",state:"default",hierarchy:"link_color"},n("p",null,"View changes"))):n(e,null,n("gb-toast-button",{state:t.Default,color:this.color},n("p",null,"Dismiss")),n("gb-toast-button",{state:t.Default,color:this.color},n("p",null,"View changes"))))),n("gb-button-close",{key:"238f1f686a2e4e9c89fd2ec4dac43b91d3836fe7",size:"sm",color:this.color==="default"?"gray":this.color==="gray"?"gray":this.color,class:`close_button ${this.size}`})),this.size==="full_width"&&n("div",{key:"32ad77ba2a0df87af532f4b18f8e0d97b6593121",class:`container ${this.breakpoint}`},n("div",{key:"091b0a64d807920df96e4cf812f479404e4db945",class:`full_width_content ${this.breakpoint}`},n("div",{key:"1e7367daf3dd348fb63a037b2c1bcbc10af4c6eb",class:`inner_content ${this.breakpoint}`},n("div",{key:"befac5d10657fa581e34f94fa41491ad1ce11afd",class:`icon_container`},n("svg",{key:"ee6c039b88d1a1b270873273c486fad5506ce31d",xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",class:`svg_icon ${this.color}`},n("path",{key:"35dc4feb5a0afeb53d304e94645c2d0ddf31d425",opacity:"0.4",d:"M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z",fill:"#4B5565"}),n("path",{key:"641668c6c65decdba64cb90181cb4b9cabdcdc1a","fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z",fill:"#4B5565"}),n("path",{key:"56695dee23fed326b277f49ab17ae80bb5643087","fill-rule":"evenodd","clip-rule":"evenodd",d:"M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z",fill:"#4B5565"}))),n("div",{key:"447be120f34afdf5a4163c173f82650e5d5cd624",class:`text ${this.size} ${this.breakpoint}`},n("slot",{key:"664442e9557f31f6eada17638aa5e73d6dcbf452",name:"main_text"}),this.showSupportingText&&n("slot",{key:"b7cf224897ec8f11bd2c8c24675fd6f56f02434e",name:"supporting_text"}))),this.actions&&n("div",{key:"b875e3d9f93f486eb76bf968ba1238ed7a3eb157",class:`actions ${this.size} ${this.breakpoint} ${!this.showSupportingText?"only_actions":""}`},this.color==="default"?n(e,null,n("gb-button",{size:"sm",icon:"default",state:"default",hierarchy:"link_gray"},n("p",null,"Dismiss")),n("gb-button",{size:"sm",icon:"default",state:"default",hierarchy:"link_color"},n("p",null,"View changes"))):n(e,null,n("gb-toast-button",{state:t.Default,color:this.color},n("p",null,"Dismiss")),n("gb-toast-button",{state:t.Default,color:this.color},n("p",null,"View changes")))),n("gb-button-close",{key:"df0e6ebac1a55cbf0a07c7216b1d218035162a54",size:"sm",color:this.color==="default"?"gray":this.color==="gray"?"gray":this.color,class:`close_button ${this.breakpoint}`,onClick:()=>this.closeToast()}))))}get el(){return a(this)}};l.style=o;export{l as gb_toast};
2
+ //# sourceMappingURL=p-038b1c91.entry.js.map