globuswebcomponents 2.18.12 → 2.18.13

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 (100) hide show
  1. package/dist/cjs/gb-accordion-card_90.cjs.entry.js +33 -33
  2. package/dist/collection/components/gb-checkbox-base/gb-checkbox-base.js +14 -14
  3. package/dist/collection/components/gb-checkbox-base/gb-checkbox-base.js.map +1 -1
  4. package/dist/collection/components/gb-detail-cell/gb-detail-cell.css +4 -7
  5. package/dist/collection/components/gb-detail-cell/gb-detail-cell.js +11 -11
  6. package/dist/collection/components/gb-detail-cell/gb-detail-cell.js.map +1 -1
  7. package/dist/collection/components/gb-empty-state/gb-empty-state.js +1 -1
  8. package/dist/collection/components/gb-empty-state/gb-empty-state.js.map +1 -1
  9. package/dist/collection/components/gb-header/gb-header.js +3 -3
  10. package/dist/collection/components/gb-header/gb-header.js.map +1 -1
  11. package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.css +5 -6
  12. package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.css +63 -46
  13. package/dist/components/gb-action-panel.js +2 -2
  14. package/dist/components/gb-approval-modal.js +5 -5
  15. package/dist/components/gb-avatar-dropdown.js +1 -1
  16. package/dist/components/gb-button-group-base.js +1 -1
  17. package/dist/components/gb-button-group.js +1 -1
  18. package/dist/components/gb-checkbox-base.js +1 -1
  19. package/dist/components/gb-checkbox-group-item.js +1 -1
  20. package/dist/components/gb-checkbox-group.js +3 -3
  21. package/dist/components/gb-checkbox.js +1 -1
  22. package/dist/components/gb-contact-help-dropdown.js +1 -1
  23. package/dist/components/gb-detail-cell.js +12 -12
  24. package/dist/components/gb-detail-cell.js.map +1 -1
  25. package/dist/components/gb-dropdown-items-with-shortcut.js +1 -1
  26. package/dist/components/gb-empty-state.js +1 -1
  27. package/dist/components/gb-filter-modal.js +1 -1
  28. package/dist/components/gb-header.js +11 -11
  29. package/dist/components/gb-header.js.map +1 -1
  30. package/dist/components/gb-help-dropdown.js +1 -1
  31. package/dist/components/gb-horizontal-tabs.js +1 -1
  32. package/dist/components/gb-input-dropdown-menu-item.js +1 -1
  33. package/dist/components/gb-input-dropdown.js +1 -1
  34. package/dist/components/gb-input-field.js +1 -1
  35. package/dist/components/gb-modal-action.js +1 -1
  36. package/dist/components/gb-modal.js +3 -3
  37. package/dist/components/gb-nav-bar-sidemenu.js +2 -2
  38. package/dist/components/gb-nav-bar.js +3 -3
  39. package/dist/components/gb-pagination.js +1 -1
  40. package/dist/components/gb-prompt-modal.js +2 -2
  41. package/dist/components/gb-rich-text.js +6 -6
  42. package/dist/components/gb-tab-button-base.js +1 -1
  43. package/dist/components/gb-table-header.js +1 -1
  44. package/dist/components/gb-table.js +13 -13
  45. package/dist/components/gb-textarea-input-field.js +1 -1
  46. package/dist/components/gb-vertical-tabs.js +1 -1
  47. package/dist/components/gb-wysiwyg-toolbar.js +1 -1
  48. package/dist/components/{p-DbzohbgL.js → p-0XfqdveN.js} +5 -5
  49. package/dist/components/{p-DbzohbgL.js.map → p-0XfqdveN.js.map} +1 -1
  50. package/dist/components/{p-WViuVrQy.js → p-50-MU8l3.js} +3 -3
  51. package/dist/components/{p-WViuVrQy.js.map → p-50-MU8l3.js.map} +1 -1
  52. package/dist/components/{p-BEwtnG4L.js → p-BE9pk1IO.js} +16 -16
  53. package/dist/components/p-BE9pk1IO.js.map +1 -0
  54. package/dist/components/{p-G7pmbfdS.js → p-BSq4jXcd.js} +7 -7
  55. package/dist/components/{p-G7pmbfdS.js.map → p-BSq4jXcd.js.map} +1 -1
  56. package/dist/components/{p-BvrXxkVq.js → p-BnuUfALL.js} +5 -5
  57. package/dist/components/{p-BvrXxkVq.js.map → p-BnuUfALL.js.map} +1 -1
  58. package/dist/components/{p-DC-GdKb9.js → p-ByOyexVq.js} +5 -5
  59. package/dist/components/{p-DC-GdKb9.js.map → p-ByOyexVq.js.map} +1 -1
  60. package/dist/components/{p-BHhON5Dd.js → p-C10cSQmz.js} +7 -7
  61. package/dist/components/{p-BHhON5Dd.js.map → p-C10cSQmz.js.map} +1 -1
  62. package/dist/components/{p-wSX9ESyM.js → p-CXWQ1FqP.js} +4 -4
  63. package/dist/components/{p-wSX9ESyM.js.map → p-CXWQ1FqP.js.map} +1 -1
  64. package/dist/components/{p-ne-DYx4m.js → p-CgzfEtNd.js} +5 -5
  65. package/dist/components/{p-ne-DYx4m.js.map → p-CgzfEtNd.js.map} +1 -1
  66. package/dist/components/{p-D1YtnYlP.js → p-Ch81iN03.js} +7 -7
  67. package/dist/components/{p-D1YtnYlP.js.map → p-Ch81iN03.js.map} +1 -1
  68. package/dist/components/{p-CbeOCjT9.js → p-ChBzZFWB.js} +5 -5
  69. package/dist/components/{p-CbeOCjT9.js.map → p-ChBzZFWB.js.map} +1 -1
  70. package/dist/components/{p-BW5uty1D.js → p-Ct6zlHGe.js} +5 -5
  71. package/dist/components/{p-BW5uty1D.js.map → p-Ct6zlHGe.js.map} +1 -1
  72. package/dist/components/{p-D7cy0bt4.js → p-CyR5zhyE.js} +4 -4
  73. package/dist/components/{p-D7cy0bt4.js.map → p-CyR5zhyE.js.map} +1 -1
  74. package/dist/components/{p-BdAdVQiw.js → p-DDldZplG.js} +4 -4
  75. package/dist/components/{p-BdAdVQiw.js.map → p-DDldZplG.js.map} +1 -1
  76. package/dist/components/{p-BYumNxPo.js → p-DdsNQNgw.js} +8 -8
  77. package/dist/components/{p-BYumNxPo.js.map → p-DdsNQNgw.js.map} +1 -1
  78. package/dist/components/{p-DD80yu7f.js → p-Dm2bLTpD.js} +4 -4
  79. package/dist/components/{p-DD80yu7f.js.map → p-Dm2bLTpD.js.map} +1 -1
  80. package/dist/components/{p-yOQA8XKN.js → p-J3FBLJGw.js} +3 -3
  81. package/dist/components/p-J3FBLJGw.js.map +1 -0
  82. package/dist/components/{p-eVx9Cuj0.js → p-OVoS3dKe.js} +3 -3
  83. package/dist/components/{p-eVx9Cuj0.js.map → p-OVoS3dKe.js.map} +1 -1
  84. package/dist/components/{p-DQZrML2g.js → p-QozaO5Hk.js} +5 -5
  85. package/dist/components/{p-DQZrML2g.js.map → p-QozaO5Hk.js.map} +1 -1
  86. package/dist/components/{p-B2D1-I94.js → p-jw9vcCXi.js} +3 -3
  87. package/dist/components/{p-B2D1-I94.js.map → p-jw9vcCXi.js.map} +1 -1
  88. package/dist/components/{p-Dd9ivmkx.js → p-nzIz4zbi.js} +4 -4
  89. package/dist/components/{p-Dd9ivmkx.js.map → p-nzIz4zbi.js.map} +1 -1
  90. package/dist/components/test-input-tag.js +3 -3
  91. package/dist/docs.json +1 -1
  92. package/dist/esm/gb-accordion-card_90.entry.js +33 -33
  93. package/dist/globuscomponents/globuscomponents.esm.js +1 -1
  94. package/dist/globuscomponents/{p-261b348d.entry.js → p-06d002c9.entry.js} +2 -2
  95. package/dist/globuscomponents/p-06d002c9.entry.js.map +1 -0
  96. package/dist/types/components/gb-detail-cell/gb-detail-cell.d.ts +0 -2
  97. package/package.json +1 -1
  98. package/dist/components/p-BEwtnG4L.js.map +0 -1
  99. package/dist/components/p-yOQA8XKN.js.map +0 -1
  100. package/dist/globuscomponents/p-261b348d.entry.js.map +0 -1
package/dist/components/{p-DbzohbgL.js → p-0XfqdveN.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h } from './p-CD7FeUx5.js';
2
- import { d as defineCustomElement$3 } from './p-eVx9Cuj0.js';
3
- import { d as defineCustomElement$2 } from './p-BEwtnG4L.js';
4
- import { d as defineCustomElement$1 } from './p-BdAdVQiw.js';
2
+ import { d as defineCustomElement$3 } from './p-OVoS3dKe.js';
3
+ import { d as defineCustomElement$2 } from './p-BE9pk1IO.js';
4
+ import { d as defineCustomElement$1 } from './p-DDldZplG.js';
5
5
 
