globuswebcomponents 2.8.2 → 2.8.4

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 (485) hide show
  1. package/dist/cjs/{gb-approval-modal_64.cjs.entry.js → gb-approval-modal_68.cjs.entry.js} +668 -112
  2. package/dist/cjs/gb-detail-cell.cjs.entry.js +1 -1
  3. package/dist/cjs/gb-logo.cjs.entry.js +1 -1
  4. package/dist/cjs/gb-mega-input-field-base.cjs.entry.js +2 -2
  5. package/dist/cjs/gb-nav-bar-item.cjs.entry.js +1 -1
  6. package/dist/cjs/gb-nav-bar-sidemenu.cjs.entry.js +1 -1
  7. package/dist/cjs/gb-nav-bar.cjs.entry.js +1 -1
  8. package/dist/cjs/gb-pagination-dot-group.cjs.entry.js +1 -1
  9. package/dist/cjs/gb-pagination-dot-indicator.cjs.entry.js +1 -1
  10. package/dist/cjs/gb-progress-circle.cjs.entry.js +1 -1
  11. package/dist/cjs/gb-prompt-modal.cjs.entry.js +1 -1
  12. package/dist/cjs/gb-quick-action-card.cjs.entry.js +1 -1
  13. package/dist/cjs/gb-quick-action-icon.cjs.entry.js +1 -1
  14. package/dist/cjs/gb-scrollbar.cjs.entry.js +1 -1
  15. package/dist/cjs/gb-sidebar.cjs.entry.js +1 -1
  16. package/dist/cjs/gb-slider-control-handle.cjs.entry.js +1 -1
  17. package/dist/cjs/gb-slider.cjs.entry.js +1 -1
  18. package/dist/cjs/gb-step-base_2.cjs.entry.js +2 -2
  19. package/dist/cjs/gb-stepper-horizontal-icons-centered.cjs.entry.js +1 -1
  20. package/dist/cjs/gb-stepper-horizontal-icons-connected.cjs.entry.js +1 -1
  21. package/dist/cjs/gb-stepper-horizontal-line-with-text.cjs.entry.js +1 -1
  22. package/dist/cjs/gb-stepper-horizontal-minimal-icons.cjs.entry.js +1 -1
  23. package/dist/cjs/gb-stepper-vertical-icons-with-text.cjs.entry.js +1 -1
  24. package/dist/cjs/gb-table-cell.cjs.entry.js +1 -1
  25. package/dist/cjs/gb-token-field-compact.cjs.entry.js +1 -1
  26. package/dist/cjs/gb-token-field-compressed.cjs.entry.js +2 -2
  27. package/dist/cjs/gb-vertical-tabs.cjs.entry.js +1 -1
  28. package/dist/cjs/gb-wysiwyg-editor-icon.cjs.entry.js +1 -1
  29. package/dist/cjs/globuscomponents.cjs.js +1 -1
  30. package/dist/cjs/loader.cjs.js +1 -1
  31. package/dist/cjs/test-input-tag.cjs.entry.js +2 -2
  32. package/dist/collection/assets/dollar-icon.svg +4 -0
  33. package/dist/collection/assets/mail-at-sign-02.svg +3 -0
  34. package/dist/collection/assets/naira-icon.svg +5 -0
  35. package/dist/collection/assets/pound-icon.svg +3 -0
  36. package/dist/collection/collection-manifest.json +2 -0
  37. package/dist/collection/components/gb-button/gb-button.css +1 -1
  38. package/dist/collection/components/gb-contact-help-dropdown/gb-contact-help-dropdown.css +2837 -0
  39. package/dist/collection/components/gb-contact-help-dropdown/gb-contact-help-dropdown.js +88 -0
  40. package/dist/collection/components/gb-contact-help-dropdown/gb-contact-help-dropdown.js.map +1 -0
  41. package/dist/collection/components/gb-date-picker/gb-date-picker.css +71 -16
  42. package/dist/collection/components/gb-date-picker/gb-date-picker.js +186 -4
  43. package/dist/collection/components/gb-date-picker/gb-date-picker.js.map +1 -1
  44. package/dist/collection/components/gb-date-picker-list-item/gb-date-picker-list-item.css +2820 -0
  45. package/dist/collection/components/gb-date-picker-list-item/gb-date-picker-list-item.js +67 -0
  46. package/dist/collection/components/gb-date-picker-list-item/gb-date-picker-list-item.js.map +1 -0
  47. package/dist/collection/components/gb-detail-cell/gb-detail-cell.js +1 -1
  48. package/dist/collection/components/gb-dropdown-items-with-shortcut/gb-dropdown-items-with-shortcut.css +1 -0
  49. package/dist/collection/components/gb-dropdown-items-with-shortcut/gb-dropdown-items-with-shortcut.js +1 -1
  50. package/dist/collection/components/gb-empty-state/gb-empty-state.js +1 -1
  51. package/dist/collection/components/gb-export-dropdown/gb-export-dropdown.js +3 -3
  52. package/dist/collection/components/gb-export-dropdown-item/gb-export-dropdown-item.js +1 -1
  53. package/dist/collection/components/gb-export-sub-dropdown/gb-export-sub-dropdown.js +1 -1
  54. package/dist/collection/components/gb-export-sub-dropdown-item/gb-export-sub-dropdown-item.js +1 -1
  55. package/dist/collection/components/gb-featured-icon/gb-featured-icon.js +1 -1
  56. package/dist/collection/components/gb-file-type-icon/gb-file-type-icon.js +1 -1
  57. package/dist/collection/components/gb-file-upload/gb-file-upload.js +14 -53
  58. package/dist/collection/components/gb-file-upload/gb-file-upload.js.map +1 -1
  59. package/dist/collection/components/gb-file-upload-item-base/gb-file-upload-item-base.js +6 -6
  60. package/dist/collection/components/gb-filter-button/gb-filter-button.js +1 -1
  61. package/dist/collection/components/gb-header/gb-header.js +71 -68
  62. package/dist/collection/components/gb-header/gb-header.js.map +1 -1
  63. package/dist/collection/components/gb-header-icon/gb-header-icon.js +1 -1
  64. package/dist/collection/components/gb-help-dropdown/gb-help-dropdown.css +1 -1
  65. package/dist/collection/components/gb-help-dropdown/gb-help-dropdown.js +1 -1
  66. package/dist/collection/components/gb-help-tooltip/gb-help-tooltip.js +1 -1
  67. package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.css +2 -2
  68. package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js +97 -97
  69. package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js.map +1 -1
  70. package/dist/collection/components/gb-icon-button-base/gb-icon-button-base.js +1 -1
  71. package/dist/collection/components/gb-illustration/gb-illustration.js +8 -8
  72. package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js +3 -3
  73. package/dist/collection/components/gb-input-dropdown-menu-item/gb-input-dropdown-menu-item.js +2 -2
  74. package/dist/collection/components/gb-input-field/gb-input-field.css +9 -0
  75. package/dist/collection/components/gb-input-field/gb-input-field.js +58 -31
  76. package/dist/collection/components/gb-input-field/gb-input-field.js.map +1 -1
  77. package/dist/collection/components/gb-logo/gb-logo.js +1 -1
  78. package/dist/collection/components/gb-mega-input-field-base/gb-mega-input-field-base.js +2 -2
  79. package/dist/collection/components/gb-metric-card/gb-metric-card.js +1 -1
  80. package/dist/collection/components/gb-metric-featured-icon/gb-metric-featured-icon.js +1 -1
  81. package/dist/collection/components/gb-modal-header/gb-modal-header.js +2 -2
  82. package/dist/collection/components/gb-nav-bar/gb-nav-bar.js +1 -1
  83. package/dist/collection/components/gb-nav-bar-item/gb-nav-bar-item.js +1 -1
  84. package/dist/collection/components/gb-nav-bar-sidemenu/gb-nav-bar-sidemenu.js +1 -1
  85. package/dist/collection/components/gb-notification-content/gb-notification-content.js +1 -1
  86. package/dist/collection/components/gb-notification-pane/gb-notification-pane.js +3 -3
  87. package/dist/collection/components/gb-pagination/gb-pagination.js +4 -4
  88. package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js +1 -1
  89. package/dist/collection/components/gb-pagination-dot-group/gb-pagination-dot-group.js +1 -1
  90. package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js +1 -1
  91. package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js +1 -1
  92. package/dist/collection/components/gb-password-button/gb-password-button.js +1 -1
  93. package/dist/collection/components/gb-pattern/gb-pattern.js +1 -1
  94. package/dist/collection/components/gb-progress-bar/gb-progress-bar.js +1 -1
  95. package/dist/collection/components/gb-progress-circle/gb-progress-circle.js +1 -1
  96. package/dist/collection/components/gb-prompt-modal/gb-prompt-modal.js +1 -1
  97. package/dist/collection/components/gb-quick-action-card/gb-quick-action-card.js +1 -1
  98. package/dist/collection/components/gb-quick-action-icon/gb-quick-action-icon.js +1 -1
  99. package/dist/collection/components/gb-scrollbar/gb-scrollbar.js +1 -1
  100. package/dist/collection/components/gb-sidebar/gb-sidebar.js +1 -1
  101. package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.js +2 -2
  102. package/dist/collection/components/gb-slider/gb-slider.js +1 -1
  103. package/dist/collection/components/gb-slider-control-handle/gb-slider-control-handle.js +1 -1
  104. package/dist/collection/components/gb-status-indicator/gb-status-indicator.js +1 -1
  105. package/dist/collection/components/gb-step-base/gb-step-base.js +1 -1
  106. package/dist/collection/components/gb-step-icon-base/gb-step-icon-base.js +1 -1
  107. package/dist/collection/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js +1 -1
  108. package/dist/collection/components/gb-stepper-horizontal-icons-connected/gb-stepper-horizontal-icons-connected.js +1 -1
  109. package/dist/collection/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.js +1 -1
  110. package/dist/collection/components/gb-stepper-horizontal-minimal-icons/gb-stepper-horizontal-minimal-icons.js +1 -1
  111. package/dist/collection/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.js +1 -1
  112. package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.css +4 -0
  113. package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.js +3 -3
  114. package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.js.map +1 -1
  115. package/dist/collection/components/gb-table-cell/gb-table-cell.js +1 -1
  116. package/dist/collection/components/gb-table-header/gb-table-header.js +1 -1
  117. package/dist/collection/components/gb-table-header/gb-table-header.js.map +1 -1
  118. package/dist/collection/components/gb-tag/gb-tag.js +1 -1
  119. package/dist/collection/components/gb-tag-checkbox/gb-tag-checkbox.js +1 -1
  120. package/dist/collection/components/gb-tag-close/gb-tag-close.js +1 -1
  121. package/dist/collection/components/gb-tag-count/gb-tag-count.js +1 -1
  122. package/dist/collection/components/gb-textarea-input-field/gb-textarea-input-field.js +3 -3
  123. package/dist/collection/components/gb-theme-tab/gb-theme-tab.js +1 -1
  124. package/dist/collection/components/gb-toast/gb-toast.js +1 -1
  125. package/dist/collection/components/gb-toast-button/gb-toast-button.js +1 -1
  126. package/dist/collection/components/gb-toggle/gb-toggle.js +1 -1
  127. package/dist/collection/components/gb-toggle-base/gb-toggle-base.js +2 -2
  128. package/dist/collection/components/gb-token-field-compact/gb-token-field-compact.js +1 -1
  129. package/dist/collection/components/gb-token-field-compressed/gb-token-field-compressed.js +2 -2
  130. package/dist/collection/components/gb-tooltip/gb-tooltip.js +1 -1
  131. package/dist/collection/components/gb-vertical-tabs/gb-vertical-tabs.js +1 -1
  132. package/dist/collection/components/gb-wysiwyg-editor-icon/gb-wysiwyg-editor-icon.js +1 -1
  133. package/dist/collection/components/test-input-tag/test-input-tag.js +2 -2
  134. package/dist/components/gb-action-panel.js +2 -2
  135. package/dist/components/gb-approval-modal.js +13 -13
  136. package/dist/components/gb-avatar-add-button.js +1 -1
  137. package/dist/components/gb-avatar-dropdown.js +1 -1
  138. package/dist/components/gb-avatar-group.js +4 -4
  139. package/dist/components/gb-avatar-label-group.js +1 -1
  140. package/dist/components/gb-avatar-profile-photo.js +2 -2
  141. package/dist/components/gb-avatar.js +1 -1
  142. package/dist/components/gb-badge.js +1 -1
  143. package/dist/components/gb-btn.js +1 -1
  144. package/dist/components/gb-button.js +1 -1
  145. package/dist/components/gb-checkbox-group-item.js +1 -1
  146. package/dist/components/gb-checkbox-group.js +5 -5
  147. package/dist/components/gb-collapse-button.js +1 -1
  148. package/dist/components/gb-comment.js +2 -2
  149. package/dist/components/gb-complex-primary-side-bar-item.js +1 -1
  150. package/dist/components/gb-complex-secondary-side-bar-item.js +1 -1
  151. package/dist/components/gb-contact-help-dropdown.d.ts +11 -0
  152. package/dist/components/gb-contact-help-dropdown.js +9 -0
  153. package/dist/components/gb-contact-help-dropdown.js.map +1 -0
  154. package/dist/components/gb-date-picker-list-item.d.ts +11 -0
  155. package/dist/components/gb-date-picker-list-item.js +9 -0
  156. package/dist/components/gb-date-picker-list-item.js.map +1 -0
  157. package/dist/components/gb-date-picker.js +1 -1
  158. package/dist/components/gb-detail-cell.js +7 -7
  159. package/dist/components/gb-dropdown-items-with-shortcut.js +1 -1
  160. package/dist/components/gb-empty-state.js +7 -7
  161. package/dist/components/gb-export-dropdown-item.js +1 -1
  162. package/dist/components/gb-export-dropdown.js +1 -1
  163. package/dist/components/gb-export-sub-dropdown-item.js +1 -1
  164. package/dist/components/gb-export-sub-dropdown.js +1 -1
  165. package/dist/components/gb-featured-icon.js +1 -1
  166. package/dist/components/gb-file-type-icon.js +1 -1
  167. package/dist/components/gb-file-upload-item-base.js +1 -1
  168. package/dist/components/gb-file-upload.js +18 -61
  169. package/dist/components/gb-file-upload.js.map +1 -1
  170. package/dist/components/gb-filter-button.js +1 -1
  171. package/dist/components/gb-header-icon.js +1 -1
  172. package/dist/components/gb-header.js +69 -57
  173. package/dist/components/gb-header.js.map +1 -1
  174. package/dist/components/gb-help-dropdown.js +1 -1
  175. package/dist/components/gb-help-tooltip.js +1 -1
  176. package/dist/components/gb-horizontal-tabs.js +101 -101
  177. package/dist/components/gb-horizontal-tabs.js.map +1 -1
  178. package/dist/components/gb-icon-button-base.js +1 -1
  179. package/dist/components/gb-illustration.js +1 -1
  180. package/dist/components/gb-input-dropdown-menu-item.js +1 -1
  181. package/dist/components/gb-input-dropdown.js +1 -1
  182. package/dist/components/gb-input-field.js +1 -1
  183. package/dist/components/gb-logo.js +1 -1
  184. package/dist/components/gb-mega-input-field-base.js +1 -1
  185. package/dist/components/gb-metric-card.js +5 -5
  186. package/dist/components/gb-metric-featured-icon.js +1 -1
  187. package/dist/components/gb-modal-action.js +1 -1
  188. package/dist/components/gb-modal-header.js +1 -1
  189. package/dist/components/gb-nav-bar-item.js +1 -1
  190. package/dist/components/gb-nav-bar-sidemenu.js +6 -6
  191. package/dist/components/gb-nav-bar.js +4 -4
  192. package/dist/components/gb-notification-content.js +1 -1
  193. package/dist/components/gb-notification-pane.js +1 -1
  194. package/dist/components/gb-pagination-button-group-base.js +1 -1
  195. package/dist/components/gb-pagination-dot-group.js +1 -1
  196. package/dist/components/gb-pagination-dot-indicator.js +1 -1
  197. package/dist/components/gb-pagination-number-base.js +1 -1
  198. package/dist/components/gb-pagination.js +20 -20
  199. package/dist/components/gb-password-button.js +1 -1
  200. package/dist/components/gb-pattern.js +1 -1
  201. package/dist/components/gb-progress-bar.js +1 -1
  202. package/dist/components/gb-progress-circle.js +1 -1
  203. package/dist/components/gb-prompt-modal.js +3 -3
  204. package/dist/components/gb-quick-action-card.js +1 -1
  205. package/dist/components/gb-quick-action-icon.js +1 -1
  206. package/dist/components/gb-scrollbar.js +1 -1
  207. package/dist/components/gb-sidebar.js +9 -9
  208. package/dist/components/gb-simple-side-bar-item.js +1 -1
  209. package/dist/components/gb-slider-control-handle.js +1 -1
  210. package/dist/components/gb-slider.js +3 -3
  211. package/dist/components/gb-status-indicator.js +1 -1
  212. package/dist/components/gb-step-base.js +1 -1
  213. package/dist/components/gb-step-icon-base.js +1 -1
  214. package/dist/components/gb-stepper-horizontal-icons-centered.js +4 -4
  215. package/dist/components/gb-stepper-horizontal-icons-connected.js +1 -1
  216. package/dist/components/gb-stepper-horizontal-line-with-text.js +4 -4
  217. package/dist/components/gb-stepper-horizontal-minimal-icons.js +2 -2
  218. package/dist/components/gb-stepper-vertical-icons-with-text.js +4 -4
  219. package/dist/components/gb-tab-button-base.js +1 -1
  220. package/dist/components/gb-table-cell.js +1 -1
  221. package/dist/components/gb-table-header.js +45 -39
  222. package/dist/components/gb-table-header.js.map +1 -1
  223. package/dist/components/gb-tag-checkbox.js +1 -1
  224. package/dist/components/gb-tag-close.js +1 -1
  225. package/dist/components/gb-tag-count.js +1 -1
  226. package/dist/components/gb-tag.js +1 -1
  227. package/dist/components/gb-textarea-input-field.js +1 -1
  228. package/dist/components/gb-theme-tab.js +1 -1
  229. package/dist/components/gb-toast-button.js +1 -1
  230. package/dist/components/gb-toast.js +4 -4
  231. package/dist/components/gb-toggle-base.js +1 -1
  232. package/dist/components/gb-toggle.js +2 -2
  233. package/dist/components/gb-token-field-compact.js +1 -1
  234. package/dist/components/gb-token-field-compressed.js +3 -3
  235. package/dist/components/gb-tooltip.js +1 -1
  236. package/dist/components/gb-vertical-tabs.js +1 -1
  237. package/dist/components/gb-wysiwyg-editor-icon.js +1 -1
  238. package/dist/components/gb-wysiwyg-tooltip.js +1 -1
  239. package/dist/components/{p-Db9T6018.js → p--I_gPQUE.js} +10 -10
  240. package/dist/components/{p-Db9T6018.js.map → p--I_gPQUE.js.map} +1 -1
  241. package/dist/components/{p-BeATbKS7.js → p-BG8JW_rw.js} +3 -3
  242. package/dist/components/{p-BeATbKS7.js.map → p-BG8JW_rw.js.map} +1 -1
  243. package/dist/components/{p-WIRPmweM.js → p-BGCnKfl0.js} +4 -4
  244. package/dist/components/{p-WIRPmweM.js.map → p-BGCnKfl0.js.map} +1 -1
  245. package/dist/components/{p-aeAn9gEA.js → p-BHd1jYEi.js} +3 -3
  246. package/dist/components/{p-aeAn9gEA.js.map → p-BHd1jYEi.js.map} +1 -1
  247. package/dist/components/{p-brGtAur-.js → p-BL5J0XvE.js} +56 -30
  248. package/dist/components/p-BL5J0XvE.js.map +1 -0
  249. package/dist/components/{p-DI5VmfPJ.js → p-BNtBaG1Q.js} +6 -6
  250. package/dist/components/{p-DI5VmfPJ.js.map → p-BNtBaG1Q.js.map} +1 -1
  251. package/dist/components/{p-D5VakMaB.js → p-BSigLF7e.js} +179 -10
  252. package/dist/components/p-BSigLF7e.js.map +1 -0
  253. package/dist/components/{p-CV6g9soz.js → p-BTQdW4ZB.js} +8 -8
  254. package/dist/components/{p-CV6g9soz.js.map → p-BTQdW4ZB.js.map} +1 -1
  255. package/dist/components/{p-DC9eRciK.js → p-BTelYyP2.js} +8 -8
  256. package/dist/components/{p-DC9eRciK.js.map → p-BTelYyP2.js.map} +1 -1
  257. package/dist/components/{p-CouV5zM8.js → p-BTtfwaye.js} +9 -9
  258. package/dist/components/p-BTtfwaye.js.map +1 -0
  259. package/dist/components/{p-CNNymMFJ.js → p-BUK7YTYS.js} +12 -12
  260. package/dist/components/{p-CNNymMFJ.js.map → p-BUK7YTYS.js.map} +1 -1
  261. package/dist/components/{p-DW4pKXr4.js → p-Bbs_ehuC.js} +3 -3
  262. package/dist/components/{p-DW4pKXr4.js.map → p-Bbs_ehuC.js.map} +1 -1
  263. package/dist/components/{p-BaWXQ__r.js → p-BckwqSbm.js} +3 -3
  264. package/dist/components/{p-BaWXQ__r.js.map → p-BckwqSbm.js.map} +1 -1
  265. package/dist/components/{p-CBLQlDC-.js → p-BdVeX7Rd.js} +3 -3
  266. package/dist/components/{p-CBLQlDC-.js.map → p-BdVeX7Rd.js.map} +1 -1
  267. package/dist/components/{p-ZqHAkmEL.js → p-BjhnL_t_.js} +6 -6
  268. package/dist/components/{p-ZqHAkmEL.js.map → p-BjhnL_t_.js.map} +1 -1
  269. package/dist/components/{p-CwBrH_Gy.js → p-BltLlHPc.js} +5 -5
  270. package/dist/components/p-BltLlHPc.js.map +1 -0
  271. package/dist/components/{p-BnXOyD9E.js → p-BuSk8ic2.js} +4 -4
  272. package/dist/components/{p-BnXOyD9E.js.map → p-BuSk8ic2.js.map} +1 -1
  273. package/dist/components/{p-C6bmJSrL.js → p-BxAHT2oZ.js} +6 -6
  274. package/dist/components/{p-C6bmJSrL.js.map → p-BxAHT2oZ.js.map} +1 -1
  275. package/dist/components/{p-BBa4Fn7D.js → p-C1uwcl31.js} +4 -4
  276. package/dist/components/{p-BBa4Fn7D.js.map → p-C1uwcl31.js.map} +1 -1
  277. package/dist/components/{p-DZnKLe8d.js → p-C2g47NTt.js} +3 -3
  278. package/dist/components/{p-DZnKLe8d.js.map → p-C2g47NTt.js.map} +1 -1
  279. package/dist/components/{p-R_kUzXjS.js → p-C3RUMHia.js} +3 -3
  280. package/dist/components/{p-R_kUzXjS.js.map → p-C3RUMHia.js.map} +1 -1
  281. package/dist/components/{p-DLYIM3pP.js → p-CBO7F6qZ.js} +3 -3
  282. package/dist/components/{p-DLYIM3pP.js.map → p-CBO7F6qZ.js.map} +1 -1
  283. package/dist/components/{p-TWikQ7cn.js → p-CD8xzR4K.js} +3 -3
  284. package/dist/components/{p-TWikQ7cn.js.map → p-CD8xzR4K.js.map} +1 -1
  285. package/dist/components/{p-BQeaURIB.js → p-CIVRbulm.js} +3 -3
  286. package/dist/components/{p-BQeaURIB.js.map → p-CIVRbulm.js.map} +1 -1
  287. package/dist/components/{p-CbQeOmOy.js → p-CI_7a6LG.js} +5 -5
  288. package/dist/components/{p-CbQeOmOy.js.map → p-CI_7a6LG.js.map} +1 -1
  289. package/dist/components/{p-Bjw2gC89.js → p-CKakiJz5.js} +4 -4
  290. package/dist/components/{p-Bjw2gC89.js.map → p-CKakiJz5.js.map} +1 -1
  291. package/dist/components/{p-BnyM5qjj.js → p-CNvg1TqW.js} +8 -8
  292. package/dist/components/{p-BnyM5qjj.js.map → p-CNvg1TqW.js.map} +1 -1
  293. package/dist/components/{p-C-jvyrl1.js → p-ChlJGhjw.js} +7 -7
  294. package/dist/components/{p-C-jvyrl1.js.map → p-ChlJGhjw.js.map} +1 -1
  295. package/dist/components/{p-9FvHspeE.js → p-Ck5p4PIi.js} +8 -8
  296. package/dist/components/{p-9FvHspeE.js.map → p-Ck5p4PIi.js.map} +1 -1
  297. package/dist/components/{p-Cz5H-pJQ.js → p-Cm2tvhIA.js} +12 -12
  298. package/dist/components/{p-Cz5H-pJQ.js.map → p-Cm2tvhIA.js.map} +1 -1
  299. package/dist/components/{p-CYpMSzqG.js → p-D4Z4FxSq.js} +3 -3
  300. package/dist/components/{p-CYpMSzqG.js.map → p-D4Z4FxSq.js.map} +1 -1
  301. package/dist/components/{p-D5KQeC85.js → p-D61pzm5n.js} +3 -3
  302. package/dist/components/{p-D5KQeC85.js.map → p-D61pzm5n.js.map} +1 -1
  303. package/dist/components/{p-CxkzPuqu.js → p-DEiboqAA.js} +3 -3
  304. package/dist/components/{p-CxkzPuqu.js.map → p-DEiboqAA.js.map} +1 -1
  305. package/dist/components/{p-B22NNlLP.js → p-DLije5ss.js} +4 -4
  306. package/dist/components/{p-B22NNlLP.js.map → p-DLije5ss.js.map} +1 -1
  307. package/dist/components/{p-BcuKykSc.js → p-DQkdc5ku.js} +3 -3
  308. package/dist/components/{p-BcuKykSc.js.map → p-DQkdc5ku.js.map} +1 -1
  309. package/dist/components/{p-CTupKoNZ.js → p-DTsau3UZ.js} +3 -3
  310. package/dist/components/{p-CTupKoNZ.js.map → p-DTsau3UZ.js.map} +1 -1
  311. package/dist/components/{p-DYUluAx6.js → p-DVaVVnTA.js} +3 -3
  312. package/dist/components/{p-DYUluAx6.js.map → p-DVaVVnTA.js.map} +1 -1
  313. package/dist/components/{p-CwQUW5_4.js → p-DWyYIqoI.js} +4 -4
  314. package/dist/components/{p-CwQUW5_4.js.map → p-DWyYIqoI.js.map} +1 -1
  315. package/dist/components/{p-C6mRhuUf.js → p-DZGsputt.js} +3 -3
  316. package/dist/components/{p-C6mRhuUf.js.map → p-DZGsputt.js.map} +1 -1
  317. package/dist/components/p-DcH1C0dU.js +41 -0
  318. package/dist/components/p-DcH1C0dU.js.map +1 -0
  319. package/dist/components/{p-CRosXE9B.js → p-DdMrN_HY.js} +18 -18
  320. package/dist/components/{p-CRosXE9B.js.map → p-DdMrN_HY.js.map} +1 -1
  321. package/dist/components/{p-CVc4qPGI.js → p-DdkYqLoI.js} +4 -4
  322. package/dist/components/{p-CVc4qPGI.js.map → p-DdkYqLoI.js.map} +1 -1
  323. package/dist/components/{p-ClWO8gQx.js → p-DeiWo5G4.js} +4 -4
  324. package/dist/components/{p-ClWO8gQx.js.map → p-DeiWo5G4.js.map} +1 -1
  325. package/dist/components/{p-uyKTZeg_.js → p-DrG6ye5R.js} +4 -4
  326. package/dist/components/{p-uyKTZeg_.js.map → p-DrG6ye5R.js.map} +1 -1
  327. package/dist/components/{p-BHLaov0_.js → p-Ds-0Jit3.js} +4 -4
  328. package/dist/components/p-Ds-0Jit3.js.map +1 -0
  329. package/dist/components/{p-CbzrQ01V.js → p-DvENBFqd.js} +4 -4
  330. package/dist/components/{p-CbzrQ01V.js.map → p-DvENBFqd.js.map} +1 -1
  331. package/dist/components/{p-2pZTNei2.js → p-DvdNTQK4.js} +4 -4
  332. package/dist/components/{p-2pZTNei2.js.map → p-DvdNTQK4.js.map} +1 -1
  333. package/dist/components/{p-BIHVkNE4.js → p-Dvh4x44z.js} +3 -3
  334. package/dist/components/{p-BIHVkNE4.js.map → p-Dvh4x44z.js.map} +1 -1
  335. package/dist/components/{p-DfQWKCbs.js → p-Dvuh1e61.js} +3 -3
  336. package/dist/components/{p-DfQWKCbs.js.map → p-Dvuh1e61.js.map} +1 -1
  337. package/dist/components/{p-ZcCwFehb.js → p-Dwsw8Uzh.js} +3 -3
  338. package/dist/components/{p-ZcCwFehb.js.map → p-Dwsw8Uzh.js.map} +1 -1
  339. package/dist/components/{p-XX_ozutB.js → p-DzNJmip2.js} +5 -5
  340. package/dist/components/{p-XX_ozutB.js.map → p-DzNJmip2.js.map} +1 -1
  341. package/dist/components/{p-Cwxr0uHc.js → p-E_g3eyui.js} +3 -3
  342. package/dist/components/{p-Cwxr0uHc.js.map → p-E_g3eyui.js.map} +1 -1
  343. package/dist/components/{p-Db-mzjAD.js → p-HUMvPq4Q.js} +8 -8
  344. package/dist/components/{p-Db-mzjAD.js.map → p-HUMvPq4Q.js.map} +1 -1
  345. package/dist/components/{p-AjEGQ2qL.js → p-J8bXkFDh.js} +4 -4
  346. package/dist/components/{p-AjEGQ2qL.js.map → p-J8bXkFDh.js.map} +1 -1
  347. package/dist/components/{p-BQduwH1K.js → p-Q2RLvSZY.js} +10 -10
  348. package/dist/components/{p-BQduwH1K.js.map → p-Q2RLvSZY.js.map} +1 -1
  349. package/dist/components/{p-CT6fjdgY.js → p-_gz48ITT.js} +3 -3
  350. package/dist/components/{p-CT6fjdgY.js.map → p-_gz48ITT.js.map} +1 -1
  351. package/dist/components/p-j_DTJur2.js +84 -0
  352. package/dist/components/p-j_DTJur2.js.map +1 -0
  353. package/dist/components/{p-Q19MNh6U.js → p-p172yHzQ.js} +3 -3
  354. package/dist/components/{p-Q19MNh6U.js.map → p-p172yHzQ.js.map} +1 -1
  355. package/dist/components/{p-D2gq0J26.js → p-v-UJtHAn.js} +4 -4
  356. package/dist/components/{p-D2gq0J26.js.map → p-v-UJtHAn.js.map} +1 -1
  357. package/dist/components/{p-Ca4eFkIg.js → p-wqXQDcCc.js} +3 -3
  358. package/dist/components/{p-Ca4eFkIg.js.map → p-wqXQDcCc.js.map} +1 -1
  359. package/dist/components/test-input-tag.js +9 -9
  360. package/dist/docs.json +316 -103
  361. package/dist/esm/{gb-approval-modal_64.entry.js → gb-approval-modal_68.entry.js} +665 -113
  362. package/dist/esm/gb-detail-cell.entry.js +1 -1
  363. package/dist/esm/gb-logo.entry.js +1 -1
  364. package/dist/esm/gb-mega-input-field-base.entry.js +2 -2
  365. package/dist/esm/gb-nav-bar-item.entry.js +1 -1
  366. package/dist/esm/gb-nav-bar-sidemenu.entry.js +1 -1
  367. package/dist/esm/gb-nav-bar.entry.js +1 -1
  368. package/dist/esm/gb-pagination-dot-group.entry.js +1 -1
  369. package/dist/esm/gb-pagination-dot-indicator.entry.js +1 -1
  370. package/dist/esm/gb-progress-circle.entry.js +1 -1
  371. package/dist/esm/gb-prompt-modal.entry.js +1 -1
  372. package/dist/esm/gb-quick-action-card.entry.js +1 -1
  373. package/dist/esm/gb-quick-action-icon.entry.js +1 -1
  374. package/dist/esm/gb-scrollbar.entry.js +1 -1
  375. package/dist/esm/gb-sidebar.entry.js +1 -1
  376. package/dist/esm/gb-slider-control-handle.entry.js +1 -1
  377. package/dist/esm/gb-slider.entry.js +1 -1
  378. package/dist/esm/gb-step-base_2.entry.js +2 -2
  379. package/dist/esm/gb-stepper-horizontal-icons-centered.entry.js +1 -1
  380. package/dist/esm/gb-stepper-horizontal-icons-connected.entry.js +1 -1
  381. package/dist/esm/gb-stepper-horizontal-line-with-text.entry.js +1 -1
  382. package/dist/esm/gb-stepper-horizontal-minimal-icons.entry.js +1 -1
  383. package/dist/esm/gb-stepper-vertical-icons-with-text.entry.js +1 -1
  384. package/dist/esm/gb-table-cell.entry.js +1 -1
  385. package/dist/esm/gb-token-field-compact.entry.js +1 -1
  386. package/dist/esm/gb-token-field-compressed.entry.js +2 -2
  387. package/dist/esm/gb-vertical-tabs.entry.js +1 -1
  388. package/dist/esm/gb-wysiwyg-editor-icon.entry.js +1 -1
  389. package/dist/esm/globuscomponents.js +1 -1
  390. package/dist/esm/loader.js +1 -1
  391. package/dist/esm/test-input-tag.entry.js +2 -2
  392. package/dist/globuscomponents/assets/dollar-icon.svg +4 -0
  393. package/dist/globuscomponents/assets/mail-at-sign-02.svg +3 -0
  394. package/dist/globuscomponents/assets/naira-icon.svg +5 -0
  395. package/dist/globuscomponents/assets/pound-icon.svg +3 -0
  396. package/dist/globuscomponents/gb-button.css +1 -1
  397. package/dist/globuscomponents/globuscomponents.esm.js +1 -1
  398. package/dist/globuscomponents/{p-3b9e055e.entry.js → p-0dcf4650.entry.js} +2 -2
  399. package/dist/globuscomponents/{p-1703f77f.entry.js → p-183e2f99.entry.js} +2 -2
  400. package/dist/globuscomponents/{p-20fff5d8.entry.js → p-244a44ef.entry.js} +2 -2
  401. package/dist/globuscomponents/{p-ac3fd31f.entry.js → p-2c0cfc82.entry.js} +2 -2
  402. package/dist/globuscomponents/{p-54c68582.entry.js → p-5a7d9cfd.entry.js} +2 -2
  403. package/dist/globuscomponents/{p-85d1d2d5.entry.js → p-5be9a48c.entry.js} +2 -2
  404. package/dist/globuscomponents/{p-57a403e7.entry.js → p-5cdf6c25.entry.js} +2 -2
  405. package/dist/globuscomponents/{p-b68c5922.entry.js → p-61641b20.entry.js} +2 -2
  406. package/dist/globuscomponents/{p-aac97719.entry.js → p-62341b6c.entry.js} +2 -2
  407. package/dist/globuscomponents/{p-787066a5.entry.js → p-6acfadc2.entry.js} +2 -2
  408. package/dist/globuscomponents/{p-7899b855.entry.js → p-6f8ebe8f.entry.js} +2 -2
  409. package/dist/globuscomponents/{p-bbe2e087.entry.js → p-79068ae4.entry.js} +2 -2
  410. package/dist/globuscomponents/p-79068ae4.entry.js.map +1 -0
  411. package/dist/globuscomponents/p-809229ba.entry.js +2 -0
  412. package/dist/globuscomponents/{p-450e1ee6.entry.js → p-84225ac6.entry.js} +2 -2
  413. package/dist/globuscomponents/{p-372d8c17.entry.js → p-88baed16.entry.js} +2 -2
  414. package/dist/globuscomponents/{p-5e62edcf.entry.js → p-8b42f385.entry.js} +2 -2
  415. package/dist/globuscomponents/{p-e7fd0d37.entry.js → p-903d51f0.entry.js} +2 -2
  416. package/dist/globuscomponents/{p-baa375e0.entry.js → p-a272a3ad.entry.js} +2 -2
  417. package/dist/globuscomponents/{p-cedaf7eb.entry.js → p-af6d38ae.entry.js} +2 -2
  418. package/dist/globuscomponents/{p-ca85617a.entry.js → p-b54d41f2.entry.js} +2 -2
  419. package/dist/globuscomponents/{p-cc2e644f.entry.js → p-b9e4f38b.entry.js} +2 -2
  420. package/dist/globuscomponents/p-bafd6f15.entry.js +2 -0
  421. package/dist/globuscomponents/{p-a0c00b44.entry.js → p-cf8ffa25.entry.js} +2 -2
  422. package/dist/globuscomponents/{p-3665eb5a.entry.js → p-d0d613ab.entry.js} +2 -2
  423. package/dist/globuscomponents/{p-b6acb1cb.entry.js → p-d509024a.entry.js} +2 -2
  424. package/dist/globuscomponents/{p-b91dac9e.entry.js → p-df563979.entry.js} +2 -2
  425. package/dist/globuscomponents/{p-47a16997.entry.js → p-df84097e.entry.js} +2 -2
  426. package/dist/globuscomponents/{p-51cd3859.entry.js → p-e0c068f5.entry.js} +2 -2
  427. package/dist/globuscomponents/p-f407b695.entry.js +2 -0
  428. package/dist/types/components/gb-contact-help-dropdown/gb-contact-help-dropdown.d.ts +19 -0
  429. package/dist/types/components/gb-date-picker/gb-date-picker.d.ts +13 -0
  430. package/dist/types/components/gb-date-picker-list-item/gb-date-picker-list-item.d.ts +5 -0
  431. package/dist/types/components/gb-header/gb-header.d.ts +7 -5
  432. package/dist/types/components/gb-input-field/gb-input-field.d.ts +4 -3
  433. package/dist/types/components.d.ts +119 -29
  434. package/package.json +2 -2
  435. package/dist/cjs/gb-file-upload.cjs.entry.js +0 -198
  436. package/dist/cjs/gb-file-upload.entry.cjs.js.map +0 -1
  437. package/dist/cjs/gb-horizontal-tabs.cjs.entry.js +0 -167
  438. package/dist/cjs/gb-horizontal-tabs.entry.cjs.js.map +0 -1
  439. package/dist/components/p-BHLaov0_.js.map +0 -1
  440. package/dist/components/p-CouV5zM8.js.map +0 -1
  441. package/dist/components/p-CwBrH_Gy.js.map +0 -1
  442. package/dist/components/p-D5VakMaB.js.map +0 -1
  443. package/dist/components/p-brGtAur-.js.map +0 -1
  444. package/dist/esm/gb-file-upload.entry.js +0 -196
  445. package/dist/esm/gb-file-upload.entry.js.map +0 -1
  446. package/dist/esm/gb-horizontal-tabs.entry.js +0 -165
  447. package/dist/esm/gb-horizontal-tabs.entry.js.map +0 -1
  448. package/dist/globuscomponents/gb-file-upload.entry.esm.js.map +0 -1
  449. package/dist/globuscomponents/gb-horizontal-tabs.entry.esm.js.map +0 -1
  450. package/dist/globuscomponents/p-0fa4e90b.entry.js +0 -2
  451. package/dist/globuscomponents/p-2d348616.entry.js +0 -2
  452. package/dist/globuscomponents/p-5a96576d.entry.js +0 -2
  453. package/dist/globuscomponents/p-5ed1035a.entry.js +0 -2
  454. package/dist/globuscomponents/p-5ed1035a.entry.js.map +0 -1
  455. package/dist/globuscomponents/p-a3fe950e.entry.js +0 -2
  456. package/dist/globuscomponents/p-a3fe950e.entry.js.map +0 -1
  457. package/dist/globuscomponents/p-bbe2e087.entry.js.map +0 -1
  458. /package/dist/globuscomponents/{p-3b9e055e.entry.js.map → p-0dcf4650.entry.js.map} +0 -0
  459. /package/dist/globuscomponents/{p-1703f77f.entry.js.map → p-183e2f99.entry.js.map} +0 -0
  460. /package/dist/globuscomponents/{p-20fff5d8.entry.js.map → p-244a44ef.entry.js.map} +0 -0
  461. /package/dist/globuscomponents/{p-ac3fd31f.entry.js.map → p-2c0cfc82.entry.js.map} +0 -0
  462. /package/dist/globuscomponents/{p-54c68582.entry.js.map → p-5a7d9cfd.entry.js.map} +0 -0
  463. /package/dist/globuscomponents/{p-85d1d2d5.entry.js.map → p-5be9a48c.entry.js.map} +0 -0
  464. /package/dist/globuscomponents/{p-57a403e7.entry.js.map → p-5cdf6c25.entry.js.map} +0 -0
  465. /package/dist/globuscomponents/{p-b68c5922.entry.js.map → p-61641b20.entry.js.map} +0 -0
  466. /package/dist/globuscomponents/{p-aac97719.entry.js.map → p-62341b6c.entry.js.map} +0 -0
  467. /package/dist/globuscomponents/{p-787066a5.entry.js.map → p-6acfadc2.entry.js.map} +0 -0
  468. /package/dist/globuscomponents/{p-7899b855.entry.js.map → p-6f8ebe8f.entry.js.map} +0 -0
  469. /package/dist/globuscomponents/{p-5a96576d.entry.js.map → p-809229ba.entry.js.map} +0 -0
  470. /package/dist/globuscomponents/{p-450e1ee6.entry.js.map → p-84225ac6.entry.js.map} +0 -0
  471. /package/dist/globuscomponents/{p-372d8c17.entry.js.map → p-88baed16.entry.js.map} +0 -0
  472. /package/dist/globuscomponents/{p-5e62edcf.entry.js.map → p-8b42f385.entry.js.map} +0 -0
  473. /package/dist/globuscomponents/{p-e7fd0d37.entry.js.map → p-903d51f0.entry.js.map} +0 -0
  474. /package/dist/globuscomponents/{p-baa375e0.entry.js.map → p-a272a3ad.entry.js.map} +0 -0
  475. /package/dist/globuscomponents/{p-cedaf7eb.entry.js.map → p-af6d38ae.entry.js.map} +0 -0
  476. /package/dist/globuscomponents/{p-ca85617a.entry.js.map → p-b54d41f2.entry.js.map} +0 -0
  477. /package/dist/globuscomponents/{p-cc2e644f.entry.js.map → p-b9e4f38b.entry.js.map} +0 -0
  478. /package/dist/globuscomponents/{p-2d348616.entry.js.map → p-bafd6f15.entry.js.map} +0 -0
  479. /package/dist/globuscomponents/{p-a0c00b44.entry.js.map → p-cf8ffa25.entry.js.map} +0 -0
  480. /package/dist/globuscomponents/{p-3665eb5a.entry.js.map → p-d0d613ab.entry.js.map} +0 -0
  481. /package/dist/globuscomponents/{p-b6acb1cb.entry.js.map → p-d509024a.entry.js.map} +0 -0
  482. /package/dist/globuscomponents/{p-b91dac9e.entry.js.map → p-df563979.entry.js.map} +0 -0
  483. /package/dist/globuscomponents/{p-47a16997.entry.js.map → p-df84097e.entry.js.map} +0 -0
  484. /package/dist/globuscomponents/{p-51cd3859.entry.js.map → p-e0c068f5.entry.js.map} +0 -0
  485. /package/dist/globuscomponents/{p-0fa4e90b.entry.js.map → p-f407b695.entry.js.map} +0 -0
