globuswebcomponents 0.5.5 → 0.5.6
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.
- package/dist/cjs/{gb-password-button.cjs.entry.js → gb-avatar-dropdown.cjs.entry.js} +41 -11
- package/dist/cjs/gb-avatar-dropdown.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-avatar-group.cjs.entry.js +2 -2
- package/dist/cjs/gb-avatar-group.cjs.entry.js.map +1 -1
- package/dist/cjs/gb-avatar-label-group.cjs.entry.js +96 -0
- package/dist/cjs/gb-avatar-label-group.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-avatar-profile-photo.cjs.entry.js +1 -1
- package/dist/cjs/{gb-avatar_34.cjs.entry.js → gb-avatar_32.cjs.entry.js} +151 -259
- package/dist/cjs/gb-avatar_32.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-button-close_2.cjs.entry.js +3 -3
- package/dist/cjs/gb-checkbox-group-item.cjs.entry.js +1 -1
- package/dist/cjs/gb-dropdown-items-with-shortcut.cjs.entry.js +32 -0
- package/dist/cjs/gb-dropdown-items-with-shortcut.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-file-upload-item-base.cjs.entry.js +1 -1
- package/dist/cjs/gb-help-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/gb-megainput-field.cjs.entry.js +3 -3
- package/dist/cjs/gb-notification-content.cjs.entry.js +2 -2
- package/dist/cjs/gb-progress-circle.cjs.entry.js +1 -1
- package/dist/cjs/gb-rich-text.cjs.entry.js +2 -2
- package/dist/cjs/gb-scrollbar.cjs.entry.js +2 -2
- package/dist/cjs/gb-slider-control-handle.cjs.entry.js +2 -2
- package/dist/cjs/gb-slider.cjs.entry.js +2 -2
- package/dist/cjs/gb-toast-button.cjs.entry.js +2 -2
- package/dist/cjs/gb-toast.cjs.entry.js +2 -2
- package/dist/cjs/gb-toggle-base.cjs.entry.js +3 -3
- package/dist/cjs/gb-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gb-token-field.cjs.entry.js +2 -2
- package/dist/cjs/gb-verification-code-field.cjs.entry.js +3 -3
- package/dist/cjs/gb-wysiwyg-editor-icon.cjs.entry.js +1 -1
- package/dist/cjs/gb-wysiwyg-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/globuscomponents.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/cancel-01.svg +5 -0
- package/dist/collection/assets/copy-01.svg +5 -0
- package/dist/collection/assets/mail-02.svg +5 -0
- package/dist/collection/components/gb-WYSIWYG editor-icon/gb-WYSIWYG-editor-icon.css +2 -2
- package/dist/collection/components/gb-WYSIWYG-toolbar/gb-WYSIWYG-toolbar.css +2 -2
- package/dist/collection/components/gb-avatar-contrast-inner-border/gb-avatar-contrast-inner-border.css +2 -2
- package/dist/collection/components/gb-avatar-dropdown/gb-avatar-dropdown.css +2 -2
- package/dist/collection/components/gb-avatar-group/gb-avatar-group.js +2 -2
- package/dist/collection/components/gb-avatar-group/gb-avatar-group.js.map +1 -1
- package/dist/collection/components/gb-avatar-label-group/gb-avatar-label-group.css +2 -2
- package/dist/collection/components/gb-avatar-profile-photo/gb-avatar-profile-photo.css +2 -2
- package/dist/collection/components/gb-badge-close/gb-badge-close.css +2 -2
- package/dist/collection/components/gb-badges/gb-badges.css +2 -2
- package/dist/collection/components/gb-btn/gb-btn.css +2 -2
- package/dist/collection/components/gb-button/gb-button.css +2 -2
- package/dist/collection/components/gb-button/readme.md +0 -2
- package/dist/collection/components/gb-button-close/gb-button-close.css +2 -2
- package/dist/collection/components/gb-carousel-arrow/gb-carousel-arrow.css +2 -2
- package/dist/collection/components/gb-checkbox-group-item/gb-checkbox-group-item.css +2 -2
- package/dist/collection/components/gb-collapse-button/gb-collapse-button.css +2 -2
- package/dist/collection/components/gb-dropdown-items-with-shortcut/gb-dropdown-items-with-shortcut.css +931 -407
- package/dist/collection/components/gb-dropdown-items-with-shortcut/gb-dropdown-items-with-shortcut.js +2 -1
- package/dist/collection/components/gb-dropdown-items-with-shortcut/gb-dropdown-items-with-shortcut.js.map +1 -1
- package/dist/collection/components/gb-file-upload-item-base/gb-file-upload-item-base.css +2 -2
- package/dist/collection/components/gb-header/gb-header.css +5 -0
- package/dist/collection/components/gb-header/gb-header.js +3 -3
- package/dist/collection/components/gb-header/gb-header.js.map +1 -1
- package/dist/collection/components/gb-header-icon/gb-header-icon.css +2 -2
- package/dist/collection/components/gb-header-icon/gb-header-icon.js +4 -4
- package/dist/collection/components/gb-help-dropdown/gb-help-dropdown.css +2 -2
- package/dist/collection/components/gb-help-dropdown/gb-help-dropdown.js +1 -1
- package/dist/collection/components/gb-help-tooltip/gb-help-tooltip.css +4 -2
- package/dist/collection/components/gb-help-tooltip/gb-help-tooltip.js +1 -1
- package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.css +2 -2
- package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js +1 -1
- package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.css +4 -5
- package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js +46 -43
- package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js.map +1 -1
- package/dist/collection/components/gb-input-dropdown-menu-item/gb-input-dropdown-menu-item.css +2 -2
- package/dist/collection/components/gb-input-dropdown-menu-item/gb-input-dropdown-menu-item.js +2 -2
- package/dist/collection/components/gb-input-field/gb-input-field.css +183 -6
- package/dist/collection/components/gb-input-field/gb-input-field.js +51 -5
- package/dist/collection/components/gb-input-field/gb-input-field.js.map +1 -1
- package/dist/collection/components/gb-megainput-field-base/gb-megainput-field.css +2 -2
- package/dist/collection/components/gb-megainput-field-base/gb-megainput-field.js +2 -2
- package/dist/collection/components/gb-notification-content/gb-notification-content.css +2 -2
- package/dist/collection/components/gb-notification-content/gb-notification-content.js +1 -1
- package/dist/collection/components/gb-notification-pane/gb-notification-pane.css +2 -2
- package/dist/collection/components/gb-notification-pane/gb-notification-pane.js +1 -1
- package/dist/collection/components/gb-pagination/gb-pagination.js +1 -1
- package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js +1 -1
- package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js +1 -1
- package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.css +2 -2
- package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js +1 -1
- package/dist/collection/components/gb-password-button/gb-password-button.css +2 -2
- package/dist/collection/components/gb-password-button/gb-password-button.js +1 -1
- package/dist/collection/components/gb-progress-bar/gb-progress-bar.css +2 -2
- package/dist/collection/components/gb-progress-bar/gb-progress-bar.js +1 -1
- package/dist/collection/components/gb-progress-circle/gb-progress-circle.js +1 -1
- package/dist/collection/components/gb-rich-text/gb-rich-text.css +2 -2
- package/dist/collection/components/gb-rich-text/gb-rich-text.js +1 -1
- package/dist/collection/components/gb-scrollbar/gb-scrollbar.css +2 -2
- package/dist/collection/components/gb-scrollbar/gb-scrollbar.js +1 -1
- package/dist/collection/components/gb-side-bar-item/gb-side-bar-item.css +2 -2
- package/dist/collection/components/gb-side-bar-item/gb-side-bar-item.js +2 -2
- package/dist/collection/components/gb-side-bar-item/gb-side-bar-item.js.map +1 -1
- package/dist/collection/components/gb-sidebar/gb-sidebar.css +2 -2
- package/dist/collection/components/gb-sidebar/gb-sidebar.js +1 -1
- package/dist/collection/components/gb-slider/gb-slider.css +2 -2
- package/dist/collection/components/gb-slider/gb-slider.js +1 -1
- package/dist/collection/components/gb-slider-control-handle/slider-control-handle.css +2 -2
- package/dist/collection/components/gb-slider-control-handle/slider-control-handle.js +1 -1
- package/dist/collection/components/gb-status-indicator/gb-status-indicator.css +2 -2
- package/dist/collection/components/gb-status-indicator/gb-status-indicator.js +1 -1
- package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.css +2 -2
- package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.js +3 -3
- package/dist/collection/components/gb-tag/gb-tag.css +2 -2
- package/dist/collection/components/gb-tag/gb-tag.js +2 -2
- package/dist/collection/components/gb-tag/gb-tag.js.map +1 -1
- package/dist/collection/components/gb-tag-checkbox/gb-tag-checkbox.css +2 -2
- package/dist/collection/components/gb-tag-checkbox/gb-tag-checkbox.js +1 -1
- package/dist/collection/components/gb-tag-close/gb-tag-close.css +2 -2
- package/dist/collection/components/gb-tag-close/gb-tag-close.js +1 -1
- package/dist/collection/components/gb-tag-count/gb-tag-count.css +2 -2
- package/dist/collection/components/gb-tag-count/gb-tag-count.js +1 -1
- package/dist/collection/components/gb-toast/gb-toast.css +2 -2
- package/dist/collection/components/gb-toast/gb-toast.js +1 -1
- package/dist/collection/components/gb-toast-button/gb-toast-button.css +2 -2
- package/dist/collection/components/gb-toast-button/gb-toast-button.js +1 -1
- package/dist/collection/components/gb-toggle/gb-toggle.js +1 -1
- package/dist/collection/components/gb-toggle-base/gb-toggle-base.css +2 -2
- package/dist/collection/components/gb-toggle-base/gb-toggle-base.js +2 -2
- package/dist/collection/components/gb-token-field/gb-token-field.css +2 -2
- package/dist/collection/components/gb-token-field/gb-token-field.js +1 -1
- package/dist/collection/components/gb-tooltip/gb-tooltip.css +2 -2
- package/dist/collection/components/gb-tooltip/gb-tooltip.js +1 -1
- package/dist/collection/components/gb-verification-code-field/gb-verification-code-field.css +2 -2
- package/dist/collection/components/gb-verification-code-field/gb-verification-code-field.js +2 -2
- package/dist/collection/global/global.css +2 -2
- package/dist/components/gb-avatar-add-button.js +1 -1
- package/dist/components/gb-avatar-contrast-inner-border.js +1 -1
- package/dist/components/gb-avatar-dropdown.js +6 -6
- package/dist/components/gb-avatar-group.js +7 -7
- package/dist/components/gb-avatar-group.js.map +1 -1
- package/dist/components/gb-avatar-label-group.js +1 -1
- package/dist/components/gb-avatar-profile-photo.js +4 -4
- package/dist/components/gb-avatar.js +1 -1
- package/dist/components/gb-badge-close.js +1 -1
- package/dist/components/gb-badge.js +1 -1
- package/dist/components/gb-btn.js +1 -1
- package/dist/components/gb-button-close.js +1 -1
- package/dist/components/gb-button.js +1 -1
- package/dist/components/gb-carousel-arrow.js +1 -1
- package/dist/components/gb-checkbox-group-item.js +1 -1
- package/dist/components/gb-checkbox-group.js +5 -5
- package/dist/components/gb-collapse-button.js +1 -1
- package/dist/components/gb-dropdown-items-with-shortcut.js +1 -1
- package/dist/components/gb-file-upload-item-base.js +1 -1
- package/dist/components/gb-file-upload.js +5 -5
- package/dist/components/gb-header-icon.js +1 -1
- package/dist/components/gb-header.js +8 -8
- package/dist/components/gb-header.js.map +1 -1
- package/dist/components/gb-help-dropdown.js +3 -3
- package/dist/components/gb-help-tooltip.js +1 -1
- package/dist/components/gb-horizontal-tabs.js +8 -8
- package/dist/components/gb-input-dropdown-menu-item.js +1 -1
- package/dist/components/gb-input-dropdown.js +1 -1
- package/dist/components/gb-input-field.js +66 -7
- package/dist/components/gb-input-field.js.map +1 -1
- package/dist/components/gb-megainput-field.js +1 -1
- package/dist/components/gb-notification-content.js +2 -2
- package/dist/components/gb-notification-pane.js +3 -3
- package/dist/components/gb-pagination-button-group-base.js +1 -1
- package/dist/components/gb-pagination-dot-indicator.js +1 -1
- package/dist/components/gb-pagination-number-base.js +2 -2
- package/dist/components/gb-pagination.js +2 -2
- package/dist/components/gb-password-button.js +1 -50
- package/dist/components/gb-password-button.js.map +1 -1
- package/dist/components/gb-progress-bar.js +1 -1
- package/dist/components/gb-progress-circle.js +1 -1
- package/dist/components/gb-rich-text.js +15 -15
- package/dist/components/gb-scrollbar.js +2 -2
- package/dist/components/gb-side-bar-item.js +1 -1
- package/dist/components/gb-sidebar.js +10 -10
- package/dist/components/gb-slider-control-handle.js +1 -1
- package/dist/components/gb-slider.js +4 -4
- package/dist/components/gb-status-indicator.js +1 -1
- package/dist/components/gb-tab-button-base.js +1 -1
- package/dist/components/gb-tag-checkbox.js +1 -1
- package/dist/components/gb-tag-close.js +1 -1
- package/dist/components/gb-tag-count.js +1 -1
- package/dist/components/gb-tag.js +1 -1
- package/dist/components/gb-toast-button.js +1 -1
- package/dist/components/gb-toast.js +5 -5
- package/dist/components/gb-toggle-base.js +1 -1
- package/dist/components/gb-toggle.js +2 -2
- package/dist/components/gb-token-field.js +3 -3
- package/dist/components/gb-tooltip.js +1 -1
- package/dist/components/gb-verification-code-field.js +4 -4
- package/dist/components/gb-wysiwyg-editor-icon.js +1 -1
- package/dist/components/gb-wysiwyg-toolbar.js +1 -1
- package/dist/components/gb-wysiwyg-tooltip.js +1 -1
- package/dist/components/{p-049f8084.js → p-0f3c2b65.js} +2 -2
- package/dist/components/{p-049f8084.js.map → p-0f3c2b65.js.map} +1 -1
- package/dist/components/{p-e4b16ff4.js → p-106adce5.js} +3 -3
- package/dist/components/{p-e4b16ff4.js.map → p-106adce5.js.map} +1 -1
- package/dist/components/{p-12d84b99.js → p-1e8cfd4f.js} +4 -4
- package/dist/components/{p-12d84b99.js.map → p-1e8cfd4f.js.map} +1 -1
- package/dist/components/{p-c2bbed0e.js → p-2b07a583.js} +3 -3
- package/dist/components/{p-c2bbed0e.js.map → p-2b07a583.js.map} +1 -1
- package/dist/components/{p-200efa06.js → p-2f832c69.js} +10 -10
- package/dist/components/{p-200efa06.js.map → p-2f832c69.js.map} +1 -1
- package/dist/components/{p-eaaefb80.js → p-2ff5a205.js} +4 -4
- package/dist/components/{p-eaaefb80.js.map → p-2ff5a205.js.map} +1 -1
- package/dist/components/{p-1c27c0dc.js → p-374f96e3.js} +10 -10
- package/dist/components/p-374f96e3.js.map +1 -0
- package/dist/components/{p-ad5a06e5.js → p-40e77b3f.js} +6 -6
- package/dist/components/{p-ad5a06e5.js.map → p-40e77b3f.js.map} +1 -1
- package/dist/components/{p-9023f483.js → p-411051a0.js} +2 -2
- package/dist/components/{p-9023f483.js.map → p-411051a0.js.map} +1 -1
- package/dist/components/{p-fd8f1d13.js → p-45e660b6.js} +6 -6
- package/dist/components/{p-fd8f1d13.js.map → p-45e660b6.js.map} +1 -1
- package/dist/components/{p-d033be88.js → p-525cedd3.js} +10 -10
- package/dist/components/p-525cedd3.js.map +1 -0
- package/dist/components/{p-55426266.js → p-5b4b41a1.js} +6 -6
- package/dist/components/{p-55426266.js.map → p-5b4b41a1.js.map} +1 -1
- package/dist/components/{p-0519dce2.js → p-69f6c3c0.js} +2 -2
- package/dist/components/{p-0519dce2.js.map → p-69f6c3c0.js.map} +1 -1
- package/dist/components/{p-43c70bd8.js → p-7ca3a134.js} +3 -3
- package/dist/components/{p-43c70bd8.js.map → p-7ca3a134.js.map} +1 -1
- package/dist/components/{p-f260054c.js → p-7d8046c5.js} +58 -55
- package/dist/components/p-7d8046c5.js.map +1 -0
- package/dist/components/{p-9af82179.js → p-813dce63.js} +3 -3
- package/dist/components/{p-9af82179.js.map → p-813dce63.js.map} +1 -1
- package/dist/components/{p-b20e1208.js → p-8790a8f8.js} +14 -14
- package/dist/components/{p-b20e1208.js.map → p-8790a8f8.js.map} +1 -1
- package/dist/components/{p-92877dec.js → p-8919365d.js} +3 -3
- package/dist/components/{p-92877dec.js.map → p-8919365d.js.map} +1 -1
- package/dist/components/{p-a8fc1a6f.js → p-9363bb21.js} +5 -5
- package/dist/components/{p-a8fc1a6f.js.map → p-9363bb21.js.map} +1 -1
- package/dist/components/{p-65de39d5.js → p-96a21b95.js} +4 -4
- package/dist/components/p-96a21b95.js.map +1 -0
- package/dist/components/{p-6b8ad833.js → p-a29219ba.js} +7 -7
- package/dist/components/{p-6b8ad833.js.map → p-a29219ba.js.map} +1 -1
- package/dist/components/{p-2849e182.js → p-ac8821f5.js} +3 -3
- package/dist/components/{p-2849e182.js.map → p-ac8821f5.js.map} +1 -1
- package/dist/components/{p-3eee1170.js → p-b819c4a3.js} +2 -2
- package/dist/components/{p-3eee1170.js.map → p-b819c4a3.js.map} +1 -1
- package/dist/components/{p-fc3b2733.js → p-ba27d41c.js} +4 -3
- package/dist/components/p-ba27d41c.js.map +1 -0
- package/dist/components/{p-14ae77f4.js → p-bb047e9e.js} +3 -3
- package/dist/components/{p-14ae77f4.js.map → p-bb047e9e.js.map} +1 -1
- package/dist/{esm/gb-password-button.entry.js → components/p-bcbba77a.js} +41 -10
- package/dist/{cjs/gb-password-button.cjs.entry.js.map → components/p-bcbba77a.js.map} +1 -1
- package/dist/components/{p-977764ce.js → p-c17ca314.js} +2 -2
- package/dist/components/{p-977764ce.js.map → p-c17ca314.js.map} +1 -1
- package/dist/components/{p-bf8461c6.js → p-c96a614c.js} +2 -2
- package/dist/components/{p-bf8461c6.js.map → p-c96a614c.js.map} +1 -1
- package/dist/components/{p-1787a21b.js → p-cebf2b53.js} +4 -4
- package/dist/components/{p-1787a21b.js.map → p-cebf2b53.js.map} +1 -1
- package/dist/components/{p-5ba87b93.js → p-dc4e23c7.js} +3 -3
- package/dist/components/{p-5ba87b93.js.map → p-dc4e23c7.js.map} +1 -1
- package/dist/components/{p-0767d31b.js → p-e977790c.js} +4 -4
- package/dist/components/{p-0767d31b.js.map → p-e977790c.js.map} +1 -1
- package/dist/components/{p-dacb769c.js → p-ef54b157.js} +6 -6
- package/dist/components/{p-dacb769c.js.map → p-ef54b157.js.map} +1 -1
- package/dist/components/{p-443d3de1.js → p-f4b686d3.js} +2 -2
- package/dist/components/{p-443d3de1.js.map → p-f4b686d3.js.map} +1 -1
- package/dist/esm/gb-avatar-dropdown.entry.js +53 -0
- package/dist/esm/gb-avatar-dropdown.entry.js.map +1 -0
- package/dist/esm/gb-avatar-group.entry.js +2 -2
- package/dist/esm/gb-avatar-group.entry.js.map +1 -1
- package/dist/esm/gb-avatar-label-group.entry.js +92 -0
- package/dist/esm/gb-avatar-label-group.entry.js.map +1 -0
- package/dist/esm/gb-avatar-profile-photo.entry.js +1 -1
- package/dist/esm/{gb-avatar_34.entry.js → gb-avatar_32.entry.js} +151 -257
- package/dist/esm/gb-avatar_32.entry.js.map +1 -0
- package/dist/esm/gb-button-close_2.entry.js +3 -3
- package/dist/esm/gb-checkbox-group-item.entry.js +1 -1
- package/dist/esm/gb-dropdown-items-with-shortcut.entry.js +28 -0
- package/dist/esm/gb-dropdown-items-with-shortcut.entry.js.map +1 -0
- package/dist/esm/gb-file-upload-item-base.entry.js +1 -1
- package/dist/esm/gb-help-dropdown.entry.js +2 -2
- package/dist/esm/gb-megainput-field.entry.js +3 -3
- package/dist/esm/gb-notification-content.entry.js +2 -2
- package/dist/esm/gb-progress-circle.entry.js +1 -1
- package/dist/esm/gb-rich-text.entry.js +2 -2
- package/dist/esm/gb-scrollbar.entry.js +2 -2
- package/dist/esm/gb-slider-control-handle.entry.js +2 -2
- package/dist/esm/gb-slider.entry.js +2 -2
- package/dist/esm/gb-toast-button.entry.js +2 -2
- package/dist/esm/gb-toast.entry.js +2 -2
- package/dist/esm/gb-toggle-base.entry.js +3 -3
- package/dist/esm/gb-toggle.entry.js +1 -1
- package/dist/esm/gb-token-field.entry.js +2 -2
- package/dist/esm/gb-verification-code-field.entry.js +3 -3
- package/dist/esm/gb-wysiwyg-editor-icon.entry.js +1 -1
- package/dist/esm/gb-wysiwyg-toolbar.entry.js +1 -1
- package/dist/esm/globuscomponents.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/globuscomponents/assets/cancel-01.svg +5 -0
- package/dist/globuscomponents/assets/copy-01.svg +5 -0
- package/dist/globuscomponents/assets/mail-02.svg +5 -0
- package/dist/globuscomponents/global/global.css +2 -2
- package/dist/globuscomponents/globuscomponents.css +2 -2
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js.map +1 -1
- package/dist/globuscomponents/p-0bc1121f.entry.js +2 -0
- package/dist/globuscomponents/p-0bc1121f.entry.js.map +1 -0
- package/dist/globuscomponents/p-0f414f9f.entry.js +2 -0
- package/dist/globuscomponents/{p-e77016c3.entry.js → p-2324c427.entry.js} +2 -2
- package/dist/globuscomponents/{p-c0e095b8.entry.js → p-24a974f3.entry.js} +2 -2
- package/dist/globuscomponents/{p-aa4006c2.entry.js → p-26cb7c9d.entry.js} +2 -2
- package/dist/globuscomponents/{p-c6e2e53a.entry.js → p-29ece541.entry.js} +2 -2
- package/dist/globuscomponents/{p-d6fb070d.entry.js → p-325acabb.entry.js} +2 -2
- package/dist/globuscomponents/p-38d53dd9.entry.js +2 -0
- package/dist/globuscomponents/p-38d53dd9.entry.js.map +1 -0
- package/dist/globuscomponents/{p-d7187578.entry.js → p-50481024.entry.js} +2 -2
- package/dist/globuscomponents/{p-790abb4e.entry.js → p-581bce75.entry.js} +2 -2
- package/dist/globuscomponents/p-581bce75.entry.js.map +1 -0
- package/dist/globuscomponents/{p-427cfeeb.entry.js → p-6b1178b3.entry.js} +2 -2
- package/dist/globuscomponents/{p-acf94a1a.entry.js → p-79659428.entry.js} +2 -2
- package/dist/globuscomponents/{p-cf24a49c.entry.js → p-8f5f24fc.entry.js} +2 -2
- package/dist/globuscomponents/{p-4e97f7cd.entry.js → p-928aabc3.entry.js} +2 -2
- package/dist/globuscomponents/{p-3fc3956d.entry.js → p-9ee50d85.entry.js} +2 -2
- package/dist/globuscomponents/{p-2adda6a5.entry.js → p-a4f0c19b.entry.js} +2 -2
- package/dist/globuscomponents/{p-d1103820.entry.js → p-a6f098dd.entry.js} +2 -2
- package/dist/globuscomponents/{p-a05326b0.entry.js → p-b59bac43.entry.js} +2 -2
- package/dist/globuscomponents/{p-67b452b7.entry.js → p-b7994673.entry.js} +2 -2
- package/dist/globuscomponents/p-b843b355.entry.js +2 -0
- package/dist/globuscomponents/p-bf439635.entry.js +2 -0
- package/dist/globuscomponents/p-bf439635.entry.js.map +1 -0
- package/dist/globuscomponents/{p-3e8c8ead.entry.js → p-c935a36a.entry.js} +2 -2
- package/dist/globuscomponents/{p-263e06c7.entry.js → p-e2d38d7a.entry.js} +2 -2
- package/dist/globuscomponents/{p-40f11c62.entry.js → p-ec76b2eb.entry.js} +2 -2
- package/dist/globuscomponents/p-f8671b41.entry.js +2 -0
- package/dist/globuscomponents/p-f8671b41.entry.js.map +1 -0
- package/dist/globuscomponents/readme.md +0 -2
- package/dist/types/components/gb-dropdown-items-with-shortcut/gb-dropdown-items-with-shortcut.d.ts +1 -0
- package/dist/types/components/gb-input-dropdown/gb-input-dropdown.d.ts +2 -1
- package/dist/types/components/gb-input-field/gb-input-field.d.ts +6 -0
- package/dist/types/components.d.ts +2 -0
- package/package.json +1 -1
- package/dist/cjs/gb-avatar_34.cjs.entry.js.map +0 -1
- package/dist/components/p-1c27c0dc.js.map +0 -1
- package/dist/components/p-65de39d5.js.map +0 -1
- package/dist/components/p-d033be88.js.map +0 -1
- package/dist/components/p-f260054c.js.map +0 -1
- package/dist/components/p-fc3b2733.js.map +0 -1
- package/dist/esm/gb-avatar_34.entry.js.map +0 -1
- package/dist/esm/gb-password-button.entry.js.map +0 -1
- package/dist/globuscomponents/p-1d2985a5.entry.js +0 -2
- package/dist/globuscomponents/p-2f557384.entry.js +0 -2
- package/dist/globuscomponents/p-2f557384.entry.js.map +0 -1
- package/dist/globuscomponents/p-5ea9e5cd.entry.js +0 -2
- package/dist/globuscomponents/p-790abb4e.entry.js.map +0 -1
- package/dist/globuscomponents/p-92c7f3ab.entry.js +0 -2
- package/dist/globuscomponents/p-92c7f3ab.entry.js.map +0 -1
- /package/dist/globuscomponents/{p-5ea9e5cd.entry.js.map → p-0f414f9f.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-e77016c3.entry.js.map → p-2324c427.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-c0e095b8.entry.js.map → p-24a974f3.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-aa4006c2.entry.js.map → p-26cb7c9d.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-c6e2e53a.entry.js.map → p-29ece541.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-d6fb070d.entry.js.map → p-325acabb.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-d7187578.entry.js.map → p-50481024.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-427cfeeb.entry.js.map → p-6b1178b3.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-acf94a1a.entry.js.map → p-79659428.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-cf24a49c.entry.js.map → p-8f5f24fc.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-4e97f7cd.entry.js.map → p-928aabc3.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-3fc3956d.entry.js.map → p-9ee50d85.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-2adda6a5.entry.js.map → p-a4f0c19b.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-d1103820.entry.js.map → p-a6f098dd.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-a05326b0.entry.js.map → p-b59bac43.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-67b452b7.entry.js.map → p-b7994673.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-1d2985a5.entry.js.map → p-b843b355.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-3e8c8ead.entry.js.map → p-c935a36a.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-263e06c7.entry.js.map → p-e2d38d7a.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-40f11c62.entry.js.map → p-ec76b2eb.entry.js.map} +0 -0
|
@@ -8,7 +8,7 @@ export class GbPagination {
|
|
|
8
8
|
this.totalPages = 10;
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h("div", { key: '
|
|
11
|
+
return (h("div", { key: '6ec7745fd3b3278182c15540594b3fb6fd97744a', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '6ea31827f809c2510a85e5385ca89a26937a1cf5', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'e523cffe032dd987c74020026e8634e95d67a784' }, "Previous")), h("gb-button", { key: 'c98318a9ed149c2cfe04ab459c44d78fe723b40c', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'a38ce412be2bcea48ad76dce14aa197d78877a20' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '4d8666615816e36493f8524708483769f3ef4b9c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '273c0a01f4b10d57e8fc16660255bb7e68f7ab9f' }, "Previous")), h("gb-button", { key: '7bcf44d4885efb5cc43fb710795eab121a54cbdd', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '42ac51bb1264ad3321c156542fa1d0ae825adf33' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '409b42c0f4a38d4ee3f879fbb2cd8392600b7942', class: "entries" }, "Entries"), h("div", { key: '547c8d01069e381ebfdddcc6fdcd89a36b82dbbe', class: "page_numbers" }), h("div", { key: 'c80080181760f3a34cb6624ec9168d367357b8df', class: "buttons" }, h("gb-button", { key: '6da6395b01f3a2c5e493c8eccafe879799b7c609', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("gb-button", { key: '6d70f050855acf7f80a2cea69854f08cd9ce49ff', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '9b9edc321392730f3ce8ad91954602732f0b20a2', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("div", { key: 'b317f6df572af782efba9509b2f05a9c44c8ace8', class: "page_number_text" }, h("p", { key: 'a648cbe5fa1071f2e4d83a853756ff42c7d7dae8', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '6db3a31d92c62f04ac489cd6e8a34542565f9c45', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "gb-pagination"; }
|
|
14
14
|
static get encapsulation() { return "shadow"; }
|
|
@@ -12,7 +12,7 @@ export class GbPaginationButtonGroupBase {
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h("div", { key: '
|
|
15
|
+
return (h("div", { key: 'b6fb80ff9214cb8fb2bcc8d69f90b4d371a65bc4', class: `button_base_div ${this.icon}` }, this.icon === 'false' && h("slot", { key: 'e880cb493fa3742d15ae32c378376f6c896df687' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'bad5edfc7cdd24870611ac4c5978720b731e5b8e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'b1a0b8be2c23112b15db289ec15dcb23876de815', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: 'a266eba2714c2c5b62b3ef179030ec6fdbc0fb96' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'd6f38c28c5f07ece65414190125e1d48b2d664de' }), this.iconTrailing && (h("svg", { key: '30962bbdfbddbdb8e31dcc4fd9259a8e774cc0c0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'ba8d887ca2e5a5fad1fd79fb5572e89bd1f40b0b', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "gb-pagination-button-group-base"; }
|
|
18
18
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js
CHANGED
|
@@ -6,7 +6,7 @@ export class GbPaginationDotIndicator {
|
|
|
6
6
|
this.size = undefined;
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return h("div", { key: '
|
|
9
|
+
return h("div", { key: 'c7693005fed9085d85c79ab6de8d84bb64f434fa', class: `dot_indicator_div
|
|
10
10
|
${this.type} ${this.current ? 'current' : ''}
|
|
11
11
|
${this.size}` });
|
|
12
12
|
}
|
|
@@ -176,11 +176,11 @@
|
|
|
176
176
|
--color-text-subtle: var(--gray-500);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
[data-theme="
|
|
179
|
+
[data-theme="dark"] {
|
|
180
180
|
--color-text-subtle: var(--gray-500);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
[data-theme="
|
|
183
|
+
[data-theme="light"] {
|
|
184
184
|
--color-text-disabled: var(--gray-300);
|
|
185
185
|
}
|
|
186
186
|
|
|
@@ -10,7 +10,7 @@ export class GbPaginationNumberBase {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h("div", { key: '
|
|
13
|
+
return (h("div", { key: '69af5815788b37338b1180060542a0a9064948c5', class: `page_number_base ${this.shape}` }, h("slot", { key: '6b59c99ae1314da3371d03804edc61d0a42736e3', name: "page_number" })));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "gb-pagination-number-base"; }
|
|
16
16
|
static get encapsulation() { return "shadow"; }
|
|
@@ -176,11 +176,11 @@
|
|
|
176
176
|
--color-text-subtle: var(--gray-500);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
[data-theme="
|
|
179
|
+
[data-theme="dark"] {
|
|
180
180
|
--color-text-subtle: var(--gray-500);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
[data-theme="
|
|
183
|
+
[data-theme="light"] {
|
|
184
184
|
--color-text-disabled: var(--gray-300);
|
|
185
185
|
}
|
|
186
186
|
|
|
@@ -8,7 +8,7 @@ export class GbPasswordButton {
|
|
|
8
8
|
this.isPasswordVisible = !this.isPasswordVisible;
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h("div", { key: '
|
|
11
|
+
return (h("div", { key: '3a1a0b2b826ebbc9070dbbc24b98861e8fd27910' }, h("gb-btn", { key: '6d1bb86a462e19c802b9fe1876e7d0b07d4dcc88', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "gb-password-button"; }
|
|
14
14
|
static get encapsulation() { return "shadow"; }
|
|
@@ -176,11 +176,11 @@
|
|
|
176
176
|
--color-text-subtle: var(--gray-500);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
[data-theme="
|
|
179
|
+
[data-theme="dark"] {
|
|
180
180
|
--color-text-subtle: var(--gray-500);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
[data-theme="
|
|
183
|
+
[data-theme="light"] {
|
|
184
184
|
--color-text-disabled: var(--gray-300);
|
|
185
185
|
}
|
|
186
186
|
|
|
@@ -8,7 +8,7 @@ export class GbProgressBar {
|
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
10
|
const progressValue = Math.min(Math.max(this.progress, 0), 100);
|
|
11
|
-
return (h("div", { key: '
|
|
11
|
+
return (h("div", { key: 'd690d5bfd3f7ff545b7988316d1f5ebd5e3ee8e4', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'f5bff15e4451c7311b6e9544d97b1bd76c85ad25', class: "progress_bar" }, h("div", { key: '2e8de41724c9ea9951d73759fb0caea76b801691', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '081d11d2637217d546abda9638320c123f3c9298', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '2604d5fca1fc7b49794a91a5efc6fc63a17e02bb', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'c1cf3f68e4a1bf7c3d3e42fe351177652e245ba4', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '0aae808ff22f01853d353fcfd54d9d7146a141c2', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'd0ccf2803b09db06ea3744721b92dbf4ba0331bf', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'ba3da6b9e64e243a58e442e4b3a40663b244fac3', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '2a56307739c6e5d164decc711725fbfaf2ae0f40', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "gb-progress-bar"; }
|
|
14
14
|
static get encapsulation() { return "shadow"; }
|
|
@@ -7,7 +7,7 @@ export class GbProgressCircle {
|
|
|
7
7
|
this.progress = 0;
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h("div", { key: '
|
|
10
|
+
return (h("div", { key: '5fe18d185d08acacc4a07eb058f911d7d81cef6b', class: "progress" }, h("svg", { key: '0d9012b43f63c843f8a1758971e0c10cf5964ea5', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '109cd8d2e4e3ec374a94781658658724fef31036', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), h("circle", { key: '6cfbd34d8ab4ae8edcdb2b3bae1448a54966ace4', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), h("div", { key: 'b13248b1de52546e3aa8f9a3a136ff26b26ae739', class: "progress-text", "data-progress": "0" }, "50%")));
|
|
11
11
|
}
|
|
12
12
|
static get is() { return "gb-progress-circle"; }
|
|
13
13
|
static get encapsulation() { return "shadow"; }
|
|
@@ -176,11 +176,11 @@
|
|
|
176
176
|
--color-text-subtle: var(--gray-500);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
[data-theme="
|
|
179
|
+
[data-theme="dark"] {
|
|
180
180
|
--color-text-subtle: var(--gray-500);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
[data-theme="
|
|
183
|
+
[data-theme="light"] {
|
|
184
184
|
--color-text-disabled: var(--gray-300);
|
|
185
185
|
}
|
|
186
186
|
|
|
@@ -15,7 +15,7 @@ export class GbRichText {
|
|
|
15
15
|
destructive: this.destructive,
|
|
16
16
|
disabled: this.state === 'disabled'
|
|
17
17
|
};
|
|
18
|
-
return (h("div", { key: '
|
|
18
|
+
return (h("div", { key: '96f8cfbaaf010297580afac7ca6c92c97c3eab66', class: classes }, h("div", { key: '97a04059d0a0eb1fdda58dae71ee076c7e40c04b', class: "input-with-label" }, h("label", { key: '56ee2d9316701b560253112a5e8e56760968af95' }, this.label), h("div", { key: '07142d89feb16fb84f2c102398f1740c2d98ac19', class: "input-container" }, h("div", { key: 'd716652762150acaf54d6aab4677423700f55fec', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: 'adcd91aa0885b2f7c2ecde3de0d936f59854d0ae', breakpoint: "desktop", bold: true, italic: true, h1: true, h2: true, quote: true, link: true, image: true, bulletList: true, numberList: true })), this.destructive && (h("span", { key: '34b77387f13aa6f777d37e3921b4d215144d3ba7', class: "error-icon" }, h("svg", { key: '4640cd5015e7d06ba8fd04a70cebead47edb41f1', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '725e6881dafa55a62e21fe42f369233b3ef3c8ec', d: "M7.99483 10H8.00081M8.00016 8V5.33333M14.6668 8C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8C1.3335 4.3181 4.31826 1.33333 8.00016 1.33333C11.6821 1.33333 14.6668 4.3181 14.6668 8Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '48678c5f731bcd3e1cda9e647a57bf21e06f63f9', class: "text-container" }, h("textarea", { key: '027d5d446bb65087f125864112622dc3979e57c4' }, this.showPlaceholder && (h("div", { key: 'e0be93740a3aacfc757cedc3dd6d955def2b8d59' }, this.placeholder)))))), this.showHintText && (h("div", { key: '5016fff84092cfc7de06decf5f37c44826eeb77f', class: "hint-text" }, this.hintText))));
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "gb-rich-text"; }
|
|
21
21
|
static get encapsulation() { return "shadow"; }
|
|
@@ -176,11 +176,11 @@
|
|
|
176
176
|
--color-text-subtle: var(--gray-500);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
[data-theme="
|
|
179
|
+
[data-theme="dark"] {
|
|
180
180
|
--color-text-subtle: var(--gray-500);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
[data-theme="
|
|
183
|
+
[data-theme="light"] {
|
|
184
184
|
--color-text-disabled: var(--gray-300);
|
|
185
185
|
}
|
|
186
186
|
|
|
@@ -4,7 +4,7 @@ export class GbScrollbar {
|
|
|
4
4
|
this.length = '25%';
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h("div", { key: '
|
|
7
|
+
return (h("div", { key: '7b36eef51e677f701bd53555b283e5eef5d2b997', class: "scrollbar-container" }, h("div", { key: 'd20e2daea5cccba1539c02e5018bc404758137d3', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '7b4733772f4af0e171b160cf320c6b2f64f6f638' }))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "gb-scrollbar"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -176,11 +176,11 @@
|
|
|
176
176
|
--color-text-subtle: var(--gray-500);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
[data-theme="
|
|
179
|
+
[data-theme="dark"] {
|
|
180
180
|
--color-text-subtle: var(--gray-500);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
[data-theme="
|
|
183
|
+
[data-theme="light"] {
|
|
184
184
|
--color-text-disabled: var(--gray-300);
|
|
185
185
|
}
|
|
186
186
|
|
|
@@ -27,13 +27,13 @@ export class GbSideBarItem {
|
|
|
27
27
|
}
|
|
28
28
|
getLabel() {
|
|
29
29
|
const slottedLabel = this.el.querySelector('slot');
|
|
30
|
-
console.log(slottedLabel.textContent);
|
|
30
|
+
// console.log(slottedLabel.textContent);
|
|
31
31
|
return slottedLabel.textContent;
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
34
|
const redBarSrc = getAssetPath(`assets/bar.svg`);
|
|
35
35
|
const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
|
|
36
|
-
return (h("div", { key: '
|
|
36
|
+
return (h("div", { key: '75b40f1f65aedc948022516a483141421bfbf3e5', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '00359412c8ab01d603320bc9e2bf7121c8f684c8', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'e2b40ae8cf5038f7173eb3b694ebc8935060951b', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'cf18e812e5e4cc79f155f281cfd7d3c67684bdf6', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'eac036b98fe50a7b855b21510d71564822cbe70a', class: "content" }, h("div", { key: '332a406be248cb5ef003f36e4abfe8b2dd1cc694', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '9d16dfc5cbb3a371af206c168b316f4e53ad8467', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '55d0987e8ea7330689b1300a1325c081675420ed', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '157db57c44b0fb7bbc18070d0d481de8feb744a6' }, "10"))), this.showArrow && (h("svg", { key: 'd93280527e56862301835d6bbcc6a42a17a38705', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '7acdae14f2212972a4cbdf5b3d4d0f82e8b2be97', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '4ebdf4e5784e6f8e02317002c6fb774e01e359a0', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '840e70cab563abffd0a97c2080bebcc4e8ff31f1', slot: "label" }, this.label)))));
|
|
37
37
|
}
|
|
38
38
|
static get is() { return "gb-side-bar-item"; }
|
|
39
39
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gb-side-bar-item.js","sourceRoot":"","sources":["../../../src/components/gb-side-bar-item/gb-side-bar-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAgB,OAAO,EAAE,MAAM,eAAe,CAAC;AAShH,MAAM,OAAO,aAAa;;;;qBAGA,EAAE;oBACH,EAAE;;yBAEI,KAAK;yBACL,KAAK;2BACc,KAAK;8BACnB,EAAE;;;IAKpC,KAAK,CAAC,QAAQ,CAAC,QAAgB;QAC7B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC;QAC7C,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;QACvC,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QAClC,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC;IAC5B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IACpF,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,CAAC;IACjC,CAAC;IAED,QAAQ;QACN,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAEnD,
|
|
1
|
+
{"version":3,"file":"gb-side-bar-item.js","sourceRoot":"","sources":["../../../src/components/gb-side-bar-item/gb-side-bar-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAgB,OAAO,EAAE,MAAM,eAAe,CAAC;AAShH,MAAM,OAAO,aAAa;;;;qBAGA,EAAE;oBACH,EAAE;;yBAEI,KAAK;yBACL,KAAK;2BACc,KAAK;8BACnB,EAAE;;;IAKpC,KAAK,CAAC,QAAQ,CAAC,QAAgB;QAC7B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC;QAC7C,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;QACvC,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QAClC,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC;IAC5B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IACpF,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,CAAC;IACjC,CAAC;IAED,QAAQ;QACN,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAEnD,yCAAyC;QACzC,OAAO,YAAY,CAAC,WAAW,CAAC;IAClC,CAAC;IAED,MAAM;QACJ,MAAM,SAAS,GAAG,YAAY,CAAC,gBAAgB,CAAC,CAAC;QACjD,MAAM,WAAW,GAAG,YAAY,CAAC,sBAAsB,CAAC,CAAC;QAEzD,OAAO,CACL,4DAAK,KAAK,EAAE,yBAAyB,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YAClI,4DAAK,KAAK,EAAE,iBAAiB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACpE,IAAI,CAAC,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,KAAK,kBAAkB,IAAI,4DAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,KAAK,GAAG;gBAC7G,IAAI,CAAC,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,KAAK,oBAAoB,IAAI,4DAAK,GAAG,EAAE,WAAW,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,KAAK,GAAG;gBAClH,4DAAK,KAAK,EAAC,SAAS;oBAClB,4DAAK,KAAK,EAAE,QAAQ,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,GAAQ;oBACxF,IAAI,CAAC,IAAI,KAAK,iBAAiB,IAAI,CAClC,0DAAG,KAAK,EAAE,cAAc,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,gBAAgB,EAAE,IAAG,IAAI,CAAC,KAAK,CAAK,CAC5I,CACG;gBACL,IAAI,CAAC,IAAI,KAAK,iBAAiB,IAAI,CAClC;oBACG,IAAI,CAAC,SAAS,IAAI,CACjB,iEAAU,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;wBAC7F,iEAAS,CACA,CACZ;oBACA,IAAI,CAAC,SAAS,IAAI,CACjB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,SAAS,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE;wBAC1I,6DACE,CAAC,EAAC,sEAAsE,EACxE,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,CACP,CACA,CACJ,CACG;YACL,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,WAAW,IAAI,CAChD,iFAAwB,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS;gBACxD,0DAAG,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAK,CACrB,CACd,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Fragment, getAssetPath, State, Event, EventEmitter, Element } from \"@stencil/core\";\r\nimport { GeneralBackgroundCategories } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-side-bar-item',\r\n styleUrl: 'gb-side-bar-item.css',\r\n shadow: true,\r\n})\r\n\r\nexport class GbSideBarItem {\r\n @Prop() state: 'default' | 'active';\r\n @Prop() type: 'full_with_label' | 'icon_only';\r\n @Prop() label: string = '';\r\n @Prop() icon: string = '';\r\n @Prop() category: GeneralBackgroundCategories;\r\n @Prop() showArrow: boolean = false;\r\n @Prop() showBadge: boolean = false;\r\n @Prop({ mutable: true }) showTooltip: boolean = false;\r\n @State() leadingIconSvg: string = '';\r\n @State() textState: any;\r\n @Event() sideBarItemClicked: EventEmitter<void>;\r\n @Element() el: HTMLElement;\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n this.leadingIconSvg = svg;\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.icon);\r\n this.textState = this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium';\r\n }\r\n\r\n onSideBarItemClicked() {\r\n this.sideBarItemClicked.emit();\r\n }\r\n\r\n getLabel() {\r\n const slottedLabel = this.el.querySelector('slot');\r\n\r\n // console.log(slottedLabel.textContent);\r\n return slottedLabel.textContent;\r\n }\r\n\r\n render() {\r\n const redBarSrc = getAssetPath(`assets/bar.svg`);\r\n const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);\r\n\r\n return (\r\n <div class={`side_bar_item_container`} onMouseEnter={() => (this.showTooltip = true)} onMouseLeave={() => (this.showTooltip = false)}>\r\n <div class={`nav_item_base ${this.state} ${this.type} ${this.category}`}>\r\n {this.state === 'active' && this.category === 'plain_background' && <img src={redBarSrc} alt=\"\" class=\"bar\" />}\r\n {this.state === 'active' && this.category === 'colored_background' && <img src={whiteBarSrc} alt=\"\" class=\"bar\" />}\r\n <div class=\"content\">\r\n <div class={`icon ${this.state} ${this.category}`} innerHTML={this.leadingIconSvg}></div>\r\n {this.type === 'full_with_label' && (\r\n <p class={`label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}`}>{this.label}</p>\r\n )}\r\n </div>\r\n {this.type === 'full_with_label' && (\r\n <>\r\n {this.showBadge && (\r\n <gb-badge size=\"sm\" type=\"pill_outline\" color={this.state === 'active' ? 'information' : 'gray'}>\r\n <p>10</p>\r\n </gb-badge>\r\n )}\r\n {this.showArrow && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" class={`arrow ${this.state} ${this.category}`}>\r\n <path\r\n d=\"M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12\"\r\n stroke=\"#212C65\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n )}\r\n </>\r\n )}\r\n </div>\r\n {this.type === 'icon_only' && this.showTooltip && (\r\n <gb-tooltip show-arrow={true} arrow=\"left\" class=\"tooltip\">\r\n <p slot=\"label\">{this.label}</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}
|
|
@@ -176,11 +176,11 @@
|
|
|
176
176
|
--color-text-subtle: var(--gray-500);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
[data-theme="
|
|
179
|
+
[data-theme="dark"] {
|
|
180
180
|
--color-text-subtle: var(--gray-500);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
[data-theme="
|
|
183
|
+
[data-theme="light"] {
|
|
184
184
|
--color-text-disabled: var(--gray-300);
|
|
185
185
|
}
|
|
186
186
|
|
|
@@ -68,7 +68,7 @@ export class GbSidebar {
|
|
|
68
68
|
const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
|
|
69
69
|
const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
|
|
70
70
|
const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
|
|
71
|
-
return (h("div", { key: '
|
|
71
|
+
return (h("div", { key: '8cbb4f9ab43694b5e326278ddf1a8c16c17a629d', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '8011322c7e73faed1447e9e767a0ce4447e6ef6e', class: "pattern" }, h("img", { key: '90e314b1deeb643e2d2713613b9d9c4adfc8f295', src: patternSrc, alt: "" }))), h("div", { key: 'ebb6c806ab20bb01cf48e869a09cdf9b43210532', class: "nav" }, h("div", { key: '66d2036848ee4ef5a67ff0d483903ba897a340a7', class: `sidebar_header ${this.state}` }, h("div", { key: 'c5b4ce40e469c119f94405fd26e4884b3595f12d', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: 'b81777bdc8e08644ff0b48769e70c3c0a4be0b4a', src: logoSrc, alt: "" })), h("div", { key: '5edcef007b1ed3a66da7f7b727d6ecbfe6f584c6', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'ad76acff3184a53d333a89ce3208109af1dd2c62', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '45c6b5fdffebdc79485e553cd435056ffe452562', class: "navigation" }, h("div", { key: 'ff27e48a7612c7e948a93643ede0257f886ae875', class: "item" }, h("gb-side-bar-item", { key: 'a94a17896f356e7c41f31254efb8d31fa1307a10', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-side-bar-item", { key: 'd9adc561cd64ac01e1e2525cd5015b73cd615ba7', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-side-bar-item", { key: '909d9c21b0de7a8b070e0d534f12babbe7a588eb', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-side-bar-item", { key: '48f6f1b35370c2a0b45845906af08b8e2a7d957a', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-side-bar-item", { key: 'b03fb26070c00c08cb845b3c719bd3a82710c716', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '940ce61ec27709500ad9ad590b804a652bc108a8', class: "navigation" }, h("div", { key: '39425a517dfe3cfcc2371691e332b9f2c5b58304', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: 'a40735aa4c1ee8082088b51db1c61a286b4f5bf6', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-side-bar-item", { key: '481f6f6262b3378827522611e94c01340052adb5', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-side-bar-item", { key: '89b7615ffc9c078e3e792e727b78f3ad63a1fd44', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-side-bar-item", { key: '85248abe92ee7912be305b580beb1fb2b7fd7199', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-side-bar-item", { key: '091b795937e379f6a7124521e14b66843ffd8605', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: 'ba6a2d9b150214072f62c7a2b8febd5d9df2a7dd', class: "application_name" }, h("div", { key: '0aced53a58822a57ea692d438470c52df5a37e2a', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: 'c8f5e720383c436efeac30cb8a74679c4b67e62c', class: "application_name_pattern" }, h("img", { key: 'ab938472bdc653bb8294944372284fe223b03c07', src: patternSrc, alt: "" }))), h("div", { key: '8a51593192a56c2daf8094c13c948c2996c46780', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '19ec2742e00bdce3375599a5444635f4451b08b3', class: textClass }, h("slot", { key: '00152d0ddca8fa33d85d642a5b2da49da809ff22', name: "application_name" })))))));
|
|
72
72
|
}
|
|
73
73
|
static get is() { return "gb-sidebar"; }
|
|
74
74
|
static get encapsulation() { return "shadow"; }
|
|
@@ -176,11 +176,11 @@
|
|
|
176
176
|
--color-text-subtle: var(--gray-500);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
[data-theme="
|
|
179
|
+
[data-theme="dark"] {
|
|
180
180
|
--color-text-subtle: var(--gray-500);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
[data-theme="
|
|
183
|
+
[data-theme="light"] {
|
|
184
184
|
--color-text-disabled: var(--gray-300);
|
|
185
185
|
}
|
|
186
186
|
|
|
@@ -56,7 +56,7 @@ export class GbSlider {
|
|
|
56
56
|
this.trackEl.style.width = `${rightPos - leftPos}%`;
|
|
57
57
|
}
|
|
58
58
|
render() {
|
|
59
|
-
return (h("div", { key: '
|
|
59
|
+
return (h("div", { key: '66f938ec888ce8fd17b343d347b4379f9d8445b3', class: "slider-container", ref: (el) => this.containerEl = el }, h("div", { key: 'b2a479e30dbcc7e2fa82bb918911502668fd77b1', class: "track", ref: (el) => this.trackEl = el }), h("gb-slider-control-handle", { key: 'e6f7a7b21a6d4acfddb5283477bc92a4a8ab362c', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '1b0c8cf59233aa0d6920fe4a0b905b446bf7bf2d', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'right') })));
|
|
60
60
|
}
|
|
61
61
|
static get is() { return "gb-slider"; }
|
|
62
62
|
static get encapsulation() { return "shadow"; }
|
|
@@ -176,11 +176,11 @@
|
|
|
176
176
|
--color-text-subtle: var(--gray-500);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
[data-theme="
|
|
179
|
+
[data-theme="dark"] {
|
|
180
180
|
--color-text-subtle: var(--gray-500);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
[data-theme="
|
|
183
|
+
[data-theme="light"] {
|
|
184
184
|
--color-text-disabled: var(--gray-300);
|
|
185
185
|
}
|
|
186
186
|
|
|
@@ -19,7 +19,7 @@ export class SliderControlHandle {
|
|
|
19
19
|
this.isFocused = false;
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h("div", { key: '
|
|
22
|
+
return (h("div", { key: 'c957d8171121d4338a640507e0d59747b4e0a58c', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: '3aa7580ee20db9efe1fa183d518e4b3c4d81ed3d', class: "tooltip-container" }, h("gb-tooltip", { key: '6cffb42b2fca685ae4fc803ef81d415b404f7ce2', arrow: 'none' }, h("p", { key: '02f8dc1c0ef18d6e48b6c6f66e4aa003e68511f3', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (h("div", { key: '0c17983dcecb94eeeb7b0c95c79cd04116d7350b', class: "thumb-label" }, this.value, "%"))));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "gb-slider-control-handle"; }
|
|
25
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -176,11 +176,11 @@
|
|
|
176
176
|
--color-text-subtle: var(--gray-500);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
[data-theme="
|
|
179
|
+
[data-theme="dark"] {
|
|
180
180
|
--color-text-subtle: var(--gray-500);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
[data-theme="
|
|
183
|
+
[data-theme="light"] {
|
|
184
184
|
--color-text-disabled: var(--gray-300);
|
|
185
185
|
}
|
|
186
186
|
|
|
@@ -9,7 +9,7 @@ export class GbStatusIndicator {
|
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
11
|
return [
|
|
12
|
-
h("div", { key: '
|
|
12
|
+
h("div", { key: 'fa3dd351bdaea4ec096de40ed3ceb2c103cd9bc3' }, this.statusIcon === 'online_indicator' && h("div", { key: '4312bf46d93b8d0a50731c7dd24ae8b30985feeb', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '2039b5ef869bdb56b5e15fba0b9285ad783285bb', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: '5c2e701fee09cde447aa65ae0156c67ac78f3742', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: 'd7dd0b9ecbb5c9f532a7629db74ed8d2cc399698', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), h("path", { key: '3cc065dcfb69a32010588b50005b55ea41b49912', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: '1a3dfd8722d004d4d1f55aa12f536e87936ae76d' }, h("clipPath", { key: 'fd2e05211ff1da9e5157b26f1c32b230542e702b', id: "clip0_0_21453" }, h("rect", { key: 'fe61a94f44eb9cc56bb846868234dd158260c3aa', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '385ccac85cfb43c41f88dfb2d2151694d86a9753', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { key: '1c44af235135a5d12d4e5c90ae2b8e7ccd23b34a', d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { key: '01199c0bdc77f7b052f49dd11463d1fb425aa960', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" })))),
|
|
13
13
|
];
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "gb-status-indicator"; }
|
|
@@ -176,11 +176,11 @@
|
|
|
176
176
|
--color-text-subtle: var(--gray-500);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
[data-theme="
|
|
179
|
+
[data-theme="dark"] {
|
|
180
180
|
--color-text-subtle: var(--gray-500);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
[data-theme="
|
|
183
|
+
[data-theme="light"] {
|
|
184
184
|
--color-text-disabled: var(--gray-300);
|
|
185
185
|
}
|
|
186
186
|
|
|
@@ -42,12 +42,12 @@ export class GbTabButtonBase {
|
|
|
42
42
|
this.tabClicked.emit();
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h("div", { key: '
|
|
45
|
+
return (h("div", { key: '3e622bbc6ecf7796472d6be2b81dc4422427501a', class: `tab_button_div ${this.type}
|
|
46
46
|
${this.current ? 'current' : ''}
|
|
47
47
|
${this.fullWidth ? 'full_width' : ''}
|
|
48
|
-
${this.size}`, onClick: () => this.handleClick() }, h("p", { key: '
|
|
48
|
+
${this.size}`, onClick: () => this.handleClick() }, h("p", { key: '6837cf7ac3eb40e1efe7dc09c8f0b7407a20f094', class: `${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '4edd923c30d8866941d5af01dd05a2aa9b81bc35', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary' ? 'information' :
|
|
49
49
|
this.current && this.type === 'underline' ? 'information' :
|
|
50
|
-
this.current && this.type === 'line' ? 'information' : 'gray' }, h("slot", { key: '
|
|
50
|
+
this.current && this.type === 'line' ? 'information' : 'gray' }, h("slot", { key: '4b851aebf6802ead6bfbe16704012b6f0514155b', name: "count" })))));
|
|
51
51
|
}
|
|
52
52
|
static get is() { return "gb-tab-button-base"; }
|
|
53
53
|
static get encapsulation() { return "shadow"; }
|
|
@@ -176,11 +176,11 @@
|
|
|
176
176
|
--color-text-subtle: var(--gray-500);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
[data-theme="
|
|
179
|
+
[data-theme="dark"] {
|
|
180
180
|
--color-text-subtle: var(--gray-500);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
[data-theme="
|
|
183
|
+
[data-theme="light"] {
|
|
184
184
|
--color-text-disabled: var(--gray-300);
|
|
185
185
|
}
|
|
186
186
|
|
|
@@ -8,11 +8,11 @@ export class GbTag {
|
|
|
8
8
|
this.checkbox = undefined;
|
|
9
9
|
}
|
|
10
10
|
async onTagClose() {
|
|
11
|
-
console.log('close tag clicked');
|
|
11
|
+
// console.log('close tag clicked');
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
14
|
const flagSwap = getAssetPath(`assets/${this.flagSwap}.svg`);
|
|
15
|
-
return (h("div", { key: '
|
|
15
|
+
return (h("div", { key: '651ba5fa12305ce3fffc9e9e74bdc44c8fd3d669', class: `container ${this.size}` }, h("div", { key: '9d8cbcd56a71567f5adfadb5423f3e6b2100d00e', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'fdd3d32d4bb6490bfeb741345b3a3a914a2f95b2', size: this.size }), this.icon === 'country' && (h("div", { key: 'af5d2c5dbc37207c31e078e4cb598f10d0a0fbed', class: "icon left-icon" }, h("img", { key: 'e0209ff07822255dd19f98c88c1f5d9696c95b5b', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'aa721e71f20e23177d51e31203bb3b0ecd14e31c', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '26b45d5ad8f426f684819cf5525bdfaaff237bfc', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '75e3be5eaae69f714067503506b67316682bae55', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '3d80de0d38fdb84cc4e0f3a185e3090594c78da7', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("slot", { key: '9127f7c27e692691ec6abb26fbb063d4f5f9d26f' }), this.action === 'count' && (h("gb-tag-count", { key: '18bd2357085b8f01b2f360d609aef2177dd2788f', size: this.size }, h("slot", { key: '9a90f8f4a2166c52d715e2cca906725d92366152', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '26f08cb39d877ad4213d869a714e1af21faf288d', size: this.size, onClick: () => this.onTagClose() })));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "gb-tag"; }
|
|
18
18
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gb-tag.js","sourceRoot":"","sources":["../../../src/components/gb-tag/gb-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzE,MAAM,OAAO,KAAK;;;;;;;;IAQhB,KAAK,CAAC,UAAU;QACd,
|
|
1
|
+
{"version":3,"file":"gb-tag.js","sourceRoot":"","sources":["../../../src/components/gb-tag/gb-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzE,MAAM,OAAO,KAAK;;;;;;;;IAQhB,KAAK,CAAC,UAAU;QACd,oCAAoC;IACtC,CAAC;IAED,MAAM;QACJ,MAAM,QAAQ,GAAG,YAAY,CAAC,UAAU,IAAI,CAAC,QAAQ,MAAM,CAAC,CAAC;QAE7D,OAAO,CACL,4DAAK,KAAK,EAAE,aAAa,IAAI,CAAC,IAAI,EAAE;YAClC,4DAAK,KAAK,EAAE,WAAW,IAAI,CAAC,IAAI,EAAE;gBAC/B,IAAI,CAAC,QAAQ,IAAI,wEAAiB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAoB;gBACrE,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,CAC1B,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,4DAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,cAAc,GAAG,CACrC,CACP;gBACA,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,CACzB,kEAAW,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,KAAK,iBAAa,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM;oBACpF,6DAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ,CACnC,CACb;gBACA,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,CACtB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM;oBACxF,+DAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,GAAG,CACzC,CACP;gBACD,8DAAa;gBACZ,IAAI,CAAC,MAAM,KAAK,OAAO,IAAI,CAC1B,qEAAc,IAAI,EAAE,IAAI,CAAC,IAAI;oBAC3B,6DAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,CAC1B,CAChB,CACG;YACL,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,qEAAc,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,GAAiB,CAC1G,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Method, Prop, getAssetPath, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-tag',\r\n styleUrl: 'gb-tag.css',\r\n shadow: true,\r\n})\r\nexport class GbTag {\r\n @Prop() size: 'sm' | 'md' | 'lg';\r\n @Prop() icon?: 'country' | 'avatar' | 'dot';\r\n @Prop() action: 'X_close' | 'text_only' | 'count';\r\n @Prop() flagSwap: string;\r\n @Prop() checkbox?: boolean;\r\n\r\n @Method()\r\n async onTagClose() {\r\n // console.log('close tag clicked');\r\n }\r\n\r\n render() {\r\n const flagSwap = getAssetPath(`assets/${this.flagSwap}.svg`);\r\n\r\n return (\r\n <div class={`container ${this.size}`}>\r\n <div class={`content ${this.size}`}>\r\n {this.checkbox && <gb-tag-checkbox size={this.size}></gb-tag-checkbox>}\r\n {this.icon === 'country' && (\r\n <div class=\"icon left-icon\">\r\n <img src={flagSwap} alt=\"Country Icon\" />\r\n </div>\r\n )}\r\n {this.icon === 'avatar' && (\r\n <gb-avatar class=\"avatar-icon\" size=\"xxs\" status-icon=\"false\" text={true} color=\"gray\">\r\n <slot name=\"initials\" slot=\"initials\"></slot>\r\n </gb-avatar>\r\n )}\r\n {this.icon === 'dot' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\">\r\n <circle cx=\"4\" cy=\"4\" r=\"3\" fill=\"#17B26A\" />\r\n </svg>\r\n )}\r\n <slot></slot>\r\n {this.action === 'count' && (\r\n <gb-tag-count size={this.size}>\r\n <slot slot=\"count\" name=\"count\"></slot>\r\n </gb-tag-count>\r\n )}\r\n </div>\r\n {this.action === 'X_close' && <gb-tag-close size={this.size} onClick={() => this.onTagClose()}></gb-tag-close>}\r\n </div>\r\n );\r\n }\r\n}"]}
|
|
@@ -176,11 +176,11 @@
|
|
|
176
176
|
--color-text-subtle: var(--gray-500);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
[data-theme="
|
|
179
|
+
[data-theme="dark"] {
|
|
180
180
|
--color-text-subtle: var(--gray-500);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
[data-theme="
|
|
183
|
+
[data-theme="light"] {
|
|
184
184
|
--color-text-disabled: var(--gray-300);
|
|
185
185
|
}
|
|
186
186
|
|
|
@@ -6,7 +6,7 @@ export class GbTagCheckbox {
|
|
|
6
6
|
this.disabled = false;
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return (h("label", { key: '
|
|
9
|
+
return (h("label", { key: '1cc922c7282d3323b2e29e308c6a6e1ad2a9f99b', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '9abdf8b41e9080454aa2274efb6bc75d8fadf99a', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '8968835f00913b4f5cf2438cc1aeef28f6f3571a', class: `custom-checkbox ${this.size}` }, h("svg", { key: 'd8245eed89156c26d8e03851ede42d2b23b4cf9a', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '23f0140995337de4d5699b9e6ee30db4ea867736', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
|
|
10
10
|
}
|
|
11
11
|
static get is() { return "gb-tag-checkbox"; }
|
|
12
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -176,11 +176,11 @@
|
|
|
176
176
|
--color-text-subtle: var(--gray-500);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
[data-theme="
|
|
179
|
+
[data-theme="dark"] {
|
|
180
180
|
--color-text-subtle: var(--gray-500);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
[data-theme="
|
|
183
|
+
[data-theme="light"] {
|
|
184
184
|
--color-text-disabled: var(--gray-300);
|
|
185
185
|
}
|
|
186
186
|
|