6
6
  const gbContactHelpDropdownCss = "@import url('https://fonts.googleapis.com/css2?family=Sora&display=swap');\n/**\n * Global styles for portal-based dropdowns\n * Applied outside shadow DOM context\n */\n.portal_dropdown_wrapper {\n width: -moz-fit-content;\n width: fit-content;\n border-radius: var(--rounded-sm);\n border: 1px solid var(--color-border-subtler, #e3e8ef);\n background: var(--color-surface, #ffffff);\n box-shadow: var(--shadow-md);\n position: absolute;\n z-index: 9999; /* High z-index to appear above sticky columns */\n overflow: hidden;\n}\n.portal_dropdown_wrapper gb-dropdown-items-with-shortcut {\n display: block;\n width: 100%;\n}\n/* .portal_dropdown_wrapper gb-dropdown-items-with-shortcut:hover {\n background: var(--color-background-gray-subtler, #eef2f6);\n} */\n/**\n * gb-input-dropdown menu, portaled out of the component's shadow root.\n * Mirrors .dropdown_menu in gb-input-dropdown.css (which is shadow-scoped and\n * therefore no longer applies once this element is moved into #gb-portal-host).\n */\n.input_dropdown_portal_menu {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n max-height: 300px;\n padding: var(--spacing-none);\n border-radius: var(--rounded-sm);\n border: 1px solid var(--color-border-subtler, #e3e8ef);\n background: var(--color-surface, #ffffff);\n box-shadow: var(--shadow-sm);\n position: absolute;\n z-index: 9999;\n gap: var(--spacing-none);\n overflow-y: auto;\n overflow-x: hidden;\n box-sizing: border-box;\n /* Exact width (not just a minimum) is set inline by gb-input-dropdown-test.tsx\n * (componentDidUpdate), matching the trigger's width. Content must not grow\n * the menu wider than the trigger. */\n}\n.input_dropdown_portal_menu::-webkit-scrollbar {\n right: 0rem;\n bottom: -1.53125rem;\n width: 0.8rem;\n margin-top: 1rem;\n}\n.input_dropdown_portal_menu::-webkit-scrollbar-track {\n width: 0.5rem;\n padding: var(--spacing-1);\n border: none;\n}\n.input_dropdown_portal_menu::-webkit-scrollbar-thumb {\n width: 0.5rem;\n height: 11.75rem;\n border: 0.25rem solid var(--color-background-card, #ffffff);\n border-radius: var(--rounded-full);\n background: var(--color-border-subtle, #cdd5df);\n}\n/* Content rendered inside the portaled input-dropdown menu (search field, empty\n * state, loader) - also shadow-scoped in gb-input-dropdown.css and therefore\n * also unreachable once portaled. Kept in sync with that file by hand. */\n.input_dropdown_portal_menu .dropdown_search_field {\n background: var(--color-surface, #ffffff);\n padding: var(--spacing-2) var(--spacing-2) var(--spacing-none) var(--spacing-2);\n position: sticky;\n top: 0;\n z-index: 999;\n}\n.input_dropdown_portal_menu .empty_state {\n margin: auto;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.input_dropdown_portal_menu .background {\n position: relative;\n width: 80%;\n}\n.input_dropdown_portal_menu .message_background {\n position: absolute;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--spacing-1);\n}\n.input_dropdown_portal_menu .illustration {\n width: 100px;\n height: 100px;\n}\n.input_dropdown_portal_menu .message {\n color: var(--color-text-bold, #202939);\n}\n.input_dropdown_portal_menu .loader_div {\n width: 100%;\n height: 10rem;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.input_dropdown_portal_menu .loader {\n border: 4px solid var(--color-background-gray, #cdd5df);\n border-top: 4px solid var(--color-background-selected, #075db2);\n border-radius: 50%;\n width: 30px;\n height: 30px;\n animation: input-dropdown-portal-spin 2s linear infinite;\n}\n@keyframes input-dropdown-portal-spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n/* @import 'tailwind.css'; */\n:root {\n /* --------------------------------------Primary Colors--------------------------------------------- */\n /* base color palette */\n --base-white: #fff;\n --base-black: #000;\n\n /* gray color palette */\n --gray-25: #f9fafb;\n --gray-50: #f6f8fa;\n --gray-100: #eef2f6;\n --gray-200: #e3e8ef;\n --gray-300: #cdd5df;\n --gray-400: #808c9e;\n --gray-500: #697586;\n --gray-600: #4b5565;\n --gray-700: #364152;\n --gray-800: #202939;\n --gray-900: #121926;\n --gray-950: #0d121c;\n\n /* brand dark blue color palette */\n --brandDarkBlue-25: #f9f9fb;\n --brandDarkBlue-50: #edeef3;\n --brandDarkBlue-100: #d3d5e0;\n --brandDarkBlue-200: #b5b9cc;\n --brandDarkBlue-300: #9095b2;\n --brandDarkBlue-400: #464f7f;\n --brandDarkBlue-500: #212c65;\n --brandDarkBlue-600: #1e285c;\n --brandDarkBlue-700: #1c2554;\n --brandDarkBlue-800: #161d43;\n --brandDarkBlue-900: #0b0f22;\n --brandDarkBlue-950: #070914;\n\n /* brand red color palette */\n --brandRed-25: #fffbfa;\n --brandRed-50: #fef1f2;\n --brandRed-100: #fde3e5;\n --brandRed-200: #f9b4ba;\n --brandRed-300: #f68e98;\n --brandRed-400: #f36976;\n --brandRed-500: #e21b2e;\n --brandRed-600: #cc1a2a;\n --brandRed-700: #b51726;\n --brandRed-800: #8c121d;\n --brandRed-900: #680d16;\n --brandRed-950: #3f080d;\n\n /* warning color palette */\n --yellow-25: #fffcf5;\n --yellow-50: #fffaeb;\n --yellow-100: #fef0c7;\n --yellow-200: #fedf89;\n --yellow-300: #fec84b;\n --yellow-400: #fdb022;\n --yellow-500: #f79009;\n --yellow-600: #dc6803;\n --yellow-700: #b54708;\n --yellow-800: #93370d;\n --yellow-900: #7a2e0e;\n --yellow-950: #4e1d09;\n\n /* success color palette */\n --green-25: #f6fef9;\n --green-50: #ecfdf3;\n --green-100: #dcfaeb;\n --green-200: #a9efc5;\n --green-300: #75e0a7;\n --green-400: #47cd89;\n --green-500: #17b26a;\n --green-600: #067f48;\n --green-700: #067647;\n --green-800: #085d3a;\n --green-900: #074d31;\n --green-950: #053321;\n\n /* ------------------------------------------opacity color palette-------------------------------------- */\n /* 0% opacity */\n /* White */\n --white-opacity0: rgba(255, 255, 255, 0);\n\n /* Gray */\n --gray25-opacity0: rgba(249, 250, 251, 0);\n --gray900-opacity0: rgba(18, 25, 38, 0);\n --gray950-opacity0: rgba(13, 18, 28, 0);\n\n /* 20% opacity */\n /* White */\n --white-opacity20: rgba(255, 255, 255, 0.2);\n\n /* Dark Blue */\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\n\n /* Gray */\n --gray25-opacity20: rgba(249, 250, 251, 0.2);\n --gray900-opacity20: rgba(18, 25, 38, 0.2);\n --gray950-opacity20: rgba(13, 18, 28, 0.2);\n\n /* 30% opacity */\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\n\n /* 40% opacity */\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\n\n /* 50% opacity */\n /* White */\n --white-opacity50: rgba(255, 255, 255, 0.5);\n\n /* Gray */\n --gray25-opacity50: rgba(249, 250, 251, 0.5);\n --gray900-opacity50: rgba(18, 25, 38, 0.5);\n --gray950-opacity50: rgba(13, 18, 28, 0.5);\n\n /* ------------------------------------------Secondary Color------------------------------------------- */\n /* blueLight color palete */\n --lightBlue-25: #f5fbff;\n --lightBlue-50: #f0f9ff;\n --lightBlue-100: #e0f2fe;\n --lightBlue-200: #b9e6fe;\n --lightBlue-300: #7cd4fd;\n --lightBlue-400: #7cd4fd;\n --lightBlue-500: #0ba5ec;\n --lightBlue-600: #0086c9;\n --lightBlue-700: #026aa2;\n --lightBlue-800: #065986;\n --lightBlue-900: #0b4a6f;\n --lightBlue-950: #062c41;\n\n /* blue color palette */\n --blue-25: #ecf5fe;\n --blue-50: #e4f0fc;\n --blue-100: #c8e0f9;\n --blue-200: #9ac7f4;\n --blue-300: #6aa9e7;\n --blue-400: #378fe6;\n --blue-500: #075db2;\n --blue-600: #064e94;\n --blue-700: #053e77;\n --blue-800: #042f59;\n --blue-900: #022445;\n --blue-950: #021d37;\n\n /* Purple color palete */\n --purple-25: #fafaff;\n --purple-50: #f4f3ff;\n --purple-100: #ebe9fe;\n --purple-200: #d9d6fe;\n --purple-300: #bdb4fe;\n --purple-400: #9b8afb;\n --purple-500: #7a5af8;\n --purple-600: #6938ef;\n --purple-700: #5925dc;\n --purple-800: #4a1fb8;\n --purple-900: #3e1c96;\n --purple-950: #27115f;\n\n /* pink color palette */\n --pink-25: #fef6fb;\n --pink-50: #fdf2fa;\n --pink-100: #fce7f6;\n --pink-200: #fcceee;\n --pink-300: #faa7e0;\n --pink-400: #f670c7;\n --pink-500: #ee46bc;\n --pink-600: #dd2590;\n --pink-700: #c11574;\n --pink-800: #9e165f;\n --pink-900: #851651;\n --pink-950: #4e0d30;\n\n /* -------------------------------------------------Token---------------------------------------------- */\n /* Light-theme defaults so external hosts still resolve key tokens when data-theme is not set. */\n --color-text-bold: var(--gray-800);\n --color-text: var(--gray-600);\n --color-text-subtle: var(--gray-500);\n --color-text-disabled: var(--gray-400);\n --color-text-inverse: var(--base-white);\n\n --color-icon-bold: var(--gray-800);\n --color-icon: var(--gray-600);\n --color-icon-subtle: var(--gray-500);\n --color-icon-disabled: var(--gray-400);\n --color-icon-inverse: var(--base-white);\n\n --color-border-bold: var(--gray-500);\n --color-border: var(--gray-400);\n --color-border-subtle: var(--gray-300);\n --color-border-subtler: var(--gray-200);\n --color-border-disabled: var(--gray-200);\n --color-border-input: var(--gray-300);\n --color-border-focus: var(--gray-400);\n\n --color-background: var(--base-white);\n --color-background-card-bold: var(--gray-100);\n --color-background-card: var(--base-white);\n --color-background-input: var(--gray-400);\n --color-background-disabled: var(--gray-50);\n --color-background-btn-disabled: var(--gray-100);\n --color-background-selected: var(--blue-500);\n\n --color-link: var(--blue-500);\n --color-link-pressed: var(--blue-600);\n --color-link-visited: var(--lightBlue-600);\n\n /* -----------Text Color----------- */\n\n [data-theme='light'] {\n --color-text-bold: var(--gray-800);\n }\n\n [data-theme='dark'] {\n --color-text-bold: var(--gray-100);\n }\n\n [data-theme='light'] {\n --color-text: var(--gray-600);\n }\n\n [data-theme='dark'] {\n --color-text: var(--gray-300);\n }\n\n [data-theme='light'] {\n --color-text-subtle: var(--gray-500);\n }\n\n [data-theme='dark'] {\n --color-text-subtle: var(--gray-400);\n }\n\n [data-theme='light'] {\n --color-text-disabled: var(--gray-400);\n }\n\n [data-theme='dark'] {\n --color-text-disabled: var(--gray-500);\n }\n\n [data-theme='light'] {\n --color-text-inverse: var(--base-white);\n }\n\n [data-theme='dark'] {\n --color-text-inverse: var(--base-black);\n }\n\n [data-theme='light'] {\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\n }\n\n [data-theme='dark'] {\n --color-text-brandDarkBlue: var(--brandDarkBlue-100);\n }\n\n [data-theme='light'] {\n --color-text-brandRed: var(--brandRed-500);\n }\n\n [data-theme='dark'] {\n --color-text-brandRed: var(--brandRed-300);\n }\n\n [data-theme='light'] {\n --color-text-selected: var(--blue-500);\n }\n\n [data-theme='dark'] {\n --color-text-selected: var(--blue-300);\n }\n\n [data-theme='light'] {\n --color-text-danger-bold: var(--brandRed-800);\n }\n\n [data-theme='dark'] {\n --color-text-danger-bold: var(--brandRed-100);\n }\n\n [data-theme='light'] {\n --color-text-danger: var(--brandRed-700);\n }\n\n [data-theme='dark'] {\n --color-text-danger: var(--brandRed-200);\n }\n\n [data-theme='light'] {\n --color-text-danger-subtle: var(--brandRed-600);\n }\n\n [data-theme='dark'] {\n --color-text-danger-subtle: var(--brandRed-300);\n }\n\n [data-theme='light'] {\n --color-text-danger-inverse: var(--base-white);\n }\n\n [data-theme='dark'] {\n --color-text-danger-inverse: var(--brandRed-950);\n }\n\n [data-theme='light'] {\n --color-text-warning-bold: var(--yellow-800);\n }\n\n [data-theme='dark'] {\n --color-text-warning-bold: var(--yellow-100);\n }\n\n [data-theme='light'] {\n --color-text-warning: var(--yellow-600);\n }\n\n [data-theme='dark'] {\n --color-text-warning: var(--yellow-300);\n }\n\n [data-theme='light'] {\n --color-text-warning-subtle: var(--yellow-500);\n }\n\n [data-theme='dark'] {\n --color-text-warning-subtle: var(--yellow-400);\n }\n\n [data-theme='light'] {\n --color-text-success-bold: var(--green-800);\n }\n\n [data-theme='dark'] {\n --color-text-success-bold: var(--green-100);\n }\n\n [data-theme='light'] {\n --color-text-success: var(--green-600);\n }\n\n [data-theme='dark'] {\n --color-text-success: var(--green-300);\n }\n\n [data-theme='light'] {\n --color-text-success-subtle: var(--green-600);\n }\n\n [data-theme='dark'] {\n --color-text-success-subtle: var(--green-300);\n }\n\n [data-theme='light'] {\n --color-text-discovery-bold: var(--lightBlue-800);\n }\n\n [data-theme='dark'] {\n --color-text-discovery-bold: var(--lightBlue-100);\n }\n\n [data-theme='light'] {\n --color-text-discovery: var(--lightBlue-800);\n }\n\n [data-theme='dark'] {\n --color-text-discovery: var(--lightBlue-100);\n }\n\n [data-theme='light'] {\n --color-text-discovery-subtle: var(--lightBlue-400);\n }\n\n [data-theme='dark'] {\n --color-text-discovery-subtle: var(--lightBlue-100);\n }\n\n [data-theme='light'] {\n --color-text-information-bold: var(--blue-800);\n }\n\n [data-theme='dark'] {\n --color-text-information-bold: var(--blue-100);\n }\n\n [data-theme='light'] {\n --color-text-information: var(--blue-600);\n }\n\n [data-theme='dark'] {\n --color-text-information: var(--blue-300);\n }\n\n [data-theme='light'] {\n --color-text-information-subtle: var(--blue-500);\n }\n\n [data-theme='dark'] {\n --color-text-information-subtle: var(--blue-400);\n }\n\n [data-theme='light'] {\n --color-text-purple-bold: var(--purple-800);\n }\n\n [data-theme='dark'] {\n --color-text-purple-bold: var(--purple-100);\n }\n\n [data-theme='light'] {\n --color-text-purple: var(--purple-600);\n }\n\n [data-theme='dark'] {\n --color-text-purple: var(--purple-300);\n }\n\n [data-theme='light'] {\n --color-text-purple-subtle: var(--purple-500);\n }\n\n [data-theme='dark'] {\n --color-text-purple-subtle: var(--purple-400);\n }\n\n [data-theme='light'] {\n --color-text-pink-bold: var(--pink-800);\n }\n\n [data-theme='dark'] {\n --color-text-pink-bold: var(--pink-100);\n }\n\n [data-theme='light'] {\n --color-text-pink: var(--pink-600);\n }\n\n [data-theme='dark'] {\n --color-text-pink: var(--pink-300);\n }\n\n [data-theme='light'] {\n --color-text-pink-subtle: var(--pink-500);\n }\n\n [data-theme='dark'] {\n --color-text-pink-subtle: var(--pink-400);\n }\n\n /* --------------Link color--------------- */\n\n [data-theme='light'] {\n --color-link: var(--blue-500);\n }\n\n [data-theme='dark'] {\n --color-link: var(--blue-300);\n }\n\n [data-theme='light'] {\n --color-link-pressed: var(--blue-600);\n }\n\n [data-theme='dark'] {\n --color-link-pressed: var(--blue-600);\n }\n\n [data-theme='light'] {\n --color-link-visited: var(--lightBlue-600);\n }\n\n [data-theme='dark'] {\n --color-link-visited: var(--lightBlue-300);\n }\n\n /* --------------Icon color--------------- */\n\n [data-theme='light'] {\n --color-icon-bold: var(--gray-800);\n }\n\n [data-theme='dark'] {\n --color-icon-bold: var(--gray-100);\n }\n\n [data-theme='light'] {\n --color-icon: var(--gray-600);\n }\n\n [data-theme='dark'] {\n --color-icon: var(--gray-300);\n }\n\n [data-theme='light'] {\n --color-icon-subtle: var(--gray-500);\n }\n\n [data-theme='dark'] {\n --color-icon-subtle: var(--gray-400);\n }\n\n [data-theme='light'] {\n --color-icon-disabled: var(--gray-400);\n }\n\n [data-theme='dark'] {\n --color-icon-disabled: var(--gray-500);\n }\n\n [data-theme='light'] {\n --color-icon-inverse: var(--base-white);\n }\n\n [data-theme='dark'] {\n --color-icon-inverse: var(--gray-800);\n }\n\n [data-theme='light'] {\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\n }\n\n [data-theme='dark'] {\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\n }\n\n [data-theme='light'] {\n --color-icon-brandRed: var(--brandRed-500);\n }\n\n [data-theme='dark'] {\n --color-icon-brandRed: var(--brandRed-300);\n }\n\n [data-theme='light'] {\n --color-icon-selected: var(--blue-500);\n }\n\n [data-theme='dark'] {\n --color-icon-selected: var(--blue-300);\n }\n\n [data-theme='light'] {\n --color-icon-danger-bold: var(--brandRed-800);\n }\n\n [data-theme='dark'] {\n --color-icon-danger-bold: var(--brandRed-100);\n }\n\n [data-theme='light'] {\n --color-icon-danger: var(--brandRed-700);\n }\n\n [data-theme='dark'] {\n --color-icon-danger: var(--brandRed-200);\n }\n\n [data-theme='light'] {\n --color-icon-danger-inverse: var(--base-white);\n }\n\n [data-theme='dark'] {\n --color-icon-danger-inverse: var(--brandRed-950);\n }\n\n [data-theme='light'] {\n --color-icon-warning-bold: var(--yellow-800);\n }\n\n [data-theme='dark'] {\n --color-icon-warning-bold: var(--yellow-100);\n }\n\n [data-theme='light'] {\n --color-icon-warning: var(--yellow-600);\n }\n\n [data-theme='dark'] {\n --color-icon-warning: var(--yellow-300);\n }\n\n [data-theme='light'] {\n --color-icon-success-bold: var(--green-800);\n }\n\n [data-theme='dark'] {\n --color-icon-success-bold: var(--green-100);\n }\n\n [data-theme='light'] {\n --color-icon-success: var(--green-600);\n }\n\n [data-theme='dark'] {\n --color-icon-success: var(--green-300);\n }\n\n [data-theme='light'] {\n --color-icon-discovery-bold: var(--lightBlue-800);\n }\n\n [data-theme='dark'] {\n --color-icon-discovery-bold: var(--lightBlue-100);\n }\n\n [data-theme='light'] {\n --color-icon-discovery: var(--lightBlue-600);\n }\n\n [data-theme='dark'] {\n --color-icon-discovery: var(--lightBlue-300);\n }\n\n [data-theme='light'] {\n --color-icon-information-bold: var(--blue-800);\n }\n\n [data-theme='dark'] {\n --color-icon-information-bold: var(--blue-100);\n }\n\n [data-theme='light'] {\n --color-icon-information: var(--blue-600);\n }\n\n [data-theme='dark'] {\n --color-icon-information: var(--blue-300);\n }\n\n [data-theme='light'] {\n --color-icon-purple-bold: var(--purple-800);\n }\n\n [data-theme='dark'] {\n --color-icon-purple-bold: var(--purple-100);\n }\n\n [data-theme='light'] {\n --color-icon-purple: var(--purple-600);\n }\n\n [data-theme='dark'] {\n --color-icon-purple: var(--purple-300);\n }\n\n [data-theme='light'] {\n --color-icon-pink-bold: var(--pink-800);\n }\n\n [data-theme='dark'] {\n --color-icon-pink-bold: var(--pink-100);\n }\n\n [data-theme='light'] {\n --color-icon-pink: var(--pink-600);\n }\n\n [data-theme='dark'] {\n --color-icon-pink: var(--pink-300);\n }\n\n /* ----------------Border Color --------------- */\n\n [data-theme='light'] {\n --color-border-bold: var(--gray-500);\n }\n\n [data-theme='dark'] {\n --color-border-bold: var(--gray-400);\n }\n\n [data-theme='light'] {\n --color-border: var(--gray-400);\n }\n\n [data-theme='dark'] {\n --color-border: var(--gray-500);\n }\n\n [data-theme='light'] {\n --color-border-subtle: var(--gray-300);\n }\n\n [data-theme='dark'] {\n --color-border-subtle: var(--gray-700);\n }\n\n [data-theme='light'] {\n --color-border-subtler: var(--gray-200);\n }\n\n [data-theme='dark'] {\n --color-border-subtler: var(--gray-800);\n }\n\n [data-theme='light'] {\n --color-border-disabled: var(--gray-200);\n }\n\n [data-theme='dark'] {\n --color-border-disabled: var(--gray-700);\n }\n\n [data-theme='light'] {\n --color-border-inverse: var(--base-white);\n }\n\n [data-theme='dark'] {\n --color-border-inverse: var(--gray-800);\n }\n\n [data-theme='light'] {\n --color-border-input: var(--gray-300);\n }\n\n [data-theme='dark'] {\n --color-border-input: var(--gray-600);\n }\n\n [data-theme='light'] {\n --color-border-focus: var(--gray-400);\n }\n\n [data-theme='dark'] {\n --color-border-focus: var(--blue-200);\n }\n\n [data-theme='light'] {\n --color-border-selected: var(--blue-500);\n }\n\n [data-theme='dark'] {\n --color-border-selected: var(--blue-300);\n }\n\n [data-theme='light'] {\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\n }\n\n [data-theme='dark'] {\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\n }\n\n [data-theme='light'] {\n --color-border-brandRed: var(--brandRed-500);\n }\n\n [data-theme='dark'] {\n --color-border-brandRed: var(--brandRed-300);\n }\n\n [data-theme='light'] {\n --color-border-danger-bold: var(--brandRed-800);\n }\n\n [data-theme='dark'] {\n --color-border-danger-bold: var(--brandRed-100);\n }\n\n [data-theme='light'] {\n --color-border-danger: var(--brandRed-700);\n }\n\n [data-theme='dark'] {\n --color-border-danger: var(--brandRed-200);\n }\n\n [data-theme='light'] {\n --color-border-danger-subtle: var(--brandRed-200);\n }\n\n [data-theme='dark'] {\n --color-border-danger-subtle: var(--brandRed-800);\n }\n\n [data-theme='light'] {\n --color-border-danger-subtler: var(--brandRed-100);\n }\n\n [data-theme='dark'] {\n --color-border-danger-subtler: var(--brandRed-900);\n }\n\n [data-theme='light'] {\n --color-border-warning-bold: var(--yellow-800);\n }\n\n [data-theme='dark'] {\n --color-border-warning-bold: var(--yellow-100);\n }\n\n [data-theme='light'] {\n --color-border-warning: var(--yellow-600);\n }\n\n [data-theme='dark'] {\n --color-border-warning: var(--yellow-300);\n }\n\n [data-theme='light'] {\n --color-border-warning-subtle: var(--yellow-200);\n }\n\n [data-theme='dark'] {\n --color-border-warning-subtle: var(--yellow-800);\n }\n\n [data-theme='light'] {\n --color-border-warning-subtler: var(--yellow-100);\n }\n\n [data-theme='dark'] {\n --color-border-warning-subtler: var(--yellow-900);\n }\n\n [data-theme='light'] {\n --color-border-success-bold: var(--green-800);\n }\n\n [data-theme='dark'] {\n --color-border-success-bold: var(--green-100);\n }\n\n [data-theme='light'] {\n --color-border-success: var(--green-600);\n }\n\n [data-theme='dark'] {\n --color-border-success: var(--green-300);\n }\n\n [data-theme='light'] {\n --color-border-success-subtle: var(--green-200);\n }\n\n [data-theme='dark'] {\n --color-border-success-subtle: var(--green-800);\n }\n\n [data-theme='light'] {\n --color-border-success-subtler: var(--green-100);\n }\n\n [data-theme='dark'] {\n --color-border-success-subtler: var(--green-900);\n }\n\n [data-theme='light'] {\n --color-border-discovery-bold: var(--lightBlue-800);\n }\n\n [data-theme='dark'] {\n --color-border-discovery-bold: var(--lightBlue-100);\n }\n\n [data-theme='light'] {\n --color-border-discovery: var(--lightBlue-600);\n }\n\n [data-theme='dark'] {\n --color-border-discovery: var(--lightBlue-300);\n }\n\n [data-theme='light'] {\n --color-border-discovery-subtle: var(--lightBlue-200);\n }\n\n [data-theme='dark'] {\n --color-border-discovery-subtle: var(--lightBlue-800);\n }\n\n [data-theme='light'] {\n --color-border-discovery-subtler: var(--lightBlue-100);\n }\n\n [data-theme='dark'] {\n --color-border-discovery-subtler: var(--lightBlue-900);\n }\n\n [data-theme='light'] {\n --color-border-information-bold: var(--blue-800);\n }\n\n [data-theme='dark'] {\n --color-border-information-bold: var(--blue-100);\n }\n\n [data-theme='light'] {\n --color-border-information: var(--blue-600);\n }\n\n [data-theme='dark'] {\n --color-border-information: var(--blue-300);\n }\n\n [data-theme='light'] {\n --color-border-information-subtle: var(--blue-200);\n }\n\n [data-theme='dark'] {\n --color-border-information-subtle: var(--blue-800);\n }\n\n [data-theme='light'] {\n --color-border-information-subtler: var(--blue-100);\n }\n\n [data-theme='dark'] {\n --color-border-information-subtler: var(--blue-900);\n }\n\n [data-theme='light'] {\n --color-border-purple-bold: var(--purple-800);\n }\n\n [data-theme='dark'] {\n --color-border-purple-bold: var(--purple-100);\n }\n\n [data-theme='light'] {\n --color-border-purple: var(--purple-600);\n }\n\n [data-theme='dark'] {\n --color-border-purple: var(--purple-300);\n }\n\n [data-theme='light'] {\n --color-border-purple-subtle: var(--purple-200);\n }\n\n [data-theme='dark'] {\n --color-border-purple-subtle: var(--purple-800);\n }\n\n [data-theme='light'] {\n --color-border-purple-subtler: var(--purple-100);\n }\n\n [data-theme='dark'] {\n --color-border-purple-subtler: var(--purple-900);\n }\n\n [data-theme='light'] {\n --color-border-pink-bold: var(--pink-800);\n }\n\n [data-theme='dark'] {\n --color-border-pink-bold: var(--pink-100);\n }\n\n [data-theme='light'] {\n --color-border-pink: var(--pink-600);\n }\n\n [data-theme='dark'] {\n --color-border-pink: var(--pink-300);\n }\n\n [data-theme='light'] {\n --color-border-pink-subtle: var(--pink-200);\n }\n\n [data-theme='dark'] {\n --color-border-pink-subtle: var(--pink-800);\n }\n\n [data-theme='light'] {\n --color-border-pink-subtler: var(--pink-100);\n }\n\n [data-theme='dark'] {\n --color-border-pink-subtler: var(--pink-900);\n }\n\n /* Emmanuel Kadiri starts from background color */\n\n /* ----------------Background Color --------------- */\n\n [data-theme='light'] {\n --color-background-card-bolder: var(--gray-100);\n }\n\n [data-theme='dark'] {\n --color-background-card-bolder: var(--gray-800);\n }\n\n [data-theme='light'] {\n --color-background-card: var(--base-white);\n }\n\n [data-theme='dark'] {\n --color-background-card: var(--gray-900);\n }\n\n [data-theme='light'] {\n --color-background-input: var(--gray-400);\n }\n\n [data-theme='dark'] {\n --color-background-input: var(--gray-950);\n }\n\n [data-theme='light'] {\n --color-background-disabled: var(--gray-50);\n }\n\n [data-theme='dark'] {\n --color-background-disabled: var(--gray-800);\n }\n\n [data-theme='light'] {\n --color-background-btn-disabled: var(--gray-100);\n }\n\n [data-theme='dark'] {\n --color-background-btn-disabled: var(--gray-700);\n }\n\n [data-theme='light'] {\n --color-background-selected: var(--blue-500);\n }\n\n [data-theme='dark'] {\n --color-background-selected: var(--blue-300);\n }\n\n [data-theme='light'] {\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\n }\n\n [data-theme='dark'] {\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\n }\n\n [data-theme='light'] {\n --color-background-brandRed: var(--brandRed-500);\n }\n\n [data-theme='dark'] {\n --color-background-brandRed: var(--brandRed-300);\n }\n\n [data-theme='light'] {\n --color-background-brandRed-hover: var(--brandRed-600);\n }\n\n [data-theme='dark'] {\n --color-background-brandRed-hover: var(--brandRed-200);\n }\n\n [data-theme='light'] {\n --color-background-brandRed-pressed: var(--brandRed-700);\n }\n\n [data-theme='dark'] {\n --color-background-brandRed-pressed: var(--brandRed-100);\n }\n\n [data-theme='light'] {\n --color-background-gray-bold: var(--gray-400);\n }\n\n [data-theme='dark'] {\n --color-background-gray-bold: var(--gray-500);\n }\n\n [data-theme='light'] {\n --color-background-gray: var(--gray-300);\n }\n\n [data-theme='dark'] {\n --color-background-gray: var(--gray-600);\n }\n\n [data-theme='light'] {\n --color-background-gray-subtle: var(--gray-200);\n }\n\n [data-theme='dark'] {\n --color-background-gray-subtle: var(--gray-700);\n }\n\n [data-theme='light'] {\n --color-background-gray-subtler: var(--gray-100);\n }\n\n [data-theme='dark'] {\n --color-background-gray-subtler: var(--gray-800);\n }\n\n [data-theme='light'] {\n --color-background-gray-subtlest: var(--gray-50);\n }\n\n [data-theme='dark'] {\n --color-background-gray-subtlest: var(--gray-950);\n }\n\n [data-theme='light'] {\n --color-background-danger-bold: var(--brandRed-800);\n }\n\n [data-theme='dark'] {\n --color-background-danger-bold: var(--brandRed-100);\n }\n\n [data-theme='light'] {\n --color-background-danger: var(--brandRed-700);\n }\n\n [data-theme='dark'] {\n --color-background-danger: var(--brandRed-200);\n }\n\n [data-theme='light'] {\n --color-background-danger-subtle: var(--brandRed-200);\n }\n\n [data-theme='dark'] {\n --color-background-danger-subtle: var(--brandRed-800);\n }\n\n [data-theme='light'] {\n --color-background-danger-subtler: var(--brandRed-100);\n }\n\n [data-theme='dark'] {\n --color-background-danger-subtler: var(--brandRed-900);\n }\n\n [data-theme='light'] {\n --color-background-danger-subtlest: var(--brandRed-50);\n }\n\n [data-theme='dark'] {\n --color-background-danger-subtlest: var(--brandRed-950);\n }\n\n [data-theme='light'] {\n --color-background-warning-bold: var(--yellow-800);\n }\n\n [data-theme='dark'] {\n --color-background-warning-bold: var(--yellow-100);\n }\n\n [data-theme='light'] {\n --color-background-warning: var(--yellow-600);\n }\n\n [data-theme='dark'] {\n --color-background-warning: var(--yellow-200);\n }\n\n [data-theme='light'] {\n --color-background-warning-subtle: var(--yellow-200);\n }\n\n [data-theme='dark'] {\n --color-background-warning-subtle: var(--yellow-800);\n }\n\n [data-theme='light'] {\n --color-background-warning-subtler: var(--yellow-100);\n }\n\n [data-theme='dark'] {\n --color-background-warning-subtler: var(--yellow-900);\n }\n\n [data-theme='light'] {\n --color-background-warning-subtlest: var(--yellow-50);\n }\n\n [data-theme='dark'] {\n --color-background-warning-subtlest: var(--yellow-950);\n }\n\n [data-theme='light'] {\n --color-background-success-bold: var(--green-800);\n }\n\n [data-theme='dark'] {\n --color-background-success-bold: var(--green-100);\n }\n\n [data-theme='light'] {\n --color-background-success: var(--green-600);\n }\n\n [data-theme='dark'] {\n --color-background-success: var(--green-200);\n }\n\n [data-theme='light'] {\n --color-background-success-subtle: var(--green-200);\n }\n\n [data-theme='dark'] {\n --color-background-success-subtle: var(--green-800);\n }\n\n [data-theme='light'] {\n --color-background-success-subtler: var(--green-100);\n }\n\n [data-theme='dark'] {\n --color-background-success-subtler: var(--green-900);\n }\n\n [data-theme='light'] {\n --color-background-success-subtlest: var(--green-50);\n }\n\n [data-theme='dark'] {\n --color-background-success-subtlest: var(--green-950);\n }\n\n [data-theme='light'] {\n --color-background-discovery-bold: var(--lightBlue-800);\n }\n\n [data-theme='dark'] {\n --color-background-discovery-bold: var(--lightBlue-100);\n }\n\n [data-theme='light'] {\n --color-background-discovery: var(--lightBlue-600);\n }\n\n [data-theme='dark'] {\n --color-background-discovery: var(--lightBlue-200);\n }\n\n [data-theme='light'] {\n --color-background-discovery-subtle: var(--lightBlue-200);\n }\n\n [data-theme='dark'] {\n --color-background-discovery-subtle: var(--lightBlue-800);\n }\n\n [data-theme='light'] {\n --color-background-discovery-subtler: var(--lightBlue-100);\n }\n\n [data-theme='dark'] {\n --color-background-discovery-subtler: var(--lightBlue-900);\n }\n\n [data-theme='light'] {\n --color-background-discovery-subtlest: var(--lightBlue-50);\n }\n\n [data-theme='dark'] {\n --color-background-discovery-subtlest: var(--lightBlue-950);\n }\n\n [data-theme='light'] {\n --color-background-information-bold: var(--blue-800);\n }\n\n [data-theme='dark'] {\n --color-background-information-bold: var(--blue-100);\n }\n\n [data-theme='light'] {\n --color-background-information: var(--blue-600);\n }\n\n [data-theme='dark'] {\n --color-background-information: var(--blue-200);\n }\n\n [data-theme='light'] {\n --color-background-information-subtle: var(--blue-200);\n }\n\n [data-theme='dark'] {\n --color-background-information-subtle: var(--blue-800);\n }\n\n [data-theme='light'] {\n --color-background-information-subtler: var(--blue-100);\n }\n\n [data-theme='dark'] {\n --color-background-information-subtler: var(--blue-900);\n }\n\n [data-theme='light'] {\n --color-background-information-subtlest: var(--blue-50);\n }\n\n [data-theme='dark'] {\n --color-background-information-subtlest: var(--blue-950);\n }\n\n [data-theme='light'] {\n --color-background-purple-bold: var(--purple-800);\n }\n\n [data-theme='dark'] {\n --color-background-purple-bold: var(--blue-100);\n }\n\n [data-theme='light'] {\n --color-background-purple: var(--purple-600);\n }\n\n [data-theme='dark'] {\n --color-background-purple: var(--blue-200);\n }\n\n [data-theme='light'] {\n --color-background-purple-subtle: var(--purple-200);\n }\n\n [data-theme='dark'] {\n --color-background-purple-subtle: var(--purple-800);\n }\n\n [data-theme='light'] {\n --color-background-purple-subtler: var(--purple-100);\n }\n\n [data-theme='dark'] {\n --color-background-purple-subtler: var(--purple-900);\n }\n\n [data-theme='light'] {\n --color-background-purple-subtlest: var(--purple-50);\n }\n\n [data-theme='dark'] {\n --color-background-purple-subtlest: var(--purple-950);\n }\n\n [data-theme='light'] {\n --color-background-pink-bold: var(--pink-800);\n }\n\n [data-theme='dark'] {\n --color-background-pink-bold: var(--pink-100);\n }\n\n [data-theme='light'] {\n --color-background-pink: var(--pink-600);\n }\n\n [data-theme='dark'] {\n --color-background-pink: var(--pink-200);\n }\n\n [data-theme='light'] {\n --color-background-pink-subtle: var(--pink-200);\n }\n\n [data-theme='dark'] {\n --color-background-pink-subtle: var(--pink-800);\n }\n\n [data-theme='light'] {\n --color-background-pink-subtler: var(--pink-100);\n }\n\n [data-theme='dark'] {\n --color-background-pink-subtler: var(--pink-900);\n }\n\n [data-theme='light'] {\n --color-background-pink-subtlest: var(--purple-50);\n }\n\n [data-theme='dark'] {\n --color-background-pink-subtlest: var(--pink-950);\n }\n\n /* ----------------Blanket Color --------------- */\n [data-theme='light'] {\n --color-blanket: var(--darkBlue500-opacity20);\n }\n\n [data-theme='dark'] {\n --color-blanket: var(--darkBlue200-opacity20);\n }\n\n [data-theme='light'] {\n --color-blanket-subtle: var(--darkBlue500-opacity30);\n }\n\n [data-theme='dark'] {\n --color-blanket-subtle: var(--darkBlue200-opacity30);\n }\n\n [data-theme='light'] {\n --color-blanket-subtler: var(--darkBlue500-opacity40);\n }\n\n [data-theme='dark'] {\n --color-blanket-subtler: var(--darkBlue200-opacity40);\n }\n\n /* ----------------Skeleton Color --------------- */\n [data-theme='light'] {\n --color-skeleton: var(--gray-200);\n }\n\n [data-theme='dark'] {\n --color-skeleton: var(--gray-800);\n }\n\n [data-theme='light'] {\n --color-skeleton-bold: var(--gray-300);\n }\n\n [data-theme='dark'] {\n --color-skeleton-bold: var(--gray-700);\n }\n\n /* ----------------Surface Color --------------- */\n [data-theme='light'] {\n --color-surface-bold: var(--gray-50);\n }\n\n [data-theme='dark'] {\n --color-surface-bold: var(--gray-950);\n }\n\n [data-theme='light'] {\n --color-surface: var(--base-white);\n }\n\n [data-theme='dark'] {\n --color-surface: var(--gray-900);\n }\n\n [data-theme='light'] {\n --color-surface-hovered: var(--gray-100);\n }\n\n [data-theme='dark'] {\n --color-surface-hovered: var(--gray-800);\n }\n\n [data-theme='light'] {\n --color-surface-pressed: var(--gray-200);\n }\n\n [data-theme='dark'] {\n --color-surface-pressed: var(--gray-700);\n }\n\n /* ----------------Transparent Color --------------- */\n [data-theme='light'] {\n --color-surface-transparent50: var(--white-opacity50);\n }\n\n [data-theme='dark'] {\n --color-surface-transparent50: var(--gray900-opacity50);\n }\n\n [data-theme='light'] {\n --color-surface-transparent20: var(--white-opacity20);\n }\n\n [data-theme='dark'] {\n --color-surface-transparent20: var(--gray900-opacity20);\n }\n\n [data-theme='light'] {\n --color-surface-transparent-full: var(--white-opacity0);\n }\n\n [data-theme='dark'] {\n --color-surface-transparent-full: var(--gray900-opacity0);\n }\n\n [data-theme='light'] {\n --color-surface-bold-transparent50: var(--gray25-opacity50);\n }\n\n [data-theme='dark'] {\n --color-surface-bold-transparent50: var(--gray950-opacity50);\n }\n\n [data-theme='light'] {\n --color-surface-bold-transparent20: var(--gray25-opacity20);\n }\n\n [data-theme='dark'] {\n --color-surface-bold-transparent20: var(--gray950-opacity20);\n }\n\n [data-theme='light'] {\n --color-surface-bold-transparent-full: var(--gray25-opacity0);\n }\n\n [data-theme='dark'] {\n --color-surface-bold-transparent-full: var(--gray950-opacity0);\n }\n}\n/* -----------------Shadow and Blur----------------- */\n:root {\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\n\n --blur-sm: blur(4px);\n --blur-md: blur(8px);\n --blur-lg: blur(12px);\n --blur-xl: blur(20px);\n}\n.shadow-xs {\n box-shadow: var(--shadow-xs);\n}\n.shadow-sm {\n box-shadow: var(--shadow-sm);\n}\n.shadow-md {\n box-shadow: var(--shadow-md);\n}\n.shadow-lg {\n box-shadow: var(--shadow-lg);\n}\n.shadow-xl {\n box-shadow: var(--shadow-xl);\n}\n.shadow-2xl {\n box-shadow: var(--shadow-2xl);\n}\n.shadow-3xl {\n box-shadow: var(--shadow-3xl);\n}\n.blur-sm {\n backdrop-filter: var(--blur-sm);\n}\n.blur-md {\n backdrop-filter: var(--blur-md);\n}\n.blur-lg {\n backdrop-filter: var(--blur-lg);\n}\n.blur-xl {\n backdrop-filter: var(--blur-xl);\n}\n/* -----------------Gradients----------------- */\n:root {\n /* Gray Gradients */\n /* --gray-gradient-600: linear-gradient(); */\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\n\n /* Brand Dark Blue Gradients */\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\n\n /* Brand Red Gradients */\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\n\n /* Blue Gradients */\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\n}\n.gradient-gray-600-to-500-90d {\n background: var(--gradient-gray-600-to-500-90d);\n}\n.gradient-gray-700-to-600-45d {\n background: var(--gradient-gray-700-to-600-45d);\n}\n.gradient-gray-800-to-600-45d {\n background: var(--gradient-gray-800-to-600-45d);\n}\n.gradient-gray-800-to-600-90d {\n background: var(--gradient-gray-800-to-600-90d);\n}\n.gradient-gray-800-to-700265-d {\n background: var(--gradient-gray-800-to-700265-d);\n}\n.gradient-gray-900-to-600-45d {\n background: var(--gradient-gray-900-to-600-45d);\n}\n.gradient-darkBlue-500-to-400-90d {\n background: var(--gradient-darkBlue-500-to-400-90d);\n}\n.gradient-darkBlue-700-to-500-45d {\n background: var(--gradient-darkBlue-700-to-500-45d);\n}\n.gradient-darkBlue-700-to-400-45d {\n background: var(--gradient-darkBlue-700-to-400-45d);\n}\n.gradient-darkBlue-800-to-500-90d {\n background: var(--gradient-darkBlue-800-to-500-90d);\n}\n.gradient-darkBlue-800-to-600265-d {\n background: var(--gradient-darkBlue-800-to-600265-d);\n}\n.gradient-darkBlue-900-to-600-45d {\n background: var(--gradient-darkBlue-900-to-600-45d);\n}\n.gradient-red-500-to-400-90d {\n background: var(--gradient-red-500-to-400-90d);\n}\n.gradient-red-700-to-500-45d {\n background: var(--gradient-red-700-to-500-45d);\n}\n.gradient-red-700-to-400-45d {\n background: var(--gradient-red-700-to-400-45d);\n}\n.gradient-red-800-to-500-90d {\n background: var(--gradient-red-800-to-500-90d);\n}\n.gradient-red-800-to-600265-d {\n background: var(--gradient-red-800-to-600265-d);\n}\n.gradient-red-900-to-600-45d {\n background: var(--gradient-red-900-to-600-45d);\n}\n.gradient-blue-500-to-400-90d {\n background: var(--gradient-blue-500-to-400-90d);\n}\n.gradient-blue-700-to-500-45d {\n background: var(--gradient-blue-700-to-500-45d);\n}\n.gradient-blue-700-to-400-45d {\n background: var(--gradient-blue-700-to-400-45d);\n}\n.gradient-blue-800-to-500-90d {\n background: var(--gradient-blue-800-to-500-90d);\n}\n.gradient-blue-800-to-600265-d {\n background: var(--gradient-blue-800-to-600265-d);\n}\n.gradient-blue-900-to-600-45d {\n background: var(--gradient-blue-900-to-600-45d);\n}\n/* Spacing Styles */\n:root {\n /* Positive spacing */\n --spacing-none: 0rem;\n --spacing-half: 0.125rem;\n --spacing-1: 0.25rem;\n --spacing-2: 0.5rem;\n --spacing-3: 0.75rem;\n --spacing-4: 1rem;\n --spacing-5: 1.25rem;\n --spacing-6: 1.5rem;\n --spacing-7: 2rem;\n --spacing-8: 2.5rem;\n --spacing-12: 3rem;\n --spacing-16: 4rem;\n --spacing-20: 5rem;\n --spacing-24: 6rem;\n --spacing-32: 8rem;\n --spacing-40: 10rem;\n --spacing-48: 12rem;\n --spacing-56: 14rem;\n --spacing-64: 16rem;\n\n /* Negative spacing */\n --spacing-negative-half: -0.125rem;\n --spacing-negative-1: -0.25rem;\n --spacing-negative-2: -0.5rem;\n --spacing-negative-3: -0.75rem;\n --spacing-negative-4: -1rem;\n --spacing-negative-5: -1.25rem;\n --spacing-negative-6: -1.5rem;\n --spacing-negative-7: -2rem;\n\n /* Radius */\n --rounded-none: 0rem;\n --rounded-xs: 0.25rem;\n --rounded-sm: 0.5rem;\n --rounded-md: 0.75rem;\n --rounded-lg: 1rem;\n --rounded-xl: 1.5rem;\n --rounded-2xl: 2rem;\n --rounded-full: 62.438rem;\n}\n/* Typography Styles */\n:root {\n /* Font Sizes */\n --font-size-d-2xl: 4.5rem;\n --font-size-d-xl: 3.75rem;\n --font-size-d-lg: 3rem;\n --font-size-d-md: 2.25rem;\n --font-size-d-sm: 1.875rem;\n --font-size-d-xs: 1.5rem;\n --font-size-t-xl: 1.25rem;\n --font-size-t-lg: 1.125rem;\n --font-size-t-md: 1rem;\n --font-size-t-sm: 0.875rem;\n --font-size-t-xs: 0.75rem;\n --font-size-t-xxs: 0.625rem;\n\n /* Font Weights */\n --font-weight-bold: 700;\n --font-weight-semi-bold: 600;\n --font-weight-medium: 500;\n --font-weight-regular: 400;\n\n /* Line Heights */\n --font-line-height-d-2xl: 5rem;\n --font-line-height-d-xl: 4.25rem;\n --font-line-height-d-lg: 3.75rem;\n --font-line-height-d-md: 2.75rem;\n --font-line-height-d-sm: 2.375rem;\n --font-line-height-d-xs: 2rem;\n --font-line-height-t-xl: 2rem;\n --font-line-height-t-lg: 1.875rem;\n --font-line-height-t-md: 1.688rem;\n --font-line-height-t-sm: 1.5rem;\n --font-line-height-t-xs: 1.25rem;\n --font-line-height-t-xxs: 1.125rem;\n\n /* Letter Spacings */\n --font-letter-spacing-d-2xl: -0.09rem;\n --font-letter-spacing-d-xl: -0.075rem;\n --font-letter-spacing-d-lg: -0.075rem;\n --font-letter-spacing-d-md: -0.045rem;\n --font-letter-spacing-d-sm: 0;\n --font-letter-spacing-d-xs: 0;\n --font-letter-spacing-d-xxs: 0;\n\n /* Font Families */\n --font-family-title: 'Sora';\n --font-family-body: 'Sora';\n}\n/* Media queries for medium screens (tablet) */\n@media (max-width: 1199px) {\n :root {\n /* Font Sizes */\n --font-size-d-2xl: 3.75rem;\n --font-size-d-xl: 3.5rem;\n --font-size-d-lg: 2.75rem;\n --font-size-d-md: 2.25rem;\n --font-size-d-sm: 1.875rem;\n --font-size-d-xs: 1.5rem;\n\n /* Line Heights */\n --font-line-height-d-2xl: 4.25rem;\n --font-line-height-d-xl: 3.75rem;\n --font-line-height-d-lg: 2.4375rem;\n --font-line-height-d-md: 2.75rem;\n --font-line-height-d-sm: 2.375rem;\n --font-line-height-d-xs: 2rem;\n\n /* Letter Spacings */\n --font-letter-spacing-2xl: -0.075rem;\n --font-letter-spacing-xl: -0.065rem;\n --font-letter-spacing-lg: -0.045rem;\n --font-letter-spacing-md: -0.045rem;\n --font-letter-spacing-sm: 0rem;\n --font-letter-spacing-xs: 0rem;\n }\n}\n/* Media queries for smaller screens (mobile) */\n@media (max-width: 743px) {\n :root {\n /* Font Sizes */\n --font-size-d-2xl: 3rem;\n --font-size-d-xl: 2.5rem;\n --font-size-d-lg: 2rem;\n --font-size-d-md: 1.75rem;\n --font-size-d-sm: 1.5rem;\n --font-size-d-xs: 1.25rem;\n\n /* Line Heights */\n --font-line-height-d-2xl: 3.375rem;\n --font-line-height-d-xl: 2.875rem;\n --font-line-height-d-lg: 2.5rem;\n --font-line-height-d-md: 2.1375rem;\n --font-line-height-d-sm: 2rem;\n --font-line-height-d-xs: 1.75rem;\n\n /* Letter Spacings */\n --font-letter-spacing-2xl: -0.06rem;\n --font-letter-spacing-xl: -0.05rem;\n --font-letter-spacing-lg: -0.045rem;\n --font-letter-spacing-md: 0rem;\n --font-letter-spacing-sm: 0rem;\n --font-letter-spacing-xs: 0rem;\n }\n}\n.display-2xl-bold {\n font-family: var(--font-family-title);\n font-size: var(--font-size-d-2xl);\n font-weight: var(--font-weight-bold);\n line-height: var(--font-line-height-d-2xl);\n letter-spacing: var(--font-letter-spacing-d-2xl);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.display-2xl-bold::before,\n.display-2xl-bold::after {\n content: '';\n display: table;\n}\n.display-2xl-bold::before {\n margin-bottom: -0.135em;\n}\n.display-2xl-bold::after {\n margin-top: -0.205em;\n}\n.display-2xl-semi-bold {\n font-family: var(--font-family-title);\n font-size: var(--font-size-d-2xl);\n font-weight: var(--font-weight-semi-bold);\n line-height: var(--font-line-height-d-2xl);\n letter-spacing: var(--font-letter-spacing-d-2xl);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.display-2xl-semi-bold::before,\n.display-2xl-semi-bold::after {\n content: '';\n display: table;\n}\n.display-2xl-semi-bold::before {\n margin-bottom: -0.135em;\n}\n.display-2xl-semi-bold::after {\n margin-top: -0.205em;\n}\n.display-xl-bold {\n font-family: var(--font-family-title);\n font-size: var(--font-size-d-xl);\n font-weight: var(--font-weight-bold);\n line-height: var(--font-line-height-d-xl);\n letter-spacing: var(--font-letter-spacing-d-xl);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.display-xl-bold::before,\n.display-xl-bold::after {\n content: '';\n display: table;\n}\n.display-xl-bold::before {\n margin-bottom: -0.145em;\n}\n.display-xl-bold::after {\n margin-top: -0.215em;\n}\n.display-xl-semi-bold {\n font-family: var(--font-family-title);\n font-size: var(--font-size-d-xl);\n font-weight: var(--font-weight-semi-bold);\n line-height: var(--font-line-height-d-xl);\n letter-spacing: var(--font-letter-spacing-d-xl);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.display-xl-semi-bold::before,\n.display-xl-semi-bold::after {\n content: '';\n display: table;\n}\n.display-xl-semi-bold::before {\n margin-bottom: -0.145em;\n}\n.display-xl-semi-bold::after {\n margin-top: -0.215em;\n}\n.display-lg-bold {\n font-family: var(--font-family-title);\n font-size: var(--font-size-d-lg);\n font-weight: var(--font-weight-bold);\n line-height: var(--font-line-height-d-lg);\n letter-spacing: var(--font-letter-spacing-d-lg);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.display-lg-bold::before,\n.display-lg-bold::after {\n content: '';\n display: table;\n}\n.display-lg-bold::before {\n margin-bottom: -0.015em;\n}\n.display-lg-bold::after {\n margin-top: -0.095em;\n}\n.display-lg-semi-bold {\n font-family: var(--font-family-title);\n font-size: var(--font-size-d-lg);\n font-weight: var(--font-weight-semi-bold);\n line-height: var(--font-line-height-d-lg);\n letter-spacing: var(--font-letter-spacing-d-lg);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.display-lg-semi-bold::before,\n.display-lg-semi-bold::after {\n content: '';\n display: table;\n}\n.display-lg-semi-bold::before {\n margin-bottom: -0.015em;\n}\n.display-lg-semi-bold::after {\n margin-top: -0.095em;\n}\n.display-md-bold {\n font-family: var(--font-family-title);\n font-size: var(--font-size-d-md);\n font-weight: var(--font-weight-bold);\n line-height: var(--font-line-height-d-md);\n letter-spacing: var(--font-letter-spacing-d-md);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.display-md-bold::before,\n.display-md-bold::after {\n content: '';\n display: table;\n}\n.display-md-bold::before {\n margin-bottom: -0.195em;\n}\n.display-md-bold::after {\n margin-top: -0.255em;\n}\n.display-md-semi-bold {\n font-family: var(--font-family-title);\n font-size: var(--font-size-d-md);\n font-weight: var(--font-weight-semi-bold);\n line-height: var(--font-line-height-d-md);\n letter-spacing: var(--font-letter-spacing-d-md);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.display-md-semi-bold::before,\n.display-md-semi-bold::after {\n content: '';\n display: table;\n}\n.display-md-semi-bold::before {\n margin-bottom: -0.195em;\n}\n.display-md-semi-bold::after {\n margin-top: -0.255em;\n}\n.display-sm-bold {\n font-family: var(--font-family-title);\n font-size: var(--font-size-d-sm);\n font-weight: var(--font-weight-bold);\n line-height: var(--font-line-height-d-sm);\n letter-spacing: var(--font-letter-spacing-d-sm);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.display-sm-bold::before,\n.display-sm-bold::after {\n content: '';\n display: table;\n}\n.display-sm-bold::before {\n margin-bottom: -0.195em;\n}\n.display-sm-bold::after {\n margin-top: -0.255em;\n}\n.display-sm-semi-bold {\n font-family: var(--font-family-title);\n font-size: var(--font-size-d-sm);\n font-weight: var(--font-weight-semi-bold);\n line-height: var(--font-line-height-d-sm);\n letter-spacing: var(--font-letter-spacing-d-sm);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.display-sm-semi-bold::before,\n.display-sm-semi-bold::after {\n content: '';\n display: table;\n}\n.display-sm-semi-bold::before {\n margin-bottom: -0.195em;\n}\n.display-sm-semi-bold::after {\n margin-top: -0.255em;\n}\n.display-xs-bold {\n font-family: var(--font-family-title);\n font-size: var(--font-size-d-xs);\n font-weight: var(--font-weight-bold);\n line-height: var(--font-line-height-d-xs);\n letter-spacing: var(--font-letter-spacing-d-xs);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.display-xs-bold::before,\n.display-xs-bold::after {\n content: '';\n display: table;\n}\n.display-xs-bold::before {\n margin-bottom: -0.199em;\n}\n.display-xs-bold::after {\n margin-top: -0.195em; /* Continue from here */\n}\n.display-xs-semi-bold {\n font-family: var(--font-family-title);\n font-size: var(--font-size-d-xs);\n font-weight: var(--font-weight-semi-bold);\n line-height: var(--font-line-height-d-xs);\n letter-spacing: var(--font-letter-spacing-d-xs);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.display-xs-semi-bold::before,\n.display-xs-semi-bold::after {\n content: '';\n display: table;\n}\n.display-xs-semi-bold::before {\n margin-bottom: -0.259em;\n}\n.display-xs-semi-bold::after {\n margin-top: -0.295em;\n}\n.text-xl-bold {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-xl);\n font-weight: var(--font-weight-bold);\n line-height: var(--font-line-height-t-xl);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-xl-bold::before,\n.text-xl-bold::after {\n content: '';\n display: table;\n}\n.text-xl-bold::before {\n margin-bottom: -0.329em;\n}\n.text-xl-bold::after {\n margin-top: -0.359em;\n}\n.text-xl-semi-bold {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-xl);\n font-weight: var(--font-weight-semi-bold);\n line-height: var(--font-line-height-t-xl);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-xl-semi-bold::before,\n.text-xl-semi-bold::after {\n content: '';\n display: table;\n}\n.text-xl-semi-bold::before {\n margin-bottom: -0.329em;\n}\n.text-xl-semi-bold::after {\n margin-top: -0.359em;\n}\n.text-xl-medium {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-xl);\n font-weight: var(--font-weight-medium);\n line-height: var(--font-line-height-t-xl);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-xl-medium::before,\n.text-xl-medium::after {\n content: '';\n display: table;\n}\n.text-xl-medium::before {\n margin-bottom: -0.339em;\n}\n.text-xl-medium::after {\n margin-top: -0.399em;\n}\n.text-xl-regular {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-xl);\n font-weight: var(--font-weight-regular);\n line-height: var(--font-line-height-t-xl);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-xl-regular::before,\n.text-xl-regular::after {\n content: '';\n display: table;\n}\n.text-xl-regular::before {\n margin-bottom: -0.339em;\n}\n.text-xl-regular::after {\n margin-top: -0.399em;\n}\n.text-lg-bold {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-lg);\n font-weight: var(--font-weight-bold);\n line-height: var(--font-line-height-t-lg);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-lg-bold::before,\n.text-lg-bold::after {\n content: '';\n display: table;\n}\n.text-lg-bold::before {\n margin-bottom: -0.339em;\n}\n.text-lg-bold::after {\n margin-top: -0.399em;\n}\n.text-lg-semi-bold {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-lg);\n font-weight: var(--font-weight-semi-bold);\n line-height: var(--font-line-height-t-lg);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-lg-semi-bold::before,\n.text-lg-semi-bold::after {\n content: '';\n display: table;\n}\n.text-lg-semi-bold::before {\n margin-bottom: -0.339em;\n}\n.text-lg-semi-bold::after {\n margin-top: -0.399em;\n}\n.text-lg-medium {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-lg);\n font-weight: var(--font-weight-medium);\n line-height: var(--font-line-height-t-lg);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-lg-medium::before,\n.text-lg-medium::after {\n content: '';\n display: table;\n}\n.text-lg-medium::before {\n margin-bottom: -0.349em;\n}\n.text-lg-medium::after {\n margin-top: -0.389em;\n}\n.text-lg-regular {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-lg);\n font-weight: var(--font-weight-regular);\n line-height: var(--font-line-height-t-lg);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-lg-regular::before,\n.text-lg-regular::after {\n content: '';\n display: table;\n}\n.text-lg-regular::before {\n margin-bottom: -0.349em;\n}\n.text-lg-regular::after {\n margin-top: -0.389em;\n}\n.text-md-bold {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-md);\n font-weight: var(--font-weight-bold);\n line-height: var(--font-line-height-t-md);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-md-bold::before,\n.text-md-bold::after {\n content: '';\n display: table;\n}\n.text-md-bold::before {\n margin-bottom: -0.349em;\n}\n.text-md-bold::after {\n margin-top: -0.389em;\n}\n.text-md-semi-bold {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-md);\n font-weight: var(--font-weight-semi-bold);\n line-height: var(--font-line-height-t-md);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-md-semi-bold::before,\n.text-md-semi-bold::after {\n content: '';\n display: table;\n}\n.text-md-semi-bold::before {\n margin-bottom: -0.349em;\n}\n.text-md-semi-bold::after {\n margin-top: -0.389em;\n}\n.text-md-medium {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-md);\n font-weight: var(--font-weight-medium);\n line-height: var(--font-line-height-t-md);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-md-medium::before,\n.text-md-medium::after {\n content: '';\n display: table;\n}\n.text-md-medium::before {\n margin-bottom: -0.349em;\n}\n.text-md-medium::after {\n margin-top: -0.389em;\n}\n.text-md-regular {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-md);\n font-weight: var(--font-weight-regular);\n line-height: var(--font-line-height-t-md);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-md-regular::before,\n.text-md-regular::after {\n content: '';\n display: table;\n}\n.text-md-regular::before {\n margin-bottom: -0.349em;\n}\n.text-md-regular::after {\n margin-top: -0.389em;\n}\n.text-sm-bold {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-sm);\n font-weight: var(--font-weight-bold);\n line-height: var(--font-line-height-t-sm);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-sm-bold::before,\n.text-sm-bold::after {\n content: '';\n display: table;\n}\n.text-sm-bold::before {\n margin-bottom: -0.299em;\n}\n.text-sm-bold::after {\n margin-top: -0.349em;\n}\n.text-sm-semi-bold {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-sm);\n font-weight: var(--font-weight-semi-bold);\n line-height: var(--font-line-height-t-sm);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-sm-semi-bold::before,\n.text-sm-semi-bold::after {\n content: '';\n display: table;\n}\n.text-sm-semi-bold::before {\n margin-bottom: -0.299em;\n}\n.text-sm-semi-bold::after {\n margin-top: -0.349em;\n}\n.text-sm-medium {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-sm);\n font-weight: var(--font-weight-medium);\n line-height: var(--font-line-height-t-sm);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n position: relative;\n display: inline-block;\n}\n.text-sm-medium::before,\n.text-sm-medium::after {\n content: '';\n display: table;\n}\n.text-sm-medium::before {\n margin-bottom: -0.299em;\n}\n.text-sm-medium::after {\n margin-top: -0.299em;\n}\n.text-sm-regular {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-sm);\n font-weight: var(--font-weight-regular);\n line-height: var(--font-line-height-t-sm);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n position: relative;\n display: inline-block;\n}\n.text-sm-regular::before,\n.text-sm-regular::after {\n content: '';\n display: table;\n}\n.text-sm-regular::before {\n margin-bottom: -0.299em;\n}\n.text-sm-regular::after {\n margin-top: -0.299em;\n}\n.text-xs-bold {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-xs);\n font-weight: var(--font-weight-bold);\n line-height: var(--font-line-height-t-xs);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-xs-bold::before,\n.text-xs-bold::after {\n content: '';\n display: table;\n}\n.text-xs-bold::before {\n margin-bottom: -0.291em;\n}\n.text-xs-bold::after {\n margin-top: -0.416em;\n}\n.text-xs-semi-bold {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-xs);\n font-weight: var(--font-weight-semi-bold);\n line-height: var(--font-line-height-t-xs);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-xs-semi-bold::before,\n.text-xs-semi-bold::after {\n content: '';\n display: table;\n}\n.text-xs-semi-bold::before {\n margin-bottom: -0.321em;\n}\n.text-xs-semi-bold::after {\n margin-top: -0.416em;\n}\n.text-xs-medium {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-xs);\n font-weight: var(--font-weight-medium);\n line-height: var(--font-line-height-t-xs);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-xs-medium::before,\n.text-xs-medium::after {\n content: '';\n display: table;\n}\n.text-xs-medium::before {\n margin-bottom: -0.285em;\n}\n.text-xs-medium::after {\n margin-top: -0.396em;\n}\n.text-xs-regular {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-xs);\n font-weight: var(--font-weight-regular);\n line-height: var(--font-line-height-t-xs);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-xs-regular::before,\n.text-xs-regular::after {\n content: '';\n display: table;\n}\n.text-xs-regular::before {\n margin-bottom: -0.291em;\n}\n.text-xs-regular::after {\n margin-top: -0.396em;\n}\n.text-xxs-bold {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-xxs);\n font-weight: var(--font-weight-bold);\n line-height: var(--font-line-height-t-xxs);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-xxs-bold::before,\n.text-xxs-bold::after {\n content: '';\n display: table;\n}\n.text-xxs-bold::before {\n margin-bottom: -0.291em;\n}\n.text-xxs-bold::after {\n margin-top: -0.416em;\n}\n.text-xxs-semi-bold {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-xxs);\n font-weight: var(--font-weight-semi-bold);\n line-height: var(--font-line-height-t-xxs);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-xxs-semi-bold::before,\n.text-xxs-semi-bold::after {\n content: '';\n display: table;\n}\n.text-xxs-semi-bold::before {\n margin-bottom: -0.291em;\n}\n.text-xxs-semi-bold::after {\n margin-top: -0.416em;\n}\n.text-xxs-medium {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-xxs);\n font-weight: var(--font-weight-medium);\n line-height: var(--font-line-height-t-xxs);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-xxs-medium::before,\n.text-xxs-medium::after {\n content: '';\n display: table;\n}\n.text-xxs-medium::before {\n margin-bottom: -0.291em;\n}\n.text-xxs-medium::after {\n margin-top: -0.416em;\n}\n.text-xxs-regular {\n font-family: var(--font-family-body);\n font-size: var(--font-size-t-xxs);\n font-weight: var(--font-weight-regular);\n line-height: var(--font-line-height-t-xxs);\n margin: var(--spacing-none);\n padding: var(--spacing-none);\n display: inline-block;\n position: relative;\n}\n.text-xxs-regular::before,\n.text-xxs-regular::after {\n content: '';\n display: table;\n}\n.text-xxs-regular::before {\n margin-bottom: -0.291em;\n}\n.text-xxs-regular::after {\n margin-top: -0.416em;\n}\n/* Button slot styles */\n/* .slotted_button_text.primary {\n color: var(--color-text-inverse, #ffffff) !important;\n}\n\n.slotted_button_text.secondary_gray {\n color: var(--color-text, #4b5565) !important;\n}\n\n.slotted_button_text.secondary_color {\n color: var(--color-text-brandRed, #e21b2e) !important;\n}\n\n.slotted_button_text.tertiary_gray {\n color: var(--color-text, #4b5565) !important;\n}\n\n.slotted_button_text.tertiary_color {\n color: var(--color-text-brandRed, #e21b2e) !important;\n}\n\n.slotted_button_text.link_gray {\n color: var(--color-text, #4b5565) !important;\n}\n\n.slotted_button_text.link_color {\n color: var(--color-link, #075db2) !important;\n}\n\n.slotted_button_text.primary.destructive {\n color: var(--color-text-inverse, #ffffff) !important;\n}\n\n#slotted_button_text.primary.disabled,\n#slotted_button_text.secondary_gray.disabled,\n#slotted_button_text.secondary_color.disabled,\n#slotted_button_text.tertiary_gray.disabled,\n#slotted_button_text.tertiary_color.disabled,\n#slotted_button_text.link_gray.disabled,\n#slotted_button_text.link_color.disabled {\n color: var(--color-text-disabled, #9aa4b2) !important;\n}\n\n#slotted_button_text.secondary_gray.default.destructive,\n#slotted_button_text.secondary_color.default.destructive,\n#slotted_button_text.tertiary_gray.default.destructive,\n#slotted_button_text.tertiary_color.default.destructive,\n#slotted_button_text.link_gray.default.destructive,\n#slotted_button_text.link_color.default.destructive {\n color: var(--color-text-danger, #b51726) !important;\n} */\n.contact_help_dropdown_wrapper {\n display: flex;\n width: 18.3125rem;\n padding: var(--spacing-4) var(--spacing-none) var(--spacing-half) var(--spacing-none);\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: var(--spacing-2);\n border-radius: var(--rounded-sm);\n border: 1px solid var(--color-border-subtler);\n background: var(--color-surface, #ffffff);\n box-shadow: var(--shadow-lg);\n}\n.contact_help_dropdown_header {\n display: flex;\n padding: 0 var(--spacing-3);\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: var(--spacing-4);\n align-self: stretch;\n}\n.headphone_icon_wrapper {\n display: flex;\n width: 1rem;\n height: 1rem;\n padding: 0.75rem;\n justify-content: center;\n align-items: center;\n border-radius: var(--rounded-full);\n border: 8px solid var(--color-background-information-subtlest, #e4f0fc);\n background: var(--color-background-information-subtler, #c8e0f9);\n}\n.headphone_icon {\n width: 1.5rem;\n height: 1.5rem;\n}\n.heading{\n color: var(--color-text-information, #064E94);\n}\n.contact_dropdown_items{\n width: 100%;\n}\n.item{\n box-sizing: border-box;\n}";