package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js CHANGED
@@ -4,101 +4,101 @@ export class GbHorizontalTabs {
4
4
  this.fullWidth = false;
5
5
  this.badge = false;
6
6
  this.tabs = [
7
- // {
8
- // name: 'First',
9
- // index: 0,
10
- // badgeCount: '5',
11
- // },
12
- // {
13
- // name: 'Second',
14
- // index: 1,
15
- // badgeCount: '10',
16
- // },
17
- // {
18
- // name: 'Second',
19
- // index: 1,
20
- // badgeCount: '10',
21
- // },
22
- // {
23
- // name: 'Second',
24
- // index: 1,
25
- // badgeCount: '10',
26
- // },
27
- // {
28
- // name: 'Second',
29
- // index: 1,
30
- // badgeCount: '10',
31
- // },
32
- // {
33
- // name: 'Second',
34
- // index: 1,
35
- // badgeCount: '10',
36
- // },
37
- // {
38
- // name: 'Second',
39
- // index: 1,
40
- // badgeCount: '10',
41
- // },
42
- // {
43
- // name: 'Second',
44
- // index: 1,
45
- // badgeCount: '10',
46
- // },
47
- // {
48
- // name: 'Second',
49
- // index: 1,
50
- // badgeCount: '10',
51
- // },
52
- // {
53
- // name: 'Second',
54
- // index: 1,
55
- // badgeCount: '10',
56
- // },
57
- // {
58
- // name: 'Second',
59
- // index: 1,
60
- // badgeCount: '10',
61
- // },
62
- // {
63
- // name: 'Second',
64
- // index: 1,
65
- // badgeCount: '10',
66
- // },
67
- // {
68
- // name: 'Second',
69
- // index: 1,
70
- // badgeCount: '10',
71
- // },
72
- // {
73
- // name: 'Second',
74
- // index: 1,
75
- // badgeCount: '10',
76
- // },
77
- // {
78
- // name: 'Second',
79
- // index: 1,
80
- // badgeCount: '10',
81
- // },
82
- // {
83
- // name: 'Second',
84
- // index: 1,
85
- // badgeCount: '10',
86
- // },
87
- // {
88
- // name: 'Second',
89
- // index: 1,
90
- // badgeCount: '10',
91
- // },
92
- // {
93
- // name: 'Second',
94
- // index: 1,
95
- // badgeCount: '10',
96
- // },
97
- // {
98
- // name: 'Second',
99
- // index: 1,
100
- // badgeCount: '10',
101
- // },
7
+ {
8
+ name: 'All accounts',
9
+ index: 0,
10
+ badgeCount: '5',
11
+ },
12
+ {
13
+ name: 'Second',
14
+ index: 1,
15
+ badgeCount: '10',
16
+ },
17
+ {
18
+ name: 'Second',
19
+ index: 1,
20
+ badgeCount: '10',
21
+ },
22
+ {
23
+ name: 'Second',
24
+ index: 1,
25
+ badgeCount: '10',
26
+ },
27
+ {
28
+ name: 'Second',
29
+ index: 1,
30
+ badgeCount: '10',
31
+ },
32
+ {
33
+ name: 'Second',
34
+ index: 1,
35
+ badgeCount: '10',
36
+ },
37
+ {
38
+ name: 'Second',
39
+ index: 1,
40
+ badgeCount: '10',
41
+ },
42
+ {
43
+ name: 'Second',
44
+ index: 1,
45
+ badgeCount: '10',
46
+ },
47
+ {
48
+ name: 'Second',
49
+ index: 1,
50
+ badgeCount: '10',
51
+ },
52
+ {
53
+ name: 'Second',
54
+ index: 1,
55
+ badgeCount: '10',
56
+ },
57
+ // {
58
+ // name: 'Second',
59
+ // index: 1,
60
+ // badgeCount: '10',
61
+ // },
62
+ // {
63
+ // name: 'Second',
64
+ // index: 1,
65
+ // badgeCount: '10',
66
+ // },
67
+ // {
68
+ // name: 'Second',
69
+ // index: 1,
70
+ // badgeCount: '10',
71
+ // },
72
+ // {
73
+ // name: 'Second',
74
+ // index: 1,
75
+ // badgeCount: '10',
76
+ // },
77
+ // {
78
+ // name: 'Second',
79
+ // index: 1,
80
+ // badgeCount: '10',
81
+ // },
82
+ // {
83
+ // name: 'Second',
84
+ // index: 1,
85
+ // badgeCount: '10',
86
+ // },
87
+ // {
88
+ // name: 'Second',
89
+ // index: 1,
90
+ // badgeCount: '10',
91
+ // },
92
+ // {
93
+ // name: 'Second',
94
+ // index: 1,
95
+ // badgeCount: '10',
96
+ // },
97
+ // {
98
+ // name: 'Second',
99
+ // index: 1,
100
+ // badgeCount: '10',
101
+ // },
102
102
  ];
103
103
  this.internalTabs = [...this.tabs];
104
104
  this.internalActiveIndex = 0;
@@ -147,7 +147,7 @@ export class GbHorizontalTabs {
147
147
  this.tabItemClicked.emit(index);
148
148
  }
149
149
  render() {
150
- return (h("div", { key: '2757ead2ccb5e34f02fd33fcacfa30a45b41c1ea', class: "horizontal_tab_div_wrapper" }, this.showLeftButton && (h("div", { key: 'fbc4a6ae04ed2eab6677ca9139809158e29aec65', class: "scroll_button_div left" }, h("div", { key: 'b38b2534a0de16bca1da16447e0bca94b6c0febf', class: "scroll_button", onClick: () => this.scrollLeft() }, h("svg", { key: '5120a552ecc4dff270441d5ede2c7ba7d22fc809', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '9b0cc6c607a150a29717331bc74ef5c1d06322aa', d: "M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("div", { key: '2a7a8a5320371a75762128c9c9c1b841fc924385', class: "horizontal_tab_wrapper", ref: el => (this.tabContainer = el), onScroll: () => this.handleScroll() }, h("div", { key: '741ce2cb4bce572f2a75476c47bda8bc65a2839c', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(index), current: this.internalActiveIndex === index, "tab-name": tab.name, badge: this.badge, alignment: "horizontal" }, h("p", { slot: "count" }, tab.badgeCount)))))), this.showRightButton && (h("div", { key: '38148dc38fbbdde051eb183a22a0634398576974', class: "scroll_button_div right" }, h("div", { key: '0166b40ef3c983eb1c337598ad137988198e47b0', class: "scroll_button", onClick: () => this.scrollRight() }, h("svg", { key: '55b62c0f873da77f4c44061e5a29394e453158bc', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'f1bf0da024f9d3be7bd12a489c0d8a215f0cc500', d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
150
+ return (h("div", { key: 'adbf387f24276698edb40f10b3a7e679caff61d8', class: "horizontal_tab_div_wrapper" }, this.showLeftButton && (h("div", { key: '77744affe95f7aa5d048f9ae56072cbb10de1999', class: "scroll_button_div left" }, h("div", { key: '391315c7a0cd7014eb1d83479055b4aada089925', class: "scroll_button", onClick: () => this.scrollLeft() }, h("svg", { key: 'a4828b921c6eb1dfa06e1d665e72d21770de0da4', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '002a18b566511c971781e297098f9d1d86f80641', d: "M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("div", { key: '688807ac2af4fc4d9f9bb00dd24c9d3215463e1f', class: "horizontal_tab_wrapper", ref: el => (this.tabContainer = el), onScroll: () => this.handleScroll() }, h("div", { key: 'cf8ce1024e239a164990ed72472604668701b4be', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(index), current: this.internalActiveIndex === index, "tab-name": tab.name, badge: this.badge, alignment: "horizontal" }, h("p", { slot: "count" }, tab.badgeCount)))))), this.showRightButton && (h("div", { key: '6dae75a7c268c5e84837474ec0414dac06f5ada6', class: "scroll_button_div right" }, h("div", { key: 'e048046bd2ee22f9653de3b2522235bccc250e36', class: "scroll_button", onClick: () => this.scrollRight() }, h("svg", { key: 'cd701bc9295bd8119d77871a72077e5d0e2abb70', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '38a8b8ce4a48ad3740af2e8db2e009d623b4c5f7', d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
151
151
  }
152
152
  static get is() { return "gb-horizontal-tabs"; }
153
153
  static get encapsulation() { return "shadow"; }
@@ -288,7 +288,7 @@ export class GbHorizontalTabs {
288
288
  },
289
289
  "getter": false,
290
290
  "setter": false,
291
- "defaultValue": "[\r\n // {\r\n // name: 'First',\r\n // index: 0,\r\n // badgeCount: '5',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n ]"
291
+ "defaultValue": "[\r\n {\r\n name: 'All accounts',\r\n index: 0,\r\n badgeCount: '5',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n ]"
292
292
  }
293
293
  };
294
294
  }
package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"gb-horizontal-tabs.js","sourceRoot":"","sources":["../../../src/components/gb-horizontal-tabs/gb-horizontal-tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Prop, State, Watch, h } from '@stencil/core';\r\nimport { GeneralSizes, TabTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-horizontal-tabs',\r\n styleUrl: 'gb-horizontal-tabs.css',\r\n shadow: true,\r\n})\r\nexport class GbHorizontalTabs {\r\n @Prop() type: TabTypes;\r\n @Prop() size: GeneralSizes;\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() badge: boolean = false;\r\n @Prop({ mutable: true }) activeIndex: number;\r\n @Prop() tabs: { name: string; index: number; badgeCount?: string }[] = [\r\n // {\r\n // name: 'First',\r\n // index: 0,\r\n // badgeCount: '5',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n ];\r\n @State() internalTabs: { name: string; index: number; badgeCount?: string }[] = [...this.tabs];\r\n @State() internalActiveIndex: number = 0;\r\n @Event() tabItemClicked: EventEmitter<number>;\r\n @State() showLeftButton = false;\r\n @State() showRightButton = false;\r\n private tabContainer!: HTMLElement;\r\n\r\n componentDidLoad() {\r\n this.updateScrollButtons();\r\n window.addEventListener('resize', this.updateScrollButtons.bind(this)); // Recheck on resize\r\n }\r\n\r\n scrollLeft() {\r\n this.tabContainer.scrollBy({ left: -200, behavior: 'smooth' });\r\n }\r\n\r\n scrollRight() {\r\n this.tabContainer.scrollBy({ left: 200, behavior: 'smooth' });\r\n }\r\n\r\n handleScroll() {\r\n this.updateScrollButtons();\r\n }\r\n\r\n updateScrollButtons() {\r\n if (!this.tabContainer) return;\r\n const { scrollLeft, scrollWidth, clientWidth } = this.tabContainer;\r\n\r\n // Only show buttons if overflow exists\r\n const isOverflowing = scrollWidth > clientWidth;\r\n this.showLeftButton = isOverflowing && scrollLeft > 0;\r\n this.showRightButton = isOverflowing && scrollLeft + clientWidth < scrollWidth - 1;\r\n }\r\n\r\n @Watch('activeIndex')\r\n setActiveIndex(_oldValue: number, newValue: number) {\r\n this.internalActiveIndex = newValue;\r\n }\r\n\r\n @Watch('tabs')\r\n onTabsChanged(newTabs: { name: string; index: number; badgeCount?: string }[]) {\r\n this.internalTabs = newTabs;\r\n }\r\n\r\n componentWillLoad() {\r\n this.internalTabs = this.tabs;\r\n }\r\n\r\n componentWillRender() {\r\n this.internalActiveIndex = this.activeIndex;\r\n }\r\n\r\n disconnectedCallback() {\r\n window.removeEventListener('resize', this.updateScrollButtons.bind(this));\r\n }\r\n\r\n async handleTabClick(index: number) {\r\n this.activeIndex = index;\r\n this.tabItemClicked.emit(index);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"horizontal_tab_div_wrapper\">\r\n {this.showLeftButton && (\r\n <div class=\"scroll_button_div left\">\r\n <div class=\"scroll_button\" onClick={() => this.scrollLeft()}>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18\"\r\n stroke=\"var(--color-icon, #4B5565)\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n )}\r\n <div class=\"horizontal_tab_wrapper\" ref={el => (this.tabContainer = el as HTMLElement)} onScroll={() => this.handleScroll()}>\r\n <div class={`horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}`}>\r\n {this.internalTabs.map((tab, index) => (\r\n <gb-tab-button-base\r\n class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n size={this.size}\r\n full-width={this.fullWidth}\r\n type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n onClick={() => this.handleTabClick(index)}\r\n current={this.internalActiveIndex === index}\r\n tab-name={tab.name}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <p slot=\"count\">{tab.badgeCount}</p>\r\n </gb-tab-button-base>\r\n ))}\r\n </div>\r\n </div>\r\n {this.showRightButton && (\r\n <div class=\"scroll_button_div right\">\r\n <div class=\"scroll_button\" onClick={() => this.scrollRight()}>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18\"\r\n stroke=\"var(--color-icon, #4B5565)\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
1
+ {"version":3,"file":"gb-horizontal-tabs.js","sourceRoot":"","sources":["../../../src/components/gb-horizontal-tabs/gb-horizontal-tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Prop, State, Watch, h } from '@stencil/core';\r\nimport { GeneralSizes, TabTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-horizontal-tabs',\r\n styleUrl: 'gb-horizontal-tabs.css',\r\n shadow: true,\r\n})\r\nexport class GbHorizontalTabs {\r\n @Prop() type: TabTypes;\r\n @Prop() size: GeneralSizes;\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() badge: boolean = false;\r\n @Prop({ mutable: true }) activeIndex: number;\r\n @Prop() tabs: { name: string; index: number; badgeCount?: string }[] = [\r\n {\r\n name: 'All accounts',\r\n index: 0,\r\n badgeCount: '5',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n {\r\n name: 'Second',\r\n index: 1,\r\n badgeCount: '10',\r\n },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n ];\r\n @State() internalTabs: { name: string; index: number; badgeCount?: string }[] = [...this.tabs];\r\n @State() internalActiveIndex: number = 0;\r\n @Event() tabItemClicked: EventEmitter<number>;\r\n @State() showLeftButton = false;\r\n @State() showRightButton = false;\r\n private tabContainer!: HTMLElement;\r\n\r\n componentDidLoad() {\r\n this.updateScrollButtons();\r\n window.addEventListener('resize', this.updateScrollButtons.bind(this)); // Recheck on resize\r\n }\r\n\r\n scrollLeft() {\r\n this.tabContainer.scrollBy({ left: -200, behavior: 'smooth' });\r\n }\r\n\r\n scrollRight() {\r\n this.tabContainer.scrollBy({ left: 200, behavior: 'smooth' });\r\n }\r\n\r\n handleScroll() {\r\n this.updateScrollButtons();\r\n }\r\n\r\n updateScrollButtons() {\r\n if (!this.tabContainer) return;\r\n const { scrollLeft, scrollWidth, clientWidth } = this.tabContainer;\r\n\r\n // Only show buttons if overflow exists\r\n const isOverflowing = scrollWidth > clientWidth;\r\n this.showLeftButton = isOverflowing && scrollLeft > 0;\r\n this.showRightButton = isOverflowing && scrollLeft + clientWidth < scrollWidth - 1;\r\n }\r\n\r\n @Watch('activeIndex')\r\n setActiveIndex(_oldValue: number, newValue: number) {\r\n this.internalActiveIndex = newValue;\r\n }\r\n\r\n @Watch('tabs')\r\n onTabsChanged(newTabs: { name: string; index: number; badgeCount?: string }[]) {\r\n this.internalTabs = newTabs;\r\n }\r\n\r\n componentWillLoad() {\r\n this.internalTabs = this.tabs;\r\n }\r\n\r\n componentWillRender() {\r\n this.internalActiveIndex = this.activeIndex;\r\n }\r\n\r\n disconnectedCallback() {\r\n window.removeEventListener('resize', this.updateScrollButtons.bind(this));\r\n }\r\n\r\n async handleTabClick(index: number) {\r\n this.activeIndex = index;\r\n this.tabItemClicked.emit(index);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"horizontal_tab_div_wrapper\">\r\n {this.showLeftButton && (\r\n <div class=\"scroll_button_div left\">\r\n <div class=\"scroll_button\" onClick={() => this.scrollLeft()}>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18\"\r\n stroke=\"var(--color-icon, #4B5565)\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n )}\r\n <div class=\"horizontal_tab_wrapper\" ref={el => (this.tabContainer = el as HTMLElement)} onScroll={() => this.handleScroll()}>\r\n <div class={`horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}`}>\r\n {this.internalTabs.map((tab, index) => (\r\n <gb-tab-button-base\r\n class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n size={this.size}\r\n full-width={this.fullWidth}\r\n type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n onClick={() => this.handleTabClick(index)}\r\n current={this.internalActiveIndex === index}\r\n tab-name={tab.name}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <p slot=\"count\">{tab.badgeCount}</p>\r\n </gb-tab-button-base>\r\n ))}\r\n </div>\r\n </div>\r\n {this.showRightButton && (\r\n <div class=\"scroll_button_div right\">\r\n <div class=\"scroll_button\" onClick={() => this.scrollRight()}>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18\"\r\n stroke=\"var(--color-icon, #4B5565)\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
package/dist/collection/components/gb-icon-button-base/gb-icon-button-base.js CHANGED
@@ -17,7 +17,7 @@ export class GbIconButtonBase {
17
17
  this.loadIcon(this.icon);
18
18
  }
19
19
  render() {
20
- return (h("div", { key: '07bc9784bc26ccb4663431fb905433271a5e1c1e', class: "icon_button_base_container" }, this.showTooltip && (h("gb-tooltip", { key: '80a53f01315dc7adb2560aed6bc1fab8f88d1aae', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: 'ffe65ebcd03d7c6aab7a2d63f7d6c6ea34826da3', slot: "label" }, this.label))), h("div", { key: 'd0b2273309d3d5865e4d724a62ca01d96bebcceb', class: `icon_button_base_div ${this.current ? 'current' : ''}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '0e6336faaf13c3bd1ff9c2c7d5001b78567b526e', class: `icon ${this.current ? 'current' : ''}`, innerHTML: this.leadingIconSvg }))));
20
+ return (h("div", { key: 'a6ca5972a9b2d95cbd3c5754747347bd8d9d7652', class: "icon_button_base_container" }, this.showTooltip && (h("gb-tooltip", { key: 'bec7e23750249290f2aed0989bbb3864336329ec', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '96f8705d1294619b2b2ff80ff6932ca8d950ac8e', slot: "label" }, this.label))), h("div", { key: '524d6bbc7d520989db4e6f75d9420c0d44823fce', class: `icon_button_base_div ${this.current ? 'current' : ''}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '452ecddddd2abce5ece6fbda66b3feddacad7ccc', class: `icon ${this.current ? 'current' : ''}`, innerHTML: this.leadingIconSvg }))));
21
21
  }
22
22
  static get is() { return "gb-icon-button-base"; }
23
23
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/gb-illustration/gb-illustration.js CHANGED
@@ -34,35 +34,35 @@ export class GbIllustration {
34
34
  this.loadIcon(this.illustrationIcon);
35
35
  }
36
36
  render() {
37
- return (h("div", { key: '120412ff979d4246fa30e9644367abf404455d8c', class: `illustration_wrapper` }, h("svg", { key: 'f6c358b47e469c388acb7b40f7107644d2cfa38a', xmlns: "http://www.w3.org/2000/svg", width: "220", height: "168", viewBox: "0 0 220 168", fill: "none", class: `illustration_background ${this.size}` }, h("circle", { key: '199d6017ce3c807c895862bad555995342f5da47', cx: "110", cy: "88", r: "80", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : this.color === 'gray' ? 'var(--color-background-gray-subtlest, #F6F8FA)' : ''}` }), h("circle", { key: 'ae398c42ad50610646ce68bcda5b99a4b2d93eca', cx: "26", cy: "28", r: "8", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '01eda05e7329efa82e24ac273e8ab428dee6e1f4', cx: "198", cy: "134", r: "6", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: 'e0bc0266638b20b60d28e55b7750d6aab5d714ed', cx: "25", cy: "146", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '2285cbe3e70b50c0b2f45b5fe1a7d5ec51b93b1b', cx: "210", cy: "54", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: 'e687dc161d9d2c9a967b64cf6cc97a29d8067df1', cx: "191", cy: "19", r: "7", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` })), h("div", { key: '511349d2e0113a804fbe2801ca024c077db54ec0', class: "illustration_div" }, h("div", { key: 'a3bd094847d474bb5e037c3446fb2d76322bf69e', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: 'f0d80c6712e8cadc01b5a255e4eef0bccd6b0c3f', xmlns: "http://www.w3.org/2000/svg", width: "214", height: "140", viewBox: "0 0 214 140", fill: "none", class: `cloud ${this.size}` }, h("g", { key: 'e3d1f6141e6c67f243b8fa9176dfed18ac23a89a', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: '4cf3a6681e782c728f35ca9cbce1820b13c28faa', d: "M109.485 0C129.961 0 147.543 12.3802 155.161 30.0625C156.486 29.9093 157.834 29.8281 159.2 29.8281C178.42 29.8282 194 45.4095 194 64.6289C194 83.5478 178.903 98.9404 160.099 99.417L159.2 99.4287H59.7715L58.7451 99.416C37.2543 98.8717 20 81.2792 20 59.6572C20 37.6921 37.8063 19.8857 59.7715 19.8857C62.9248 19.8857 65.992 20.2546 68.9336 20.9482C77.9428 8.27072 92.7484 0.000119405 109.485 0Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-disabled, #F9FAFB)'}` }), h("circle", { key: 'ea3fe8f3122eb6aa9d2a36569cae82bcb0cf730c', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: '5261a29554f3d3ada7b330339c2367b86f847b59', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: '32c8c3f7a54616d7b04511f20ef9a277bd3fa131', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: 'a8624dd1bdebe8500a0a29b94a7a8bd2b88d4536' }, h("filter", { key: '59d5c3c58167483cf80283e091ccaee1e3c52dd6', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'ff415cb6e247d53ddfde01ab9a88aaf55c134b74', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'e300cbe648bb3dc287ee25e4691dbd206e310268', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '5a79597ae96a78bf75c618b9a047879766f2c06b', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: 'ca9ca4d3387edbf1ce399327389b957824ba795f', dy: "8" }), h("feGaussianBlur", { key: '2105805a48eb397fee759375b686bec4e0b42302', stdDeviation: "4" }), h("feColorMatrix", { key: '4c2605cf12591b2f6b5ea91ca789832ee8acfd18', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '4784d66bd383b2521951916b161f9b6f14fad258', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: '31470b4a2f9df321914b28da2679c235313eaa06', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '3612bd1ecbd41022b3317474a1470047ad975f75', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: 'c0d5ac80ada651c77aecbd0d1b892243fbd83a7a', dy: "20" }), h("feGaussianBlur", { key: '6e59b4d5b8f0bf76e5b0867461a1a1de7a35ed12', stdDeviation: "12" }), h("feColorMatrix", { key: '6d151dd995427b2e915c6f0e988ac17b63d296cb', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '786ad51a4b25ff9a11de8e551dbeb16f04353ecc', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: 'd58c33e013b9e3816723fea921316f77727d347b', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: '8282a5363c1977456b83d48274b2bffdc2d53666', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '8f7ac10a940159134fd8134112fac92215108b2a', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '70371bf7b701e6daf0968f9a45e52cf44d505bff', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '63305cc526b3d3e7399b441356fcc72326767dfe', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'a827bc247042c27b3780dd9b18d6e5f1c9eea95c', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '8765acc251a149b0fcfff0c408822eb06f09c321', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: 'a9a75225fea84480f4c456f249d334566f5962c0', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'f025e8dc1a2166d3ce13ccbf10657aa868eeecbc', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '9d846e895d9bbc1d9106b93e99e1ce35257a222d', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: 'fa1e01c6ba80fa070ef26f9f8ea05c1c99a21bf3', xmlns: "http://www.w3.org/2000/svg", width: "168", height: "178", viewBox: "0 0 168 178", fill: "none", class: `box ${this.size}` }, h("g", { key: 'dc48b3cafab9cf4699259e223e8eb1e4f37676fc', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: 'c95c0610cc0a0fd6806f5db3526c3fca46a5fb41', d: "M84 54.9529L90.9121 52.0578L84.0009 55.002V137.432L147.69 110.743V28.2767L148 28.1466L147.69 28.009V27.8705L147.53 27.9384L84.5026 0L20 27.4765L20.3053 27.6076L20 109.74L84 137.383L84 54.9529Z", fill: "#F9FAFB" }), h("path", { key: '1cbbf352ddbb9131b797f4dfdb5948608276f7bc', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: '66dfdabe4b25ac1cfb10a3396696857cd3f8aee7', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: 'cf41e2361cda08a70c1bb5c18740ded1acc9b77a', d: "M84 54.9529L148 28.1466L84.5026 0L20 27.4765L84 54.9529Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : 'var(--color-background-gray-subtler, #EEF2F6)'}` }), h("path", { key: 'b97d6962c64c81876b1de825e995f00a947fac03', d: "M44.1255 17.1998L107.881 44.9503L108.461 65.173L126.299 57.8126L125.759 37.4622L60.1172 10.3877L44.1255 17.1998Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-gray, #CDD5DF)'}` })), h("defs", { key: 'c1e32bebd22f5ac08966ffeb6f87f81d7e93551e' }, h("filter", { key: 'b00c87ac03a27f108b7f9cf15813f78f69133ef2', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'ca61ccaf011e297d4aa2bf413b3c432bf9b80e04', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '8be508d3b2a2709a05638acc22811b1666cb8712', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '65c39285b5165f3ce8806f55a83da0b05b49bfb0', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: 'a5627ab8dc830d2ec56526cce9f7615862ff7c94', dy: "8" }), h("feGaussianBlur", { key: 'f454f42ddea2a63b432fdfe7338ceecc8a9e1c35', stdDeviation: "4" }), h("feColorMatrix", { key: '09f485c4562857347b33c032f8bf5c585c2a5ab6', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '1829c18b22f306b16e83f7eca213dfaf915fe226', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: '85a78ab28d40003d6b2955269aaec8883d6df8ae', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'e17a0112b3b0b22a96ba4b146320106ca8458b4f', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: '7971836d32707a7fd0811764879b88257410165c', dy: "20" }), h("feGaussianBlur", { key: '629779d31e52f55652b3ece090d90f521c29f419', stdDeviation: "12" }), h("feColorMatrix", { key: 'b2c27d74fe3a9c3b4022cc20f4eaf24fd38304b5', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '208f2c9eae06a1be3a03db8ae86ae67930b2f08c', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: 'fdca243cfa9061098b960bdb66ef8005b7924785', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: '0d9a30b6ec70b24746bfb93136cbf330fe866e6a', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '4d18b7b4ae0606629a3eca9b2a6e725d22939dec', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '45b3f3456e0adc26dcaa52e96a95d55f4d098669', offset: "1", "stop-color": `${this.color === 'primary'
37
+ return (h("div", { key: '35d722ce6f2a5733270c1056fb5aaf6579373e9b', class: `illustration_wrapper` }, h("svg", { key: '1639b0e94b4438ae504fcb8058087b627b85faf4', xmlns: "http://www.w3.org/2000/svg", width: "220", height: "168", viewBox: "0 0 220 168", fill: "none", class: `illustration_background ${this.size}` }, h("circle", { key: '53d03ca995b56b5bfca91457a6b2a815eeb5f660', cx: "110", cy: "88", r: "80", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : this.color === 'gray' ? 'var(--color-background-gray-subtlest, #F6F8FA)' : ''}` }), h("circle", { key: '481a51c6228c2a14760e431e5349bdfad4b45fc4', cx: "26", cy: "28", r: "8", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '7210aca8802bb94cea072566d3896ee235f1e386', cx: "198", cy: "134", r: "6", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '250c5fc74462c64cdd7d88a5301fb623e737fb3e', cx: "25", cy: "146", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '5172bd97dd19afc63a0e6f509a7ac22a312ab08d', cx: "210", cy: "54", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '17cabca2f140da3a884860fd5b58afe99fdeb3a3', cx: "191", cy: "19", r: "7", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` })), h("div", { key: '98747187cf15b77167d2613458117ea8a71f7934', class: "illustration_div" }, h("div", { key: '04b920cebccce24b72fa0c646c9a0ba089725123', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: '7fe87ecda95d31ab7d48e1962589a62057052d77', xmlns: "http://www.w3.org/2000/svg", width: "214", height: "140", viewBox: "0 0 214 140", fill: "none", class: `cloud ${this.size}` }, h("g", { key: '5f034b648974ec8bb757be11585152ce0adb86ce', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: 'a72695df16edd3af231a1d6a5accc42d6ce57be1', d: "M109.485 0C129.961 0 147.543 12.3802 155.161 30.0625C156.486 29.9093 157.834 29.8281 159.2 29.8281C178.42 29.8282 194 45.4095 194 64.6289C194 83.5478 178.903 98.9404 160.099 99.417L159.2 99.4287H59.7715L58.7451 99.416C37.2543 98.8717 20 81.2792 20 59.6572C20 37.6921 37.8063 19.8857 59.7715 19.8857C62.9248 19.8857 65.992 20.2546 68.9336 20.9482C77.9428 8.27072 92.7484 0.000119405 109.485 0Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-disabled, #F9FAFB)'}` }), h("circle", { key: '06c55479df890e354ad6d564fb1cecb50136b84f', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: '4844e8eb1f246a1a7f744166e0d4cea86d64ebae', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: '45bac35e3d17c666633e534a52ae7fd82c441a26', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: 'ea0731fd66be41e678a3dbaf44be03d8b8f5b548' }, h("filter", { key: 'e6a27a73b631036a1987d59f8806de8cc56cda51', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '458e560b41cebb2ed0c2fd03e4ece5cead3fa4a6', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'e3292ffea48d083f91933a02fff1ca210fb3f497', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '1885e9c93fa8f855d291a6b86df96f002eff03b6', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: '5ec00cee950fb844c3978ccd3be4b0cf43906dcf', dy: "8" }), h("feGaussianBlur", { key: 'ff524d98c5b8ef9759f2d56801d4edd8825ee965', stdDeviation: "4" }), h("feColorMatrix", { key: '0611c5b35dda49fe0e1bd2ed099cce97db505152', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '51441fdecf9acbf705be7d0921899dae3dc7bb96', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: '38e38b7f4654988890d225a0b507d3bb265bd92a', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '0ce9dd61434b683726599eda8907efbfd87b46a0', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: '2dc20fbca838b282be1a850548905371f0adcf62', dy: "20" }), h("feGaussianBlur", { key: 'e8c21d3a1dd63597e61dbef8f9bfff6088d148da', stdDeviation: "12" }), h("feColorMatrix", { key: '4664a4c16579b141d5f00441c8487f997b590d7b', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '294460e7318cd73a05c06059d1a08f56dc55a0b8', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: '0b471920b0d5c7609b533b56a2109ea7bc1ac9b2', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: '40bbdd0f30caf319d5fcac2f525bdd28c100fe41', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'c1cf42dc793cc3013a7950308523d6fe2286e7b6', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'd93c8f47e761957c712d4768ad5ec5de7788229f', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '04b90ccbeb2048e7d2bde0f5c2d7328caa489b11', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '19064811eeff7d0c2fbc39dfc05f644427af258d', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '2d394d61f3e4de0fa02ff4d0af02c0b2fa9c5d46', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: 'd384da2c94cc03abb050bd16ac74259f664b8f25', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '5382368f44bea432a3732962e0143d43d6d47199', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'c18c614908c11d223b7eca75a7bc63a77d308b6e', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: '9fa70fd01746bb74d85184e073b861803573998b', xmlns: "http://www.w3.org/2000/svg", width: "168", height: "178", viewBox: "0 0 168 178", fill: "none", class: `box ${this.size}` }, h("g", { key: '5716876ae428be45d13e918e4ae3795c4807c7da', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: '28dd518ac311e36884f42484f0a358669819d1b4', d: "M84 54.9529L90.9121 52.0578L84.0009 55.002V137.432L147.69 110.743V28.2767L148 28.1466L147.69 28.009V27.8705L147.53 27.9384L84.5026 0L20 27.4765L20.3053 27.6076L20 109.74L84 137.383L84 54.9529Z", fill: "#F9FAFB" }), h("path", { key: 'd740107991e8c4b679acd68d6ec82d3197b44041', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: 'c76757329ef775c96d0619b28abb27f93aa1ca2f', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: '0dfdac8c0862e8fed2a05c03493809cf1a9ad6da', d: "M84 54.9529L148 28.1466L84.5026 0L20 27.4765L84 54.9529Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : 'var(--color-background-gray-subtler, #EEF2F6)'}` }), h("path", { key: '87bc910d7744f17562262b31912c7cb4d283cc31', d: "M44.1255 17.1998L107.881 44.9503L108.461 65.173L126.299 57.8126L125.759 37.4622L60.1172 10.3877L44.1255 17.1998Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-gray, #CDD5DF)'}` })), h("defs", { key: 'a3eb2fe1872ad24df6afb8da60df123237a3ad12' }, h("filter", { key: '51338a0e8b06a121c8c49cb682529de8bb180231', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '21b57e287e5fe668b52a62c5d2dd65293a73057b', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '4a27690ec46f016e142d5f7aa528a5b99ddcf3a0', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'c3ad05dd9df46bc789ff524e4ae076d052002d8d', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: 'c2ff6db44404ffd80581e838cdc60fe845a4d085', dy: "8" }), h("feGaussianBlur", { key: '715461f746af128361c734b11a06923b1a8906e6', stdDeviation: "4" }), h("feColorMatrix", { key: 'ed9f737d2d40f7e578a8d40b9d54f37f1dce98ea', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '96e925ac840bf7f1987930a3589015096bc295bf', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: '92071803c3e1e1b20dd614576254341ae2551d5e', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'fc1e4c90bc545652fa8aae5031ca9216e171c651', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: '987a6aac0ef01ea1f49f785d84983d4488a29961', dy: "20" }), h("feGaussianBlur", { key: '47b53c21ef47010e96e6be4baeb098caf5077d4b', stdDeviation: "12" }), h("feColorMatrix", { key: '5dd5161e385b18bdb5aa42176d98cbadc2038054', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'ea388d41924b91fc2caee01071401462bf6bbf3c', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: 'eb4649b5d8219e2ad334f533a76ee5db3de3493b', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: '11b1fcf8b6833348c2b32a02b86c54d2f036c667', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'c74aec46c810f7acbe5aab3605016d2d4ae1f024', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '4ba117a3592b364ec84d43d81a59850e4032616b', offset: "1", "stop-color": `${this.color === 'primary'
38
38
  ? 'var(--color-background-information-subtler, #C8E0F9)'
39
39
  : this.color === 'gray'
40
40
  ? 'var(--color-background-gray-subtler, #EEF2F6)'
41
- : ''}` })), h("linearGradient", { key: '491db9ac38fe7e17ecd9f2dd2d893457d22fe34f', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'f40c5b458a8c828d4a48e7bff9c8e6744ae0bd53', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '4d47b3afa1c18b3c51628f1c18ac5bf2f21d04eb', offset: "1", "stop-color": `${this.color === 'primary'
41
+ : ''}` })), h("linearGradient", { key: 'c5ac802fd57e750a68a0abd52274d963715c0ca5', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'f0c57f0c3d5c23d7c615a87ac1dc3ce73b36185d', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'f9bfd08d7132fa9ab1f774d3964a540bc0014096', offset: "1", "stop-color": `${this.color === 'primary'
42
42
  ? 'var(--color-background-information-subtler, #C8E0F9)'
43
43
  : this.color === 'gray'
44
44
  ? 'var(--color-background-gray-subtler, #EEF2F6)'
45
- : ''}` }))))), this.illustrationStyle === 'documents' && (h("svg", { key: '7d8640c7b82c46bf87d86c4f140e367373760f37', xmlns: "http://www.w3.org/2000/svg", width: "229", height: "153", viewBox: "0 0 229 153", fill: "none", class: `documents ${this.size}` }, h("g", { key: '8225fcdb79f651c10fc4cc8c5ad35cd88bda58d0', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: 'fefe57e28b22d7f6433cb378384b03d2bc3fc0b9', d: "M63.6376 112.214L116.089 87.7552C118.722 86.5272 119.862 83.3969 118.634 80.7634L87.6581 14.3361L66.6827 6.7017L23.7681 26.7132C21.1346 27.9412 19.9952 31.0715 21.2233 33.7049L56.6458 109.669C57.8738 112.302 61.0041 113.442 63.6376 112.214Z", fill: "url(#paint0_linear_7590_657)" })), h("path", { key: 'fe663ad415cc28cbb19347df22bfd8c962daa975', d: "M66.6826 6.70166L87.658 14.3361L73.3531 21.0066L66.6826 6.70166Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: 'b37fa3c9ad55398ecf2709d281fa5369f369d4e9', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: '8ff6b6ea42a8b850041f2093167498c89821ffb3', d: "M88.7112 94.3394H146.585C149.49 94.3394 151.846 91.9838 151.846 89.0781V15.7837L136.062 0H88.7112C85.8055 0 83.45 2.35554 83.45 5.26124V89.0782C83.45 91.9839 85.8055 94.3394 88.7112 94.3394Z", fill: "url(#paint1_linear_7590_657)" })), h("path", { key: '915e52b06218a52f129b936f2e42bbe8afe8bb42', d: "M136.062 -0.00012207L151.846 15.7836H136.062V-0.00012207Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: '3afcac9286fc78978f23860be9de313b2f8dba6e', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: 'd15897f038e7d215009a120d46094638136d9be5', d: "M118.471 87.724L170.922 112.182C173.555 113.41 176.686 112.271 177.914 109.638L208.889 43.2103L201.255 22.2349L158.34 2.22349C155.707 0.995492 152.576 2.13484 151.348 4.7683L115.926 80.7322C114.698 83.3657 115.837 86.496 118.471 87.724Z", fill: "url(#paint2_linear_7590_657)" })), h("path", { key: 'cf8eefb8536b105f1f918447b044a96d2ac79c49', d: "M201.255 22.2349L208.889 43.2102L194.584 36.5398L201.255 22.2349Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("defs", { key: '80a3b551a6de4d7c12c6708cc4334319c35265ff' }, h("filter", { key: 'e35c2fa1af0e9a3af405aa32c3d8375d664bc001', id: "filter0_dd_7590_657", x: "0.729004", y: "6.70166", width: "138.399", height: "146.006", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '4108266d8afe182fec7d15c22503052172d40b93', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '05f241cc1fbd08b0b46e96bfcdb9184cd470092f', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '3ba9cd9160241a9b2abe6c5b7c8abc8f541267cd', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '2025bc709ac08df9b555bf41d1e0655298f8b3dc', dy: "8" }), h("feGaussianBlur", { key: '4c80b0bc1cb4184062d899de072726886f0b96c9', stdDeviation: "4" }), h("feColorMatrix", { key: '69fd70594cdec29a3868965b33e5b1b513131f79', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '47a3a52e0379ed96f207316ce432d4ca210d13a5', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: 'd6334d05da0eb66c8360aae4adaba53cfc499b94', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'bb0abecd2ab80442b4ef67100856bb84188c053f', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '6b8f64b238555f209382b244568d5ecdf277255f', dy: "20" }), h("feGaussianBlur", { key: '1c2bd1125802d4d08470430ed5a05b1f1b27aa42', stdDeviation: "12" }), h("feColorMatrix", { key: '20e02d19a834f12fa1e79addad68572ad3b3cda8', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'f1f71bd2aa5fcf2d3f1a2e947f098f41567096ec', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'fd3f19990b4895d3e6949fac765716266600a23b', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: 'fdd2efcd7a83c824043bd2ff0720b3f9fda8f6e6', id: "filter1_dd_7590_657", x: "63.45", y: "0", width: "108.396", height: "134.339", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'a426f815054a8df72a4ba3819a8c90b69899914a', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '492cb0afafef07136e1104adff2b01816ca45682', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '1846ca103e77913c39b96ac5fb110b2c08c308b0', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '6c5614286e24fcca35d331971927580bc514f9ea', dy: "8" }), h("feGaussianBlur", { key: 'e5c3256afbde23d359018715d169f31738f13f21', stdDeviation: "4" }), h("feColorMatrix", { key: '20c9dc04540187f4e75b86fd28e193d036a13bab', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '935b406f984ada228dea72347fe3f8194d57e9ae', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: 'd365704dec849d015d55ef9ba2b5b3c707919881', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '94b0df4c2d44f1bc28208f61bc145de5754e2518', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: 'f23de6e084fc586cf784a053e48b190f1246970f', dy: "20" }), h("feGaussianBlur", { key: '72b4d59a2795eb07a502a243aa5fd2f6bfc4e154', stdDeviation: "12" }), h("feColorMatrix", { key: 'c522db2121e508cda731ed3708af08f676a88c77', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '475023a9b8d82061eb69b797aea46f76275caa20', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '6ffea20502133db45b83110e41d2ad7e850d078b', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '7c961d91bcc2d3ba232dc5d031c746e99ba3939a', id: "filter2_dd_7590_657", x: "95.4316", y: "1.72925", width: "133.458", height: "150.947", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '5a329eb357fea253283128a9e7ec7f53f23c4573', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'f35c4fd7c17e3a63a62df7601483caebe16e2020', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'b58fcd9bfd8b2dbfa499d4187d4fce8cfb93f080', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '12263dff7a77e90aa9d62ba2cdb522755f61456d', dy: "8" }), h("feGaussianBlur", { key: '49850e0e0b50565a23777a6a2a870b81596e1968', stdDeviation: "4" }), h("feColorMatrix", { key: '3eaf21760c2ad08fc9839cde270443aee116ed4f', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '8bced956c6bde6d45b6c25637e738a511c87a6b9', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: 'cdeb3ed76af3aac7bcad000efc30957f2bacf78a', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'fe6d566bf9f845724e6d9796d1ab845b711c62fe', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: 'b9e67fd4051d7d51dae7416c22cedb69bc8e7d60', dy: "20" }), h("feGaussianBlur", { key: 'bfa4e27a107b1cb92c110c3981803e60190f1da8', stdDeviation: "12" }), h("feColorMatrix", { key: '0a09cebc7e0c50bc6e44187dc475d8ed6a65276c', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '40088479afe65662674c2a35327bb05c5d7d41fa', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '9f441a100d9b45da1ef56b18d7373f5fccd2bbf6', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: '49a400b4ab6073e8430077b7063d447ed8a67025', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '00e0893fb822892ff792b3c08fc91874e5c12dad', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '29f50c9e1f2c124929557bd7dd3656ee4873bea1', offset: "1", "stop-color": `${this.color === 'primary'
45
+ : ''}` }))))), this.illustrationStyle === 'documents' && (h("svg", { key: '9ef9afb871c54e11e7da8078dac37245e1686fe7', xmlns: "http://www.w3.org/2000/svg", width: "229", height: "153", viewBox: "0 0 229 153", fill: "none", class: `documents ${this.size}` }, h("g", { key: '6b32629aa0a7bca75335487406a35d3d3e9017e3', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: 'cf0bc1d598d30e27dff3d6fb48308152f63b2818', d: "M63.6376 112.214L116.089 87.7552C118.722 86.5272 119.862 83.3969 118.634 80.7634L87.6581 14.3361L66.6827 6.7017L23.7681 26.7132C21.1346 27.9412 19.9952 31.0715 21.2233 33.7049L56.6458 109.669C57.8738 112.302 61.0041 113.442 63.6376 112.214Z", fill: "url(#paint0_linear_7590_657)" })), h("path", { key: '42a8eaea9efdd73cdfe4a8fa24e30756383724a4', d: "M66.6826 6.70166L87.658 14.3361L73.3531 21.0066L66.6826 6.70166Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: '862ff2fcea613bf4aafabbfe18bfd6f59fb6b3a5', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: '625ecbbca576f09c02234c169b35fbdb11147bd2', d: "M88.7112 94.3394H146.585C149.49 94.3394 151.846 91.9838 151.846 89.0781V15.7837L136.062 0H88.7112C85.8055 0 83.45 2.35554 83.45 5.26124V89.0782C83.45 91.9839 85.8055 94.3394 88.7112 94.3394Z", fill: "url(#paint1_linear_7590_657)" })), h("path", { key: '83b662e330220d19be0793b34f97d05bf8799916', d: "M136.062 -0.00012207L151.846 15.7836H136.062V-0.00012207Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: '456f534784b62c5d0e3a5af4b4c0020c107cbdab', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: '118bf89042d86cb9bbd67b0a66f6b6996dc4ecb2', d: "M118.471 87.724L170.922 112.182C173.555 113.41 176.686 112.271 177.914 109.638L208.889 43.2103L201.255 22.2349L158.34 2.22349C155.707 0.995492 152.576 2.13484 151.348 4.7683L115.926 80.7322C114.698 83.3657 115.837 86.496 118.471 87.724Z", fill: "url(#paint2_linear_7590_657)" })), h("path", { key: '90be0375dd16305a1f62b8b168fa1ffaf1d4cf25', d: "M201.255 22.2349L208.889 43.2102L194.584 36.5398L201.255 22.2349Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("defs", { key: 'b8cffa28c70d125258c3960e53bf30bb0bb34ef2' }, h("filter", { key: 'd9bc6eb5a5ff9361c628880fa7e075926f2c688b', id: "filter0_dd_7590_657", x: "0.729004", y: "6.70166", width: "138.399", height: "146.006", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '3697236b50b96c0ec64465446c2ad68c098c881f', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '30455564d3c9db0c8a1254b9de050bf219adc7c0', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '07b3570cff3f0f149e86ac7f9eb8d8f5a53f00ec', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '101f10d3d97711eb879088515d4ca9de04b98348', dy: "8" }), h("feGaussianBlur", { key: 'ed210503dc05917cc6b366edd115135eac2ca2d5', stdDeviation: "4" }), h("feColorMatrix", { key: '609be43978e9c7713b1e0ac59514f9bc676a0539', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '1fca8ae9e8d73816db86fa80ee978766ba62b9fa', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '032eaa2005bd4ae37b32b6d87d0e310425792d5e', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '090f52714ac9144f2e7c7561a762db1ac1fb086a', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: 'da68b1c9ae5f46a42ccc792bbd6a68dbfa7d6cff', dy: "20" }), h("feGaussianBlur", { key: '0973f85f50137d4c2c152831ecbb692371b6dd1c', stdDeviation: "12" }), h("feColorMatrix", { key: '4c6b7242e11a80d631afb3bfdb81bd5536a1eb17', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '2271867e742cfe8a9ac156071088cbc5271f88f0', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '6a1225b6f2c3214686c4dd6b21cc41a8d6b1904e', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: 'e80b1fc6b74344445ca26357597a0175654fd96c', id: "filter1_dd_7590_657", x: "63.45", y: "0", width: "108.396", height: "134.339", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '1838f7492b35a5395152e2e5e82532053b1fab33', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'd51bc3a8b5a867fba321252c6f5fb3c20e93ebda', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '063c5f79bc0141e51fb7bccc5224350db9a3ab34', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '691e2e171f0279036867bc03f70c36f95790ff18', dy: "8" }), h("feGaussianBlur", { key: '224129b07166b0b5b7fe96b578fb601a744bcc3d', stdDeviation: "4" }), h("feColorMatrix", { key: 'b94a6f2f23ab165f93da815d04352c63fa94d0df', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'f47183089d810cc3967194b5d81fc95908bfada8', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '0337fbdb8278beed7e680768fee8f700765777c3', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '521056144067f9ba435e08c9a2da94ba3f827b2e', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '69c3608fbf4eda6681e35573171f8c1805f59410', dy: "20" }), h("feGaussianBlur", { key: '2aca2246140d335a28c56908f1ce3e35f45db327', stdDeviation: "12" }), h("feColorMatrix", { key: '74a443b9e62f6c4cd1c87c157e8a6d8ae71b52b5', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '19a5563cd2677cdc7cffffb0d2a74f32b9e116f1', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '3bd799319ed73d56a6f6e30cf33daeb2c8f37bfa', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '217e9653ed950ce94eff35d72b41b79d2df10bac', id: "filter2_dd_7590_657", x: "95.4316", y: "1.72925", width: "133.458", height: "150.947", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '698379efb6d51caf38d58686a871ca55a619fd73', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'fa3a68b4f2797e5b4f5d9cb10b49efc734310652', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '23da07d843a7e7646a60e87b5d4b14fcbf92998e', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '9eb20c00e2a2f8a42ee942ba3c4648a3671a665f', dy: "8" }), h("feGaussianBlur", { key: '42bbbbdf707aa5134e3aaf6a535b1fca5706c5f9', stdDeviation: "4" }), h("feColorMatrix", { key: '7861526f897f67f6587e59bbcff9f16243100c38', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '73b983e519cf55bd840da71eadc2ab0a4bf4b7a7', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '1341c390d2170bf02d4d09e6a9fb324d4a556228', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '0bcb6facedf483c0509ac56c5b158da9d6979a1c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: 'fb6e47579e7b9bb168f48e3080972d59a8ddb48d', dy: "20" }), h("feGaussianBlur", { key: '731a74d2777b9bc73194dd1b52c941a4295eafdf', stdDeviation: "12" }), h("feColorMatrix", { key: '2e3f8f1836fafac8235bedadc59e1925f5beb3e6', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '0b153bf014eea47ac1cc6478e8bbadd9617c20c4', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'fa44fea25767c43d2ddeaee291bfa2cc2f49b18b', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: 'c45a7bf6d69988e5dcb9f9b5f9fbc0a579bda9dd', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'b3b9002c1f804f6dbe3e972731aea45742f19fa9', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'eb7d7cbcd30762ab68a90ed25fab4565b701bec2', offset: "1", "stop-color": `${this.color === 'primary'
46
46
  ? 'var(--color-background-information-subtlest, #E4F0FC)'
47
47
  : this.color === 'gray'
48
48
  ? 'var(--color-background-gray-subtlest, #F6F8FA)'
49
- : ''}` })), h("linearGradient", { key: '7cccdf9637f057925ab0d728c12953cb32623ecc', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '4d663274b967a14996b3b5614ec38c5918bd3df0', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '602a9002f148cbc8dbd5b1a860271622b2ba7445', offset: "1", "stop-color": `${this.color === 'primary'
49
+ : ''}` })), h("linearGradient", { key: 'b6395f55acf447be78d8c68214ffa5de4a3fe5b9', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '195422f39ab1082ee66999d8e76cb2e4f579c5fc', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'b9a52fa6a900f0806200372cf5eb7409e2e27d79', offset: "1", "stop-color": `${this.color === 'primary'
50
50
  ? 'var(--color-background-information-subtlest, #E4F0FC)'
51
51
  : this.color === 'gray'
52
52
  ? 'var(--color-background-gray-subtlest, #F6F8FA)'
53
- : ''}` })), h("linearGradient", { key: '1b066d1b289a720985bb45a7e2f105a0531aa4c2', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '7286086df6f8b50bd749cf250f46ddeddcf8fe5d', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '14e0f871146e5523b0a54f0b07435848497f8bb6', offset: "1", "stop-color": `${this.color === 'primary'
53
+ : ''}` })), h("linearGradient", { key: 'ab972420acaf91f40949eded5467e499020186fd', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '8da6fce79d8c7c28e0247655e18d81b9cbfb5396', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '8efdca0d6303a502a0b5e63786f0cb1ef5dcd607', offset: "1", "stop-color": `${this.color === 'primary'
54
54
  ? 'var(--color-background-information-subtlest, #E4F0FC)'
55
55
  : this.color === 'gray'
56
56
  ? 'var(--color-background-gray-subtlest, #F6F8FA)'
57
- : ''}` }))))), this.illustrationStyle === 'credit_card' && (h("svg", { key: '88efbcd3a31266db88f0a373a662142e49805525', xmlns: "http://www.w3.org/2000/svg", width: "206", height: "144", viewBox: "0 0 206 144", fill: "none", class: `credit_card ${this.size}` }, h("g", { key: 'e7ac79351f33721a6d09bf6644f952602761e8c4', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: 'd10fe05fd167c83ad77a979cd3f0ee096ae8bccf', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: '235b7bb611365e4b9eabf8063fb8ac940c76773c', x: "34.0698", y: "24.186", width: "29.0233", height: "21.7674", rx: "2.4186", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: '93b9b0da28f1ed697b9b7d30a6fcacbf01330374', cx: "159.837", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: 'f14292b7b574310409f828a4b2403503761d34d1', cx: "145.325", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary'
57
+ : ''}` }))))), this.illustrationStyle === 'credit_card' && (h("svg", { key: '33f44f0aaeb105266ba3f15036e1f01ae338079e', xmlns: "http://www.w3.org/2000/svg", width: "206", height: "144", viewBox: "0 0 206 144", fill: "none", class: `credit_card ${this.size}` }, h("g", { key: '229a2b802523ac1ac99b4463589bcd370b6244bd', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: '8fe1004dc7ffa14a341ee87d05f0f214911aa9d8', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: '6a09a7dc99d4b60a664299b93e44d2cbe4837025', x: "34.0698", y: "24.186", width: "29.0233", height: "21.7674", rx: "2.4186", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: '73a38cae5cad1d89b88f686a6e8916e93ec72d46', cx: "159.837", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: 'e7a3b89e7e89e4e9c7489b44a06cea2e5eb73db7', cx: "145.325", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary'
58
58
  ? 'var(--color-background-information-subtler, #C8E0F9)'
59
59
  : this.color === 'gray'
60
60
  ? 'var(--color-background-gray-subtle, #E3E8EF)'
61
- : ''}` }), h("path", { key: '8ad5ccbe8c70a35910fabb9e4b57816e9a738ae9', d: "M34.0698 88.279C34.0698 86.9432 35.1527 85.8604 36.4884 85.8604H60.6745C62.0102 85.8604 63.0931 86.9432 63.0931 88.279C63.0931 89.6147 62.0102 90.6976 60.6745 90.6976H36.4884C35.1527 90.6976 34.0698 89.6147 34.0698 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: 'be4fa2f3e3d64c144dbe1fbdcbb9721c238a7202', d: "M70.3489 88.279C70.3489 86.9432 71.4317 85.8604 72.7675 85.8604H96.9535C98.2893 85.8604 99.3721 86.9432 99.3721 88.279C99.3721 89.6147 98.2893 90.6976 96.9535 90.6976H72.7675C71.4317 90.6976 70.3489 89.6147 70.3489 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '6fcda684aa613600005f2da2715b9f6a58b58192', d: "M106.628 88.279C106.628 86.9432 107.711 85.8604 109.047 85.8604H133.233C134.568 85.8604 135.651 86.9432 135.651 88.279C135.651 89.6147 134.568 90.6976 133.233 90.6976H109.047C107.711 90.6976 106.628 89.6147 106.628 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: 'a9434896f0a6d155b6f56dd986111cf45977b4cf', d: "M142.907 88.279C142.907 86.9432 143.99 85.8604 145.326 85.8604H169.512C170.847 85.8604 171.93 86.9432 171.93 88.279C171.93 89.6147 170.847 90.6976 169.512 90.6976H145.326C143.99 90.6976 142.907 89.6147 142.907 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` })), h("defs", { key: 'db099d5df219670ea919128c7b26165062c8f577' }, h("filter", { key: 'e19dcb18721e34e4d14c1d518a283c0177cfc6a3', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '49f96d013425d7442a3f1b70b7456bed4584af24', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '2be972e3b7727d547e6ee31073e9b3a16b903811', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '705a3a46af03dac8de9895a2a55ee908e9ad0e4f', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: 'b9dcb0d7b69530f1f211b32f0b409387be2a408f', dy: "8" }), h("feGaussianBlur", { key: '278a4a4b82e476328fd465221d9b39727e25f9f5', stdDeviation: "4" }), h("feColorMatrix", { key: '8ec9ea156ec7003b8b2c6917e75002237837ba24', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'b51fb62d267c021cb24f82877ee83c3e962da296', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: 'ada6cbc1868d50e9d480b569b56e7cdd45fd8d66', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'a28fc8a2923accbd90e78f224c0d469c74ffada6', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: 'a1092e617fbe2ecf26a2fb7da72b2a0a18f68577', dy: "20" }), h("feGaussianBlur", { key: '4991795c8772fc202989d21c620c88e6a135a066', stdDeviation: "12" }), h("feColorMatrix", { key: 'c977a43e9adaafe34c23ff138c2fd2be749d74d3', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '3560df056a5abd3b0283095fcaabf68a811b6d30', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: '1dfe1ab65dbda97e5812da90380ebe571ca33c1b', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: '3ab5019aafc3fc32cd45324c9af6b6de62ba84af', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '9d7fcd8efdd11d266c1ff82ac6f4d4bd09ae1b16', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: 'cf825a6e654d7663a88b6e8b94afeb8e2733c2a5', offset: "1", "stop-color": `${this.color === 'primary'
61
+ : ''}` }), h("path", { key: '61eccab5d53711ed1e0861b982a1eada3f3b11c9', d: "M34.0698 88.279C34.0698 86.9432 35.1527 85.8604 36.4884 85.8604H60.6745C62.0102 85.8604 63.0931 86.9432 63.0931 88.279C63.0931 89.6147 62.0102 90.6976 60.6745 90.6976H36.4884C35.1527 90.6976 34.0698 89.6147 34.0698 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: 'e31e3c46c4878a88130f2aefa503bd541b0a7934', d: "M70.3489 88.279C70.3489 86.9432 71.4317 85.8604 72.7675 85.8604H96.9535C98.2893 85.8604 99.3721 86.9432 99.3721 88.279C99.3721 89.6147 98.2893 90.6976 96.9535 90.6976H72.7675C71.4317 90.6976 70.3489 89.6147 70.3489 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '9c694bca122575a508ebb4fe5bd2a32a331cf573', d: "M106.628 88.279C106.628 86.9432 107.711 85.8604 109.047 85.8604H133.233C134.568 85.8604 135.651 86.9432 135.651 88.279C135.651 89.6147 134.568 90.6976 133.233 90.6976H109.047C107.711 90.6976 106.628 89.6147 106.628 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '9f7db0534988444a713beb426fcc1e308ddfa1f5', d: "M142.907 88.279C142.907 86.9432 143.99 85.8604 145.326 85.8604H169.512C170.847 85.8604 171.93 86.9432 171.93 88.279C171.93 89.6147 170.847 90.6976 169.512 90.6976H145.326C143.99 90.6976 142.907 89.6147 142.907 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` })), h("defs", { key: '9e45fa26bbf8ce7ffd9c1b941a4d858e4a28d813' }, h("filter", { key: '03f9b84d8de3901b9be5c847579c50a272786673', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'd42eb4350dba5cdaf3cdc15967a955d927721372', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'a3eef0f335991f8736614eaa49bf67ef9df1a905', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '2543f220ba03d08e5d89a1f57b0ae641642d9cdf', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: '3b854bd4a073075f51e4473123d624034fb2dbc8', dy: "8" }), h("feGaussianBlur", { key: 'a29a25c4aa22fa1771c7afa6f2d89acb7bc321c9', stdDeviation: "4" }), h("feColorMatrix", { key: 'e4f391c5b3a6eba9f7cdc17ed169f4e0d9dd19df', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'ed53c1a2a24ad06ce733927ac76d006610741a3a', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: 'c1f5b5ce5f856ea76a0b93e2e9438eec3970f108', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '7d6ad75dea866be1f1f97377aebcbe7362269dca', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: '5c8f55a6a573bda067b07c86a835d776e66c90e3', dy: "20" }), h("feGaussianBlur", { key: '344921cc6fe51be5f66d8c97d2c1ac8e39b34b79', stdDeviation: "12" }), h("feColorMatrix", { key: '78fd9fe39a013809674fbc0861523a69e8c20df8', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '2146413a24e96db88b661acb62223063fbd81894', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: 'f3f3f030af283824019a397ffe107f91134be60c', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: 'e0e3f77d6f604cb567e2bfc843f9e980568b1bee', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '6e0f8623ba704fbf98fb5b06f03925ac8ea61d8a', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: 'd81d93c327a47bbceeb6d0d83ba4d0ee9cb0cc2b', offset: "1", "stop-color": `${this.color === 'primary'
62
62
  ? 'var(--color-background-information-subtler, #C8E0F9)'
63
63
  : this.color === 'gray'
64
64
  ? 'var(--color-background-gray-subtlest, #F6F8FA)'
65
- : ''}` })))))), h("div", { key: 'b072543984b5e39767711242af7f7c0e9c2b4bae', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: '91aa76ed3dc801a807041c6c0d180ab784d2478a', class: `icon ${this.size}`, innerHTML: this.leadingIconSvg })))));
65
+ : ''}` })))))), h("div", { key: '9bc4be90eba8041d1f603cf2b11f930d66b12a73', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: '099c682c1b59d2218172cec9ff317e1940aaa83e', class: `icon ${this.size}`, innerHTML: this.leadingIconSvg })))));
66
66
  }
67
67
  static get is() { return "gb-illustration"; }
68
68
  static get encapsulation() { return "shadow"; }