genesys-spark-components 4.0.0-beta.26 → 4.0.0-beta.28
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/genesys-webcomponents.cjs.js +1 -1
- package/dist/cjs/gux-accordion-section.cjs.entry.js +1 -1
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +218 -0
- package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge.cjs.entry.js +1 -1
- package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.cjs.entry.js +2 -3
- package/dist/cjs/gux-button-slot.cjs.entry.js +2 -2
- package/dist/cjs/gux-button.cjs.entry.js +2 -2
- package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
- package/dist/cjs/gux-card.cjs.entry.js +1 -1
- package/dist/cjs/gux-column-manager-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-context-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-option.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-number_3.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-range.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
- package/dist/cjs/gux-list-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-loading-message.cjs.entry.js +3 -47
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +2 -2
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/{gux-pagination-buttons-beta_2.cjs.entry.js → gux-pagination-buttons_3.cjs.entry.js} +49 -11
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
- package/dist/cjs/{gux-pagination-beta.cjs.entry.js → gux-pagination.cjs.entry.js} +6 -6
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +2 -2
- package/dist/cjs/gux-popup.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +1 -1
- package/dist/cjs/gux-region-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch-item.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch.cjs.entry.js +2 -2
- package/dist/cjs/gux-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/gux-table-select-menu.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/gux-table.cjs.entry.js +2 -2
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gux-tag.cjs.entry.js +80 -0
- package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle-slider.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle.cjs.entry.js +2 -2
- package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/index-0d0fdb85.js +8 -16
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{usage-fcdc9156.js → usage-5e9eafc4.js} +1 -1
- package/dist/collection/collection-manifest.json +11 -12
- package/dist/collection/components/legacy/gux-action-toast-legacy/gux-action-toast.css +44 -30
- package/dist/collection/components/{stable/gux-advanced-dropdown → legacy/gux-advanced-dropdown-legacy}/dropdown-option/gux-dropdown-option.css +3 -4
- package/dist/collection/components/{stable/gux-advanced-dropdown → legacy/gux-advanced-dropdown-legacy}/dropdown-option/gux-dropdown-option.js +1 -1
- package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.css +253 -0
- package/dist/collection/components/{stable/gux-advanced-dropdown → legacy/gux-advanced-dropdown-legacy}/gux-advanced-dropdown.js +4 -4
- package/dist/collection/components/legacy/gux-notification-toast-legacy/gux-notification-toast.css +44 -30
- package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.css +65 -45
- package/dist/collection/components/stable/gux-button/gux-button.css +43 -3
- package/dist/collection/components/stable/gux-button-multi/gux-button-multi.js +1 -19
- package/dist/collection/components/stable/gux-button-slot/gux-button-slot.css +43 -3
- package/dist/collection/components/stable/gux-column-manager/gux-column-manager-item/gux-column-manager-item.css +47 -32
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.css +44 -30
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.css +65 -45
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.css +65 -45
- package/dist/collection/components/stable/gux-list/gux-list-divider/gux-list-divider.css +1 -1
- package/dist/collection/components/stable/gux-list/gux-list-divider/gux-list-divider.js +1 -1
- package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.css +27 -15
- package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.js +1 -1
- package/dist/collection/components/stable/gux-list/gux-list.css +1 -1
- package/dist/collection/components/stable/gux-list/gux-list.js +1 -1
- package/dist/collection/components/stable/gux-loading-message/gux-loading-message.css +87 -192
- package/dist/collection/components/stable/gux-loading-message/gux-loading-message.js +2 -49
- package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-buttons-beta/gux-pagination-buttons-beta.css → stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.css} +11 -11
- package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-buttons-beta/gux-pagination-buttons-beta.js → stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.js} +8 -8
- package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-item-counts-beta/gux-pagination-item-counts-beta.css → stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.css} +1 -4
- package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-item-counts-beta/gux-pagination-item-counts-beta.js → stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.js} +4 -4
- package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-items-per-page-beta/gux-pagination-items-per-page-beta.css → stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.css} +5 -5
- package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-items-per-page-beta/gux-pagination-items-per-page-beta.js → stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.js} +5 -5
- package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-beta.js → stable/gux-pagination/gux-pagination.js} +8 -8
- package/dist/collection/components/stable/gux-popover-list/gux-popover-list.css +8 -34
- package/dist/collection/components/stable/gux-popover-list/gux-popover-list.js +1 -1
- package/dist/collection/components/stable/gux-popup/gux-popup.css +1 -0
- package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.css +4 -2
- package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.js +1 -1
- package/dist/collection/components/stable/gux-switch/gux-switch-item/gux-switch-item.css +173 -7
- package/dist/collection/components/stable/gux-switch/gux-switch-item/gux-switch-item.js +1 -1
- package/dist/collection/components/stable/gux-switch/gux-switch.css +2 -2
- package/dist/collection/components/stable/gux-switch/gux-switch.js +1 -1
- package/dist/collection/components/stable/gux-table/gux-table-select-menu/gux-table-select-menu.css +21 -15
- package/dist/collection/components/stable/gux-table/gux-table.css +44 -30
- package/dist/collection/components/stable/gux-tabs/gux-tab-panel/gux-tab-panel.css +56 -6
- package/dist/collection/components/stable/gux-tabs/gux-tab-panel/gux-tab-panel.js +4 -3
- package/dist/collection/components/stable/gux-tag/gux-tag.css +155 -0
- package/dist/collection/components/{beta → stable}/gux-tag/gux-tag.js +27 -32
- package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.css +45 -5
- package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.js +1 -1
- package/dist/collection/components/stable/gux-toggle/gux-toggle.css +4 -2
- package/dist/collection/components/stable/gux-toggle/gux-toggle.js +1 -1
- package/dist/component-specs.json +60 -106
- package/dist/deploy-info.json +3 -3
- package/dist/esm/genesys-webcomponents.js +1 -1
- package/dist/esm/gux-accordion-section.entry.js +1 -1
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-toast-legacy.entry.js +2 -2
- package/dist/esm/gux-advanced-dropdown-legacy.entry.js +214 -0
- package/dist/esm/gux-announce-beta.entry.js +1 -1
- package/dist/esm/gux-badge.entry.js +1 -1
- package/dist/esm/gux-blank-state.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- package/dist/esm/gux-button-multi.entry.js +2 -3
- package/dist/esm/gux-button-slot.entry.js +2 -2
- package/dist/esm/gux-button.entry.js +2 -2
- package/dist/esm/gux-calendar.entry.js +1 -1
- package/dist/esm/gux-card.entry.js +1 -1
- package/dist/esm/gux-column-manager-item.entry.js +1 -1
- package/dist/esm/gux-column-manager.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-context-menu.entry.js +1 -1
- package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
- package/dist/esm/gux-date-beta.entry.js +1 -1
- package/dist/esm/gux-date-time-beta.entry.js +1 -1
- package/dist/esm/gux-datepicker.entry.js +1 -1
- package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
- package/dist/esm/gux-dismiss-button.entry.js +1 -1
- package/dist/esm/gux-dropdown-multi-beta.entry.js +1 -1
- package/dist/esm/gux-dropdown-option.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +1 -1
- package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
- package/dist/esm/gux-form-field-color.entry.js +1 -1
- package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
- package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
- package/dist/esm/gux-form-field-number_3.entry.js +2 -2
- package/dist/esm/gux-form-field-phone.entry.js +1 -1
- package/dist/esm/gux-form-field-radio.entry.js +1 -1
- package/dist/esm/gux-form-field-range.entry.js +2 -2
- package/dist/esm/gux-form-field-search.entry.js +1 -1
- package/dist/esm/gux-form-field-select.entry.js +1 -1
- package/dist/esm/gux-form-field-text-like.entry.js +2 -2
- package/dist/esm/gux-form-field-textarea.entry.js +2 -2
- package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
- package/dist/esm/gux-icon.entry.js +1 -1
- package/dist/esm/gux-inline-alert.entry.js +1 -1
- package/dist/esm/gux-list-item.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +1 -1
- package/dist/esm/gux-listbox-multi.entry.js +1 -1
- package/dist/esm/gux-loading-message.entry.js +4 -48
- package/dist/esm/gux-modal.entry.js +1 -1
- package/dist/esm/gux-month-picker-beta.entry.js +1 -1
- package/dist/esm/gux-notification-toast-legacy.entry.js +2 -2
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/{gux-pagination-buttons-beta_2.entry.js → gux-pagination-buttons_3.entry.js} +47 -10
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination-legacy.entry.js +1 -1
- package/dist/esm/{gux-pagination-beta.entry.js → gux-pagination.entry.js} +6 -6
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +2 -2
- package/dist/esm/gux-popup.entry.js +1 -1
- package/dist/esm/gux-radial-loading.entry.js +1 -1
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +1 -1
- package/dist/esm/gux-region-icon.entry.js +1 -1
- package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
- package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-item.entry.js +1 -1
- package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
- package/dist/esm/gux-sort-control.entry.js +1 -1
- package/dist/esm/gux-switch-item.entry.js +1 -1
- package/dist/esm/gux-switch.entry.js +2 -2
- package/dist/esm/gux-tab-panel.entry.js +3 -3
- package/dist/esm/gux-table-select-menu.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
- package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
- package/dist/esm/gux-table-toolbar.entry.js +1 -1
- package/dist/esm/gux-table.entry.js +2 -2
- package/dist/esm/gux-tabs-advanced.entry.js +1 -1
- package/dist/esm/gux-tabs.entry.js +1 -1
- package/dist/esm/gux-tag.entry.js +76 -0
- package/dist/esm/gux-text-highlight.entry.js +1 -1
- package/dist/esm/gux-time-beta.entry.js +1 -1
- package/dist/esm/gux-time-picker.entry.js +1 -1
- package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
- package/dist/esm/gux-toast.entry.js +1 -1
- package/dist/esm/gux-toggle-slider.entry.js +1 -1
- package/dist/esm/gux-toggle.entry.js +2 -2
- package/dist/esm/gux-tooltip.entry.js +1 -1
- package/dist/esm/index-0b66fe2c.js +8 -16
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{usage-f03a9e96.js → usage-c6e07f31.js} +1 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.css +2 -2
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.en.json +1 -1
- package/dist/genesys-webcomponents/{p-bcec2244.entry.js → p-01c8bb6b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-35784c37.entry.js → p-02134088.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7ae4a9fe.entry.js → p-09961f4d.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-0f4948bb.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-fab005df.entry.js → p-172655ad.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b08f2a1f.entry.js → p-188d3d96.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-596ed860.entry.js → p-1b936c21.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-de63108a.entry.js → p-1e850ed3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-425a79f2.entry.js → p-219a0bad.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ba247660.entry.js → p-288ab9a2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ec46bb6e.entry.js → p-2a4eacec.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-3031a578.entry.js +1 -0
- package/dist/genesys-webcomponents/p-358f295c.entry.js +1 -0
- package/dist/genesys-webcomponents/p-3aa5149b.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-a0b3b9f2.entry.js → p-3b4d5b80.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-39170389.entry.js → p-3bc32648.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-3d6b25da.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-82bab522.entry.js → p-41dffb40.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-24a36458.entry.js → p-46697c27.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fd52eebf.entry.js → p-47557661.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-516497a8.entry.js → p-47ba479b.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-4c46f081.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-5623eb9b.entry.js → p-4d17728f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ea9d71eb.entry.js → p-4f1063c5.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-5676eed0.entry.js +1 -0
- package/dist/genesys-webcomponents/p-581738c6.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-6b48fbde.entry.js → p-58dbdd6e.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-5dea868f.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-d68a0863.entry.js → p-5e05cbf4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-82aad1f7.entry.js → p-5e1230ac.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-06a92400.entry.js → p-5f22855f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dc84cec7.js → p-6517ed89.js} +1 -1
- package/dist/genesys-webcomponents/{p-b5eb0d49.entry.js → p-651e350f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d107d384.entry.js → p-65d42429.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bb29dc80.entry.js → p-6748082f.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-6846d279.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-a3f9f44a.entry.js → p-68868258.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8056c132.entry.js → p-698f98c2.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-6bff9eb3.entry.js +1 -0
- package/dist/genesys-webcomponents/p-6c5ba842.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-30598362.entry.js → p-6cddf4cc.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bfa89db2.entry.js → p-6ceceb96.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b90e7457.entry.js → p-6d16729f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a5d5ba91.entry.js → p-6d7e7a71.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dc6723ca.entry.js → p-74009863.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8e592f22.entry.js → p-76f4a444.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e33c43dd.entry.js → p-77e60d29.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-795e7b1a.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-d0abf3d7.entry.js → p-7a8c150f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-855c7fcc.entry.js → p-7b4ef992.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c3980b75.entry.js → p-7be9b209.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-7c5d3642.entry.js +1 -0
- package/dist/genesys-webcomponents/p-7dd13d10.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-40744307.entry.js → p-8212cb52.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8d693163.entry.js → p-8f49f6a8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0b01b76e.entry.js → p-91d49ac1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c9ada3f6.entry.js → p-95fc6119.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c4bdc563.entry.js → p-983c952f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-92095ee1.entry.js → p-9b6831a5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f06e2d5d.entry.js → p-9eb61bd3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-75f9676c.entry.js → p-a4dbc7d1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-da2efa1d.entry.js → p-a91103ab.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f2f53d61.entry.js → p-aaaf2fd9.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-b030d487.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-81a01440.entry.js → p-b0d4ece6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-46980018.entry.js → p-b2d32b54.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-46abdd72.entry.js → p-ba975521.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1b35958d.entry.js → p-bcbab73b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0212b664.entry.js → p-bd630920.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e01bffb0.entry.js → p-bdb75a90.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-90379a2c.entry.js → p-bfe3a794.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-c2485ed4.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-532ea636.entry.js → p-c313de7b.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-c4ed84fa.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-7b43f40b.entry.js → p-c609ed18.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-c8580fbf.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-1f39a936.entry.js → p-ca143a76.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-ca5e2ee3.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-3ad223ac.entry.js → p-cb2c7de5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-119bf1e5.entry.js → p-ccfcec33.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-dfc7c240.entry.js → p-d9f31512.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-e7ea294d.entry.js +1 -0
- package/dist/genesys-webcomponents/p-ecac9a08.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-0978a177.entry.js → p-eeb5254d.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ffe2a7bc.entry.js → p-f03c03d4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9f919a75.entry.js → p-f4b602e0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-806357bf.entry.js → p-f58ff022.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-82b561eb.entry.js → p-fdbd6834.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/{stable/gux-advanced-dropdown → legacy/gux-advanced-dropdown-legacy}/gux-advanced-dropdown.d.ts +1 -1
- package/dist/types/components/stable/gux-button-multi/gux-button-multi.d.ts +0 -4
- package/dist/types/components/stable/gux-loading-message/gux-loading-message.d.ts +0 -10
- package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-buttons-beta/gux-pagination-buttons-beta.d.ts → stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.d.ts} +3 -3
- package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-item-counts-beta/gux-pagination-item-counts-beta.d.ts → stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.d.ts} +1 -1
- package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-items-per-page-beta/gux-pagination-items-per-page-beta.d.ts → stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.d.ts} +2 -2
- package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-beta.d.ts → stable/gux-pagination/gux-pagination.d.ts} +4 -4
- package/dist/types/components/stable/gux-pagination/gux-pagination.types.d.ts +2 -0
- package/dist/types/components/{beta → stable}/gux-tag/gux-tag.d.ts +3 -16
- package/dist/types/components/stable/gux-tag/gux-tag.types.d.ts +1 -0
- package/dist/types/components.d.ts +86 -145
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +1 -1
- package/dist/cjs/gux-advanced-dropdown.cjs.entry.js +0 -218
- package/dist/cjs/gux-pagination-items-per-page-beta.cjs.entry.js +0 -46
- package/dist/cjs/gux-tab-panel-beta.cjs.entry.js +0 -34
- package/dist/cjs/gux-tag-beta.cjs.entry.js +0 -84
- package/dist/collection/components/beta/gux-tab-panel-beta/gux-tab-panel-beta.css +0 -15
- package/dist/collection/components/beta/gux-tab-panel-beta/gux-tab-panel-beta.js +0 -107
- package/dist/collection/components/beta/gux-tag/gux-tag.css +0 -461
- package/dist/collection/components/stable/gux-advanced-dropdown/gux-advanced-dropdown.css +0 -85
- package/dist/collection/components/stable/gux-loading-message/gux-loading-message-constants.js +0 -5
- package/dist/collection/components/stable/gux-loading-message/gux-loading-message-size.types.js +0 -1
- package/dist/esm/gux-advanced-dropdown.entry.js +0 -214
- package/dist/esm/gux-pagination-items-per-page-beta.entry.js +0 -42
- package/dist/esm/gux-tab-panel-beta.entry.js +0 -30
- package/dist/esm/gux-tag-beta.entry.js +0 -80
- package/dist/genesys-webcomponents/p-0af113c1.entry.js +0 -1
- package/dist/genesys-webcomponents/p-0b14794a.entry.js +0 -1
- package/dist/genesys-webcomponents/p-12e01c6c.entry.js +0 -1
- package/dist/genesys-webcomponents/p-15182c48.entry.js +0 -1
- package/dist/genesys-webcomponents/p-1a7b3efe.entry.js +0 -1
- package/dist/genesys-webcomponents/p-1b9ae90d.entry.js +0 -1
- package/dist/genesys-webcomponents/p-27a62f54.entry.js +0 -1
- package/dist/genesys-webcomponents/p-3881c2c8.entry.js +0 -1
- package/dist/genesys-webcomponents/p-43d22f9f.entry.js +0 -1
- package/dist/genesys-webcomponents/p-5f0d8583.entry.js +0 -1
- package/dist/genesys-webcomponents/p-81c3fa5a.entry.js +0 -1
- package/dist/genesys-webcomponents/p-844dfb88.entry.js +0 -1
- package/dist/genesys-webcomponents/p-948ad846.entry.js +0 -1
- package/dist/genesys-webcomponents/p-99e5fc7e.entry.js +0 -1
- package/dist/genesys-webcomponents/p-a7ad3633.entry.js +0 -1
- package/dist/genesys-webcomponents/p-c6a3a814.entry.js +0 -1
- package/dist/genesys-webcomponents/p-d2db8cfb.entry.js +0 -1
- package/dist/genesys-webcomponents/p-d2ec2410.entry.js +0 -1
- package/dist/genesys-webcomponents/p-d6b3146d.entry.js +0 -1
- package/dist/genesys-webcomponents/p-e73a5b4e.entry.js +0 -1
- package/dist/genesys-webcomponents/p-f2fea056.entry.js +0 -1
- package/dist/genesys-webcomponents/p-f4048683.entry.js +0 -1
- package/dist/genesys-webcomponents/p-f51f3281.entry.js +0 -1
- package/dist/genesys-webcomponents/p-f9768ae7.entry.js +0 -1
- package/dist/types/components/beta/gux-pagination-beta/gux-pagination-beta.types.d.ts +0 -2
- package/dist/types/components/beta/gux-tab-panel-beta/gux-tab-panel-beta.d.ts +0 -18
- package/dist/types/components/beta/gux-tag/gux-tag.types.d.ts +0 -2
- package/dist/types/components/stable/gux-loading-message/gux-loading-message-constants.d.ts +0 -5
- package/dist/types/components/stable/gux-loading-message/gux-loading-message-size.types.d.ts +0 -1
- /package/dist/cjs/{en-b3076cac.js → en-2a12d7c4.js} +0 -0
- /package/dist/collection/components/legacy/gux-pagination-legacy/{gux-pagination-buttons → gux-pagination-buttons-legacy}/gux-pagination-button.service.js +0 -0
- /package/dist/collection/components/legacy/gux-pagination-legacy/{gux-pagination-buttons → gux-pagination-buttons-legacy}/gux-pagination-buttons-legacy.css +0 -0
- /package/dist/collection/components/legacy/gux-pagination-legacy/{gux-pagination-buttons → gux-pagination-buttons-legacy}/gux-pagination-buttons.js +0 -0
- /package/dist/collection/components/legacy/gux-pagination-legacy/{gux-pagination-item-counts → gux-pagination-item-counts-legacy}/gux-pagination-item-counts-legacy.css +0 -0
- /package/dist/collection/components/legacy/gux-pagination-legacy/{gux-pagination-item-counts → gux-pagination-item-counts-legacy}/gux-pagination-item-counts.js +0 -0
- /package/dist/collection/components/legacy/gux-pagination-legacy/{gux-pagination-items-per-page → gux-pagination-items-per-page-legacy}/gux-pagination-items-per-page-legacy.css +0 -0
- /package/dist/collection/components/legacy/gux-pagination-legacy/{gux-pagination-items-per-page → gux-pagination-items-per-page-legacy}/gux-pagination-items-per-page.js +0 -0
- /package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-buttons-beta/gux-pagination-button-beta.service.js → stable/gux-pagination/gux-pagination-buttons/gux-pagination-button.service.js} +0 -0
- /package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-buttons-beta → stable/gux-pagination/gux-pagination-buttons}/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.css +0 -0
- /package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-buttons-beta → stable/gux-pagination/gux-pagination-buttons}/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js +0 -0
- /package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-beta.css → stable/gux-pagination/gux-pagination.css} +0 -0
- /package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-beta.types.js → stable/gux-pagination/gux-pagination.types.js} +0 -0
- /package/dist/collection/components/{beta → stable}/gux-tag/gux-tag.types.js +0 -0
- /package/dist/esm/{en-5d726a81.js → en-6c4aef39.js} +0 -0
- /package/dist/genesys-webcomponents/{p-89af02eb.js → p-abb9b5f7.js} +0 -0
- /package/dist/types/components/{stable/gux-advanced-dropdown → legacy/gux-advanced-dropdown-legacy}/dropdown-option/gux-dropdown-option.d.ts +0 -0
- /package/dist/types/components/legacy/gux-pagination-legacy/{gux-pagination-buttons → gux-pagination-buttons-legacy}/gux-pagination-button.service.d.ts +0 -0
- /package/dist/types/components/legacy/gux-pagination-legacy/{gux-pagination-buttons → gux-pagination-buttons-legacy}/gux-pagination-buttons.d.ts +0 -0
- /package/dist/types/components/legacy/gux-pagination-legacy/{gux-pagination-item-counts → gux-pagination-item-counts-legacy}/gux-pagination-item-counts.d.ts +0 -0
- /package/dist/types/components/legacy/gux-pagination-legacy/{gux-pagination-items-per-page → gux-pagination-items-per-page-legacy}/gux-pagination-items-per-page.d.ts +0 -0
- /package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-buttons-beta/gux-pagination-button-beta.service.d.ts → stable/gux-pagination/gux-pagination-buttons/gux-pagination-button.service.d.ts} +0 -0
- /package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-buttons-beta → stable/gux-pagination/gux-pagination-buttons}/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.d.ts +0 -0
@@ -1,67 +1,79 @@
|
|
1
1
|
.gux-focus-ring-focused:focus {
|
2
|
-
outline:
|
3
|
-
outline-
|
4
|
-
|
2
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
3
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
4
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
5
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
5
6
|
}
|
6
7
|
|
7
8
|
.gux-focus-ring-focused-within:focus-within {
|
8
|
-
outline:
|
9
|
-
outline-
|
10
|
-
|
9
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
10
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
11
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
12
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
11
13
|
}
|
12
14
|
|
13
15
|
.gux-focus-ring-focused-visible:focus-visible {
|
14
|
-
outline:
|
15
|
-
outline-
|
16
|
-
|
16
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
17
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
18
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
19
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
17
20
|
}
|
18
21
|
|
19
22
|
.gux-focus-ring-small-focused:focus {
|
20
|
-
outline:
|
21
|
-
outline-
|
23
|
+
outline-width: var(--gse-semantic-focusRing-small-border-width);
|
24
|
+
outline-style: var(--gse-semantic-focusRing-small-border-style);
|
25
|
+
outline-color: var(--gse-semantic-focusRing-small-border-color);
|
22
26
|
}
|
23
27
|
|
24
28
|
.gux-focus-ring-small-focused-within:focus-within {
|
25
|
-
outline:
|
26
|
-
outline-
|
29
|
+
outline-width: var(--gse-semantic-focusRing-small-border-width);
|
30
|
+
outline-style: var(--gse-semantic-focusRing-small-border-style);
|
31
|
+
outline-color: var(--gse-semantic-focusRing-small-border-color);
|
27
32
|
}
|
28
33
|
|
29
34
|
.gux-focus-ring-small-focused-visible:focus-visible {
|
30
|
-
outline:
|
31
|
-
outline-
|
35
|
+
outline-width: var(--gse-semantic-focusRing-small-border-width);
|
36
|
+
outline-style: var(--gse-semantic-focusRing-small-border-style);
|
37
|
+
outline-color: var(--gse-semantic-focusRing-small-border-color);
|
32
38
|
}
|
33
39
|
|
34
40
|
.gux-focus-ring-focused:focus {
|
35
|
-
outline:
|
36
|
-
outline-
|
37
|
-
|
41
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
42
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
43
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
44
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
38
45
|
}
|
39
46
|
|
40
47
|
.gux-focus-ring-focused-within:focus-within {
|
41
|
-
outline:
|
42
|
-
outline-
|
43
|
-
|
48
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
49
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
50
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
51
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
44
52
|
}
|
45
53
|
|
46
54
|
.gux-focus-ring-focused-visible:focus-visible {
|
47
|
-
outline:
|
48
|
-
outline-
|
49
|
-
|
55
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
56
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
57
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
58
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
50
59
|
}
|
51
60
|
|
52
61
|
.gux-focus-ring-small-focused:focus {
|
53
|
-
outline:
|
54
|
-
outline-
|
62
|
+
outline-width: var(--gse-semantic-focusRing-small-border-width);
|
63
|
+
outline-style: var(--gse-semantic-focusRing-small-border-style);
|
64
|
+
outline-color: var(--gse-semantic-focusRing-small-border-color);
|
55
65
|
}
|
56
66
|
|
57
67
|
.gux-focus-ring-small-focused-within:focus-within {
|
58
|
-
outline:
|
59
|
-
outline-
|
68
|
+
outline-width: var(--gse-semantic-focusRing-small-border-width);
|
69
|
+
outline-style: var(--gse-semantic-focusRing-small-border-style);
|
70
|
+
outline-color: var(--gse-semantic-focusRing-small-border-color);
|
60
71
|
}
|
61
72
|
|
62
73
|
.gux-focus-ring-small-focused-visible:focus-visible {
|
63
|
-
outline:
|
64
|
-
outline-
|
74
|
+
outline-width: var(--gse-semantic-focusRing-small-border-width);
|
75
|
+
outline-style: var(--gse-semantic-focusRing-small-border-style);
|
76
|
+
outline-color: var(--gse-semantic-focusRing-small-border-color);
|
65
77
|
}
|
66
78
|
|
67
79
|
/* Font Definitions. */
|
@@ -146,42 +158,50 @@ h6 {
|
|
146
158
|
|
147
159
|
/* Anchor */
|
148
160
|
.gux-icon-anchor gux-icon {
|
149
|
-
padding-right:
|
161
|
+
padding-right: var(--gse-ui-links-inLine-padding);
|
150
162
|
}
|
151
163
|
|
152
164
|
a {
|
153
|
-
color:
|
165
|
+
color: var(--gse-ui-link-default-color);
|
154
166
|
text-decoration: underline;
|
155
|
-
border-radius:
|
167
|
+
border-radius: var(--gse-ui-links-borderRadius);
|
156
168
|
}
|
157
169
|
a:hover {
|
158
|
-
color:
|
170
|
+
color: var(--gse-ui-link-hover-color);
|
159
171
|
}
|
160
172
|
a:active {
|
161
|
-
color:
|
173
|
+
color: var(--gse-ui-link-active-color);
|
174
|
+
}
|
175
|
+
a:visited {
|
176
|
+
color: var(--gse-ui-link-visited-color);
|
162
177
|
}
|
163
178
|
a:focus-visible {
|
164
|
-
outline:
|
165
|
-
outline-
|
166
|
-
|
179
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
180
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
181
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
182
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
167
183
|
}
|
168
184
|
|
169
185
|
table a {
|
170
|
-
color:
|
186
|
+
color: var(--gse-ui-link-default-color);
|
171
187
|
text-decoration: underline;
|
172
|
-
border-radius:
|
188
|
+
border-radius: var(--gse-ui-links-borderRadius);
|
173
189
|
text-decoration: none;
|
174
190
|
}
|
175
191
|
table a:hover {
|
176
|
-
color:
|
192
|
+
color: var(--gse-ui-link-hover-color);
|
177
193
|
}
|
178
194
|
table a:active {
|
179
|
-
color:
|
195
|
+
color: var(--gse-ui-link-active-color);
|
196
|
+
}
|
197
|
+
table a:visited {
|
198
|
+
color: var(--gse-ui-link-visited-color);
|
180
199
|
}
|
181
200
|
table a:focus-visible {
|
182
|
-
outline:
|
183
|
-
outline-
|
184
|
-
|
201
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
202
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
203
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
204
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
185
205
|
}
|
186
206
|
|
187
207
|
/* Custom Styles */
|
@@ -1,3 +1,42 @@
|
|
1
|
+
.gux-focus-ring-focused:focus {
|
2
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
3
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
4
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
5
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
6
|
+
}
|
7
|
+
|
8
|
+
.gux-focus-ring-focused-within:focus-within {
|
9
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
10
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
11
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
12
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
13
|
+
}
|
14
|
+
|
15
|
+
.gux-focus-ring-focused-visible:focus-visible {
|
16
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
17
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
18
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
19
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
20
|
+
}
|
21
|
+
|
22
|
+
.gux-focus-ring-small-focused:focus {
|
23
|
+
outline-width: var(--gse-semantic-focusRing-small-border-width);
|
24
|
+
outline-style: var(--gse-semantic-focusRing-small-border-style);
|
25
|
+
outline-color: var(--gse-semantic-focusRing-small-border-color);
|
26
|
+
}
|
27
|
+
|
28
|
+
.gux-focus-ring-small-focused-within:focus-within {
|
29
|
+
outline-width: var(--gse-semantic-focusRing-small-border-width);
|
30
|
+
outline-style: var(--gse-semantic-focusRing-small-border-style);
|
31
|
+
outline-color: var(--gse-semantic-focusRing-small-border-color);
|
32
|
+
}
|
33
|
+
|
34
|
+
.gux-focus-ring-small-focused-visible:focus-visible {
|
35
|
+
outline-width: var(--gse-semantic-focusRing-small-border-width);
|
36
|
+
outline-style: var(--gse-semantic-focusRing-small-border-style);
|
37
|
+
outline-color: var(--gse-semantic-focusRing-small-border-color);
|
38
|
+
}
|
39
|
+
|
1
40
|
:host {
|
2
41
|
display: inline-block;
|
3
42
|
pointer-events: none;
|
@@ -58,9 +97,10 @@ button:active:enabled {
|
|
58
97
|
background-color: var(--gse-ui-button-secondary-active-backgroundColor);
|
59
98
|
}
|
60
99
|
button:focus-visible:enabled {
|
61
|
-
outline:
|
62
|
-
outline-
|
63
|
-
|
100
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
101
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
102
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
103
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
64
104
|
}
|
65
105
|
button.gux-primary {
|
66
106
|
color: var(--gse-ui-button-primary-default-foregroundColor);
|
@@ -19,7 +19,6 @@ import { getGuxButtonMultiAccent } from './gux-button-multi.types';
|
|
19
19
|
*/
|
20
20
|
export class GuxButtonMulti {
|
21
21
|
constructor() {
|
22
|
-
this.text = undefined;
|
23
22
|
this.disabled = false;
|
24
23
|
this.accent = 'secondary';
|
25
24
|
this.isOpen = false;
|
@@ -104,7 +103,7 @@ export class GuxButtonMulti {
|
|
104
103
|
trackComponent(this.root, { variant: this.accent });
|
105
104
|
}
|
106
105
|
render() {
|
107
|
-
return (h("gux-popup", { expanded: this.isOpen }, h("div", { slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { name: "title" }
|
106
|
+
return (h("gux-popup", { expanded: this.isOpen }, h("div", { slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { name: "title" }), h("gux-icon", { decorative: true, "icon-name": "chevron-small-down" })))), h("div", { class: "gux-list-container", slot: "popup" }, h("gux-list", { onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", null)))));
|
108
107
|
}
|
109
108
|
static get is() { return "gux-button-multi"; }
|
110
109
|
static get encapsulation() { return "shadow"; }
|
@@ -120,23 +119,6 @@ export class GuxButtonMulti {
|
|
120
119
|
}
|
121
120
|
static get properties() {
|
122
121
|
return {
|
123
|
-
"text": {
|
124
|
-
"type": "string",
|
125
|
-
"mutable": false,
|
126
|
-
"complexType": {
|
127
|
-
"original": "string",
|
128
|
-
"resolved": "string",
|
129
|
-
"references": {}
|
130
|
-
},
|
131
|
-
"required": false,
|
132
|
-
"optional": false,
|
133
|
-
"docs": {
|
134
|
-
"tags": [],
|
135
|
-
"text": "The component text."
|
136
|
-
},
|
137
|
-
"attribute": "text",
|
138
|
-
"reflect": false
|
139
|
-
},
|
140
122
|
"disabled": {
|
141
123
|
"type": "boolean",
|
142
124
|
"mutable": false,
|
@@ -1,3 +1,42 @@
|
|
1
|
+
.gux-focus-ring-focused:focus {
|
2
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
3
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
4
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
5
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
6
|
+
}
|
7
|
+
|
8
|
+
.gux-focus-ring-focused-within:focus-within {
|
9
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
10
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
11
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
12
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
13
|
+
}
|
14
|
+
|
15
|
+
.gux-focus-ring-focused-visible:focus-visible {
|
16
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
17
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
18
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
19
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
20
|
+
}
|
21
|
+
|
22
|
+
.gux-focus-ring-small-focused:focus {
|
23
|
+
outline-width: var(--gse-semantic-focusRing-small-border-width);
|
24
|
+
outline-style: var(--gse-semantic-focusRing-small-border-style);
|
25
|
+
outline-color: var(--gse-semantic-focusRing-small-border-color);
|
26
|
+
}
|
27
|
+
|
28
|
+
.gux-focus-ring-small-focused-within:focus-within {
|
29
|
+
outline-width: var(--gse-semantic-focusRing-small-border-width);
|
30
|
+
outline-style: var(--gse-semantic-focusRing-small-border-style);
|
31
|
+
outline-color: var(--gse-semantic-focusRing-small-border-color);
|
32
|
+
}
|
33
|
+
|
34
|
+
.gux-focus-ring-small-focused-visible:focus-visible {
|
35
|
+
outline-width: var(--gse-semantic-focusRing-small-border-width);
|
36
|
+
outline-style: var(--gse-semantic-focusRing-small-border-style);
|
37
|
+
outline-color: var(--gse-semantic-focusRing-small-border-color);
|
38
|
+
}
|
39
|
+
|
1
40
|
:host {
|
2
41
|
display: inline-block;
|
3
42
|
pointer-events: none;
|
@@ -41,9 +80,10 @@
|
|
41
80
|
::slotted(input[type=button]:focus-visible:enabled),
|
42
81
|
::slotted(input[type=submit]:focus-visible:enabled),
|
43
82
|
::slotted(button:focus-visible:enabled) {
|
44
|
-
outline:
|
45
|
-
outline-
|
46
|
-
|
83
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
84
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
85
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
86
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
47
87
|
}
|
48
88
|
|
49
89
|
::slotted(input[type=button]:hover:enabled),
|
@@ -1,34 +1,40 @@
|
|
1
1
|
.gux-focus-ring-focused:focus {
|
2
|
-
outline:
|
3
|
-
outline-
|
4
|
-
|
2
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
3
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
4
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
5
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
5
6
|
}
|
6
7
|
|
7
8
|
.gux-focus-ring-focused-within:focus-within {
|
8
|
-
outline:
|
9
|
-
outline-
|
10
|
-
|
9
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
10
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
11
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
12
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
11
13
|
}
|
12
14
|
|
13
15
|
.gux-focus-ring-focused-visible:focus-visible {
|
14
|
-
outline:
|
15
|
-
outline-
|
16
|
-
|
16
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
17
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
18
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
19
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
17
20
|
}
|
18
21
|
|
19
22
|
.gux-focus-ring-small-focused:focus {
|
20
|
-
outline:
|
21
|
-
outline-
|
23
|
+
outline-width: var(--gse-semantic-focusRing-small-border-width);
|
24
|
+
outline-style: var(--gse-semantic-focusRing-small-border-style);
|
25
|
+
outline-color: var(--gse-semantic-focusRing-small-border-color);
|
22
26
|
}
|
23
27
|
|
24
28
|
.gux-focus-ring-small-focused-within:focus-within {
|
25
|
-
outline:
|
26
|
-
outline-
|
29
|
+
outline-width: var(--gse-semantic-focusRing-small-border-width);
|
30
|
+
outline-style: var(--gse-semantic-focusRing-small-border-style);
|
31
|
+
outline-color: var(--gse-semantic-focusRing-small-border-color);
|
27
32
|
}
|
28
33
|
|
29
34
|
.gux-focus-ring-small-focused-visible:focus-visible {
|
30
|
-
outline:
|
31
|
-
outline-
|
35
|
+
outline-width: var(--gse-semantic-focusRing-small-border-width);
|
36
|
+
outline-style: var(--gse-semantic-focusRing-small-border-style);
|
37
|
+
outline-color: var(--gse-semantic-focusRing-small-border-color);
|
32
38
|
}
|
33
39
|
|
34
40
|
/* Font Definitions. */
|
@@ -113,42 +119,50 @@ h6 {
|
|
113
119
|
|
114
120
|
/* Anchor */
|
115
121
|
.gux-icon-anchor gux-icon {
|
116
|
-
padding-right:
|
122
|
+
padding-right: var(--gse-ui-links-inLine-padding);
|
117
123
|
}
|
118
124
|
|
119
125
|
a {
|
120
|
-
color:
|
126
|
+
color: var(--gse-ui-link-default-color);
|
121
127
|
text-decoration: underline;
|
122
|
-
border-radius:
|
128
|
+
border-radius: var(--gse-ui-links-borderRadius);
|
123
129
|
}
|
124
130
|
a:hover {
|
125
|
-
color:
|
131
|
+
color: var(--gse-ui-link-hover-color);
|
126
132
|
}
|
127
133
|
a:active {
|
128
|
-
color:
|
134
|
+
color: var(--gse-ui-link-active-color);
|
135
|
+
}
|
136
|
+
a:visited {
|
137
|
+
color: var(--gse-ui-link-visited-color);
|
129
138
|
}
|
130
139
|
a:focus-visible {
|
131
|
-
outline:
|
132
|
-
outline-
|
133
|
-
|
140
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
141
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
142
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
143
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
134
144
|
}
|
135
145
|
|
136
146
|
table a {
|
137
|
-
color:
|
147
|
+
color: var(--gse-ui-link-default-color);
|
138
148
|
text-decoration: underline;
|
139
|
-
border-radius:
|
149
|
+
border-radius: var(--gse-ui-links-borderRadius);
|
140
150
|
text-decoration: none;
|
141
151
|
}
|
142
152
|
table a:hover {
|
143
|
-
color:
|
153
|
+
color: var(--gse-ui-link-hover-color);
|
144
154
|
}
|
145
155
|
table a:active {
|
146
|
-
color:
|
156
|
+
color: var(--gse-ui-link-active-color);
|
157
|
+
}
|
158
|
+
table a:visited {
|
159
|
+
color: var(--gse-ui-link-visited-color);
|
147
160
|
}
|
148
161
|
table a:focus-visible {
|
149
|
-
outline:
|
150
|
-
outline-
|
151
|
-
|
162
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
163
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
164
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
165
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
152
166
|
}
|
153
167
|
|
154
168
|
/* Custom Styles */
|
@@ -200,8 +214,9 @@ table a:focus-visible {
|
|
200
214
|
cursor: grabbing !important;
|
201
215
|
}
|
202
216
|
.gux-container .gux-reorder:hover, .gux-container .gux-reorder:focus-visible {
|
203
|
-
outline:
|
204
|
-
outline-
|
217
|
+
outline-width: var(--gse-semantic-focusRing-small-border-width);
|
218
|
+
outline-style: var(--gse-semantic-focusRing-small-border-style);
|
219
|
+
outline-color: var(--gse-semantic-focusRing-small-border-color);
|
205
220
|
}
|
206
221
|
.gux-container .gux-reorder:hover gux-icon, .gux-container .gux-reorder:focus-visible gux-icon {
|
207
222
|
color: #2a60c8;
|
@@ -19,36 +19,42 @@
|
|
19
19
|
@prop $gse-ui-slider-focusRing-borderRadius
|
20
20
|
**/
|
21
21
|
.gux-focus-ring-focused:focus {
|
22
|
-
outline:
|
23
|
-
outline-
|
24
|
-
|
22
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
23
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
24
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
25
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
25
26
|
}
|
26
27
|
|
27
28
|
.gux-focus-ring-focused-within:focus-within {
|
28
|
-
outline:
|
29
|
-
outline-
|
30
|
-
|
29
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
30
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
31
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
32
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
31
33
|
}
|
32
34
|
|
33
35
|
.gux-focus-ring-focused-visible:focus-visible {
|
34
|
-
outline:
|
35
|
-
outline-
|
36
|
-
|
36
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
37
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
38
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
39
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
37
40
|
}
|
38
41
|
|
39
42
|
.gux-focus-ring-small-focused:focus {
|
40
|
-
outline:
|
41
|
-
outline-
|
43
|
+
outline-width: var(--gse-semantic-focusRing-small-border-width);
|
44
|
+
outline-style: var(--gse-semantic-focusRing-small-border-style);
|
45
|
+
outline-color: var(--gse-semantic-focusRing-small-border-color);
|
42
46
|
}
|
43
47
|
|
44
48
|
.gux-focus-ring-small-focused-within:focus-within {
|
45
|
-
outline:
|
46
|
-
outline-
|
49
|
+
outline-width: var(--gse-semantic-focusRing-small-border-width);
|
50
|
+
outline-style: var(--gse-semantic-focusRing-small-border-style);
|
51
|
+
outline-color: var(--gse-semantic-focusRing-small-border-color);
|
47
52
|
}
|
48
53
|
|
49
54
|
.gux-focus-ring-small-focused-visible:focus-visible {
|
50
|
-
outline:
|
51
|
-
outline-
|
55
|
+
outline-width: var(--gse-semantic-focusRing-small-border-width);
|
56
|
+
outline-style: var(--gse-semantic-focusRing-small-border-style);
|
57
|
+
outline-color: var(--gse-semantic-focusRing-small-border-color);
|
52
58
|
}
|
53
59
|
|
54
60
|
/* Font Definitions. */
|
@@ -133,42 +139,50 @@ h6 {
|
|
133
139
|
|
134
140
|
/* Anchor */
|
135
141
|
.gux-icon-anchor gux-icon {
|
136
|
-
padding-right:
|
142
|
+
padding-right: var(--gse-ui-links-inLine-padding);
|
137
143
|
}
|
138
144
|
|
139
145
|
a {
|
140
|
-
color:
|
146
|
+
color: var(--gse-ui-link-default-color);
|
141
147
|
text-decoration: underline;
|
142
|
-
border-radius:
|
148
|
+
border-radius: var(--gse-ui-links-borderRadius);
|
143
149
|
}
|
144
150
|
a:hover {
|
145
|
-
color:
|
151
|
+
color: var(--gse-ui-link-hover-color);
|
146
152
|
}
|
147
153
|
a:active {
|
148
|
-
color:
|
154
|
+
color: var(--gse-ui-link-active-color);
|
155
|
+
}
|
156
|
+
a:visited {
|
157
|
+
color: var(--gse-ui-link-visited-color);
|
149
158
|
}
|
150
159
|
a:focus-visible {
|
151
|
-
outline:
|
152
|
-
outline-
|
153
|
-
|
160
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
161
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
162
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
163
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
154
164
|
}
|
155
165
|
|
156
166
|
table a {
|
157
|
-
color:
|
167
|
+
color: var(--gse-ui-link-default-color);
|
158
168
|
text-decoration: underline;
|
159
|
-
border-radius:
|
169
|
+
border-radius: var(--gse-ui-links-borderRadius);
|
160
170
|
text-decoration: none;
|
161
171
|
}
|
162
172
|
table a:hover {
|
163
|
-
color:
|
173
|
+
color: var(--gse-ui-link-hover-color);
|
164
174
|
}
|
165
175
|
table a:active {
|
166
|
-
color:
|
176
|
+
color: var(--gse-ui-link-active-color);
|
177
|
+
}
|
178
|
+
table a:visited {
|
179
|
+
color: var(--gse-ui-link-visited-color);
|
167
180
|
}
|
168
181
|
table a:focus-visible {
|
169
|
-
outline:
|
170
|
-
outline-
|
171
|
-
|
182
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
183
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
184
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
185
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
172
186
|
}
|
173
187
|
|
174
188
|
/* Custom Styles */
|