7
7
 
@@ -78,6 +78,6 @@ function defineCustomElement() {
78
78
  defineCustomElement();
79
79
 
80
80
  export { GbContactHelpDropdown as G, defineCustomElement as d };
81
- //# sourceMappingURL=p-DbzohbgL.js.map
81
+ //# sourceMappingURL=p-0XfqdveN.js.map
82
82
 
83
- //# sourceMappingURL=p-DbzohbgL.js.map
83
+ //# sourceMappingURL=p-0XfqdveN.js.map
package/dist/components/{p-DbzohbgL.js.map → p-0XfqdveN.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-DbzohbgL.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-contact-help-dropdown/gb-contact-help-dropdown.css?tag=gb-contact-help-dropdown&encapsulation=shadow","src/components/gb-contact-help-dropdown/gb-contact-help-dropdown.tsx"],"sourcesContent":["@import './../../global/global.css';\n\n.contact_help_dropdown_wrapper {\n display: flex;\n width: 18.3125rem;\n padding: var(--spacing-4) var(--spacing-none) var(--spacing-half) var(--spacing-none);\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: var(--spacing-2);\n border-radius: var(--rounded-sm);\n border: 1px solid var(--color-border-subtler);\n background: var(--color-surface, #ffffff);\n box-shadow: var(--shadow-lg);\n}\n\n.contact_help_dropdown_header {\n display: flex;\n padding: 0 var(--spacing-3);\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: var(--spacing-4);\n align-self: stretch;\n}\n\n.headphone_icon_wrapper {\n display: flex;\n width: 1rem;\n height: 1rem;\n padding: 0.75rem;\n justify-content: center;\n align-items: center;\n border-radius: var(--rounded-full);\n border: 8px solid var(--color-background-information-subtlest, #e4f0fc);\n background: var(--color-background-information-subtler, #c8e0f9);\n}\n\n.headphone_icon {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n.heading{\n color: var(--color-text-information, #064E94);\n}\n\n.contact_dropdown_items{\n width: 100%;\n}\n\n.item{\n box-sizing: border-box;\n}","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'gb-contact-help-dropdown',\n styleUrl: 'gb-contact-help-dropdown.css',\n shadow: true,\n})\nexport class GbContactHelpDropdown {\n @Prop() items: {\n id?: string;\n label: string;\n icon?: string;\n action: string;\n disabled?: boolean;\n }[] = [\n // {\n // id: 'contactcentre',\n // label: 'contactcentre@globusbank.com',\n // action: 'email',\n // icon: 'assets/mail-at-sign-02.svg',\n // disabled: true,\n // },\n // {\n // id: 'contactcentre',\n // label: '(+234) 123 4324 122',\n // action: 'email',\n // icon: 'assets/mail-at-sign-02.svg',\n // },\n // {\n // id: 'contactcentre',\n // label: 'Download user guide',\n // action: 'email',\n // icon: 'assets/mail-at-sign-02.svg',\n // },\n ];\n @Event() itemSelected: EventEmitter<string>;\n\n handleDropdownItemClick(item: { id?: string; label: string; icon?: string; action: string; disabled?: boolean }) {\n if (item.disabled) return;\n\n this.itemSelected.emit(item.action);\n }\n\n render() {\n return (\n <div class=\"contact_help_dropdown_wrapper\">\n <div class=\"contact_help_dropdown_header\">\n <div class=\"headphone_icon_wrapper\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" class=\"headphone_icon\">\n <path\n opacity=\"0.4\"\n d=\"M17 13.8045C17 13.4588 17 13.286 17.052 13.132C17.2032 12.6844 17.6018 12.5108 18.0011 12.3289C18.45 12.1244 18.6744 12.0222 18.8968 12.0042C19.1493 11.9838 19.4022 12.0382 19.618 12.1593C19.9041 12.3198 20.1036 12.6249 20.3079 12.873C21.2512 14.0188 21.7229 14.5918 21.8955 15.2236C22.0348 15.7334 22.0348 16.2666 21.8955 16.7764C21.6438 17.6979 20.8485 18.4704 20.2598 19.1854C19.9587 19.5511 19.8081 19.734 19.618 19.8407C19.4022 19.9618 19.1493 20.0162 18.8968 19.9958C18.6744 19.9778 18.45 19.8756 18.0011 19.6711C17.6018 19.4892 17.2032 19.3156 17.052 18.868C17 18.714 17 18.5412 17 18.1955V13.8045Z\"\n fill=\"var(--color-icon-information, #064E94)\"\n />\n <path\n opacity=\"0.4\"\n d=\"M7 13.8045C7 13.3693 6.98778 12.9782 6.63591 12.6722C6.50793 12.5609 6.33825 12.4836 5.99891 12.329C5.55001 12.1246 5.32556 12.0224 5.10316 12.0044C4.43591 11.9504 4.07692 12.4058 3.69213 12.8731C2.74875 14.0189 2.27706 14.5918 2.10446 15.2236C1.96518 15.7334 1.96518 16.2666 2.10446 16.7764C2.3562 17.6979 3.15152 18.4702 3.74021 19.1852C4.11129 19.6359 4.46577 20.0472 5.10316 19.9956C5.32556 19.9776 5.55001 19.8754 5.99891 19.6709C6.33825 19.5164 6.50793 19.4391 6.63591 19.3278C6.98778 19.0218 7 18.6307 7 18.1954V13.8045Z\"\n fill=\"var(--color-icon-information, #064E94)\"\n />\n <path\n d=\"M17 13.8045C17 13.4588 17 13.286 17.052 13.132C17.2032 12.6844 17.6018 12.5108 18.0011 12.3289C18.45 12.1244 18.6744 12.0222 18.8968 12.0042C19.1493 11.9838 19.4022 12.0382 19.618 12.1593C19.9041 12.3198 20.1036 12.6249 20.3079 12.873C21.2512 14.0188 21.7229 14.5918 21.8955 15.2236C22.0348 15.7334 22.0348 16.2666 21.8955 16.7764C21.6438 17.6979 20.8485 18.4704 20.2598 19.1854C19.9587 19.5511 19.8081 19.734 19.618 19.8407C19.4022 19.9618 19.1493 20.0162 18.8968 19.9958C18.6744 19.9778 18.45 19.8756 18.0011 19.6711C17.6018 19.4892 17.2032 19.3156 17.052 18.868C17 18.714 17 18.5412 17 18.1955V13.8045Z\"\n stroke=\"var(--color-icon-information, #064E94)\"\n stroke-width=\"1.5\"\n />\n <path\n d=\"M9.5 21C10.8807 22.3333 13.1193 22.3333 14.5 21\"\n stroke=\"var(--color-icon-information, #064E94)\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M7 13.8045C7 13.3693 6.98778 12.9782 6.63591 12.6722C6.50793 12.5609 6.33825 12.4836 5.99891 12.329C5.55001 12.1246 5.32556 12.0224 5.10316 12.0044C4.43591 11.9504 4.07692 12.4058 3.69213 12.8731C2.74875 14.0189 2.27706 14.5918 2.10446 15.2236C1.96518 15.7334 1.96518 16.2666 2.10446 16.7764C2.3562 17.6979 3.15152 18.4702 3.74021 19.1852C4.11129 19.6359 4.46577 20.0472 5.10316 19.9956C5.32556 19.9776 5.55001 19.8754 5.99891 19.6709C6.33825 19.5164 6.50793 19.4391 6.63591 19.3278C6.98778 19.0218 7 18.6307 7 18.1954V13.8045Z\"\n stroke=\"var(--color-icon-information, #064E94)\"\n stroke-width=\"1.5\"\n />\n <path\n d=\"M2 16V12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12L22.0001 16\"\n stroke=\"var(--color-icon-information, #064E94)\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </div>\n <p class=\"heading text-lg-semi-bold\">NEED HELP? REACH OUT</p>\n </div>\n <div class=\"contact_dropdown_items\">\n {this.items.map(item => (\n <div class=\"item\">\n <gb-dropdown-items-with-shortcut icon iconSrc={item.icon} label={item.label} state={item.disabled ? 'disabled' : 'default'} onClick={() => this.handleDropdownItemClick(item)}></gb-dropdown-items-with-shortcut>\n </div>\n ))}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-0XfqdveN.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-contact-help-dropdown/gb-contact-help-dropdown.css?tag=gb-contact-help-dropdown&encapsulation=shadow","src/components/gb-contact-help-dropdown/gb-contact-help-dropdown.tsx"],"sourcesContent":["@import './../../global/global.css';\n\n.contact_help_dropdown_wrapper {\n display: flex;\n width: 18.3125rem;\n padding: var(--spacing-4) var(--spacing-none) var(--spacing-half) var(--spacing-none);\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: var(--spacing-2);\n border-radius: var(--rounded-sm);\n border: 1px solid var(--color-border-subtler);\n background: var(--color-surface, #ffffff);\n box-shadow: var(--shadow-lg);\n}\n\n.contact_help_dropdown_header {\n display: flex;\n padding: 0 var(--spacing-3);\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: var(--spacing-4);\n align-self: stretch;\n}\n\n.headphone_icon_wrapper {\n display: flex;\n width: 1rem;\n height: 1rem;\n padding: 0.75rem;\n justify-content: center;\n align-items: center;\n border-radius: var(--rounded-full);\n border: 8px solid var(--color-background-information-subtlest, #e4f0fc);\n background: var(--color-background-information-subtler, #c8e0f9);\n}\n\n.headphone_icon {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n.heading{\n color: var(--color-text-information, #064E94);\n}\n\n.contact_dropdown_items{\n width: 100%;\n}\n\n.item{\n box-sizing: border-box;\n}","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'gb-contact-help-dropdown',\n styleUrl: 'gb-contact-help-dropdown.css',\n shadow: true,\n})\nexport class GbContactHelpDropdown {\n @Prop() items: {\n id?: string;\n label: string;\n icon?: string;\n action: string;\n disabled?: boolean;\n }[] = [\n // {\n // id: 'contactcentre',\n // label: 'contactcentre@globusbank.com',\n // action: 'email',\n // icon: 'assets/mail-at-sign-02.svg',\n // disabled: true,\n // },\n // {\n // id: 'contactcentre',\n // label: '(+234) 123 4324 122',\n // action: 'email',\n // icon: 'assets/mail-at-sign-02.svg',\n // },\n // {\n // id: 'contactcentre',\n // label: 'Download user guide',\n // action: 'email',\n // icon: 'assets/mail-at-sign-02.svg',\n // },\n ];\n @Event() itemSelected: EventEmitter<string>;\n\n handleDropdownItemClick(item: { id?: string; label: string; icon?: string; action: string; disabled?: boolean }) {\n if (item.disabled) return;\n\n this.itemSelected.emit(item.action);\n }\n\n render() {\n return (\n <div class=\"contact_help_dropdown_wrapper\">\n <div class=\"contact_help_dropdown_header\">\n <div class=\"headphone_icon_wrapper\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" class=\"headphone_icon\">\n <path\n opacity=\"0.4\"\n d=\"M17 13.8045C17 13.4588 17 13.286 17.052 13.132C17.2032 12.6844 17.6018 12.5108 18.0011 12.3289C18.45 12.1244 18.6744 12.0222 18.8968 12.0042C19.1493 11.9838 19.4022 12.0382 19.618 12.1593C19.9041 12.3198 20.1036 12.6249 20.3079 12.873C21.2512 14.0188 21.7229 14.5918 21.8955 15.2236C22.0348 15.7334 22.0348 16.2666 21.8955 16.7764C21.6438 17.6979 20.8485 18.4704 20.2598 19.1854C19.9587 19.5511 19.8081 19.734 19.618 19.8407C19.4022 19.9618 19.1493 20.0162 18.8968 19.9958C18.6744 19.9778 18.45 19.8756 18.0011 19.6711C17.6018 19.4892 17.2032 19.3156 17.052 18.868C17 18.714 17 18.5412 17 18.1955V13.8045Z\"\n fill=\"var(--color-icon-information, #064E94)\"\n />\n <path\n opacity=\"0.4\"\n d=\"M7 13.8045C7 13.3693 6.98778 12.9782 6.63591 12.6722C6.50793 12.5609 6.33825 12.4836 5.99891 12.329C5.55001 12.1246 5.32556 12.0224 5.10316 12.0044C4.43591 11.9504 4.07692 12.4058 3.69213 12.8731C2.74875 14.0189 2.27706 14.5918 2.10446 15.2236C1.96518 15.7334 1.96518 16.2666 2.10446 16.7764C2.3562 17.6979 3.15152 18.4702 3.74021 19.1852C4.11129 19.6359 4.46577 20.0472 5.10316 19.9956C5.32556 19.9776 5.55001 19.8754 5.99891 19.6709C6.33825 19.5164 6.50793 19.4391 6.63591 19.3278C6.98778 19.0218 7 18.6307 7 18.1954V13.8045Z\"\n fill=\"var(--color-icon-information, #064E94)\"\n />\n <path\n d=\"M17 13.8045C17 13.4588 17 13.286 17.052 13.132C17.2032 12.6844 17.6018 12.5108 18.0011 12.3289C18.45 12.1244 18.6744 12.0222 18.8968 12.0042C19.1493 11.9838 19.4022 12.0382 19.618 12.1593C19.9041 12.3198 20.1036 12.6249 20.3079 12.873C21.2512 14.0188 21.7229 14.5918 21.8955 15.2236C22.0348 15.7334 22.0348 16.2666 21.8955 16.7764C21.6438 17.6979 20.8485 18.4704 20.2598 19.1854C19.9587 19.5511 19.8081 19.734 19.618 19.8407C19.4022 19.9618 19.1493 20.0162 18.8968 19.9958C18.6744 19.9778 18.45 19.8756 18.0011 19.6711C17.6018 19.4892 17.2032 19.3156 17.052 18.868C17 18.714 17 18.5412 17 18.1955V13.8045Z\"\n stroke=\"var(--color-icon-information, #064E94)\"\n stroke-width=\"1.5\"\n />\n <path\n d=\"M9.5 21C10.8807 22.3333 13.1193 22.3333 14.5 21\"\n stroke=\"var(--color-icon-information, #064E94)\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M7 13.8045C7 13.3693 6.98778 12.9782 6.63591 12.6722C6.50793 12.5609 6.33825 12.4836 5.99891 12.329C5.55001 12.1246 5.32556 12.0224 5.10316 12.0044C4.43591 11.9504 4.07692 12.4058 3.69213 12.8731C2.74875 14.0189 2.27706 14.5918 2.10446 15.2236C1.96518 15.7334 1.96518 16.2666 2.10446 16.7764C2.3562 17.6979 3.15152 18.4702 3.74021 19.1852C4.11129 19.6359 4.46577 20.0472 5.10316 19.9956C5.32556 19.9776 5.55001 19.8754 5.99891 19.6709C6.33825 19.5164 6.50793 19.4391 6.63591 19.3278C6.98778 19.0218 7 18.6307 7 18.1954V13.8045Z\"\n stroke=\"var(--color-icon-information, #064E94)\"\n stroke-width=\"1.5\"\n />\n <path\n d=\"M2 16V12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12L22.0001 16\"\n stroke=\"var(--color-icon-information, #064E94)\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </div>\n <p class=\"heading text-lg-semi-bold\">NEED HELP? REACH OUT</p>\n </div>\n <div class=\"contact_dropdown_items\">\n {this.items.map(item => (\n <div class=\"item\">\n <gb-dropdown-items-with-shortcut icon iconSrc={item.icon} label={item.label} state={item.disabled ? 'disabled' : 'default'} onClick={() => this.handleDropdownItemClick(item)}></gb-dropdown-items-with-shortcut>\n </div>\n ))}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
package/dist/components/{p-WViuVrQy.js → p-50-MU8l3.js} RENAMED
@@ -68,7 +68,7 @@ const GbEmptyState = /*@__PURE__*/ proxyCustomElement(class GbEmptyState extends
68
68
  }
69
69
  }
70
70
  render() {
71
- return (h("div", { key: '46af6049ab5029e959a54cdc1916f875336a8f9c', class: "overall_container" }, h("div", { key: 'fd9a7abcf6ad208d4716b0b9b7c2f3ce00ec9e83', class: `empty_state_wrapper ${this.size}` }, this.background && h("gb-pattern", { key: this.patternKey, type: this.backgroundType, theme: this.theme, class: `pattern` }), h("div", { key: '902f1fa5b966c720341909454e07f8052796f2ed', class: `top ${this.size}` }, this.icon === 'featured_icon' && h("gb-featured-icon", { key: 'a291dfa30c55bc6041d01f876ff20a7e10943fce', size: "lg", icon: this.featuredIconSwap }), this.icon === 'illustration' && (h("gb-illustration", { key: '3cb7980e5586d655914d176f2e29345abd0be0d2', size: this.size, color: this.color, "illustration-style": this.illustrationStyle, "illustration-icon": this.illustrationIcon })), this.icon === 'file_type_icon' && (h("div", { key: '831393ec495a45735cddfa90c42790b76077a94e', class: "file_type_icon_div" }, h("gb-file-type-icon", { key: '43a306ebf0f9363cafce7a853eb4e7d83f86b5dd', "file-style": this.fileStyle, "file-type": this.fileType }))), h("div", { key: '98ff1942bcd5c40199752ad32d1bcbc7226204d5', class: "text_wrapper" }, h("p", { key: '3f0a923e4ab5a62c9eee36f855e7c7ae1b50994b', class: "heading text-md-semi-bold" }, this.mainText), h("p", { key: '68bf286dafbc7ed1b9b0c86b568308f33fc2f247', class: "supporting_text text-sm-regular" }, this.supportingText))), (this.primaryButtonText || this.secondaryButtonText) && (h("div", { key: '53c625f430beef92cf53c1ae7289ac73c246d4f7', class: `actions ${this.buttonFullWidth ? 'full_width' : ''}`, style: { 'justify-content': this.secondaryButtonText && !this.buttonFullWidth ? 'flex-start' : this.secondaryButtonText && this.buttonFullWidth ? 'space-between' : 'center' } }, this.secondaryButtonText && (h("div", { key: '47882a301dfeb1b727241a0ba9ad3505dd109e8a', class: `btn ${this.buttonFullWidth ? 'full_width' : ''}` }, h("gb-button", { key: '8e31fd9f15540723ba968d2451a0ede8dc4e47da', size: "lg", hierarchy: "secondary_gray", icon: "default", "icon-leading": this.secondaryButtonIconLeadingSwap ? true : false, "icon-leading-swap": this.secondaryButtonIconLeadingSwap, "icon-trailing": this.secondaryButtonIconTrailingSwap ? true : false, "icon-trailing-swap": this.secondaryButtonIconTrailingSwap, onClick: () => this.onSecondaryButtonClicked() }, h("p", { key: '835ccdbbd4c8b3a3165c74fde3cdc3e14b608372' }, this.secondaryButtonText)))), this.primaryButtonText && (h("div", { key: 'd7e248fea43db53f1c62e7d2803d2b02c88ae8d0', style: { 'width': !this.secondaryButtonText && !this.buttonFullWidth ? 'fit-content' : !this.secondaryButtonText && this.buttonFullWidth ? '100%' : '' }, class: `btn` }, h("gb-button", { key: '1ff930abeafc4c772b06317bfde76aa48cad5d3c', size: "lg", state: this.primaryButtonState, hierarchy: "primary", icon: "default", "icon-leading": this.primaryButtonIconLeadingSwap ? true : false, "icon-leading-swap": this.primaryButtonIconLeadingSwap, "icon-trailing": this.primaryButtonIconTrailingSwap ? true : false, "icon-trailing-swap": this.primaryButtonIconTrailingSwap, onClick: () => this.onPrimaryButtonClicked() }, h("p", { key: 'b433e43edbe8211abb8222b97cfc15ccede5d4e6' }, this.primaryButtonText)))))))));
71
+ return (h("div", { key: '46af6049ab5029e959a54cdc1916f875336a8f9c', class: "overall_container" }, h("div", { key: 'fd9a7abcf6ad208d4716b0b9b7c2f3ce00ec9e83', class: `empty_state_wrapper ${this.size}` }, this.background && h("gb-pattern", { key: this.patternKey, type: this.backgroundType, theme: this.theme, class: `pattern` }), h("div", { key: '902f1fa5b966c720341909454e07f8052796f2ed', class: `top ${this.size}` }, this.icon === 'featured_icon' && h("gb-featured-icon", { key: 'a291dfa30c55bc6041d01f876ff20a7e10943fce', size: "lg", icon: this.featuredIconSwap }), this.icon === 'illustration' && (h("gb-illustration", { key: 'e7c2f30b635ba4785f936d24dfddf518d613ac64', size: this.size, color: this.color, theme: this.theme, "illustration-style": this.illustrationStyle, "illustration-icon": this.illustrationIcon })), this.icon === 'file_type_icon' && (h("div", { key: 'f65391a3019fcfae6ee805f38662f5eeaba30d63', class: "file_type_icon_div" }, h("gb-file-type-icon", { key: 'f3b1fee95b3c64868dad0911407f7ebf92d42346', "file-style": this.fileStyle, "file-type": this.fileType }))), h("div", { key: '7a5fe417ef9b28f5d2c6c1cf370bd70b01f6aaca', class: "text_wrapper" }, h("p", { key: '51841efc6c160505884bdd2685502aa139633df6', class: "heading text-md-semi-bold" }, this.mainText), h("p", { key: '9db36145fc09076fec3d03ffee2941381f37e85a', class: "supporting_text text-sm-regular" }, this.supportingText))), (this.primaryButtonText || this.secondaryButtonText) && (h("div", { key: 'e197df2a0a16a95a23394f6ff16eb3abdf5b3308', class: `actions ${this.buttonFullWidth ? 'full_width' : ''}`, style: { 'justify-content': this.secondaryButtonText && !this.buttonFullWidth ? 'flex-start' : this.secondaryButtonText && this.buttonFullWidth ? 'space-between' : 'center' } }, this.secondaryButtonText && (h("div", { key: '0457af5d8e09e307a13b986c83d8d26df90c050c', class: `btn ${this.buttonFullWidth ? 'full_width' : ''}` }, h("gb-button", { key: '3cd9ad7aca6d5ff85952815fb547c939b34ec91a', size: "lg", hierarchy: "secondary_gray", icon: "default", "icon-leading": this.secondaryButtonIconLeadingSwap ? true : false, "icon-leading-swap": this.secondaryButtonIconLeadingSwap, "icon-trailing": this.secondaryButtonIconTrailingSwap ? true : false, "icon-trailing-swap": this.secondaryButtonIconTrailingSwap, onClick: () => this.onSecondaryButtonClicked() }, h("p", { key: 'a2c09f21ed616c801dca0280705e5adbc713fedc' }, this.secondaryButtonText)))), this.primaryButtonText && (h("div", { key: '60866132ffa4303a329b90e9cae830274f83ae4c', style: { 'width': !this.secondaryButtonText && !this.buttonFullWidth ? 'fit-content' : !this.secondaryButtonText && this.buttonFullWidth ? '100%' : '' }, class: `btn` }, h("gb-button", { key: '1524eba73ea13821135299896f62c44f2a3c9fc5', size: "lg", state: this.primaryButtonState, hierarchy: "primary", icon: "default", "icon-leading": this.primaryButtonIconLeadingSwap ? true : false, "icon-leading-swap": this.primaryButtonIconLeadingSwap, "icon-trailing": this.primaryButtonIconTrailingSwap ? true : false, "icon-trailing-swap": this.primaryButtonIconTrailingSwap, onClick: () => this.onPrimaryButtonClicked() }, h("p", { key: 'e8de7c65c490ff10f90d714b13739eea025622ab' }, this.primaryButtonText)))))))));
72
72
  }
73
73
  static get watchers() { return {
74
74
  "theme": ["onThemeChanged"]
@@ -147,6 +147,6 @@ function defineCustomElement() {
147
147
  defineCustomElement();
148
148
 
149
149
  export { GbEmptyState as G, defineCustomElement as d };
150
- //# sourceMappingURL=p-WViuVrQy.js.map
150
+ //# sourceMappingURL=p-50-MU8l3.js.map
151
151
 
152
- //# sourceMappingURL=p-WViuVrQy.js.map
152
+ //# sourceMappingURL=p-50-MU8l3.js.map
package/dist/components/{p-WViuVrQy.js.map → p-50-MU8l3.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-WViuVrQy.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-empty-state/gb-empty-state.css?tag=gb-empty-state&encapsulation=shadow","src/components/gb-empty-state/gb-empty-state.tsx"],"sourcesContent":["@import './../../global/global.css';\n\n.overall_container {\n width: 100%;\n display: flex;\n justify-content: center;\n}\n\n.empty_state_wrapper {\n position: relative;\n display: flex;\n width: 22rem;\n flex-direction: column;\n align-items: center;\n flex-shrink: 0;\n}\n\n.empty_state_wrapper.sm {\n gap: var(--spacing-6);\n}\n\n.empty_state_wrapper.md,\n.empty_state_wrapper.lg {\n gap: var(--spacing-7);\n}\n\n.pattern {\n position: absolute;\n top: -10rem;\n left: -4rem;\n}\n\n.pattern.file_type_icon {\n top: -8rem;\n}\n\n.top {\n display: flex;\n flex-direction: column;\n align-items: center;\n align-self: stretch;\n}\n\n.top.sm {\n gap: var(--spacing-4);\n}\n\n.top.md,\n.top.lg {\n gap: var(--spacing-5);\n}\n\n.file_type_icon_div {\n display: flex;\n padding: var(--spacing-7);\n align-items: flex-start;\n border-radius: 12.5rem;\n background: linear-gradient(180deg, var(--color-background-gray-subtler, #eef2f6) 0%, var(--color-background-gray-subtlest, #f6f8fa) 100%);\n}\n\n.text_wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--spacing-4);\n align-self: stretch;\n text-align: center;\n}\n\n.heading {\n color: var(--color-text-bold, #202939);\n}\n\n.supporting_text {\n color: var(--color-text, #4b5565);\n}\n\n.actions {\n display: flex;\n gap: var(--spacing-3);\n flex: 1 0 0;\n width: 100%;\n}\n\n.btn {\n width: 100%;\n}\n","import { Component, Prop, h, Event, EventEmitter, Watch, State } from '@stencil/core';\nimport { FileIconStyles, FileIconTypes, GeneralColors, GeneralSizes, IllustrationTypes, StateType, ThemeTypes } from '../../models/reusableModels';\n\n@Component({\n tag: 'gb-empty-state',\n styleUrl: 'gb-empty-state.css',\n shadow: true,\n})\nexport class GbEmptyState {\n @Prop() size: GeneralSizes = 'sm';\n @Prop() icon: 'featured_icon' | 'illustration' | 'file_type_icon' = 'illustration';\n @Prop() color: GeneralColors = 'gray';\n @Prop() theme: ThemeTypes = 'system';\n @Prop() illustrationStyle: IllustrationTypes = 'box';\n @Prop() illustrationIcon: string = '';\n @Prop() background: boolean = true;\n @Prop() backgroundType: 'grid' | 'circles' = 'grid';\n @Prop() primaryButtonText: string = '';\n @Prop() secondaryButtonText: string = '';\n @Prop() primaryButtonState: StateType = 'default';\n @Prop() primaryButtonIconLeadingSwap: string = '';\n @Prop() primaryButtonIconTrailingSwap: string = '';\n @Prop() secondaryButtonIconLeadingSwap: string = '';\n @Prop() secondaryButtonIconTrailingSwap: string = '';\n @Prop() mainText: string = '';\n @Prop() supportingText: string = '';\n @Prop() fileStyle: FileIconStyles = 'solid';\n @Prop() fileType: FileIconTypes = 'pdf';\n @Prop() featuredIconSwap: string = '';\n @Prop() buttonFullWidth: boolean = false;\n @State() isDarkTheme: boolean = false;\n @Event() primaryButtonClicked: EventEmitter<void>;\n @Event() secondaryButtonClicked: EventEmitter<void>;\n @State() patternKey: number = 0;\n\n onPrimaryButtonClicked() {\n this.primaryButtonClicked.emit();\n }\n\n onSecondaryButtonClicked() {\n this.secondaryButtonClicked.emit();\n }\n\n @Watch('theme')\n onThemeChanged() {\n this.changeTheme();\n this.patternKey++;\n }\n\n changeTheme() {\n if (this.theme === 'system') {\n if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n this.isDarkTheme = true;\n } else {\n this.isDarkTheme = false;\n }\n } else if (this.theme === 'light') {\n this.isDarkTheme = false;\n } else if (this.theme === 'dark') {\n this.isDarkTheme = true;\n }\n }\n\n render() {\n return (\n <div class=\"overall_container\">\n <div class={`empty_state_wrapper ${this.size}`}>\n {/* <div class=\"pattern\"></div> */}\n {this.background && <gb-pattern key={this.patternKey} type={this.backgroundType} theme={this.theme} class={`pattern`}></gb-pattern>}\n <div class={`top ${this.size}`}>\n {this.icon === 'featured_icon' && <gb-featured-icon size=\"lg\" icon={this.featuredIconSwap}></gb-featured-icon>}\n {this.icon === 'illustration' && (\n <gb-illustration size={this.size} color={this.color} illustration-style={this.illustrationStyle} illustration-icon={this.illustrationIcon}></gb-illustration>\n )}\n {this.icon === 'file_type_icon' && (\n <div class=\"file_type_icon_div\">\n <gb-file-type-icon file-style={this.fileStyle} file-type={this.fileType}></gb-file-type-icon>\n </div>\n )}\n <div class=\"text_wrapper\">\n <p class=\"heading text-md-semi-bold\">{this.mainText}</p>\n <p class=\"supporting_text text-sm-regular\">{this.supportingText}</p>\n </div>\n </div>\n {(this.primaryButtonText || this.secondaryButtonText) && (\n <div class={`actions ${this.buttonFullWidth ? 'full_width' : ''}`} style={{ 'justify-content': this.secondaryButtonText && !this.buttonFullWidth ? 'flex-start' : this.secondaryButtonText && this.buttonFullWidth ? 'space-between' : 'center' }}>\n {this.secondaryButtonText && (\n <div class={`btn ${this.buttonFullWidth ? 'full_width' : ''}`}>\n <gb-button\n size=\"lg\"\n hierarchy=\"secondary_gray\"\n icon=\"default\"\n icon-leading={this.secondaryButtonIconLeadingSwap ? true : false}\n icon-leading-swap={this.secondaryButtonIconLeadingSwap}\n icon-trailing={this.secondaryButtonIconTrailingSwap ? true : false}\n icon-trailing-swap={this.secondaryButtonIconTrailingSwap}\n onClick={() => this.onSecondaryButtonClicked()}\n >\n <p>{this.secondaryButtonText}</p>\n </gb-button>\n </div>\n )}\n {this.primaryButtonText && (\n <div style={{ 'width': !this.secondaryButtonText && !this.buttonFullWidth ? 'fit-content' : !this.secondaryButtonText && this.buttonFullWidth ? '100%' : '' }} class={`btn`}>\n <gb-button\n size=\"lg\"\n state={this.primaryButtonState}\n hierarchy=\"primary\"\n icon=\"default\"\n icon-leading={this.primaryButtonIconLeadingSwap ? true : false}\n icon-leading-swap={this.primaryButtonIconLeadingSwap}\n icon-trailing={this.primaryButtonIconTrailingSwap ? true : false}\n icon-trailing-swap={this.primaryButtonIconTrailingSwap}\n onClick={() => this.onPrimaryButtonClicked()}\n >\n <p>{this.primaryButtonText}</p>\n </gb-button>\n </div>\n )}\n </div>\n )}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-50-MU8l3.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-empty-state/gb-empty-state.css?tag=gb-empty-state&encapsulation=shadow","src/components/gb-empty-state/gb-empty-state.tsx"],"sourcesContent":["@import './../../global/global.css';\n\n.overall_container {\n width: 100%;\n display: flex;\n justify-content: center;\n}\n\n.empty_state_wrapper {\n position: relative;\n display: flex;\n width: 22rem;\n flex-direction: column;\n align-items: center;\n flex-shrink: 0;\n}\n\n.empty_state_wrapper.sm {\n gap: var(--spacing-6);\n}\n\n.empty_state_wrapper.md,\n.empty_state_wrapper.lg {\n gap: var(--spacing-7);\n}\n\n.pattern {\n position: absolute;\n top: -10rem;\n left: -4rem;\n}\n\n.pattern.file_type_icon {\n top: -8rem;\n}\n\n.top {\n display: flex;\n flex-direction: column;\n align-items: center;\n align-self: stretch;\n}\n\n.top.sm {\n gap: var(--spacing-4);\n}\n\n.top.md,\n.top.lg {\n gap: var(--spacing-5);\n}\n\n.file_type_icon_div {\n display: flex;\n padding: var(--spacing-7);\n align-items: flex-start;\n border-radius: 12.5rem;\n background: linear-gradient(180deg, var(--color-background-gray-subtler, #eef2f6) 0%, var(--color-background-gray-subtlest, #f6f8fa) 100%);\n}\n\n.text_wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--spacing-4);\n align-self: stretch;\n text-align: center;\n}\n\n.heading {\n color: var(--color-text-bold, #202939);\n}\n\n.supporting_text {\n color: var(--color-text, #4b5565);\n}\n\n.actions {\n display: flex;\n gap: var(--spacing-3);\n flex: 1 0 0;\n width: 100%;\n}\n\n.btn {\n width: 100%;\n}\n","import { Component, Prop, h, Event, EventEmitter, Watch, State } from '@stencil/core';\nimport { FileIconStyles, FileIconTypes, GeneralColors, GeneralSizes, IllustrationTypes, StateType, ThemeTypes } from '../../models/reusableModels';\n\n@Component({\n tag: 'gb-empty-state',\n styleUrl: 'gb-empty-state.css',\n shadow: true,\n})\nexport class GbEmptyState {\n @Prop() size: GeneralSizes = 'sm';\n @Prop() icon: 'featured_icon' | 'illustration' | 'file_type_icon' = 'illustration';\n @Prop() color: GeneralColors = 'gray';\n @Prop() theme: ThemeTypes = 'system';\n @Prop() illustrationStyle: IllustrationTypes = 'box';\n @Prop() illustrationIcon: string = '';\n @Prop() background: boolean = true;\n @Prop() backgroundType: 'grid' | 'circles' = 'grid';\n @Prop() primaryButtonText: string = '';\n @Prop() secondaryButtonText: string = '';\n @Prop() primaryButtonState: StateType = 'default';\n @Prop() primaryButtonIconLeadingSwap: string = '';\n @Prop() primaryButtonIconTrailingSwap: string = '';\n @Prop() secondaryButtonIconLeadingSwap: string = '';\n @Prop() secondaryButtonIconTrailingSwap: string = '';\n @Prop() mainText: string = '';\n @Prop() supportingText: string = '';\n @Prop() fileStyle: FileIconStyles = 'solid';\n @Prop() fileType: FileIconTypes = 'pdf';\n @Prop() featuredIconSwap: string = '';\n @Prop() buttonFullWidth: boolean = false;\n @State() isDarkTheme: boolean = false;\n @Event() primaryButtonClicked: EventEmitter<void>;\n @Event() secondaryButtonClicked: EventEmitter<void>;\n @State() patternKey: number = 0;\n\n onPrimaryButtonClicked() {\n this.primaryButtonClicked.emit();\n }\n\n onSecondaryButtonClicked() {\n this.secondaryButtonClicked.emit();\n }\n\n @Watch('theme')\n onThemeChanged() {\n this.changeTheme();\n this.patternKey++;\n }\n\n changeTheme() {\n if (this.theme === 'system') {\n if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n this.isDarkTheme = true;\n } else {\n this.isDarkTheme = false;\n }\n } else if (this.theme === 'light') {\n this.isDarkTheme = false;\n } else if (this.theme === 'dark') {\n this.isDarkTheme = true;\n }\n }\n\n render() {\n return (\n <div class=\"overall_container\">\n <div class={`empty_state_wrapper ${this.size}`}>\n {/* <div class=\"pattern\"></div> */}\n {this.background && <gb-pattern key={this.patternKey} type={this.backgroundType} theme={this.theme} class={`pattern`}></gb-pattern>}\n <div class={`top ${this.size}`}>\n {this.icon === 'featured_icon' && <gb-featured-icon size=\"lg\" icon={this.featuredIconSwap}></gb-featured-icon>}\n {this.icon === 'illustration' && (\n <gb-illustration size={this.size} color={this.color} theme={this.theme} illustration-style={this.illustrationStyle} illustration-icon={this.illustrationIcon}></gb-illustration>\n )}\n {this.icon === 'file_type_icon' && (\n <div class=\"file_type_icon_div\">\n <gb-file-type-icon file-style={this.fileStyle} file-type={this.fileType}></gb-file-type-icon>\n </div>\n )}\n <div class=\"text_wrapper\">\n <p class=\"heading text-md-semi-bold\">{this.mainText}</p>\n <p class=\"supporting_text text-sm-regular\">{this.supportingText}</p>\n </div>\n </div>\n {(this.primaryButtonText || this.secondaryButtonText) && (\n <div class={`actions ${this.buttonFullWidth ? 'full_width' : ''}`} style={{ 'justify-content': this.secondaryButtonText && !this.buttonFullWidth ? 'flex-start' : this.secondaryButtonText && this.buttonFullWidth ? 'space-between' : 'center' }}>\n {this.secondaryButtonText && (\n <div class={`btn ${this.buttonFullWidth ? 'full_width' : ''}`}>\n <gb-button\n size=\"lg\"\n hierarchy=\"secondary_gray\"\n icon=\"default\"\n icon-leading={this.secondaryButtonIconLeadingSwap ? true : false}\n icon-leading-swap={this.secondaryButtonIconLeadingSwap}\n icon-trailing={this.secondaryButtonIconTrailingSwap ? true : false}\n icon-trailing-swap={this.secondaryButtonIconTrailingSwap}\n onClick={() => this.onSecondaryButtonClicked()}\n >\n <p>{this.secondaryButtonText}</p>\n </gb-button>\n </div>\n )}\n {this.primaryButtonText && (\n <div style={{ 'width': !this.secondaryButtonText && !this.buttonFullWidth ? 'fit-content' : !this.secondaryButtonText && this.buttonFullWidth ? '100%' : '' }} class={`btn`}>\n <gb-button\n size=\"lg\"\n state={this.primaryButtonState}\n hierarchy=\"primary\"\n icon=\"default\"\n icon-leading={this.primaryButtonIconLeadingSwap ? true : false}\n icon-leading-swap={this.primaryButtonIconLeadingSwap}\n icon-trailing={this.primaryButtonIconTrailingSwap ? true : false}\n icon-trailing-swap={this.primaryButtonIconTrailingSwap}\n onClick={() => this.onPrimaryButtonClicked()}\n >\n <p>{this.primaryButtonText}</p>\n </gb-button>\n </div>\n )}\n </div>\n )}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
package/dist/components/{p-BEwtnG4L.js → p-BE9pk1IO.js} RENAMED
@@ -27,50 +27,50 @@ const GbCheckboxBase = /*@__PURE__*/ proxyCustomElement(class GbCheckboxBase ext
27
27
  }
28
28
  renderCheckbox() {
29
29
  if (this.state === "default" && this.checked) {
30
- return (h("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}` }, h("path", { 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", fill: "#075DB2" }), h("path", { 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", stroke: "#075DB2", class: "border" }), h("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" })));
30
+ return (h("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}` }, h("path", { 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", fill: "var(--color-border-selected, #075DB2)" }), h("path", { 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", stroke: "var(--color-border-selected, #075DB2)", class: "border" }), h("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: "var(--color-icon-inverse, #fff)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
31
31
  }
32
32
  else if (this.state === "default" && this.indeterminate) {
33
- return (h("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}` }, h("path", { 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", fill: "#075DB2" }), h("path", { 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", stroke: "#075DB2", class: "border" }), h("path", { d: "M12 8L4 8", stroke: "white", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
33
+ return (h("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}` }, h("path", { 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", fill: "var(--color-border-selected, #075DB2)" }), h("path", { 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", stroke: "var(--color-border-selected, #075DB2)", class: "border" }), h("path", { d: "M12 8L4 8", stroke: "var(--color-icon-inverse, #fff)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
34
34
  }
35
35
  else if (this.state === "disabled" && !this.checked) {
36
- return (h("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}` }, h("path", { 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", fill: "#F6F8FA" }), h("path", { 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", stroke: "#E3E8EF" })));
36
+ return (h("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}` }, h("path", { 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", fill: "var(--color-background-disabled, #F6F8FA)" }), h("path", { 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", stroke: "var(--color-border-disabled, #E3E8EF)" })));
37
37
  }
38
38
  else if (this.state === "disabled" && this.checked) {
39
- return (h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `${this.size}` }, h("path", { 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", fill: "#9AA4B2" }), h("path", { 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", stroke: "#9AA4B2" }), h("path", { 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", stroke: "#E3E8EF", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
39
+ return (h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `${this.size}` }, h("path", { 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", fill: "#9AA4B2" }), h("path", { 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", stroke: "#9AA4B2" }), h("path", { 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", stroke: "var(--color-border-disabled, #E3E8EF)", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
40
40
  }
41
41
  else if (this.state === "disabled" && this.indeterminate) {
42
- h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `${this.size}` }, h("path", { 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", fill: "#9AA4B2" }), h("path", { 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", stroke: "#9AA4B2" }), h("path", { d: "M15.3335 10L4.66683 10", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }));
42
+ h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `${this.size}` }, h("path", { 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", fill: "#9AA4B2" }), h("path", { 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", stroke: "#9AA4B2" }), h("path", { d: "M15.3335 10L4.66683 10", stroke: "var(--color-border-disabled, #E3E8EF)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }));
43
43
  }
44
44
  else {
45
- return (h("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}` }, h("path", { 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", stroke: "#CDD5DF" })));
45
+ return (h("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}` }, h("path", { 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", stroke: "var(--color-border-input, #CDD5DF)" })));
46
46
  }
47
47
  }
48
48
  renderCircle() {
49
49
  if (this.checked && this.state === "default") {
50
- return (h("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}` }, h("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", fill: "#075DB2", class: "background" }), h("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", stroke: "#075DB2" }), h("path", { 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", stroke: "white", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })));
50
+ return (h("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}` }, h("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", fill: "var(--color-border-selected, #075DB2)", class: "background" }), h("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", stroke: "var(--color-border-selected, #075DB2)" }), h("path", { 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", stroke: "var(--color-icon-inverse, #fff)", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })));
51
51
  }
52
52
  else if (!this.checked && this.state === "default") {
53
- return (h("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}` }, h("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", stroke: "#CDD5DF" })));
53
+ return (h("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}` }, h("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", stroke: "var(--color-border-input, #CDD5DF)" })));
54
54
  }
55
55
  else if (this.checked && this.state === "disabled") {
56
- return (h("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}` }, h("rect", { x: "0.5", y: "0.5", width: "19", height: "19", rx: "9.5", fill: "#9AA4B2" }), h("rect", { x: "0.5", y: "0.5", width: "19", height: "19", rx: "9.5", stroke: "#9AA4B2" }), h("path", { 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", stroke: "#E3E8EF", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
56
+ return (h("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}` }, h("rect", { x: "0.5", y: "0.5", width: "19", height: "19", rx: "9.5", fill: "#9AA4B2" }), h("rect", { x: "0.5", y: "0.5", width: "19", height: "19", rx: "9.5", stroke: "#9AA4B2" }), h("path", { 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", stroke: "var(--color-border-disabled, #E3E8EF)", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
57
57
  }
58
58
  else if (!this.checked && this.state === "disabled") {
59
- return (h("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}` }, h("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", stroke: "#E3E8EF" })));
59
+ return (h("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}` }, h("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", stroke: "var(--color-border-disabled, #E3E8EF)" })));
60
60
  }
61
61
  }
62
62
  renderRadio() {
63
63
  if (this.state === "default" && this.checked) {
64
- return (h("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}` }, h("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", stroke: "#075DB2" }), h("circle", { cx: "8", cy: "8", r: "3", fill: "#075DB2" })));
64
+ return (h("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}` }, h("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", stroke: "var(--color-border-selected, #075DB2)" }), h("circle", { cx: "8", cy: "8", r: "3", fill: "var(--color-border-selected, #075DB2)" })));
65
65
  }
66
66
  else if (this.state === "disabled" && !this.checked) {
67
- return (h("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}` }, h("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", stroke: "#E3E8EF" })));
67
+ return (h("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}` }, h("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", stroke: "var(--color-border-disabled, #E3E8EF)" })));
68
68
  }
69
69
  else if (this.state === "disabled" && this.checked) {
70
70
  return (h("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}` }, h("rect", { x: "0.5", y: "0.5", width: "19", height: "19", rx: "9.5", stroke: "#9AA4B2" }), h("circle", { cx: "10", cy: "10", r: "4", fill: "#9AA4B2" })));
71
71
  }
72
72
  else {
73
- return (h("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}` }, h("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", stroke: "#CDD5DF" })));
73
+ return (h("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}` }, h("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", stroke: "var(--color-border-input, #CDD5DF)" })));
74
74
  }
75
75
  }
76
76
  toggleCheckboxState() {
@@ -108,7 +108,7 @@ const GbCheckboxBase = /*@__PURE__*/ proxyCustomElement(class GbCheckboxBase ext
108
108
  }
109
109
  }
110
110
  render() {
111
- return (h("div", { key: 'c5fb0c8c45d36991b6d248f47a53c6a620e69d3a', class: `checkbox_container ${this.size}`, onClick: () => {
111
+ return (h("div", { key: '0e740e4e7f4ba556388dea7fb26d80e02e242a3b', class: `checkbox_container ${this.size}`, onClick: () => {
112
112
  if (this.type === 'checkbox') {
113
113
  return this.toggleCheckboxState();
114
114
  }
@@ -144,6 +144,6 @@ function defineCustomElement() {
144
144
  defineCustomElement();
145
145
 
146
146
  export { GbCheckboxBase as G, defineCustomElement as d };
147
- //# sourceMappingURL=p-BEwtnG4L.js.map
147
+ //# sourceMappingURL=p-BE9pk1IO.js.map
148
148
 
149
- //# sourceMappingURL=p-BEwtnG4L.js.map
149
+ //# sourceMappingURL=p-BE9pk1IO.js.map
package/dist/components/p-BE9pk1IO.js.map ADDED
@@ -0,0 +1 @@
1
+ {"file":"p-BE9pk1IO.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,knoEAAknoE;;MCQ/noE,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAS2B,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AACxB,QAAA,IAAa,CAAA,aAAA,GAAY,KAAK;AAwOxD;IArOS,SAAS,GAAA;AACf,QAAA,QAAQ,IAAI,CAAC,IAAI;AACf,YAAA,KAAK,UAAU;AACb,gBAAA,OAAO,IAAI,CAAC,cAAc,EAAE;AAC9B,YAAA,KAAK,cAAc;AACjB,gBAAA,OAAO,IAAI,CAAC,YAAY,EAAE;AAC5B,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,IAAI,CAAC,WAAW,EAAE;AAC3B,YAAA;AACE,gBAAA,OAAO,IAAI;;;IAIT,cAAc,GAAA;QACpB,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE;YAC5C,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,CAAA,yBAAA,EAA4B,IAAI,CAAC,IAAI,EAAE,EAAA,EAC3I,CAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,usBAAusB,EACzsB,IAAI,EAAC,uCAAuC,EAC5C,CAAA,EACF,CACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,usBAAusB,EACzsB,MAAM,EAAC,uCAAuC,EAC9C,KAAK,EAAC,QAAQ,EACd,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,uEAAuE,EAAC,MAAM,EAAC,iCAAiC,EAAA,cAAA,EAAc,KAAK,EAAA,gBAAA,EAAgB,OAAO,EAAiB,iBAAA,EAAA,OAAO,EAAG,CAAA,CACzL;;aAEH,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,aAAa,EAAE;YACzD,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,CAAA,+BAAA,EAAkC,IAAI,CAAC,IAAI,EAAE,EAAA,EACjJ,CAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,usBAAusB,EACzsB,IAAI,EAAC,uCAAuC,EAC5C,CAAA,EACF,CACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,usBAAusB,EACzsB,MAAM,EAAC,uCAAuC,EAC9C,KAAK,EAAC,QAAQ,EACd,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,WAAW,EAAC,MAAM,EAAC,iCAAiC,EAAA,cAAA,EAAc,KAAK,EAAA,gBAAA,EAAgB,OAAO,EAAiB,iBAAA,EAAA,OAAO,EAAG,CAAA,CAC7H;;aAEH,IAAI,IAAI,CAAC,KAAK,KAAK,UAAU,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACrD,YAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,CAA+B,4BAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EAC9I,CAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,usBAAusB,EACzsB,IAAI,EAAC,2CAA2C,EAChD,CAAA,EACF,CACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,usBAAusB,EACzsB,MAAM,EAAC,uCAAuC,EAAA,CAC9C,CACE;;aAEH,IAAI,IAAI,CAAC,KAAK,KAAK,UAAU,IAAI,IAAI,CAAC,OAAO,EAAE;YACpD,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,CAAE,CAAA,EAAA,EAClH,CAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,mtBAAmtB,EACrtB,IAAI,EAAC,SAAS,EACd,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,mtBAAmtB,EACrtB,MAAM,EAAC,SAAS,EAChB,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,qGAAqG,EACvG,MAAM,EAAC,uCAAuC,EAAA,cAAA,EACjC,GAAG,EAAA,gBAAA,EACD,OAAO,EACN,iBAAA,EAAA,OAAO,EACvB,CAAA,CACE;;aAEH,IAAI,IAAI,CAAC,KAAK,KAAK,UAAU,IAAI,IAAI,CAAC,aAAa,EAAE;AAC1D,YAAA,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,IAAI,EAAE,EAAA,EAClH,CAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,mtBAAmtB,EACrtB,IAAI,EAAC,SAAS,EACd,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,mtBAAmtB,EACrtB,MAAM,EAAC,SAAS,EAChB,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,wBAAwB,EAAC,MAAM,EAAC,uCAAuC,EAAc,cAAA,EAAA,KAAK,oBAAgB,OAAO,EAAA,iBAAA,EAAiB,OAAO,EAAA,CAAG,CAChJ;;aACD;YACL,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,CAA8B,2BAAA,EAAA,IAAI,CAAC,IAAI,EAAE,EAAA,EAC7I,CACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,usBAAusB,EACzsB,MAAM,EAAC,oCAAoC,EAAA,CAC3C,CACE;;;IAKJ,YAAY,GAAA;QAClB,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;AAC5C,YAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,0BAA0B,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EACzI,CAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,uCAAuC,EAAC,KAAK,EAAC,YAAY,EAAG,CAAA,EACxH,CAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,uCAAuC,EAAG,CAAA,EACvG,CAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,yGAAyG,EAC3G,MAAM,EAAC,iCAAiC,EAAA,cAAA,EAC3B,SAAS,EAAA,gBAAA,EACP,OAAO,EACN,iBAAA,EAAA,OAAO,EACvB,CAAA,CACE;;aAEH,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;AACpD,YAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,CAA4B,yBAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EAC3I,CAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,oCAAoC,EAAA,CAAG,CAChG;;aAEH,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,KAAK,UAAU,EAAE;AACpD,YAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,CAA2B,wBAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,EAAA,EAC1I,CAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,SAAS,EAAG,CAAA,EACvE,CAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAG,CAAA,EACzE,CAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,yGAAyG,EAC3G,MAAM,EAAC,uCAAuC,EAAA,cAAA,EACjC,GAAG,EAAA,gBAAA,EACD,OAAO,EACN,iBAAA,EAAA,OAAO,EACvB,CAAA,CACE;;aAEH,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,KAAK,UAAU,EAAE;AACrD,YAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,CAA6B,0BAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EAC5I,CAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,uCAAuC,EAAA,CAAG,CACnG;;;IAKJ,WAAW,GAAA;QACjB,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE;AAC5C,YAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,CAAyB,sBAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EACxI,CAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,uCAAuC,EAAG,CAAA,EACvG,CAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,uCAAuC,EAAG,CAAA,CACvE;;aAEH,IAAI,IAAI,CAAC,KAAK,KAAK,UAAU,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACrD,YAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,CAA4B,yBAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EAC3I,CAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,uCAAuC,EAAA,CAAG,CACnG;;aAEH,IAAI,IAAI,CAAC,KAAK,KAAK,UAAU,IAAI,IAAI,CAAC,OAAO,EAAE;AACpD,YAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,CAA0B,uBAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EACzI,CAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAG,CAAA,EACzE,CAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAG,CAAA,CAC3C;;aAEH;AACL,YAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,CAA2B,wBAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EAC1I,CAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,oCAAoC,EAAA,CAAG,CAChG;;;IAKJ,mBAAmB,GAAA;QACzB,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AAC7C,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;;YAEnB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;;aAClC,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE;AACnD,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;;YAEpB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;;;IAInC,sBAAsB,GAAA;QAC5B,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,UAAU,IAAI,IAAI,CAAC,OAAO,MAAM,IAAI,CAAC,KAAK,KAAK,UAAU,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YAC/F;;QAGF,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AAC7C,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;YACnB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;;aAClC,IAAI,IAAI,CAAC,KAAK,IAAI,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE;AAClD,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;YACpB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;;;IAInC,sBAAsB,GAAA;QAC5B,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,UAAU,IAAI,CAAC,IAAI,CAAC,OAAO,MAAM,IAAI,CAAC,KAAK,KAAK,UAAU,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE;YAC/F;;QAEF,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AAC7C,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;YACnB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;;;IAI3C,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,IAAI,EAAE,EACxC,OAAO,EAAE,MAAK;AACZ,gBAAA,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE;AAC5B,oBAAA,OAAO,IAAI,CAAC,mBAAmB,EAAE;;AAC5B,qBAAA,IAAI,IAAI,CAAC,IAAI,KAAK,cAAc,EAAE;AACvC,oBAAA,OAAO,IAAI,CAAC,sBAAsB,EAAE;;AAC/B,qBAAA,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;AAChC,oBAAA,OAAO,IAAI,CAAC,sBAAsB,EAAE;;aAEvC,IAEA,IAAI,CAAC,SAAS,EAAE,CACb;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["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';\n\n:host{\n width: fit-content;\n}\n\n/* Checkbox Styles */\n.checkbox_container{\n width: fit-content;\n height: fit-content;\n cursor: pointer;\n}\n\nsvg.sm{\n width: var(--spacing-4);\n height: var(--spacing-4);\n}\n\nsvg.md{\n width: var(--spacing-5);\n height: var(--spacing-5);\n}\n\n.checkbox_default_unchecked.hover:hover path{\n stroke: var(--color-border-selected, #075DB2);\n}\n\n.checkbox_default_checked:hover path, .checkbox_default_indeterminate:hover path{\n fill: var(--color-background-information, #064E94);\n}\n\n.checkbox_default_checked:hover .border, .checkbox_default_indeterminate:hover .border{\n stroke: var(--color-border-information, #064E94);\n}\n\n/* Radio Styles */\n.radio_default_unchecked:hover rect{\n stroke: var(--color-border-selected, #075DB2);\n}\n\n/* Check Circle Styles */\n.circle_default_unchecked:hover rect{\n stroke: var(--color-border-selected, #075DB2);\n}\n\n.circle_default_checked:hover rect{\n stroke: var(--color-border-information, #064E94);\n}\n\n.circle_default_checked:hover .background {\n fill: var(--color-background-information, #064E94);\n}","import { Component, Event, EventEmitter, h, Prop } from \"@stencil/core\";\nimport { CheckBoxVariants, GeneralSizes, StateType } from '../../models/reusableModels';\n\n@Component({\n tag: 'gb-checkbox-base',\n styleUrl: 'gb-checkbox-base.css',\n shadow: true,\n})\nexport class GbCheckboxBase {\n @Prop({ mutable: true }) state: StateType;\n @Prop() size: GeneralSizes;\n @Prop() type: CheckBoxVariants;\n @Prop({ mutable: true }) checked: boolean = false;\n @Prop({ mutable: true }) indeterminate: boolean = false;\n @Event() checkboxClicked: EventEmitter<boolean>;\n\n private renderSVG() {\n switch (this.type) {\n case 'checkbox':\n return this.renderCheckbox();\n case 'check_circle':\n return this.renderCircle();\n case 'radio':\n return this.renderRadio();\n default:\n return null;\n }\n }\n\n private renderCheckbox() {\n if (this.state === \"default\" && this.checked) {\n return (\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}`}>\n <path\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\"\n fill=\"var(--color-border-selected, #075DB2)\"\n />\n <path\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\"\n stroke=\"var(--color-border-selected, #075DB2)\"\n class=\"border\"\n />\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=\"var(--color-icon-inverse, #fff)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n );\n } else if (this.state === \"default\" && this.indeterminate) {\n return (\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}`}>\n <path\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\"\n fill=\"var(--color-border-selected, #075DB2)\"\n />\n <path\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\"\n stroke=\"var(--color-border-selected, #075DB2)\"\n class=\"border\"\n />\n <path d=\"M12 8L4 8\" stroke=\"var(--color-icon-inverse, #fff)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n );\n } else if (this.state === \"disabled\" && !this.checked) {\n return (\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}`}>\n <path\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\"\n fill=\"var(--color-background-disabled, #F6F8FA)\"\n />\n <path\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\"\n stroke=\"var(--color-border-disabled, #E3E8EF)\"\n />\n </svg>\n );\n } else if (this.state === \"disabled\" && this.checked) {\n return (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`${this.size}`}>\n <path\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\"\n fill=\"#9AA4B2\"\n />\n <path\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\"\n stroke=\"#9AA4B2\"\n />\n <path\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\"\n stroke=\"var(--color-border-disabled, #E3E8EF)\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n );\n } else if (this.state === \"disabled\" && this.indeterminate) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`${this.size}`}>\n <path\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\"\n fill=\"#9AA4B2\"\n />\n <path\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\"\n stroke=\"#9AA4B2\"\n />\n <path d=\"M15.3335 10L4.66683 10\" stroke=\"var(--color-border-disabled, #E3E8EF)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>;\n } else {\n return (\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}`}>\n <path\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\"\n stroke=\"var(--color-border-input, #CDD5DF)\"\n />\n </svg>\n );\n }\n }\n\n private renderCircle() {\n if (this.checked && this.state === \"default\") {\n return (\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}`}>\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" fill=\"var(--color-border-selected, #075DB2)\" class=\"background\" />\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"var(--color-border-selected, #075DB2)\" />\n <path\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\"\n stroke=\"var(--color-icon-inverse, #fff)\"\n stroke-width=\"1.66667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n );\n } else if (!this.checked && this.state === \"default\") {\n return (\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}`}>\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"var(--color-border-input, #CDD5DF)\" />\n </svg>\n );\n } else if (this.checked && this.state === \"disabled\") {\n return (\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}`}>\n <rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"9.5\" fill=\"#9AA4B2\" />\n <rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"9.5\" stroke=\"#9AA4B2\" />\n <path\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\"\n stroke=\"var(--color-border-disabled, #E3E8EF)\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n );\n } else if (!this.checked && this.state === \"disabled\") {\n return (\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}`}>\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"var(--color-border-disabled, #E3E8EF)\" />\n </svg>\n );\n }\n }\n\n private renderRadio() {\n if (this.state === \"default\" && this.checked) {\n return (\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}`}>\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"var(--color-border-selected, #075DB2)\" />\n <circle cx=\"8\" cy=\"8\" r=\"3\" fill=\"var(--color-border-selected, #075DB2)\" />\n </svg>\n );\n } else if (this.state === \"disabled\" && !this.checked) {\n return (\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}`}>\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"var(--color-border-disabled, #E3E8EF)\" />\n </svg>\n );\n } else if (this.state === \"disabled\" && this.checked) {\n return (\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}`}>\n <rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"9.5\" stroke=\"#9AA4B2\" />\n <circle cx=\"10\" cy=\"10\" r=\"4\" fill=\"#9AA4B2\" />\n </svg>\n );\n } else {\n return (\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}`}>\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"var(--color-border-input, #CDD5DF)\" />\n </svg>\n );\n }\n }\n\n private toggleCheckboxState() {\n if (this.state === \"default\" && !this.checked) {\n this.checked = true;\n // console.log(this.checked)\n this.checkboxClicked.emit(this.checked);\n } else if (this.state === \"default\" && this.checked) {\n this.checked = false;\n // console.log(this.checked);\n this.checkboxClicked.emit(this.checked);\n }\n }\n\n private toggleCheckCircleState() {\n if ((this.state === \"disabled\" && this.checked) || (this.state === \"disabled\" && !this.checked)) {\n return;\n }\n\n if (this.state === \"default\" && !this.checked) {\n this.checked = true;\n this.checkboxClicked.emit(this.checked);\n } else if (this.state == \"default\" && this.checked) {\n this.checked = false;\n this.checkboxClicked.emit(this.checked);\n }\n }\n\n private toggleRadioButtonState() {\n if ((this.state === \"disabled\" && !this.checked) || (this.state === \"disabled\" && this.checked)) {\n return;\n }\n if (this.state === \"default\" && !this.checked) {\n this.checked = true;\n this.checkboxClicked.emit(this.checked);\n }\n }\n\n render() {\n return (\n <div\n class={`checkbox_container ${this.size}`}\n onClick={() => {\n if (this.type === 'checkbox') {\n return this.toggleCheckboxState();\n } else if (this.type === 'check_circle') {\n return this.toggleCheckCircleState();\n } else if (this.type === 'radio') {\n return this.toggleRadioButtonState();\n }\n }}\n >\n {this.renderSVG()}\n </div>\n );\n }\n}"],"version":3}
package/dist/components/{p-G7pmbfdS.js → p-BSq4jXcd.js} RENAMED
@@ -2,13 +2,13 @@ import { p as proxyCustomElement, H, c as createEvent, h } from './p-CD7FeUx5.js
2
2
  import { d as defineCustomElement$j } from './p-D6yceV_k.js';
3
3
  import { d as defineCustomElement$i } from './p-DhmmSqYS.js';
4
4
  import { d as defineCustomElement$h } from './p-5znPazO0.js';
5
- import { d as defineCustomElement$g } from './p-eVx9Cuj0.js';
6
- import { d as defineCustomElement$f } from './p-BEwtnG4L.js';
5
+ import { d as defineCustomElement$g } from './p-OVoS3dKe.js';
6
+ import { d as defineCustomElement$f } from './p-BE9pk1IO.js';
7
7
  import { d as defineCustomElement$e } from './p-B0f4vN6R.js';
8
8
  import { d as defineCustomElement$d } from './p-CkumhKF1.js';
9
- import { d as defineCustomElement$c } from './p-D1YtnYlP.js';
10
- import { d as defineCustomElement$b } from './p-wSX9ESyM.js';
11
- import { d as defineCustomElement$a } from './p-CbeOCjT9.js';
9
+ import { d as defineCustomElement$c } from './p-Ch81iN03.js';
10
+ import { d as defineCustomElement$b } from './p-CXWQ1FqP.js';
11
+ import { d as defineCustomElement$a } from './p-ChBzZFWB.js';
12
12
  import { d as defineCustomElement$9 } from './p-DzVNtOEw.js';
13
13
  import { d as defineCustomElement$8 } from './p-DFIew1S-.js';
14
14
  import { d as defineCustomElement$7 } from './p-BWyAj_uJ.js';
@@ -287,6 +287,6 @@ function defineCustomElement() {
287
287
  defineCustomElement();
288
288
 
289
289
  export { GbWysiwygToolbar as G, defineCustomElement as d };
290
- //# sourceMappingURL=p-G7pmbfdS.js.map
290
+ //# sourceMappingURL=p-BSq4jXcd.js.map
291
291
 
292
- //# sourceMappingURL=p-G7pmbfdS.js.map
292
+ //# sourceMappingURL=p-BSq4jXcd.js.map