globuswebcomponents 1.3.6 → 1.3.7

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 (561) hide show
  1. package/dist/cjs/gb-avatar_12.cjs.entry.js +671 -0
  2. package/dist/cjs/gb-avatar_12.cjs.entry.js.map +1 -0
  3. package/dist/cjs/gb-breaadcrumb-button-base.cjs.entry.js +25 -0
  4. package/dist/cjs/gb-breaadcrumb-button-base.cjs.entry.js.map +1 -0
  5. package/dist/cjs/gb-button-close.cjs.entry.js +24 -0
  6. package/dist/cjs/gb-button-close.cjs.entry.js.map +1 -0
  7. package/dist/cjs/gb-button.cjs.entry.js +90 -0
  8. package/dist/cjs/gb-button.cjs.entry.js.map +1 -0
  9. package/dist/cjs/gb-carousel-arrow.cjs.entry.js +1 -1
  10. package/dist/cjs/gb-checkbox-group-item.cjs.entry.js +1 -1
  11. package/dist/cjs/gb-checkbox-group.cjs.entry.js +1 -1
  12. package/dist/cjs/gb-checkbox_2.cjs.entry.js +185 -0
  13. package/dist/cjs/gb-checkbox_2.cjs.entry.js.map +1 -0
  14. package/dist/cjs/gb-detail-cell.cjs.entry.js +86 -0
  15. package/dist/cjs/gb-detail-cell.cjs.entry.js.map +1 -0
  16. package/dist/cjs/gb-dropdown-items-with-shortcut.cjs.entry.js +1 -1
  17. package/dist/cjs/gb-export-dropdown-item_2.cjs.entry.js +2 -2
  18. package/dist/cjs/gb-export-dropdown.cjs.entry.js +1 -1
  19. package/dist/cjs/gb-export-sub-dropdown-item.cjs.entry.js +1 -1
  20. package/dist/cjs/gb-featured-icon_2.cjs.entry.js +46 -0
  21. package/dist/cjs/gb-featured-icon_2.cjs.entry.js.map +1 -0
  22. package/dist/cjs/gb-file-type-icon_2.cjs.entry.js +42 -0
  23. package/dist/cjs/gb-file-type-icon_2.cjs.entry.js.map +1 -0
  24. package/dist/cjs/gb-file-upload-item-base.cjs.entry.js +1 -1
  25. package/dist/cjs/gb-file-upload.cjs.entry.js +12 -12
  26. package/dist/cjs/gb-header-icon.cjs.entry.js +34 -0
  27. package/dist/cjs/gb-header-icon.cjs.entry.js.map +1 -0
  28. package/dist/cjs/gb-header.cjs.entry.js +72 -0
  29. package/dist/cjs/gb-header.cjs.entry.js.map +1 -0
  30. package/dist/cjs/gb-help-dropdown.cjs.entry.js +1 -1
  31. package/dist/cjs/gb-help-tooltip_3.cjs.entry.js +364 -0
  32. package/dist/cjs/gb-help-tooltip_3.cjs.entry.js.map +1 -0
  33. package/dist/cjs/gb-horizontal-tabs.cjs.entry.js +1 -1
  34. package/dist/cjs/gb-input-dropdown-menu-item_5.cjs.entry.js +144 -0
  35. package/dist/cjs/gb-input-dropdown-menu-item_5.cjs.entry.js.map +1 -0
  36. package/dist/cjs/gb-input-dropdown_3.cjs.entry.js +398 -0
  37. package/dist/cjs/gb-input-dropdown_3.cjs.entry.js.map +1 -0
  38. package/dist/cjs/gb-mega-input-field-base.cjs.entry.js +2 -2
  39. package/dist/cjs/gb-notification-content.cjs.entry.js +1 -1
  40. package/dist/cjs/gb-notification-pane.cjs.entry.js +3 -3
  41. package/dist/cjs/gb-pagination-dot-group.cjs.entry.js +1 -1
  42. package/dist/cjs/gb-pagination-dot-indicator.cjs.entry.js +1 -1
  43. package/dist/cjs/gb-pagination.cjs.entry.js +1 -1
  44. package/dist/cjs/gb-progress-circle.cjs.entry.js +1 -1
  45. package/dist/cjs/gb-scrollbar.cjs.entry.js +1 -1
  46. package/dist/cjs/gb-slider-control-handle.cjs.entry.js +1 -1
  47. package/dist/cjs/gb-slider.cjs.entry.js +1 -1
  48. package/dist/cjs/gb-stepper-horizontal-icons-centered.cjs.entry.js +1 -1
  49. package/dist/cjs/gb-stepper-horizontal-line-with-text.cjs.entry.js +66 -0
  50. package/dist/cjs/gb-stepper-horizontal-line-with-text.cjs.entry.js.map +1 -0
  51. package/dist/cjs/gb-stepper-vertical-icons-with-text.cjs.entry.js +112 -0
  52. package/dist/cjs/gb-stepper-vertical-icons-with-text.cjs.entry.js.map +1 -0
  53. package/dist/cjs/gb-tab-button-base.cjs.entry.js +3 -3
  54. package/dist/cjs/gb-table-cell.cjs.entry.js +1 -1
  55. package/dist/cjs/gb-textarea-input-field.cjs.entry.js +4 -4
  56. package/dist/cjs/{gb-progress-bar.cjs.entry.js → gb-toast-button.cjs.entry.js} +14 -11
  57. package/dist/cjs/gb-toast-button.cjs.entry.js.map +1 -0
  58. package/dist/cjs/gb-toast.cjs.entry.js +76 -0
  59. package/dist/cjs/gb-toast.cjs.entry.js.map +1 -0
  60. package/dist/cjs/gb-toggle-base.cjs.entry.js +2 -2
  61. package/dist/cjs/gb-toggle.cjs.entry.js +1 -1
  62. package/dist/cjs/gb-token-field-compact.cjs.entry.js +1 -1
  63. package/dist/cjs/gb-token-field-compressed.cjs.entry.js +2 -2
  64. package/dist/cjs/gb-top-bar-item.cjs.entry.js +38 -0
  65. package/dist/cjs/gb-top-bar-item.cjs.entry.js.map +1 -0
  66. package/dist/cjs/gb-top-bar-sidemenu.cjs.entry.js +53 -0
  67. package/dist/cjs/gb-top-bar-sidemenu.cjs.entry.js.map +1 -0
  68. package/dist/cjs/gb-top-bar.cjs.entry.js +51 -0
  69. package/dist/cjs/gb-top-bar.cjs.entry.js.map +1 -0
  70. package/dist/cjs/gb-vertical-tabs.cjs.entry.js +1 -1
  71. package/dist/cjs/gb-wysiwyg-editor-icon.cjs.entry.js +1 -1
  72. package/dist/cjs/gb-wysiwyg-tooltip.cjs.entry.js +1 -1
  73. package/dist/cjs/globuscomponents.cjs.js +1 -1
  74. package/dist/cjs/loader.cjs.js +1 -1
  75. package/dist/cjs/test-input-tag.cjs.entry.js +2 -2
  76. package/dist/collection/assets/corporate.svg +6 -0
  77. package/dist/collection/assets/file-corrupt.svg +6 -0
  78. package/dist/collection/assets/file-verified.svg +4 -6
  79. package/dist/collection/assets/file.svg +4 -0
  80. package/dist/collection/collection-manifest.json +2 -0
  81. package/dist/collection/components/gb-breaadcrumb-button-base/gb-breaadcrumb-button-base.css +2833 -0
  82. package/dist/collection/components/gb-breaadcrumb-button-base/gb-breaadcrumb-button-base.js +81 -0
  83. package/dist/collection/components/gb-breaadcrumb-button-base/gb-breaadcrumb-button-base.js.map +1 -0
  84. package/dist/collection/components/gb-btn/gb-btn.js +1 -1
  85. package/dist/collection/components/gb-button/gb-button.js +1 -1
  86. package/dist/collection/components/gb-button-close/gb-button-close.js +1 -1
  87. package/dist/collection/components/gb-carousel-arrow/gb-carousel-arrow.js +1 -1
  88. package/dist/collection/components/gb-checkbox/gb-checkbox.js +1 -1
  89. package/dist/collection/components/gb-checkbox-base/gb-checkbox-base.js +1 -1
  90. package/dist/collection/components/gb-checkbox-group/gb-checkbox-group.js +1 -1
  91. package/dist/collection/components/gb-checkbox-group-item/gb-checkbox-group-item.js +1 -1
  92. package/dist/collection/components/gb-collapse-button/gb-collapse-button.js +3 -3
  93. package/dist/collection/components/gb-complex-primary-side-bar-item/gb-complex-primary-side-bar-item.js +1 -1
  94. package/dist/collection/components/gb-complex-secondary-side-bar-item/gb-complex-secondary-side-bar-item.js +1 -1
  95. package/dist/collection/components/gb-detail-cell/gb-detail-cell.js +1 -1
  96. package/dist/collection/components/gb-dropdown-items-with-shortcut/gb-dropdown-items-with-shortcut.js +1 -1
  97. package/dist/collection/components/gb-export-dropdown/gb-export-dropdown.js +1 -1
  98. package/dist/collection/components/gb-export-dropdown-item/gb-export-dropdown-item.js +1 -1
  99. package/dist/collection/components/gb-export-sub-dropdown/gb-export-sub-dropdown.js +1 -1
  100. package/dist/collection/components/gb-export-sub-dropdown-item/gb-export-sub-dropdown-item.js +1 -1
  101. package/dist/collection/components/gb-featured-icon/gb-featured-icon.js +1 -1
  102. package/dist/collection/components/gb-file-type-icon/gb-file-type-icon.js +1 -1
  103. package/dist/collection/components/gb-file-upload/gb-file-upload.js +12 -12
  104. package/dist/collection/components/gb-file-upload-item-base/gb-file-upload-item-base.js +1 -1
  105. package/dist/collection/components/gb-header/gb-header.js +1 -1
  106. package/dist/collection/components/gb-header-icon/gb-header-icon.js +4 -4
  107. package/dist/collection/components/gb-help-dropdown/gb-help-dropdown.js +1 -1
  108. package/dist/collection/components/gb-help-tooltip/gb-help-tooltip.js +1 -1
  109. package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js +1 -1
  110. package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js +3 -3
  111. package/dist/collection/components/gb-input-dropdown-menu-item/gb-input-dropdown-menu-item.js +2 -2
  112. package/dist/collection/components/gb-input-field/gb-input-field.js +12 -12
  113. package/dist/collection/components/gb-mega-input-field-base/gb-mega-input-field-base.js +2 -2
  114. package/dist/collection/components/gb-notification-content/gb-notification-content.js +1 -1
  115. package/dist/collection/components/gb-notification-pane/gb-notification-pane.js +3 -3
  116. package/dist/collection/components/gb-pagination/gb-pagination.js +1 -1
  117. package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js +1 -1
  118. package/dist/collection/components/gb-pagination-dot-group/gb-pagination-dot-group.js +1 -1
  119. package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js +1 -1
  120. package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js +1 -1
  121. package/dist/collection/components/gb-password-button/gb-password-button.js +1 -1
  122. package/dist/collection/components/gb-progress-bar/gb-progress-bar.js +1 -1
  123. package/dist/collection/components/gb-progress-circle/gb-progress-circle.js +1 -1
  124. package/dist/collection/components/gb-scrollbar/gb-scrollbar.js +1 -1
  125. package/dist/collection/components/gb-sidebar/gb-sidebar.css +5 -0
  126. package/dist/collection/components/gb-sidebar/gb-sidebar.js +1 -1
  127. package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.css +2 -0
  128. package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.js +1 -1
  129. package/dist/collection/components/gb-slider/gb-slider.js +1 -1
  130. package/dist/collection/components/gb-slider-control-handle/gb-slider-control-handle.js +1 -1
  131. package/dist/collection/components/gb-status-indicator/gb-status-indicator.js +1 -1
  132. package/dist/collection/components/gb-step-base/gb-step-base.js +1 -1
  133. package/dist/collection/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js +1 -1
  134. package/dist/collection/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.js +1 -1
  135. package/dist/collection/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.js +1 -1
  136. package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.js +3 -3
  137. package/dist/collection/components/gb-table-cell/gb-table-cell.js +1 -1
  138. package/dist/collection/components/gb-tag/gb-tag.js +1 -1
  139. package/dist/collection/components/gb-tag-checkbox/gb-tag-checkbox.js +1 -1
  140. package/dist/collection/components/gb-tag-close/gb-tag-close.js +1 -1
  141. package/dist/collection/components/gb-tag-count/gb-tag-count.js +1 -1
  142. package/dist/collection/components/gb-textarea-input-field/gb-textarea-input-field.js +4 -4
  143. package/dist/collection/components/gb-toast/gb-toast.js +1 -1
  144. package/dist/collection/components/gb-toast-button/gb-toast-button.js +1 -1
  145. package/dist/collection/components/gb-toggle/gb-toggle.js +1 -1
  146. package/dist/collection/components/gb-toggle-base/gb-toggle-base.js +2 -2
  147. package/dist/collection/components/gb-token-field-compact/gb-token-field-compact.js +1 -1
  148. package/dist/collection/components/gb-token-field-compressed/gb-token-field-compressed.js +2 -2
  149. package/dist/collection/components/gb-tooltip/gb-tooltip.js +1 -1
  150. package/dist/collection/components/gb-top-bar/gb-top-bar.js +1 -1
  151. package/dist/collection/components/gb-top-bar-item/gb-top-bar-item.js +1 -1
  152. package/dist/collection/components/gb-top-bar-sidemenu/gb-top-bar-sidemenu.css +48 -0
  153. package/dist/collection/components/gb-top-bar-sidemenu/gb-top-bar-sidemenu.js +222 -0
  154. package/dist/collection/components/gb-top-bar-sidemenu/gb-top-bar-sidemenu.js.map +1 -0
  155. package/dist/collection/components/gb-vertical-tabs/gb-vertical-tabs.js +1 -1
  156. package/dist/collection/components/gb-wysiwyg-editor-icon/gb-wysiwyg-editor-icon.js +1 -1
  157. package/dist/collection/components/gb-wysiwyg-tooltip/gb-wysiwyg-tooltip.js +1 -1
  158. package/dist/collection/components/test-input-tag/test-input-tag.js +2 -2
  159. package/dist/components/gb-action-panel.js +4 -4
  160. package/dist/components/gb-avatar-add-button.js +1 -1
  161. package/dist/components/gb-avatar-dropdown.js +6 -6
  162. package/dist/components/gb-avatar-group.js +4 -4
  163. package/dist/components/gb-avatar-label-group.js +1 -1
  164. package/dist/components/gb-avatar-profile-photo.js +2 -2
  165. package/dist/components/gb-avatar.js +1 -1
  166. package/dist/components/gb-badge.js +1 -1
  167. package/dist/components/gb-breaadcrumb-button-base.d.ts +11 -0
  168. package/dist/components/gb-breaadcrumb-button-base.js +44 -0
  169. package/dist/components/gb-breaadcrumb-button-base.js.map +1 -0
  170. package/dist/components/gb-btn.js +1 -1
  171. package/dist/components/gb-button-close.js +1 -1
  172. package/dist/components/gb-button.js +1 -1
  173. package/dist/components/gb-carousel-arrow.js +1 -1
  174. package/dist/components/gb-checkbox-base.js +1 -1
  175. package/dist/components/gb-checkbox-group-item.js +1 -1
  176. package/dist/components/gb-checkbox-group.js +7 -7
  177. package/dist/components/gb-checkbox.js +1 -1
  178. package/dist/components/gb-collapse-button.js +1 -1
  179. package/dist/components/gb-complex-primary-side-bar-item.js +1 -1
  180. package/dist/components/gb-complex-secondary-side-bar-item.js +1 -1
  181. package/dist/components/gb-detail-cell.js +7 -7
  182. package/dist/components/gb-dropdown-items-with-shortcut.js +1 -1
  183. package/dist/components/gb-export-dropdown-item.js +1 -1
  184. package/dist/components/gb-export-dropdown.js +4 -4
  185. package/dist/components/gb-export-sub-dropdown-item.js +1 -1
  186. package/dist/components/gb-export-sub-dropdown.js +1 -1
  187. package/dist/components/gb-featured-icon.js +1 -1
  188. package/dist/components/gb-file-type-icon.js +1 -1
  189. package/dist/components/gb-file-upload-item-base.js +1 -1
  190. package/dist/components/gb-file-upload.js +18 -18
  191. package/dist/components/gb-header-icon.js +1 -1
  192. package/dist/components/gb-header.js +4 -4
  193. package/dist/components/gb-help-dropdown.js +4 -4
  194. package/dist/components/gb-help-tooltip.js +1 -1
  195. package/dist/components/gb-horizontal-tabs.js +5 -5
  196. package/dist/components/gb-input-dropdown-menu-item.js +1 -1
  197. package/dist/components/gb-input-dropdown.js +1 -1
  198. package/dist/components/gb-input-field.js +1 -1
  199. package/dist/components/gb-mega-input-field-base.js +1 -1
  200. package/dist/components/gb-notification-content.js +1 -1
  201. package/dist/components/gb-notification-pane.js +5 -5
  202. package/dist/components/gb-pagination-button-group-base.js +1 -1
  203. package/dist/components/gb-pagination-dot-group.js +1 -1
  204. package/dist/components/gb-pagination-dot-indicator.js +1 -1
  205. package/dist/components/gb-pagination-number-base.js +1 -1
  206. package/dist/components/gb-pagination.js +19 -19
  207. package/dist/components/gb-password-button.js +1 -1
  208. package/dist/components/gb-progress-bar.js +1 -1
  209. package/dist/components/gb-progress-circle.js +1 -1
  210. package/dist/components/gb-scrollbar.js +1 -1
  211. package/dist/components/gb-sidebar.js +10 -10
  212. package/dist/components/gb-sidebar.js.map +1 -1
  213. package/dist/components/gb-simple-side-bar-item.js +1 -1
  214. package/dist/components/gb-slider-control-handle.js +1 -1
  215. package/dist/components/gb-slider.js +3 -3
  216. package/dist/components/gb-status-indicator.js +1 -1
  217. package/dist/components/gb-step-base.js +1 -1
  218. package/dist/components/gb-stepper-horizontal-icons-centered.js +3 -3
  219. package/dist/components/gb-stepper-horizontal-line-with-text.js +3 -3
  220. package/dist/components/gb-stepper-vertical-icons-with-text.js +3 -3
  221. package/dist/components/gb-tab-button-base.js +1 -1
  222. package/dist/components/gb-table-cell.js +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 +13 -13
  228. package/dist/components/gb-toast-button.js +1 -1
  229. package/dist/components/gb-toast.js +4 -4
  230. package/dist/components/gb-toggle-base.js +1 -1
  231. package/dist/components/gb-toggle.js +2 -2
  232. package/dist/components/gb-token-field-compact.js +2 -2
  233. package/dist/components/gb-token-field-compressed.js +3 -3
  234. package/dist/components/gb-tooltip.js +1 -1
  235. package/dist/components/gb-top-bar-item.js +1 -1
  236. package/dist/components/gb-top-bar-sidemenu.d.ts +11 -0
  237. package/dist/components/gb-top-bar-sidemenu.js +120 -0
  238. package/dist/components/gb-top-bar-sidemenu.js.map +1 -0
  239. package/dist/components/gb-top-bar.js +3 -3
  240. package/dist/components/gb-vertical-tabs.js +1 -118
  241. package/dist/components/gb-vertical-tabs.js.map +1 -1
  242. package/dist/components/gb-wysiwyg-editor-icon.js +1 -1
  243. package/dist/components/gb-wysiwyg-tooltip.js +2 -2
  244. package/dist/components/{p-badf04ea.js → p-005ab34e.js} +2 -2
  245. package/dist/components/{p-badf04ea.js.map → p-005ab34e.js.map} +1 -1
  246. package/dist/components/{p-af5789ef.js → p-05112b55.js} +2 -2
  247. package/dist/components/{p-af5789ef.js.map → p-05112b55.js.map} +1 -1
  248. package/dist/components/{p-91a34b5d.js → p-0731be21.js} +3 -3
  249. package/dist/components/{p-91a34b5d.js.map → p-0731be21.js.map} +1 -1
  250. package/dist/components/{p-d9a95b87.js → p-14627c4d.js} +7 -7
  251. package/dist/components/{p-d9a95b87.js.map → p-14627c4d.js.map} +1 -1
  252. package/dist/components/{p-98f5c49f.js → p-16cd6e2c.js} +2 -2
  253. package/dist/components/{p-98f5c49f.js.map → p-16cd6e2c.js.map} +1 -1
  254. package/dist/components/{p-cb923444.js → p-190ca678.js} +2 -2
  255. package/dist/components/{p-cb923444.js.map → p-190ca678.js.map} +1 -1
  256. package/dist/components/{p-0e5e3f8a.js → p-1a6aaa50.js} +19 -19
  257. package/dist/components/{p-0e5e3f8a.js.map → p-1a6aaa50.js.map} +1 -1
  258. package/dist/components/{p-cf588f40.js → p-21e30859.js} +4 -4
  259. package/dist/components/{p-cf588f40.js.map → p-21e30859.js.map} +1 -1
  260. package/dist/components/{p-77dacb3a.js → p-25f7bd64.js} +2 -2
  261. package/dist/components/{p-77dacb3a.js.map → p-25f7bd64.js.map} +1 -1
  262. package/dist/components/{p-6bcf02bd.js → p-29c53d46.js} +2 -2
  263. package/dist/components/{p-6bcf02bd.js.map → p-29c53d46.js.map} +1 -1
  264. package/dist/components/{p-c845c2c6.js → p-2cbef756.js} +3 -3
  265. package/dist/components/{p-c845c2c6.js.map → p-2cbef756.js.map} +1 -1
  266. package/dist/components/{p-b678b493.js → p-2f58446d.js} +2 -2
  267. package/dist/components/{p-b678b493.js.map → p-2f58446d.js.map} +1 -1
  268. package/dist/components/{p-8e055fae.js → p-37c3039b.js} +3 -3
  269. package/dist/components/{p-8e055fae.js.map → p-37c3039b.js.map} +1 -1
  270. package/dist/components/{p-0cb65f99.js → p-3ae5dfaf.js} +3 -3
  271. package/dist/components/{p-0cb65f99.js.map → p-3ae5dfaf.js.map} +1 -1
  272. package/dist/components/{p-af2dc724.js → p-4192782b.js} +7 -7
  273. package/dist/components/p-4192782b.js.map +1 -0
  274. package/dist/components/{p-954d7fe7.js → p-441d6c57.js} +4 -4
  275. package/dist/components/{p-954d7fe7.js.map → p-441d6c57.js.map} +1 -1
  276. package/dist/components/{p-7207c91e.js → p-46a9e005.js} +2 -2
  277. package/dist/components/{p-7207c91e.js.map → p-46a9e005.js.map} +1 -1
  278. package/dist/components/{p-ab0acd4d.js → p-4ea7f5bf.js} +7 -7
  279. package/dist/components/{p-ab0acd4d.js.map → p-4ea7f5bf.js.map} +1 -1
  280. package/dist/components/{p-0549d398.js → p-58767610.js} +2 -2
  281. package/dist/components/{p-0549d398.js.map → p-58767610.js.map} +1 -1
  282. package/dist/components/{p-2b66c98a.js → p-5b39f050.js} +2 -2
  283. package/dist/components/{p-2b66c98a.js.map → p-5b39f050.js.map} +1 -1
  284. package/dist/components/{p-43891900.js → p-666df322.js} +5 -5
  285. package/dist/components/{p-43891900.js.map → p-666df322.js.map} +1 -1
  286. package/dist/components/{p-589a5969.js → p-67f3cb20.js} +3 -3
  287. package/dist/components/{p-589a5969.js.map → p-67f3cb20.js.map} +1 -1
  288. package/dist/components/{p-f95903ac.js → p-6a3bd374.js} +3 -3
  289. package/dist/components/{p-f95903ac.js.map → p-6a3bd374.js.map} +1 -1
  290. package/dist/components/{p-9ba3d294.js → p-6b2a76aa.js} +2 -2
  291. package/dist/components/{p-9ba3d294.js.map → p-6b2a76aa.js.map} +1 -1
  292. package/dist/components/{p-421e82d7.js → p-7008ec35.js} +5 -5
  293. package/dist/components/{p-421e82d7.js.map → p-7008ec35.js.map} +1 -1
  294. package/dist/components/{p-66d52fd5.js → p-72e93490.js} +3 -3
  295. package/dist/components/{p-66d52fd5.js.map → p-72e93490.js.map} +1 -1
  296. package/dist/components/{p-dd5c9f25.js → p-7503e47d.js} +27 -27
  297. package/dist/components/{p-dd5c9f25.js.map → p-7503e47d.js.map} +1 -1
  298. package/dist/components/{p-bd62b321.js → p-763c0639.js} +3 -3
  299. package/dist/components/{p-bd62b321.js.map → p-763c0639.js.map} +1 -1
  300. package/dist/components/{p-46e64e8f.js → p-8d7a8fad.js} +2 -2
  301. package/dist/components/{p-46e64e8f.js.map → p-8d7a8fad.js.map} +1 -1
  302. package/dist/components/{p-0bdf8955.js → p-9027c943.js} +2 -2
  303. package/dist/components/{p-0bdf8955.js.map → p-9027c943.js.map} +1 -1
  304. package/dist/components/{p-d9a6aa70.js → p-9a5ccb4b.js} +7 -7
  305. package/dist/components/{p-d9a6aa70.js.map → p-9a5ccb4b.js.map} +1 -1
  306. package/dist/components/{p-b0d56811.js → p-a2e0d47f.js} +3 -3
  307. package/dist/components/{p-b0d56811.js.map → p-a2e0d47f.js.map} +1 -1
  308. package/dist/components/{p-2e4e090c.js → p-b5ff51a2.js} +2 -2
  309. package/dist/components/{p-2e4e090c.js.map → p-b5ff51a2.js.map} +1 -1
  310. package/dist/components/{p-65852bb7.js → p-b881cd7f.js} +2 -2
  311. package/dist/components/{p-65852bb7.js.map → p-b881cd7f.js.map} +1 -1
  312. package/dist/components/{p-9a515959.js → p-be959db3.js} +3 -3
  313. package/dist/components/{p-9a515959.js.map → p-be959db3.js.map} +1 -1
  314. package/dist/components/{p-d06d713a.js → p-c3b6b547.js} +3 -3
  315. package/dist/components/{p-d06d713a.js.map → p-c3b6b547.js.map} +1 -1
  316. package/dist/components/{p-faae035b.js → p-c61bf48e.js} +2 -2
  317. package/dist/components/{p-faae035b.js.map → p-c61bf48e.js.map} +1 -1
  318. package/dist/components/{p-50b9f25f.js → p-c768a5da.js} +7 -7
  319. package/dist/components/{p-50b9f25f.js.map → p-c768a5da.js.map} +1 -1
  320. package/dist/components/p-cdce4940.js +122 -0
  321. package/dist/components/p-cdce4940.js.map +1 -0
  322. package/dist/components/{p-39e2a84d.js → p-d2862e2d.js} +2 -2
  323. package/dist/components/{p-39e2a84d.js.map → p-d2862e2d.js.map} +1 -1
  324. package/dist/components/{p-8c7157f0.js → p-d39098e4.js} +2 -2
  325. package/dist/components/{p-8c7157f0.js.map → p-d39098e4.js.map} +1 -1
  326. package/dist/components/{p-735cdf2e.js → p-d595e93b.js} +7 -7
  327. package/dist/components/{p-735cdf2e.js.map → p-d595e93b.js.map} +1 -1
  328. package/dist/components/{p-c0c2d7ff.js → p-dda5c433.js} +2 -2
  329. package/dist/components/{p-c0c2d7ff.js.map → p-dda5c433.js.map} +1 -1
  330. package/dist/components/{p-d0a741ae.js → p-e101b44a.js} +3 -3
  331. package/dist/components/{p-d0a741ae.js.map → p-e101b44a.js.map} +1 -1
  332. package/dist/components/{p-f5cd442d.js → p-e2a73b49.js} +2 -2
  333. package/dist/components/{p-f5cd442d.js.map → p-e2a73b49.js.map} +1 -1
  334. package/dist/components/{p-e558af0e.js → p-e886b82d.js} +3 -3
  335. package/dist/components/{p-e558af0e.js.map → p-e886b82d.js.map} +1 -1
  336. package/dist/components/test-input-tag.js +11 -11
  337. package/dist/docs.json +330 -2
  338. package/dist/esm/gb-avatar_12.entry.js +656 -0
  339. package/dist/esm/gb-avatar_12.entry.js.map +1 -0
  340. package/dist/esm/gb-breaadcrumb-button-base.entry.js +21 -0
  341. package/dist/esm/gb-breaadcrumb-button-base.entry.js.map +1 -0
  342. package/dist/esm/gb-button-close.entry.js +20 -0
  343. package/dist/esm/gb-button-close.entry.js.map +1 -0
  344. package/dist/esm/gb-button.entry.js +86 -0
  345. package/dist/esm/gb-button.entry.js.map +1 -0
  346. package/dist/esm/gb-carousel-arrow.entry.js +1 -1
  347. package/dist/esm/gb-checkbox-group-item.entry.js +1 -1
  348. package/dist/esm/gb-checkbox-group.entry.js +1 -1
  349. package/dist/esm/gb-checkbox_2.entry.js +180 -0
  350. package/dist/esm/gb-checkbox_2.entry.js.map +1 -0
  351. package/dist/esm/gb-detail-cell.entry.js +82 -0
  352. package/dist/esm/gb-detail-cell.entry.js.map +1 -0
  353. package/dist/esm/gb-dropdown-items-with-shortcut.entry.js +1 -1
  354. package/dist/esm/gb-export-dropdown-item_2.entry.js +2 -2
  355. package/dist/esm/gb-export-dropdown.entry.js +1 -1
  356. package/dist/esm/gb-export-sub-dropdown-item.entry.js +1 -1
  357. package/dist/esm/gb-featured-icon_2.entry.js +41 -0
  358. package/dist/esm/gb-featured-icon_2.entry.js.map +1 -0
  359. package/dist/esm/gb-file-type-icon_2.entry.js +37 -0
  360. package/dist/esm/gb-file-type-icon_2.entry.js.map +1 -0
  361. package/dist/esm/gb-file-upload-item-base.entry.js +1 -1
  362. package/dist/esm/gb-file-upload.entry.js +12 -12
  363. package/dist/esm/gb-header-icon.entry.js +30 -0
  364. package/dist/esm/gb-header-icon.entry.js.map +1 -0
  365. package/dist/esm/gb-header.entry.js +68 -0
  366. package/dist/esm/gb-header.entry.js.map +1 -0
  367. package/dist/esm/gb-help-dropdown.entry.js +1 -1
  368. package/dist/esm/gb-help-tooltip_3.entry.js +358 -0
  369. package/dist/esm/gb-help-tooltip_3.entry.js.map +1 -0
  370. package/dist/esm/gb-horizontal-tabs.entry.js +1 -1
  371. package/dist/esm/gb-input-dropdown-menu-item_5.entry.js +136 -0
  372. package/dist/esm/gb-input-dropdown-menu-item_5.entry.js.map +1 -0
  373. package/dist/esm/gb-input-dropdown_3.entry.js +392 -0
  374. package/dist/esm/gb-input-dropdown_3.entry.js.map +1 -0
  375. package/dist/esm/gb-mega-input-field-base.entry.js +2 -2
  376. package/dist/esm/gb-notification-content.entry.js +1 -1
  377. package/dist/esm/gb-notification-pane.entry.js +3 -3
  378. package/dist/esm/gb-pagination-dot-group.entry.js +1 -1
  379. package/dist/esm/gb-pagination-dot-indicator.entry.js +1 -1
  380. package/dist/esm/gb-pagination.entry.js +1 -1
  381. package/dist/esm/gb-progress-circle.entry.js +1 -1
  382. package/dist/esm/gb-scrollbar.entry.js +1 -1
  383. package/dist/esm/gb-slider-control-handle.entry.js +1 -1
  384. package/dist/esm/gb-slider.entry.js +1 -1
  385. package/dist/esm/gb-stepper-horizontal-icons-centered.entry.js +1 -1
  386. package/dist/esm/gb-stepper-horizontal-line-with-text.entry.js +62 -0
  387. package/dist/esm/gb-stepper-horizontal-line-with-text.entry.js.map +1 -0
  388. package/dist/esm/gb-stepper-vertical-icons-with-text.entry.js +108 -0
  389. package/dist/esm/gb-stepper-vertical-icons-with-text.entry.js.map +1 -0
  390. package/dist/esm/gb-tab-button-base.entry.js +3 -3
  391. package/dist/esm/gb-table-cell.entry.js +1 -1
  392. package/dist/esm/gb-textarea-input-field.entry.js +4 -4
  393. package/dist/esm/gb-toast-button.entry.js +25 -0
  394. package/dist/esm/gb-toast-button.entry.js.map +1 -0
  395. package/dist/esm/gb-toast.entry.js +72 -0
  396. package/dist/esm/gb-toast.entry.js.map +1 -0
  397. package/dist/esm/gb-toggle-base.entry.js +2 -2
  398. package/dist/esm/gb-toggle.entry.js +1 -1
  399. package/dist/esm/gb-token-field-compact.entry.js +1 -1
  400. package/dist/esm/gb-token-field-compressed.entry.js +2 -2
  401. package/dist/esm/gb-top-bar-item.entry.js +34 -0
  402. package/dist/esm/gb-top-bar-item.entry.js.map +1 -0
  403. package/dist/esm/gb-top-bar-sidemenu.entry.js +49 -0
  404. package/dist/esm/gb-top-bar-sidemenu.entry.js.map +1 -0
  405. package/dist/esm/gb-top-bar.entry.js +47 -0
  406. package/dist/esm/gb-top-bar.entry.js.map +1 -0
  407. package/dist/esm/gb-vertical-tabs.entry.js +1 -1
  408. package/dist/esm/gb-wysiwyg-editor-icon.entry.js +1 -1
  409. package/dist/esm/gb-wysiwyg-tooltip.entry.js +1 -1
  410. package/dist/esm/globuscomponents.js +1 -1
  411. package/dist/esm/loader.js +1 -1
  412. package/dist/esm/test-input-tag.entry.js +2 -2
  413. package/dist/globuscomponents/assets/corporate.svg +6 -0
  414. package/dist/globuscomponents/assets/file-corrupt.svg +6 -0
  415. package/dist/globuscomponents/assets/file-verified.svg +4 -6
  416. package/dist/globuscomponents/assets/file.svg +4 -0
  417. package/dist/globuscomponents/globuscomponents.esm.js +1 -1
  418. package/dist/globuscomponents/globuscomponents.esm.js.map +1 -1
  419. package/dist/globuscomponents/{p-5c771ce7.entry.js → p-02f27982.entry.js} +2 -2
  420. package/dist/globuscomponents/p-02f27982.entry.js.map +1 -0
  421. package/dist/globuscomponents/{p-ba2c25dd.entry.js → p-03dea905.entry.js} +2 -2
  422. package/dist/globuscomponents/p-12bf0da1.entry.js +2 -0
  423. package/dist/globuscomponents/p-12bf0da1.entry.js.map +1 -0
  424. package/dist/globuscomponents/p-1735cb9f.entry.js +2 -0
  425. package/dist/globuscomponents/p-1a9ba326.entry.js +2 -0
  426. package/dist/globuscomponents/p-1b887202.entry.js +2 -0
  427. package/dist/globuscomponents/p-1b887202.entry.js.map +1 -0
  428. package/dist/globuscomponents/{p-0e9e58ed.entry.js → p-1f4f6c6b.entry.js} +2 -2
  429. package/dist/globuscomponents/{p-2cad1542.entry.js → p-26f8a554.entry.js} +2 -2
  430. package/dist/globuscomponents/p-2f802f80.entry.js +2 -0
  431. package/dist/globuscomponents/p-2f802f80.entry.js.map +1 -0
  432. package/dist/globuscomponents/{p-65807830.entry.js → p-31bb984b.entry.js} +2 -2
  433. package/dist/globuscomponents/p-3b8fca0f.entry.js +2 -0
  434. package/dist/globuscomponents/p-3b8fca0f.entry.js.map +1 -0
  435. package/dist/globuscomponents/p-3c0b3811.entry.js +2 -0
  436. package/dist/globuscomponents/p-3c0b3811.entry.js.map +1 -0
  437. package/dist/globuscomponents/{p-b670d3a4.entry.js → p-4704bd98.entry.js} +2 -2
  438. package/dist/globuscomponents/{p-96fb5dcf.entry.js → p-49bd8f8a.entry.js} +2 -2
  439. package/dist/globuscomponents/{p-c65de4a8.entry.js → p-4cd2c893.entry.js} +2 -2
  440. package/dist/globuscomponents/p-52637bc5.entry.js +2 -0
  441. package/dist/globuscomponents/p-52637bc5.entry.js.map +1 -0
  442. package/dist/globuscomponents/{p-3617f00a.entry.js → p-5555fe9c.entry.js} +2 -2
  443. package/dist/globuscomponents/p-60a00e35.entry.js +2 -0
  444. package/dist/globuscomponents/p-60a00e35.entry.js.map +1 -0
  445. package/dist/globuscomponents/{p-4dfe78c5.entry.js → p-6760f48a.entry.js} +2 -2
  446. package/dist/globuscomponents/p-6b0c85db.entry.js +2 -0
  447. package/dist/globuscomponents/p-6b0c85db.entry.js.map +1 -0
  448. package/dist/globuscomponents/{p-6da840eb.entry.js → p-6d39b204.entry.js} +2 -2
  449. package/dist/globuscomponents/p-7902d372.entry.js +2 -0
  450. package/dist/globuscomponents/p-7902d372.entry.js.map +1 -0
  451. package/dist/globuscomponents/{p-fd67e1e0.entry.js → p-79db5aa4.entry.js} +2 -2
  452. package/dist/globuscomponents/p-8904794a.entry.js +2 -0
  453. package/dist/globuscomponents/p-8904794a.entry.js.map +1 -0
  454. package/dist/globuscomponents/p-93e17daf.entry.js +2 -0
  455. package/dist/globuscomponents/p-93e17daf.entry.js.map +1 -0
  456. package/dist/globuscomponents/p-9491ab17.entry.js +2 -0
  457. package/dist/globuscomponents/p-9491ab17.entry.js.map +1 -0
  458. package/dist/globuscomponents/{p-107d39aa.entry.js → p-956ae3b8.entry.js} +2 -2
  459. package/dist/globuscomponents/{p-283c6c9d.entry.js → p-99b7ae9e.entry.js} +2 -2
  460. package/dist/globuscomponents/p-9cc858b2.entry.js +2 -0
  461. package/dist/globuscomponents/p-9cc858b2.entry.js.map +1 -0
  462. package/dist/globuscomponents/{p-e6049ecf.entry.js → p-b2bda9a9.entry.js} +2 -2
  463. package/dist/globuscomponents/{p-2ed43d79.entry.js → p-b791ed03.entry.js} +2 -2
  464. package/dist/globuscomponents/p-bbaf5019.entry.js +2 -0
  465. package/dist/globuscomponents/p-bbaf5019.entry.js.map +1 -0
  466. package/dist/globuscomponents/{p-9fdbeec9.entry.js → p-c5c54a11.entry.js} +2 -2
  467. package/dist/globuscomponents/{p-7e9bae8b.entry.js → p-ce68b5cb.entry.js} +2 -2
  468. package/dist/globuscomponents/{p-427e85de.entry.js → p-cfdc1faa.entry.js} +2 -2
  469. package/dist/globuscomponents/p-d14c23f4.entry.js +2 -0
  470. package/dist/globuscomponents/p-d3b81fbb.entry.js +2 -0
  471. package/dist/globuscomponents/p-d3b81fbb.entry.js.map +1 -0
  472. package/dist/globuscomponents/{p-f7b50b3f.entry.js → p-d6bcc0d3.entry.js} +2 -2
  473. package/dist/globuscomponents/{p-b77a488c.entry.js → p-d85527ce.entry.js} +2 -2
  474. package/dist/globuscomponents/p-dcef11dd.entry.js +2 -0
  475. package/dist/globuscomponents/p-dcef11dd.entry.js.map +1 -0
  476. package/dist/globuscomponents/p-de19a9e0.entry.js +2 -0
  477. package/dist/globuscomponents/p-de19a9e0.entry.js.map +1 -0
  478. package/dist/globuscomponents/p-de24565f.entry.js +2 -0
  479. package/dist/globuscomponents/p-de24565f.entry.js.map +1 -0
  480. package/dist/globuscomponents/p-df473614.entry.js +2 -0
  481. package/dist/globuscomponents/p-df473614.entry.js.map +1 -0
  482. package/dist/globuscomponents/p-e1f04bc9.entry.js +2 -0
  483. package/dist/globuscomponents/{p-585e17c5.entry.js → p-e48fe3be.entry.js} +2 -2
  484. package/dist/globuscomponents/{p-108ebe7e.entry.js → p-e59ec6fc.entry.js} +2 -2
  485. package/dist/globuscomponents/{p-291d6cd1.entry.js → p-e7397212.entry.js} +2 -2
  486. package/dist/globuscomponents/{p-97770b8a.entry.js → p-f1b56bee.entry.js} +2 -2
  487. package/dist/globuscomponents/{p-d06ce1fc.entry.js → p-f2cba3ab.entry.js} +2 -2
  488. package/dist/globuscomponents/{p-fa344cde.entry.js → p-f3752e37.entry.js} +2 -2
  489. package/dist/globuscomponents/{p-908e9db7.entry.js → p-f7ff02cf.entry.js} +2 -2
  490. package/dist/globuscomponents/{p-d2b16d4d.entry.js → p-fc3c6e3f.entry.js} +2 -2
  491. package/dist/globuscomponents/{p-316a9985.entry.js → p-ff0e5706.entry.js} +2 -2
  492. package/dist/types/components/gb-breaadcrumb-button-base/gb-breaadcrumb-button-base.d.ts +6 -0
  493. package/dist/types/components/gb-top-bar-sidemenu/gb-top-bar-sidemenu.d.ts +19 -0
  494. package/dist/types/components.d.ts +64 -0
  495. package/package.json +1 -1
  496. package/dist/cjs/gb-avatar_32.cjs.entry.js +0 -2039
  497. package/dist/cjs/gb-avatar_32.cjs.entry.js.map +0 -1
  498. package/dist/cjs/gb-collapse-button_4.cjs.entry.js +0 -158
  499. package/dist/cjs/gb-collapse-button_4.cjs.entry.js.map +0 -1
  500. package/dist/cjs/gb-pagination-button-group-base_2.cjs.entry.js +0 -72
  501. package/dist/cjs/gb-pagination-button-group-base_2.cjs.entry.js.map +0 -1
  502. package/dist/cjs/gb-progress-bar.cjs.entry.js.map +0 -1
  503. package/dist/cjs/gb-sidebar.cjs.entry.js +0 -123
  504. package/dist/cjs/gb-sidebar.cjs.entry.js.map +0 -1
  505. package/dist/components/p-af2dc724.js.map +0 -1
  506. package/dist/esm/gb-avatar_32.entry.js +0 -2004
  507. package/dist/esm/gb-avatar_32.entry.js.map +0 -1
  508. package/dist/esm/gb-collapse-button_4.entry.js +0 -151
  509. package/dist/esm/gb-collapse-button_4.entry.js.map +0 -1
  510. package/dist/esm/gb-pagination-button-group-base_2.entry.js +0 -67
  511. package/dist/esm/gb-pagination-button-group-base_2.entry.js.map +0 -1
  512. package/dist/esm/gb-progress-bar.entry.js +0 -22
  513. package/dist/esm/gb-progress-bar.entry.js.map +0 -1
  514. package/dist/esm/gb-sidebar.entry.js +0 -119
  515. package/dist/esm/gb-sidebar.entry.js.map +0 -1
  516. package/dist/globuscomponents/p-0e6903df.entry.js +0 -2
  517. package/dist/globuscomponents/p-0e6903df.entry.js.map +0 -1
  518. package/dist/globuscomponents/p-24e4fe4e.entry.js +0 -2
  519. package/dist/globuscomponents/p-24e4fe4e.entry.js.map +0 -1
  520. package/dist/globuscomponents/p-5c771ce7.entry.js.map +0 -1
  521. package/dist/globuscomponents/p-6a9d4577.entry.js +0 -2
  522. package/dist/globuscomponents/p-6a9d4577.entry.js.map +0 -1
  523. package/dist/globuscomponents/p-7c66d678.entry.js +0 -2
  524. package/dist/globuscomponents/p-7c66d678.entry.js.map +0 -1
  525. package/dist/globuscomponents/p-a2c16d5c.entry.js +0 -2
  526. package/dist/globuscomponents/p-b12a8cee.entry.js +0 -2
  527. package/dist/globuscomponents/p-be0f0467.entry.js +0 -2
  528. package/dist/globuscomponents/p-ebb78be0.entry.js +0 -2
  529. /package/dist/globuscomponents/{p-ba2c25dd.entry.js.map → p-03dea905.entry.js.map} +0 -0
  530. /package/dist/globuscomponents/{p-ebb78be0.entry.js.map → p-1735cb9f.entry.js.map} +0 -0
  531. /package/dist/globuscomponents/{p-a2c16d5c.entry.js.map → p-1a9ba326.entry.js.map} +0 -0
  532. /package/dist/globuscomponents/{p-0e9e58ed.entry.js.map → p-1f4f6c6b.entry.js.map} +0 -0
  533. /package/dist/globuscomponents/{p-2cad1542.entry.js.map → p-26f8a554.entry.js.map} +0 -0
  534. /package/dist/globuscomponents/{p-65807830.entry.js.map → p-31bb984b.entry.js.map} +0 -0
  535. /package/dist/globuscomponents/{p-b670d3a4.entry.js.map → p-4704bd98.entry.js.map} +0 -0
  536. /package/dist/globuscomponents/{p-96fb5dcf.entry.js.map → p-49bd8f8a.entry.js.map} +0 -0
  537. /package/dist/globuscomponents/{p-c65de4a8.entry.js.map → p-4cd2c893.entry.js.map} +0 -0
  538. /package/dist/globuscomponents/{p-3617f00a.entry.js.map → p-5555fe9c.entry.js.map} +0 -0
  539. /package/dist/globuscomponents/{p-4dfe78c5.entry.js.map → p-6760f48a.entry.js.map} +0 -0
  540. /package/dist/globuscomponents/{p-6da840eb.entry.js.map → p-6d39b204.entry.js.map} +0 -0
  541. /package/dist/globuscomponents/{p-fd67e1e0.entry.js.map → p-79db5aa4.entry.js.map} +0 -0
  542. /package/dist/globuscomponents/{p-107d39aa.entry.js.map → p-956ae3b8.entry.js.map} +0 -0
  543. /package/dist/globuscomponents/{p-283c6c9d.entry.js.map → p-99b7ae9e.entry.js.map} +0 -0
  544. /package/dist/globuscomponents/{p-e6049ecf.entry.js.map → p-b2bda9a9.entry.js.map} +0 -0
  545. /package/dist/globuscomponents/{p-2ed43d79.entry.js.map → p-b791ed03.entry.js.map} +0 -0
  546. /package/dist/globuscomponents/{p-9fdbeec9.entry.js.map → p-c5c54a11.entry.js.map} +0 -0
  547. /package/dist/globuscomponents/{p-7e9bae8b.entry.js.map → p-ce68b5cb.entry.js.map} +0 -0
  548. /package/dist/globuscomponents/{p-427e85de.entry.js.map → p-cfdc1faa.entry.js.map} +0 -0
  549. /package/dist/globuscomponents/{p-be0f0467.entry.js.map → p-d14c23f4.entry.js.map} +0 -0
  550. /package/dist/globuscomponents/{p-f7b50b3f.entry.js.map → p-d6bcc0d3.entry.js.map} +0 -0
  551. /package/dist/globuscomponents/{p-b77a488c.entry.js.map → p-d85527ce.entry.js.map} +0 -0
  552. /package/dist/globuscomponents/{p-b12a8cee.entry.js.map → p-e1f04bc9.entry.js.map} +0 -0
  553. /package/dist/globuscomponents/{p-585e17c5.entry.js.map → p-e48fe3be.entry.js.map} +0 -0
  554. /package/dist/globuscomponents/{p-108ebe7e.entry.js.map → p-e59ec6fc.entry.js.map} +0 -0
  555. /package/dist/globuscomponents/{p-291d6cd1.entry.js.map → p-e7397212.entry.js.map} +0 -0
  556. /package/dist/globuscomponents/{p-97770b8a.entry.js.map → p-f1b56bee.entry.js.map} +0 -0
  557. /package/dist/globuscomponents/{p-d06ce1fc.entry.js.map → p-f2cba3ab.entry.js.map} +0 -0
  558. /package/dist/globuscomponents/{p-fa344cde.entry.js.map → p-f3752e37.entry.js.map} +0 -0
  559. /package/dist/globuscomponents/{p-908e9db7.entry.js.map → p-f7ff02cf.entry.js.map} +0 -0
  560. /package/dist/globuscomponents/{p-d2b16d4d.entry.js.map → p-fc3c6e3f.entry.js.map} +0 -0
  561. /package/dist/globuscomponents/{p-316a9985.entry.js.map → p-ff0e5706.entry.js.map} +0 -0
package/dist/cjs/gb-checkbox_2.cjs.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"file":"gb-checkbox.gb-checkbox-base.entry.cjs.js","mappings":"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","names":["h","StateEnum"],"sources":["src/components/gb-checkbox/gb-checkbox.css?tag=gb-checkbox&encapsulation=shadow","src/components/gb-checkbox/gb-checkbox.tsx","src/components/gb-checkbox-base/gb-checkbox-base.css?tag=gb-checkbox-base&encapsulation=shadow","src/components/gb-checkbox-base/gb-checkbox-base.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.checkbox_div{\r\n display: flex;\r\n justify-content: space-between;\r\n width: fit-content;\r\n}\r\n\r\n.checkbox_div{\r\n gap: var(--spacing-none);\r\n}\r\n\r\n.checkbox_div.text_class.sm{\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.checkbox_div.text_class.md{\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.checkbox_base.checkbox_no_supporting_text{\r\n margin-top: 0.22rem;\r\n}\r\n\r\n.text{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.text.no_supporting_text{\r\n justify-content: center;\r\n}\r\n\r\n::slotted(p){\r\n color: var(--color-text, #4B5565);\r\n}","import { Component, Element, Event, EventEmitter, h, Prop } from \"@stencil/core\";\r\nimport { CheckBoxVariants, GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-checkbox',\r\n styleUrl: 'gb-checkbox.css',\r\n shadow: true,\r\n})\r\nexport class GbCheckbox {\r\n @Prop() checked: boolean = false;\r\n @Prop() indeterminate: boolean = false;\r\n @Prop() size: GeneralSizes;\r\n @Prop() type: CheckBoxVariants;\r\n @Prop() state: StateEnum;\r\n @Prop() text: boolean = false;\r\n @Prop() supportingText: boolean = false;\r\n @Element() el: HTMLElement;\r\n @Event() checkboxClicked: EventEmitter<boolean>;\r\n\r\n getMainTextClass() {\r\n switch (this.size) {\r\n case 'sm':\r\n return `text-sm-medium`;\r\n case 'md':\r\n return `text-md-medium`;\r\n }\r\n }\r\n\r\n getSupportingTextClass() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'text-xs-regular';\r\n case 'md':\r\n return 'text-sm-regular';\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n const mainTextSlot = this.el.querySelector('[slot=\"label\"]');\r\n const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"]');\r\n\r\n if (mainTextSlot) {\r\n mainTextSlot.classList.add(this.getMainTextClass());\r\n }\r\n\r\n if (supportingTextSlot) {\r\n supportingTextSlot.classList.add(this.getSupportingTextClass());\r\n }\r\n }\r\n\r\n onCheckboxClicked(event) : void {\r\n this.checkboxClicked.emit(event.detail);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`checkbox_div ${this.size} ${this.text ? 'text_class' : ''}`}>\r\n <div class={`checkbox_base ${!this.supportingText ? 'checkbox_no_supporting_text' : ''}`}>\r\n <gb-checkbox-base size={this.size} type={this.type} state={this.state} indeterminate={this.indeterminate} onCheckboxClicked={this.onCheckboxClicked.bind(this)}></gb-checkbox-base>\r\n </div>\r\n {this.text && (\r\n <div class={`text ${!this.supportingText ? 'no_supporting_text' : ''}`}>\r\n <slot name=\"label\"></slot>\r\n {this.supportingText && <slot name=\"supporting_text\"></slot>}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}","@import './../../global/global.css';\r\n\r\n:host{\r\n width: fit-content;\r\n}\r\n\r\n/* Checkbox Styles */\r\n.checkbox_container{\r\n width: fit-content;\r\n height: fit-content;\r\n cursor: pointer;\r\n}\r\n\r\nsvg.sm{\r\n width: var(--spacing-4);\r\n height: var(--spacing-4);\r\n}\r\n\r\nsvg.md{\r\n width: var(--spacing-5);\r\n height: var(--spacing-5);\r\n}\r\n\r\n.checkbox_default_unchecked.hover:hover path{\r\n stroke: var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.checkbox_default_checked:hover path, .checkbox_default_indeterminate:hover path{\r\n fill: var(--color-background-information, #064E94);\r\n}\r\n\r\n.checkbox_default_checked:hover .border, .checkbox_default_indeterminate:hover .border{\r\n stroke: var(--color-border-information, #064E94);\r\n}\r\n\r\n/* Radio Styles */\r\n.radio_default_unchecked:hover rect{\r\n stroke: var(--color-border-selected, #075DB2);\r\n}\r\n\r\n/* Check Circle Styles */\r\n.circle_default_unchecked:hover rect{\r\n stroke: var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.circle_default_checked:hover rect{\r\n stroke: var(--color-border-information, #064E94);\r\n}\r\n\r\n.circle_default_checked:hover .background {\r\n fill: var(--color-background-information, #064E94);\r\n}","import { Component, Event, EventEmitter, h, Prop } from \"@stencil/core\";\r\nimport { CheckBoxVariants, GeneralSizes, StateEnum } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-checkbox-base',\r\n styleUrl: 'gb-checkbox-base.css',\r\n shadow: true,\r\n})\r\nexport class GbCheckboxBase {\r\n @Prop({ mutable: true }) state: StateEnum;\r\n @Prop() size: GeneralSizes;\r\n @Prop() type: CheckBoxVariants;\r\n @Prop({ mutable: true }) checked: boolean = false;\r\n @Prop({ mutable: true }) indeterminate: boolean = false;\r\n @Event() checkboxClicked: EventEmitter<boolean>;\r\n\r\n private renderSVG() {\r\n switch (this.type) {\r\n case 'checkbox':\r\n return this.renderCheckbox();\r\n case 'check_circle':\r\n return this.renderCircle();\r\n case 'radio':\r\n return this.renderRadio();\r\n default:\r\n return null;\r\n }\r\n }\r\n\r\n private renderCheckbox() {\r\n if (this.state === StateEnum.Default && this.checked) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`checkbox_default_checked ${this.size}`}>\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\"\r\n fill=\"#075DB2\"\r\n />\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\"\r\n stroke=\"#075DB2\"\r\n class=\"border\"\r\n />\r\n <path d=\"M4.5 9.25C4.5 9.25 5.25 9.25 6.25 11C6.25 11 9.02941 6.41667 11.5 5.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n );\r\n } else if (this.state === StateEnum.Default && this.indeterminate) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`checkbox_default_indeterminate ${this.size}`}>\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\"\r\n fill=\"#075DB2\"\r\n />\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\"\r\n stroke=\"#075DB2\"\r\n class=\"border\"\r\n />\r\n <path d=\"M12 8L4 8\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n );\r\n } else if (this.state === StateEnum.Disabled && !this.checked) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`checkbox_disabled_unchecked ${this.size}`}>\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\"\r\n fill=\"#F6F8FA\"\r\n />\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\"\r\n stroke=\"#E3E8EF\"\r\n />\r\n </svg>\r\n );\r\n } else if (this.state === StateEnum.Disabled && this.checked) {\r\n return (\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`${this.size}`}>\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5H12C13.8998 0.5 15.2743 0.501062 16.3225 0.641988C17.3563 0.78098 17.9975 1.04772 18.4749 1.52513C18.9523 2.00253 19.219 2.64373 19.358 3.67754C19.4989 4.72573 19.5 6.10025 19.5 8V12C19.5 13.8998 19.4989 15.2743 19.358 16.3225C19.219 17.3563 18.9523 17.9975 18.4749 18.4749C17.9975 18.9523 17.3563 19.219 16.3225 19.358C15.2743 19.4989 13.8998 19.5 12 19.5H8C6.10025 19.5 4.72573 19.4989 3.67754 19.358C2.64373 19.219 2.00253 18.9523 1.52513 18.4749C1.04772 17.9975 0.78098 17.3563 0.641988 16.3225C0.501062 15.2743 0.5 13.8998 0.5 12V8Z\"\r\n fill=\"#9AA4B2\"\r\n />\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5H12C13.8998 0.5 15.2743 0.501062 16.3225 0.641988C17.3563 0.78098 17.9975 1.04772 18.4749 1.52513C18.9523 2.00253 19.219 2.64373 19.358 3.67754C19.4989 4.72573 19.5 6.10025 19.5 8V12C19.5 13.8998 19.4989 15.2743 19.358 16.3225C19.219 17.3563 18.9523 17.9975 18.4749 18.4749C17.9975 18.9523 17.3563 19.219 16.3225 19.358C15.2743 19.4989 13.8998 19.5 12 19.5H8C6.10025 19.5 4.72573 19.4989 3.67754 19.358C2.64373 19.219 2.00253 18.9523 1.52513 18.4749C1.04772 17.9975 0.78098 17.3563 0.641988 16.3225C0.501062 15.2743 0.5 13.8998 0.5 12V8Z\"\r\n stroke=\"#9AA4B2\"\r\n />\r\n <path\r\n d=\"M5.3335 11.6667C5.3335 11.6667 6.3335 11.6667 7.66683 14C7.66683 14 11.3727 7.88888 14.6668 6.66666\"\r\n stroke=\"#E3E8EF\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n );\r\n } else if (this.state === StateEnum.Disabled && this.indeterminate) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`${this.size}`}>\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5H12C13.8998 0.5 15.2743 0.501062 16.3225 0.641988C17.3563 0.78098 17.9975 1.04772 18.4749 1.52513C18.9523 2.00253 19.219 2.64373 19.358 3.67754C19.4989 4.72573 19.5 6.10025 19.5 8V12C19.5 13.8998 19.4989 15.2743 19.358 16.3225C19.219 17.3563 18.9523 17.9975 18.4749 18.4749C17.9975 18.9523 17.3563 19.219 16.3225 19.358C15.2743 19.4989 13.8998 19.5 12 19.5H8C6.10025 19.5 4.72573 19.4989 3.67754 19.358C2.64373 19.219 2.00253 18.9523 1.52513 18.4749C1.04772 17.9975 0.78098 17.3563 0.641988 16.3225C0.501062 15.2743 0.5 13.8998 0.5 12V8Z\"\r\n fill=\"#9AA4B2\"\r\n />\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5H12C13.8998 0.5 15.2743 0.501062 16.3225 0.641988C17.3563 0.78098 17.9975 1.04772 18.4749 1.52513C18.9523 2.00253 19.219 2.64373 19.358 3.67754C19.4989 4.72573 19.5 6.10025 19.5 8V12C19.5 13.8998 19.4989 15.2743 19.358 16.3225C19.219 17.3563 18.9523 17.9975 18.4749 18.4749C17.9975 18.9523 17.3563 19.219 16.3225 19.358C15.2743 19.4989 13.8998 19.5 12 19.5H8C6.10025 19.5 4.72573 19.4989 3.67754 19.358C2.64373 19.219 2.00253 18.9523 1.52513 18.4749C1.04772 17.9975 0.78098 17.3563 0.641988 16.3225C0.501062 15.2743 0.5 13.8998 0.5 12V8Z\"\r\n stroke=\"#9AA4B2\"\r\n />\r\n <path d=\"M15.3335 10L4.66683 10\" stroke=\"#E3E8EF\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>;\r\n } else {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`checkbox_default_unchecked ${this.size}`}>\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\"\r\n stroke=\"#CDD5DF\"\r\n />\r\n </svg>\r\n );\r\n }\r\n }\r\n\r\n private renderCircle() {\r\n if (this.checked && this.state === StateEnum.Default) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`circle_default_checked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" fill=\"#075DB2\" class=\"background\" />\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#075DB2\" />\r\n <path\r\n d=\"M5.0835 9.04166C5.0835 9.04166 5.7085 9.04166 6.54183 10.5C6.54183 10.5 8.85801 6.68055 10.9168 5.91666\"\r\n stroke=\"white\"\r\n stroke-width=\"1.66667\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n );\r\n } else if (!this.checked && this.state === StateEnum.Default) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`circle_default_unchecked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#CDD5DF\" />\r\n </svg>\r\n );\r\n } else if (this.checked && this.state === StateEnum.Disabled) {\r\n return (\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`circle_disabled_checked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"9.5\" fill=\"#9AA4B2\" />\r\n <rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"9.5\" stroke=\"#9AA4B2\" />\r\n <path\r\n d=\"M5.9165 11.4583C5.9165 11.4583 6.7915 11.4583 7.95817 13.5C7.95817 13.5 11.2008 8.15279 14.0832 7.08334\"\r\n stroke=\"#E3E8EF\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n );\r\n } else if (!this.checked && this.state === StateEnum.Disabled) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`circle_disabled_unchecked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#E3E8EF\" />\r\n </svg>\r\n );\r\n }\r\n }\r\n\r\n private renderRadio() {\r\n if (this.state === StateEnum.Default && this.checked) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`radio_default_checked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#075DB2\" />\r\n <circle cx=\"8\" cy=\"8\" r=\"3\" fill=\"#075DB2\" />\r\n </svg>\r\n );\r\n } else if (this.state === StateEnum.Disabled && !this.checked) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`radio_disabled_unchecked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#E3E8EF\" />\r\n </svg>\r\n );\r\n } else if (this.state === StateEnum.Disabled && this.checked) {\r\n return (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class={`radio_disabled_checked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"9.5\" stroke=\"#9AA4B2\" />\r\n <circle cx=\"10\" cy=\"10\" r=\"4\" fill=\"#9AA4B2\" />\r\n </svg>\r\n );\r\n } else {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`radio_default_unchecked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#CDD5DF\" />\r\n </svg>\r\n );\r\n }\r\n }\r\n\r\n private toggleCheckboxState() {\r\n if (this.state === StateEnum.Default && !this.checked) {\r\n this.checked = true;\r\n console.log(this.checked)\r\n this.checkboxClicked.emit(this.checked);\r\n } else if (this.state === StateEnum.Default && this.checked) {\r\n this.checked = false;\r\n console.log(this.checked);\r\n this.checkboxClicked.emit(this.checked);\r\n }\r\n }\r\n\r\n private toggleCheckCircleState() {\r\n if ((this.state === StateEnum.Disabled && this.checked) || (this.state === StateEnum.Disabled && !this.checked)) {\r\n return;\r\n }\r\n\r\n if (this.state === StateEnum.Default && !this.checked) {\r\n this.checked = true;\r\n this.checkboxClicked.emit(this.checked);\r\n } else if (this.state == StateEnum.Default && this.checked) {\r\n this.checked = false;\r\n this.checkboxClicked.emit(this.checked);\r\n }\r\n }\r\n\r\n private toggleRadioButtonState() {\r\n if ((this.state === StateEnum.Disabled && !this.checked) || (this.state === StateEnum.Disabled && this.checked)) {\r\n return;\r\n }\r\n if (this.state === StateEnum.Default && !this.checked) {\r\n this.checked = true;\r\n this.checkboxClicked.emit(this.checked);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div\r\n class={`checkbox_container ${this.size}`}\r\n onClick={() => {\r\n if (this.type === 'checkbox') {\r\n return this.toggleCheckboxState();\r\n } else if (this.type === 'check_circle') {\r\n return this.toggleCheckCircleState();\r\n } else if (this.type === 'radio') {\r\n return this.toggleRadioButtonState();\r\n }\r\n }}\r\n >\r\n {this.renderSVG()}\r\n </div>\r\n );\r\n }\r\n}"],"version":3}
package/dist/cjs/gb-detail-cell.cjs.entry.js ADDED
@@ -0,0 +1,86 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-a9259aac.js');
6
+
7
+ const gbDetailCellCss = "/* @import 'tailwind.css'; */\r\n\r\n:root {\r\n /* --------------------------------------Primary Colors--------------------------------------------- */\r\n /* base color palette */\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n /* gray color palette */\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n /* brand dark blue color palette */\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n /* brand red color palette */\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n /* warning color palette */\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n /* success color palette */\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n /* ------------------------------------------opacity color palette-------------------------------------- */\r\n /* 20% opacity */\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n /* 30% opacity */\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n /* 40% opacity */\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n /* ------------------------------------------Secondary Color------------------------------------------- */\r\n /* blueLight color palete */\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n /* blue color palette */\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n /* Purple color palete */\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n /* pink color palette */\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n /* -------------------------------------------------Token---------------------------------------------- */\r\n\r\n /* -----------Text Color----------- */\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n /* --------------Link color--------------- */\r\n\r\n\r\n [data-theme=\"light\"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n /* --------------Icon color--------------- */\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme=\"light\"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n /* ----------------Border Color --------------- */\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n /* Emmanuel Kadiri starts from background color */\r\n\r\n /* ----------------Background Color --------------- */\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme=\"light\"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n /* ----------------Blanket Color --------------- */\r\n [data-theme=\"light\"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n /* ----------------Skeleton Color --------------- */\r\n [data-theme=\"light\"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n\r\n /* ----------------Surface Color --------------- */\r\n [data-theme=\"light\"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/* -----------------Shadow and Blur----------------- */\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/* -----------------Gradients----------------- */\r\n:root{\r\n /* Gray Gradients */\r\n /* --gray-gradient-600: linear-gradient(); */\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n /* Brand Dark Blue Gradients */\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n /* Brand Red Gradients */\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n /* Blue Gradients */\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/* Spacing Styles */\r\n:root{\r\n /* Positive spacing */\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n /* Negative spacing */\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n /* Radius */\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/* Typography Styles */\r\n@import url('https://fonts.googleapis.com/css2?family=Sora&display=swap');\r\n\r\n:root{\r\n /* Font Sizes */\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n /* Font Weights */\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n /* Line Heights */\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n /* Letter Spacings */\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n /* Font Families */\r\n --font-family-title: 'Sora';\r\n --font-family-body: 'Sora';\r\n}\r\n\r\n/* Media queries for medium screens (tablet) */\r\n@media (max-width: 1199px) {\r\n :root{\r\n /* Font Sizes */\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n /* Line Heights */\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n /* Letter Spacings */\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/* Media queries for smaller screens (mobile) */\r\n@media (max-width: 743px) {\r\n :root{\r\n /* Font Sizes */\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n /* Line Heights */\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n /* Letter Spacings */\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; /* Continue from here */\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n:host {\r\n min-width: 0;\r\n width: 100%;\r\n}\r\n\r\n.detail_cell_div {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n cursor: pointer;\r\n position: relative;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.detail_cell_div:hover {\r\n background: var(--color-background-gray-subtlest, #f6f8fa);\r\n}\r\n\r\n.detail_cell_div.standard {\r\n height: 5rem;\r\n padding: var(--spacing-none) var(--spacing-6);\r\n}\r\n\r\n.detail_cell_div.compact {\r\n padding: 0;\r\n}\r\n\r\n.info_text_div,\r\n.status_text_div,\r\n.document_text_div {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-3);\r\n flex: 1;\r\n}\r\n\r\n.status_text_div {\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.label {\r\n color: var(--color-text-subtle, #697586);\r\n display: block; /* Ensure block or inline-block */\r\n max-width: 100%; /* Set a fixed or max width */\r\n white-space: nowrap; /* Prevent text from wrapping */\r\n overflow: hidden; /* Hide overflowing text */\r\n text-overflow: ellipsis; /* Apply ellipsis */\r\n flex: 1;\r\n min-width: 0; /* Ensure it can shrink properly */\r\n}\r\n\r\n.detail_div {\r\n width: 100%;\r\n overflow: hidden;\r\n}\r\n\r\n.detail {\r\n color: var(--color-text, #4b5565);\r\n display: block; /* Ensure block or inline-block */\r\n max-width: 100%; /* Set a fixed or max width */\r\n white-space: nowrap; /* Prevent text from wrapping */\r\n overflow: hidden; /* Hide overflowing text */\r\n text-overflow: ellipsis; /* Apply ellipsis */\r\n flex: 1;\r\n min-width: 0; /* Ensure it can shrink properly */\r\n}\r\n\r\n.information_text_tooltip {\r\n position: absolute;\r\n bottom: 90%;\r\n}\r\n\r\n.document_detail_tooltip {\r\n position: absolute;\r\n left: 4rem;\r\n bottom: 90%;\r\n}\r\n\r\n.copied_tooltip {\r\n position: absolute;\r\n right: 6rem;\r\n bottom: 3.5rem;\r\n}\r\n\r\n.downloaded_tooltip {\r\n position: absolute;\r\n right: 8rem;\r\n bottom: 3.5rem;\r\n}\r\n\r\n/* Compact Information Styles */\r\n.compact_info_div {\r\n display: flex;\r\n width: 100%;\r\n padding: var(--spacing-3) var(--spacing-2);\r\n align-items: center;\r\n}\r\n\r\n.compact_info_text_div {\r\n display: flex;\r\n min-height: 2.25rem;\r\n /* justify-content: space-between; */\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n flex: 1 0 0;\r\n width: 100%;\r\n}\r\n\r\n.compact_detail {\r\n display: flex;\r\n flex-direction: column-reverse;\r\n flex: 1 0 0;\r\n align-items: flex-end;\r\n position: relative;\r\n flex-wrap: wrap;\r\n word-wrap: break-word; /* Ensures words break if needed */\r\n overflow-wrap: break-word; /* Helps in modern browsers */\r\n white-space: normal; /* Allows text wrapping */\r\n text-align: right; /* Keeps text aligned to the right */\r\n}\r\n\r\n.detail_compact_text {\r\n color: var(--color-text, #4b5565);\r\n word-break: break-word; /* Ensures long words break */\r\n overflow-wrap: anywhere; /* Allows breaking at any point */\r\n white-space: normal; /* Ensures wrapping is allowed */\r\n hyphens: auto;\r\n}\r\n\r\n.compact_copied_tooltip {\r\n position: absolute;\r\n right: 4rem;\r\n bottom: 2rem;\r\n}\r\n\r\n.compact_status_div {\r\n display: flex;\r\n width: 100%;\r\n padding: var(--spacing-3) var(--spacing-2);\r\n align-items: center;\r\n}\r\n\r\n.compact_status_text_div {\r\n display: flex;\r\n min-height: 2.25rem;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex: 1 0 0;\r\n}\r\n\r\n.compact_doc_div {\r\n display: flex;\r\n width: 100%;\r\n justify-content: space-between;\r\n padding: var(--spacing-3) var(--spacing-2);\r\n align-items: center;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.compact_doc_text_div {\r\n display: flex;\r\n min-height: 2.25rem;\r\n align-items: center;\r\n gap: 1.25rem;\r\n flex: 1 0 0;\r\n}\r\n\r\n.compact_doc_textt_div {\r\n display: flex;\r\n flex-direction: column; /* Allows stacking if necessary */\r\n align-items: flex-start; /* Aligns text to the left */\r\n gap: 0.5rem;\r\n flex: 1 1 auto;\r\n word-wrap: break-word; /* Ensures words break properly */\r\n overflow-wrap: break-word;\r\n white-space: normal; /* Allows wrapping */\r\n max-width: 100%; /* Prevents overflow */\r\n}\r\n\r\n.compact_doc_detail {\r\n display: flex;\r\n flex: 1 0 0;\r\n text-align: right;\r\n justify-content: flex-end;\r\n}\r\n\r\n.doc_label {\r\n color: var(--color-text-subtle, #697586);\r\n display: block; /* Ensure block or inline-block */\r\n white-space: nowrap; /* Prevent text from wrapping */\r\n text-overflow: ellipsis; /* Apply ellipsis */\r\n}\r\n\r\n.detaill {\r\n max-width: 100%; /* Ensures it doesn’t stretch too far */\r\n word-break: break-word; /* Breaks long words */\r\n white-space: normal; /* Allows text to wrap */\r\n overflow-wrap: break-word;\r\n display: flex;\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.button_container {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.downloaded_toolip_div {\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.compact_downloaded_tooltip {\r\n position: absolute;\r\n bottom: 3rem;\r\n right: 10rem;\r\n}\r\n";
8
+ const GbDetailCellStyle0 = gbDetailCellCss;
9
+
10
+ const GbDetailCell = class {
11
+ constructor(hostRef) {
12
+ index.registerInstance(this, hostRef);
13
+ this.viewButtonClicked = index.createEvent(this, "viewButtonClicked", 7);
14
+ this.downloadButtonClicked = index.createEvent(this, "downloadButtonClicked", 7);
15
+ this.handleResize = () => {
16
+ this.width = window.innerWidth;
17
+ this.updateCellStyle();
18
+ };
19
+ this.state = undefined;
20
+ this.cellStyle = undefined;
21
+ this.type = undefined;
22
+ this.label = '';
23
+ this.detail = '';
24
+ this.badgeColor = undefined;
25
+ this.badgeLabel = '';
26
+ this.badgeType = undefined;
27
+ this.fileType = undefined;
28
+ this.fileStyle = undefined;
29
+ this.showActionButtons = false;
30
+ this.showViewButton = false;
31
+ this.showDownloadButton = false;
32
+ this.showCopyButton = false;
33
+ this.showStandardCopyButton = false;
34
+ this.showTooltip = false;
35
+ this.copied = false;
36
+ this.isDownloaded = false;
37
+ this.width = window.innerWidth;
38
+ }
39
+ componentWillLoad() {
40
+ this.updateCellStyle(); // Set initial variant
41
+ window.addEventListener('resize', this.handleResize);
42
+ }
43
+ updateCellStyle() {
44
+ this.cellStyle = this.width < 768 ? 'compact' : this.cellStyle;
45
+ }
46
+ onViewButtonClicked() {
47
+ this.viewButtonClicked.emit();
48
+ }
49
+ onDownloadButtonClicked() {
50
+ this.isDownloaded = true;
51
+ setTimeout(() => {
52
+ this.isDownloaded = false;
53
+ }, 2000);
54
+ this.downloadButtonClicked.emit();
55
+ }
56
+ onShowCopyButton() {
57
+ if (this.cellStyle === 'standard') {
58
+ this.showStandardCopyButton = true;
59
+ }
60
+ }
61
+ onHideCopyButton() {
62
+ if (this.cellStyle === 'standard') {
63
+ this.showStandardCopyButton = false;
64
+ }
65
+ }
66
+ async copyToClipboard() {
67
+ try {
68
+ await navigator.clipboard.writeText(this.detail);
69
+ this.copied = true;
70
+ setTimeout(() => {
71
+ this.copied = false;
72
+ }, 2000); // Reset copied state after 2 seconds
73
+ }
74
+ catch (error) {
75
+ console.error('Failed to copy:', error);
76
+ }
77
+ }
78
+ render() {
79
+ return (index.h("div", { key: '853bfb839245cbf7721124b31c4342f3c626bddc', class: `detail_cell_div ${this.type} ${this.cellStyle}`, onMouseEnter: () => this.onShowCopyButton(), onMouseLeave: () => this.onHideCopyButton() }, this.type === 'information' && this.cellStyle === 'standard' && (index.h(index.Fragment, null, index.h("div", { key: 'db1641201e9c39a8bb31a8df11cec5d32926e6f6', class: "info_text_div" }, index.h("p", { key: '533d904c878420e6eccdc1e958a3ae17ef0173b8', class: "label text-sm-regular" }, this.label), index.h("p", { key: '2b39a97de5021990ff253d2747dea34c16d0c576', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (index.h("gb-tooltip", { key: '4efb79b35c914443d8d1f8aa2f2ed855e1c2d619', "show-arrow": false, class: "information_text_tooltip" }, index.h("p", { key: '2b86b6bc26f2d88eac7b68e4cb714cb8c711cca2', slot: "label" }, this.detail)))), this.showStandardCopyButton && (index.h("gb-button", { key: '925442d188fbed5b4864676ae346916b8579e990', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/copy.svg", onClick: () => this.copyToClipboard() })), this.copied && (index.h("gb-tooltip", { key: '22006d996be7df5153066c9736f0d3f3df1581c2', "show-arrow": false, class: "copied_tooltip" }, index.h("p", { key: '03f5e9620cf14d6d22f5b1ecdc430a19c8599522', slot: "label" }, "Copied!"))))), this.type === 'document' && this.cellStyle === 'standard' && (index.h(index.Fragment, null, index.h("gb-file-type-icon", { key: '1bf23303ad75309b1e7ff258f1436840dd1a185a', "file-style": this.fileStyle, "file-type": this.fileType }), index.h("div", { key: '42c69289646a5e3da60e3680e08a682a194793a9', class: "document_text_div" }, index.h("p", { key: '0fd5cffcbc9d4e2b530a01d4a24706e68e5ac2e6', class: "label text-sm-regular" }, this.label), index.h("p", { key: '5249d3446d4a3a9e10eb0900ed19e5a472b8bca1', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (index.h("gb-tooltip", { key: '2baf793645cf55d74a6e509f02cddf4ecf49d38a', "show-arrow": false, class: "document_detail_tooltip" }, index.h("p", { key: '8d61cf057a5608f9bf32affce83cf169548d508f', slot: "label" }, this.detail)))), !this.isDownloaded ? (index.h(index.Fragment, null, this.showActionButtons && (index.h(index.Fragment, null, this.showViewButton && (index.h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/view.svg", onClick: () => this.onViewButtonClicked() })), this.showDownloadButton && (index.h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/download-03.svg", onClick: () => this.onDownloadButtonClicked() })))))) : (index.h("gb-tooltip", { "show-arrow": false, class: "downloaded_tooltip" }, index.h("p", { slot: "label" }, "Downloaded!"))))), this.type === 'status' && this.cellStyle === 'standard' && (index.h("div", { key: '2dfde8a191eaab1960e7f675dcc113b4e48e33f6', class: "status_text_div" }, index.h("p", { key: '008d5c28044d93f97e15c0cb7aeee2820be2ffbb', class: "label text-sm-regular" }, this.label), index.h("gb-badge", { key: '28fe201aa52fb8392fbd64eb7d1b089ec8c3fac0', size: "sm", type: this.badgeType, icon: "dot", color: this.badgeColor }, index.h("p", { key: '70a5e30066ca9a135c112dd1e260e4a7b192b3b0' }, this.badgeLabel)))), this.type === 'information' && this.cellStyle === 'compact' && (index.h("div", { key: '80aa382ff334012f2e700fb1e6d879fe179911a7', class: "compact_info_div" }, index.h("div", { key: '235dabfb338178519370e4218454706806df18f9', class: "compact_info_text_div" }, index.h("div", { key: '8beb5f8183b67a1a1b3917727f57df64037a64a5', class: "compact_label" }, index.h("p", { key: '57db5751efeb983a5b0eca4f0604d335939df22a', class: "label text-sm-regular" }, this.label)), index.h("div", { key: 'ea06295c63580d1d6f1332155fc36b634ea77974', class: "compact_detail" }, index.h("p", { key: '0468e39e95e3990a32d978e6ad8fe128b2fb6211', class: "detail_compact_text text-md-medium" }, this.detail), this.copied && (index.h("gb-tooltip", { key: 'd86340fe4dee970e54ae7dc468810836f33d1693', "show-arrow": false, class: "compact_copied_tooltip" }, index.h("p", { key: '8535adaa549a0b422271fffe69b7cc3cdd17c8e3', slot: "label" }, "Copied!")))), this.showCopyButton && (index.h("gb-button", { key: '3ef7731eff7f98cac4a0c64ba13103cd6f6b6d06', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/copy.svg", onClick: () => this.copyToClipboard() }))))), this.type === 'document' && this.cellStyle === 'compact' && (index.h("div", { key: '5fc6b2c7976a2f69a4719d1be9923b5ee0fc0074', class: "compact_doc_div" }, index.h("gb-file-type-icon", { key: '63a4b8076b704b1e637947dda2a8406ce6985e30', "file-style": this.fileStyle, "file-type": this.fileType }), index.h("div", { key: '8425e30c11a40605078bcc52f7f18c119357d04e', class: "compact_doc_text_div" }, index.h("p", { key: '1e497a2d7e153083896e25c6220f60c8059db920', class: "doc_label text-sm-regular" }, this.label), index.h("div", { key: '6e904a792d219941a14749fec980cba07bf1c420', class: "compact_doc_detail" }, index.h("p", { key: 'ae257e425f8f6dff1c89fdfc1b6b7f6936fe8dc5', class: "detaill text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail)), this.isDownloaded && (index.h("gb-tooltip", { key: '008ccae97d65ddff293c9c484b3017f6e8944c76', "show-arrow": false, class: "compact_downloaded_tooltip" }, index.h("p", { key: '0d3ebef90e8b9e96259b06c2f081ef70f07c50b8', slot: "label" }, "Downloaded!"))), this.showActionButtons && (index.h("div", { key: '99c2aa79af058507444b00bbd8723de440b1c926', class: "button_container" }, this.showViewButton && (index.h("gb-button", { key: '042f2d4193d3fe9ac0421f59ac88de93f5ffa323', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/view.svg", onClick: () => this.onViewButtonClicked() })), this.showDownloadButton && (index.h("gb-button", { key: '46084f9d4eb1ad43b0bdcb6030115b4d651dc49e', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/download-03.svg", onClick: () => this.onDownloadButtonClicked() }))))))), this.type === 'status' && this.cellStyle === 'compact' && (index.h("div", { key: '6661f30b5861b83f68db163651a791ce35f74728', class: "compact_status_div" }, index.h("div", { key: '16b225fd4b2d6cebf38f6e453a50cc5439005461', class: "compact_status_text_div" }, index.h("div", { key: 'e8568e64c1caf5c2fd557c219f8248505093c271', class: "compact_label" }, index.h("p", { key: '0115ec60463fc23f63d2c31fedeb3a11ee0fe167', class: "label text-sm-regular" }, this.label)), index.h("gb-badge", { key: 'c3a8896d0c7c4fd1a767d0a8acc22ccc663f35a0', size: "sm", type: this.badgeType, icon: "dot", color: this.badgeColor }, index.h("p", { key: 'd45e0fc2a0e3ed2e9e069e7cbce2743b8b0661b9' }, this.badgeLabel)))))));
80
+ }
81
+ };
82
+ GbDetailCell.style = GbDetailCellStyle0;
83
+
84
+ exports.gb_detail_cell = GbDetailCell;
85
+
86
+ //# sourceMappingURL=gb-detail-cell.cjs.entry.js.map
package/dist/cjs/gb-detail-cell.cjs.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"file":"gb-detail-cell.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/gb-detail-cell/gb-detail-cell.css?tag=gb-detail-cell&encapsulation=shadow","src/components/gb-detail-cell/gb-detail-cell.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n:host {\r\n min-width: 0;\r\n width: 100%;\r\n}\r\n\r\n.detail_cell_div {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n cursor: pointer;\r\n position: relative;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.detail_cell_div:hover {\r\n background: var(--color-background-gray-subtlest, #f6f8fa);\r\n}\r\n\r\n.detail_cell_div.standard {\r\n height: 5rem;\r\n padding: var(--spacing-none) var(--spacing-6);\r\n}\r\n\r\n.detail_cell_div.compact {\r\n padding: 0;\r\n}\r\n\r\n.info_text_div,\r\n.status_text_div,\r\n.document_text_div {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-3);\r\n flex: 1;\r\n}\r\n\r\n.status_text_div {\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.label {\r\n color: var(--color-text-subtle, #697586);\r\n display: block; /* Ensure block or inline-block */\r\n max-width: 100%; /* Set a fixed or max width */\r\n white-space: nowrap; /* Prevent text from wrapping */\r\n overflow: hidden; /* Hide overflowing text */\r\n text-overflow: ellipsis; /* Apply ellipsis */\r\n flex: 1;\r\n min-width: 0; /* Ensure it can shrink properly */\r\n}\r\n\r\n.detail_div {\r\n width: 100%;\r\n overflow: hidden;\r\n}\r\n\r\n.detail {\r\n color: var(--color-text, #4b5565);\r\n display: block; /* Ensure block or inline-block */\r\n max-width: 100%; /* Set a fixed or max width */\r\n white-space: nowrap; /* Prevent text from wrapping */\r\n overflow: hidden; /* Hide overflowing text */\r\n text-overflow: ellipsis; /* Apply ellipsis */\r\n flex: 1;\r\n min-width: 0; /* Ensure it can shrink properly */\r\n}\r\n\r\n.information_text_tooltip {\r\n position: absolute;\r\n bottom: 90%;\r\n}\r\n\r\n.document_detail_tooltip {\r\n position: absolute;\r\n left: 4rem;\r\n bottom: 90%;\r\n}\r\n\r\n.copied_tooltip {\r\n position: absolute;\r\n right: 6rem;\r\n bottom: 3.5rem;\r\n}\r\n\r\n.downloaded_tooltip {\r\n position: absolute;\r\n right: 8rem;\r\n bottom: 3.5rem;\r\n}\r\n\r\n/* Compact Information Styles */\r\n.compact_info_div {\r\n display: flex;\r\n width: 100%;\r\n padding: var(--spacing-3) var(--spacing-2);\r\n align-items: center;\r\n}\r\n\r\n.compact_info_text_div {\r\n display: flex;\r\n min-height: 2.25rem;\r\n /* justify-content: space-between; */\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n flex: 1 0 0;\r\n width: 100%;\r\n}\r\n\r\n.compact_detail {\r\n display: flex;\r\n flex-direction: column-reverse;\r\n flex: 1 0 0;\r\n align-items: flex-end;\r\n position: relative;\r\n flex-wrap: wrap;\r\n word-wrap: break-word; /* Ensures words break if needed */\r\n overflow-wrap: break-word; /* Helps in modern browsers */\r\n white-space: normal; /* Allows text wrapping */\r\n text-align: right; /* Keeps text aligned to the right */\r\n}\r\n\r\n.detail_compact_text {\r\n color: var(--color-text, #4b5565);\r\n word-break: break-word; /* Ensures long words break */\r\n overflow-wrap: anywhere; /* Allows breaking at any point */\r\n white-space: normal; /* Ensures wrapping is allowed */\r\n hyphens: auto;\r\n}\r\n\r\n.compact_copied_tooltip {\r\n position: absolute;\r\n right: 4rem;\r\n bottom: 2rem;\r\n}\r\n\r\n.compact_status_div {\r\n display: flex;\r\n width: 100%;\r\n padding: var(--spacing-3) var(--spacing-2);\r\n align-items: center;\r\n}\r\n\r\n.compact_status_text_div {\r\n display: flex;\r\n min-height: 2.25rem;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex: 1 0 0;\r\n}\r\n\r\n.compact_doc_div {\r\n display: flex;\r\n width: 100%;\r\n justify-content: space-between;\r\n padding: var(--spacing-3) var(--spacing-2);\r\n align-items: center;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.compact_doc_text_div {\r\n display: flex;\r\n min-height: 2.25rem;\r\n align-items: center;\r\n gap: 1.25rem;\r\n flex: 1 0 0;\r\n}\r\n\r\n.compact_doc_textt_div {\r\n display: flex;\r\n flex-direction: column; /* Allows stacking if necessary */\r\n align-items: flex-start; /* Aligns text to the left */\r\n gap: 0.5rem;\r\n flex: 1 1 auto;\r\n word-wrap: break-word; /* Ensures words break properly */\r\n overflow-wrap: break-word;\r\n white-space: normal; /* Allows wrapping */\r\n max-width: 100%; /* Prevents overflow */\r\n}\r\n\r\n.compact_doc_detail {\r\n display: flex;\r\n flex: 1 0 0;\r\n text-align: right;\r\n justify-content: flex-end;\r\n}\r\n\r\n.doc_label {\r\n color: var(--color-text-subtle, #697586);\r\n display: block; /* Ensure block or inline-block */\r\n white-space: nowrap; /* Prevent text from wrapping */\r\n text-overflow: ellipsis; /* Apply ellipsis */\r\n}\r\n\r\n.detaill {\r\n max-width: 100%; /* Ensures it doesn’t stretch too far */\r\n word-break: break-word; /* Breaks long words */\r\n white-space: normal; /* Allows text to wrap */\r\n overflow-wrap: break-word;\r\n display: flex;\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.button_container {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.downloaded_toolip_div {\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.compact_downloaded_tooltip {\r\n position: absolute;\r\n bottom: 3rem;\r\n right: 10rem;\r\n}\r\n","import { Component, Prop, State, h, Fragment, Event, EventEmitter } from '@stencil/core';\r\nimport { BadgeTypes, FileIconStyles, FileIconTypes, GeneralColors, GeneralStyles } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-detail-cell',\r\n styleUrl: 'gb-detail-cell.css',\r\n shadow: true,\r\n})\r\nexport class GbDetailCell {\r\n @Prop() state: 'default' | 'disabled';\r\n @Prop({ mutable: true }) cellStyle: GeneralStyles;\r\n @Prop() type: 'information' | 'document' | 'status';\r\n @Prop() label: string = '';\r\n @Prop() detail: string = '';\r\n @Prop() badgeColor: GeneralColors;\r\n @Prop() badgeLabel: string = '';\r\n @Prop() badgeType: BadgeTypes;\r\n @Prop() fileType: FileIconTypes;\r\n @Prop() fileStyle: FileIconStyles;\r\n @Prop() showActionButtons: boolean = false;\r\n @Prop() showViewButton: boolean = false;\r\n @Prop() showDownloadButton: boolean = false;\r\n @Prop({ mutable: true }) showCopyButton: boolean = false;\r\n @State() showStandardCopyButton: boolean = false;\r\n @State() showTooltip: boolean = false;\r\n @State() copied: boolean = false;\r\n @State() isDownloaded: boolean = false;\r\n @State() width: number = window.innerWidth;\r\n @Event() viewButtonClicked: EventEmitter<void>;\r\n @Event() downloadButtonClicked: EventEmitter<void>;\r\n\r\n componentWillLoad() {\r\n this.updateCellStyle(); // Set initial variant\r\n window.addEventListener('resize', this.handleResize);\r\n }\r\n\r\n private handleResize = () => {\r\n this.width = window.innerWidth;\r\n this.updateCellStyle();\r\n };\r\n\r\n private updateCellStyle() {\r\n this.cellStyle = this.width < 768 ? 'compact' : this.cellStyle;\r\n }\r\n\r\n onViewButtonClicked() {\r\n this.viewButtonClicked.emit();\r\n }\r\n\r\n onDownloadButtonClicked() {\r\n this.isDownloaded = true;\r\n\r\n setTimeout(() => {\r\n this.isDownloaded = false;\r\n }, 2000);\r\n\r\n this.downloadButtonClicked.emit();\r\n }\r\n\r\n onShowCopyButton() {\r\n if (this.cellStyle === 'standard') {\r\n this.showStandardCopyButton = true;\r\n }\r\n }\r\n\r\n onHideCopyButton() {\r\n if (this.cellStyle === 'standard') {\r\n this.showStandardCopyButton = false;\r\n }\r\n }\r\n\r\n async copyToClipboard() {\r\n try {\r\n await navigator.clipboard.writeText(this.detail);\r\n this.copied = true;\r\n\r\n setTimeout(() => {\r\n this.copied = false;\r\n }, 2000); // Reset copied state after 2 seconds\r\n } catch (error) {\r\n console.error('Failed to copy:', error);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`detail_cell_div ${this.type} ${this.cellStyle}`} onMouseEnter={() => this.onShowCopyButton()} onMouseLeave={() => this.onHideCopyButton()}>\r\n {this.type === 'information' && this.cellStyle === 'standard' && (\r\n <>\r\n <div class=\"info_text_div\">\r\n <p class=\"label text-sm-regular\">{this.label}</p>\r\n <p class=\"detail text-md-medium\" onMouseEnter={() => (this.showTooltip = true)} onMouseLeave={() => (this.showTooltip = false)}>\r\n {this.detail}\r\n </p>\r\n {this.showTooltip && (\r\n <gb-tooltip show-arrow={false} class=\"information_text_tooltip\">\r\n <p slot=\"label\">{this.detail}</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n {this.showStandardCopyButton && (\r\n <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"only\" icon-leading=\"true\" icon-leading-swap=\"assets/copy.svg\" onClick={() => this.copyToClipboard()}></gb-button>\r\n )}\r\n {this.copied && (\r\n <gb-tooltip show-arrow={false} class=\"copied_tooltip\">\r\n <p slot=\"label\">Copied!</p>\r\n </gb-tooltip>\r\n )}\r\n </>\r\n )}\r\n {this.type === 'document' && this.cellStyle === 'standard' && (\r\n <>\r\n <gb-file-type-icon file-style={this.fileStyle} file-type={this.fileType}></gb-file-type-icon>\r\n <div class=\"document_text_div\">\r\n <p class=\"label text-sm-regular\">{this.label}</p>\r\n <p class=\"detail text-md-medium\" onMouseEnter={() => (this.showTooltip = true)} onMouseLeave={() => (this.showTooltip = false)}>\r\n {this.detail}\r\n </p>\r\n {this.showTooltip && (\r\n <gb-tooltip show-arrow={false} class=\"document_detail_tooltip\">\r\n <p slot=\"label\">{this.detail}</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n {!this.isDownloaded ? (\r\n <>\r\n {this.showActionButtons && (\r\n <>\r\n {this.showViewButton && (\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n icon-leading=\"true\"\r\n icon-leading-swap=\"assets/view.svg\"\r\n onClick={() => this.onViewButtonClicked()}\r\n ></gb-button>\r\n )}\r\n {this.showDownloadButton && (\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n icon-leading=\"true\"\r\n icon-leading-swap=\"assets/download-03.svg\"\r\n onClick={() => this.onDownloadButtonClicked()}\r\n ></gb-button>\r\n )}\r\n </>\r\n )}\r\n </>\r\n ) : (\r\n <gb-tooltip show-arrow={false} class=\"downloaded_tooltip\">\r\n <p slot=\"label\">Downloaded!</p>\r\n </gb-tooltip>\r\n )}\r\n </>\r\n )}\r\n {this.type === 'status' && this.cellStyle === 'standard' && (\r\n <div class=\"status_text_div\">\r\n <p class=\"label text-sm-regular\">{this.label}</p>\r\n <gb-badge size=\"sm\" type={this.badgeType} icon=\"dot\" color={this.badgeColor}>\r\n <p>{this.badgeLabel}</p>\r\n </gb-badge>\r\n </div>\r\n )}\r\n {this.type === 'information' && this.cellStyle === 'compact' && (\r\n <div class=\"compact_info_div\">\r\n <div class=\"compact_info_text_div\">\r\n <div class=\"compact_label\">\r\n <p class=\"label text-sm-regular\">{this.label}</p>\r\n </div>\r\n <div class=\"compact_detail\">\r\n <p class=\"detail_compact_text text-md-medium\">{this.detail}</p>\r\n {this.copied && (\r\n <gb-tooltip show-arrow={false} class=\"compact_copied_tooltip\">\r\n <p slot=\"label\">Copied!</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n {this.showCopyButton && (\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n icon-leading=\"true\"\r\n icon-leading-swap=\"assets/copy.svg\"\r\n onClick={() => this.copyToClipboard()}\r\n ></gb-button>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n {this.type === 'document' && this.cellStyle === 'compact' && (\r\n <div class=\"compact_doc_div\">\r\n <gb-file-type-icon file-style={this.fileStyle} file-type={this.fileType}></gb-file-type-icon>\r\n <div class=\"compact_doc_text_div\">\r\n <p class=\"doc_label text-sm-regular\">{this.label}</p>\r\n <div class=\"compact_doc_detail\">\r\n <p class=\"detaill text-md-medium\" onMouseEnter={() => (this.showTooltip = true)} onMouseLeave={() => (this.showTooltip = false)}>\r\n {this.detail}\r\n </p>\r\n </div>\r\n {this.isDownloaded && (\r\n <gb-tooltip show-arrow={false} class=\"compact_downloaded_tooltip\">\r\n <p slot=\"label\">Downloaded!</p>\r\n </gb-tooltip>\r\n )}\r\n {this.showActionButtons && (\r\n <div class=\"button_container\">\r\n {this.showViewButton && (\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n icon-leading=\"true\"\r\n icon-leading-swap=\"assets/view.svg\"\r\n onClick={() => this.onViewButtonClicked()}\r\n ></gb-button>\r\n )}\r\n {this.showDownloadButton && (\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n icon-leading=\"true\"\r\n icon-leading-swap=\"assets/download-03.svg\"\r\n onClick={() => this.onDownloadButtonClicked()}\r\n ></gb-button>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n {this.type === 'status' && this.cellStyle === 'compact' && (\r\n <div class=\"compact_status_div\">\r\n <div class=\"compact_status_text_div\">\r\n <div class=\"compact_label\">\r\n <p class=\"label text-sm-regular\">{this.label}</p>\r\n </div>\r\n <gb-badge size=\"sm\" type={this.badgeType} icon=\"dot\" color={this.badgeColor}>\r\n <p>{this.badgeLabel}</p>\r\n </gb-badge>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}
package/dist/cjs/gb-dropdown-items-with-shortcut.cjs.entry.js CHANGED
@@ -31,7 +31,7 @@ const GbDropdownShortcut = class {
31
31
  this.loadIcon(this.iconSrc);
32
32
  }
33
33
  render() {
34
- return (index.h("div", { key: '53f983f6a690d92634e72e9e2e0b3e59023f43b0', class: "shortcut-container" }, index.h("div", { key: '2e76f091bba5b23b130dd09e1f941b47dc391f00', class: `shortcut ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}` }, this.icon && (index.h("div", { key: '464da68db7b850514d7fd41998c84f1296b901ed', class: "icon_div" }, index.h("div", { key: 'e6472f181632eb24b7af0c7b505d3fe273f9cd24', class: `icon ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg }))), this.checkbox && !this.icon && index.h("gb-checkbox", { key: '544ef5bc2a666932495a07da3494a8709956aaa3', class: "checkbox", size: "sm", type: "checkbox", state: reusableModels.StateEnum.Default }), index.h("span", { key: '321c1a73990c0acfd51f0ec60021ae14e975b4ea', class: "label_div" }, index.h("p", { key: '78973bb619d070224ac456f4bfe8e3646a0e84d0', class: `label text-sm-medium ${this.destructive ? 'destructive' : ''}` }, this.label)), this.shortcut && (index.h("span", { key: '434e91aefa1825e49e7e1ad832d84016bb8f6ebd', class: "shortcut-icon" }, index.h("slot", { key: 'e1960f78834c8d22645179ee08e1698bb31e8cc3' }, "\u2318", this.shortcutIcon))))));
34
+ return (index.h("div", { key: '79b5520163bf8eb4174df367bf5e3fdb51767f17', class: "shortcut-container" }, index.h("div", { key: '3b186e89a4968bce9d2658d9062cbf33bdf1e28f', class: `shortcut ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}` }, this.icon && (index.h("div", { key: '7ba8b2f8e1522a7234d3254a54c2dff4e5966832', class: "icon_div" }, index.h("div", { key: '1a76ea1e68f3263363615a88c4e7b770393d6978', class: `icon ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg }))), this.checkbox && !this.icon && index.h("gb-checkbox", { key: '18dccce5477a0d091affeac6b95fe9d9905b7e10', class: "checkbox", size: "sm", type: "checkbox", state: reusableModels.StateEnum.Default }), index.h("span", { key: '4cc30f05f2b40efc39deef9aaff7210f5d07a5ef', class: "label_div" }, index.h("p", { key: '12dd250ecf48ee15d00093678cd996eb8c164404', class: `label text-sm-medium ${this.destructive ? 'destructive' : ''}` }, this.label)), this.shortcut && (index.h("span", { key: '6429c80b18bdf031c9f2e5def852edb5fb0c3486', class: "shortcut-icon" }, index.h("slot", { key: '365d8f223f3b792c8d080f0bcdb32309235efc69' }, "\u2318", this.shortcutIcon))))));
35
35
  }
36
36
  get el() { return index.getElement(this); }
37
37
  };
package/dist/cjs/gb-export-dropdown-item_2.cjs.entry.js CHANGED
@@ -15,7 +15,7 @@ const GbExportDropdownItem = class {
15
15
  this.type = undefined;
16
16
  }
17
17
  render() {
18
- return (index.h("div", { key: 'c025425e1782595b154e9efbc9054831200deec3', class: `export_container ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("div", { key: '542e5599ebc9a78a04b930c339d9331c6dd4fbd4', class: `content ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("div", { key: '2bfd9ed4d6a139a085cb828ad893cccda6f4ca3d', class: `wrapper` }, index.h("div", { key: 'd7fb04ceb23955bdc5139ab29aae0a70e3e19d06', class: `container` }, index.h("div", { key: 'fb97a98ba6db6cf8d5286aab78064d6838806514', class: `icon` }, this.type === 'pdf' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `pdf_svg ${this.type} ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("path", { opacity: "0.4", d: "M2.50117 9.15797C2.78483 8.46126 4.09165 7.08156 7.08171 7.08156C7.33288 7.08156 7.99177 6.82886 7.95767 5.45969C7.94376 4.22219 8.39482 1.77401 10.2871 1.66843C10.662 1.66663 11.0697 1.66663 11.5152 1.66663C13.0144 1.66663 13.764 1.66663 14.3627 1.87679C15.3252 2.21467 16.0844 2.92921 16.4434 3.83508C16.6667 4.39856 16.6667 5.10408 16.6667 6.51511V14.1666C16.6667 14.9411 16.6667 15.3283 16.6026 15.6503C16.3396 16.9726 15.3059 18.0062 13.9836 18.2692C13.6616 18.3333 13.2744 18.3333 12.5 18.3333H8.93939C6.22172 18.3333 4.86289 18.3333 3.91922 17.6684C3.64885 17.4779 3.40882 17.252 3.20642 16.9976C2.5 16.1094 2.5 14.8305 2.5 12.2727V10.1515C2.5 9.79565 2.5 9.46547 2.50117 9.15797Z", fill: "#E21B2E" }), index.h("path", { d: "M5.83333 15V12.9166M5.83333 12.9166V11.6666C5.83333 11.2738 5.83333 11.0774 5.96147 10.9553C6.08961 10.8333 6.29585 10.8333 6.70833 10.8333H7.29167C7.89573 10.8333 8.38542 11.2997 8.38542 11.875C8.38542 12.4503 7.89573 12.9166 7.29167 12.9166H5.83333ZM17.5 10.8333H16.4062C15.7188 10.8333 15.3751 10.8333 15.1615 11.0367C14.9479 11.2401 14.9479 11.5675 14.9479 12.2222V12.9166M14.9479 15V12.9166M14.9479 12.9166H16.7708M12.5 18.3333H8.93939C6.22172 18.3333 4.86289 18.3333 3.91922 17.6684C3.64885 17.4779 3.40882 17.252 3.20642 16.9976C2.5 16.1094 2.5 14.8305 2.5 12.2727V10.1515C2.5 7.68217 2.5 6.44751 2.89078 5.46142C3.51901 3.87614 4.84761 2.6257 6.53197 2.03442C7.57969 1.66663 8.89151 1.66663 11.5152 1.66663C13.0144 1.66663 13.764 1.66663 14.3627 1.87679C15.3252 2.21467 16.0844 2.92921 16.4434 3.83508C16.6667 4.39856 16.6667 5.10408 16.6667 6.51511V8.33329M2.5 9.99996C2.5 8.46584 3.74365 7.22218 5.27778 7.22218C5.8326 7.22218 6.4867 7.3194 7.02614 7.17486C7.50543 7.04643 7.8798 6.67206 8.00823 6.19276C8.15277 5.65332 8.05556 4.99922 8.05556 4.4444C8.05556 2.91028 9.29921 1.66663 10.8333 1.66663M13.125 12.9166C13.125 14.0672 12.1456 15 10.9375 15C10.6649 15 10.5286 15 10.4271 14.9441C10.184 14.8105 10.2083 14.5399 10.2083 14.3055V11.5277C10.2083 11.2933 10.184 11.0228 10.4271 10.8891C10.5286 10.8333 10.6649 10.8333 10.9375 10.8333C12.1456 10.8333 13.125 11.766 13.125 12.9166Z", stroke: "#E21B2E", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `csv_svg ${this.type} ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("path", { opacity: "0.4", d: "M2.50141 9.15797C2.78507 8.46126 4.0919 7.08156 7.08195 7.08156C7.33312 7.08156 7.99201 6.82886 7.95791 5.45969C7.94401 4.22219 8.39506 1.77401 10.2873 1.66843C10.6623 1.66663 11.0699 1.66663 11.5154 1.66663C13.0146 1.66663 13.7642 1.66663 14.3629 1.87679C15.3254 2.21467 16.0846 2.92921 16.4436 3.83508C16.6669 4.39856 16.6669 5.10408 16.6669 6.51511V14.1666C16.6669 14.9411 16.6669 15.3283 16.6029 15.6503C16.3398 16.9726 15.3062 18.0062 13.9839 18.2692C13.6619 18.3333 13.2747 18.3333 12.5002 18.3333H8.93964C6.22197 18.3333 4.86313 18.3333 3.91947 17.6684C3.64909 17.4779 3.40906 17.252 3.20666 16.9976C2.50024 16.1094 2.50024 14.8305 2.50024 12.2727V10.1515C2.50024 9.79565 2.50024 9.46547 2.50141 9.15797Z", fill: "#079455" }), index.h("path", { d: "M7.82922 11.7147C7.84826 12.1285 8.19913 12.4485 8.6129 12.4294C9.02668 12.4104 9.34668 12.0595 9.32764 11.6458L7.82922 11.7147ZM9.32764 14.1875C9.34668 13.7737 9.02668 13.4229 8.6129 13.4038C8.19913 13.3848 7.84826 13.7048 7.82922 14.1185L9.32764 14.1875ZM18.2025 11.0961C18.3476 10.7081 18.1507 10.276 17.7628 10.1308C17.3748 9.98571 16.9427 10.1826 16.7975 10.5705L18.2025 11.0961ZM16.2804 14.0935L15.5779 13.8307L16.2804 14.0935ZM15.2442 14.0935L15.9467 13.8307L15.9467 13.8307L15.2442 14.0935ZM14.7271 10.5705C14.582 10.1826 14.1498 9.98571 13.7619 10.1308C13.3739 10.276 13.1771 10.7081 13.3222 11.0961L14.7271 10.5705ZM12.2678 11.5833C12.682 11.5833 13.0178 11.2475 13.0178 10.8333C13.0178 10.4191 12.682 10.0833 12.2678 10.0833V11.5833ZM10.5747 14.25C10.1605 14.25 9.82472 14.5857 9.82472 15C9.82472 15.4142 10.1605 15.75 10.5747 15.75V14.25ZM12.0709 14.9471L11.7841 14.2541H11.7841L12.0709 14.9471ZM12.0709 12.9695L12.3577 12.2765V12.2765L12.0709 12.9695ZM10.8439 12.8638L10.5571 13.5568H10.5571L10.8439 12.8638ZM10.8439 10.8862L10.5571 10.1932L10.8439 10.8862ZM12.5 13.943L11.75 13.9428V13.943H12.5ZM12.5 13.9736H11.75V13.9738L12.5 13.9736ZM12.5 19.0833C12.9142 19.0833 13.25 18.7475 13.25 18.3333C13.25 17.9191 12.9142 17.5833 12.5 17.5833V19.0833ZM15.9167 8.33329C15.9167 8.74751 16.2525 9.08329 16.6667 9.08329C17.0809 9.08329 17.4167 8.74751 17.4167 8.33329H15.9167ZM14.3627 1.87679L14.6111 1.16913V1.16913L14.3627 1.87679ZM16.4434 3.83508L17.1406 3.55877L16.4434 3.83508ZM2.89078 5.46142L3.58803 5.73773L2.89078 5.46142ZM6.53197 2.03442L6.78039 2.74208L6.78039 2.74208L6.53197 2.03442ZM3.91922 17.6684L3.48726 18.2815H3.48726L3.91922 17.6684ZM3.20642 16.9976L3.79339 16.5307H3.79339L3.20642 16.9976ZM1.75 9.99996C1.75 10.4142 2.08579 10.75 2.5 10.75C2.91421 10.75 3.25 10.4142 3.25 9.99996H1.75ZM5.27778 7.22218V7.97218H5.27778L5.27778 7.22218ZM8.00823 6.19276L8.73267 6.38688L8.00823 6.19276ZM7.02614 7.17486L7.22025 7.8993L7.22025 7.8993L7.02614 7.17486ZM10.8333 2.41663C11.2475 2.41663 11.5833 2.08084 11.5833 1.66663C11.5833 1.25241 11.2475 0.916626 10.8333 0.916626V2.41663ZM6.58333 13.6111V12.2222H5.08333V13.6111H6.58333ZM7.20935 11.5833C7.40441 11.5833 7.55042 11.585 7.67255 11.5962C7.79576 11.6076 7.84664 11.6251 7.86008 11.6311C7.86341 11.6326 7.85512 11.6293 7.84214 11.6181C7.82841 11.6064 7.81787 11.5931 7.81162 11.5826C7.80017 11.5633 7.82342 11.5885 7.82922 11.7147L9.32764 11.6458C9.31443 11.3586 9.25281 11.0713 9.10081 10.8158C8.94191 10.5486 8.71717 10.3715 8.47384 10.2624C8.05559 10.0749 7.54278 10.0833 7.20935 10.0833V11.5833ZM7.20935 15.75C7.54278 15.75 8.05558 15.7584 8.47384 15.5708C8.71717 15.4617 8.9419 15.2847 9.10081 15.0175C9.25281 14.7619 9.31443 14.4746 9.32764 14.1875L7.82922 14.1185C7.82342 14.2447 7.80017 14.2699 7.81162 14.2507C7.81787 14.2402 7.82841 14.2269 7.84214 14.2151C7.85512 14.204 7.86341 14.2006 7.86008 14.2021C7.84663 14.2082 7.79576 14.2257 7.67255 14.237C7.55042 14.2482 7.40441 14.25 7.20935 14.25V15.75ZM7.20935 10.0833C6.64056 10.0833 5.97423 10.1291 5.53243 10.5988C5.30662 10.8388 5.20075 11.1246 5.1472 11.3897C5.09514 11.6474 5.08333 11.9334 5.08333 12.2222H6.58333C6.58333 11.9575 6.59599 11.7932 6.6175 11.6867C6.63753 11.5876 6.65436 11.5953 6.62501 11.6265C6.59327 11.6603 6.57962 11.6457 6.66952 11.6244C6.76921 11.6007 6.93438 11.5833 7.20935 11.5833V10.0833ZM7.20935 14.25C6.93438 14.25 6.76921 14.2325 6.66952 14.2089C6.57962 14.1875 6.59327 14.173 6.62501 14.2067C6.65436 14.2379 6.63753 14.2457 6.6175 14.1465C6.59599 14.0401 6.58333 13.8758 6.58333 13.6111H5.08333C5.08333 13.8998 5.09514 14.1859 5.1472 14.4436C5.20075 14.7086 5.30662 14.9944 5.53243 15.2345C5.97423 15.7042 6.64056 15.75 7.20935 15.75V14.25ZM16.7975 10.5705L15.5779 13.8307L16.9829 14.3563L18.2025 11.0961L16.7975 10.5705ZM15.9467 13.8307L14.7271 10.5705L13.3222 11.0961L14.5418 14.3563L15.9467 13.8307ZM15.5779 13.8307C15.5206 13.9841 15.4742 14.108 15.4326 14.2123C15.3904 14.3182 15.3606 14.3847 15.3389 14.4262C15.3135 14.4749 15.3201 14.4479 15.3673 14.4025C15.3951 14.3758 15.4436 14.3363 15.515 14.3036C15.5898 14.2694 15.6746 14.2499 15.7623 14.2499V15.7499C16.0474 15.7499 16.2654 15.6199 16.4067 15.4841C16.5325 15.3632 16.6151 15.2229 16.6685 15.1205C16.7742 14.918 16.8777 14.6374 16.9829 14.3563L15.5779 13.8307ZM14.5418 14.3563C14.6469 14.6374 14.7504 14.918 14.8561 15.1205C14.9096 15.2228 14.9922 15.3632 15.118 15.4841C15.2593 15.6199 15.4772 15.7499 15.7623 15.7499V14.2499C15.8501 14.2499 15.9348 14.2694 16.0097 14.3036C16.0811 14.3363 16.1296 14.3758 16.1573 14.4025C16.2045 14.4479 16.2112 14.4749 16.1858 14.4262C16.1641 14.3847 16.1343 14.3182 16.092 14.2123C16.0505 14.108 16.0041 13.9841 15.9467 13.8307L14.5418 14.3563ZM12.2678 10.0833H11.4574V11.5833H12.2678V10.0833ZM11.4574 14.25H10.5747V15.75H11.4574V14.25ZM11.4574 15.75C11.6091 15.75 11.7604 15.7504 11.8887 15.7416C12.0238 15.7324 12.1873 15.7106 12.3577 15.6401L11.7841 14.2541C11.8268 14.2364 11.8455 14.2411 11.7867 14.2451C11.7212 14.2496 11.6296 14.25 11.4574 14.25V15.75ZM11.4574 13.6666C11.6296 13.6666 11.7212 13.667 11.7867 13.6715C11.8455 13.6755 11.8268 13.6802 11.7841 13.6625L12.3577 12.2765C12.1873 12.206 12.0238 12.1842 11.8887 12.175C11.7604 12.1662 11.6091 12.1666 11.4574 12.1666V13.6666ZM11.4574 12.1666C11.2852 12.1666 11.1936 12.1662 11.1281 12.1618C11.0693 12.1578 11.088 12.1531 11.1307 12.1708L10.5571 13.5568C10.7275 13.6273 10.891 13.6491 11.0261 13.6583C11.1544 13.667 11.3057 13.6666 11.4574 13.6666V12.1666ZM11.4574 10.0833C11.3057 10.0833 11.1544 10.0829 11.0261 10.0917C10.891 10.1009 10.7275 10.1226 10.5571 10.1932L11.1307 11.5792C11.088 11.5968 11.0693 11.5922 11.1281 11.5882C11.1936 11.5837 11.2852 11.5833 11.4574 11.5833V10.0833ZM9.66479 11.875C9.66479 12.0361 9.65694 12.3587 9.74777 12.6618C9.85618 13.0235 10.1032 13.3689 10.5571 13.5568L11.1307 12.1708C11.1226 12.1674 11.1414 12.1745 11.1638 12.2006C11.1842 12.2246 11.1877 12.2414 11.1846 12.2312C11.1805 12.2172 11.1733 12.1841 11.1691 12.1185C11.1647 12.0509 11.1648 11.9785 11.1648 11.875H9.66479ZM11.1648 11.875C11.1648 11.7714 11.1647 11.699 11.1691 11.6314C11.1733 11.5658 11.1805 11.5327 11.1846 11.5188C11.1877 11.5085 11.1842 11.5254 11.1638 11.5493C11.1414 11.5754 11.1226 11.5825 11.1307 11.5792L10.5571 10.1932C10.1032 10.381 9.85618 10.7265 9.74777 11.0882C9.65694 11.3913 9.66479 11.7138 9.66479 11.875H11.1648ZM13.25 13.9431C13.25 13.779 13.2563 13.4602 13.163 13.1583C13.0522 12.7998 12.8045 12.4614 12.3577 12.2765L11.7841 13.6625C11.7923 13.6659 11.7739 13.659 11.7518 13.6335C11.7314 13.6099 11.7273 13.5928 11.7299 13.6013C11.7337 13.6135 11.7408 13.6446 11.7452 13.7075C11.7497 13.7719 11.75 13.8428 11.75 13.9428L13.25 13.9431ZM11.75 13.9738C11.75 14.0738 11.7497 14.1446 11.7452 14.2091C11.7408 14.272 11.7337 14.3031 11.7299 14.3153C11.7273 14.3238 11.7314 14.3067 11.7518 14.2831C11.7739 14.2575 11.7923 14.2507 11.7841 14.2541L12.3577 15.6401C12.8045 15.4552 13.0522 15.1167 13.163 14.7583C13.2563 14.4564 13.25 14.1376 13.25 13.9735L11.75 13.9738ZM12.5 17.5833H8.93939V19.0833H12.5V17.5833ZM3.25 12.2727V10.1515H1.75V12.2727H3.25ZM15.9167 6.51511V8.33329H17.4167V6.51511H15.9167ZM11.5152 2.41663C13.0778 2.41663 13.6667 2.42733 14.1143 2.58446L14.6111 1.16913C13.8613 0.905919 12.9509 0.916626 11.5152 0.916626V2.41663ZM17.4167 6.51511C17.4167 5.81948 17.417 5.2615 17.3871 4.8079C17.3568 4.34761 17.2929 3.94316 17.1406 3.55877L15.7461 4.11139C15.8171 4.29048 15.8649 4.52053 15.8904 4.90662C15.9163 5.29941 15.9167 5.79971 15.9167 6.51511H17.4167ZM14.1143 2.58446C14.8827 2.8542 15.4714 3.41808 15.7461 4.11139L17.1406 3.55877C16.6974 2.44033 15.7677 1.57513 14.6111 1.16913L14.1143 2.58446ZM3.25 10.1515C3.25 8.90693 3.25038 8.00979 3.29722 7.2996C3.34362 6.59611 3.43332 6.12813 3.58803 5.73773L2.19354 5.18511C1.95747 5.7808 1.85177 6.42319 1.80047 7.20088C1.74962 7.97187 1.75 8.92671 1.75 10.1515H3.25ZM11.5152 0.916626C8.95498 0.916626 7.48237 0.905919 6.28355 1.32676L6.78039 2.74208C7.67701 2.42733 8.82804 2.41663 11.5152 2.41663V0.916626ZM3.58803 5.73773C4.13202 4.36502 5.29011 3.26523 6.78039 2.74208L6.28355 1.32676C4.40512 1.98616 2.906 3.38727 2.19354 5.18511L3.58803 5.73773ZM8.93939 17.5833C7.56444 17.5833 6.59125 17.5823 5.8418 17.5042C5.10432 17.4274 4.674 17.2828 4.35119 17.0553L3.48726 18.2815C4.10811 18.719 4.82904 18.9068 5.68631 18.9961C6.53161 19.0842 7.59668 19.0833 8.93939 19.0833V17.5833ZM1.75 12.2727C1.75 13.5334 1.74879 14.5444 1.84344 15.3489C1.94017 16.171 2.1452 16.8682 2.61944 17.4644L3.79339 16.5307C3.56122 16.2388 3.41304 15.8525 3.33316 15.1736C3.25121 14.4771 3.25 13.5697 3.25 12.2727H1.75ZM4.35119 17.0553C4.13817 16.9052 3.95058 16.7283 3.79339 16.5307L2.61944 17.4644C2.86705 17.7757 3.15953 18.0506 3.48726 18.2815L4.35119 17.0553ZM3.25 9.99996C3.25 8.88005 4.15787 7.97218 5.27778 7.97218V6.47218C3.32944 6.47218 1.75 8.05162 1.75 9.99996H3.25ZM7.28379 5.99865C7.22471 6.21912 7.0525 6.39134 6.83202 6.45041L7.22025 7.8993C7.95836 7.70152 8.5349 7.12499 8.73267 6.38688L7.28379 5.99865ZM10.8333 0.916626C8.885 0.916626 7.30556 2.49607 7.30556 4.4444H8.80556C8.80556 3.32449 9.71342 2.41663 10.8333 2.41663V0.916626ZM7.30556 4.4444C7.30556 4.60242 7.31245 4.76305 7.31929 4.91055C7.32638 5.06331 7.33339 5.20186 7.33626 5.33992C7.34208 5.62051 7.32806 5.83341 7.28379 5.99865L8.73267 6.38688C8.83294 6.01267 8.84258 5.62881 8.83593 5.30878C8.83257 5.14654 8.82431 4.98381 8.81768 4.84103C8.81081 4.69299 8.80556 4.56379 8.80556 4.4444H7.30556ZM5.27778 7.97218C5.39717 7.97218 5.52637 7.97744 5.67441 7.98431C5.81719 7.99093 5.97991 7.99919 6.14215 8.00256C6.46219 8.00921 6.84605 7.99957 7.22025 7.8993L6.83202 6.45041C6.66679 6.49469 6.45388 6.50871 6.1733 6.50288C6.03523 6.50002 5.89669 6.49301 5.74392 6.48592C5.59642 6.47908 5.4358 6.47218 5.27778 6.47218L5.27778 7.97218ZM13.25 13.9736V13.943H11.75V13.9736H13.25Z", fill: "#079455" })))), index.h("div", { key: 'a46a51dfe2ff921956ad69fd1057907e4a4c0887', class: `text ${this.state === 'disabled' ? 'disabled' : ''}` }, this.type === 'pdf' ? index.h("p", { class: "text-sm-medium" }, "Export as PDF") : index.h("p", { class: "text-sm-medium" }, "Export as CSV"))), index.h("div", { key: '0b6e3f91c850237d9d46145b6678f859feff751c', class: "arrow" }, index.h("svg", { key: '809731fed30eba7370df3a8836779dccdc46841f', xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", class: `arrow_svg ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("path", { key: '5d26afeea11499d33c844832f1bdd4f7d741bbf9', d: "M6.75004 4.5C6.75004 4.5 11.25 7.8142 11.25 9.00004C11.25 10.1859 6.75 13.5 6.75 13.5", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
18
+ return (index.h("div", { key: 'cfb1446ac460691e252a555179285c99a0e05cb9', class: `export_container ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("div", { key: 'a1dd2ba1549796ccf6b5429dbe392cade614e7cd', class: `content ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("div", { key: 'feba58a2903a601e4cf040a4cd809dd63033af9c', class: `wrapper` }, index.h("div", { key: '17d364cfcb38bec5d40bfe63750800ad71ba1147', class: `container` }, index.h("div", { key: 'ca21a45f5811788a279e8816ca8b56f9e702147e', class: `icon` }, this.type === 'pdf' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `pdf_svg ${this.type} ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("path", { opacity: "0.4", d: "M2.50117 9.15797C2.78483 8.46126 4.09165 7.08156 7.08171 7.08156C7.33288 7.08156 7.99177 6.82886 7.95767 5.45969C7.94376 4.22219 8.39482 1.77401 10.2871 1.66843C10.662 1.66663 11.0697 1.66663 11.5152 1.66663C13.0144 1.66663 13.764 1.66663 14.3627 1.87679C15.3252 2.21467 16.0844 2.92921 16.4434 3.83508C16.6667 4.39856 16.6667 5.10408 16.6667 6.51511V14.1666C16.6667 14.9411 16.6667 15.3283 16.6026 15.6503C16.3396 16.9726 15.3059 18.0062 13.9836 18.2692C13.6616 18.3333 13.2744 18.3333 12.5 18.3333H8.93939C6.22172 18.3333 4.86289 18.3333 3.91922 17.6684C3.64885 17.4779 3.40882 17.252 3.20642 16.9976C2.5 16.1094 2.5 14.8305 2.5 12.2727V10.1515C2.5 9.79565 2.5 9.46547 2.50117 9.15797Z", fill: "#E21B2E" }), index.h("path", { d: "M5.83333 15V12.9166M5.83333 12.9166V11.6666C5.83333 11.2738 5.83333 11.0774 5.96147 10.9553C6.08961 10.8333 6.29585 10.8333 6.70833 10.8333H7.29167C7.89573 10.8333 8.38542 11.2997 8.38542 11.875C8.38542 12.4503 7.89573 12.9166 7.29167 12.9166H5.83333ZM17.5 10.8333H16.4062C15.7188 10.8333 15.3751 10.8333 15.1615 11.0367C14.9479 11.2401 14.9479 11.5675 14.9479 12.2222V12.9166M14.9479 15V12.9166M14.9479 12.9166H16.7708M12.5 18.3333H8.93939C6.22172 18.3333 4.86289 18.3333 3.91922 17.6684C3.64885 17.4779 3.40882 17.252 3.20642 16.9976C2.5 16.1094 2.5 14.8305 2.5 12.2727V10.1515C2.5 7.68217 2.5 6.44751 2.89078 5.46142C3.51901 3.87614 4.84761 2.6257 6.53197 2.03442C7.57969 1.66663 8.89151 1.66663 11.5152 1.66663C13.0144 1.66663 13.764 1.66663 14.3627 1.87679C15.3252 2.21467 16.0844 2.92921 16.4434 3.83508C16.6667 4.39856 16.6667 5.10408 16.6667 6.51511V8.33329M2.5 9.99996C2.5 8.46584 3.74365 7.22218 5.27778 7.22218C5.8326 7.22218 6.4867 7.3194 7.02614 7.17486C7.50543 7.04643 7.8798 6.67206 8.00823 6.19276C8.15277 5.65332 8.05556 4.99922 8.05556 4.4444C8.05556 2.91028 9.29921 1.66663 10.8333 1.66663M13.125 12.9166C13.125 14.0672 12.1456 15 10.9375 15C10.6649 15 10.5286 15 10.4271 14.9441C10.184 14.8105 10.2083 14.5399 10.2083 14.3055V11.5277C10.2083 11.2933 10.184 11.0228 10.4271 10.8891C10.5286 10.8333 10.6649 10.8333 10.9375 10.8333C12.1456 10.8333 13.125 11.766 13.125 12.9166Z", stroke: "#E21B2E", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `csv_svg ${this.type} ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("path", { opacity: "0.4", d: "M2.50141 9.15797C2.78507 8.46126 4.0919 7.08156 7.08195 7.08156C7.33312 7.08156 7.99201 6.82886 7.95791 5.45969C7.94401 4.22219 8.39506 1.77401 10.2873 1.66843C10.6623 1.66663 11.0699 1.66663 11.5154 1.66663C13.0146 1.66663 13.7642 1.66663 14.3629 1.87679C15.3254 2.21467 16.0846 2.92921 16.4436 3.83508C16.6669 4.39856 16.6669 5.10408 16.6669 6.51511V14.1666C16.6669 14.9411 16.6669 15.3283 16.6029 15.6503C16.3398 16.9726 15.3062 18.0062 13.9839 18.2692C13.6619 18.3333 13.2747 18.3333 12.5002 18.3333H8.93964C6.22197 18.3333 4.86313 18.3333 3.91947 17.6684C3.64909 17.4779 3.40906 17.252 3.20666 16.9976C2.50024 16.1094 2.50024 14.8305 2.50024 12.2727V10.1515C2.50024 9.79565 2.50024 9.46547 2.50141 9.15797Z", fill: "#079455" }), index.h("path", { d: "M7.82922 11.7147C7.84826 12.1285 8.19913 12.4485 8.6129 12.4294C9.02668 12.4104 9.34668 12.0595 9.32764 11.6458L7.82922 11.7147ZM9.32764 14.1875C9.34668 13.7737 9.02668 13.4229 8.6129 13.4038C8.19913 13.3848 7.84826 13.7048 7.82922 14.1185L9.32764 14.1875ZM18.2025 11.0961C18.3476 10.7081 18.1507 10.276 17.7628 10.1308C17.3748 9.98571 16.9427 10.1826 16.7975 10.5705L18.2025 11.0961ZM16.2804 14.0935L15.5779 13.8307L16.2804 14.0935ZM15.2442 14.0935L15.9467 13.8307L15.9467 13.8307L15.2442 14.0935ZM14.7271 10.5705C14.582 10.1826 14.1498 9.98571 13.7619 10.1308C13.3739 10.276 13.1771 10.7081 13.3222 11.0961L14.7271 10.5705ZM12.2678 11.5833C12.682 11.5833 13.0178 11.2475 13.0178 10.8333C13.0178 10.4191 12.682 10.0833 12.2678 10.0833V11.5833ZM10.5747 14.25C10.1605 14.25 9.82472 14.5857 9.82472 15C9.82472 15.4142 10.1605 15.75 10.5747 15.75V14.25ZM12.0709 14.9471L11.7841 14.2541H11.7841L12.0709 14.9471ZM12.0709 12.9695L12.3577 12.2765V12.2765L12.0709 12.9695ZM10.8439 12.8638L10.5571 13.5568H10.5571L10.8439 12.8638ZM10.8439 10.8862L10.5571 10.1932L10.8439 10.8862ZM12.5 13.943L11.75 13.9428V13.943H12.5ZM12.5 13.9736H11.75V13.9738L12.5 13.9736ZM12.5 19.0833C12.9142 19.0833 13.25 18.7475 13.25 18.3333C13.25 17.9191 12.9142 17.5833 12.5 17.5833V19.0833ZM15.9167 8.33329C15.9167 8.74751 16.2525 9.08329 16.6667 9.08329C17.0809 9.08329 17.4167 8.74751 17.4167 8.33329H15.9167ZM14.3627 1.87679L14.6111 1.16913V1.16913L14.3627 1.87679ZM16.4434 3.83508L17.1406 3.55877L16.4434 3.83508ZM2.89078 5.46142L3.58803 5.73773L2.89078 5.46142ZM6.53197 2.03442L6.78039 2.74208L6.78039 2.74208L6.53197 2.03442ZM3.91922 17.6684L3.48726 18.2815H3.48726L3.91922 17.6684ZM3.20642 16.9976L3.79339 16.5307H3.79339L3.20642 16.9976ZM1.75 9.99996C1.75 10.4142 2.08579 10.75 2.5 10.75C2.91421 10.75 3.25 10.4142 3.25 9.99996H1.75ZM5.27778 7.22218V7.97218H5.27778L5.27778 7.22218ZM8.00823 6.19276L8.73267 6.38688L8.00823 6.19276ZM7.02614 7.17486L7.22025 7.8993L7.22025 7.8993L7.02614 7.17486ZM10.8333 2.41663C11.2475 2.41663 11.5833 2.08084 11.5833 1.66663C11.5833 1.25241 11.2475 0.916626 10.8333 0.916626V2.41663ZM6.58333 13.6111V12.2222H5.08333V13.6111H6.58333ZM7.20935 11.5833C7.40441 11.5833 7.55042 11.585 7.67255 11.5962C7.79576 11.6076 7.84664 11.6251 7.86008 11.6311C7.86341 11.6326 7.85512 11.6293 7.84214 11.6181C7.82841 11.6064 7.81787 11.5931 7.81162 11.5826C7.80017 11.5633 7.82342 11.5885 7.82922 11.7147L9.32764 11.6458C9.31443 11.3586 9.25281 11.0713 9.10081 10.8158C8.94191 10.5486 8.71717 10.3715 8.47384 10.2624C8.05559 10.0749 7.54278 10.0833 7.20935 10.0833V11.5833ZM7.20935 15.75C7.54278 15.75 8.05558 15.7584 8.47384 15.5708C8.71717 15.4617 8.9419 15.2847 9.10081 15.0175C9.25281 14.7619 9.31443 14.4746 9.32764 14.1875L7.82922 14.1185C7.82342 14.2447 7.80017 14.2699 7.81162 14.2507C7.81787 14.2402 7.82841 14.2269 7.84214 14.2151C7.85512 14.204 7.86341 14.2006 7.86008 14.2021C7.84663 14.2082 7.79576 14.2257 7.67255 14.237C7.55042 14.2482 7.40441 14.25 7.20935 14.25V15.75ZM7.20935 10.0833C6.64056 10.0833 5.97423 10.1291 5.53243 10.5988C5.30662 10.8388 5.20075 11.1246 5.1472 11.3897C5.09514 11.6474 5.08333 11.9334 5.08333 12.2222H6.58333C6.58333 11.9575 6.59599 11.7932 6.6175 11.6867C6.63753 11.5876 6.65436 11.5953 6.62501 11.6265C6.59327 11.6603 6.57962 11.6457 6.66952 11.6244C6.76921 11.6007 6.93438 11.5833 7.20935 11.5833V10.0833ZM7.20935 14.25C6.93438 14.25 6.76921 14.2325 6.66952 14.2089C6.57962 14.1875 6.59327 14.173 6.62501 14.2067C6.65436 14.2379 6.63753 14.2457 6.6175 14.1465C6.59599 14.0401 6.58333 13.8758 6.58333 13.6111H5.08333C5.08333 13.8998 5.09514 14.1859 5.1472 14.4436C5.20075 14.7086 5.30662 14.9944 5.53243 15.2345C5.97423 15.7042 6.64056 15.75 7.20935 15.75V14.25ZM16.7975 10.5705L15.5779 13.8307L16.9829 14.3563L18.2025 11.0961L16.7975 10.5705ZM15.9467 13.8307L14.7271 10.5705L13.3222 11.0961L14.5418 14.3563L15.9467 13.8307ZM15.5779 13.8307C15.5206 13.9841 15.4742 14.108 15.4326 14.2123C15.3904 14.3182 15.3606 14.3847 15.3389 14.4262C15.3135 14.4749 15.3201 14.4479 15.3673 14.4025C15.3951 14.3758 15.4436 14.3363 15.515 14.3036C15.5898 14.2694 15.6746 14.2499 15.7623 14.2499V15.7499C16.0474 15.7499 16.2654 15.6199 16.4067 15.4841C16.5325 15.3632 16.6151 15.2229 16.6685 15.1205C16.7742 14.918 16.8777 14.6374 16.9829 14.3563L15.5779 13.8307ZM14.5418 14.3563C14.6469 14.6374 14.7504 14.918 14.8561 15.1205C14.9096 15.2228 14.9922 15.3632 15.118 15.4841C15.2593 15.6199 15.4772 15.7499 15.7623 15.7499V14.2499C15.8501 14.2499 15.9348 14.2694 16.0097 14.3036C16.0811 14.3363 16.1296 14.3758 16.1573 14.4025C16.2045 14.4479 16.2112 14.4749 16.1858 14.4262C16.1641 14.3847 16.1343 14.3182 16.092 14.2123C16.0505 14.108 16.0041 13.9841 15.9467 13.8307L14.5418 14.3563ZM12.2678 10.0833H11.4574V11.5833H12.2678V10.0833ZM11.4574 14.25H10.5747V15.75H11.4574V14.25ZM11.4574 15.75C11.6091 15.75 11.7604 15.7504 11.8887 15.7416C12.0238 15.7324 12.1873 15.7106 12.3577 15.6401L11.7841 14.2541C11.8268 14.2364 11.8455 14.2411 11.7867 14.2451C11.7212 14.2496 11.6296 14.25 11.4574 14.25V15.75ZM11.4574 13.6666C11.6296 13.6666 11.7212 13.667 11.7867 13.6715C11.8455 13.6755 11.8268 13.6802 11.7841 13.6625L12.3577 12.2765C12.1873 12.206 12.0238 12.1842 11.8887 12.175C11.7604 12.1662 11.6091 12.1666 11.4574 12.1666V13.6666ZM11.4574 12.1666C11.2852 12.1666 11.1936 12.1662 11.1281 12.1618C11.0693 12.1578 11.088 12.1531 11.1307 12.1708L10.5571 13.5568C10.7275 13.6273 10.891 13.6491 11.0261 13.6583C11.1544 13.667 11.3057 13.6666 11.4574 13.6666V12.1666ZM11.4574 10.0833C11.3057 10.0833 11.1544 10.0829 11.0261 10.0917C10.891 10.1009 10.7275 10.1226 10.5571 10.1932L11.1307 11.5792C11.088 11.5968 11.0693 11.5922 11.1281 11.5882C11.1936 11.5837 11.2852 11.5833 11.4574 11.5833V10.0833ZM9.66479 11.875C9.66479 12.0361 9.65694 12.3587 9.74777 12.6618C9.85618 13.0235 10.1032 13.3689 10.5571 13.5568L11.1307 12.1708C11.1226 12.1674 11.1414 12.1745 11.1638 12.2006C11.1842 12.2246 11.1877 12.2414 11.1846 12.2312C11.1805 12.2172 11.1733 12.1841 11.1691 12.1185C11.1647 12.0509 11.1648 11.9785 11.1648 11.875H9.66479ZM11.1648 11.875C11.1648 11.7714 11.1647 11.699 11.1691 11.6314C11.1733 11.5658 11.1805 11.5327 11.1846 11.5188C11.1877 11.5085 11.1842 11.5254 11.1638 11.5493C11.1414 11.5754 11.1226 11.5825 11.1307 11.5792L10.5571 10.1932C10.1032 10.381 9.85618 10.7265 9.74777 11.0882C9.65694 11.3913 9.66479 11.7138 9.66479 11.875H11.1648ZM13.25 13.9431C13.25 13.779 13.2563 13.4602 13.163 13.1583C13.0522 12.7998 12.8045 12.4614 12.3577 12.2765L11.7841 13.6625C11.7923 13.6659 11.7739 13.659 11.7518 13.6335C11.7314 13.6099 11.7273 13.5928 11.7299 13.6013C11.7337 13.6135 11.7408 13.6446 11.7452 13.7075C11.7497 13.7719 11.75 13.8428 11.75 13.9428L13.25 13.9431ZM11.75 13.9738C11.75 14.0738 11.7497 14.1446 11.7452 14.2091C11.7408 14.272 11.7337 14.3031 11.7299 14.3153C11.7273 14.3238 11.7314 14.3067 11.7518 14.2831C11.7739 14.2575 11.7923 14.2507 11.7841 14.2541L12.3577 15.6401C12.8045 15.4552 13.0522 15.1167 13.163 14.7583C13.2563 14.4564 13.25 14.1376 13.25 13.9735L11.75 13.9738ZM12.5 17.5833H8.93939V19.0833H12.5V17.5833ZM3.25 12.2727V10.1515H1.75V12.2727H3.25ZM15.9167 6.51511V8.33329H17.4167V6.51511H15.9167ZM11.5152 2.41663C13.0778 2.41663 13.6667 2.42733 14.1143 2.58446L14.6111 1.16913C13.8613 0.905919 12.9509 0.916626 11.5152 0.916626V2.41663ZM17.4167 6.51511C17.4167 5.81948 17.417 5.2615 17.3871 4.8079C17.3568 4.34761 17.2929 3.94316 17.1406 3.55877L15.7461 4.11139C15.8171 4.29048 15.8649 4.52053 15.8904 4.90662C15.9163 5.29941 15.9167 5.79971 15.9167 6.51511H17.4167ZM14.1143 2.58446C14.8827 2.8542 15.4714 3.41808 15.7461 4.11139L17.1406 3.55877C16.6974 2.44033 15.7677 1.57513 14.6111 1.16913L14.1143 2.58446ZM3.25 10.1515C3.25 8.90693 3.25038 8.00979 3.29722 7.2996C3.34362 6.59611 3.43332 6.12813 3.58803 5.73773L2.19354 5.18511C1.95747 5.7808 1.85177 6.42319 1.80047 7.20088C1.74962 7.97187 1.75 8.92671 1.75 10.1515H3.25ZM11.5152 0.916626C8.95498 0.916626 7.48237 0.905919 6.28355 1.32676L6.78039 2.74208C7.67701 2.42733 8.82804 2.41663 11.5152 2.41663V0.916626ZM3.58803 5.73773C4.13202 4.36502 5.29011 3.26523 6.78039 2.74208L6.28355 1.32676C4.40512 1.98616 2.906 3.38727 2.19354 5.18511L3.58803 5.73773ZM8.93939 17.5833C7.56444 17.5833 6.59125 17.5823 5.8418 17.5042C5.10432 17.4274 4.674 17.2828 4.35119 17.0553L3.48726 18.2815C4.10811 18.719 4.82904 18.9068 5.68631 18.9961C6.53161 19.0842 7.59668 19.0833 8.93939 19.0833V17.5833ZM1.75 12.2727C1.75 13.5334 1.74879 14.5444 1.84344 15.3489C1.94017 16.171 2.1452 16.8682 2.61944 17.4644L3.79339 16.5307C3.56122 16.2388 3.41304 15.8525 3.33316 15.1736C3.25121 14.4771 3.25 13.5697 3.25 12.2727H1.75ZM4.35119 17.0553C4.13817 16.9052 3.95058 16.7283 3.79339 16.5307L2.61944 17.4644C2.86705 17.7757 3.15953 18.0506 3.48726 18.2815L4.35119 17.0553ZM3.25 9.99996C3.25 8.88005 4.15787 7.97218 5.27778 7.97218V6.47218C3.32944 6.47218 1.75 8.05162 1.75 9.99996H3.25ZM7.28379 5.99865C7.22471 6.21912 7.0525 6.39134 6.83202 6.45041L7.22025 7.8993C7.95836 7.70152 8.5349 7.12499 8.73267 6.38688L7.28379 5.99865ZM10.8333 0.916626C8.885 0.916626 7.30556 2.49607 7.30556 4.4444H8.80556C8.80556 3.32449 9.71342 2.41663 10.8333 2.41663V0.916626ZM7.30556 4.4444C7.30556 4.60242 7.31245 4.76305 7.31929 4.91055C7.32638 5.06331 7.33339 5.20186 7.33626 5.33992C7.34208 5.62051 7.32806 5.83341 7.28379 5.99865L8.73267 6.38688C8.83294 6.01267 8.84258 5.62881 8.83593 5.30878C8.83257 5.14654 8.82431 4.98381 8.81768 4.84103C8.81081 4.69299 8.80556 4.56379 8.80556 4.4444H7.30556ZM5.27778 7.97218C5.39717 7.97218 5.52637 7.97744 5.67441 7.98431C5.81719 7.99093 5.97991 7.99919 6.14215 8.00256C6.46219 8.00921 6.84605 7.99957 7.22025 7.8993L6.83202 6.45041C6.66679 6.49469 6.45388 6.50871 6.1733 6.50288C6.03523 6.50002 5.89669 6.49301 5.74392 6.48592C5.59642 6.47908 5.4358 6.47218 5.27778 6.47218L5.27778 7.97218ZM13.25 13.9736V13.943H11.75V13.9736H13.25Z", fill: "#079455" })))), index.h("div", { key: '4bb0938b6c5dcce55e3583f0185dae1d36a344ff', class: `text ${this.state === 'disabled' ? 'disabled' : ''}` }, this.type === 'pdf' ? index.h("p", { class: "text-sm-medium" }, "Export as PDF") : index.h("p", { class: "text-sm-medium" }, "Export as CSV"))), index.h("div", { key: 'f86247b40b929476470d69d79b4530db4e72b7ad', class: "arrow" }, index.h("svg", { key: 'd57175583b728db8ad34e72734cfc79cb589558e', xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", class: `arrow_svg ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("path", { key: 'cad80d7d23982afcdc0a7a160dbefa16f6855824', d: "M6.75004 4.5C6.75004 4.5 11.25 7.8142 11.25 9.00004C11.25 10.1859 6.75 13.5 6.75 13.5", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
19
19
  }
20
20
  get el() { return index.getElement(this); }
21
21
  };
@@ -39,7 +39,7 @@ const GbExportSubDropdown = class {
39
39
  }
40
40
  }
41
41
  render() {
42
- return (index.h("div", { key: 'c8b9c8490ecbdb9f3386b1df5b373e570cdfd231', class: `sub_dropdown_container` }, index.h("gb-export-sub-dropdown-item", { key: '336479360696cbf834123da7939fd33b7b6cc0d1', icon: "assets/database.svg" }, index.h("slot", { key: '55ed19e5300c67b598302a6a780004727f9432ab', name: "label_one", slot: "label" })), index.h("gb-export-sub-dropdown-item", { key: 'd6a3765459652961f433b86d9c7d31ab2c750deb', icon: "assets/laptop.svg" }, index.h("slot", { key: '144297628db68c54c90fc6ce1bc3ab8c8fd2b504', name: "label_two", slot: "label" })), index.h("gb-export-sub-dropdown-item", { key: '5fe9f1c7550016a891f859f08636d8529c507288', icon: "assets/filter-horizontal.svg" }, index.h("slot", { key: '2b2d9399b753cd101b4a647883bce0db9bd89baf', name: "label_three", slot: "label" }))));
42
+ return (index.h("div", { key: '9496be9ad307730d570efcc1ab07d9f43b97b4f7', class: `sub_dropdown_container` }, index.h("gb-export-sub-dropdown-item", { key: '467bd03b12eb94ce3d782f6ff802b973c5b17155', icon: "assets/database.svg" }, index.h("slot", { key: 'c5f1a7deece29782f1c4ef3e8b842bb8c8e3f347', name: "label_one", slot: "label" })), index.h("gb-export-sub-dropdown-item", { key: '847c69546bc26a7657f57f53fddf43d6189c2ac4', icon: "assets/laptop.svg" }, index.h("slot", { key: 'fd821f29ee00ca8345d64b45267508bf5bca03ab', name: "label_two", slot: "label" })), index.h("gb-export-sub-dropdown-item", { key: '1976404a0f342f2acc02eddf6b6c9c91cf8b175d', icon: "assets/filter-horizontal.svg" }, index.h("slot", { key: '720b05fe497bf834c1bbf5afefd831260682b991', name: "label_three", slot: "label" }))));
43
43
  }
44
44
  get el() { return index.getElement(this); }
45
45
  };
package/dist/cjs/gb-export-dropdown.cjs.entry.js CHANGED
@@ -21,7 +21,7 @@ const GbExportDropdown = class {
21
21
  // console.log({ exportType, dataType });
22
22
  }
23
23
  render() {
24
- return (index.h(index.Fragment, null, index.h("div", { key: '3324ef545f703a0834cfc9ca4026c672652d44cd', class: `export_dropdown` }, index.h("gb-export-dropdown-item", { key: '9a15a6cb0476f86b5754854bc834b1f11faaece3', type: "pdf", state: reusableModels.StateEnum.Default, onMouseOver: () => (this.showFirstSubDropdown = true), onMouseOut: () => (this.showFirstSubDropdown = false) }), index.h("gb-export-dropdown-item", { key: '3d8da2cf45fb748e1ab3b3996d24a84d2846e9c4', type: "csv", state: reusableModels.StateEnum.Default, onMouseOver: () => (this.showSecondSubDropdown = true), onMouseOut: () => (this.showSecondSubDropdown = false) })), this.showFirstSubDropdown && (index.h("gb-export-sub-dropdown", { key: '0d356c40f9912fe5ca95e583519b4ca854073805', class: `first_dropdown`, onMouseOver: () => (this.showFirstSubDropdown = true), onMouseOut: () => (this.showFirstSubDropdown = false) }, index.h("p", { key: '5c10cc282d6bb7db4993f7b35dcbc68a4b506d71', slot: "label_one", onClick: () => this.onExportClicked('pdf', 'entire_data') }, "Entire Data"), index.h("p", { key: '1a7870f3412c8a039c41d642957fe6622cc40005', slot: "label_two", onClick: () => this.onExportClicked('pdf', 'data_on_view') }, "Data on view"), index.h("p", { key: 'db957381c73fe215cc9a6f070375aa1402d8184d', slot: "label_three", onClick: () => this.onExportClicked('pdf', 'filtered_data') }, "Filtered Data"))), this.showSecondSubDropdown && (index.h("gb-export-sub-dropdown", { key: '70771530247979e1d92e9b53935391469c929845', class: `second_dropdown`, onMouseOver: () => (this.showSecondSubDropdown = true), onMouseOut: () => (this.showSecondSubDropdown = false) }, index.h("p", { key: 'c77b3856938daaef9c676ac30010e8fabf3a57bf', slot: "label_one", onClick: () => this.onExportClicked('csv', 'entire_data') }, "Entire Data"), index.h("p", { key: '30259b84fd1617b606d4595332349062916141a0', slot: "label_two", onClick: () => this.onExportClicked('csv', 'data_on_view') }, "Data on view"), index.h("p", { key: 'f358d0d229145d93e05b8ce21ace8db74be57c38', slot: "label_three", onClick: () => this.onExportClicked('csv', 'filtered_data') }, "Filtered Data")))));
24
+ return (index.h(index.Fragment, null, index.h("div", { key: 'b482f67dc0e5e0cf1b8c5b8c1a8189a130312c70', class: `export_dropdown` }, index.h("gb-export-dropdown-item", { key: '1c100e3ab48987760caf2bdc0f76d8f3263b0258', type: "pdf", state: reusableModels.StateEnum.Default, onMouseOver: () => (this.showFirstSubDropdown = true), onMouseOut: () => (this.showFirstSubDropdown = false) }), index.h("gb-export-dropdown-item", { key: '2a7a18ec7bbb23d9e67059f9170a8c3f925417a6', type: "csv", state: reusableModels.StateEnum.Default, onMouseOver: () => (this.showSecondSubDropdown = true), onMouseOut: () => (this.showSecondSubDropdown = false) })), this.showFirstSubDropdown && (index.h("gb-export-sub-dropdown", { key: '3e4bde390f1dd5c929944a07e71a45b3ae639f6b', class: `first_dropdown`, onMouseOver: () => (this.showFirstSubDropdown = true), onMouseOut: () => (this.showFirstSubDropdown = false) }, index.h("p", { key: 'dae041eb420bc77bdcca20d22913746ec377468f', slot: "label_one", onClick: () => this.onExportClicked('pdf', 'entire_data') }, "Entire Data"), index.h("p", { key: 'aa7855c308aa0335020a60ef9feb2485ef26e666', slot: "label_two", onClick: () => this.onExportClicked('pdf', 'data_on_view') }, "Data on view"), index.h("p", { key: 'ee83c2688adae011e6c0bcb5334854ed05dccf19', slot: "label_three", onClick: () => this.onExportClicked('pdf', 'filtered_data') }, "Filtered Data"))), this.showSecondSubDropdown && (index.h("gb-export-sub-dropdown", { key: '07921faac5a05f11442791f96ad3f99851705a0c', class: `second_dropdown`, onMouseOver: () => (this.showSecondSubDropdown = true), onMouseOut: () => (this.showSecondSubDropdown = false) }, index.h("p", { key: '6784e0eabf5c235a10539346795a1b59fd7cf636', slot: "label_one", onClick: () => this.onExportClicked('csv', 'entire_data') }, "Entire Data"), index.h("p", { key: '4097c87e358ebebd55b1ad62dd0f072be76b9f55', slot: "label_two", onClick: () => this.onExportClicked('csv', 'data_on_view') }, "Data on view"), index.h("p", { key: 'fc12e10c963c3a9c30326c600d720af20004dc24', slot: "label_three", onClick: () => this.onExportClicked('csv', 'filtered_data') }, "Filtered Data")))));
25
25
  }
26
26
  get el() { return index.getElement(this); }
27
27
  };
package/dist/cjs/gb-export-sub-dropdown-item.cjs.entry.js CHANGED
@@ -31,7 +31,7 @@ const GbExportSubDropdownItem = class {
31
31
  this.loadIcon(this.icon);
32
32
  }
33
33
  render() {
34
- return (index.h("div", { key: '112ef152378ad929d066400fbb9c70a6c21dbda2', class: `sub_dropdown_div ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("div", { key: 'a7b3a00caa39ce08c86d215f9b884cf2e77bae24', class: `content` }, index.h("div", { key: '2c3233ae808b0be01af1f8fbb51edd08074b39e4', class: `text_and_suppporting_text` }, index.h("div", { key: 'ce1d067c2cce30c0a82b2713254a8f7a21df0223', class: `icon ${this.state}`, innerHTML: this.leadingIconSvg }), index.h("div", { key: '6323db4c9250d646f89fdefb88357bcd11145aab', class: `text` }, index.h("slot", { key: '30c5adfcc84ef16cf25ac778e363f57b5505debc', name: "label" }))))));
34
+ return (index.h("div", { key: '868371fe9e31fdc7e334107eb2bbe9b0da0d55ba', class: `sub_dropdown_div ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("div", { key: 'a4e764e734efdc741dae4e7d2f834a0a39a5a642', class: `content` }, index.h("div", { key: '3d06a980cdc64582170ed6c53e4da9cc483bdcdb', class: `text_and_suppporting_text` }, index.h("div", { key: '26a80becc65dcb681c3947259c26513e2f3a0a8c', class: `icon ${this.state}`, innerHTML: this.leadingIconSvg }), index.h("div", { key: 'bf04fca5052897bceb8e54644f07b26c11ccdd29', class: `text` }, index.h("slot", { key: '053c757bcf5665428830deaf56e62013c881e4a0', name: "label" }))))));
35
35
  }
36
36
  get el() { return index.getElement(this); }
37
37
  };